@vue-pdf-viewer/viewer 1.3.0-beta.2 → 1.3.0-beta.21

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

@@ -1,21 +1,7 @@
 interface OwnProps {
     pageIndex: number;
     searchKeyword: string;
-    totalPages?: number;
 }
-interface FlagKeyword {
-    keyword: string;
-    matchCase?: boolean;
-    wholeWords?: boolean;
-}
-type SingleKeyword = string | RegExp | FlagKeyword;
-interface NormalizedKeyword {
-    keyword: string;
-    regExp: RegExp;
-    wholeWords: boolean;
-}
-export declare const normalizeFlagKeyword: (flagKeyword: FlagKeyword) => NormalizedKeyword;
-export declare const normalizeSingleKeyword: (keyword: SingleKeyword, matchCase?: boolean, wholeWords?: boolean) => NormalizedKeyword;
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<OwnProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<OwnProps>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,4 +1,4 @@
-import type { AnnotationEventPayload, HighlightEventPayload, TextLayerLoadedEventPayload, RotateEvent, ToolbarOptions, Localization } from '@/utils/types';
+import type { AnnotationEventPayload, TextLayerLoadedEventPayload, RotateEvent, ToolbarOptions, Localization } from '@/utils/types';
 import { ScrollMode, ViewMode, ZoomLevel } from '@/utils/enumerators';
 import '../style.scss';
 declare const _default: {
@@ -54,7 +54,6 @@ declare const _default: {
             readonly default: () => Record<string, Localization>;
         };
     }>> & {
-        onHighlight?: ((payload: HighlightEventPayload) => any) | undefined;
         onTextLoaded?: ((payload: TextLayerLoadedEventPayload) => any) | undefined;
         onAnnotation?: ((payload: AnnotationEventPayload) => any) | undefined;
         onAnnotationLoaded?: ((payload: any[]) => any) | undefined;
@@ -66,8 +65,6 @@ declare const _default: {
         goToPage: (page: number) => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         annotation: (payload: AnnotationEventPayload) => void;
-    } & {
-        highlight: (payload: HighlightEventPayload) => void;
     } & {
         loaded: () => void;
     } & {
@@ -132,7 +129,6 @@ declare const _default: {
             readonly default: () => Record<string, Localization>;
         };
     }>> & {
-        onHighlight?: ((payload: HighlightEventPayload) => any) | undefined;
         onTextLoaded?: ((payload: TextLayerLoadedEventPayload) => any) | undefined;
         onAnnotation?: ((payload: AnnotationEventPayload) => any) | undefined;
         onAnnotationLoaded?: ((payload: any[]) => any) | undefined;
@@ -211,7 +207,6 @@ declare const _default: {
             readonly default: () => Record<string, Localization>;
         };
     }>> & {
-        onHighlight?: ((payload: HighlightEventPayload) => any) | undefined;
         onTextLoaded?: ((payload: TextLayerLoadedEventPayload) => any) | undefined;
         onAnnotation?: ((payload: AnnotationEventPayload) => any) | undefined;
         onAnnotationLoaded?: ((payload: any[]) => any) | undefined;
@@ -289,7 +284,6 @@ declare const _default: {
         readonly default: () => Record<string, Localization>;
     };
 }>> & {
-    onHighlight?: ((payload: HighlightEventPayload) => any) | undefined;
     onTextLoaded?: ((payload: TextLayerLoadedEventPayload) => any) | undefined;
     onAnnotation?: ((payload: AnnotationEventPayload) => any) | undefined;
     onAnnotationLoaded?: ((payload: any[]) => any) | undefined;
@@ -301,8 +295,6 @@ declare const _default: {
     goToPage: (page: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     annotation: (payload: AnnotationEventPayload) => void;
-} & {
-    highlight: (payload: HighlightEventPayload) => void;
 } & {
     loaded: () => void;
 } & {

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

@@ -2,7 +2,7 @@ import { MaybeRef, UnwrapRef } from 'vue';
 import { ViewerPdfPage, ViewerState } from '@/utils/types';
 import { ZoomLevel } from '@/utils/enumerators';
 export declare function usePdfPageSizes(props: UnwrapRef<ViewerState>, initialScale: MaybeRef<number | ZoomLevel>): {
-    pdfPages: import("vue").ShallowRef<ViewerPdfPage[]>;
+    pdfPages: import("vue").ComputedRef<ViewerPdfPage[]>;
     actualPdfPages: import("vue").ShallowRef<ViewerPdfPage[]>;
     defaultScale: import("vue").Ref<number, number>;
 };

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

@@ -1,11 +1,11 @@
 import { Match, PdfPageSize } from '@/components';
-import { MaybeRef, Ref, ShallowRef } from 'vue';
+import { Ref, ShallowRef } from 'vue';
 import type { PDFDocumentProxy } from 'pdfjs-dist';
 interface MatchValue extends Match {
     page: number;
     pageMatchIdx: number;
 }
-export declare const useSearch: (pdfDoc: ShallowRef<PDFDocumentProxy | undefined>, pageSizes: Ref<PdfPageSize[] | undefined>, elementRef: MaybeRef<HTMLElement | undefined>) => {
+export declare const useSearch: (pdfDoc: ShallowRef<PDFDocumentProxy | undefined>, pageSizes: Ref<PdfPageSize[] | undefined>) => {
     searchValue: Ref<string, string>;
     matches: Ref<{
         page: number;

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

@@ -1,6 +1,7 @@
 import { ComputedRef, CSSProperties, Ref, StyleValue, UnwrapRef } from 'vue';
-import { ViewerPdfPage, ScrollMode, ViewMode } from '..';
-export interface UseVirtualListItem<T> {
+import type { ViewerPdfPage, VirtualRange } from '@/utils/types';
+import { ScrollMode, ViewMode } from '@/utils/enumerators';
+interface UseVirtualListItem<T> {
     data: T;
     index: number;
 }
@@ -16,6 +17,8 @@ export interface UseVirtualListReturn {
     wrapperProps: ComputedRef<{
         style: CSSProperties;
     }>;
+    range: Ref<VirtualRange>;
+    pagesPerRow: Ref<number>;
 }
 interface UseVirtualPagesProps {
     pages: Ref<ViewerPdfPage[]>;

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

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

package/dist/types/const.d.ts

@@ -1,7 +1,7 @@
 import { PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api';
 import type { PDFPageProxy } from 'pdfjs-dist/types/web/interfaces';
 import type { InjectionKey, Slot, Ref, ComponentPublicInstance, ShallowRef } from 'vue';
-import type { Destination, HighlightMatchPosition, License, Localization, Offset, ToolbarOptions, ViewerPdfPage } from './utils/types';
+import type { HighlightMatchPosition, License, Localization, NormalizedKeyword, Offset, ToolbarOptions, ViewerPdfPage } from './utils/types';
 export declare const DEFAULT_TOOLBAR_OPTIONS: ToolbarOptions;
 export declare const Locales: Record<string, Localization>;
 export declare const DEFAULT_OFFSET: Offset;
@@ -49,6 +49,8 @@ export declare const FILE_INPUT: InjectionKey<Ref<ComponentPublicInstance<import
     onChange?: ((file: string) => any) | undefined;
     onFilenameChange?: ((file: string) => any) | undefined;
 }, {}, {}>, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | undefined>>;
+export declare const EMPTY_KEYWORD_REGEXP: NormalizedKeyword;
+export declare const CURRENT_MATCH_CSS_CLASS = "vpv-highlight__text-current";
 export declare const LATEST_MATCH_POSITION: InjectionKey<Ref<HighlightMatchPosition | undefined, HighlightMatchPosition | undefined>>;
 export declare const GET_PAGE: InjectionKey<(doc: PDFDocumentProxy, pageIndex: number) => Promise<PDFPageProxy>>;
 export declare const VIEWER_STATE: InjectionKey<{
@@ -60,7 +62,7 @@ export declare const VIEWER_STATE: InjectionKey<{
     scale: number | undefined;
     rotation: number;
 }>;
-export declare const LATEST_DESTINATION: InjectionKey<Ref<Destination | undefined, Destination | undefined>>;
+export declare const VIEWER_PAGES_PER_ROW: InjectionKey<Ref<number, number>>;
 export declare const TOOLBAR_OPTIONS: InjectionKey<Ref<ToolbarOptions | undefined, ToolbarOptions | undefined>>;
 export declare const TOTAL_TOOL_OTHERS_MENU: InjectionKey<Ref<number, number>>;
 export declare const IS_DARK: InjectionKey<Ref<boolean, boolean>>;

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

@@ -5,8 +5,8 @@ export declare enum ScrollMode {
     Wrapped = "Wrapped"
 }
 export declare enum ViewMode {
-    SinglePage = "SinglePage",
-    DualPage = "DualPage"
+    SinglePage = "Single",
+    DualPage = "Dual"
 }
 export declare enum ZoomLevel {
     ActualSize = "actualSize",

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

@@ -0,0 +1,9 @@
+import type { CSSProperties } from 'vue';
+import type { FlagKeyword, HighlightArea, HighlightMatchPosition, NormalizedKeyword, SingleKeyword } from './types';
+export declare const normalizeFlagKeyword: (flagKeyword: FlagKeyword) => NormalizedKeyword;
+export declare const normalizeSingleKeyword: (keyword: SingleKeyword, matchCase?: boolean, wholeWords?: boolean) => NormalizedKeyword;
+export declare const sortHighlightPosition: (a: HighlightArea, b: HighlightArea) => 0 | 1 | -1;
+export declare const getHighlightStyle: (area: HighlightArea) => CSSProperties;
+export declare const unwrap: (ele: Node) => void;
+export declare const getHighlightElement: (layerRef: HTMLElement, query: HighlightMatchPosition) => HTMLElement;
+export declare function scrollHighlightIntoView(highlightEle: HTMLElement, pageContainer: HTMLElement, viewerContainer: HTMLElement): void;

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

@@ -3,6 +3,10 @@ import type { PageViewport } from 'pdfjs-dist';
 import type { DocumentInitParameters, OnProgressParameters, PDFDataRangeTransport, TextContent, TypedArray, PDFPageProxy, PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api';
 import type { Metadata } from 'pdfjs-dist/types/src/display/metadata';
 import { ZoomLevel, ViewMode, ScrollMode, VPVAnnotationType } from './enumerators';
+export interface VirtualRange {
+    start: number;
+    end: number;
+}
 export interface Match {
     start: {
         idx: number;
@@ -41,6 +45,36 @@ export interface RotateEvent {
     direction: 'clockwise' | 'counterclockwise';
     rotate: number;
 }
+export interface CharacterIndex {
+    char: string;
+    charIdxInSpan: number;
+    spanIdx: number;
+}
+export interface MatchRangeIndex {
+    keyword: RegExp;
+    startIndex: number;
+    endIndex: number;
+}
+export interface FlagKeyword {
+    keyword: string;
+    matchCase?: boolean;
+    wholeWords?: boolean;
+}
+export type SingleKeyword = string | RegExp | FlagKeyword;
+export interface NormalizedKeyword {
+    keyword: string;
+    regExp: RegExp;
+    wholeWords: boolean;
+}
+export interface HighlightArea {
+    keywordStr: string;
+    left: number;
+    top: number;
+    height: number;
+    width: number;
+    pageHeight: number;
+    pageWidth: number;
+}
 export interface HighlightEventPayload {
     matches: Match[];
     page: number;
@@ -303,10 +337,6 @@ export interface HighlightMatchPosition {
     matchIdx: number;
     pageIdx: number;
 }
-export interface HighlightMatchPosition {
-    matchIdx: number;
-    pageIdx: number;
-}
 export type Localization = {
     searchButtonTooltip: string;
     searchInputPlaceholder: string;

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

@@ -0,0 +1,2 @@
+import { Offset } from './types';
+export declare const calculateOffset: (children: HTMLElement, parent: HTMLElement) => Offset;

package/package.json

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

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

@@ -1,36 +0,0 @@
-import { Ref, UnwrapRef, CSSProperties } from 'vue';
-import { ScrollMode, ViewMode } from '@/utils/enumerators';
-import { VirtualItem, Offset, ViewerPdfPage } from '@/utils/types';
-export interface VisiblePagesRange {
-    endPage: number;
-    numPages: number;
-    startPage: number;
-}
-export type SetRenderRange = (visiblePagesRange: VisiblePagesRange) => {
-    endPage: number;
-    startPage: number;
-};
-interface UseVirtualProps {
-    pages: Ref<ViewerPdfPage[]>;
-    viewerRef: Ref<HTMLElement | undefined>;
-    scrollMode: Ref<ScrollMode>;
-    viewMode: Ref<ViewMode>;
-    isRtl: boolean;
-    smoothScroll: Ref<boolean>;
-}
-export declare const useVirtual: (props: UnwrapRef<UseVirtualProps>) => {
-    visibilities: import("vue").WritableComputedRef<any[]>;
-    virtualItems: import("vue").ComputedRef<VirtualItem[]>;
-    getContainerStyles: () => CSSProperties;
-    getItemContainerStyles: (item: VirtualItem) => CSSProperties;
-    getItemStyles: (item: VirtualItem) => CSSProperties;
-    virtualRangeState: import("vue").ComputedRef<{
-        startPage: number;
-        endPage: number;
-        maxVisibilityIndex: number;
-    } | undefined>;
-    isScrolling: Ref<boolean, boolean>;
-    scrollToItem: (index: number, offset?: Offset) => void;
-    zoom: (scale: number, index: number) => void;
-};
-export {};

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

@@ -1,18 +0,0 @@
-import { Ref, UnwrapRef } from 'vue';
-import { Offset } from '../utils/types';
-import { ScrollDirection, ScrollMode, ViewMode } from '../utils/enumerators';
-interface UseScrollReturn {
-    scrollOffset: Ref<Offset>;
-    scrollDirection: Ref<ScrollDirection>;
-    isScrolling: Ref<boolean>;
-    scrollTo: (target: Offset, smooth?: boolean) => void;
-}
-interface UseScrollProps {
-    viewerRef: Ref<HTMLElement | undefined>;
-    scrollMode: Ref<ScrollMode>;
-    viewMode: Ref<ViewMode>;
-    isRtl: boolean;
-    smooth: Ref<boolean>;
-}
-export declare const useVirtualScroll: (props: UnwrapRef<UseScrollProps>) => UseScrollReturn;
-export {};