@embedpdf/plugin-annotation 2.12.1 → 2.14.0

package/dist/vue/index.js

@@ -8,8 +8,8 @@ import { usePlugin, useCapability, useDocumentPermissions, useDocumentState } fr
 import { boundingRectOrEmpty, PdfAnnotationBorderStyle, PdfVerticalAlignment, textAlignmentToCss, standardFontCssProperties, ignore, PdfErrorCode, getContrastStrokeColor, PdfBlendMode, blendModeToCss, PdfAnnotationSubtype } from "@embedpdf/models";
 import { usePointerHandlers } from "@embedpdf/plugin-interaction-manager/vue";
 import { useSelectionCapability } from "@embedpdf/plugin-selection/vue";
-const _hoisted_1$f = ["src"];
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _hoisted_1$h = ["src"];
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "appearance-image",
   props: {
     appearance: {},
@@ -52,7 +52,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           userSelect: "none",
           ...__props.style
         })
-      }, null, 44, _hoisted_1$f)) : createCommentVNode("", true);
+      }, null, 44, _hoisted_1$h)) : createCommentVNode("", true);
     };
   }
 });
@@ -119,13 +119,13 @@ function useIOSZoomPrevention(computedFontPx, active) {
     return { needsComp, adjustedFontPx, scaleComp, wrapperStyle };
   });
 }
-const _hoisted_1$e = ["width", "height", "stroke"];
-const _hoisted_2$a = ["width", "height", "stroke"];
-const __default__$f = {
+const _hoisted_1$g = ["width", "height", "stroke"];
+const _hoisted_2$c = ["width", "height", "stroke"];
+const __default__$g = {
   inheritAttrs: false
 };
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
   __name: "annotation-container",
   props: {
     scale: {},
@@ -689,7 +689,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               annotation: childObject.value,
               appearanceActive: apActive.value
             }),
-            ((_a = __props.appearance) == null ? void 0 : _a.normal) ? (openBlock(), createBlock(_sfc_main$O, {
+            ((_a = __props.appearance) == null ? void 0 : _a.normal) ? (openBlock(), createBlock(_sfc_main$R, {
               key: 0,
               appearance: __props.appearance.normal,
               style: normalizeStyle({ display: apActive.value ? "block" : "none" })
@@ -738,7 +738,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                 }, [..._cache[2] || (_cache[2] = [
                   createElementVNode("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }, null, -1),
                   createElementVNode("path", { d: "M21 3v5h-5" }, null, -1)
-                ])], 8, _hoisted_1$e))
+                ])], 8, _hoisted_1$g))
               ], 16)
             ]) : (openBlock(), createElementBlock("div", mergeProps({ key: 2 }, rotationHandleBindings.value, { style: rotationHandleStyle.value }), [
               (openBlock(), createElementBlock("svg", {
@@ -753,7 +753,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               }, [..._cache[3] || (_cache[3] = [
                 createElementVNode("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }, null, -1),
                 createElementVNode("path", { d: "M21 3v5h-5" }, null, -1)
-              ])], 8, _hoisted_2$a))
+              ])], 8, _hoisted_2$c))
             ], 16))
           ], 32)) : createCommentVNode("", true),
           createElementVNode("div", mergeProps({ ...effectiveIsDraggable.value && __props.isSelected ? unref(dragProps) : {}, ...unref(doubleProps) }, { style: innerRotatedStyle.value }), [
@@ -873,14 +873,14 @@ function getAnnotationScreenBounds(annotation, scale, rotation) {
     bottom: top + maxY
   };
 }
-const _hoisted_1$d = {
+const _hoisted_1$f = {
   key: 0,
   "data-group-selection-box": "",
   "data-no-interaction": ""
 };
-const _hoisted_2$9 = ["width", "height", "stroke"];
-const _hoisted_3$9 = ["width", "height", "stroke"];
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _hoisted_2$b = ["width", "height", "stroke"];
+const _hoisted_3$b = ["width", "height", "stroke"];
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "group-selection-box",
   props: {
     documentId: {},
@@ -1340,7 +1340,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       currentRotation: computed(() => liveRotation.value ?? 0)
     });
     return (_ctx, _cache) => {
-      return __props.selectedAnnotations.length >= 2 ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
+      return __props.selectedAnnotations.length >= 2 ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
         createElementVNode("div", {
           style: normalizeStyle(outerStyle.value)
         }, [
@@ -1383,7 +1383,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                 }, [..._cache[2] || (_cache[2] = [
                   createElementVNode("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }, null, -1),
                   createElementVNode("path", { d: "M21 3v5h-5" }, null, -1)
-                ])], 8, _hoisted_2$9))
+                ])], 8, _hoisted_2$b))
               ], 16)
             ]) : (openBlock(), createElementBlock("div", mergeProps({ key: 2 }, rotationHandleBindings.value, { style: rotationHandleStyle.value }), [
               (openBlock(), createElementBlock("svg", {
@@ -1398,7 +1398,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
               }, [..._cache[3] || (_cache[3] = [
                 createElementVNode("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }, null, -1),
                 createElementVNode("path", { d: "M21 3v5h-5" }, null, -1)
-              ])], 8, _hoisted_3$9))
+              ])], 8, _hoisted_3$b))
             ], 16))
           ], 32)) : createCommentVNode("", true),
           createElementVNode("div", mergeProps(
@@ -1507,9 +1507,9 @@ function createRenderer(entry) {
     renderLocked: entry.renderLocked ? markRaw(entry.renderLocked) : void 0
   };
 }
-const __default__$e = { inheritAttrs: false };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+const __default__$f = { inheritAttrs: false };
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
   __name: "link-locked",
   props: {
     annotation: {},
@@ -1543,7 +1543,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "link-preview",
   props: {
     data: {},
@@ -1569,12 +1569,12 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = ["width", "height", "viewBox"];
-const _hoisted_2$8 = ["d", "stroke-width"];
-const _hoisted_3$8 = ["d", "opacity"];
-const __default__$d = { inheritAttrs: false };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+const _hoisted_1$e = ["width", "height", "viewBox"];
+const _hoisted_2$a = ["d", "stroke-width"];
+const _hoisted_3$a = ["d", "opacity"];
+const __default__$e = { inheritAttrs: false };
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  ...__default__$e,
   __name: "ink",
   props: {
     isSelected: { type: Boolean },
@@ -1636,7 +1636,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
               strokeLinecap: "round",
               strokeLinejoin: "round"
             })
-          }, null, 44, _hoisted_2$8);
+          }, null, 44, _hoisted_2$a);
         }), 128)),
         !__props.appearanceActive ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(paths.value, (d, i) => {
           return openBlock(), createElementBlock("path", {
@@ -1651,13 +1651,13 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
               strokeLinecap: "round",
               strokeLinejoin: "round"
             })
-          }, null, 12, _hoisted_3$8);
+          }, null, 12, _hoisted_3$a);
         }), 128)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$c);
