@progress/kendo-pdfviewer-common 0.3.1 → 0.3.2

package/dist/es/widget/page.js

@@ -573,8 +573,8 @@ export class Page extends Component {
                 yield __classPrivateFieldGet(this, _Page_instances, "m", _Page_finishRenderTask).call(this, renderTask);
                 // todo: awaiting this breaks text nodes positioning after zoom
                 // if "includeMarkedContent": true is set in TextLayerBuilder
-                // await this.#renderTextLayer();
-                __classPrivateFieldGet(this, _Page_instances, "m", _Page_renderTextLayer).call(this);
+                yield __classPrivateFieldGet(this, _Page_instances, "m", _Page_renderTextLayer).call(this);
+                // this.#renderTextLayer();
                 if (this.annotationLayer) {
                     yield __classPrivateFieldGet(this, _Page_instances, "m", _Page_renderAnnotationLayer).call(this);
                 }

package/dist/es/widget/pdfviewer.js

@@ -1147,18 +1147,25 @@ export class PdfViewer extends Component {
     searchText(options = { text: "", matchCase: false }) {
         var _a;
         this.initSearchService();
-        return (_a = this.searchService) === null || _a === void 0 ? void 0 : _a.search(options);
+        const matches = (_a = this.searchService) === null || _a === void 0 ? void 0 : _a.search(options);
+        return matches;
     }
     clearSearch() {
         this.destroySearchService();
     }
     initSearchService() {
+        const textLayers = Array.from(this.wrapper.querySelectorAll(toClassSelector(this.options.elementSelectors.textLayerClass)) || []);
         if (this.searchService) {
-            return;
+            // refresh text nodes as text layers have changed
+            if (textLayers.every((x, i) => x === this.searchService.options.textContainers[i])) {
+                return;
+            }
+            else {
+                this.destroySearchService();
+            }
         }
-        const pagesTextLayers = this.wrapper.querySelectorAll(toClassSelector(this.options.elementSelectors.textLayerClass));
         this.searchService = new SearchService({
-            textContainers: pagesTextLayers || [],
+            textContainers: textLayers,
             highlightClass: this.options.elementSelectors.searchHighlightClass,
             highlightMarkClass: this.options.elementSelectors.searchHighlightMarkClass,
             charClass: this.options.elementSelectors.charClass
@@ -1171,19 +1178,6 @@ export class PdfViewer extends Component {
         this.searchService.destroy();
         this.searchService = null;
     }
-    getPagesContainer() {
-        return this.element.querySelector(toClassSelector(this.options.elementSelectors.pagesContainerClass));
-    }
-    getDocumentContainer() {
-        return this.wrapper.querySelector(toClassSelector(this.options.elementSelectors.documentContainerClass));
-    }
-    getPagesElements() {
-        const documentContainer = this.getDocumentContainer();
-        if (!documentContainer) {
-            return [];
-        }
-        return toArray(documentContainer.querySelectorAll(toClassSelector(this.options.elementSelectors.pageSelector)));
-    }
     goToNextSearchMatch() {
         if (!this.searchService) {
             return;
@@ -1200,6 +1194,19 @@ export class PdfViewer extends Component {
         const matchElement = this.searchService.getActiveMatchElement();
         this.scrollToSearchMatch(matchElement);
     }
+    getPagesContainer() {
+        return this.element.querySelector(toClassSelector(this.options.elementSelectors.pagesContainerClass));
+    }
+    getDocumentContainer() {
+        return this.wrapper.querySelector(toClassSelector(this.options.elementSelectors.documentContainerClass));
+    }
+    getPagesElements() {
+        const documentContainer = this.getDocumentContainer();
+        if (!documentContainer) {
+            return [];
+        }
+        return toArray(documentContainer.querySelectorAll(toClassSelector(this.options.elementSelectors.pageSelector)));
+    }
     scrollToSearchMatch(matchElement) {
         if (!matchElement) {
             return;

package/dist/es2015/widget/page.js

@@ -573,8 +573,8 @@ export class Page extends Component {
                 yield __classPrivateFieldGet(this, _Page_instances, "m", _Page_finishRenderTask).call(this, renderTask);
                 // todo: awaiting this breaks text nodes positioning after zoom
                 // if "includeMarkedContent": true is set in TextLayerBuilder
-                // await this.#renderTextLayer();
-                __classPrivateFieldGet(this, _Page_instances, "m", _Page_renderTextLayer).call(this);
+                yield __classPrivateFieldGet(this, _Page_instances, "m", _Page_renderTextLayer).call(this);
+                // this.#renderTextLayer();
                 if (this.annotationLayer) {
                     yield __classPrivateFieldGet(this, _Page_instances, "m", _Page_renderAnnotationLayer).call(this);
                 }

package/dist/es2015/widget/pdfviewer.js

@@ -1147,18 +1147,25 @@ export class PdfViewer extends Component {
     searchText(options = { text: "", matchCase: false }) {
         var _a;
         this.initSearchService();
-        return (_a = this.searchService) === null || _a === void 0 ? void 0 : _a.search(options);
+        const matches = (_a = this.searchService) === null || _a === void 0 ? void 0 : _a.search(options);
+        return matches;
     }
     clearSearch() {
         this.destroySearchService();
     }
     initSearchService() {
+        const textLayers = Array.from(this.wrapper.querySelectorAll(toClassSelector(this.options.elementSelectors.textLayerClass)) || []);
         if (this.searchService) {
-            return;
+            // refresh text nodes as text layers have changed
+            if (textLayers.every((x, i) => x === this.searchService.options.textContainers[i])) {
+                return;
+            }
+            else {
+                this.destroySearchService();
+            }
         }
-        const pagesTextLayers = this.wrapper.querySelectorAll(toClassSelector(this.options.elementSelectors.textLayerClass));
         this.searchService = new SearchService({
-            textContainers: pagesTextLayers || [],
+            textContainers: textLayers,
             highlightClass: this.options.elementSelectors.searchHighlightClass,
             highlightMarkClass: this.options.elementSelectors.searchHighlightMarkClass,
             charClass: this.options.elementSelectors.charClass
@@ -1171,19 +1178,6 @@ export class PdfViewer extends Component {
         this.searchService.destroy();
         this.searchService = null;
     }
-    getPagesContainer() {
-        return this.element.querySelector(toClassSelector(this.options.elementSelectors.pagesContainerClass));
-    }
-    getDocumentContainer() {
-        return this.wrapper.querySelector(toClassSelector(this.options.elementSelectors.documentContainerClass));
-    }
-    getPagesElements() {
-        const documentContainer = this.getDocumentContainer();
-        if (!documentContainer) {
-            return [];
-        }
-        return toArray(documentContainer.querySelectorAll(toClassSelector(this.options.elementSelectors.pageSelector)));
-    }
     goToNextSearchMatch() {
         if (!this.searchService) {
             return;
@@ -1200,6 +1194,19 @@ export class PdfViewer extends Component {
         const matchElement = this.searchService.getActiveMatchElement();
         this.scrollToSearchMatch(matchElement);
     }
+    getPagesContainer() {
+        return this.element.querySelector(toClassSelector(this.options.elementSelectors.pagesContainerClass));
+    }
+    getDocumentContainer() {
+        return this.wrapper.querySelector(toClassSelector(this.options.elementSelectors.documentContainerClass));
+    }
+    getPagesElements() {
+        const documentContainer = this.getDocumentContainer();
+        if (!documentContainer) {
+            return [];
+        }
+        return toArray(documentContainer.querySelectorAll(toClassSelector(this.options.elementSelectors.pageSelector)));
+    }
     scrollToSearchMatch(matchElement) {
         if (!matchElement) {
             return;

package/dist/npm/widget/page.js

@@ -573,8 +573,8 @@ class Page extends component_1.Component {
                 yield tslib_1.__classPrivateFieldGet(this, _Page_instances, "m", _Page_finishRenderTask).call(this, renderTask);
                 // todo: awaiting this breaks text nodes positioning after zoom
                 // if "includeMarkedContent": true is set in TextLayerBuilder
-                // await this.#renderTextLayer();
-                tslib_1.__classPrivateFieldGet(this, _Page_instances, "m", _Page_renderTextLayer).call(this);
+                yield tslib_1.__classPrivateFieldGet(this, _Page_instances, "m", _Page_renderTextLayer).call(this);
+                // this.#renderTextLayer();
                 if (this.annotationLayer) {
                     yield tslib_1.__classPrivateFieldGet(this, _Page_instances, "m", _Page_renderAnnotationLayer).call(this);
                 }

package/dist/npm/widget/pdfviewer.d.ts

@@ -163,11 +163,11 @@ export declare class PdfViewer extends Component {
     clearSearch(): void;
     initSearchService(): void;
     destroySearchService(): void;
+    goToNextSearchMatch(): void;
+    goToPreviousSearchMatch(): void;
     getPagesContainer(): HTMLElement;
     getDocumentContainer(): HTMLDivElement;
     getPagesElements(): unknown[];
-    goToNextSearchMatch(): void;
-    goToPreviousSearchMatch(): void;
     scrollToSearchMatch(matchElement: HTMLElement): void;
     resetInteractionMode(): void;
     setInteractionMode(args: any): void;

package/dist/npm/widget/pdfviewer.js

@@ -1150,18 +1150,25 @@ class PdfViewer extends main_1.Component {
     searchText(options = { text: "", matchCase: false }) {
         var _a;
         this.initSearchService();
-        return (_a = this.searchService) === null || _a === void 0 ? void 0 : _a.search(options);
+        const matches = (_a = this.searchService) === null || _a === void 0 ? void 0 : _a.search(options);
+        return matches;
     }
     clearSearch() {
         this.destroySearchService();
     }
     initSearchService() {
+        const textLayers = Array.from(this.wrapper.querySelectorAll((0, main_1.toClassSelector)(this.options.elementSelectors.textLayerClass)) || []);
         if (this.searchService) {
-            return;
+            // refresh text nodes as text layers have changed
+            if (textLayers.every((x, i) => x === this.searchService.options.textContainers[i])) {
+                return;
+            }
+            else {
+                this.destroySearchService();
+            }
         }
-        const pagesTextLayers = this.wrapper.querySelectorAll((0, main_1.toClassSelector)(this.options.elementSelectors.textLayerClass));
         this.searchService = new search_1.SearchService({
-            textContainers: pagesTextLayers || [],
+            textContainers: textLayers,
             highlightClass: this.options.elementSelectors.searchHighlightClass,
             highlightMarkClass: this.options.elementSelectors.searchHighlightMarkClass,
             charClass: this.options.elementSelectors.charClass
@@ -1174,19 +1181,6 @@ class PdfViewer extends main_1.Component {
         this.searchService.destroy();
         this.searchService = null;
     }
-    getPagesContainer() {
-        return this.element.querySelector((0, main_1.toClassSelector)(this.options.elementSelectors.pagesContainerClass));
-    }
-    getDocumentContainer() {
-        return this.wrapper.querySelector((0, main_1.toClassSelector)(this.options.elementSelectors.documentContainerClass));
-    }
-    getPagesElements() {
-        const documentContainer = this.getDocumentContainer();
-        if (!documentContainer) {
-            return [];
-        }
-        return (0, main_1.toArray)(documentContainer.querySelectorAll((0, main_1.toClassSelector)(this.options.elementSelectors.pageSelector)));
-    }
     goToNextSearchMatch() {
         if (!this.searchService) {
             return;
@@ -1203,6 +1197,19 @@ class PdfViewer extends main_1.Component {
         const matchElement = this.searchService.getActiveMatchElement();
         this.scrollToSearchMatch(matchElement);
     }
+    getPagesContainer() {
+        return this.element.querySelector((0, main_1.toClassSelector)(this.options.elementSelectors.pagesContainerClass));
+    }
+    getDocumentContainer() {
+        return this.wrapper.querySelector((0, main_1.toClassSelector)(this.options.elementSelectors.documentContainerClass));
+    }
+    getPagesElements() {
+        const documentContainer = this.getDocumentContainer();
+        if (!documentContainer) {
+            return [];
+        }
+        return (0, main_1.toArray)(documentContainer.querySelectorAll((0, main_1.toClassSelector)(this.options.elementSelectors.pageSelector)));
+    }
     scrollToSearchMatch(matchElement) {
         if (!matchElement) {
             return;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-pdfviewer-common",
   "description": "Kendo UI TypeScript package exporting functions for PDFViewer component",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "keywords": [
     "Kendo UI"
   ],