nuxeo-development-framework 2.0.0 → 2.0.2

package/fesm2015/nuxeo-development-framework.js

@@ -18403,6 +18403,7 @@ class PdftronComponent {
         this.actionClicked = false; // used to know if there is action clicked outside to start edit mode or not
         this.DOCUMENT_TYPE = 'application/pdf';
         this.fitMode = 'FitWidth';
+        this.searchString = ''; // string to search for it in the document
         this.useOutsideAnotations = false; // flage to indicat if using out side anotations or not
         this.onAddingAnotation = new EventEmitter(); // used to export all anotations to outside
         this.events = new EventEmitter();
@@ -18410,6 +18411,55 @@ class PdftronComponent {
         this.firstTimeLoad = true; //flage to control importing signatures in the first time load only
         this.firstSignatureLoad = true; // flage to pass first load of imported signatures without emitting the event 
         this.newSignCreation = false; // flage to indicate signature creation is created or choosed from stored ones
+        this.savedAnotations = [];
+        this.fileWithOcr = false;
+        this.newAnnotations = [];
+        this.mySearchStringResults = [];
+        this.searchFn = (searchValue, options) => {
+            this.mySearchStringResults = [];
+            if (this.savedAnotations.length > 0) {
+                this.savedAnotations.map(annotation => {
+                    annotation.Hidden = true;
+                    // Always redraw annotation if rendering was updated
+                    this.webViewerInstance.annotManager.redrawAnnotation(annotation);
+                });
+            }
+            // don't do any search until there is a search pattern
+            if (searchValue.trim().length > 0) {
+                if (this.fileWithOcr) {
+                    // add redaction annotation for each search result
+                    // const annotation = new Annotations.TextHighlightAnnotation();
+                    let mySearch = searchValue.split(' ');
+                    if (mySearch.length > 1) {
+                        // then i am searching with more than one word
+                        this.pages.pages.forEach((page, index) => {
+                            this.pageHeight = page.page_height;
+                            this.pageWidth = page.page_width;
+                            this.standardHeight = this.webViewerInstance.docViewer.getPageHeight((index + 1));
+                            this.standardWidth = this.webViewerInstance.docViewer.getPageWidth((index + 1));
+                            page.zones.forEach(zone => {
+                                zone.paragraphs.forEach(paragraph => {
+                                    paragraph.lines.forEach(line => {
+                                        if (line.text.includes(searchValue)) {
+                                            this.SearchForWordInLine(mySearch, line, (index + 1), page);
+                                        }
+                                    });
+                                });
+                            });
+                        });
+                    }
+                    else {
+                        // then i am searching with only one word 
+                        this.searchForWordInAllPages(searchValue);
+                    }
+                    this.webViewerInstance.docViewer.clearSearchResults();
+                    this.dispalaySearchResults(this.webViewerInstance.docViewer);
+                }
+            }
+            else {
+                this.webViewerInstance.docViewer.clearSearchResults();
+            }
+        };
     }
     ngOnInit() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -18439,11 +18489,22 @@ class PdftronComponent {
                 forceClientSideInit: true,
                 streaming: true,
                 licenseKey: this.environment.pdftronLicenceKey,
+                css: this.isArabic ? (this.baseHref + '/assets/styles/ar-mypdftron.css') : (this.baseHref + '/assets/styles/en-mypdftron.css'),
                 annotationUser: this.nuxeo.nuxeoClient.user.properties.firstName + ' ' + this.nuxeo.nuxeoClient.user.properties.lastName,
                 disabledElements: ['downloadButton', 'printButton'],
             }, this.viewerRef.nativeElement).then((instance) => __awaiter(this, void 0, void 0, function* () {
                 this.isArabic ? instance.setLanguage('ar') : instance.setLanguage('en');
                 this.pdftronService.instance = this.webViewerInstance = instance;
+                if (this.correspondance.facets.indexOf('ctocr') > -1) {
+                    this.fileWithOcr = true;
+                    this.pages = JSON.parse(this.correspondance.properties['ctocr:recognizedJson']);
+                    // override search funtion to use our search in ocr not defult search
+                    instance.overrideSearchExecution(this.searchFn);
+                }
+                else {
+                    // if no ocr then add search lisner to lisne to internal search and catch results
+                    this.addSearchListner();
+                }
                 this.addPrintButton();
                 this.addDownloadButton();
                 this.importSignature();
@@ -18454,6 +18515,14 @@ class PdftronComponent {
                     this.importAnotationsFromOutside();
                     this.exportAnotationsToOutside();
                 }
+                this.webViewerInstance.docViewer.setSearchHighlightColors({
+                    // setSearchHighlightColors accepts both Annotations.Color objects or 'rgba' strings
+                    searchResult: new this.webViewerInstance.Annotations.Color(250, 206, 0, 0.50196),
+                    activeSearchResult: new this.webViewerInstance.Annotations.Color(250, 206, 0, 0.50196),
+                });
+                if (this.searchString.trim().length !== 0) {
+                    this.automaticSearch(this.searchString);
+                }
                 this.loadDocument();
             }));
         });
