@vue-pdf-viewer/viewer 1.3.0-beta.1 → 1.3.0-beta.10

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/VPdfPage.vue.d.ts

@@ -1,9 +1,8 @@
-import type { AnnotationEventPayload, HighlightEventPayload, HighlightOptions, Match, TextLayerLoadedEventPayload } from '../utils/types';
+import type { AnnotationEventPayload, HighlightEventPayload, HighlightOptions, Match, TextLayerLoadedEventPayload, VisibilityInfo } from '../utils/types';
 import type { PageViewport, PDFPageProxy } from 'pdfjs-dist/types/web/interfaces';
 import type { PDFDocumentProxy } from 'pdfjs-dist';
 interface BaseProps {
-    scale: number;
-    rotation: number;
+    pageIndex: number;
     page: PDFPageProxy;
     viewport: PageViewport;
     document: PDFDocumentProxy;
@@ -33,6 +32,8 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     annotated: (payload: AnnotationEventPayload) => void;
 } & {
     annotationLoaded: (payload?: any[] | undefined) => void;
+} & {
+    intersected: (args: VisibilityInfo) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<BaseProps & {
     textLayer: true;
     highlightText: string;
@@ -45,6 +46,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     currentHighlight?: Match | undefined;
     highlightOptions?: HighlightOptions | undefined;
 }>> | import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<BaseProps & NonTextProps>>> & {
+    onIntersected?: ((args: VisibilityInfo) => any) | undefined;
     onHighlight?: ((payload: HighlightEventPayload) => any) | undefined;
     onTextLoaded?: ((payload: TextLayerLoadedEventPayload) => any) | undefined;
     onAnnotationLoaded?: ((payload?: any[] | undefined) => any) | undefined;

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,4 +1,4 @@
-import type { ComputedRef, CSSProperties, Ref, StyleValue, UnwrapRef } from 'vue';
+import { ComputedRef, CSSProperties, Ref, StyleValue, UnwrapRef } from 'vue';
 import { ViewerPdfPage, ScrollMode, ViewMode } from '..';
 export interface UseVirtualListItem<T> {
     data: T;

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

@@ -0,0 +1,8 @@
+import { type Ref } from 'vue';
+import { VisibilityInfo } from '@/utils/types';
+export declare function useVisibilities(totalPages: Ref<number>): {
+    resetVisibility: () => void;
+    updateVisibility: (info: VisibilityInfo) => void;
+    currentPage: Ref<number, number>;
+    calculateCurrentPage: () => 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;
@@ -10,7 +10,7 @@ export declare const MIN_ZOOM_SCALE = 0.25;
 export declare const MAX_ZOOM_SCALE = 10;
 export declare const SCROLL_BAR_WIDTH = 20;
 export declare const PAGE_PADDING = 1;
-export declare const PAGE_OFFSET = 5;
+export declare const PAGE_OFFSET = 0;
 export declare const LAST_PAGE_OFFSET = 4;
 export declare const FILE_INPUT: InjectionKey<Ref<ComponentPublicInstance<import("vue").DefineComponent<{}, {
     triggerClick: () => void;
@@ -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,6 @@ 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 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/searchHighlight.d.ts

@@ -0,0 +1,7 @@
+import type { CSSProperties } from 'vue';
+import type { FlagKeyword, HighlightArea, 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;

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

@@ -41,6 +41,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;
@@ -163,6 +193,10 @@ export interface ViewerState {
     scale: Ref<number | undefined>;
     rotation: Ref<number>;
 }
+export interface VisibilityInfo {
+    pageIndex: number;
+    ratio: number;
+}
 export interface ToolbarOptions {
     /**
      * Determines whether the toolbar includes a search functionality.
@@ -299,10 +333,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.1",
+  "version": "1.3.0-beta.10",
   "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 {};