@pdftools/four-heights-pdf-web-viewer 4.3.6

package/es6/pdf-viewer-canvas/state/store.d.ts

@@ -0,0 +1,39 @@
+import { ActionsType } from './appState';
+import * as Document from './document';
+import * as Annotations from './annotations';
+import * as Canvas from './canvas';
+import * as Scroll from './scroll';
+import * as Pointer from './pointer';
+import * as Search from './search';
+import * as Viewer from './viewer';
+/** internal */
+export interface ViewerCanvasState {
+    document: Document.DocumentState;
+    annotations: Annotations.AnnotationsState;
+    canvas: Canvas.CanvasState;
+    scroll: Scroll.ScrollState;
+    pointer: Pointer.PointerState;
+    startPointer: Pointer.PointerState;
+    search: Search.SearchState;
+    viewer: Viewer.ViewerState;
+}
+/** internal */
+export interface ViewerCanvasStore {
+    document: Document.DocumentActions;
+    annotations: Annotations.AnnotationsActions;
+    canvas: Canvas.CanvasActions;
+    scroll: Scroll.ScrollActions;
+    pointer: Pointer.PointerActions;
+    startPointer: Pointer.PointerActions;
+    search: Search.SearchActions;
+    viewer: Viewer.ViewerActions;
+    getState(): ViewerCanvasState;
+    loadDefaultState(): ViewerCanvasState;
+    resetChangedState(): ViewerCanvasState;
+}
+/** internal */
+export declare const defaultState: ViewerCanvasState;
+/** internal */
+export declare const actions: ActionsType<ViewerCanvasState, ViewerCanvasStore>;
+/** internal */
+export declare const createStore: () => ViewerCanvasStore;

package/es6/pdf-viewer-canvas/state/store.js

@@ -0,0 +1,52 @@
+import { appState } from './appState';
+import * as Document from './document';
+import * as Annotations from './annotations';
+import * as Canvas from './canvas';
+import * as Scroll from './scroll';
+import * as Pointer from './pointer';
+import * as Search from './search';
+import * as Viewer from './viewer';
+/** internal */
+export const defaultState = {
+    document: Document.state,
+    annotations: Annotations.state,
+    canvas: Canvas.state,
+    scroll: Scroll.state,
+    pointer: Pointer.state,
+    startPointer: Pointer.state,
+    search: Search.state,
+    viewer: Viewer.state,
+};
+/** internal */
+const deepClone = (state) => {
+    return JSON.parse(JSON.stringify(state));
+};
+/** internal */
+const resetSearchResults = (searchState) => {
+    searchState.page = 1;
+    searchState.match = null;
+    return searchState;
+};
+/** internal */
+export const actions = {
+    document: Document.actions,
+    annotations: Annotations.actions,
+    canvas: Canvas.actions,
+    scroll: Scroll.actions,
+    search: Search.actions,
+    pointer: Pointer.actions,
+    startPointer: Pointer.actions,
+    viewer: Viewer.actions,
+    getState: () => ($state) => $state,
+    loadDefaultState: () => ($state) => {
+        const newState = deepClone(defaultState);
+        newState.viewer.contextBarItems = $state.viewer.contextBarItems;
+        newState.search = resetSearchResults($state.search);
+        return newState;
+    },
+    resetChangedState: () => ($state) => (Object.assign(Object.assign({}, $state), { changed: false, viewer: Object.assign(Object.assign({}, $state.viewer), { modeChanged: false, cursorStyleChanged: false, selectedAnnotationChanged: false, textSelectionChanged: false, selectedPopupChanged: false, command: null }), annotations: Object.assign(Object.assign({}, $state.annotations), { annotationsChanged: false, openPopupChanged: false }), document: Object.assign(Object.assign({}, $state.document), { busyStateChanged: false, heightChanged: false, widthChanged: false, firstVisiblePageChanged: false, lastVisiblePageChanged: false, rotationChanged: false, zoomChanged: false }), canvas: Object.assign(Object.assign({}, $state.canvas), { canvasInvalidated: false, heightChanged: false, widthChanged: false }), scroll: Object.assign(Object.assign({}, $state.scroll), { leftPositionChanged: false, topPositionChanged: false }), pointer: Object.assign(Object.assign({}, $state.pointer), { positionChanged: false, stateChanged: false, action: null }) })),
+};
+/** internal */
+export const createStore = () => {
+    return appState(deepClone(defaultState), actions);
+};