@@ -18745,6 +18814,220 @@ class PdftronComponent {
             //  this[event.action](event.params); // call it
         }
     }
+    // adding search lisner to lisen to internal search from ui and without ocr
+    addSearchListner() {
+        const { annotManager, docViewer, Annotations } = this.webViewerInstance;
+        const searchListener = (searchPattern, options, results) => {
+            this.mySearchStringResults = [];
+            if (this.savedAnotations.length > 0) {
+                this.savedAnotations.map(annotation => {
+                    annotation.Hidden = true;
+                    // Always redraw annotation if rendering was updated
+                    annotManager.redrawAnnotation(annotation);
+                });
+            }
+            // don't do any search until there is a search pattern
+            if (searchPattern.trim().length > 0) {
+                // add redaction annotation for each search result
+                this.newAnnotations = results.map(result => {
+                    const annotation = new Annotations.TextHighlightAnnotation();
+                    annotation.Quads = result.quads.map(quad => quad.getPoints());
+                    annotation.PageNumber = result.pageNum;
+                    annotation.StrokeColor = new Annotations.Color(250, 206, 0, 0.50196);
+                    annotation.Author = this.webViewerInstance.annotManager.getCurrentUser();
+                    return annotation;
+                });
+                this.savedAnotations.push(...this.newAnnotations);
+                annotManager.addAnnotations(this.newAnnotations);
+                annotManager.drawAnnotationsFromList(this.newAnnotations);
+            }
+            else {
+                docViewer.clearSearchResults();
+            }
+        };
+        docViewer.on('documentLoaded', () => {
+            this.webViewerInstance.addSearchListener(searchListener);
+        });
+    }
+    // perform automatic search when intering the page 
+    automaticSearch(searchText) {
+        const { annotManager, docViewer, Annotations } = this.webViewerInstance;
+        let searchOptions;
+        this.webViewerInstance.openElements(['searchPanel']);
+        docViewer.on('documentLoaded', () => {
+            const mode = this.webViewerInstance.CoreControls.Search.Mode.PAGE_STOP | this.webViewerInstance.CoreControls.Search.Mode.HIGHLIGHT | this.webViewerInstance.CoreControls.Search.Mode.AMBIENT_STRING;
+            this.mySearchStringResults = []; // empty my search result when starting new search
+            if (this.fileWithOcr) {
+                // add redaction annotation for each search result
+                const annotation = new Annotations.TextHighlightAnnotation();
+                let mySearch = searchText.split(' ');
+                if (mySearch.length > 1) {
+                    // then i am searching with more than one word
+                    this.pages.pages.forEach((page, index) => {
+                        this.pageHeight = page.page_height;
+                        this.pageWidth = page.page_width;
+                        this.standardHeight = this.webViewerInstance.docViewer.getPageHeight((index + 1));
+                        this.standardWidth = this.webViewerInstance.docViewer.getPageWidth((index + 1));
+                        page.zones.forEach(zone => {
+                            zone.paragraphs.forEach(paragraph => {
+                                paragraph.lines.forEach(line => {
+                                    if (line.text.includes(searchText)) {
+                                        this.SearchForWordInLine(mySearch, line, (index + 1), page);
+                                    }
+                                });
+                            });
+                        });
+                    });
+                }
+                else {
+                    // then i am searching with only one word 
+                    this.searchForWordInAllPages(searchText);
+                }
+                docViewer.clearSearchResults();
+                this.dispalaySearchResults(docViewer);
+            }
+            else {
+                searchOptions = {
+                    // If true, a search of the entire document will be performed. Otherwise, a single search will be performed.
+                    fullSearch: true,
+                    // The callback function that is called when the search returns a result.
+                    onResult: result => {
+                        // with 'PAGE_STOP' mode, the callback is invoked after each page has been searched.
+                        if (result.resultCode === this.webViewerInstance.CoreControls.Search.ResultCode.FOUND) {
+                            const annotation = new Annotations.TextHighlightAnnotation();
+                            annotation.Quads = result.quads.map(quad => quad.getPoints());
+                            console.log(annotation.Quads);
+                            annotation.PageNumber = result.pageNum;
+                            annotation.StrokeColor = new Annotations.Color(250, 206, 0, 0.50196);
+                            annotation.Author = this.webViewerInstance.annotManager.getCurrentUser();
+                            this.savedAnotations.push(annotation);
+                            annotManager.addAnnotations([annotation]);
+                            annotManager.drawAnnotationsFromList([annotation]);
+                            docViewer.displayAdditionalSearchResults([result]);
+                        }
+                    }
+                };
+                docViewer.textSearchInit(searchText, mode, searchOptions);
+            }
+        });
+    }
+    // search for single word in all pages 
+    searchForWordInAllPages(searchedWord) {
+        this.pages.pages.forEach((page, index) => {
+            this.pageHeight = page.page_height;
+            this.pageWidth = page.page_width;
+            this.standardHeight = this.webViewerInstance.docViewer.getPageHeight((index + 1));
+            this.standardWidth = this.webViewerInstance.docViewer.getPageWidth((index + 1));
+            const x = (this.pageWidth / this.standardWidth); // width ratio
+            const y = (this.pageHeight / this.standardHeight); // height ratio
+            page.zones.forEach(zone => {
+                zone.paragraphs.forEach(paragraph => {
+                    paragraph.lines.forEach(line => {
+                        line.words.forEach(word => {
+                            if (word.text.includes(searchedWord)) {
+                                // annotation.PageNumber = index+1;
+                                let quads = [{
+                                        x1: (word.coordinates.upper_left.x / x),
+                                        x2: (word.coordinates.bottom_right.x / x),
+                                        x3: (word.coordinates.bottom_right.x / x),
+                                        x4: (word.coordinates.upper_left.x / x),
+                                        y1: (word.coordinates.upper_left.y / y),
+                                        y2: (word.coordinates.upper_left.y / y),
+                                        y3: (word.coordinates.bottom_right.y / y),
+                                        y4: (word.coordinates.bottom_right.y / y),
+                                    }];
+                                this.higlightText(quads, index + 1);
+                                this.constructSearchResult(searchedWord, index + 1, quads, line.text);
+                            }
+                        });
+                    });
+                });
+            });
+        });
+    }
+    // search for word in single line 
+    SearchForWordInLine(listOfSearchedWords, line, pagenumber, page) {
+        this.pageHeight = page.page_height;
+        this.pageWidth = page.page_width;
+        this.standardHeight = this.webViewerInstance.docViewer.getPageHeight((pagenumber));
+        this.standardWidth = this.webViewerInstance.docViewer.getPageWidth((pagenumber));
+        const x = (this.pageWidth / this.standardWidth); // width ratio
+        const y = (this.pageHeight / this.standardHeight); // height ratio
+        // find only words related to my search form the line
+        let myFoundedResults = [];
+        let correctResults = [];
+        line.words.forEach((word, wordIndex) => {
+            if (listOfSearchedWords.indexOf(word.text) > -1) {
+                myFoundedResults.push({ word: word, wordIndex: wordIndex });
+            }
+        });
+        // find only words exist in my search sentence and not single and repeated word
+        myFoundedResults.map((result, index) => {
+            if ((myFoundedResults[index]['wordIndex'] - 1 === (myFoundedResults[index - 1] && myFoundedResults[index - 1]['wordIndex'])) ||
+                (myFoundedResults[index + 1] && (myFoundedResults[index + 1]['wordIndex'] - 1 === myFoundedResults[index]['wordIndex']))) {
+                correctResults.push(result);
+            }
+        });
+        // highliht these words after eleminating all repeated and related words
+        // must be for loop sp i can control the step in each loop
+        let quads = [];
+        for (let i = 0; i < correctResults.length; (i = i + listOfSearchedWords.length)) {
+            quads.push({
+                x1: (correctResults[((i + listOfSearchedWords.length) - 1)].word.coordinates.upper_left.x / x),
+                x2: (correctResults[i].word.coordinates.bottom_right.x / x),
+                x3: (correctResults[i].word.coordinates.bottom_right.x / x),
+                x4: (correctResults[((i + listOfSearchedWords.length) - 1)].word.coordinates.upper_left.x / x),
+                y1: (correctResults[i].word.coordinates.upper_left.y / y),
+                y2: (correctResults[((i + listOfSearchedWords.length) - 1)].word.coordinates.upper_left.y / y),
+                y3: (correctResults[((i + listOfSearchedWords.length) - 1)].word.coordinates.bottom_right.y / y),
+                y4: (correctResults[i].word.coordinates.bottom_right.y / y),
+            });
+            this.higlightText(quads, pagenumber);
+            this.constructSearchResult(listOfSearchedWords.join(" "), pagenumber, quads, line.text);
+        }
+    }
+    constructSearchResult(searchedText, pageNum, quads, line) {
+        let mySearchStartTextIndex = line.indexOf(searchedText);
+        let mySeearchedTextEndIndex = mySearchStartTextIndex + searchedText.length;
+        let searchResultObject = {
+            ambientStr: line,
+            resultStr: searchedText,
+            resultStrStart: mySearchStartTextIndex,
+            resultStrEnd: mySeearchedTextEndIndex,
+            pageNum: pageNum,
+            resultCode: 2,
+            quads: [{
+                    ea: quads[0]['y3'],
+                    fa: quads[0]['y4'],
+                    ha: quads[0]['x1'],
+                    ia: quads[0]['x2'],
+                    pB: quads[0]['x3'],
+                    qB: quads[0]['x4'],
+                    rB: quads[0]['y1'],
+                    sB: quads[0]['y2']
+                }]
+        };
+        this.mySearchStringResults.push(searchResultObject);
+        console.log(this.mySearchStringResults);
+    }
+    dispalaySearchResults(docViewer) {
+        setTimeout(() => {
+            docViewer.displayAdditionalSearchResults(this.mySearchStringResults);
+        }, 500);
+    }
+    // draw hiligthing around certain charatacters
+    higlightText(quads, pageNumber) {
+        const highlightingAnnot = new this.webViewerInstance.Annotations.TextHighlightAnnotation();
+        highlightingAnnot.StrokeColor = new this.webViewerInstance.Annotations.Color(250, 206, 0, 0.50196);
+        highlightingAnnot.Quads = quads;
+        highlightingAnnot.PageNumber = pageNumber;
+        highlightingAnnot.Author = this.webViewerInstance.annotManager.getCurrentUser();
+        this.savedAnotations.push(highlightingAnnot);
+        this.webViewerInstance.annotManager.addAnnotation(highlightingAnnot);
+        // need to draw the annotation otherwise it won't show up until the page is refreshed
+        this.webViewerInstance.annotManager.redrawAnnotation(highlightingAnnot);
+    }
+    // ------------------------------------------------------------------------ ------------------------------------------
     ngOnDestroy() {
         if (this.webViewerInstance) {
             this.webViewerInstance.closeDocument().then(() => {
@@ -18756,7 +19039,7 @@ class PdftronComponent {
     }
 }
 PdftronComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PdftronComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: PdftronService }, { token: NuxeoService$1 }, { token: APP_BASE_HREF }, { token: SecurePipe }, { token: TranslationService$1 }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Component });
-PdftronComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: PdftronComponent, selector: "app-pdftron", inputs: { editMode: "editMode", actionClicked: "actionClicked", fileTitle: "fileTitle", docId: "docId", DOCUMENT_TYPE: "DOCUMENT_TYPE", fileData: "fileData", fitMode: "fitMode", authHeader: "authHeader", fileURL: "fileURL", correspondance: "correspondance", secrecyProperty: "secrecyProperty", editingType: "editingType", userSignatures: "userSignatures", useOutsideAnotations: "useOutsideAnotations", importedAnotations: "importedAnotations" }, outputs: { onAddingAnotation: "onAddingAnotation", events: "events", SignatureEvent: "SignatureEvent" }, providers: [SecurePipe], viewQueries: [{ propertyName: "viewerRef", first: true, predicate: ["fileViewer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #fileViewer style=\"width: 100%; height: 100%;\"></div>\r\n", styles: [""] });
+PdftronComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: PdftronComponent, selector: "app-pdftron", inputs: { editMode: "editMode", actionClicked: "actionClicked", fileTitle: "fileTitle", docId: "docId", DOCUMENT_TYPE: "DOCUMENT_TYPE", fileData: "fileData", fitMode: "fitMode", authHeader: "authHeader", fileURL: "fileURL", correspondance: "correspondance", secrecyProperty: "secrecyProperty", editingType: "editingType", userSignatures: "userSignatures", searchString: "searchString", useOutsideAnotations: "useOutsideAnotations", importedAnotations: "importedAnotations" }, outputs: { onAddingAnotation: "onAddingAnotation", events: "events", SignatureEvent: "SignatureEvent" }, providers: [SecurePipe], viewQueries: [{ propertyName: "viewerRef", first: true, predicate: ["fileViewer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #fileViewer style=\"width: 100%; height: 100%;\"></div>\r\n", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PdftronComponent, decorators: [{
             type: Component,
             args: [{
@@ -18800,6 +19083,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
                 type: Input
             }], userSignatures: [{
                 type: Input
+            }], searchString: [{
+                type: Input
             }], useOutsideAnotations: [{
                 type: Input
             }], importedAnotations: [{