@libresign/pdf-elements 0.4.0 → 1.0.1

package/dist/components/PDFElements.vue.d.ts

@@ -0,0 +1,552 @@
+import { PropType } from 'vue';
+import { PDFDocumentEntry, PDFElementObject } from '../types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    initFiles: {
+        type: PropType<(string | Blob | ArrayBuffer | ArrayBufferView | Record<string, unknown>)[]>;
+        default: () => any[];
+    };
+    initFileNames: {
+        type: PropType<string[]>;
+        default: () => any[];
+    };
+    initialScale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showPageFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideSelectionUI: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSelectionHandles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showElementActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emitObjectClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ignoreClickOutsideSelectors: {
+        type: PropType<string[]>;
+        default: () => any[];
+    };
+    pageCountFormat: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoFitZoom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pdfjsOptions: {
+        type: PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+}>, {}, {
+    scale: number;
+    pdfDocuments: PDFDocumentEntry[];
+    selectedDocIndex: number;
+    selectedPageIndex: number;
+    isAddingMode: boolean;
+    previewElement: PDFElementObject | null;
+    previewPosition: {
+        x: number;
+        y: number;
+    };
+    previewScale: {
+        x: number;
+        y: number;
+    };
+    previewPageDocIndex: number;
+    previewPageIndex: number;
+    previewVisible: boolean;
+    hoverRafId: number;
+    pendingHoverClientPos: {
+        x: number;
+        y: number;
+    } | null;
+    lastHoverRect: DOMRect | null;
+    addingListenersAttached: boolean;
+    dragRafId: number;
+    pendingDragClientPos: {
+        x: number;
+        y: number;
+    } | null;
+    pageBoundsVersion: number;
+    lastScrollTop: number;
+    lastClientWidth: number;
+    nextObjectCounter: number;
+    isDraggingElement: boolean;
+    draggingObject: PDFElementObject | null;
+    draggingDocIndex: number;
+    draggingPageIndex: number;
+    draggingClientPosition: {
+        x: number;
+        y: number;
+    };
+    draggingScale: number;
+    draggingInitialMouseOffset: {
+        x: number;
+        y: number;
+    };
+    draggingElementShift: {
+        x: number;
+        y: number;
+    };
+    lastMouseClientPos: {
+        x: number;
+        y: number;
+    };
+    viewportRafId: number;
+    objectIndexCache: Record<string, number>;
+    zoomRafId: number | null;
+    wheelZoomRafId: number | null;
+    boundHandleWheel: ((event: WheelEvent) => void) | null;
+    visualScale: number;
+    autoFitApplied: boolean;
+    lastContainerWidth: number;
+    _pagesBoundingRects: Record<string, {
+        docIndex: number;
+        pageIndex: number;
+        rect: DOMRect;
+    }>;
+    _pagesBoundingRectsList: {
+        docIndex: number;
+        pageIndex: number;
+        rect: DOMRect;
+    }[];
+    _pageMeasurementCache: Record<string, {
+        width: number;
+        height: number;
+    }>;
+    _lastPageBoundsScrollTop: number;
+    _lastPageBoundsClientHeight: number;
+}, {}, {
+    init(): Promise<void>;
+    selectPage(docIndex: any, pageIndex: any): void;
+    startDraggingElement(docIndex: any, pageIndex: any, object: any, mouseX: any, mouseY: any, pointerOffset: any, dragShift: any): void;
+    updateDraggingPosition(clientX: any, clientY: any): void;
+    stopDraggingElement(): void;
+    startAddingElement(templateObject: any): void;
+    cachePageBounds(): void;
+    cachePageBoundsForPage(docIndex: any, pageIndex: any): void;
+    getPageBoundsMap(): any;
+    getPageBoundsList(): any;
+    getPageRect(docIndex: any, pageIndex: any): any;
+    getPointerPosition(event: any): {
+        x: any;
+        y: any;
+    };
+    getDisplayedPageScale(docIndex: any, pageIndex: any): number;
+    getPageComponent(docIndex: any, pageIndex: any): any;
+    getPageCanvasElement(docIndex: any, pageIndex: any): any;
+    onViewportScroll(): void;
+    handleMouseMove(event: any): void;
+    handleOverlayClick(docIndex: any, pageIndex: any, event: any): void;
+    handleKeyDown(event: any): void;
+    handleWheel(event: any): void;
+    commitZoom(): void;
+    finishAdding(): void;
+    cancelAdding(): void;
+    generateObjectId(): string;
+    attachAddingListeners(): void;
+    detachAddingListeners(): void;
+    addObjectToPage(object: any, pageIndex?: any, docIndex?: any): boolean;
+    objectIdExists(docIndex: any, objectId: any): boolean;
+    updateObjectInPage(docIndex: any, pageIndex: any, objectId: any, payload: any): void;
+    removeObjectFromPage(docIndex: any, pageIndex: any, objectId: any): void;
+    getAllObjects(docIndex?: any): any[];
+    updateObject(docIndex: any, objectId: any, payload: any): void;
+    deleteObject(docIndex: any, objectId: any): void;
+    duplicateObject(docIndex: any, objectId: any): void;
+    checkAndMoveObjectPage(docIndex: any, objectId: any, mouseX: any, mouseY: any): any;
+    onMeasure(e: any, docIndex: any, pageIndex: any): void;
+    formatPageNumber(currentPage: any, totalPages: any): any;
+    getPageWidth(docIndex: any, pageIndex: any): any;
+    getPageHeight(docIndex: any, pageIndex: any): any;
+    getPageSize(docIndex: any, pageIndex: any): {
+        width: any;
+        height: any;
+    };
+    getCachedMeasurement(docIndex: any, pageIndex: any, pageRef: any): import('../utils/measurements').PageMeasurement;
+    calculateOptimalScale(maxPageWidth: any): number;
+    scheduleAutoFitZoom(): void;
+    adjustZoomToFit(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("pdf-elements:end-init" | "pdf-elements:delete-object" | "pdf-elements:object-click")[], "pdf-elements:end-init" | "pdf-elements:delete-object" | "pdf-elements:object-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    initFiles: {
+        type: PropType<(string | Blob | ArrayBuffer | ArrayBufferView | Record<string, unknown>)[]>;
+        default: () => any[];
+    };
+    initFileNames: {
+        type: PropType<string[]>;
+        default: () => any[];
+    };
+    initialScale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showPageFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideSelectionUI: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSelectionHandles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showElementActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emitObjectClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ignoreClickOutsideSelectors: {
+        type: PropType<string[]>;
+        default: () => any[];
+    };
+    pageCountFormat: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoFitZoom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pdfjsOptions: {
+        type: PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    "onPdf-elements:end-init"?: (...args: any[]) => any;
+    "onPdf-elements:delete-object"?: (...args: any[]) => any;
+    "onPdf-elements:object-click"?: (...args: any[]) => any;
+}>, {
+    width: string;
+    height: string;
+    readOnly: boolean;
+    ignoreClickOutsideSelectors: string[];
+    initFiles: (string | Record<string, unknown> | Blob | ArrayBuffer | ArrayBufferView<ArrayBufferLike>)[];
+    initFileNames: string[];
+    initialScale: number;
+    showPageFooter: boolean;
+    hideSelectionUI: boolean;
+    showSelectionHandles: boolean;
+    showElementActions: boolean;
+    emitObjectClick: boolean;
+    pageCountFormat: string;
+    autoFitZoom: boolean;
+    pdfjsOptions: Record<string, unknown>;
+}, {}, {
+    PDFPage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        page: {
+            type: PropType<Promise<unknown>>;
+            required: true;
+        };
+        scale: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>, {}, {
+        dynamicScale: number;
+        isRendering: boolean;
+        pendingRender: boolean;
+        renderTask: {
+            cancel: () => void;
+            promise: Promise<void>;
+        } | null;
+    }, {}, {
+        getCanvasMeasurement(): {
+            canvasWidth: any;
+            canvasHeight: any;
+        };
+        measure(): void;
+        render(): Promise<void>;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "onMeasure"[], "onMeasure", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        page: {
+            type: PropType<Promise<unknown>>;
+            required: true;
+        };
+        scale: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{
+        onOnMeasure?: (...args: any[]) => any;
+    }>, {
+        scale: number;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    DraggableElement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        object: {
+            type: PropType<PDFElementObject>;
+            required: true;
+        };
+        pagesScale: {
+            type: NumberConstructor;
+            default: number;
+        };
+        pageWidth: {
+            type: NumberConstructor;
+            required: true;
+        };
+        pageHeight: {
+            type: NumberConstructor;
+            required: true;
+        };
+        onUpdate: {
+            type: PropType<(...args: any[]) => void>;
+            default: () => void;
+        };
+        onDelete: {
+            type: PropType<(...args: any[]) => void>;
+            default: () => void;
+        };
+        onDuplicate: {
+            type: PropType<(...args: any[]) => void>;
+            default: () => void;
+        };
+        onDragStart: {
+            type: PropType<(...args: any[]) => void>;
+            default: () => void;
+        };
+        onDragMove: {
+            type: PropType<(...args: any[]) => void>;
+            default: () => void;
+        };
+        onDragEnd: {
+            type: PropType<(...args: any[]) => void>;
+            default: () => void;
+        };
+        isBeingDraggedGlobally: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        draggingClientPos: {
+            type: PropType<{
+                x: number;
+                y: number;
+            }>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        currentDocIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        currentPageIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        globalDragDocIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        globalDragPageIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        showSelectionUi: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showDefaultActions: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readOnly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ignoreClickOutsideSelectors: {
+            type: PropType<string[]>;
+            default: () => any[];
+        };
+    }>, {}, {
+        isSelected: boolean;
+        mode: string;
+        direction: string;
+        startX: number;
+        startY: number;
+        startLeft: number;
+        startTop: number;
+        startWidth: number;
+        startHeight: number;
+        offsetX: number;
+        offsetY: number;
+        resizeOffsetX: number;
+        resizeOffsetY: number;
+        resizeOffsetW: number;
+        resizeOffsetH: number;
+        aspectRatio: number;
+        lastMouseX: number;
+        lastMouseY: number;
+        pointerOffsetDoc: {
+            x: number;
+            y: number;
+        };
+        currentPageRect: any;
+        rafId: any;
+    }, {
+        resizeDirections(): string[];
+        elementStyle(): import('vue').CSSProperties;
+        toolbarStyle(): import('vue').CSSProperties;
+        dragElementStyle(): import('vue').CSSProperties;
+    }, {
+        handleElementClick(event: any): void;
+        handleClickOutside(event: any): void;
+        startResizeFromSlot(direction: any, event: any): void;
+        startDrag(event: any): void;
+        startResize(direction: any, event: any): void;
+        handleMove(event: any): void;
+        stopInteraction(): void;
+        capturePageRect(): any;
+        resetResizeOffsets(): void;
+        resetOffsets(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        object: {
+            type: PropType<PDFElementObject>;
+            required: true;
+        };
+        pagesScale: {
+            type: NumberConstructor;
+            default: number;
+        };
+        pageWidth: {
+            type: NumberConstructor;
+            required: true;
+        };
+        pageHeight: {
+            type: NumberConstructor;
+            required: true;
+        };
+        onUpdate: {
+            type: PropType<(...args: any[]) => void>;
+            default: () => void;
+        };
+        onDelete: {
+            type: PropType<(...args: any[]) => void>;
+            default: () => void;
+        };
+        onDuplicate: {
+            type: PropType<(...args: any[]) => void>;
+            default: () => void;
+        };
+        onDragStart: {
+            type: PropType<(...args: any[]) => void>;
+            default: () => void;
+        };
+        onDragMove: {
+            type: PropType<(...args: any[]) => void>;
+            default: () => void;
+        };
+        onDragEnd: {
+            type: PropType<(...args: any[]) => void>;
+            default: () => void;
+        };
+        isBeingDraggedGlobally: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        draggingClientPos: {
+            type: PropType<{
+                x: number;
+                y: number;
+            }>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        currentDocIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        currentPageIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        globalDragDocIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        globalDragPageIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        showSelectionUi: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showDefaultActions: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readOnly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ignoreClickOutsideSelectors: {
+            type: PropType<string[]>;
+            default: () => any[];
+        };
+    }>> & Readonly<{}>, {
+        pagesScale: number;
+        onUpdate: (...args: any[]) => void;
+        onDelete: (...args: any[]) => void;
+        onDuplicate: (...args: any[]) => void;
+        onDragStart: (...args: any[]) => void;
+        onDragMove: (...args: any[]) => void;
+        onDragEnd: (...args: any[]) => void;
+        isBeingDraggedGlobally: boolean;
+        draggingClientPos: {
+            x: number;
+            y: number;
+        };
+        currentDocIndex: number;
+        currentPageIndex: number;
+        globalDragDocIndex: number;
+        globalDragPageIndex: number;
+        showSelectionUi: boolean;
+        showDefaultActions: boolean;
+        readOnly: boolean;
+        ignoreClickOutsideSelectors: string[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/PDFPage.vue.d.ts

@@ -0,0 +1,40 @@
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    page: {
+        type: PropType<Promise<unknown>>;
+        required: true;
+    };
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {
+    dynamicScale: number;
+    isRendering: boolean;
+    pendingRender: boolean;
+    renderTask: {
+        cancel: () => void;
+        promise: Promise<void>;
+    } | null;
+}, {}, {
+    getCanvasMeasurement(): {
+        canvasWidth: any;
+        canvasHeight: any;
+    };
+    measure(): void;
+    render(): Promise<void>;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "onMeasure"[], "onMeasure", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    page: {
+        type: PropType<Promise<unknown>>;
+        required: true;
+    };
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    onOnMeasure?: (...args: any[]) => any;
+}>, {
+    scale: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/index.css

@@ -0,0 +1 @@
+canvas[data-v-2a60d679]{display:block}.draggable-wrapper[data-v-c700849e]{position:relative}.actions-toolbar[data-v-c700849e]{position:absolute;display:flex;gap:4px;background:#1f2937;border-radius:6px;padding:6px 8px;box-shadow:0 4px 12px -2px #00000026,0 2px 6px -2px #0000001a;z-index:5;white-space:nowrap}.action-btn[data-v-c700849e]{border:none;background:transparent;color:#fff;padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease}.action-btn[data-v-c700849e]:hover{background:#ffffff1a}.draggable-element[data-v-c700849e]{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;border-radius:6px;overflow:visible}.draggable-element.selected[data-v-c700849e]{box-shadow:inset 0 0 0 2px #2563eb}.resize-handle[data-v-c700849e]{all:unset;position:absolute;width:12px;height:12px;min-width:0;min-height:0;background:#2563eb;border:1px solid #ffffff;border-radius:3px;padding:0;margin:0;line-height:0;font-size:0;box-sizing:border-box;display:block;appearance:none;cursor:pointer;z-index:5}.handle-top-left[data-v-c700849e]{top:-7px;left:-7px;cursor:nwse-resize}.handle-top-right[data-v-c700849e]{top:-7px;right:-7px;cursor:nesw-resize}.handle-bottom-left[data-v-c700849e]{bottom:-7px;left:-7px;cursor:nesw-resize}.handle-bottom-right[data-v-c700849e]{bottom:-7px;right:-7px;cursor:nwse-resize}.pdf-elements-root[data-v-eb792162]{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.pages-container[data-v-eb792162]{width:100%;padding:20px 0 0;text-align:center;background:#f7fafc;overflow:hidden}.page-slot[data-v-eb792162]{margin:0 auto}.page-wrapper[data-v-eb792162]{display:inline-block;margin-bottom:0}.page-canvas[data-v-eb792162]{position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-outline[data-v-eb792162]{box-shadow:0 0 0 3px #4299e17f}.preview-element[data-v-eb792162]{position:absolute;opacity:.7;pointer-events:none}.overlay[data-v-eb792162]{position:absolute;top:0;left:0;transform-origin:top left;width:100%;height:100%}.page-footer[data-v-eb792162]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 20px;color:#4b5563;font-size:14px}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { default as PDFElements } from './components/PDFElements.vue';
+export { setWorkerPath } from './utils/asyncReader';
+export type { PDFDocumentEntry, PDFElementObject, PDFElementsPublicApi } from './types';
+export default PDFElements;
+export { PDFElements };