@progress/kendo-pdfviewer-common 0.6.5-develop.1 → 1.0.0-develop.1

package/dist/es/annotations/annotation-editor-ui-manager.js

@@ -869,7 +869,7 @@ export class AnnotationEditorUIManager {
             case AnnotationEditorParamsType.CREATE:
                 this.currentLayer.addNewEditor();
                 return;
-            case AnnotationEditorParamsType.HIGHLIGHT_DEFAULT_COLOR:
+            case AnnotationEditorParamsType.HIGHLIGHT_COLOR:
                 // this.#mainHighlightColorPicker?.updateColor(value);
                 break;
             case AnnotationEditorParamsType.HIGHLIGHT_SHOW_ALL:

package/dist/es/annotations/annotation-layer.js

@@ -1917,9 +1917,7 @@ class PopupElement {
         const popup = (__classPrivateFieldSet(this, _PopupElement_popup, document.createElement("div"), "f"));
         popup.className = "popup";
         if (__classPrivateFieldGet(this, _PopupElement_color, "f")) {
-            const baseColor = (popup.style.outlineColor = Util.makeHexColor(
-            // @ts-expect-error TS(2556):
-            ...__classPrivateFieldGet(this, _PopupElement_color, "f")));
+            const baseColor = (popup.style.outlineColor = Util.makeHexColor(...__classPrivateFieldGet(this, _PopupElement_color, "f")));
             if (
             // (typeof PDFJSDev !== "undefined" && PDFJSDev.test("MOZCENTRAL")) ||
             CSS.supports("background-color", "color-mix(in srgb, red 30%, white)")) {
@@ -1931,9 +1929,7 @@ class PopupElement {
                 // TODO: Use color-mix when it's supported everywhere.
                 // Enlighten the color.
                 const BACKGROUND_ENLIGHT = 0.7;
-                popup.style.backgroundColor = Util.makeHexColor(
-                // @ts-expect-error TS(2556):
-                ...__classPrivateFieldGet(this, _PopupElement_color, "f").map(c => Math.floor(BACKGROUND_ENLIGHT * (255 - c) + c)));
+                popup.style.backgroundColor = Util.makeHexColor(...__classPrivateFieldGet(this, _PopupElement_color, "f").map(c => Math.floor(BACKGROUND_ENLIGHT * (255 - c) + c)));
             }
         }
         const header = document.createElement("span");
@@ -1954,7 +1950,6 @@ class PopupElement {
         }
         const html = __classPrivateFieldGet(this, _PopupElement_instances, "a", _PopupElement_html_get);
         if (html) {
-            // @ts-expect-error TS(2556):
             XfaLayer.render({
                 xfaHtml: html,
                 intent: "richText",

package/dist/es/annotations/editors/free-text-editor.js

@@ -530,7 +530,6 @@ class FreeTextEditor extends AnnotationEditor {
         }
         const editor = super.deserialize(data, parent, uiManager);
         __classPrivateFieldSet(editor, _FreeTextEditor_fontSize, data.fontSize, "f");
-        // @ts-expect-error TS(2556):
         __classPrivateFieldSet(editor, _FreeTextEditor_color, Util.makeHexColor(...data.color), "f");
         __classPrivateFieldSet(editor, _FreeTextEditor_content, __classPrivateFieldGet(_a, _a, "m", _FreeTextEditor_deserializeContent).call(_a, data.value), "f");
         editor.annotationElementId = data.id || null;

package/dist/es/annotations/editors/highlight-editor.js

@@ -126,7 +126,7 @@ class HighlightEditor extends AnnotationEditor {
     /** @inheritdoc */
     static updateDefaultParams(type, value) {
         switch (type) {
-            case AnnotationEditorParamsType.HIGHLIGHT_DEFAULT_COLOR:
+            case AnnotationEditorParamsType.HIGHLIGHT_COLOR:
                 _a._defaultColor = value;
                 break;
             case AnnotationEditorParamsType.HIGHLIGHT_THICKNESS:
@@ -157,7 +157,7 @@ class HighlightEditor extends AnnotationEditor {
     static get defaultPropertiesToUpdate() {
         return [
             [
-                AnnotationEditorParamsType.HIGHLIGHT_DEFAULT_COLOR,
+                AnnotationEditorParamsType.HIGHLIGHT_COLOR,
                 _a._defaultColor
             ],
             [
@@ -404,7 +404,6 @@ class HighlightEditor extends AnnotationEditor {
     static deserialize(data, parent, uiManager) {
         const editor = super.deserialize(data, parent, uiManager);
         const { rect: [blX, blY, trX, trY], color, quadPoints } = data;
-        // @ts-expect-error TS()
         editor.color = Util.makeHexColor(...color);
         __classPrivateFieldSet(editor, _HighlightEditor_opacity, data.opacity, "f");
         const [pageWidth, pageHeight] = editor.pageDimensions;

package/dist/es/annotations/editors/outliner.js

@@ -721,9 +721,8 @@ _FreeHighlightOutline_box = new WeakMap(), _FreeHighlightOutline_bbox = new Weak
             }
         }
         else {
-            const bbox = Util.bezierBoundingBox(lastX, lastY, 
-            // @ts-expect-error(TS:2556)
-            ...outline.slice(i, i + 6));
+            // pdfjs-dist legacy types declare bezierBoundingBox as void/9-arg but it returns the bbox array at runtime
+            const bbox = Util.bezierBoundingBox(lastX, lastY, ...outline.slice(i, i + 6));
             minX = Math.min(minX, bbox[0]);
             minY = Math.min(minY, bbox[1]);
             maxX = Math.max(maxX, bbox[2]);

package/dist/es/annotations.js

@@ -1,4 +1,4 @@
-import { createElement, scrollToPage } from './utils';
+import { createElement, scrollToPage } from './common/dom';
 class Annotation {
     constructor(container, viewport, annotation, pdfDoc, zoom, rootElement) {
         this.container = container;

package/dist/es/common/component.js

@@ -1,6 +1,7 @@
 import { extend, deepExtend, isFunction } from "./core";
 export class Component {
     constructor(element, options) {
+        this.__isComponent = true;
         this.options = {
             events: {}
         };

package/dist/es/common/core.js

@@ -1,4 +1,3 @@
-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);
@@ -18,7 +17,7 @@ export const deepExtend = (target, ...sources) => {
             if (key === '__proto__' || key === 'constructor') {
                 continue;
             }
-            if (source[key] instanceof Component) {
+            if (source[key] && source[key].__isComponent) {
                 target[key] = source[key];
             }
             else if (isHtmlElement(source[key])) {

package/dist/es/common/dom.js

@@ -9,3 +9,29 @@ export const hasClass = (className, element) => {
         return element.classList.contains(className);
     }
 };
+export const createElement = function (name, className, styles) {
+    const element = document.createElement(name);
+    if (className) {
+        element.className = className;
+    }
+    Object.keys(styles).forEach((key) => (element.style[key] = styles[key]));
+    return element;
+};
+/**
+ * Scrolls the PDFViewer document to the passed page number.
+ *
+ * @param rootElement The root HTML element of the PDFViewer component.
+ * @param pageNumber The page number.
+ */
+export const scrollToPage = (rootElement, pageNumber) => {
+    const pages = rootElement.querySelectorAll('.k-page');
+    const page = pages[0];
+    if (page instanceof HTMLDivElement) {
+        const top = (page.offsetHeight + page.offsetTop) *
+            Math.max(0, Math.min(pageNumber, pages.length - 1));
+        const scrollElement = page.closest('.k-pdf-viewer-canvas');
+        if (scrollElement) {
+            scrollElement.scrollTo({ top, behavior: 'auto' });
+        }
+    }
+};

package/dist/es/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/es/utils.js

@@ -2,6 +2,8 @@ import { saveAs } from '@progress/kendo-file-saver';
 import { detectDesktopBrowser, detectMobileOS } from '@progress/kendo-common';
 import { getDocument, TextLayer } from "pdfjs-dist/legacy/build/pdf.mjs";
 import { LinkAnnotation } from './annotations';
+import { createElement, scrollToPage } from './common/dom';
+export { createElement, scrollToPage };
 const MAX_CANVAS_WIDTH_HEIGHT_CHROME = 65535;
 const MAX_CANVAS_AREA_CHROME_SAFARI = 268435456;
 const MAX_CANVAS_WIDTH_HEIGHT_FIREFOX = 32767;
@@ -217,7 +219,7 @@ const createEmptyPage = (page, zoom, pdfDoc, rootElement) => {
 };
 const renderCanvas = (page, done, error) => {
     const { canvasContext, viewport, scaleNum, canvas, pageElement } = createCanvas(page);
-    page.render({ canvasContext, viewport })
+    page.render({ canvasContext, viewport, canvas })
         .promise.then(() => {
         const printContent = new Image(Math.floor((viewport.width / scaleNum)), Math.floor((viewport.height / scaleNum)));
         printContent.src = canvas.toDataURL();
@@ -230,14 +232,6 @@ const renderCanvas = (page, done, error) => {
         .catch(error);
     return viewport;
 };
-export const createElement = function (name, className, styles) {
-    const element = document.createElement(name);
-    if (className) {
-        element.className = className;
-    }
-    Object.keys(styles).forEach((key) => (element.style[key] = styles[key]));
-    return element;
-};
 export const transforms = {
     '0': '',
     '90': 'rotate(90deg) translateY(-100%)',
@@ -245,9 +239,9 @@ export const transforms = {
     '270': 'rotate(270deg) translateX(-100%)'
 };
 export const renderPage = (page, emptyPage, error) => {
-    const { canvasContext, viewport, pageElement, styles, zoom, pdfDoc, rootElement } = emptyPage;
+    const { canvasContext, viewport, pageElement, styles, zoom, pdfDoc, rootElement, canvas } = emptyPage;
     page._pageInfo.renderInProgress = true;
-    page.render({ canvasContext, viewport })
+    page.render({ canvasContext, viewport, canvas })
         .promise.then(() => {
         page.getTextContent().then((textContent) => {
             const textLayer = createElement('div', 'k-text-layer', styles);
@@ -364,24 +358,6 @@ export const calculateZoomLevel = (zoomLevel, zoomLevelType, currentZoom, dom) =
     }
     return calculatedZoomLevel;
 };
-/**
- * Scrolls the PDFViewer document to the passed page number.
- *
- * @param rootElement The root HTML element of the PDFViewer component.
- * @param pageNumber The page number.
- */
-export const scrollToPage = (rootElement, pageNumber) => {
-    const pages = rootElement.querySelectorAll('.k-page');
-    const page = pages[0];
-    if (page instanceof HTMLDivElement) {
-        const top = (page.offsetHeight + page.offsetTop) *
-            Math.max(0, Math.min(pageNumber, pages.length - 1));
-        const scrollElement = page.closest('.k-pdf-viewer-canvas');
-        if (scrollElement) {
-            scrollElement.scrollTo({ top, behavior: 'auto' });
-        }
-    }
-};
 /**
  * A function which gives you the page number of the document according to the scroll position.
  *

package/dist/es/widget/page.js

@@ -572,6 +572,7 @@ export class Page extends Component {
                 canvasContext: canvasContext,
                 // transform,
                 viewport,
+                canvas,
                 annotationMode: __classPrivateFieldGet(this, _Page_annotationMode, "f"),
                 // optionalContentConfigPromise: this._optionalContentConfigPromise,
                 annotationCanvasMap: this._annotationCanvasMap,

package/dist/es/widget/pdfviewer.js

@@ -1339,6 +1339,9 @@ export class PdfViewer extends Component {
     }
     setScaleFactor(scaleFactor) {
         this.element.style.setProperty('--scale-factor', String(scaleFactor * PixelsPerInch.PDF_TO_CSS_UNITS));
+        this.element.style.setProperty('--total-scale-factor', String(scaleFactor * PixelsPerInch.PDF_TO_CSS_UNITS));
+        this.element.style.setProperty('--scale-round-x', '1px');
+        this.element.style.setProperty('--scale-round-y', '1px');
     }
     activatePageNumber(pageNumber) {
         const page = this.getPageByNumber(pageNumber);

package/dist/es2015/annotations/annotation-editor-ui-manager.js

@@ -869,7 +869,7 @@ export class AnnotationEditorUIManager {
             case AnnotationEditorParamsType.CREATE:
                 this.currentLayer.addNewEditor();
                 return;
-            case AnnotationEditorParamsType.HIGHLIGHT_DEFAULT_COLOR:
+            case AnnotationEditorParamsType.HIGHLIGHT_COLOR:
                 // this.#mainHighlightColorPicker?.updateColor(value);
                 break;
             case AnnotationEditorParamsType.HIGHLIGHT_SHOW_ALL:

package/dist/es2015/annotations/annotation-layer.js

@@ -1917,9 +1917,7 @@ class PopupElement {
         const popup = (__classPrivateFieldSet(this, _PopupElement_popup, document.createElement("div"), "f"));
         popup.className = "popup";
         if (__classPrivateFieldGet(this, _PopupElement_color, "f")) {
-            const baseColor = (popup.style.outlineColor = Util.makeHexColor(
-            // @ts-expect-error TS(2556):
-            ...__classPrivateFieldGet(this, _PopupElement_color, "f")));
+            const baseColor = (popup.style.outlineColor = Util.makeHexColor(...__classPrivateFieldGet(this, _PopupElement_color, "f")));
             if (
             // (typeof PDFJSDev !== "undefined" && PDFJSDev.test("MOZCENTRAL")) ||
             CSS.supports("background-color", "color-mix(in srgb, red 30%, white)")) {
@@ -1931,9 +1929,7 @@ class PopupElement {
                 // TODO: Use color-mix when it's supported everywhere.
                 // Enlighten the color.
                 const BACKGROUND_ENLIGHT = 0.7;
-                popup.style.backgroundColor = Util.makeHexColor(
-                // @ts-expect-error TS(2556):
-                ...__classPrivateFieldGet(this, _PopupElement_color, "f").map(c => Math.floor(BACKGROUND_ENLIGHT * (255 - c) + c)));
+                popup.style.backgroundColor = Util.makeHexColor(...__classPrivateFieldGet(this, _PopupElement_color, "f").map(c => Math.floor(BACKGROUND_ENLIGHT * (255 - c) + c)));
             }
         }
         const header = document.createElement("span");
@@ -1954,7 +1950,6 @@ class PopupElement {
         }
         const html = __classPrivateFieldGet(this, _PopupElement_instances, "a", _PopupElement_html_get);
         if (html) {
-            // @ts-expect-error TS(2556):
             XfaLayer.render({
                 xfaHtml: html,
                 intent: "richText",

package/dist/es2015/annotations/editors/free-text-editor.js

@@ -530,7 +530,6 @@ class FreeTextEditor extends AnnotationEditor {
         }
         const editor = super.deserialize(data, parent, uiManager);
         __classPrivateFieldSet(editor, _FreeTextEditor_fontSize, data.fontSize, "f");
-        // @ts-expect-error TS(2556):
         __classPrivateFieldSet(editor, _FreeTextEditor_color, Util.makeHexColor(...data.color), "f");
         __classPrivateFieldSet(editor, _FreeTextEditor_content, __classPrivateFieldGet(_a, _a, "m", _FreeTextEditor_deserializeContent).call(_a, data.value), "f");
         editor.annotationElementId = data.id || null;

package/dist/es2015/annotations/editors/highlight-editor.js

@@ -126,7 +126,7 @@ class HighlightEditor extends AnnotationEditor {
     /** @inheritdoc */
     static updateDefaultParams(type, value) {
         switch (type) {
-            case AnnotationEditorParamsType.HIGHLIGHT_DEFAULT_COLOR:
+            case AnnotationEditorParamsType.HIGHLIGHT_COLOR:
                 _a._defaultColor = value;
                 break;
             case AnnotationEditorParamsType.HIGHLIGHT_THICKNESS:
@@ -157,7 +157,7 @@ class HighlightEditor extends AnnotationEditor {
     static get defaultPropertiesToUpdate() {
         return [
             [
-                AnnotationEditorParamsType.HIGHLIGHT_DEFAULT_COLOR,
+                AnnotationEditorParamsType.HIGHLIGHT_COLOR,
                 _a._defaultColor
             ],
             [
@@ -404,7 +404,6 @@ class HighlightEditor extends AnnotationEditor {
     static deserialize(data, parent, uiManager) {
         const editor = super.deserialize(data, parent, uiManager);
         const { rect: [blX, blY, trX, trY], color, quadPoints } = data;
-        // @ts-expect-error TS()
         editor.color = Util.makeHexColor(...color);
         __classPrivateFieldSet(editor, _HighlightEditor_opacity, data.opacity, "f");
         const [pageWidth, pageHeight] = editor.pageDimensions;

package/dist/es2015/annotations/editors/outliner.js

@@ -721,9 +721,8 @@ _FreeHighlightOutline_box = new WeakMap(), _FreeHighlightOutline_bbox = new Weak
             }
         }
         else {
-            const bbox = Util.bezierBoundingBox(lastX, lastY, 
-            // @ts-expect-error(TS:2556)
-            ...outline.slice(i, i + 6));
+            // pdfjs-dist legacy types declare bezierBoundingBox as void/9-arg but it returns the bbox array at runtime
+            const bbox = Util.bezierBoundingBox(lastX, lastY, ...outline.slice(i, i + 6));
             minX = Math.min(minX, bbox[0]);
             minY = Math.min(minY, bbox[1]);
             maxX = Math.max(maxX, bbox[2]);

package/dist/es2015/annotations.js

@@ -1,4 +1,4 @@
-import { createElement, scrollToPage } from './utils';
+import { createElement, scrollToPage } from './common/dom';
 class Annotation {
     constructor(container, viewport, annotation, pdfDoc, zoom, rootElement) {
         this.container = container;

package/dist/es2015/common/component.js

@@ -1,6 +1,7 @@
 import { extend, deepExtend, isFunction } from "./core";
 export class Component {
     constructor(element, options) {
+        this.__isComponent = true;
         this.options = {
             events: {}
         };

package/dist/es2015/common/core.js

@@ -1,4 +1,3 @@
-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);
@@ -18,7 +17,7 @@ export const deepExtend = (target, ...sources) => {
             if (key === '__proto__' || key === 'constructor') {
                 continue;
             }
-            if (source[key] instanceof Component) {
+            if (source[key] && source[key].__isComponent) {
                 target[key] = source[key];
             }
             else if (isHtmlElement(source[key])) {

package/dist/es2015/common/dom.js

@@ -9,3 +9,29 @@ export const hasClass = (className, element) => {
         return element.classList.contains(className);
     }
 };
+export const createElement = function (name, className, styles) {
+    const element = document.createElement(name);
+    if (className) {
+        element.className = className;
+    }
+    Object.keys(styles).forEach((key) => (element.style[key] = styles[key]));
+    return element;
+};
+/**
+ * Scrolls the PDFViewer document to the passed page number.
+ *
+ * @param rootElement The root HTML element of the PDFViewer component.
+ * @param pageNumber The page number.
+ */
+export const scrollToPage = (rootElement, pageNumber) => {
+    const pages = rootElement.querySelectorAll('.k-page');
+    const page = pages[0];
+    if (page instanceof HTMLDivElement) {
+        const top = (page.offsetHeight + page.offsetTop) *
+            Math.max(0, Math.min(pageNumber, pages.length - 1));
+        const scrollElement = page.closest('.k-pdf-viewer-canvas');
+        if (scrollElement) {
+            scrollElement.scrollTo({ top, behavior: 'auto' });
+        }
+    }
+};

package/dist/es2015/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/es2015/utils.js

@@ -2,6 +2,8 @@ import { saveAs } from '@progress/kendo-file-saver';
 import { detectDesktopBrowser, detectMobileOS } from '@progress/kendo-common';
 import { getDocument, TextLayer } from "pdfjs-dist/legacy/build/pdf.mjs";
 import { LinkAnnotation } from './annotations';
+import { createElement, scrollToPage } from './common/dom';
+export { createElement, scrollToPage };
 const MAX_CANVAS_WIDTH_HEIGHT_CHROME = 65535;
 const MAX_CANVAS_AREA_CHROME_SAFARI = 268435456;
 const MAX_CANVAS_WIDTH_HEIGHT_FIREFOX = 32767;
@@ -217,7 +219,7 @@ const createEmptyPage = (page, zoom, pdfDoc, rootElement) => {
 };
 const renderCanvas = (page, done, error) => {
     const { canvasContext, viewport, scaleNum, canvas, pageElement } = createCanvas(page);
-    page.render({ canvasContext, viewport })
+    page.render({ canvasContext, viewport, canvas })
         .promise.then(() => {
         const printContent = new Image(Math.floor((viewport.width / scaleNum)), Math.floor((viewport.height / scaleNum)));
         printContent.src = canvas.toDataURL();
@@ -230,14 +232,6 @@ const renderCanvas = (page, done, error) => {
         .catch(error);
     return viewport;
 };
-export const createElement = function (name, className, styles) {
-    const element = document.createElement(name);
-    if (className) {
-        element.className = className;
-    }
-    Object.keys(styles).forEach((key) => (element.style[key] = styles[key]));
-    return element;
-};
 export const transforms = {
     '0': '',
     '90': 'rotate(90deg) translateY(-100%)',
@@ -245,9 +239,9 @@ export const transforms = {
     '270': 'rotate(270deg) translateX(-100%)'
 };
 export const renderPage = (page, emptyPage, error) => {
-    const { canvasContext, viewport, pageElement, styles, zoom, pdfDoc, rootElement } = emptyPage;
+    const { canvasContext, viewport, pageElement, styles, zoom, pdfDoc, rootElement, canvas } = emptyPage;
     page._pageInfo.renderInProgress = true;
-    page.render({ canvasContext, viewport })
+    page.render({ canvasContext, viewport, canvas })
         .promise.then(() => {
         page.getTextContent().then((textContent) => {
             const textLayer = createElement('div', 'k-text-layer', styles);
@@ -364,24 +358,6 @@ export const calculateZoomLevel = (zoomLevel, zoomLevelType, currentZoom, dom) =
     }
     return calculatedZoomLevel;
 };
-/**
- * Scrolls the PDFViewer document to the passed page number.
- *
- * @param rootElement The root HTML element of the PDFViewer component.
- * @param pageNumber The page number.
- */
-export const scrollToPage = (rootElement, pageNumber) => {
-    const pages = rootElement.querySelectorAll('.k-page');
-    const page = pages[0];
-    if (page instanceof HTMLDivElement) {
-        const top = (page.offsetHeight + page.offsetTop) *
-            Math.max(0, Math.min(pageNumber, pages.length - 1));
-        const scrollElement = page.closest('.k-pdf-viewer-canvas');
-        if (scrollElement) {
-            scrollElement.scrollTo({ top, behavior: 'auto' });
-        }
-    }
-};
 /**
  * A function which gives you the page number of the document according to the scroll position.
  *

package/dist/es2015/widget/page.js

@@ -572,6 +572,7 @@ export class Page extends Component {
                 canvasContext: canvasContext,
                 // transform,
                 viewport,
+                canvas,
                 annotationMode: __classPrivateFieldGet(this, _Page_annotationMode, "f"),
                 // optionalContentConfigPromise: this._optionalContentConfigPromise,
                 annotationCanvasMap: this._annotationCanvasMap,

package/dist/es2015/widget/pdfviewer.js

@@ -1339,6 +1339,9 @@ export class PdfViewer extends Component {
     }
     setScaleFactor(scaleFactor) {
         this.element.style.setProperty('--scale-factor', String(scaleFactor * PixelsPerInch.PDF_TO_CSS_UNITS));
+        this.element.style.setProperty('--total-scale-factor', String(scaleFactor * PixelsPerInch.PDF_TO_CSS_UNITS));
+        this.element.style.setProperty('--scale-round-x', '1px');
+        this.element.style.setProperty('--scale-round-y', '1px');
     }
     activatePageNumber(pageNumber) {
         const page = this.getPageByNumber(pageNumber);

package/dist/npm/annotations/annotation-editor-ui-manager.js

@@ -872,7 +872,7 @@ class AnnotationEditorUIManager {
             case pdf_mjs_1.AnnotationEditorParamsType.CREATE:
                 this.currentLayer.addNewEditor();
                 return;
-            case pdf_mjs_1.AnnotationEditorParamsType.HIGHLIGHT_DEFAULT_COLOR:
+            case pdf_mjs_1.AnnotationEditorParamsType.HIGHLIGHT_COLOR:
                 // this.#mainHighlightColorPicker?.updateColor(value);
                 break;
             case pdf_mjs_1.AnnotationEditorParamsType.HIGHLIGHT_SHOW_ALL:

package/dist/npm/annotations/annotation-layer.js

@@ -1920,9 +1920,7 @@ class PopupElement {
         const popup = (tslib_1.__classPrivateFieldSet(this, _PopupElement_popup, document.createElement("div"), "f"));
         popup.className = "popup";
         if (tslib_1.__classPrivateFieldGet(this, _PopupElement_color, "f")) {
-            const baseColor = (popup.style.outlineColor = pdf_mjs_1.Util.makeHexColor(
-            // @ts-expect-error TS(2556):
-            ...tslib_1.__classPrivateFieldGet(this, _PopupElement_color, "f")));
+            const baseColor = (popup.style.outlineColor = pdf_mjs_1.Util.makeHexColor(...tslib_1.__classPrivateFieldGet(this, _PopupElement_color, "f")));
             if (
             // (typeof PDFJSDev !== "undefined" && PDFJSDev.test("MOZCENTRAL")) ||
             CSS.supports("background-color", "color-mix(in srgb, red 30%, white)")) {
@@ -1934,9 +1932,7 @@ class PopupElement {
                 // TODO: Use color-mix when it's supported everywhere.
                 // Enlighten the color.
                 const BACKGROUND_ENLIGHT = 0.7;
-                popup.style.backgroundColor = pdf_mjs_1.Util.makeHexColor(
-                // @ts-expect-error TS(2556):
-                ...tslib_1.__classPrivateFieldGet(this, _PopupElement_color, "f").map(c => Math.floor(BACKGROUND_ENLIGHT * (255 - c) + c)));
+                popup.style.backgroundColor = pdf_mjs_1.Util.makeHexColor(...tslib_1.__classPrivateFieldGet(this, _PopupElement_color, "f").map(c => Math.floor(BACKGROUND_ENLIGHT * (255 - c) + c)));
             }
         }
         const header = document.createElement("span");
@@ -1957,7 +1953,6 @@ class PopupElement {
         }
         const html = tslib_1.__classPrivateFieldGet(this, _PopupElement_instances, "a", _PopupElement_html_get);
         if (html) {
-            // @ts-expect-error TS(2556):
             pdf_mjs_1.XfaLayer.render({
                 xfaHtml: html,
                 intent: "richText",

package/dist/npm/annotations/editors/free-text-editor.js

@@ -533,7 +533,6 @@ class FreeTextEditor extends annotation_editor_1.AnnotationEditor {
         }
         const editor = super.deserialize(data, parent, uiManager);
         tslib_1.__classPrivateFieldSet(editor, _FreeTextEditor_fontSize, data.fontSize, "f");
-        // @ts-expect-error TS(2556):
         tslib_1.__classPrivateFieldSet(editor, _FreeTextEditor_color, pdf_mjs_1.Util.makeHexColor(...data.color), "f");
         tslib_1.__classPrivateFieldSet(editor, _FreeTextEditor_content, tslib_1.__classPrivateFieldGet(_a, _a, "m", _FreeTextEditor_deserializeContent).call(_a, data.value), "f");
         editor.annotationElementId = data.id || null;

package/dist/npm/annotations/editors/highlight-editor.js

@@ -126,7 +126,7 @@ class HighlightEditor extends annotation_editor_1.AnnotationEditor {
     /** @inheritdoc */
     static updateDefaultParams(type, value) {
         switch (type) {
-            case pdf_mjs_1.AnnotationEditorParamsType.HIGHLIGHT_DEFAULT_COLOR:
+            case pdf_mjs_1.AnnotationEditorParamsType.HIGHLIGHT_COLOR:
                 _a._defaultColor = value;
                 break;
             case pdf_mjs_1.AnnotationEditorParamsType.HIGHLIGHT_THICKNESS:
@@ -157,7 +157,7 @@ class HighlightEditor extends annotation_editor_1.AnnotationEditor {
     static get defaultPropertiesToUpdate() {
         return [
             [
-                pdf_mjs_1.AnnotationEditorParamsType.HIGHLIGHT_DEFAULT_COLOR,
+                pdf_mjs_1.AnnotationEditorParamsType.HIGHLIGHT_COLOR,
                 _a._defaultColor
             ],
             [
@@ -404,7 +404,6 @@ class HighlightEditor extends annotation_editor_1.AnnotationEditor {
     static deserialize(data, parent, uiManager) {
         const editor = super.deserialize(data, parent, uiManager);
         const { rect: [blX, blY, trX, trY], color, quadPoints } = data;
-        // @ts-expect-error TS()
         editor.color = pdf_mjs_1.Util.makeHexColor(...color);
         tslib_1.__classPrivateFieldSet(editor, _HighlightEditor_opacity, data.opacity, "f");
         const [pageWidth, pageHeight] = editor.pageDimensions;

package/dist/npm/annotations/editors/outliner.js

@@ -726,9 +726,8 @@ _FreeHighlightOutline_box = new WeakMap(), _FreeHighlightOutline_bbox = new Weak
             }
         }
         else {
-            const bbox = pdf_mjs_1.Util.bezierBoundingBox(lastX, lastY, 
-            // @ts-expect-error(TS:2556)
-            ...outline.slice(i, i + 6));
+            // pdfjs-dist legacy types declare bezierBoundingBox as void/9-arg but it returns the bbox array at runtime
+            const bbox = pdf_mjs_1.Util.bezierBoundingBox(lastX, lastY, ...outline.slice(i, i + 6));
             minX = Math.min(minX, bbox[0]);
             minY = Math.min(minY, bbox[1]);
             maxX = Math.max(maxX, bbox[2]);

package/dist/npm/annotations.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkAnnotation = void 0;
-const utils_1 = require("./utils");
+const dom_1 = require("./common/dom");
 class Annotation {
     constructor(container, viewport, annotation, pdfDoc, zoom, rootElement) {
         this.container = container;
@@ -43,7 +43,7 @@ class LinkAnnotation extends Annotation {
         });
     }
     goToPage(pageNumber) {
-        (0, utils_1.scrollToPage)(this.rootElement, pageNumber);
+        (0, dom_1.scrollToPage)(this.rootElement, pageNumber);
     }
     renderAnnotation() {
         const annotation = this.annotation, viewport = this.viewport, rect = annotation.rect, boundingRect = [
@@ -52,12 +52,12 @@ class LinkAnnotation extends Annotation {
         ], 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 = (0, utils_1.createElement)('span', '', {
+        const annotationElement = (0, dom_1.createElement)('span', '', {
             position: 'absolute',
             left: left + 'pt',
             top: top + 'pt'
         });
-        const linkElement = this.linkElement = (0, utils_1.createElement)('a', '', {
+        const linkElement = this.linkElement = (0, dom_1.createElement)('a', '', {
             width: width + 'pt',
             height: height + 'pt',
             display: 'inline-block',

package/dist/npm/common/component.d.ts

@@ -1,4 +1,5 @@
 export declare class Component {
+    readonly __isComponent = true;
     element: HTMLElement | null;
     options: any;
     constructor(element: any, options: any);

package/dist/npm/common/component.js

@@ -4,6 +4,7 @@ exports.Component = void 0;
 const core_1 = require("./core");
 class Component {
     constructor(element, options) {
+        this.__isComponent = true;
         this.options = {
             events: {}
         };

package/dist/npm/common/core.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createPromise = exports.mousewheelDelta = exports.toClassSelector = exports.toPixel = exports.convertToHtml = exports.noop = exports.hasValue = exports.isNotNull = exports.isDefined = exports.toArray = exports.isString = exports.isFunction = exports.deepExtend = exports.isDotNetObject = exports.isDomElement = exports.isHtmlElement = exports.isObject = exports.extend = void 0;
-const component_1 = require("./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
 const extend = (...args) => Object.assign(...args);
 exports.extend = extend;
@@ -26,7 +25,7 @@ const deepExtend = (target, ...sources) => {
             if (key === '__proto__' || key === 'constructor') {
                 continue;
             }
-            if (source[key] instanceof component_1.Component) {
+            if (source[key] && source[key].__isComponent) {
                 target[key] = source[key];
             }
             else if ((0, exports.isHtmlElement)(source[key])) {

package/dist/npm/common/dom.d.ts

@@ -1,3 +1,13 @@
 export declare const addClass: (className: any, element: any) => void;
 export declare const removeClass: (className: any, element: any) => void;
 export declare const hasClass: (className: any, element: any) => boolean;
+export declare const createElement: <T>(name: string, className: string, styles: {
+    [key: string]: string;
+}) => T;
+/**
+ * Scrolls the PDFViewer document to the passed page number.
+ *
+ * @param rootElement The root HTML element of the PDFViewer component.
+ * @param pageNumber The page number.
+ */
+export declare const scrollToPage: (rootElement: HTMLElement, pageNumber: number) => void;

package/dist/npm/common/dom.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.hasClass = exports.removeClass = exports.addClass = void 0;
+exports.scrollToPage = exports.createElement = exports.hasClass = exports.removeClass = exports.addClass = void 0;
 const addClass = (className, element) => {
     element.classList.add(className);
 };
@@ -15,3 +15,31 @@ const hasClass = (className, element) => {
     }
 };
 exports.hasClass = hasClass;
+const createElement = function (name, className, styles) {
+    const element = document.createElement(name);
+    if (className) {
+        element.className = className;
+    }
+    Object.keys(styles).forEach((key) => (element.style[key] = styles[key]));
+    return element;
+};
+exports.createElement = createElement;
+/**
+ * Scrolls the PDFViewer document to the passed page number.
+ *
+ * @param rootElement The root HTML element of the PDFViewer component.
+ * @param pageNumber The page number.
+ */
+const scrollToPage = (rootElement, pageNumber) => {
+    const pages = rootElement.querySelectorAll('.k-page');
+    const page = pages[0];
+    if (page instanceof HTMLDivElement) {
+        const top = (page.offsetHeight + page.offsetTop) *
+            Math.max(0, Math.min(pageNumber, pages.length - 1));
+        const scrollElement = page.closest('.k-pdf-viewer-canvas');
+        if (scrollElement) {
+            scrollElement.scrollTo({ top, behavior: 'auto' });
+        }
+    }
+};
+exports.scrollToPage = scrollToPage;

package/dist/npm/main.d.ts

@@ -3,5 +3,5 @@ export * from './search';
 export * from './utils';
 export * from './widget/pdfviewer';
 export * from './enums/PdfViewerInteractionMode';
-export { PDFDocumentProxy } from 'pdfjs-dist';
-export { TypedArray } from 'pdfjs-dist/types/src/display/api';
+export type { TypedArray } from "./types";
+export type { PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api';

package/dist/npm/types/index.d.ts

@@ -0,0 +1 @@
+export type TypedArray = Int8Array | Uint8Array | Uint8ClampedArray | Int16Array | Uint16Array | Int32Array | Uint32Array | Float32Array | Float64Array;

package/dist/npm/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/utils.d.ts

@@ -1,6 +1,8 @@
 import { SaveOptions } from '@progress/kendo-file-saver';
 import { PDFPageProxy, PDFDocumentProxy } from "pdfjs-dist/legacy/build/pdf.mjs";
 import { TypedArray } from "pdfjs-dist/types/src/display/api";
+import { createElement, scrollToPage } from './common/dom';
+export { createElement, scrollToPage };
 /**
  * @hidden
  */
@@ -75,9 +77,6 @@ export declare const reloadDocument: (params: PDFReloadParameters) => void;
  * @hidden
  */
 export declare const print: (pages: PDFPageProxy[], done: () => void, error: ErrorFn) => void;
-export declare const createElement: <T>(name: string, className: string, styles: {
-    [key: string]: string;
-}) => T;
 export declare const transforms: {
     [rotation: string]: string;
 };
@@ -94,13 +93,6 @@ export declare const goToPreviousSearchMatch: (ref: any) => void;
  * @hidden
  */
 export declare const calculateZoomLevel: (zoomLevel: number, zoomLevelType: string, currentZoom: number, dom: HTMLDivElement) => number;
-/**
- * Scrolls the PDFViewer document to the passed page number.
- *
- * @param rootElement The root HTML element of the PDFViewer component.
- * @param pageNumber The page number.
- */
-export declare const scrollToPage: (rootElement: HTMLElement, pageNumber: number) => void;
 /**
  * A function which gives you the page number of the document according to the scroll position.
  *

package/dist/npm/utils.js

@@ -1,10 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addAdoptedStylesheet = exports.getDevicePixelRatio = exports.adjustCanvasSize = exports.currentPage = exports.scrollToPage = exports.calculateZoomLevel = exports.goToPreviousSearchMatch = exports.goToNextSearchMatch = exports.renderPage = exports.transforms = exports.createElement = exports.print = exports.reloadDocument = exports.loadPDF = exports.download = exports.removeChildren = exports.parsePdfFromBase64String = exports.scale = exports.DEFAULT_ZOOM_LEVEL = void 0;
+exports.addAdoptedStylesheet = exports.getDevicePixelRatio = exports.adjustCanvasSize = exports.currentPage = exports.calculateZoomLevel = exports.goToPreviousSearchMatch = exports.goToNextSearchMatch = exports.renderPage = exports.transforms = exports.print = exports.reloadDocument = exports.loadPDF = exports.download = exports.removeChildren = exports.parsePdfFromBase64String = exports.scale = exports.DEFAULT_ZOOM_LEVEL = exports.scrollToPage = exports.createElement = void 0;
 const kendo_file_saver_1 = require("@progress/kendo-file-saver");
 const kendo_common_1 = require("@progress/kendo-common");
 const pdf_mjs_1 = require("pdfjs-dist/legacy/build/pdf.mjs");
 const annotations_1 = require("./annotations");
+const dom_1 = require("./common/dom");
+Object.defineProperty(exports, "createElement", { enumerable: true, get: function () { return dom_1.createElement; } });
+Object.defineProperty(exports, "scrollToPage", { enumerable: true, get: function () { return dom_1.scrollToPage; } });
 const MAX_CANVAS_WIDTH_HEIGHT_CHROME = 65535;
 const MAX_CANVAS_AREA_CHROME_SAFARI = 268435456;
 const MAX_CANVAS_WIDTH_HEIGHT_FIREFOX = 32767;
@@ -163,7 +166,7 @@ const reloadDocument = (params) => {
         if (loadOnDemand) {
             const page = pdfPages[currentPageIndex];
             (0, exports.renderPage)(page, page._pageInfo.emptyPage, error);
-            (0, exports.scrollToPage)(rootElement, currentPageIndex);
+            (0, dom_1.scrollToPage)(rootElement, currentPageIndex);
         }
         done(pdfPages);
     })
@@ -227,7 +230,7 @@ const createEmptyPage = (page, zoom, pdfDoc, rootElement) => {
 };
 const renderCanvas = (page, done, error) => {
     const { canvasContext, viewport, scaleNum, canvas, pageElement } = createCanvas(page);
-    page.render({ canvasContext, viewport })
+    page.render({ canvasContext, viewport, canvas })
         .promise.then(() => {
         const printContent = new Image(Math.floor((viewport.width / scaleNum)), Math.floor((viewport.height / scaleNum)));
         printContent.src = canvas.toDataURL();
@@ -240,15 +243,6 @@ const renderCanvas = (page, done, error) => {
         .catch(error);
     return viewport;
 };
-const createElement = function (name, className, styles) {
-    const element = document.createElement(name);
-    if (className) {
-        element.className = className;
-    }
-    Object.keys(styles).forEach((key) => (element.style[key] = styles[key]));
-    return element;
-};
-exports.createElement = createElement;
 exports.transforms = {
     '0': '',
     '90': 'rotate(90deg) translateY(-100%)',
@@ -256,12 +250,12 @@ exports.transforms = {
     '270': 'rotate(270deg) translateX(-100%)'
 };
 const renderPage = (page, emptyPage, error) => {
-    const { canvasContext, viewport, pageElement, styles, zoom, pdfDoc, rootElement } = emptyPage;
+    const { canvasContext, viewport, pageElement, styles, zoom, pdfDoc, rootElement, canvas } = emptyPage;
     page._pageInfo.renderInProgress = true;
-    page.render({ canvasContext, viewport })
+    page.render({ canvasContext, viewport, canvas })
         .promise.then(() => {
         page.getTextContent().then((textContent) => {
-            const textLayer = (0, exports.createElement)('div', 'k-text-layer', styles);
+            const textLayer = (0, dom_1.createElement)('div', 'k-text-layer', styles);
             new pdf_mjs_1.TextLayer({
                 textContentSource: textContent,
                 container: textLayer,
@@ -283,7 +277,7 @@ const renderPage = (page, emptyPage, error) => {
             }).catch(error);
         });
         page.getAnnotations({ intent: 'display' }).then((annotations) => {
-            const annotationLayer = (0, exports.createElement)('div', 'k-annotations-layer', {
+            const annotationLayer = (0, dom_1.createElement)('div', 'k-annotations-layer', {
                 position: 'absolute',
                 top: '0',
                 left: '0',
@@ -379,25 +373,6 @@ const calculateZoomLevel = (zoomLevel, zoomLevelType, currentZoom, dom) => {
     return calculatedZoomLevel;
 };
 exports.calculateZoomLevel = calculateZoomLevel;
-/**
- * Scrolls the PDFViewer document to the passed page number.
- *
- * @param rootElement The root HTML element of the PDFViewer component.
- * @param pageNumber The page number.
- */
-const scrollToPage = (rootElement, pageNumber) => {
-    const pages = rootElement.querySelectorAll('.k-page');
-    const page = pages[0];
-    if (page instanceof HTMLDivElement) {
-        const top = (page.offsetHeight + page.offsetTop) *
-            Math.max(0, Math.min(pageNumber, pages.length - 1));
-        const scrollElement = page.closest('.k-pdf-viewer-canvas');
-        if (scrollElement) {
-            scrollElement.scrollTo({ top, behavior: 'auto' });
-        }
-    }
-};
-exports.scrollToPage = scrollToPage;
 /**
  * A function which gives you the page number of the document according to the scroll position.
  *
@@ -469,8 +444,8 @@ const createCanvas = (page, zoom = 1, cssClass = '') => {
         width: Math.floor(viewport.width / scaleNum) * zoom + 'pt',
         height: Math.floor(viewport.height / scaleNum) * zoom + 'pt'
     };
-    const pageElement = (0, exports.createElement)('div', cssClass, styles);
-    const canvas = (0, exports.createElement)('canvas', '', {
+    const pageElement = (0, dom_1.createElement)('div', cssClass, styles);
+    const canvas = (0, dom_1.createElement)('canvas', '', {
         width: '100%',
         height: '100%'
     });

package/dist/npm/widget/page.js

@@ -572,6 +572,7 @@ class Page extends component_1.Component {
                 canvasContext: canvasContext,
                 // transform,
                 viewport,
+                canvas,
                 annotationMode: tslib_1.__classPrivateFieldGet(this, _Page_annotationMode, "f"),
                 // optionalContentConfigPromise: this._optionalContentConfigPromise,
                 annotationCanvasMap: this._annotationCanvasMap,

package/dist/npm/widget/pdfviewer.js

@@ -1342,6 +1342,9 @@ class PdfViewer extends main_1.Component {
     }
     setScaleFactor(scaleFactor) {
         this.element.style.setProperty('--scale-factor', String(scaleFactor * pdf_mjs_1.PixelsPerInch.PDF_TO_CSS_UNITS));
+        this.element.style.setProperty('--total-scale-factor', String(scaleFactor * pdf_mjs_1.PixelsPerInch.PDF_TO_CSS_UNITS));
+        this.element.style.setProperty('--scale-round-x', '1px');
+        this.element.style.setProperty('--scale-round-y', '1px');
     }
     activatePageNumber(pageNumber) {
         const page = this.getPageByNumber(pageNumber);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-pdfviewer-common",
   "description": "Kendo UI TypeScript package exporting functions for PDFViewer component",
-  "version": "0.6.5-develop.1",
+  "version": "1.0.0-develop.1",
   "keywords": [
     "Kendo UI"
   ],
@@ -17,9 +17,9 @@
   },
   "scripts": {
     "prepare": "npx husky",
-    "test": "jest --config jest.config.js",
-    "test:ci": "jest --config jest.config.js",
-    "watch-test": "jest --watch --config jest.config.js",
+    "test": "vitest run --config vitest.config.ts",
+    "test:ci": "vitest run --config vitest.config.ts",
+    "watch-test": "vitest run --config vitest.config.ts --watch",
     "start": "cross-env NODE_OPTIONS=--openssl-legacy-provider gulp start",
     "lint": "npx eslint",
     "lint:fix": "npx eslint --fix",
@@ -28,52 +28,44 @@
   },
   "peerDependencies": {
     "@progress/kendo-draggable": "^3.1.0",
-    "@progress/kendo-file-saver": "^1.1.1"
+    "@progress/kendo-file-saver": "^1.1.2"
   },
   "dependencies": {
     "@progress/kendo-common": "1.0.2",
-    "pdfjs-dist": "4.6.82",
-    "tslib": "^2.4.1"
+    "pdfjs-dist": "5.6.205",
+    "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.26.7",
-    "@commitlint/cli": "^19.6.1",
-    "@commitlint/config-conventional": "^19.6.0",
-    "@eslint/js": "^9.18.0",
-    "@progress/kendo-common-tasks": "8.0.7-dev.24",
+    "@babel/preset-env": "^7.29.0",
+    "@commitlint/cli": "^20.4.4",
+    "@commitlint/config-conventional": "^20.4.4",
+    "@eslint/js": "^10.0.1",
+    "@progress/kendo-common-tasks": "^9.0.1",
     "@progress/kendo-draggable": "^3.1.0",
-    "@progress/kendo-file-saver": "^1.1.1",
-    "@progress/kendo-typescript-tasks": "11.3.8-dev.22",
-    "@types/jasmine": "~2.2.0",
-    "@types/jest": "^23.3.14",
-    "cross-env": "^7.0.3",
+    "@progress/kendo-file-saver": "^1.1.2",
+    "@progress/kendo-typescript-tasks": "^12.0.0",
+    "cross-env": "^10.1.0",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^9.18.0",
-    "eslint-plugin-jsdoc": "^50.6.2",
+    "eslint": "^10.0.3",
+    "eslint-plugin-jsdoc": "^62.8.0",
     "gulp": "^5.0.0",
     "husky": "^9.1.7",
-    "jest": "^29.7.0",
-    "jest-canvas-mock": "^2.5.2",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-preset-typescript": "^1.2.0",
-    "ts-jest": "^29.2.5",
-    "typescript": "~5.7.3",
-    "typescript-eslint": "^8.21.0"
-  },
-  "overrides": {
-    "lodash": "4.17.23",
-    "tmp": "0.2.4",
-    "tar": ">=7.5.10",
-    "@tootallnate/once": ">=3.0.1",
-    "minimatch": ">=10.2.3",
-    "webpack": ">=5.104.1",
-    "qs": ">=6.14.2"
+    "jsdom": "^28.0.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.54.0",
+    "vitest": "^4.1.3",
+    "vitest-canvas-mock": "^1.1.3"
   },
   "config": {
     "commitizen": {
       "path": "./node_modules/cz-conventional-changelog"
     }
   },
+  "overrides": {
+    "lodash": "^4.17.23",
+    "inquirer": "^9.2.0",
+    "uuid": "^14.0.0"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-pdfviewer-common.git"