@progress/kendo-pdfviewer-common 0.3.0-dev.202409251137 → 0.3.0-dev.202410100645

package/dist/es/annotations.js

@@ -0,0 +1,68 @@
+import { createElement, scrollToPage } from './utils';
+class Annotation {
+    constructor(container, viewport, annotation, pdfDoc, zoom, rootElement) {
+        this.container = container;
+        this.viewport = viewport;
+        this.zoom = zoom;
+        this.annotation = annotation;
+        this.pdfDoc = pdfDoc;
+        this.rootElement = rootElement;
+    }
+    destroy() {
+    }
+}
+export class LinkAnnotation extends Annotation {
+    constructor(container, viewport, annotation, pdfDoc, zoom, rootElement) {
+        super(container, viewport, annotation, pdfDoc, zoom, rootElement);
+        this.onLinkClick = (e) => {
+            const destination = e.target.getAttribute('href');
+            if (destination && destination.indexOf('#') === 0) {
+                this.navigateToDestination(destination);
+                e.preventDefault();
+            }
+        };
+        this.linkElement = null;
+        this.renderAnnotation();
+        this.bindEvents();
+    }
+    destroy() {
+        this.unbindEvents();
+    }
+    bindEvents() {
+        this.linkElement.addEventListener('click', this.onLinkClick);
+    }
+    unbindEvents() {
+        this.linkElement.removeEventListener('click', this.onLinkClick);
+    }
+    navigateToDestination(destination) {
+        const dest = destination.split('#')[1];
+        this.pdfDoc.getDestination(dest).then(r => {
+            this.pdfDoc.getPageIndex(r[0]).then(i => this.goToPage(i));
+        });
+    }
+    goToPage(pageNumber) {
+        scrollToPage(this.rootElement, pageNumber);
+    }
+    renderAnnotation() {
+        const annotation = this.annotation, viewport = this.viewport, rect = annotation.rect, boundingRect = [
+            [rect[0], rect[1]],
+            [rect[2], rect[3]]
+        ], rawHeight = viewport.rawDims.pageHeight;
+        const left = Math.min(boundingRect[0][0], boundingRect[1][0]) * this.zoom, top = (rawHeight - Math.max(boundingRect[0][1], boundingRect[1][1])) * this.zoom, width = (boundingRect[1][0] - boundingRect[0][0]) * this.zoom, height = (boundingRect[1][1] - boundingRect[0][1]) * this.zoom;
+        const url = annotation.url || (annotation.dest && `#${encodeURI(annotation.dest)}`);
+        const annotationElement = createElement('span', '', {
+            position: 'absolute',
+            left: left + 'pt',
+            top: top + 'pt'
+        });
+        const linkElement = this.linkElement = createElement('a', '', {
+            width: width + 'pt',
+            height: height + 'pt',
+            display: 'inline-block',
+            pointerEvents: 'auto'
+        });
+        linkElement.setAttribute('href', url);
+        annotationElement.append(linkElement);
+        this.container.append(annotationElement);
+    }
+}

package/dist/es/common/component.js

@@ -0,0 +1,33 @@
+import { extend, deepExtend, isFunction } from "./core";
+export class Component {
+    constructor(element, options) {
+        this.options = {
+            events: {}
+        };
+        this.element = element;
+        this.options = options;
+    }
+    destroy() {
+        this.element = null;
+    }
+    extendOptions(options) {
+        this.options = deepExtend(this.options, options);
+    }
+    setOptions(options) {
+        this.options = options;
+    }
+    trigger(eventName, args = {}) {
+        const eventData = {
+            defaultPrevented: false,
+            preventDefault: () => {
+                eventData.defaultPrevented = true;
+            }
+        };
+        if (isFunction(this.options.events[eventName])) {
+            this.options.events[eventName](extend(eventData, args, {
+                sender: this
+            }));
+        }
+        return eventData.defaultPrevented;
+    }
+}

package/dist/es/common/core.js

