@progress/kendo-pdfviewer-common 0.6.3-develop.2 → 0.6.3-develop.3

package/dist/es/utils.js

@@ -112,17 +112,6 @@ export const loadPDF = (options) => {
             page._pageInfo.emptyPage = emptyPage;
             return page;
         })).then((pdfPages) => {
-            // required by new PDFJS version
-            const sheet = new CSSStyleSheet();
-            sheet.replaceSync(`.hiddenCanvasElement {
-                        position: absolute;
-                        top: 0;
-                        left: 0;
-                        width: 0;
-                        height: 0;
-                        display: none;
-                    }`);
-            options.dom.ownerDocument.adoptedStyleSheets = [sheet];
             done({ pdfPages, pdfDoc, zoom });
         })
             .catch((reason) => {
@@ -485,3 +474,35 @@ const createCanvas = (page, zoom = 1, cssClass = '') => {
     };
 };
 export const getDevicePixelRatio = () => (window === null || window === void 0 ? void 0 : window.devicePixelRatio) || 1;
+/**
+ * @hidden
+ */
+export const addAdoptedStylesheet = (ownerDocument) => {
+    const cssPrefix = ".kendo-pdfviewer-common";
+    const hiddenCanvasElementStyles = `.hiddenCanvasElement {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 0;
+        height: 0;
+        display: none;
+    }`;
+    let sheetExists = false;
+    const styleSheet = new CSSStyleSheet();
+    // browsers can modify the spaces, so they are outside cssPrefix
+    styleSheet.replaceSync(cssPrefix + " { } " + hiddenCanvasElementStyles);
+    if (!ownerDocument || !ownerDocument.adoptedStyleSheets) {
+        return;
+    }
+    ownerDocument.adoptedStyleSheets.forEach((sheet) => {
+        if (sheet.cssRules.length > 0) {
+            const rule = sheet.cssRules[0];
+            if (rule instanceof CSSStyleRule && rule.selectorText.indexOf(cssPrefix) === 0) {
+                sheetExists = true;
+            }
+        }
+    });
+    if (!sheetExists) {
+        ownerDocument.adoptedStyleSheets.push(styleSheet);
+    }
+};

package/dist/es/widget/pdfviewer.js

@@ -1,7 +1,7 @@
 var _PdfViewer_instances, _PdfViewer_annotationEditorMode, _PdfViewer_switchAnnotationEditorModeTimeoutId, _PdfViewer_annotationMode, _PdfViewer_eventAbortController, _PdfViewer_onPageRenderedCallback, _PdfViewer_switchToEditAnnotationMode, _PdfViewer_scrollIntoView;
 import { __awaiter, __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { deepExtend, Component, isString, toArray, noop, hasValue, toClassSelector, addClass, removeClass, mousewheelDelta, convertToHtml, clamp, createPromise } from "../common/main";
-import { currentPage, parsePdfFromBase64String, adjustCanvasSize, createElement, scale as getScale } from "../utils";
+import { currentPage, parsePdfFromBase64String, adjustCanvasSize, createElement, scale as getScale, addAdoptedStylesheet } from "../utils";
 import { SearchService } from "../search";
 import { Scroller, throttle } from "../scroller";
 import { saveAs } from "@progress/kendo-file-saver";
@@ -247,6 +247,7 @@ export class PdfViewer extends Component {
         this.bindEvents();
         this.initLinkService();
         this.initDocumentContainer();
+        this.setHiddenCanvasStyles();
         this.loadFile(this.options.fileDescriptor || {
             data: this.options.fileData,
             page: this.options.page
@@ -575,7 +576,6 @@ export class PdfViewer extends Component {
             this.destroyPageComponents();
             return this.drawPagesFromPromisesAsync(pagesPromises)
                 .then((pdfPages) => {
-                this.setHiddenCanvasStyles();
                 this.onPagesLoad({ pdfPages, pdfDoc, zoom });
             })
                 .catch((e) => {
@@ -1084,7 +1084,6 @@ export class PdfViewer extends Component {
         this.disableDocumentScrollEventsTracking();
         this.drawPagesFromPromisesAsync(pagesPromises)
             .then((pdfPages) => {
-            this.setHiddenCanvasStyles();
             this.onPagesLoad({ pdfPages, pdfDoc });
         })
             .catch((e) => {
@@ -1097,16 +1096,7 @@ export class PdfViewer extends Component {
             return;
         }
         // required after pdf.js 4.x version
-        const sheet = new CSSStyleSheet();
-        sheet.replaceSync(`.hiddenCanvasElement {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 0;
-            height: 0;
-            display: none;
-        }`);
-        this.getPagesContainer().ownerDocument.adoptedStyleSheets = [sheet];
+        addAdoptedStylesheet(this.getPagesContainer().ownerDocument);
     }
     printFile() {
         if (!this.hasDocument()) {

package/dist/es2015/utils.js

@@ -112,17 +112,6 @@ export const loadPDF = (options) => {
             page._pageInfo.emptyPage = emptyPage;
             return page;
         })).then((pdfPages) => {
-            // required by new PDFJS version
-            const sheet = new CSSStyleSheet();
-            sheet.replaceSync(`.hiddenCanvasElement {
-                        position: absolute;
-                        top: 0;
-                        left: 0;
-                        width: 0;
-                        height: 0;
-                        display: none;
-                    }`);
-            options.dom.ownerDocument.adoptedStyleSheets = [sheet];
             done({ pdfPages, pdfDoc, zoom });
         })
             .catch((reason) => {
@@ -485,3 +474,35 @@ const createCanvas = (page, zoom = 1, cssClass = '') => {
     };
 };
 export const getDevicePixelRatio = () => (window === null || window === void 0 ? void 0 : window.devicePixelRatio) || 1;
+/**
+ * @hidden
+ */
+export const addAdoptedStylesheet = (ownerDocument) => {
+    const cssPrefix = ".kendo-pdfviewer-common";
+    const hiddenCanvasElementStyles = `.hiddenCanvasElement {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 0;
+        height: 0;
+        display: none;
+    }`;
+    let sheetExists = false;
+    const styleSheet = new CSSStyleSheet();
+    // browsers can modify the spaces, so they are outside cssPrefix
+    styleSheet.replaceSync(cssPrefix + " { } " + hiddenCanvasElementStyles);
+    if (!ownerDocument || !ownerDocument.adoptedStyleSheets) {
+        return;
+    }
+    ownerDocument.adoptedStyleSheets.forEach((sheet) => {
+        if (sheet.cssRules.length > 0) {
+            const rule = sheet.cssRules[0];
+            if (rule instanceof CSSStyleRule && rule.selectorText.indexOf(cssPrefix) === 0) {
+                sheetExists = true;
+            }
+        }
+    });
+    if (!sheetExists) {
+        ownerDocument.adoptedStyleSheets.push(styleSheet);
+    }
+};

package/dist/es2015/widget/pdfviewer.js

@@ -1,7 +1,7 @@
 var _PdfViewer_instances, _PdfViewer_annotationEditorMode, _PdfViewer_switchAnnotationEditorModeTimeoutId, _PdfViewer_annotationMode, _PdfViewer_eventAbortController, _PdfViewer_onPageRenderedCallback, _PdfViewer_switchToEditAnnotationMode, _PdfViewer_scrollIntoView;
 import { __awaiter, __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { deepExtend, Component, isString, toArray, noop, hasValue, toClassSelector, addClass, removeClass, mousewheelDelta, convertToHtml, clamp, createPromise } from "../common/main";
-import { currentPage, parsePdfFromBase64String, adjustCanvasSize, createElement, scale as getScale } from "../utils";
+import { currentPage, parsePdfFromBase64String, adjustCanvasSize, createElement, scale as getScale, addAdoptedStylesheet } from "../utils";
 import { SearchService } from "../search";
 import { Scroller, throttle } from "../scroller";
 import { saveAs } from "@progress/kendo-file-saver";
@@ -247,6 +247,7 @@ export class PdfViewer extends Component {
         this.bindEvents();
         this.initLinkService();
         this.initDocumentContainer();
+        this.setHiddenCanvasStyles();
         this.loadFile(this.options.fileDescriptor || {
             data: this.options.fileData,
             page: this.options.page
@@ -575,7 +576,6 @@ export class PdfViewer extends Component {
             this.destroyPageComponents();
             return this.drawPagesFromPromisesAsync(pagesPromises)
                 .then((pdfPages) => {
-                this.setHiddenCanvasStyles();
                 this.onPagesLoad({ pdfPages, pdfDoc, zoom });
             })
                 .catch((e) => {
@@ -1084,7 +1084,6 @@ export class PdfViewer extends Component {
         this.disableDocumentScrollEventsTracking();
         this.drawPagesFromPromisesAsync(pagesPromises)
             .then((pdfPages) => {
-            this.setHiddenCanvasStyles();
             this.onPagesLoad({ pdfPages, pdfDoc });
         })
             .catch((e) => {
@@ -1097,16 +1096,7 @@ export class PdfViewer extends Component {
             return;
         }
         // required after pdf.js 4.x version
-        const sheet = new CSSStyleSheet();
-        sheet.replaceSync(`.hiddenCanvasElement {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 0;
-            height: 0;
-            display: none;
-        }`);
-        this.getPagesContainer().ownerDocument.adoptedStyleSheets = [sheet];
+        addAdoptedStylesheet(this.getPagesContainer().ownerDocument);
     }
     printFile() {
         if (!this.hasDocument()) {

package/dist/npm/utils.d.ts

@@ -122,3 +122,7 @@ export declare const adjustCanvasSize: (targetWidth: number, targetHeight: numbe
     adjustRatio: number;
 };
 export declare const getDevicePixelRatio: () => number;
+/**
+ * @hidden
+ */
+export declare const addAdoptedStylesheet: (ownerDocument: HTMLDocument) => void;

package/dist/npm/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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.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;
 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");
@@ -119,17 +119,6 @@ const loadPDF = (options) => {
             page._pageInfo.emptyPage = emptyPage;
             return page;
         })).then((pdfPages) => {
-            // required by new PDFJS version
-            const sheet = new CSSStyleSheet();
-            sheet.replaceSync(`.hiddenCanvasElement {
-                        position: absolute;
-                        top: 0;
-                        left: 0;
-                        width: 0;
-                        height: 0;
-                        display: none;
-                    }`);
-            options.dom.ownerDocument.adoptedStyleSheets = [sheet];
             done({ pdfPages, pdfDoc, zoom });
         })
             .catch((reason) => {
@@ -504,3 +493,36 @@ const createCanvas = (page, zoom = 1, cssClass = '') => {
 };
 const getDevicePixelRatio = () => (window === null || window === void 0 ? void 0 : window.devicePixelRatio) || 1;
 exports.getDevicePixelRatio = getDevicePixelRatio;
+/**
+ * @hidden
+ */
+const addAdoptedStylesheet = (ownerDocument) => {
+    const cssPrefix = ".kendo-pdfviewer-common";
+    const hiddenCanvasElementStyles = `.hiddenCanvasElement {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 0;
+        height: 0;
+        display: none;
+    }`;
+    let sheetExists = false;
+    const styleSheet = new CSSStyleSheet();
+    // browsers can modify the spaces, so they are outside cssPrefix
+    styleSheet.replaceSync(cssPrefix + " { } " + hiddenCanvasElementStyles);
+    if (!ownerDocument || !ownerDocument.adoptedStyleSheets) {
+        return;
+    }
+    ownerDocument.adoptedStyleSheets.forEach((sheet) => {
+        if (sheet.cssRules.length > 0) {
+            const rule = sheet.cssRules[0];
+            if (rule instanceof CSSStyleRule && rule.selectorText.indexOf(cssPrefix) === 0) {
+                sheetExists = true;
+            }
+        }
+    });
+    if (!sheetExists) {
+        ownerDocument.adoptedStyleSheets.push(styleSheet);
+    }
+};
+exports.addAdoptedStylesheet = addAdoptedStylesheet;

package/dist/npm/widget/pdfviewer.js

@@ -250,6 +250,7 @@ class PdfViewer extends main_1.Component {
         this.bindEvents();
         this.initLinkService();
         this.initDocumentContainer();
+        this.setHiddenCanvasStyles();
         this.loadFile(this.options.fileDescriptor || {
             data: this.options.fileData,
             page: this.options.page
@@ -578,7 +579,6 @@ class PdfViewer extends main_1.Component {
             this.destroyPageComponents();
             return this.drawPagesFromPromisesAsync(pagesPromises)
                 .then((pdfPages) => {
-                this.setHiddenCanvasStyles();
                 this.onPagesLoad({ pdfPages, pdfDoc, zoom });
             })
                 .catch((e) => {
@@ -1087,7 +1087,6 @@ class PdfViewer extends main_1.Component {
         this.disableDocumentScrollEventsTracking();
         this.drawPagesFromPromisesAsync(pagesPromises)
             .then((pdfPages) => {
-            this.setHiddenCanvasStyles();
             this.onPagesLoad({ pdfPages, pdfDoc });
         })
             .catch((e) => {
@@ -1100,16 +1099,7 @@ class PdfViewer extends main_1.Component {
             return;
         }
         // required after pdf.js 4.x version
-        const sheet = new CSSStyleSheet();
-        sheet.replaceSync(`.hiddenCanvasElement {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 0;
-            height: 0;
-            display: none;
-        }`);
-        this.getPagesContainer().ownerDocument.adoptedStyleSheets = [sheet];
+        (0, utils_1.addAdoptedStylesheet)(this.getPagesContainer().ownerDocument);
     }
     printFile() {
         if (!this.hasDocument()) {

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.3-develop.2",
+  "version": "0.6.3-develop.3",
   "keywords": [
     "Kendo UI"
   ],