package/es6/pdf-viewer-canvas/state/viewer.d.ts

@@ -0,0 +1,91 @@
+import { ActionsType } from './appState';
+import { PdfRect, Annotation, PdfItemType, TextSelection, AnnotationBehaviors } from '../../pdf-viewer-api';
+import { IconDefinition } from '../../common/Icon';
+/** internal */
+export type TextSelectionType = 'normal' | 'rectangular';
+/** internal */
+export type TextSelectionState = 'selecting' | 'textSelected';
+/** internal */
+export declare enum ViewerMode {
+    DEFAULT = 0,
+    ANNOTATION_SELECTED = 1,
+    TEXT_SELECTED = 2,
+    POPUP_SELECTED = 3,
+    MODULE_SELECTED = 4
+}
+/** internal */
+export declare enum CursorStyle {
+    DEFAULT = "default",
+    TEXT = "text",
+    NONE = "none",
+    POINTER = "pointer",
+    CROSSHAIR = "crosshair",
+    NOT_ALLOWED = "not-allowed",
+    WAIT = "wait",
+    MOVE = "move",
+    GRAB = "grab",
+    GRABBING = "grabbing",
+    COL_RESIZE = "col-resize",
+    ROW_RESIZE = "row-resize",
+    NS_RESIZE = "ns-resize",
+    EW_RESIZE = "ew-resize",
+    NESW_RESIZE = "nesw-resize",
+    NWSE_RESIZE = "nwse-resize",
+    ERASE = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAADwQAAA8EB0Z6ZfgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAM+SURBVEiJtZRbSBRRGMe/WTd3dmfmzOyZdcaVQlCsl3yK8lIqRAgFIbrubGa6D1IURQ8RhWgPQZC0RRQ99agPQXSDNCPEy67FCqZb6boma7Vq1w0zytvO7PTS0qZ7M+wPw8D3/+b/O+fMzEcEg0HV5/NBtPx+/2273W6D9ZDL5VIBIAwAi1HXkXUJBwDt7/sbAMhdr9BoaVJtbK6sPLwrP9/4XwBX7XbH6YqKG+erqjxHy8uFtQC0c3NzPQBwK17DzWPHzlsKCk5u0Gq1hXl5GwmCGJyX5aLW7u6ZVABEItNRV9dkLys7R5Hkhuj64OTkh3tOZ/G1rq5AMkBaPON6Q8OJ2pKSCzRJpq/0soxGRsC4xsRx9/vHxmbXDGiprT1uKy6+zOr1q8IjElmWZvX6GoamHw6Mj39NGXClvv7QwdLS60aK0iVaGQBAJsdRPEXZkF7f4Z6YCCYFNErSPntJSSumaTJZeBTEICJky+D5jn6v98tK/6/PVKeqwW/z80qq4RHlmM28YtrcZ7UeyV/p/bWDXq93RkSoLwOhap5hkh4RAMCyLMPVVx8VcaeN4hB7QKBRz+jY0PuYgN+QKTPLuniEqk1JIEuhEDhezISFAksaEAToWIE0Yl7KNtIuz8jQVExABCJynDMDIYuJYWK+j5CiQMvzd4pQZE0jNH9OOp0x6QwsL2VnsG7Py8G3cf8Dp9c7bca4Q0RIwgxjiPZkRYFLQ+8UoUhK02hWTxsdY0o3MNiSbebdcQEAAL2jo59Zmn6CaVoSWVYfCXcMTyl8YXXM8GgICcT+hAAAgKc+3ycBoUeYpiWeYQyXhwNhXJA4HABAXvyhwrSnPSkAAMDl832mSbL92XeN1bSzhtZoEj8mLy2oCyOPO5odjdUpAQAA3BMTQQpvahcwL5HGTCpenyovq6Hx7r6mljN7ARIMu1jy+0eCyIAeYA7ZSFZcBVEVWZ0dfDBw7tLZskgt4biOp117LDm7d1ucOHebOVILhxX4+aJzuPniqe0EQaiR+pp2EFFgcmxWWVq+I/LYasBZSFVV+OnpfLll0r1jqySFo3v/CQAAEAi8ngsvh+6KHFMZmvJMi7Pj2+1tbfLKvl/ycBilf3EZ0gAAAABJRU5ErkJggg=='), auto"
+}
+/** internal */
+export interface ContextBarItem {
+    itemTypes: PdfItemType[];
+    icon: IconDefinition;
+    onCmd(args?: any): void;
+}
+/** internal */
+export interface ViewerState {
+    modeChanged: boolean;
+    mode: ViewerMode;
+    selectedAnnotationId: number | null;
+    selectedAnnotationBehaviors: AnnotationBehaviors | null;
+    selectedAnnotationChanged: boolean;
+    textSelectionChanged: boolean;
+    textSelection: TextSelection | null;
+    textSelectionType: TextSelectionType | null;
+    textSelectionState: TextSelectionState | null;
+    textSelectionRects: {
+        [key: string]: PdfRect;
+    } | null;
+    selectedPopupId: number | null;
+    selectedPopupChanged: boolean | null;
+    popupFocus: number | null;
+    selectedModuleName: string | null;
+    cursorStyle: CursorStyle;
+    cursorStyleChanged: boolean;
+    contextBarItems: ContextBarItem[][];
+}
+/** internal */
+export declare const state: ViewerState;
+/** internal */
+export interface ViewerActions {
+    setDefaultMode(): ViewerState;
+    setCursorStyle(cursorStyle: CursorStyle): ViewerState;
+    beginModule(moduleName: string): ViewerState;
+    endModule(moduleName: string): ViewerState;
+    addContextBarItem(contextBarItem: ContextBarItem): ViewerState;
+    clearContextBarItems(): ViewerState;
+    selectAnnotation(annotation: Annotation): ViewerState;
+    deselectAnnotation(): ViewerState;
+    setTextSelection(args: {
+        selection: TextSelection | null;
+        type: TextSelectionType | null;
+    }): ViewerState;
+    setTextSelectionState(textSelectionState: TextSelectionState | null): ViewerState;
+    selectPopup(args: {
+        id: number | null;
+        focus: boolean;
+    }): ViewerState;
+    clearPopupFocus(): ViewerState;
+    deselectPopup(): ViewerState;
+}
+/** internal */
+export declare const actions: ActionsType<ViewerState, ViewerActions>;
+/** internal */
+export declare const copyTextToClipboard: (text: string) => Promise<void>;