@@ -0,0 +1,91 @@
+import { Component } from "./component";
+// @ts-expect-error TS(2556): A spread argument must either have a tuple type or... Remove this comment to see the full error message
+export const extend = (...args) => Object.assign(...args);
+export const isObject = (value) => value && typeof (value) === "object" && !Array.isArray(value);
+export const isHtmlElement = (element) => element instanceof HTMLElement;
+export const isDomElement = (element) => element instanceof Element;
+/* eslint-disable no-undef */
+// @ts-expect-error TS(2304): Cannot find name 'DotNet'.
+export const isDotNetObject = (value) => value && window && window.DotNet && window.DotNet.DotNetObject && value instanceof DotNet.DotNetObject;
+/* eslint-enable no-undef */
+export const deepExtend = (target, ...sources) => {
+    if (!sources.length) {
+        return target;
+    }
+    const source = sources.shift();
+    if (isObject(target) && isObject(source)) {
+        for (const key in source) {
+            if (source[key] instanceof Component) {
+                target[key] = source[key];
+            }
+            else if (isHtmlElement(source[key])) {
+                target[key] = source[key];
+            }
+            else if (key === "dotNetInstance" || isDotNetObject(source[key])) {
+                // avoid cloning a DotNetObject as it might have circular properties
+                // see https://github.com/telerik/blazor/issues/7507
+                // the check for the name of our own option - "dotNetInstance"
+                // is an additional guard against the Blazor API being different in other .NET versions
+                target[key] = source[key];
+            }
+            else if (source[key] && source[key].buffer && source[key].buffer instanceof ArrayBuffer) {
+                target[key] = source[key];
+            }
+            else if (isObject(source[key]) && Object.getPrototypeOf(source[key]) !== Object.prototype) {
+                target[key] = source[key];
+            }
+            else if (isObject(source[key])) {
+                if (!target[key] || !isObject(target[key])) {
+                    extend(target, { [key]: {} });
+                }
+                deepExtend(target[key], source[key]);
+            }
+            else {
+                extend(target, { [key]: source[key] });
+            }
+        }
+    }
+    return deepExtend(target, ...sources);
+};
+export const isFunction = fn => typeof (fn) === "function";
+export const isString = value => typeof (value) === "string";
+export const toArray = value => Array.from(value);
+export const isDefined = value => typeof (value) !== "undefined";
+export const isNotNull = value => value !== null;
+export const hasValue = value => isDefined(value) && isNotNull(value);
+export const noop = function () { };
+export const convertToHtml = (htmlString, ownerDocument) => {
+    const template = (ownerDocument || document).createElement('template');
+    template.innerHTML = htmlString.trim();
+    const content = template.content;
+    if (content.childNodes.length > 1) {
+        return content.childNodes;
+    }
+    return content.firstChild;
+};
+export const toPixel = value => parseFloat(value) + "px";
+export const toClassSelector = (className) => (className === null || className === void 0 ? void 0 : className.startsWith(".")) ? className : `.${className}`;
+export const mousewheelDelta = (e) => {
+    let delta = 0;
+    if (e.wheelDelta) {
+        delta = -e.wheelDelta / 120;
+    }
+    else if (e.detail) {
+        delta = e.detail / 3;
+    }
+    delta = delta > 0 ? Math.ceil(delta) : Math.floor(delta);
+    return delta;
+};
+export const createPromise = () => {
+    let resolveFn;
+    let rejectFn;
+    const promise = new Promise(function (resolve, reject) {
+        resolveFn = resolve;
+        rejectFn = reject;
+    });
+    // @ts-expect-error TS(2339): Property 'resolve' does not exist on type 'Promise... Remove this comment to see the full error message
+    promise.resolve = resolveFn;
+    // @ts-expect-error TS(2339): Property 'reject' does not exist on type 'Promise<... Remove this comment to see the full error message
+    promise.reject = rejectFn;
+    return promise;
+};

package/dist/es/common/dom.js

@@ -0,0 +1,11 @@
+export const addClass = (className, element) => {
+    element.classList.add(className);
+};
+export const removeClass = (className, element) => {
+    element.classList.remove(className);
+};
+export const hasClass = (className, element) => {
+    if (element instanceof HTMLElement) {
+        return element.classList.contains(className);
+    }
+};

package/dist/es/common/main.js

@@ -0,0 +1,4 @@
+export * from './component';
+export * from './core';
+export * from './dom';
+export * from './math';

package/dist/es/common/math.js

@@ -0,0 +1 @@
+export const clamp = (value, min, max) => Math.min(max, Math.max(min, value));

package/dist/es/enums/PdfViewerInteractionMode.js

@@ -0,0 +1,6 @@
+export var PdfViewerInteractionMode;
+(function (PdfViewerInteractionMode) {
+    PdfViewerInteractionMode[PdfViewerInteractionMode["TextSelection"] = 0] = "TextSelection";
+    PdfViewerInteractionMode[PdfViewerInteractionMode["Pan"] = 1] = "Pan";
+})(PdfViewerInteractionMode || (PdfViewerInteractionMode = {}));
+;