@progress/kendo-react-pdf-viewer 5.10.0-dev.202211241147

package/dist/npm/PDFViewer.js

@@ -0,0 +1,368 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PDFViewer = void 0;
+const React = require("react");
+const PropTypes = require("prop-types");
+const kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
+const kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
+const kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
+const kendo_react_upload_1 = require("@progress/kendo-react-upload");
+const kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");
+const kendo_react_indicators_1 = require("@progress/kendo-react-indicators");
+const kendo_react_common_1 = require("@progress/kendo-react-common");
+const kendo_react_intl_1 = require("@progress/kendo-react-intl");
+require("pdfjs-dist/build/pdf.worker.entry");
+const package_metadata_1 = require("./package-metadata");
+const scroller_1 = require("./scroller");
+const search_1 = require("./search");
+const utils_1 = require("./utils");
+const messages_1 = require("./messages");
+const zoomMin = 0.5;
+const zoomMax = 4;
+const zoomStep = 0.25;
+const zoomLevels = [
+    { id: 1, value: 1, text: 'ActualWidth', type: 'ActualWidth', locationString: messages_1.actualWidth },
+    { id: 2, value: 1, text: 'FitToWidth', type: 'FitToWidth', locationString: messages_1.fitToWidth },
+    { id: 3, value: 1, text: 'FitToPage', type: 'FitToPage', locationString: messages_1.fitToPage },
+    { id: 4, value: 0.5, text: '50%', type: '' },
+    { id: 5, value: 0.75, text: '75%', type: '' },
+    { id: 6, value: 1, text: '100%', type: '' },
+    { id: 7, value: 1.25, text: '125%', type: '' },
+    { id: 8, value: 1.5, text: '150%', type: '' },
+    { id: 9, value: 2, text: '200%', type: '' },
+    { id: 10, value: 3, text: '300%', type: '' },
+    { id: 11, value: 4, text: '400%', type: '' }
+];
+const navigation = [
+    '.k-toolbar > button',
+    '.k-toolbar .k-combobox > input',
+    '.k-toolbar .k-button-group > button',
+    '.k-toolbar .k-pager > a',
+    '.k-toolbar .k-pager input'
+];
+/**
+ * Represents the [KendoReact PDFViewer component]({% slug api_pdf-viewer_pdfviewerprops %}).
+ */
+exports.PDFViewer = React.forwardRef((props, ref) => {
+    (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
+    const loc = (0, kendo_react_intl_1.useLocalization)();
+    const pagesRef = React.useRef(null);
+    const [zoom, setZoom] = React.useState(utils_1.DEFAULT_ZOOM_LEVEL);
+    const [zoomLevel, setZoomLevel] = React.useState(zoomLevels.find(z => z.value === utils_1.DEFAULT_ZOOM_LEVEL));
+    const [loading, setLoading] = React.useState(true);
+    const [skip, setSkip] = React.useState(0);
+    const [pages, setPages] = React.useState([]);
+    const [doc, setDoc] = React.useState(null);
+    const [enabledSelection, setEnabledSelection] = React.useState(false);
+    const [showSearch, setShowSearch] = React.useState(false);
+    const [matches, setMatches] = React.useState(0);
+    const [currentMatch, setCurrentMatch] = React.useState(0);
+    const [matchCase, setMatchCase] = React.useState(false);
+    const [searchText, setSearchText] = React.useState('');
+    const refObj = React.useMemo(() => ({}), []);
+    const target = React.useRef(null);
+    const pdfViewerRef = React.useRef(null);
+    React.useImperativeHandle(target, () => ({
+        element: pdfViewerRef.current,
+        props,
+        pages,
+        document: doc
+    }), [pages, doc]);
+    React.useImperativeHandle(ref, () => target.current);
+    const triggerOnLoad = React.useCallback(() => {
+        if (props.onLoad) {
+            const loadEvent = { target: target.current };
+            props.onLoad.call(undefined, loadEvent);
+        }
+    }, [props.onLoad]);
+    const triggerOnDownload = React.useCallback((blob, fileName, saveOptions) => {
+        let handled = false;
+        if (props.onDownload) {
+            const downloadEvent = {
+                target: target.current,
+                blob,
+                fileName,
+                saveOptions
+            };
+            handled = props.onDownload.call(undefined, downloadEvent) || false;
+        }
+        return handled;
+    }, [props.onDownload]);
+    const initScroller = React.useCallback(() => {
+        var _a;
+        if (refObj.scroller) {
+            refObj.scroller.destroy();
+        }
+        refObj.scroller = new scroller_1.Scroller((_a = pagesRef.current) === null || _a === void 0 ? void 0 : _a.parentNode, {
+            filter: '.k-page',
+            events: {}
+        });
+        refObj.scroller.enablePanEventsTracking();
+    }, []);
+    const initSearch = React.useCallback((wrapper) => {
+        const pagesTextLayers = Array.from(wrapper.querySelectorAll('.k-text-layer'));
+        refObj.search = new search_1.SearchService({
+            textContainers: pagesTextLayers || [],
+            highlightClass: 'k-search-highlight',
+            highlightMarkClass: 'k-search-highlight-mark',
+            charClass: 'k-text-char'
+        });
+    }, []);
+    const done = React.useCallback(({ pdfPages, pdfDoc }) => {
+        setDoc(pdfDoc);
+        setPages(pdfPages);
+        initScroller();
+        setLoading(false);
+        triggerOnLoad();
+    }, []);
+    const error = React.useCallback((reason) => {
+        setLoading(false);
+        setDoc(null);
+        setPages([]);
+        if (props.onError) {
+            const errorEvent = {
+                error: typeof reason === 'string' ? { message: reason } : reason,
+                target: target.current
+            };
+            props.onError.call(undefined, errorEvent);
+        }
+    }, [props.onError]);
+    React.useEffect(() => {
+        if (pagesRef.current) {
+            if (props.url || props.data || props.arrayBuffer) {
+                setLoading(true);
+                (0, utils_1.removeChildren)(pagesRef.current);
+                (0, utils_1.loadPDF)({
+                    url: props.url,
+                    data: props.data,
+                    arrayBuffer: props.arrayBuffer,
+                    dom: pagesRef.current,
+                    zoom: utils_1.DEFAULT_ZOOM_LEVEL,
+                    done,
+                    error
+                });
+            }
+            else {
+                setLoading(false);
+                (0, utils_1.removeChildren)(pagesRef.current);
+                setDoc(null);
+                setPages([]);
+            }
+        }
+    }, [props.url, props.data, props.arrayBuffer, error]);
+    const reload = React.useCallback((pdfDoc, zoomLev = utils_1.DEFAULT_ZOOM_LEVEL) => {
+        if (pagesRef.current) {
+            setLoading(true);
+            (0, utils_1.removeChildren)(pagesRef.current);
+            (0, utils_1.reloadDocument)({
+                pdfDoc,
+                zoom: zoomLev,
+                dom: pagesRef.current,
+                done: (pdfPages) => {
+                    setPages(pdfPages);
+                    setLoading(false);
+                },
+                error
+            });
+        }
+    }, [error]);
+    const onSearch = React.useCallback(() => {
+        setShowSearch(true);
+        initSearch(pagesRef.current);
+    }, []);
+    const onSearchTextChange = React.useCallback((e) => {
+        const text = e.value;
+        const currentMatches = refObj.search.search({ text, matchCase });
+        setCurrentMatch(currentMatches.length ? 1 : 0);
+        setMatches(currentMatches.length);
+        setSearchText(text);
+    }, [matchCase]);
+    const onMatchCaseClick = React.useCallback(() => {
+        const currentMatches = refObj.search.search({ text: searchText, matchCase: !matchCase });
+        setCurrentMatch(currentMatches.length ? 1 : 0);
+        setMatches(currentMatches.length);
+        setMatchCase(!matchCase);
+    }, [matchCase, searchText]);
+    const onNextMatch = React.useCallback(() => {
+        (0, utils_1.goToNextSearchMatch)(refObj);
+        setCurrentMatch((currentMatch + 1) > matches ? 1 : (currentMatch + 1));
+    }, [currentMatch, matches]);
+    const onPrevMatch = React.useCallback(() => {
+        (0, utils_1.goToPreviousSearchMatch)(refObj);
+        setCurrentMatch((currentMatch - 1) < 1 ? matches : (currentMatch - 1));
+    }, [currentMatch, matches]);
+    const onClose = React.useCallback(() => {
+        refObj.search.destroy();
+        setCurrentMatch(0);
+        setMatches(0);
+        setMatchCase(false);
+        setSearchText('');
+        setShowSearch(false);
+    }, []);
+    const onTextBoxKeyDown = React.useCallback((e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            (0, utils_1.goToNextSearchMatch)(refObj);
+            setCurrentMatch((currentMatch + 1) > matches ? 1 : (currentMatch + 1));
+        }
+        else if (e.key === 'Escape') {
+            onClose();
+        }
+    }, [currentMatch, matches]);
+    const onPageChange = React.useCallback((e) => {
+        if (pagesRef.current && pagesRef.current.parentNode instanceof HTMLDivElement) {
+            const page = pagesRef.current.querySelector('.k-page');
+            if (page instanceof HTMLDivElement) {
+                const top = (page.offsetHeight + page.offsetTop) * e.skip;
+                pagesRef.current.parentNode.scrollTo({ top, behavior: 'auto' });
+            }
+        }
+        setSkip(e.skip);
+    }, [skip]);
+    const onScroll = React.useCallback((e) => {
+        const targetEl = e.target;
+        const page = targetEl.querySelector('.k-page');
+        if (page) {
+            setSkip(Math.floor(targetEl.scrollTop / (page.offsetHeight + page.offsetTop)));
+        }
+    }, []);
+    const onZoomIn = React.useCallback(() => {
+        const newZoom = Math.min(zoom + zoomStep, zoomMax);
+        if (newZoom !== zoom && doc) {
+            setZoom(newZoom);
+            reload(doc, newZoom);
+        }
+    }, [zoom, doc]);
+    const onZoomOut = React.useCallback(() => {
+        const newZoom = Math.max(zoom - zoomStep, zoomMin);
+        if (newZoom !== zoom && doc) {
+            setZoom(newZoom);
+            reload(doc, newZoom);
+        }
+    }, [zoom, doc]);
+    const onZoomLevelChange = React.useCallback((e) => {
+        const item = e.value;
+        const newZoom = item ? (0, utils_1.calculateZoomLevel)(item.value, item.type, zoom, pagesRef.current) : 1;
+        if (zoom !== newZoom && doc) {
+            setZoom(newZoom);
+            reload(doc, newZoom);
+        }
+        setZoomLevel(item);
+    }, [zoom, doc]);
+    const onTextSelection = React.useCallback(() => {
+        refObj.scroller.disablePanEventsTracking();
+        setEnabledSelection(true);
+    }, []);
+    const onPinning = React.useCallback(() => {
+        refObj.scroller.enablePanEventsTracking();
+        setEnabledSelection(false);
+    }, []);
+    const onDownload = React.useCallback(() => {
+        (0, utils_1.download)({
+            url: props.url,
+            data: props.data,
+            arrayBuffer: props.arrayBuffer,
+            error
+        }, props.saveFileName, props.saveOptions, triggerOnDownload);
+    }, [props.url, props.data, props.arrayBuffer, error, props.saveFileName, props.saveOptions, triggerOnDownload]);
+    const onPrint = React.useCallback(() => {
+        setLoading(true);
+        const onError = (e) => {
+            error(typeof (e ? e.message || e : null) === 'string' ? e.message || e : loc.toLanguageString(messages_1.popupBlocked, messages_1.messages[messages_1.popupBlocked]));
+        };
+        const onDone = () => {
+            setLoading(false);
+        };
+        (0, utils_1.print)(pages, onDone, onError);
+    }, [pages, error]);
+    const onAdd = React.useCallback((e) => {
+        const st = e.newState;
+        if (st[0] && st[0].getRawFile) {
+            const file = st[0].getRawFile();
+            file.arrayBuffer().then((arrayBuffer) => {
+                if (pagesRef.current) {
+                    setLoading(true);
+                    (0, utils_1.removeChildren)(pagesRef.current);
+                    (0, utils_1.loadPDF)({
+                        arrayBuffer,
+                        dom: pagesRef.current,
+                        zoom: utils_1.DEFAULT_ZOOM_LEVEL,
+                        done,
+                        error
+                    });
+                    setZoom(utils_1.DEFAULT_ZOOM_LEVEL);
+                }
+            });
+        }
+    }, [error]);
+    const onFileOpen = React.useCallback((e) => {
+        const targetEl = e.target;
+        if (targetEl instanceof HTMLElement && targetEl.parentNode) {
+            const toolbarEl = targetEl.closest('.k-toolbar');
+            const input = toolbarEl && toolbarEl.querySelector('.k-upload input');
+            if (input) {
+                input.click();
+            }
+        }
+    }, []);
+    const noDocument = !doc;
+    const loader = (loading && React.createElement("div", { className: "k-loader-container k-loader-container-md k-loader-top" },
+        React.createElement("div", { className: "k-loader-container-overlay k-overlay-light" }),
+        React.createElement("div", { className: "k-loader-container-inner " },
+            React.createElement(kendo_react_indicators_1.Loader, { size: 'large' }))));
+    const toolbar = (React.createElement(kendo_react_buttons_1.Toolbar, { buttons: navigation },
+        React.createElement(kendo_react_data_tools_1.Pager, { previousNext: true, type: 'input', skip: skip, take: 1, total: pages.length, info: false, onPageChange: onPageChange }),
+        React.createElement(kendo_react_buttons_1.ToolbarSpacer, null),
+        React.createElement(kendo_react_buttons_1.ButtonGroup, null,
+            React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.zoomIn, messages_1.messages[messages_1.zoomIn]), disabled: zoom === zoomMax || noDocument, onClick: onZoomIn, icon: 'zoom-in' }),
+            React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.zoomOut, messages_1.messages[messages_1.zoomOut]), disabled: zoom === zoomMin || noDocument, onClick: onZoomOut, icon: 'zoom-out' })),
+        React.createElement(kendo_react_dropdowns_1.ComboBox, { disabled: noDocument, data: (props.zoomLevels || zoomLevels).map(level => (Object.assign(Object.assign({}, level), { text: level.locationString
+                    ? loc.toLanguageString(level.locationString, messages_1.messages[level.locationString])
+                    : level.text }))), dataItemKey: 'id', textField: 'text', value: noDocument ? null : zoomLevel, onChange: onZoomLevelChange }),
+        React.createElement(kendo_react_buttons_1.ButtonGroup, null,
+            React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.enableSelection, messages_1.messages[messages_1.enableSelection]), icon: 'cursor', disabled: noDocument, togglable: true, selected: enabledSelection && !noDocument, onClick: onTextSelection }),
+            React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.enablePanning, messages_1.messages[messages_1.enablePanning]), icon: 'hand', disabled: noDocument, togglable: true, selected: !enabledSelection && !noDocument, onClick: onPinning })),
+        React.createElement(kendo_react_buttons_1.ToolbarSpacer, null),
+        React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.search, messages_1.messages[messages_1.search]), icon: 'search', disabled: noDocument, onClick: onSearch }),
+        React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.open, messages_1.messages[messages_1.open]), icon: 'folder-open', onClick: onFileOpen }),
+        React.createElement("div", { style: { display: 'none' } },
+            React.createElement(kendo_react_upload_1.Upload, { restrictions: { allowedExtensions: ['.pdf'] }, onAdd: onAdd, autoUpload: false, defaultFiles: [], multiple: false, accept: ".pdf,.PDF", withCredentials: false })),
+        React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.download, messages_1.messages[messages_1.download]), icon: 'download', disabled: noDocument, onClick: onDownload }),
+        React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.print, messages_1.messages[messages_1.print]), icon: 'print', disabled: noDocument, onClick: onPrint })));
+    const content = (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto', {
+            'k-enable-text-select': enabledSelection,
+            'k-enable-panning': !enabledSelection
+        }), onScroll: onScroll },
+        showSearch && (React.createElement("div", { className: 'k-search-panel k-pos-sticky k-top-center' },
+            React.createElement(kendo_react_inputs_1.TextBox, { value: searchText, onChange: onSearchTextChange, placeholder: loc.toLanguageString(messages_1.search, messages_1.messages[messages_1.search]), autoFocus: true, onKeyDown: onTextBoxKeyDown, suffix: () => (React.createElement(kendo_react_inputs_1.InputSuffix, null,
+                    React.createElement(kendo_react_buttons_1.Button, { icon: "convert-lowercase", title: loc.toLanguageString(messages_1.matchCase, messages_1.messages[messages_1.matchCase]), fillMode: "flat", togglable: true, selected: matchCase, onClick: onMatchCaseClick }))) }),
+            React.createElement("span", { className: "k-search-matches" },
+                React.createElement("span", null, currentMatch),
+                " of ",
+                React.createElement("span", null, matches)),
+            React.createElement(kendo_react_buttons_1.Button, { title: loc.toLanguageString(messages_1.prevMatch, messages_1.messages[messages_1.prevMatch]), fillMode: 'flat', icon: 'arrow-up', disabled: matches === 0, onClick: onPrevMatch }),
+            React.createElement(kendo_react_buttons_1.Button, { title: loc.toLanguageString(messages_1.nextMatch, messages_1.messages[messages_1.nextMatch]), fillMode: 'flat', icon: 'arrow-down', disabled: matches === 0, onClick: onNextMatch }),
+            React.createElement(kendo_react_buttons_1.Button, { title: loc.toLanguageString(messages_1.close, messages_1.messages[messages_1.close]), fillMode: 'flat', icon: 'close', onClick: onClose }))),
+        React.createElement("div", { ref: pagesRef, className: 'k-pdf-viewer-pages' })));
+    return (React.createElement("div", { className: 'k-pdf-viewer', style: props.style, ref: pdfViewerRef },
+        props.onRenderLoader ? props.onRenderLoader.call(undefined, loader || null) : loader,
+        props.onRenderToolbar ? props.onRenderToolbar.call(undefined, toolbar) : toolbar,
+        props.onRenderContent ? props.onRenderContent.call(undefined, content) : content));
+});
+exports.PDFViewer.displayName = 'KendoReactPDFViewer';
+exports.PDFViewer.propTypes = {
+    url: PropTypes.string,
+    data: PropTypes.string,
+    arrayBuffer: PropTypes.any,
+    typedArray: PropTypes.any,
+    style: PropTypes.object,
+    saveFileName: PropTypes.string,
+    saveOptions: PropTypes.object,
+    zoomLevels: PropTypes.arrayOf(PropTypes.any),
+    onError: PropTypes.func,
+    onLoad: PropTypes.func,
+    onDownload: PropTypes.func,
+    onRenderToolbar: PropTypes.func,
+    onRenderContent: PropTypes.func,
+    onRenderLoader: PropTypes.func
+};