package/es6/pdf-viewer-canvas/state/viewer.js

@@ -0,0 +1,175 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/** internal */
+export var ViewerMode;
+(function (ViewerMode) {
+    ViewerMode[ViewerMode["DEFAULT"] = 0] = "DEFAULT";
+    ViewerMode[ViewerMode["ANNOTATION_SELECTED"] = 1] = "ANNOTATION_SELECTED";
+    ViewerMode[ViewerMode["TEXT_SELECTED"] = 2] = "TEXT_SELECTED";
+    ViewerMode[ViewerMode["POPUP_SELECTED"] = 3] = "POPUP_SELECTED";
+    ViewerMode[ViewerMode["MODULE_SELECTED"] = 4] = "MODULE_SELECTED";
+})(ViewerMode || (ViewerMode = {}));
+/** internal */
+export var CursorStyle;
+(function (CursorStyle) {
+    CursorStyle["DEFAULT"] = "default";
+    CursorStyle["TEXT"] = "text";
+    CursorStyle["NONE"] = "none";
+    CursorStyle["POINTER"] = "pointer";
+    CursorStyle["CROSSHAIR"] = "crosshair";
+    CursorStyle["NOT_ALLOWED"] = "not-allowed";
+    CursorStyle["WAIT"] = "wait";
+    CursorStyle["MOVE"] = "move";
+    CursorStyle["GRAB"] = "grab";
+    CursorStyle["GRABBING"] = "grabbing";
+    CursorStyle["COL_RESIZE"] = "col-resize";
+    CursorStyle["ROW_RESIZE"] = "row-resize";
+    CursorStyle["NS_RESIZE"] = "ns-resize";
+    CursorStyle["EW_RESIZE"] = "ew-resize";
+    CursorStyle["NESW_RESIZE"] = "nesw-resize";
+    CursorStyle["NWSE_RESIZE"] = "nwse-resize";
+    CursorStyle["ERASE"] = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAADwQAAA8EB0Z6ZfgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAM+SURBVEiJtZRbSBRRGMe/WTd3dmfmzOyZdcaVQlCsl3yK8lIqRAgFIbrubGa6D1IURQ8RhWgPQZC0RRQ99agPQXSDNCPEy67FCqZb6boma7Vq1w0zytvO7PTS0qZ7M+wPw8D3/+b/O+fMzEcEg0HV5/NBtPx+/2273W6D9ZDL5VIBIAwAi1HXkXUJBwDt7/sbAMhdr9BoaVJtbK6sPLwrP9/4XwBX7XbH6YqKG+erqjxHy8uFtQC0c3NzPQBwK17DzWPHzlsKCk5u0Gq1hXl5GwmCGJyX5aLW7u6ZVABEItNRV9dkLys7R5Hkhuj64OTkh3tOZ/G1rq5AMkBaPON6Q8OJ2pKSCzRJpq/0soxGRsC4xsRx9/vHxmbXDGiprT1uKy6+zOr1q8IjElmWZvX6GoamHw6Mj39NGXClvv7QwdLS60aK0iVaGQBAJsdRPEXZkF7f4Z6YCCYFNErSPntJSSumaTJZeBTEICJky+D5jn6v98tK/6/PVKeqwW/z80qq4RHlmM28YtrcZ7UeyV/p/bWDXq93RkSoLwOhap5hkh4RAMCyLMPVVx8VcaeN4hB7QKBRz+jY0PuYgN+QKTPLuniEqk1JIEuhEDhezISFAksaEAToWIE0Yl7KNtIuz8jQVExABCJynDMDIYuJYWK+j5CiQMvzd4pQZE0jNH9OOp0x6QwsL2VnsG7Py8G3cf8Dp9c7bca4Q0RIwgxjiPZkRYFLQ+8UoUhK02hWTxsdY0o3MNiSbebdcQEAAL2jo59Zmn6CaVoSWVYfCXcMTyl8YXXM8GgICcT+hAAAgKc+3ycBoUeYpiWeYQyXhwNhXJA4HABAXvyhwrSnPSkAAMDl832mSbL92XeN1bSzhtZoEj8mLy2oCyOPO5odjdUpAQAA3BMTQQpvahcwL5HGTCpenyovq6Hx7r6mljN7ARIMu1jy+0eCyIAeYA7ZSFZcBVEVWZ0dfDBw7tLZskgt4biOp117LDm7d1ucOHebOVILhxX4+aJzuPniqe0EQaiR+pp2EFFgcmxWWVq+I/LYasBZSFVV+OnpfLll0r1jqySFo3v/CQAAEAi8ngsvh+6KHFMZmvJMi7Pj2+1tbfLKvl/ycBilf3EZ0gAAAABJRU5ErkJggg=='), auto";
+})(CursorStyle || (CursorStyle = {}));
+/** internal */
+export const state = {
+    modeChanged: true,
+    mode: ViewerMode.DEFAULT,
+    selectedAnnotationId: null,
+    selectedAnnotationBehaviors: null,
+    selectedAnnotationChanged: true,
+    textSelectionChanged: true,
+    textSelection: null,
+    textSelectionType: null,
+    textSelectionState: null,
+    textSelectionRects: null,
+    selectedPopupId: null,
+    selectedPopupChanged: true,
+    popupFocus: null,
+    selectedModuleName: null,
+    cursorStyle: CursorStyle.DEFAULT,
+    cursorStyleChanged: true,
+    contextBarItems: [],
+};
+/** internal */
+export const actions = {
+    setDefaultMode: () => ($state) => ({
+        modeChanged: true,
+        mode: ViewerMode.DEFAULT,
+        selectedAnnotationId: null,
+        selectedAnnotationBehaviors: null,
+        selectedAnnotationChanged: true,
+        textSelectionChanged: true,
+        textSelection: null,
+        selectedPopupId: null,
+        selectedPopupChanged: true,
+        selectedModuleName: null,
+        cursorStyle: CursorStyle.DEFAULT,
+        cursorStyleChanged: true,
+    }),
+    addContextBarItem: (contextBarItem) => ($state) => {
+        const contextBarItems = $state.contextBarItems;
+        contextBarItem.itemTypes.forEach((itemType) => {
+            if (!contextBarItems[itemType]) {
+                contextBarItems[itemType] = [];
+            }
+            contextBarItems[itemType].push(contextBarItem);
+        });
+        return Object.assign(Object.assign({}, $state), { contextBarItems });
+    },
+    clearContextBarItems: () => ($state) => (Object.assign(Object.assign({}, $state), { contextBarItems: [] })),
+    setCursorStyle: (cursorStyle) => ($state) => (Object.assign(Object.assign({}, $state), { cursorStyle, cursorStyleChanged: $state.cursorStyle !== cursorStyle })),
+    selectAnnotation: (annotation) => ($state) => (Object.assign(Object.assign({}, $state), { selectedAnnotationId: annotation.id, selectedAnnotationBehaviors: annotation.behaviors, selectedAnnotationChanged: true, selectedModuleName: null, selectedPopupId: null, modeChanged: true, mode: ViewerMode.ANNOTATION_SELECTED })),
+    deselectAnnotation: () => ($state) => {
+        const modeChanged = $state.mode === ViewerMode.ANNOTATION_SELECTED;
+        return Object.assign(Object.assign({}, $state), { selectedAnnotationId: null, selectedAnnotationBehaviors: null, selectedModuleName: null, selectedAnnotationChanged: true, modeChanged, mode: modeChanged ? ViewerMode.DEFAULT : $state.mode });
+    },
+    beginModule: (moduleName) => ($state) => {
+        return Object.assign(Object.assign({}, $state), { modeChanged: true, mode: ViewerMode.MODULE_SELECTED, selectedAnnotationId: null, selectedAnnotationBehaviors: null, selectedAnnotationChanged: true, textSelectionChanged: true, textSelection: null, selectedModuleName: moduleName, selectedPopupId: null, selectedPopupChanged: true });
+    },
+    endModule: (moduleName) => ($state) => {
+        const selectedModuleName = $state.selectedModuleName === moduleName ? null : $state.selectedModuleName;
+        const mode = selectedModuleName !== null ? ViewerMode.MODULE_SELECTED : ViewerMode.DEFAULT;
+        return Object.assign(Object.assign({}, $state), { modeChanged: true, selectedModuleName,
+            mode });
+    },
+    setTextSelectionState: (textSelectionState) => ($state) => {
+        return Object.assign(Object.assign({}, $state), { textSelectionState });
+    },
+    setTextSelection: (args) => ($state) => {
+        const { selection, type } = args;
+        const mode = selection ? ViewerMode.TEXT_SELECTED : ViewerMode.DEFAULT;
+        const modeChanged = $state.mode !== mode;
+        const textSelectionRects = selection ? {} : null;
+        if (selection && textSelectionRects) {
+            const pageRects = {};
+            selection.quadrilaterals.forEach((q) => {
+                const { bottomLeft, bottomRight, topRight, topLeft, pageNumber } = q;
+                if (!pageRects[pageNumber]) {
+                    pageRects[pageNumber] = {
+                        x1: Number.MAX_SAFE_INTEGER,
+                        y1: Number.MAX_SAFE_INTEGER,
+                        x2: Number.MIN_SAFE_INTEGER,
+                        y2: Number.MIN_SAFE_INTEGER,
+                    };
+                }
+                pageRects[pageNumber] = {
+                    x1: Math.min(pageRects[pageNumber].x1, bottomLeft.x, bottomRight.x, topRight.x, topLeft.x),
+                    y1: Math.min(pageRects[pageNumber].y1, bottomLeft.y, bottomRight.y, topRight.y, topLeft.y),
+                    x2: Math.max(pageRects[pageNumber].x2, bottomLeft.x, bottomRight.x, topRight.x, topLeft.x),
+                    y2: Math.max(pageRects[pageNumber].y2, bottomLeft.y, bottomRight.y, topRight.y, topLeft.y),
+                };
+            });
+            Object.keys(pageRects).forEach((pageNumber) => {
+                textSelectionRects[pageNumber] = {
+                    pdfX: pageRects[pageNumber].x1,
+                    pdfY: pageRects[pageNumber].y1,
+                    pdfW: pageRects[pageNumber].x2 - pageRects[pageNumber].x1,
+                    pdfH: pageRects[pageNumber].y2 - pageRects[pageNumber].y1,
+                    page: parseInt(pageNumber),
+                };
+            });
+        }
+        return Object.assign(Object.assign({}, $state), { mode,
+            modeChanged, textSelectionChanged: true, textSelection: selection, textSelectionType: type, textSelectionRects });
+    },
+    selectPopup: (args) => ($state) => {
+        const mode = args.id !== null ? ViewerMode.POPUP_SELECTED : ViewerMode.DEFAULT;
+        const modeChanged = $state.mode !== mode;
+        return Object.assign(Object.assign({}, $state), { mode,
+            modeChanged, selectedPopupChanged: args.id !== $state.selectedPopupId, selectedPopupId: args.id, popupFocus: args.focus ? args.id : null });
+    },
+    clearPopupFocus: () => ($state) => {
+        return Object.assign(Object.assign({}, $state), { popupFocus: null });
+    },
+    deselectPopup: () => ($state) => {
+        const mode = ViewerMode.DEFAULT;
+        const modeChanged = mode !== $state.mode;
+        return Object.assign(Object.assign({}, $state), { mode,
+            modeChanged });
+    },
+};
+/** internal */
+export const copyTextToClipboard = (text) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        yield navigator.clipboard.writeText(text);
+    }
+    catch (err) {
+        var textArea = document.createElement('textarea');
+        textArea.value = text;
+        textArea.style.top = '0';
+        textArea.style.left = '0';
+        textArea.style.position = 'fixed';
+        document.body.appendChild(textArea);
+        textArea.focus();
+        textArea.select();
+        document.execCommand('copy');
+        document.body.removeChild(textArea);
+    }
+});

package/es6/pdf-viewer-canvas/view-layers/AnnotationSelectionLayer.d.ts

@@ -0,0 +1,28 @@
+import { ViewLayerBase } from './ViewLayerBase';
+import { ViewerCanvasState } from '../state/store';
+/** internal */
+export declare class AnnotationSelectionLayer extends ViewLayerBase {
+    context: CanvasRenderingContext2D | null;
+    private selectedAnnotation;
+    private selectionElement;
+    private barAtTop;
+    private contextBar;
+    private annotationBorder;
+    constructor();
+    create(): void;
+    render(timestamp: number, state: ViewerCanvasState): false | undefined;
+    private updateSelectionElementPosition;
+    private selectAnnotation;
+    private deselectAnnotation;
+    private rotateAnnotation;
+    private moveAnnotation;
+    private resizeAnnotation;
+    private copyAnnotationText;
+    private toggleLock;
+    private deleteAnnotation;
+    private deletePopup;
+    private createPopup;
+    private openPopup;
+    private onItemDblClick;
+    private onItemSelected;
+}