@vue-pdf-viewer/viewer 3.6.0-beta.1 → 3.6.0-beta.3

package/dist/types/components/VPdfViewer.vue.d.ts

@@ -20,15 +20,25 @@ declare const _default: {
             readonly type: import("vue").PropType<number | ZoomLevel>;
             readonly default: () => ZoomLevel;
         };
+        readonly scrollMode: {
+            readonly type: import("vue").PropType<ScrollMode>;
+            readonly default: () => ScrollMode;
+            readonly validator: (scrollMode: ScrollMode, args: unknown) => boolean;
+        };
+        readonly viewMode: {
+            readonly type: import("vue").PropType<ViewMode>;
+            readonly default: () => ViewMode;
+            readonly validator: (viewMode: ViewMode, args: unknown) => boolean;
+        };
         readonly initialScrollMode: {
             readonly type: import("vue").PropType<ScrollMode>;
             readonly default: () => ScrollMode;
-            readonly validator: (initialScrollMode: ScrollMode, args: unknown) => boolean;
+            readonly validator: (scrollMode: ScrollMode, args: unknown) => boolean;
         };
         readonly initialViewMode: {
             readonly type: import("vue").PropType<ViewMode>;
             readonly default: () => ViewMode;
-            readonly validator: (initialViewMode: ViewMode, args: unknown) => boolean;
+            readonly validator: (viewMode: ViewMode, args: unknown) => boolean;
         };
         readonly initialRotation: {
             readonly type: import("vue").PropType<number>;
@@ -92,6 +102,8 @@ declare const _default: {
         onLoadProgress?: ((progress: number) => any) | undefined;
         onAfterGoToPage?: ((progress: number) => any) | undefined;
         onPageChanged?: ((progress: number) => any) | undefined;
+        "onUpdate:scrollMode"?: ((scrollMode: ScrollMode) => any) | undefined;
+        "onUpdate:viewMode"?: ((viewMode: ViewMode) => any) | undefined;
     }>, {
         highlightControl: {
             highlight: (args: import("@/utils/types").TextHighlight[]) => Promise<Record<string, import("@/utils/types").MatchHighlightResult[]>>;
@@ -173,16 +185,22 @@ declare const _default: {
         rotate: (rotateEvent: RotateEvent) => void;
     } & {
         scroll: (scrollEvent: Event) => void;
+    } & {
+        "update:scrollMode": (scrollMode: ScrollMode) => void;
+    } & {
+        "update:viewMode": (viewMode: ViewMode) => void;
     } & {
         afterGoToPage: (progress: number) => void;
     } & {
         pageChanged: (progress: number) => void;
     }, import("vue").PublicProps, {
-        readonly initialViewMode: ViewMode;
-        readonly initialScrollMode: ScrollMode;
+        readonly scrollMode: ScrollMode;
+        readonly viewMode: ViewMode;
         readonly workerUrl: string;
         readonly initialPage: number;
         readonly initialScale: number | ZoomLevel;
+        readonly initialScrollMode: ScrollMode;
+        readonly initialViewMode: ViewMode;
         readonly initialRotation: number;
         readonly initialThumbnailsVisible: boolean;
         readonly initialSearch: string;
@@ -219,15 +237,25 @@ declare const _default: {
             readonly type: import("vue").PropType<number | ZoomLevel>;
             readonly default: () => ZoomLevel;
         };
+        readonly scrollMode: {
+            readonly type: import("vue").PropType<ScrollMode>;
+            readonly default: () => ScrollMode;
+            readonly validator: (scrollMode: ScrollMode, args: unknown) => boolean;
+        };
+        readonly viewMode: {
+            readonly type: import("vue").PropType<ViewMode>;
+            readonly default: () => ViewMode;
+            readonly validator: (viewMode: ViewMode, args: unknown) => boolean;
+        };
         readonly initialScrollMode: {
             readonly type: import("vue").PropType<ScrollMode>;
             readonly default: () => ScrollMode;
-            readonly validator: (initialScrollMode: ScrollMode, args: unknown) => boolean;
+            readonly validator: (scrollMode: ScrollMode, args: unknown) => boolean;
         };
         readonly initialViewMode: {
             readonly type: import("vue").PropType<ViewMode>;
             readonly default: () => ViewMode;
-            readonly validator: (initialViewMode: ViewMode, args: unknown) => boolean;
+            readonly validator: (viewMode: ViewMode, args: unknown) => boolean;
         };
         readonly initialRotation: {
             readonly type: import("vue").PropType<number>;
@@ -291,6 +319,8 @@ declare const _default: {
         onLoadProgress?: ((progress: number) => any) | undefined;
         onAfterGoToPage?: ((progress: number) => any) | undefined;
         onPageChanged?: ((progress: number) => any) | undefined;
+        "onUpdate:scrollMode"?: ((scrollMode: ScrollMode) => any) | undefined;
+        "onUpdate:viewMode"?: ((viewMode: ViewMode) => any) | undefined;
     }>, {
         highlightControl: {
             highlight: (args: import("@/utils/types").TextHighlight[]) => Promise<Record<string, import("@/utils/types").MatchHighlightResult[]>>;
@@ -353,11 +383,13 @@ declare const _default: {
             } | undefined) => void;
         };
     }, {}, {}, {}, {
-        readonly initialViewMode: ViewMode;
-        readonly initialScrollMode: ScrollMode;
+        readonly scrollMode: ScrollMode;
+        readonly viewMode: ViewMode;
         readonly workerUrl: string;
         readonly initialPage: number;
         readonly initialScale: number | ZoomLevel;
+        readonly initialScrollMode: ScrollMode;
+        readonly initialViewMode: ViewMode;
         readonly initialRotation: number;
         readonly initialThumbnailsVisible: boolean;
         readonly initialSearch: string;
@@ -391,15 +423,25 @@ declare const _default: {
         readonly type: import("vue").PropType<number | ZoomLevel>;
         readonly default: () => ZoomLevel;
     };
+    readonly scrollMode: {
+        readonly type: import("vue").PropType<ScrollMode>;
+        readonly default: () => ScrollMode;
+        readonly validator: (scrollMode: ScrollMode, args: unknown) => boolean;
+    };
+    readonly viewMode: {
+        readonly type: import("vue").PropType<ViewMode>;
+        readonly default: () => ViewMode;
+        readonly validator: (viewMode: ViewMode, args: unknown) => boolean;
+    };
     readonly initialScrollMode: {
         readonly type: import("vue").PropType<ScrollMode>;
         readonly default: () => ScrollMode;
-        readonly validator: (initialScrollMode: ScrollMode, args: unknown) => boolean;
+        readonly validator: (scrollMode: ScrollMode, args: unknown) => boolean;
     };
     readonly initialViewMode: {
         readonly type: import("vue").PropType<ViewMode>;
         readonly default: () => ViewMode;
-        readonly validator: (initialViewMode: ViewMode, args: unknown) => boolean;
+        readonly validator: (viewMode: ViewMode, args: unknown) => boolean;
     };
     readonly initialRotation: {
         readonly type: import("vue").PropType<number>;
@@ -463,6 +505,8 @@ declare const _default: {
     onLoadProgress?: ((progress: number) => any) | undefined;
     onAfterGoToPage?: ((progress: number) => any) | undefined;
     onPageChanged?: ((progress: number) => any) | undefined;
+    "onUpdate:scrollMode"?: ((scrollMode: ScrollMode) => any) | undefined;
+    "onUpdate:viewMode"?: ((viewMode: ViewMode) => any) | undefined;
 }>, {
     highlightControl: {
         highlight: (args: import("@/utils/types").TextHighlight[]) => Promise<Record<string, import("@/utils/types").MatchHighlightResult[]>>;
@@ -544,16 +588,22 @@ declare const _default: {
     rotate: (rotateEvent: RotateEvent) => void;
 } & {
     scroll: (scrollEvent: Event) => void;
+} & {
+    "update:scrollMode": (scrollMode: ScrollMode) => void;
+} & {
+    "update:viewMode": (viewMode: ViewMode) => void;
 } & {
     afterGoToPage: (progress: number) => void;
 } & {
     pageChanged: (progress: number) => void;
 }, string, {
-    readonly initialViewMode: ViewMode;
-    readonly initialScrollMode: ScrollMode;
+    readonly scrollMode: ScrollMode;
+    readonly viewMode: ViewMode;
     readonly workerUrl: string;
     readonly initialPage: number;
     readonly initialScale: number | ZoomLevel;
+    readonly initialScrollMode: ScrollMode;
+    readonly initialViewMode: ViewMode;
     readonly initialRotation: number;
     readonly initialThumbnailsVisible: boolean;
     readonly initialSearch: string;

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

@@ -362,6 +362,14 @@ export interface VPdfViewerProps {
      * If unspecified, the initial zoom level is determined by the page dimensions and the width of the container
      */
     initialScale?: number | ZoomLevel;
+    /**
+     * The scroll mode
+     */
+    scrollMode?: ScrollMode;
+    /**
+     * The viewer mode
+     */
+    viewMode?: ViewMode;
     /**
      * The initial scroll mode
      */
@@ -469,15 +477,25 @@ export declare const VPVBaseProps: {
         readonly type: PropType<number | ZoomLevel>;
         readonly default: () => ZoomLevel;
     };
+    readonly scrollMode: {
+        readonly type: PropType<ScrollMode>;
+        readonly default: () => ScrollMode;
+        readonly validator: (scrollMode: ScrollMode, args: unknown) => boolean;
+    };
+    readonly viewMode: {
+        readonly type: PropType<ViewMode>;
+        readonly default: () => ViewMode;
+        readonly validator: (viewMode: ViewMode, args: unknown) => boolean;
+    };
     readonly initialScrollMode: {
         readonly type: PropType<ScrollMode>;
         readonly default: () => ScrollMode;
-        readonly validator: (initialScrollMode: ScrollMode, args: unknown) => boolean;
+        readonly validator: (scrollMode: ScrollMode, args: unknown) => boolean;
     };
     readonly initialViewMode: {
         readonly type: PropType<ViewMode>;
         readonly default: () => ViewMode;
-        readonly validator: (initialViewMode: ViewMode, args: unknown) => boolean;
+        readonly validator: (viewMode: ViewMode, args: unknown) => boolean;
     };
     readonly initialRotation: {
         readonly type: PropType<number>;

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

@@ -8,7 +8,10 @@ import { PDFSrc, VPdfViewerProps } from './types';
  * @param warn - Whether to show console warnings for invalid combinations (default: true)
  * @returns The validated scroll mode, defaulting to ScrollMode.Vertical if invalid
  */
-export declare function getValidScrollMode(args: Pick<VPdfViewerProps, 'initialViewMode' | 'initialScrollMode'>, warn?: boolean): ScrollMode;
+export declare function getValidScrollMode(args: {
+    scrollMode: ScrollMode;
+    viewMode: ViewMode;
+}, warn?: boolean): ScrollMode;
 /**
  * Validates the view mode based on the scroll mode settings.
  * Some view modes are only compatible with certain scroll modes.
@@ -17,7 +20,7 @@ export declare function getValidScrollMode(args: Pick<VPdfViewerProps, 'initialV
  * @param warn - Whether to show console warnings for invalid combinations (default: true)
  * @returns The validated view mode, defaulting to ViewMode.SinglePage if invalid
  */
-export declare function getValidViewMode(args: Pick<VPdfViewerProps, 'initialViewMode' | 'initialScrollMode'>, warn?: boolean): ViewMode;
+export declare function getValidViewMode(args: Pick<VPdfViewerProps, 'viewMode' | 'scrollMode'>, warn?: boolean): ViewMode;
 /**
  * Validates a PDF source (URL, Blob URL, or Vite-resolved file path).
  * @param source - The PDF source to validate.

package/package.json

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