package/dist/npm/main.d.ts

@@ -0,0 +1 @@
+export { PDFViewer, PDFViewerProps, PDFViewerHandle, LoadEvent, ErrorEvent, DownloadEvent } from './PDFViewer';

package/dist/npm/main.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PDFViewer = void 0;
+var PDFViewer_1 = require("./PDFViewer");
+Object.defineProperty(exports, "PDFViewer", { enumerable: true, get: function () { return PDFViewer_1.PDFViewer; } });

package/dist/npm/messages.d.ts

@@ -0,0 +1,85 @@
+/**
+ * @hidden
+ */
+export declare const zoomIn = "pdfviewer.zoomIn";
+/**
+ * @hidden
+ */
+export declare const zoomOut = "pdfviewer.zoomOut";
+/**
+ * @hidden
+ */
+export declare const enableSelection = "pdfviewer.enableSelection";
+/**
+ * @hidden
+ */
+export declare const enablePanning = "pdfviewer.enablePanning";
+/**
+ * @hidden
+ */
+export declare const search = "pdfviewer.search";
+/**
+ * @hidden
+ */
+export declare const open = "pdfviewer.open";
+/**
+ * @hidden
+ */
+export declare const download = "pdfviewer.download";
+/**
+ * @hidden
+ */
+export declare const print = "pdfviewer.print";
+/**
+ * @hidden
+ */
+export declare const close = "pdfviewer.close";
+/**
+ * @hidden
+ */
+export declare const matchCase = "pdfviewer.matchCase";
+/**
+ * @hidden
+ */
+export declare const prevMatch = "pdfviewer.prevMatch";
+/**
+ * @hidden
+ */
+export declare const nextMatch = "pdfviewer.nextMatch";
+/**
+ * @hidden
+ */
+export declare const actualWidth = "pdfviewer.actualWidth";
+/**
+ * @hidden
+ */
+export declare const fitToWidth = "pdfviewer.fitToWidth";
+/**
+ * @hidden
+ */
+export declare const fitToPage = "pdfviewer.fitToPage";
+/**
+ * @hidden
+ */
+export declare const popupBlocked = "pdfviewer.popupBlocked";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "pdfviewer.zoomIn": string;
+    "pdfviewer.zoomOut": string;
+    "pdfviewer.enableSelection": string;
+    "pdfviewer.enablePanning": string;
+    "pdfviewer.search": string;
+    "pdfviewer.open": string;
+    "pdfviewer.download": string;
+    "pdfviewer.print": string;
+    "pdfviewer.close": string;
+    "pdfviewer.matchCase": string;
+    "pdfviewer.prevMatch": string;
+    "pdfviewer.nextMatch": string;
+    "pdfviewer.actualWidth": string;
+    "pdfviewer.fitToWidth": string;
+    "pdfviewer.fitToPage": string;
+    "pdfviewer.popupBlocked": string;
+};

