@vue-pdf-viewer/viewer 3.5.2-rc.0 → 3.6.0-beta.0

package/dist/types/utils/types.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef, MaybeRef, PropType, Reactive, Ref, ShallowRef } from 'vue';
-import type { PageViewport } from 'pdfjs-dist';
+import type { PageViewport, RenderTask } from 'pdfjs-dist';
 import type { DocumentInitParameters, OnProgressParameters, PDFDataRangeTransport, TextContent, TypedArray, PDFPageProxy, PDFDocumentProxy, RenderParameters } from 'pdfjs-dist/types/src/display/api';
 import type { Metadata } from 'pdfjs-dist/types/src/display/metadata';
 import type { Annotation } from '@vue-pdf-viewer/shared';
@@ -87,6 +87,10 @@ export interface TextLayerLoadedEventPayload {
     textContent: TextContent | undefined;
     textLayerRef?: HTMLElement;
 }
+export interface CanvasRenderedEventPayload {
+    pageIndex: number;
+    canvas: HTMLCanvasElement;
+}
 export interface HighlightOptions {
     matchCase?: boolean;
     wholeWords?: boolean;
@@ -238,10 +242,6 @@ export interface ViewerState {
     isEditing: Ref<boolean>;
     updateViewerState: (state: Partial<ViewerState>) => void;
 }
-export interface VisibilityInfo {
-    pageIndex: number;
-    ratio: number;
-}
 export interface ToolbarOptions {
     /**
      * Determines whether the toolbar includes a search functionality.
@@ -626,7 +626,10 @@ export interface DownloadControl {
 }
 export interface ZoomControl {
     scale: Ref<number>;
-    zoom(scale: number | ZoomLevel): void;
+    zoom(scale: number | ZoomLevel, options?: {
+        immediate?: boolean;
+        origin?: [number, number];
+    }): void;
 }
 export interface UseScaleCallback {
     status: 'success' | 'error';
@@ -666,7 +669,7 @@ export interface RenderQueueItem {
     page: PDFPageProxy;
     canvasElem: HTMLCanvasElement;
     options: RenderParameters;
-    onLoaded?: () => void;
+    onLoaded?: (renderTask: RenderTask) => void;
     onError?: (error: Error) => void;
     onComplete?: () => void;
 }
@@ -676,6 +679,11 @@ export type RectBox = {
     width: number;
     height: number;
 };
+export interface PageLayout {
+    rotation: number;
+    width: number;
+    height: number;
+}
 export interface AnnotationHighlight extends Annotation {
     hexColor: string;
     drawLayerId: number;
@@ -715,3 +723,24 @@ export interface AnnotationFreeText extends Annotation {
     };
     isModified?: boolean;
 }
+/**
+ * Visible area of a page in viewport coordinates.
+ * Following pdf.js pattern from pdf_page_detail_view.js
+ */
+export interface VisibleArea {
+    minX: number;
+    minY: number;
+    maxX: number;
+    maxY: number;
+}
+/**
+ * Detail canvas rendering area (visible area + overflow padding).
+ * Following pdf.js pattern from pdf_page_detail_view.js
+ */
+export interface DetailArea {
+    minX: number;
+    minY: number;
+    width: number;
+    height: number;
+    scale: number;
+}

package/dist/types/utils.d.ts

@@ -7,6 +7,18 @@ export declare function generateUniqueCSSClassName(): string;
 export declare const attachWatermarkShadowDOM: (rootViewer: HTMLDivElement) => HTMLDivElement;
 export declare const formatDate: (date: string) => string;
 export declare const formatCommentTimestamp: (date: string | Date) => string;
+/**
+ * Calculate scale for ZoomLevel presets based on container and page dimensions.
+ * Handles dual page modes by doubling effective page width.
+ *
+ * @param container - The container element
+ * @param pageHeight - Height of a single page
+ * @param pageWidth - Width of a single page
+ * @param scale - ZoomLevel preset (ActualSize, PageFit, PageWidth)
+ * @param viewMode - Current view mode
+ * @param numPages - Total number of pages in document
+ * @returns Calculated scale value
+ */
 export declare function calculateScale(container: HTMLElement, pageHeight: number, pageWidth: number, scale: ZoomLevel, viewMode: ViewMode, numPages: number): number;
 export declare const getTodayPdfDate: () => string;
 export declare const getPdfDate: (date: string | Date) => string | Date;

package/package.json

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

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

@@ -1,8 +0,0 @@
-import { UnwrapRef } from 'vue';
-import { ViewerPdfPage, ViewerState } from '@/utils/types';
-declare function usePdfPageSizes(props: UnwrapRef<ViewerState>): {
-    pdfPages: import("vue").ComputedRef<ViewerPdfPage[]>;
-    estimatedPdfPages: import("vue").ShallowRef<ViewerPdfPage[], ViewerPdfPage[]>;
-    actualPdfPages: import("vue").ShallowRef<ViewerPdfPage[], ViewerPdfPage[]>;
-};
-export default usePdfPageSizes;

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

@@ -1,9 +0,0 @@
-import { type Ref } from 'vue';
-import { VirtualRange, VisibilityInfo } from '@/utils/types';
-declare function useVisibilities(totalPages: Ref<number>): {
-    resetVisibility: (preserveRange?: VirtualRange) => void;
-    updateVisibility: (info: VisibilityInfo) => void;
-    currentPage: Ref<number, number>;
-    calculateCurrentPage: (range?: VirtualRange) => number;
-};
-export default useVisibilities;