+      ], 12, _hoisted_1$e);
     };
   }
 });
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "ink-preview",
   props: {
     data: {},
@@ -1666,21 +1666,21 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$J, mergeProps({
+      return openBlock(), createBlock(_sfc_main$M, mergeProps({
         isSelected: false,
         scale: __props.scale
       }, __props.data), null, 16, ["scale"]);
     };
   }
 });
-const _hoisted_1$b = ["width", "height", "viewBox"];
-const _hoisted_2$7 = ["d", "stroke-width"];
-const _hoisted_3$7 = ["x", "y", "width", "height", "stroke-width"];
-const _hoisted_4$6 = ["d", "fill", "opacity"];
-const _hoisted_5$5 = ["x", "y", "width", "height", "fill", "opacity"];
-const __default__$c = { inheritAttrs: false };
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+const _hoisted_1$d = ["width", "height", "viewBox"];
+const _hoisted_2$9 = ["d", "stroke-width"];
+const _hoisted_3$9 = ["x", "y", "width", "height", "stroke-width"];
+const _hoisted_4$8 = ["d", "fill", "opacity"];
+const _hoisted_5$6 = ["x", "y", "width", "height", "fill", "opacity"];
+const __default__$d = { inheritAttrs: false };
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  ...__default__$d,
   __name: "square",
   props: {
     isSelected: { type: Boolean },
@@ -1754,7 +1754,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
             pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : __props.color === "transparent" ? "visibleStroke" : "visible"
           })
-        }, null, 44, _hoisted_2$7)) : (openBlock(), createElementBlock("rect", {
+        }, null, 44, _hoisted_2$9)) : (openBlock(), createElementBlock("rect", {
           key: 1,
           x: geometry.value.x,
           y: geometry.value.y,
@@ -1769,7 +1769,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
             pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : __props.color === "transparent" ? "visibleStroke" : "visible"
           })
-        }, null, 44, _hoisted_3$7)),
+        }, null, 44, _hoisted_3$9)),
         !__props.appearanceActive ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           isCloudy.value && cloudyPath.value ? (openBlock(), createElementBlock("path", {
             key: 0,
@@ -1782,7 +1782,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
               strokeWidth: __props.strokeWidth,
               strokeLinejoin: "round"
             })
-          }, null, 12, _hoisted_4$6)) : (openBlock(), createElementBlock("rect", {
+          }, null, 12, _hoisted_4$8)) : (openBlock(), createElementBlock("rect", {
             key: 1,
             x: geometry.value.x,
             y: geometry.value.y,
@@ -1798,13 +1798,13 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 strokeDasharray: (_a = __props.strokeDashArray) == null ? void 0 : _a.join(",")
               }
             })
-          }, null, 12, _hoisted_5$5))
+          }, null, 12, _hoisted_5$6))
         ], 64)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$b);
+      ], 12, _hoisted_1$d);
     };
   }
 });
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "square-preview",
   props: {
     data: {},
@@ -1813,21 +1813,21 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$H, mergeProps({
+      return openBlock(), createBlock(_sfc_main$K, mergeProps({
         isSelected: false,
         scale: __props.scale
       }, __props.data), null, 16, ["scale"]);
     };
   }
 });
-const _hoisted_1$a = ["width", "height", "viewBox"];
-const _hoisted_2$6 = ["d", "stroke-width"];
-const _hoisted_3$6 = ["cx", "cy", "rx", "ry", "stroke-width"];
-const _hoisted_4$5 = ["d", "fill", "opacity"];
-const _hoisted_5$4 = ["cx", "cy", "rx", "ry", "fill", "opacity"];
-const __default__$b = { inheritAttrs: false };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+const _hoisted_1$c = ["width", "height", "viewBox"];
+const _hoisted_2$8 = ["d", "stroke-width"];
+const _hoisted_3$8 = ["cx", "cy", "rx", "ry", "stroke-width"];
+const _hoisted_4$7 = ["d", "fill", "opacity"];
+const _hoisted_5$5 = ["cx", "cy", "rx", "ry", "fill", "opacity"];
+const __default__$c = { inheritAttrs: false };
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
   __name: "circle",
   props: {
     isSelected: { type: Boolean },
@@ -1903,7 +1903,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
             pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : __props.color === "transparent" ? "visibleStroke" : "visible"
           })
-        }, null, 44, _hoisted_2$6)) : (openBlock(), createElementBlock("ellipse", {
+        }, null, 44, _hoisted_2$8)) : (openBlock(), createElementBlock("ellipse", {
           key: 1,
           cx: geometry.value.cx,
           cy: geometry.value.cy,
@@ -1918,7 +1918,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
             pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : __props.color === "transparent" ? "visibleStroke" : "visible"
           })
-        }, null, 44, _hoisted_3$6)),
+        }, null, 44, _hoisted_3$8)),
         !__props.appearanceActive ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           isCloudy.value && cloudyPath.value ? (openBlock(), createElementBlock("path", {
             key: 0,
@@ -1931,7 +1931,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
               strokeWidth: __props.strokeWidth,
               strokeLinejoin: "round"
             })
-          }, null, 12, _hoisted_4$5)) : (openBlock(), createElementBlock("ellipse", {
+          }, null, 12, _hoisted_4$7)) : (openBlock(), createElementBlock("ellipse", {
             key: 1,
             cx: geometry.value.cx,
             cy: geometry.value.cy,
@@ -1947,13 +1947,13 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                 strokeDasharray: (_a = __props.strokeDashArray) == null ? void 0 : _a.join(",")
               }
             })