package/dist/npm/messages.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messages = exports.popupBlocked = exports.fitToPage = exports.fitToWidth = exports.actualWidth = exports.nextMatch = exports.prevMatch = exports.matchCase = exports.close = exports.print = exports.download = exports.open = exports.search = exports.enablePanning = exports.enableSelection = exports.zoomOut = exports.zoomIn = void 0;
+/**
+ * @hidden
+ */
+exports.zoomIn = 'pdfviewer.zoomIn';
+/**
+ * @hidden
+ */
+exports.zoomOut = 'pdfviewer.zoomOut';
+/**
+ * @hidden
+ */
+exports.enableSelection = 'pdfviewer.enableSelection';
+/**
+ * @hidden
+ */
+exports.enablePanning = 'pdfviewer.enablePanning';
+/**
+ * @hidden
+ */
+exports.search = 'pdfviewer.search';
+/**
+ * @hidden
+ */
+exports.open = 'pdfviewer.open';
+/**
+ * @hidden
+ */
+exports.download = 'pdfviewer.download';
+/**
+ * @hidden
+ */
+exports.print = 'pdfviewer.print';
+/**
+ * @hidden
+ */
+exports.close = 'pdfviewer.close';
+/**
+ * @hidden
+ */
+exports.matchCase = 'pdfviewer.matchCase';
+/**
+ * @hidden
+ */
+exports.prevMatch = 'pdfviewer.prevMatch';
+/**
+ * @hidden
+ */
+exports.nextMatch = 'pdfviewer.nextMatch';
+/**
+ * @hidden
+ */
+exports.actualWidth = 'pdfviewer.actualWidth';
+/**
+ * @hidden
+ */
+exports.fitToWidth = 'pdfviewer.fitToWidth';
+/**
+ * @hidden
+ */
+exports.fitToPage = 'pdfviewer.fitToPage';
+/**
+ * @hidden
+ */
+exports.popupBlocked = 'pdfviewer.popupBlocked';
+/**
+ * @hidden
+ */
+exports.messages = {
+    [exports.zoomIn]: 'Zoom in',
+    [exports.zoomOut]: 'Zoom out',
+    [exports.enableSelection]: 'Enable selection',
+    [exports.enablePanning]: 'Enable panning',
+    [exports.search]: 'Search',
+    [exports.open]: 'Open',
+    [exports.download]: 'Download',
+    [exports.print]: 'Print',
+    [exports.close]: 'Close',
+    [exports.matchCase]: 'Match case',
+    [exports.prevMatch]: 'Previous match',
+    [exports.nextMatch]: 'Next match',
+    [exports.actualWidth]: 'Actual width',
+    [exports.fitToWidth]: 'Fit to width',
+    [exports.fitToPage]: 'Fit to page',
+    [exports.popupBlocked]: 'Popup is blocked.'
+};

