@vue-pdf-viewer/viewer 3.8.0-beta.0 → 3.8.0-beta.1

package/dist/types/composables/useAnnotationHighlight.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { Ref, ShallowRef } from 'vue';
 import { AnnotationLayer, DrawLayer, PageViewport, PDFDocumentProxy, PDFPageProxy } from 'pdfjs-dist';
 import { AnnotationType } from '@vue-pdf-viewer/shared';
 import { AnnotationHighlight } from '@/utils/types';
@@ -9,35 +9,10 @@ interface UseAnnotationHighlightProps {
     textLayer: Ref<HTMLDivElement>;
     annotationLayer: Ref<AnnotationLayer>;
     document: PDFDocumentProxy;
+    /** Shared DrawLayer from parent - ensures unique IDs across all text selection types */
+    sharedDrawLayer: ShallowRef<DrawLayer | null>;
 }
 export declare const useAnnotationHighlight: (props: UseAnnotationHighlightProps) => {
-    drawLayer: Ref<{
-        pageIndex: any;
-        setParent: (parent: any) => void;
-        draw: (properties: any, isPathUpdatable?: boolean | undefined, hasClip?: boolean | undefined) => {
-            id: number;
-            clipPathId: string;
-        };
-        drawOutline: (properties: any, mustRemoveSelfIntersections: any) => number;
-        finalizeDraw: (id: any, properties: any) => void;
-        updateProperties: (elementOrId: any, properties: any) => void;
-        updateParent: (id: any, layer: any) => void;
-        remove: (id: any) => void;
-        destroy: () => void;
-    } | null, DrawLayer | {
-        pageIndex: any;
-        setParent: (parent: any) => void;
-        draw: (properties: any, isPathUpdatable?: boolean | undefined, hasClip?: boolean | undefined) => {
-            id: number;
-            clipPathId: string;
-        };
-        drawOutline: (properties: any, mustRemoveSelfIntersections: any) => number;
-        finalizeDraw: (id: any, properties: any) => void;
-        updateProperties: (elementOrId: any, properties: any) => void;
-        updateParent: (id: any, layer: any) => void;
-        remove: (id: any) => void;
-        destroy: () => void;
-    } | null>;
     isPrepared: Ref<boolean, boolean>;
     highlightAnnotations: Ref<{
         hexColor: string;

package/dist/types/composables/useAnnotationStrikethrough.d.ts

@@ -1,6 +1,6 @@
 import { AnnotationHighlight } from '@/utils/types';
 import { AnnotationLayer, DrawLayer, PageViewport, PDFDocumentProxy, PDFPageProxy } from 'pdfjs-dist';
-import { Ref } from 'vue';
+import { Ref, ShallowRef } from 'vue';
 import { AnnotationType } from '@vue-pdf-viewer/shared';
 interface UseAnnotationStrikethroughProps {
     page: Ref<PDFPageProxy>;
@@ -9,6 +9,8 @@ interface UseAnnotationStrikethroughProps {
     textLayer: Ref<HTMLDivElement>;
     annotationLayer: Ref<AnnotationLayer>;
     document: PDFDocumentProxy;
+    /** Shared DrawLayer from parent - ensures unique IDs across all text selection types */
+    sharedDrawLayer: ShallowRef<DrawLayer | null>;
 }
 interface StrikethroughAnnotation extends AnnotationHighlight {
     isAddedNew?: boolean;
@@ -696,33 +698,6 @@ export declare const useAnnotationStrikethrough: (props: UseAnnotationStrikethro
         drawLayerId: number;
         strikethroughSvg?: SVGSVGElement | undefined;
     }>>;
-    drawLayer: Ref<{
-        pageIndex: any;
-        setParent: (parent: any) => void;
-        draw: (properties: any, isPathUpdatable?: boolean | undefined, hasClip?: boolean | undefined) => {
-            id: number;
-            clipPathId: string;
-        };
-        drawOutline: (properties: any, mustRemoveSelfIntersections: any) => number;
-        finalizeDraw: (id: any, properties: any) => void;
-        updateProperties: (elementOrId: any, properties: any) => void;
-        updateParent: (id: any, layer: any) => void;
-        remove: (id: any) => void;
-        destroy: () => void;
-    } | null, DrawLayer | {
-        pageIndex: any;
-        setParent: (parent: any) => void;
-        draw: (properties: any, isPathUpdatable?: boolean | undefined, hasClip?: boolean | undefined) => {
-            id: number;
-            clipPathId: string;
-        };
-        drawOutline: (properties: any, mustRemoveSelfIntersections: any) => number;
-        finalizeDraw: (id: any, properties: any) => void;
-        updateProperties: (elementOrId: any, properties: any) => void;
-        updateParent: (id: any, layer: any) => void;
-        remove: (id: any) => void;
-        destroy: () => void;
-    } | null>;
     isPrepared: Ref<boolean, boolean>;
     prepareStrikethroughElements: (editorActive: boolean) => Promise<void>;
     createStrikethroughFromBoxes: (boxes: Array<{

package/dist/types/composables/useAnnotationUnderline.d.ts

@@ -1,6 +1,6 @@
 import { AnnotationHighlight } from '@/utils/types';
 import { AnnotationLayer, DrawLayer, PageViewport, PDFDocumentProxy, PDFPageProxy } from 'pdfjs-dist';
-import { Ref } from 'vue';
+import { Ref, ShallowRef } from 'vue';
 import { AnnotationType } from '@vue-pdf-viewer/shared';
 interface UseAnnotationUnderlineProps {
     page: Ref<PDFPageProxy>;
@@ -9,6 +9,8 @@ interface UseAnnotationUnderlineProps {
     textLayer: Ref<HTMLDivElement>;
     annotationLayer: Ref<AnnotationLayer>;
     document: PDFDocumentProxy;
+    /** Shared DrawLayer from parent - ensures unique IDs across all text selection types */
+    sharedDrawLayer: ShallowRef<DrawLayer | null>;
 }
 interface UnderlineAnnotation extends AnnotationHighlight {
     isAddedNew?: boolean;
@@ -696,33 +698,6 @@ export declare const useAnnotationUnderline: (props: UseAnnotationUnderlineProps
         drawLayerId: number;
         underlineSvg?: SVGSVGElement | undefined;
     }>>;
-    drawLayer: Ref<{
-        pageIndex: any;
-        setParent: (parent: any) => void;
-        draw: (properties: any, isPathUpdatable?: boolean | undefined, hasClip?: boolean | undefined) => {
-            id: number;
-            clipPathId: string;
-        };
-        drawOutline: (properties: any, mustRemoveSelfIntersections: any) => number;
-        finalizeDraw: (id: any, properties: any) => void;
-        updateProperties: (elementOrId: any, properties: any) => void;
-        updateParent: (id: any, layer: any) => void;
-        remove: (id: any) => void;
-        destroy: () => void;
-    } | null, DrawLayer | {
-        pageIndex: any;
-        setParent: (parent: any) => void;
-        draw: (properties: any, isPathUpdatable?: boolean | undefined, hasClip?: boolean | undefined) => {
-            id: number;
-            clipPathId: string;
-        };
-        drawOutline: (properties: any, mustRemoveSelfIntersections: any) => number;
-        finalizeDraw: (id: any, properties: any) => void;
-        updateProperties: (elementOrId: any, properties: any) => void;
-        updateParent: (id: any, layer: any) => void;
-        remove: (id: any) => void;
-        destroy: () => void;
-    } | null>;
     isPrepared: Ref<boolean, boolean>;
     prepareUnderlineElements: (editorActive: boolean) => Promise<void>;
     createUnderlineFromBoxes: (boxes: Array<{

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue-pdf-viewer/viewer",
   "private": false,
-  "version": "3.8.0-beta.0",
+  "version": "3.8.0-beta.1",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",