-          }, null, 12, _hoisted_5$4))
+          }, null, 12, _hoisted_5$5))
         ], 64)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$a);
+      ], 12, _hoisted_1$c);
     };
   }
 });
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "circle-preview",
   props: {
     data: {},
@@ -1962,23 +1962,23 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$F, mergeProps({
+      return openBlock(), createBlock(_sfc_main$I, mergeProps({
         isSelected: false,
         scale: __props.scale
       }, __props.data), null, 16, ["scale"]);
     };
   }
 });
-const _hoisted_1$9 = ["width", "height", "viewBox"];
-const _hoisted_2$5 = ["x1", "y1", "x2", "y2", "stroke-width"];
-const _hoisted_3$5 = ["d", "transform", "stroke-width"];
-const _hoisted_4$4 = ["d", "transform", "stroke-width"];
-const _hoisted_5$3 = ["x1", "y1", "x2", "y2", "opacity"];
-const _hoisted_6$2 = ["d", "transform", "stroke", "fill"];
-const _hoisted_7$1 = ["d", "transform", "stroke", "fill"];
-const __default__$a = { inheritAttrs: false };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+const _hoisted_1$b = ["width", "height", "viewBox"];
+const _hoisted_2$7 = ["x1", "y1", "x2", "y2", "stroke-width"];
+const _hoisted_3$7 = ["d", "transform", "stroke-width"];
+const _hoisted_4$6 = ["d", "transform", "stroke-width"];
+const _hoisted_5$4 = ["x1", "y1", "x2", "y2", "opacity"];
+const _hoisted_6$3 = ["d", "transform", "stroke", "fill"];
+const _hoisted_7$2 = ["d", "transform", "stroke", "fill"];
+const __default__$b = { inheritAttrs: false };
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
   __name: "line",
   props: {
     color: { default: "transparent" },
@@ -2053,7 +2053,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : "visibleStroke",
             strokeLinecap: "butt"
           })
-        }, null, 44, _hoisted_2$5),
+        }, null, 44, _hoisted_2$7),
         endings.value.start ? (openBlock(), createElementBlock("path", {
           key: 0,
           d: endings.value.start.d,
@@ -2068,7 +2068,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : endings.value.start.filled ? "visible" : "visibleStroke",
             strokeLinecap: "butt"
           })
-        }, null, 44, _hoisted_3$5)) : createCommentVNode("", true),
+        }, null, 44, _hoisted_3$7)) : createCommentVNode("", true),
         endings.value.end ? (openBlock(), createElementBlock("path", {
           key: 1,
           d: endings.value.end.d,
@@ -2083,7 +2083,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : endings.value.end.filled ? "visible" : "visibleStroke",
             strokeLinecap: "butt"
           })
-        }, null, 44, _hoisted_4$4)) : createCommentVNode("", true),
+        }, null, 44, _hoisted_4$6)) : createCommentVNode("", true),
         !__props.appearanceActive ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           createElementVNode("line", {
             x1: localLine.value.x1,
@@ -2100,7 +2100,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                 strokeDasharray: (_a = __props.strokeDashArray) == null ? void 0 : _a.join(",")
               }
             })
-          }, null, 12, _hoisted_5$3),
+          }, null, 12, _hoisted_5$4),
           endings.value.start ? (openBlock(), createElementBlock("path", {
             key: 0,
             d: endings.value.start.d,
@@ -2115,7 +2115,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                 strokeDasharray: (_b = __props.strokeDashArray) == null ? void 0 : _b.join(",")
               }
             })
-          }, null, 12, _hoisted_6$2)) : createCommentVNode("", true),
+          }, null, 12, _hoisted_6$3)) : createCommentVNode("", true),
           endings.value.end ? (openBlock(), createElementBlock("path", {
             key: 1,
             d: endings.value.end.d,
@@ -2130,13 +2130,13 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                 strokeDasharray: (_c = __props.strokeDashArray) == null ? void 0 : _c.join(",")
               }
             })
-          }, null, 12, _hoisted_7$1)) : createCommentVNode("", true)
+          }, null, 12, _hoisted_7$2)) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$9);
+      ], 12, _hoisted_1$b);
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "line-preview",
   props: {
     data: {},
@@ -2145,23 +2145,23 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$D, mergeProps({
+      return openBlock(), createBlock(_sfc_main$G, mergeProps({
         isSelected: false,
         scale: __props.scale
       }, __props.data), null, 16, ["scale"]);
     };
   }
 });
-const _hoisted_1$8 = ["width", "height", "viewBox"];
-const _hoisted_2$4 = ["d", "stroke-width"];
-const _hoisted_3$4 = ["d", "transform", "stroke-width"];
-const _hoisted_4$3 = ["d", "transform", "stroke-width"];
-const _hoisted_5$2 = ["d", "opacity"];
-const _hoisted_6$1 = ["d", "transform", "stroke", "fill"];
-const _hoisted_7 = ["d", "transform", "stroke", "fill"];
-const __default__$9 = { inheritAttrs: false };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+const _hoisted_1$a = ["width", "height", "viewBox"];
+const _hoisted_2$6 = ["d", "stroke-width"];
+const _hoisted_3$6 = ["d", "transform", "stroke-width"];
+const _hoisted_4$5 = ["d", "transform", "stroke-width"];
+const _hoisted_5$3 = ["d", "opacity"];
+const _hoisted_6$2 = ["d", "transform", "stroke", "fill"];
+const _hoisted_7$1 = ["d", "transform", "stroke", "fill"];
+const __default__$a = { inheritAttrs: false };
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
   __name: "polyline",
   props: {
     rect: {},
@@ -2251,7 +2251,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
             strokeLinecap: "butt",
             strokeLinejoin: "miter"
           })