package/dist/npm/package-metadata.d.ts

@@ -0,0 +1,5 @@
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/dist/npm/package-metadata.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageMetadata = void 0;
+/**
+ * @hidden
+ */
+exports.packageMetadata = {
+    name: '@progress/kendo-react-pdf-viewer',
+    productName: 'KendoReact',
+    productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
+    publishDate: 1669290352,
+    version: '',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
+};

package/dist/npm/scroller.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @hidden
+ */
+export declare class Scroller {
+    options: any;
+    state: any;
+    element: any;
+    throttledOnDrag: any;
+    draggable: any;
+    throttledOnElementScroll: any;
+    constructor(element: any, options: any);
+    destroy(): void;
+    initDraggable(): void;
+    destroyDraggable(): void;
+    bindEvents(): void;
+    bindDraggableEvents(): void;
+    bindElementScroll(): void;
+    unbindEvents(): void;
+    unbindDraggableEvents(): void;
+    unbindElementScroll(): void;
+    setState(newState: any): void;
+    resetState(): void;
+    enablePanEventsTracking(): void;
+    disablePanEventsTracking(): void;
+    shouldTrackPanEvents(): any;
+    onElementScroll: () => void;
+    OnDragStart: (e: any) => void;
+    onDrag: (e: any) => void;
+    onDragEnd: () => void;
+    calculateEventLocationDelta(e: any): void;
+    scrollTo(x: any, y: any, options?: {
+        trackScrollEvent: boolean;
+    }): void;
+}