nuxeo-development-framework 2.0.0 → 2.0.3

package/bundles/nuxeo-development-framework.umd.js

@@ -19764,6 +19764,7 @@
      */
     var PdftronComponent = /** @class */ (function () {
         function PdftronComponent(cdr, pdftronService, nuxeo, baseHref, securePipe, translationService, environment) {
+            var _this = this;
             this.cdr = cdr;
             this.pdftronService = pdftronService;
             this.nuxeo = nuxeo;
@@ -19774,6 +19775,7 @@
             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 i0.EventEmitter(); // used to export all anotations to outside
             this.events = new i0.EventEmitter();
@@ -19781,6 +19783,56 @@
             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.recivedSearchStringsArray = [];
+            this.searchFn = function (searchValue, options) {
+                _this.mySearchStringResults = [];
+                if (_this.savedAnotations.length > 0) {
+                    _this.savedAnotations.map(function (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();
+                        var mySearch_1 = searchValue.split(' ');
+                        if (mySearch_1.length > 1) {
+                            // then i am searching with more than one word
+                            _this.pages.pages.forEach(function (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(function (zone) {
+                                    zone.paragraphs.forEach(function (paragraph) {
+                                        paragraph.lines.forEach(function (line) {
+                                            if (line.text.includes(searchValue)) {
+                                                _this.SearchForWordInLine(mySearch_1, 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();
+                }
+            };
         }
         PdftronComponent.prototype.ngOnInit = function () {
             return __awaiter(this, void 0, void 0, function () {
@@ -19797,6 +19849,7 @@
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
+                    this.recivedSearchStringsArray = this.searchString.trim() ? this.searchString.split(',') : [];
                     if (this.fileTitle.endsWith('.ppt')) {
                         this.DOCUMENT_TYPE = 'application/vnd.ms-powerpoint';
                     }
@@ -19816,12 +19869,23 @@
                         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(function (instance) { return __awaiter(_this, void 0, void 0, function () {
                         return __generator(this, function (_a) {
                             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();
@@ -19832,6 +19896,14 @@
                                 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.recivedSearchStringsArray.length !== 0) {
+                                this.automaticSearch(this.recivedSearchStringsArray);
+                            }
                             this.loadDocument();
                             return [2 /*return*/];
                         });
@@ -20138,6 +20210,229 @@
                 //  this[event.action](event.params); // call it
             }
         };
+        // adding search lisner to lisen to internal search from ui and without ocr
+        PdftronComponent.prototype.addSearchListner = function () {
+            var _this = this;
+            var _a = this.webViewerInstance, annotManager = _a.annotManager, docViewer = _a.docViewer, Annotations = _a.Annotations;
+            var searchListener = function (searchPattern, options, results) {
+                var _a;
+                _this.mySearchStringResults = [];
+                if (_this.savedAnotations.length > 0) {
+                    _this.savedAnotations.map(function (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(function (result) {
+                        var annotation = new Annotations.TextHighlightAnnotation();
+                        annotation.Quads = result.quads.map(function (quad) { return quad.getPoints(); });
+                        annotation.PageNumber = result.pageNum;
+                        annotation.StrokeColor = new Annotations.Color(250, 206, 0, 0.50196);
+                        annotation.Author = _this.webViewerInstance.annotManager.getCurrentUser();
+                        return annotation;
+                    });
+                    (_a = _this.savedAnotations).push.apply(_a, __spreadArray([], __read(_this.newAnnotations)));
+                    annotManager.addAnnotations(_this.newAnnotations);
+                    annotManager.drawAnnotationsFromList(_this.newAnnotations);
+                }
+                else {
+                    docViewer.clearSearchResults();
+                }
+            };
+            docViewer.on('documentLoaded', function () {
+                _this.webViewerInstance.addSearchListener(searchListener);
+            });
+        };
+        // perform automatic search when intering the page 
+        PdftronComponent.prototype.automaticSearch = function (searchTextArray) {
+            var _this = this;
+            var _a = this.webViewerInstance, annotManager = _a.annotManager, docViewer = _a.docViewer, Annotations = _a.Annotations;
+            var searchOptions;
+            this.webViewerInstance.openElements(['searchPanel']);
+            docViewer.on('documentLoaded', function () {
+                var 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
+                    var annotation = new Annotations.TextHighlightAnnotation();
+                    searchTextArray.map(function (searchText) {
+                        var mySearch = searchText.split(' ');
+                        if (mySearch.length > 1) {
+                            // then i am searching with more than one word
+                            _this.pages.pages.forEach(function (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(function (zone) {
+                                    zone.paragraphs.forEach(function (paragraph) {
+                                        paragraph.lines.forEach(function (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: function (result) {
+                            // with 'PAGE_STOP' mode, the callback is invoked after each page has been searched.
+                            if (result.resultCode === _this.webViewerInstance.CoreControls.Search.ResultCode.FOUND) {
+                                var annotation = new Annotations.TextHighlightAnnotation();
+                                annotation.Quads = result.quads.map(function (quad) { return 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]);
+                            }
+                        }
+                    };
+                    searchTextArray.map(function (searchedText) {
+                        docViewer.textSearchInit(searchedText, mode, searchOptions);
+                    });
+                }
+            });
+        };
+        // search for single word in all pages 
+        PdftronComponent.prototype.searchForWordInAllPages = function (searchedWord) {
+            var _this = this;
+            this.pages.pages.forEach(function (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));
+                var x = (_this.pageWidth / _this.standardWidth); // width ratio
+                var y = (_this.pageHeight / _this.standardHeight); // height ratio
+                page.zones.forEach(function (zone) {
+                    zone.paragraphs.forEach(function (paragraph) {
+                        paragraph.lines.forEach(function (line) {
+                            line.words.forEach(function (word) {
+                                if (word.text.includes(searchedWord)) {
+                                    // annotation.PageNumber = index+1;
+                                    var 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 
+        PdftronComponent.prototype.SearchForWordInLine = function (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));
+            var x = (this.pageWidth / this.standardWidth); // width ratio
+            var y = (this.pageHeight / this.standardHeight); // height ratio
+            // find only words related to my search form the line
+            var myFoundedResults = [];
+            var correctResults = [];
+            line.words.forEach(function (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(function (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
+            var quads = [];
+            for (var 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);
+            }
+        };
+        PdftronComponent.prototype.constructSearchResult = function (searchedText, pageNum, quads, line) {
+            var mySearchStartTextIndex = line.indexOf(searchedText);
+            var mySeearchedTextEndIndex = mySearchStartTextIndex + searchedText.length;
+            var 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);
+        };
+        PdftronComponent.prototype.dispalaySearchResults = function (docViewer) {
+            var _this = this;
+            setTimeout(function () {
+                docViewer.displayAdditionalSearchResults(_this.mySearchStringResults);
+            }, 500);
+        };
+        // draw hiligthing around certain charatacters
+        PdftronComponent.prototype.higlightText = function (quads, pageNumber) {
+            var 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);
+        };
+        // ------------------------------------------------------------------------ ------------------------------------------
         PdftronComponent.prototype.ngOnDestroy = function () {
             if (this.webViewerInstance) {
                 this.webViewerInstance.closeDocument().then(function () {
@@ -20150,7 +20445,7 @@
         return PdftronComponent;
     }());
     PdftronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: PdftronComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: PdftronService }, { token: NuxeoService$1 }, { token: i4.APP_BASE_HREF }, { token: SecurePipe }, { token: TranslationService$1 }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    PdftronComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: "<div #fileViewer style=\"width: 100%; height: 100%;\"></div>\r\n", styles: [""] });
+    PdftronComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: "<div #fileViewer style=\"width: 100%; height: 100%;\"></div>\r\n", styles: [""] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: PdftronComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -20196,6 +20491,8 @@
                     type: i0.Input
                 }], userSignatures: [{
                     type: i0.Input
+                }], searchString: [{
+                    type: i0.Input
                 }], useOutsideAnotations: [{
                     type: i0.Input
                 }], importedAnotations: [{