@embedpdf/plugin-annotation 2.1.2 → 2.3.0

package/dist/svelte/types.d.ts

@@ -8,8 +8,15 @@ export interface AnnotationSelectionContext {
     annotation: TrackedAnnotation;
     pageIndex: number;
 }
+export interface GroupSelectionContext {
+    type: 'group';
+    annotations: TrackedAnnotation[];
+    pageIndex: number;
+}
 export type AnnotationSelectionMenuProps = SelectionMenuPropsBase<AnnotationSelectionContext>;
 export type AnnotationSelectionMenuRenderFn = SelectionMenuRenderFn<AnnotationSelectionContext>;
+export type GroupSelectionMenuProps = SelectionMenuPropsBase<GroupSelectionContext>;
+export type GroupSelectionMenuRenderFn = SelectionMenuRenderFn<GroupSelectionContext>;
 export interface HandleProps {
     backgroundColor?: string;
     [key: string]: any;

package/dist/vue/components/annotation-container.vue.d.ts

@@ -15,6 +15,8 @@ declare const __VLS_export: <T extends PdfAnnotationObject>(__VLS_props: NonNull
         pageHeight: number;
         trackedAnnotation: TrackedAnnotation<T>;
         isSelected: boolean;
+        /** Whether multiple annotations are selected (container becomes passive) */
+        isMultiSelected?: boolean;
         isDraggable: boolean;
         isResizable: boolean;
         lockAspectRatio?: boolean;

package/dist/vue/components/annotation-layer.vue.d.ts

@@ -1,4 +1,4 @@
-import { AnnotationSelectionMenuRenderFn, ResizeHandleUI, VertexHandleUI } from '../types';
+import { AnnotationSelectionMenuRenderFn, GroupSelectionMenuRenderFn, ResizeHandleUI, VertexHandleUI } from '../types';
 type __VLS_Props = {
     /** The ID of the document that this layer displays annotations for */
     documentId: string;
@@ -13,6 +13,8 @@ type __VLS_Props = {
     selectionOutlineColor?: string;
     /** Customize selection menu */
     selectionMenu?: AnnotationSelectionMenuRenderFn;
+    /** Customize group selection menu */
+    groupSelectionMenu?: GroupSelectionMenuRenderFn;
 };
 declare var __VLS_8: {
     context: import('..').AnnotationSelectionContext;
@@ -34,14 +36,33 @@ declare var __VLS_8: {
         onTouchstart: (e: TouchEvent) => void;
     };
 }, __VLS_11: {
-    backgroundColor: "#007ACC";
+    context: import('..').GroupSelectionContext;
+    selected: boolean;
+    rect: {
+        origin: {
+            x: number;
+            y: number;
+        };
+        size: {
+            width: number;
+            height: number;
+        };
+    };
+    placement: import('@embedpdf/utils/vue').SelectionMenuPlacement;
+    menuWrapperProps: {
+        style: import('vue').CSSProperties;
+        onPointerdown: (e: PointerEvent) => void;
+        onTouchstart: (e: TouchEvent) => void;
+    };
+}, __VLS_14: {
+    backgroundColor: string;
     onPointerdown: (e: PointerEvent) => void;
     onPointermove: (e: PointerEvent) => void;
     onPointerup: (e: PointerEvent) => void;
     onPointercancel: (e: PointerEvent) => void;
     key: string | number;
     style: import('vue').CSSProperties;
-}, __VLS_14: {
+}, __VLS_17: {
     backgroundColor: "#007ACC";
     onPointerdown: (e: PointerEvent) => void;
     onPointermove: (e: PointerEvent) => void;
@@ -53,9 +74,11 @@ declare var __VLS_8: {
 type __VLS_Slots = {} & {
     'selection-menu'?: (props: typeof __VLS_8) => any;
 } & {
-    'resize-handle'?: (props: typeof __VLS_11) => any;
+    'group-selection-menu'?: (props: typeof __VLS_11) => any;
+} & {
+    'resize-handle'?: (props: typeof __VLS_14) => any;
 } & {
-    'vertex-handle'?: (props: typeof __VLS_14) => any;
+    'vertex-handle'?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/vue/components/annotations/index.d.ts

@@ -2,6 +2,7 @@ export { default as Circle } from './circle.vue';
 export { default as FreeText } from './free-text.vue';
 export { default as Ink } from './ink.vue';
 export { default as Line } from './line.vue';
+export { default as Link } from './link.vue';
 export { default as Polygon } from './polygon.vue';
 export { default as Polyline } from './polyline.vue';
 export { default as Square } from './square.vue';

package/dist/vue/components/annotations/ink.vue.d.ts

@@ -1,7 +1,8 @@
 import { PdfInkListObject, Rect } from '@embedpdf/models';
 type __VLS_Props = {
     isSelected: boolean;
-    color?: string;
+    /** Stroke color */
+    strokeColor?: string;
     opacity?: number;
     strokeWidth: number;
     inkList: PdfInkListObject[];
@@ -10,7 +11,6 @@ type __VLS_Props = {
     onClick?: (e: PointerEvent | TouchEvent) => void;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    color: string;
     opacity: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/vue/components/annotations/line.vue.d.ts

@@ -14,9 +14,9 @@ type __VLS_Props = {
     isSelected: boolean;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    strokeColor: string;
     color: string;
     opacity: number;
-    strokeColor: string;
     strokeStyle: PdfAnnotationBorderStyle;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/vue/components/annotations/link.vue.d.ts

@@ -0,0 +1,29 @@
+import { PdfAnnotationBorderStyle, Rect } from '@embedpdf/models';
+type __VLS_Props = {
+    /** Whether the annotation is selected */
+    isSelected: boolean;
+    /** Stroke colour – defaults to blue when omitted */
+    strokeColor?: string;
+    /** Stroke width in PDF units */
+    strokeWidth?: number;
+    /** Stroke type – defaults to underline when omitted */
+    strokeStyle?: PdfAnnotationBorderStyle;
+    /** Stroke dash array – for dashed style */
+    strokeDashArray?: number[];
+    /** Bounding box of the annotation (PDF units) */
+    rect: Rect;
+    /** Current page zoom factor */
+    scale: number;
+    /** Click handler (used for selection) */
+    onClick?: (e: MouseEvent | TouchEvent) => void;
+    /** Whether this link has an IRT (In Reply To) reference - disables direct interaction */
+    hasIRT?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    strokeColor: string;
+    strokeWidth: number;
+    strokeStyle: PdfAnnotationBorderStyle;
+    hasIRT: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/components/annotations/polygon.vue.d.ts

@@ -15,9 +15,9 @@ type __VLS_Props = {
     handleSize?: number;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    strokeColor: string;
     color: string;
     opacity: number;
-    strokeColor: string;
     strokeStyle: PdfAnnotationBorderStyle;
     handleSize: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/vue/components/annotations/polyline.vue.d.ts

@@ -12,9 +12,9 @@ type __VLS_Props = {
     lineEndings?: LineEndings;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    strokeColor: string;
     color: string;
     opacity: number;
-    strokeColor: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/vue/components/annotations.vue.d.ts

@@ -1,4 +1,4 @@
-import { AnnotationSelectionMenuRenderFn, ResizeHandleUI, VertexHandleUI } from '../types';
+import { AnnotationSelectionMenuRenderFn, GroupSelectionMenuRenderFn, ResizeHandleUI, VertexHandleUI } from '../types';
 type __VLS_Props = {
     documentId: string;
     pageIndex: number;
@@ -11,6 +11,8 @@ type __VLS_Props = {
     selectionOutlineColor?: string;
     /** Render function for selection menu (schema-driven approach) */
     selectionMenu?: AnnotationSelectionMenuRenderFn;
+    /** Render function for group selection menu (schema-driven approach) */
+    groupSelectionMenu?: GroupSelectionMenuRenderFn;
 };
 declare var __VLS_14: {
     context: import('..').AnnotationSelectionContext;
@@ -368,6 +370,60 @@ declare var __VLS_14: {
         onPointerdown: (e: PointerEvent) => void;
         onTouchstart: (e: TouchEvent) => void;
     };
+}, __VLS_242: {
+    context: import('..').AnnotationSelectionContext;
+    selected: boolean;
+    rect: {
+        origin: {
+            x: number;
+            y: number;
+        };
+        size: {
+            width: number;
+            height: number;
+        };
+    };
+    placement: import('@embedpdf/utils/vue').SelectionMenuPlacement;
+    menuWrapperProps: {
+        style: import('vue').CSSProperties;
+        onPointerdown: (e: PointerEvent) => void;
+        onTouchstart: (e: TouchEvent) => void;
+    };
+}, __VLS_245: {
+    backgroundColor: "#007ACC";
+    onPointerdown: (e: PointerEvent) => void;
+    onPointermove: (e: PointerEvent) => void;
+    onPointerup: (e: PointerEvent) => void;
+    onPointercancel: (e: PointerEvent) => void;
+    key: string | number;
+    style: import('vue').CSSProperties;
+}, __VLS_254: {
+    context: import('..').GroupSelectionContext;
+    selected: boolean;
+    rect: {
+        origin: {
+            x: number;
+            y: number;
+        };
+        size: {
+            width: number;
+            height: number;
+        };
+    };
+    placement: import('@embedpdf/utils/vue').SelectionMenuPlacement;
+    menuWrapperProps: {
+        style: import('vue').CSSProperties;
+        onPointerdown: (e: PointerEvent) => void;
+        onTouchstart: (e: TouchEvent) => void;
+    };
+}, __VLS_257: {
+    backgroundColor: string;
+    onPointerdown: (e: PointerEvent) => void;
+    onPointermove: (e: PointerEvent) => void;
+    onPointerup: (e: PointerEvent) => void;
+    onPointercancel: (e: PointerEvent) => void;
+    key: string | number;
+    style: import('vue').CSSProperties;
 };
 type __VLS_Slots = {} & {
     'selection-menu'?: (props: typeof __VLS_14) => any;
@@ -425,6 +481,14 @@ type __VLS_Slots = {} & {
     'selection-menu'?: (props: typeof __VLS_212) => any;
 } & {
     'selection-menu'?: (props: typeof __VLS_227) => any;
+} & {
+    'selection-menu'?: (props: typeof __VLS_242) => any;
+} & {
+    'resize-handle'?: (props: typeof __VLS_245) => any;
+} & {
+    'group-selection-menu'?: (props: typeof __VLS_254) => any;
+} & {
+    'resize-handle'?: (props: typeof __VLS_257) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/vue/components/group-selection-box.vue.d.ts

@@ -0,0 +1,73 @@
+import { SelectionMenuPlacement } from '@embedpdf/utils/vue';
+import { TrackedAnnotation } from '../../lib/index.ts';
+import { GroupSelectionContext, GroupSelectionMenuRenderFn, ResizeHandleUI } from '../types';
+type __VLS_Props = {
+    documentId: string;
+    pageIndex: number;
+    scale: number;
+    rotation: number;
+    pageWidth: number;
+    pageHeight: number;
+    /** All selected annotations on this page */
+    selectedAnnotations: TrackedAnnotation[];
+    /** Whether the group is draggable (all annotations must be group-draggable) */
+    isDraggable: boolean;
+    /** Whether the group is resizable (all annotations must be group-resizable) */
+    isResizable: boolean;
+    /** Resize handle UI customization */
+    resizeUI?: ResizeHandleUI;
+    /** Selection outline color */
+    selectionOutlineColor?: string;
+    /** Outline offset */
+    outlineOffset?: number;
+    /** Z-index for the group box */
+    zIndex?: number;
+    /** Group selection menu render function */
+    groupSelectionMenu?: GroupSelectionMenuRenderFn;
+};
+declare var __VLS_1: {
+    backgroundColor: string;
+    onPointerdown: (e: PointerEvent) => void;
+    onPointermove: (e: PointerEvent) => void;
+    onPointerup: (e: PointerEvent) => void;
+    onPointercancel: (e: PointerEvent) => void;
+    key: string | number;
+    style: import('vue').CSSProperties;
+}, __VLS_15: {
+    context: GroupSelectionContext;
+    selected: boolean;
+    rect: {
+        origin: {
+            x: number;
+            y: number;
+        };
+        size: {
+            width: number;
+            height: number;
+        };
+    };
+    placement: SelectionMenuPlacement;
+    menuWrapperProps: {
+        style: import('vue').CSSProperties;
+        onPointerdown: (e: PointerEvent) => void;
+        onTouchstart: (e: TouchEvent) => void;
+    };
+};
+type __VLS_Slots = {} & {
+    'resize-handle'?: (props: typeof __VLS_1) => any;
+} & {
+    'group-selection-menu'?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    outlineOffset: number;
+    zIndex: number;
+    selectionOutlineColor: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/index.d.ts

@@ -2,6 +2,7 @@ export { default as AnnotationContainer } from './annotation-container.vue';
 export { default as AnnotationLayer } from './annotation-layer.vue';
 export { default as AnnotationPaintLayer } from './annotation-paint-layer.vue';
 export { default as Annotations } from './annotations.vue';
+export { default as GroupSelectionBox } from './group-selection-box.vue';
 export { default as PreviewRenderer } from './preview-renderer.vue';
 export { default as RenderAnnotation } from './render-annotation.vue';
 export { default as TextMarkup } from './text-markup.vue';

package/dist/vue/components/text-markup/highlight.vue.d.ts

@@ -1,6 +1,7 @@
 import { Rect } from '@embedpdf/models';
 type __VLS_Props = {
-    color?: string;
+    /** Stroke/markup color */
+    strokeColor?: string;
     opacity?: number;
     segmentRects: Rect[];
     rect?: Rect;
@@ -8,7 +9,6 @@ type __VLS_Props = {
     onClick?: (e: PointerEvent | TouchEvent) => void;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    color: string;
     opacity: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/vue/components/text-markup/squiggly.vue.d.ts

@@ -1,6 +1,7 @@
 import { Rect } from '@embedpdf/models';
 type __VLS_Props = {
-    color?: string;
+    /** Stroke/markup color */
+    strokeColor?: string;
     opacity?: number;
     segmentRects: Rect[];
     rect?: Rect;
@@ -8,7 +9,6 @@ type __VLS_Props = {
     onClick?: (e: PointerEvent | TouchEvent) => void;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    color: string;
     opacity: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/vue/components/text-markup/strikeout.vue.d.ts

@@ -1,6 +1,7 @@
 import { Rect } from '@embedpdf/models';
 type __VLS_Props = {
-    color?: string;
+    /** Stroke/markup color */
+    strokeColor?: string;
     opacity?: number;
     segmentRects: Rect[];
     rect?: Rect;
@@ -8,7 +9,6 @@ type __VLS_Props = {
     onClick?: (e: PointerEvent | TouchEvent) => void;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    color: string;
     opacity: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/vue/components/text-markup/underline.vue.d.ts

@@ -1,6 +1,7 @@
 import { Rect } from '@embedpdf/models';
 type __VLS_Props = {
-    color?: string;
+    /** Stroke/markup color */
+    strokeColor?: string;
     opacity?: number;
     segmentRects: Rect[];
     rect?: Rect;
@@ -8,7 +9,6 @@ type __VLS_Props = {
     onClick?: (e: PointerEvent | TouchEvent) => void;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    color: string;
     opacity: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/vue/hooks/use-annotation.d.ts

@@ -10,12 +10,14 @@ export declare const useAnnotation: (documentId: MaybeRefOrGetter<string>) => {
     state: import('vue').Ref<{
         pages: Record<number, string[]>;
         byUid: Record<string, import('../../lib/index.ts').TrackedAnnotation>;
+        selectedUids: string[];
         selectedUid: string | null;
         activeToolId: string | null;
         hasPendingChanges: boolean;
     }, AnnotationDocumentState | {
         pages: Record<number, string[]>;
         byUid: Record<string, import('../../lib/index.ts').TrackedAnnotation>;
+        selectedUids: string[];
         selectedUid: string | null;
         activeToolId: string | null;
         hasPendingChanges: boolean;