-        }, null, 44, _hoisted_2$4),
+        }, null, 44, _hoisted_2$6),
         endings.value.start ? (openBlock(), createElementBlock("path", {
           key: 0,
           d: endings.value.start.d,
@@ -2266,7 +2266,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
             pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : endings.value.start.filled ? "visible" : "visibleStroke",
             strokeLinecap: "butt"
           })
-        }, null, 44, _hoisted_3$4)) : createCommentVNode("", true),
+        }, null, 44, _hoisted_3$6)) : createCommentVNode("", true),
         endings.value.end ? (openBlock(), createElementBlock("path", {
           key: 1,
           d: endings.value.end.d,
@@ -2281,7 +2281,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
             pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : endings.value.end.filled ? "visible" : "visibleStroke",
             strokeLinecap: "butt"
           })
-        }, null, 44, _hoisted_4$3)) : createCommentVNode("", true),
+        }, null, 44, _hoisted_4$5)) : createCommentVNode("", true),
         !__props.appearanceActive ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           createElementVNode("path", {
             d: pathData.value,
@@ -2297,7 +2297,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 strokeDasharray: (_a = __props.strokeDashArray) == null ? void 0 : _a.join(",")
               }
             })
-          }, null, 12, _hoisted_5$2),
+          }, null, 12, _hoisted_5$3),
           endings.value.start ? (openBlock(), createElementBlock("path", {
             key: 0,
             d: endings.value.start.d,
@@ -2312,7 +2312,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 strokeDasharray: (_b = __props.strokeDashArray) == null ? void 0 : _b.join(",")
               }
             })
-          }, null, 12, _hoisted_6$1)) : createCommentVNode("", true),
+          }, null, 12, _hoisted_6$2)) : createCommentVNode("", true),
           endings.value.end ? (openBlock(), createElementBlock("path", {
             key: 1,
             d: endings.value.end.d,
@@ -2327,13 +2327,13 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 strokeDasharray: (_c = __props.strokeDashArray) == null ? void 0 : _c.join(",")
               }
             })
-          }, null, 12, _hoisted_7)) : createCommentVNode("", true)
+          }, null, 12, _hoisted_7$1)) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$8);
+      ], 12, _hoisted_1$a);
     };
   }
 });
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "polyline-preview",
   props: {
     data: {},
@@ -2342,22 +2342,22 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$B, mergeProps({
+      return openBlock(), createBlock(_sfc_main$E, mergeProps({
         isSelected: false,
         scale: __props.scale
       }, __props.data), null, 16, ["scale"]);
     };
   }
 });
-const _hoisted_1$7 = ["width", "height", "viewBox"];
-const _hoisted_2$3 = ["d", "stroke-width"];
-const _hoisted_3$3 = ["d", "opacity"];
-const _hoisted_4$2 = ["d", "opacity"];
-const _hoisted_5$1 = ["d"];
-const _hoisted_6 = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"];
-const __default__$8 = { inheritAttrs: false };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+const _hoisted_1$9 = ["width", "height", "viewBox"];
+const _hoisted_2$5 = ["d", "stroke-width"];
+const _hoisted_3$5 = ["d", "opacity"];
+const _hoisted_4$4 = ["d", "opacity"];
+const _hoisted_5$2 = ["d"];
+const _hoisted_6$1 = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"];
+const __default__$9 = { inheritAttrs: false };
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
   __name: "polygon",
   props: {
     rect: {},
@@ -2438,7 +2438,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             strokeLinecap: "butt",
             strokeLinejoin: "miter"
           })
-        }, null, 44, _hoisted_2$3),
+        }, null, 44, _hoisted_2$5),
         !__props.appearanceActive ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           isCloudy.value && cloudyPath.value ? (openBlock(), createElementBlock("path", {
             key: 0,
@@ -2451,7 +2451,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               pointerEvents: "none",
               strokeLinejoin: "round"
             })
-          }, null, 12, _hoisted_3$3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          }, null, 12, _hoisted_3$5)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             createElementVNode("path", {
               d: pathData.value,
               opacity: __props.opacity,
@@ -2466,7 +2466,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                   strokeDasharray: (_a = __props.strokeDashArray) == null ? void 0 : _a.join(",")
                 }
               })
-            }, null, 12, _hoisted_4$2),
+            }, null, 12, _hoisted_4$4),
             isPreviewing.value && localPts.value.length > 1 ? (openBlock(), createElementBlock("path", {
               key: 0,
               d: `M ${localPts.value[localPts.value.length - 1].x} ${localPts.value[localPts.value.length - 1].y} L ${localPts.value[0].x} ${localPts.value[0].y}`,
@@ -2478,7 +2478,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                 opacity: 0.7,
                 pointerEvents: "none"
               })
-            }, null, 12, _hoisted_5$1)) : createCommentVNode("", true),
+            }, null, 12, _hoisted_5$2)) : createCommentVNode("", true),
             isPreviewing.value && localPts.value.length >= 2 ? (openBlock(), createElementBlock("rect", {
               key: 1,
               x: localPts.value[0].x - __props.handleSize / __props.scale / 2,
@@ -2490,14 +2490,14 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               stroke: __props.strokeColor,
               "stroke-width": __props.strokeWidth / 2,
               style: { "pointer-events": "none" }
-            }, null, 8, _hoisted_6)) : createCommentVNode("", true)
+            }, null, 8, _hoisted_6$1)) : createCommentVNode("", true)
           ], 64))
         ], 64)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$7);
+      ], 12, _hoisted_1$9);
     };
   }
 });
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "polygon-preview",
   props: {
     data: {},
@@ -2506,14 +2506,14 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$z, mergeProps({
+      return openBlock(), createBlock(_sfc_main$C, mergeProps({
         isSelected: false,
         scale: __props.scale
       }, __props.data), null, 16, ["scale"]);
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "free-text-preview",
   props: {
     data: {},
@@ -2535,8 +2535,87 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = ["src"];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = ["width", "height", "viewBox"];
+const _hoisted_2$4 = ["points", "stroke", "stroke-width", "opacity"];
+const _hoisted_3$4 = ["d", "transform", "stroke", "fill", "stroke-width", "opacity"];
+const _hoisted_4$3 = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "opacity"];
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
+  __name: "callout-free-text-preview",
+  props: {
+    data: {},
+    bounds: {},
+    scale: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const cl = computed(() => props.data.calloutLine);
+    const sw = computed(() => props.data.strokeWidth ?? 1);
+    const sc = computed(() => props.data.strokeColor ?? "#000000");
+    const op = computed(() => props.data.opacity ?? 1);
+    const w = computed(() => props.bounds.size.width);
+    const h = computed(() => props.bounds.size.height);
+    const ox = computed(() => props.bounds.origin.x);
+    const oy = computed(() => props.bounds.origin.y);
+    const lineCoords = computed(() => {
+      const line = cl.value;
+      if (!line || line.length < 2) return null;
+      return line.map((p) => ({ x: p.x - ox.value, y: p.y - oy.value }));
+    });
+    const ending = computed(() => {
+      const lc = lineCoords.value;
+      if (!lc || lc.length < 2) return null;
+      const angle = Math.atan2(lc[1].y - lc[0].y, lc[1].x - lc[0].x);
+      return patching.createEnding(props.data.lineEnding, sw.value, angle + Math.PI, lc[0].x, lc[0].y);
+    });
+    const halfSw = computed(() => sw.value / 2);
+    const tb = computed(() => props.data.textBox);
+    return (_ctx, _cache) => {
+      return lineCoords.value ? (openBlock(), createElementBlock("svg", {
+        key: 0,
+        style: normalizeStyle({
+          position: "absolute",
+          width: `${w.value * __props.scale}px`,
+          height: `${h.value * __props.scale}px`,
+          pointerEvents: "none",
+          overflow: "visible"
+        }),
+        width: w.value * __props.scale,
+        height: h.value * __props.scale,
+        viewBox: `0 0 ${w.value} ${h.value}`
+      }, [
+        createElementVNode("polyline", {
+          points: lineCoords.value.map((p) => `${p.x},${p.y}`).join(" "),
+          fill: "none",
+          stroke: sc.value,
+          "stroke-width": sw.value,
+          opacity: op.value
+        }, null, 8, _hoisted_2$4),
+        ending.value ? (openBlock(), createElementBlock("path", {
+          key: 0,
+          d: ending.value.d,
+          transform: ending.value.transform,
+          stroke: sc.value,
+          fill: ending.value.filled ? __props.data.color ?? "transparent" : "none",
+          "stroke-width": sw.value,
+          opacity: op.value
+        }, null, 8, _hoisted_3$4)) : createCommentVNode("", true),
+        tb.value ? (openBlock(), createElementBlock("rect", {
+          key: 1,
+          x: tb.value.origin.x - ox.value + halfSw.value,
+          y: tb.value.origin.y - oy.value + halfSw.value,
+          width: tb.value.size.width - sw.value,
+          height: tb.value.size.height - sw.value,
+          fill: __props.data.color ?? __props.data.backgroundColor ?? "transparent",
+          stroke: sc.value,
+          "stroke-width": sw.value,
+          opacity: op.value
+        }, null, 8, _hoisted_4$3)) : createCommentVNode("", true)
+      ], 12, _hoisted_1$8)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$7 = ["src"];
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "stamp-preview",
   props: {
     data: {},
@@ -2559,11 +2638,11 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         src: __props.data.ghostUrl,
         style: normalizeStyle(style.value),
         alt: ""
-      }, null, 12, _hoisted_1$6);
+      }, null, 12, _hoisted_1$7);
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "ink-renderer",
   props: {
     annotation: {},
@@ -2578,7 +2657,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$J, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$M, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -2587,7 +2666,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "square-renderer",
   props: {
     annotation: {},
@@ -2602,7 +2681,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$H, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$K, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -2611,7 +2690,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "circle-renderer",
   props: {
     annotation: {},
@@ -2626,7 +2705,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$F, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$I, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -2635,7 +2714,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "line-renderer",
   props: {
     annotation: {},
@@ -2650,7 +2729,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$D, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$G, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -2659,7 +2738,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "polyline-renderer",
   props: {
     annotation: {},
@@ -2674,7 +2753,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$B, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$E, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -2683,7 +2762,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "polygon-renderer",
   props: {
     annotation: {},
@@ -2698,7 +2777,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$z, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$C, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -2707,10 +2786,10 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = ["contenteditable"];
-const __default__$7 = { inheritAttrs: false };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+const _hoisted_1$6 = ["contenteditable"];
+const __default__$8 = { inheritAttrs: false };
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
   __name: "free-text",
   props: {
     documentId: {},
@@ -2815,12 +2894,12 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           tabindex: "0",
           style: normalizeStyle(editorStyle.value),
           contenteditable: __props.isEditing
-        }, toDisplayString(__props.annotation.object.contents), 45, _hoisted_1$5)
+        }, toDisplayString(__props.annotation.object.contents), 45, _hoisted_1$6)
       ], 36);
     };
   }
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "free-text-renderer",
   props: {
     annotation: {},
@@ -2833,6 +2912,290 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     onClick: { type: Function },
     appearanceActive: { type: Boolean }
   },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$r, {
+        documentId: __props.documentId,
+        isSelected: __props.isSelected,
+        isEditing: __props.isEditing,
+        annotation: { ...__props.annotation, object: __props.currentObject },
+        pageIndex: __props.pageIndex,
+        scale: __props.scale,
+        onClick: __props.onClick,
+        appearanceActive: __props.appearanceActive
+      }, null, 8, ["documentId", "isSelected", "isEditing", "annotation", "pageIndex", "scale", "onClick", "appearanceActive"]);
+    };
+  }
+});
+const _hoisted_1$5 = ["width", "height", "viewBox"];
+const _hoisted_2$3 = ["points", "stroke-width"];
+const _hoisted_3$3 = ["d", "transform", "stroke-width"];
+const _hoisted_4$2 = ["points", "stroke", "stroke-width", "opacity"];
+const _hoisted_5$1 = ["d", "transform", "stroke", "fill", "stroke-width", "opacity"];
+const _hoisted_6 = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "opacity"];
+const _hoisted_7 = ["contenteditable"];
+const __default__$7 = { inheritAttrs: false };
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
+  __name: "callout-free-text",
+  props: {
+    documentId: {},
+    isSelected: { type: Boolean },
+    isEditing: { type: Boolean },
+    annotation: {},
+    pageIndex: {},
+    scale: {},
+    onClick: {},
+    appearanceActive: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const obj = computed(() => props.annotation.object);
+    const strokeWidth = computed(() => obj.value.strokeWidth ?? 1);
+    const strokeColor = computed(() => obj.value.strokeColor ?? "#000000");
+    const editorRef = ref(null);
+    const editingRef = ref(false);
+    const { provides: annotationCapability } = useAnnotationCapability();
+    const annotationProvides = computed(
+      () => {
+        var _a;
+        return ((_a = annotationCapability.value) == null ? void 0 : _a.forDocument(props.documentId)) ?? null;
+      }
+    );
+    const textBox = computed(
+      () => patching.computeTextBoxFromRD(obj.value.rect, obj.value.rectangleDifferences)
+    );
+    const textBoxRelative = computed(() => ({
+      left: (textBox.value.origin.x - obj.value.rect.origin.x + strokeWidth.value / 2) * props.scale,
+      top: (textBox.value.origin.y - obj.value.rect.origin.y + strokeWidth.value / 2) * props.scale,
+      width: (textBox.value.size.width - strokeWidth.value) * props.scale,
+      height: (textBox.value.size.height - strokeWidth.value) * props.scale
+    }));
+    const lineCoords = computed(() => {
+      const cl = obj.value.calloutLine;
+      if (!cl || cl.length < 3) return null;
+      return cl.map((p) => ({
+        x: p.x - obj.value.rect.origin.x,
+        y: p.y - obj.value.rect.origin.y
+      }));
+    });
+    const ending = computed(() => {
+      const lc = lineCoords.value;
+      if (!lc || lc.length < 2) return null;
+      const angle = Math.atan2(lc[1].y - lc[0].y, lc[1].x - lc[0].x);
+      return patching.createEnding(
+        obj.value.lineEnding,
+        strokeWidth.value,
+        angle + Math.PI,
+        lc[0].x,
+        lc[0].y
+      );
+    });
+    const visualLineCoords = computed(() => {
+      const lc = lineCoords.value;
+      if (!lc || lc.length < 2) return lc;
+      const pts = lc.map((p) => ({ ...p }));
+      const last = pts.length - 1;
+      const prev = last - 1;
+      const dx = pts[last].x - pts[prev].x;
+      const dy = pts[last].y - pts[prev].y;
+      const len = Math.sqrt(dx * dx + dy * dy);
+      if (len > 0) {
+        const halfBw = strokeWidth.value / 2;
+        pts[last].x += dx / len * halfBw;
+        pts[last].y += dy / len * halfBw;
+      }
+      return pts;
+    });
+    const ios = useIOSZoomPrevention(
+      () => obj.value.fontSize * props.scale,
+      () => props.isEditing
+    );
+    const width = computed(() => obj.value.rect.size.width * props.scale);
+    const height = computed(() => obj.value.rect.size.height * props.scale);
+    const hitStrokeWidth = computed(() => Math.max(strokeWidth.value, 20 / props.scale));
+    watch(
+      () => props.isEditing,
+      async (editing) => {
+        var _a, _b;
+        if (!editing) return;
+        await nextTick();
+        if (!editorRef.value) return;
+        editingRef.value = true;
+        const editor = editorRef.value;
+        editor.focus();
+        const tool = (_a = annotationProvides.value) == null ? void 0 : _a.findToolForAnnotation(obj.value);
+        const isDefaultContent = ((_b = tool == null ? void 0 : tool.defaults) == null ? void 0 : _b.contents) != null && obj.value.contents === tool.defaults.contents;
+        const selection = window.getSelection();
+        if (selection) {
+          const range = document.createRange();
+          range.selectNodeContents(editor);
+          if (!isDefaultContent) {
+            range.collapse(false);
+          }
+          selection.removeAllRanges();
+          selection.addRange(range);
+        }
+      },
+      { immediate: true }
+    );
+    const handleBlur = () => {
+      if (!editingRef.value) return;
+      editingRef.value = false;
+      if (!annotationProvides.value || !editorRef.value) return;
+      annotationProvides.value.updateAnnotation(props.pageIndex, obj.value.id, {
+        contents: editorRef.value.innerText.replace(/\u00A0/g, " ")
+      });
+    };
+    const editorStyle = computed(() => {
+      const { adjustedFontPx } = ios.value;
+      const tbr = textBoxRelative.value;
+      return {
+        position: "absolute",
+        left: `${tbr.left}px`,
+        top: `${tbr.top}px`,
+        width: `${tbr.width}px`,
+        height: `${tbr.height}px`,
+        color: obj.value.fontColor,
+        fontSize: `${adjustedFontPx}px`,
+        ...standardFontCssProperties(obj.value.fontFamily),
+        textAlign: textAlignmentToCss(obj.value.textAlign),
+        flexDirection: "column",
+        justifyContent: obj.value.verticalAlign === PdfVerticalAlignment.Top ? "flex-start" : obj.value.verticalAlign === PdfVerticalAlignment.Middle ? "center" : "flex-end",
+        display: "flex",
+        padding: `${strokeWidth.value * props.scale / 2 + 2 * props.scale}px`,
+        opacity: obj.value.opacity,
+        lineHeight: "1.18",
+        overflow: "hidden",
+        cursor: props.isEditing ? "text" : "default",
+        outline: "none",
+        pointerEvents: props.isEditing ? "auto" : "none"
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle({
+          position: "absolute",
+          width: `${width.value}px`,
+          height: `${height.value}px`,
+          cursor: __props.isSelected && !__props.isEditing ? "move" : "default",
+          pointerEvents: "none",
+          zIndex: 2,
+          opacity: __props.appearanceActive ? 0 : 1
+        })
+      }, [
+        (openBlock(), createElementBlock("svg", {
+          style: normalizeStyle({
+            position: "absolute",
+            width: `${width.value}px`,
+            height: `${height.value}px`,
+            pointerEvents: "none",
+            overflow: "visible"
+          }),
+          width: width.value,
+          height: height.value,
+          viewBox: `0 0 ${obj.value.rect.size.width} ${obj.value.rect.size.height}`
+        }, [
+          lineCoords.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createElementVNode("polyline", {
+              points: lineCoords.value.map((p) => `${p.x},${p.y}`).join(" "),
+              fill: "none",
+              stroke: "transparent",
+              "stroke-width": hitStrokeWidth.value,
+              onPointerdown: _cache[0] || (_cache[0] = //@ts-ignore
+              (...args) => __props.onClick && __props.onClick(...args)),
+              style: normalizeStyle({
+                cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
+                pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : "visibleStroke"
+              })
+            }, null, 44, _hoisted_2$3),
+            ending.value ? (openBlock(), createElementBlock("path", {
+              key: 0,
+              d: ending.value.d,
+              transform: ending.value.transform,
+              fill: "transparent",
+              stroke: "transparent",
+              "stroke-width": hitStrokeWidth.value,
+              onPointerdown: _cache[1] || (_cache[1] = //@ts-ignore
+              (...args) => __props.onClick && __props.onClick(...args)),
+              style: normalizeStyle({
+                cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
+                pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : ending.value.filled ? "visible" : "visibleStroke"
+              })
+            }, null, 44, _hoisted_3$3)) : createCommentVNode("", true)
+          ], 64)) : createCommentVNode("", true),
+          !__props.appearanceActive ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            visualLineCoords.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("polyline", {
+                points: visualLineCoords.value.map((p) => `${p.x},${p.y}`).join(" "),
+                fill: "none",
+                stroke: strokeColor.value,
+                "stroke-width": strokeWidth.value,
+                opacity: obj.value.opacity,
+                style: { "pointer-events": "none" }
+              }, null, 8, _hoisted_4$2),
+              ending.value ? (openBlock(), createElementBlock("path", {
+                key: 0,
+                d: ending.value.d,
+                transform: ending.value.transform,
+                stroke: strokeColor.value,
+                fill: ending.value.filled ? obj.value.color ?? "transparent" : "none",
+                "stroke-width": strokeWidth.value,
+                opacity: obj.value.opacity,
+                style: { "pointer-events": "none" }
+              }, null, 8, _hoisted_5$1)) : createCommentVNode("", true)
+            ], 64)) : createCommentVNode("", true),
+            createElementVNode("rect", {
+              x: textBox.value.origin.x - obj.value.rect.origin.x + strokeWidth.value / 2,
+              y: textBox.value.origin.y - obj.value.rect.origin.y + strokeWidth.value / 2,
+              width: textBox.value.size.width - strokeWidth.value,
+              height: textBox.value.size.height - strokeWidth.value,
+              fill: obj.value.color ?? obj.value.backgroundColor ?? "transparent",
+              stroke: strokeColor.value,
+              "stroke-width": strokeWidth.value,
+              opacity: obj.value.opacity,
+              style: { "pointer-events": "none" }
+            }, null, 8, _hoisted_6)
+          ], 64)) : createCommentVNode("", true)
+        ], 12, _hoisted_1$5)),
+        createElementVNode("div", {
+          onPointerdown: _cache[2] || (_cache[2] = //@ts-ignore
+          (...args) => __props.onClick && __props.onClick(...args)),
+          style: normalizeStyle({
+            position: "absolute",
+            left: `${(textBox.value.origin.x - obj.value.rect.origin.x) * __props.scale}px`,
+            top: `${(textBox.value.origin.y - obj.value.rect.origin.y) * __props.scale}px`,
+            width: `${textBox.value.size.width * __props.scale}px`,
+            height: `${textBox.value.size.height * __props.scale}px`,
+            cursor: __props.isSelected && !__props.isEditing ? "move" : __props.onClick ? "pointer" : "default",
+            pointerEvents: !__props.onClick ? "none" : __props.isSelected && !__props.isEditing ? "none" : "auto"
+          })
+        }, null, 36),
+        createElementVNode("span", {
+          ref_key: "editorRef",
+          ref: editorRef,
+          onBlur: handleBlur,
+          tabindex: "0",
+          style: normalizeStyle(editorStyle.value),
+          contenteditable: __props.isEditing
+        }, toDisplayString(obj.value.contents), 45, _hoisted_7)
+      ], 4);
+    };
+  }
+});
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  __name: "callout-free-text-renderer",
+  props: {
+    annotation: {},
+    currentObject: {},
+    isSelected: { type: Boolean },
+    isEditing: { type: Boolean },
+    scale: {},
+    pageIndex: {},
+    documentId: {},
+    onClick: { type: Function },
+    appearanceActive: { type: Boolean }
+  },
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$p, {
@@ -3635,8 +3998,8 @@ const builtInRenderers = [
     id: "ink",
     matches: (a) => a.type === PdfAnnotationSubtype.INK,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.INK,
-    component: _sfc_main$v,
-    renderPreview: _sfc_main$I,
+    component: _sfc_main$x,
+    renderPreview: _sfc_main$L,
     previewContainerStyle: ({ data }) => ({
       mixBlendMode: blendModeToCss(data.blendMode ?? PdfBlendMode.Normal)
     }),
@@ -3646,24 +4009,24 @@ const builtInRenderers = [
     id: "square",
     matches: (a) => a.type === PdfAnnotationSubtype.SQUARE,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.SQUARE,
-    component: _sfc_main$u,
-    renderPreview: _sfc_main$G,
+    component: _sfc_main$w,
+    renderPreview: _sfc_main$J,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: true }
   }),
   createRenderer({
     id: "circle",
     matches: (a) => a.type === PdfAnnotationSubtype.CIRCLE,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.CIRCLE,
-    component: _sfc_main$t,
-    renderPreview: _sfc_main$E,
+    component: _sfc_main$v,
+    renderPreview: _sfc_main$H,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: true }
   }),
   createRenderer({
     id: "line",
     matches: (a) => a.type === PdfAnnotationSubtype.LINE,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.LINE,
-    component: _sfc_main$s,
-    renderPreview: _sfc_main$C,
+    component: _sfc_main$u,
+    renderPreview: _sfc_main$F,
     vertexConfig: {
       extractVertices: (a) => [a.linePoints.start, a.linePoints.end],
       transformAnnotation: (a, v) => ({
@@ -3677,8 +4040,8 @@ const builtInRenderers = [
     id: "polyline",
     matches: (a) => a.type === PdfAnnotationSubtype.POLYLINE,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.POLYLINE,
-    component: _sfc_main$r,
-    renderPreview: _sfc_main$A,
+    component: _sfc_main$t,
+    renderPreview: _sfc_main$D,
     vertexConfig: {
       extractVertices: (a) => a.vertices,
       transformAnnotation: (a, vertices) => ({ ...a, vertices })
@@ -3689,8 +4052,8 @@ const builtInRenderers = [
     id: "polygon",
     matches: (a) => a.type === PdfAnnotationSubtype.POLYGON,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.POLYGON,
-    component: _sfc_main$q,
-    renderPreview: _sfc_main$y,
+    component: _sfc_main$s,
+    renderPreview: _sfc_main$B,
     vertexConfig: {
       extractVertices: (a) => a.vertices,
       transformAnnotation: (a, vertices) => ({ ...a, vertices })
@@ -3739,11 +4102,22 @@ const builtInRenderers = [
     interactionDefaults: { isDraggable: false, isResizable: false, isRotatable: false }
   }),
   createRenderer({
-    id: "freeText",
-    matches: (a) => a.type === PdfAnnotationSubtype.FREETEXT,
-    matchesPreview: (p) => p.type === PdfAnnotationSubtype.FREETEXT,
+    id: "freeTextCallout",
+    matches: (a) => a.type === PdfAnnotationSubtype.FREETEXT && a.intent === "FreeTextCallout",
+    matchesPreview: (p) => p.type === PdfAnnotationSubtype.FREETEXT && !!p.data.calloutLine,
     component: _sfc_main$o,
-    renderPreview: _sfc_main$x,
+    renderPreview: _sfc_main$z,
+    vertexConfig: patching.calloutVertexConfig,
+    interactionDefaults: { isDraggable: true, isResizable: false, isRotatable: false },
+    isDraggable: (toolDraggable, { isEditing }) => toolDraggable && !isEditing,
+    onDoubleClick: (id, setEditingId) => setEditingId(id)
+  }),
+  createRenderer({
+    id: "freeText",
+    matches: (a) => a.type === PdfAnnotationSubtype.FREETEXT && a.intent !== "FreeTextCallout",
+    matchesPreview: (p) => p.type === PdfAnnotationSubtype.FREETEXT && !p.data.calloutLine,
+    component: _sfc_main$q,
+    renderPreview: _sfc_main$A,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: true },
     isDraggable: (toolDraggable, { isEditing }) => toolDraggable && !isEditing,
     onDoubleClick: (id, setEditingId) => setEditingId(id)
@@ -3753,7 +4127,7 @@ const builtInRenderers = [
     matches: (a) => a.type === PdfAnnotationSubtype.STAMP,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.STAMP,
     component: _sfc_main$l,
-    renderPreview: _sfc_main$w,
+    renderPreview: _sfc_main$y,
     useAppearanceStream: false,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: true }
   }),
@@ -3762,7 +4136,7 @@ const builtInRenderers = [
     matches: (a) => a.type === PdfAnnotationSubtype.LINK,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.LINK,
     component: _sfc_main$j,
-    renderPreview: _sfc_main$K,
+    renderPreview: _sfc_main$N,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: false },
     useAppearanceStream: false,
     selectOverride: (e, annotation, helpers) => {
@@ -3780,7 +4154,7 @@ const builtInRenderers = [
       helpers.selectAnnotation(helpers.pageIndex, annotation.object.id);
     },
     hideSelectionMenu: (a) => !!a.inReplyToId,
-    renderLocked: _sfc_main$L
+    renderLocked: _sfc_main$O
   })
 ];
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
@@ -4112,7 +4486,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(resolvedAnnotations.value, ({ annotation, renderer, locked }) => {
           var _a;
-          return openBlock(), createBlock(_sfc_main$N, mergeProps({
+          return openBlock(), createBlock(_sfc_main$Q, mergeProps({
             key: annotation.object.id,
             trackedAnnotation: annotation,
             isSelected: locked ? false : allSelectedIds.value.includes(annotation.object.id),
@@ -4164,7 +4538,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             } : void 0
           ]), 1040, ["trackedAnnotation", "isSelected", "isEditing", "isMultiSelected", "isDraggable", "isResizable", "lockAspectRatio", "isRotatable", "vertexConfig", "selectionMenu", "onSelect", "onDoubleClick", "zIndex", "blendMode", "style", "appearance"]);
         }), 128)),
-        allSelectedOnSamePage.value && selectedAnnotationsOnPage.value.length >= 2 ? (openBlock(), createBlock(_sfc_main$M, {
+        allSelectedOnSamePage.value && selectedAnnotationsOnPage.value.length >= 2 ? (openBlock(), createBlock(_sfc_main$P, {
           key: 0,
           documentId: __props.documentId,
           pageIndex: __props.pageIndex,
@@ -4557,24 +4931,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 const AnnotationPluginPackage = createPluginPackage(AnnotationPluginPackage$1).addWrapper(_sfc_main$1).addUtility(_sfc_main).build();
 export {
-  _sfc_main$N as AnnotationContainer,
+  _sfc_main$Q as AnnotationContainer,
   _sfc_main$2 as AnnotationLayer,
   _sfc_main$3 as AnnotationPaintLayer,
   AnnotationPluginPackage,
   _sfc_main$6 as Annotations,
-  _sfc_main$F as Circle,
-  _sfc_main$p as FreeText,
-  _sfc_main$M as GroupSelectionBox,
+  _sfc_main$I as Circle,
+  _sfc_main$r as FreeText,
+  _sfc_main$P as GroupSelectionBox,
   _sfc_main$i as Highlight,
-  _sfc_main$J as Ink,
-  _sfc_main$D as Line,
+  _sfc_main$M as Ink,
+  _sfc_main$G as Line,
   _sfc_main$k as Link,
-  _sfc_main$z as Polygon,
-  _sfc_main$B as Polyline,
+  _sfc_main$C as Polygon,
+  _sfc_main$E as Polyline,
   _sfc_main$4 as PreviewRenderer,
   _sfc_main$n as RenderAnnotation,
   _sfc_main$1 as RendererRegistryProvider,
-  _sfc_main$H as Square,
+  _sfc_main$K as Square,
   _sfc_main$c as Squiggly,
   _sfc_main$m as Stamp,
   _sfc_main$e as Strikeout,