nuxeo-development-framework 4.5.3 → 4.5.4

package/fesm2015/nuxeo-development-framework.js

@@ -19142,27 +19142,28 @@ class AddToCollectionComponent extends BaseComponent {
         this.fileManagerService = fileManagerService;
         this.customToastrService = customToastrService;
         this.nuxeoDialogService = nuxeoDialogService;
-        this.createOperation = 'Collection.Create';
-        this.addOperation = 'Document.AddToCollection';
-        this.getCollectionPP = 'PP_DMS_User_Collections';
+        this.createOperation = "Collection.Create";
+        this.addOperation = "Document.AddToCollection";
+        this.getCollectionPP = "PP_DMS_User_Collections";
         this.visibleChange = new EventEmitter();
         this.rtlEnabled = false;
         this.isSelected = true;
         this.tagsInput$ = new Subject();
         this.tagsLoading = false;
         this._visible = false;
-        this.onFormCollectionSubmit = (e) => {
-            e.preventDefault();
+        this.onFormCollectionSubmit = () => {
             this.loading = true;
-            return this.fileManagerService.addToCollection(this.selectedItems, this.collectionid, this.addOperation).pipe(tap((res) => {
+            return this.fileManagerService
+                .addToCollection(this.selectedItems, this.collectionid, this.addOperation)
+                .pipe(tap((res) => {
                 this.loading = false;
                 this.form.instance.resetValues();
                 this.selectedTags = null;
                 this.visible = false;
-                this.customToastrService.show('success', 'TOASTER.SUCCESS', 'TOASTER.DOCUMENT_ADDED_TO_COLLECTION');
+                this.customToastrService.show("success", "TOASTER.SUCCESS", "TOASTER.DOCUMENT_ADDED_TO_COLLECTION");
             }, (err) => {
                 this.loading = false;
-                this.customToastrService.show('error', 'TOASTER.ERROR', 'TOASTER.DOCUMENT_ADDED_TO_COLLECTION_ERROR');
+                this.customToastrService.show("error", "TOASTER.ERROR", "TOASTER.DOCUMENT_ADDED_TO_COLLECTION_ERROR");
             }));
         };
     }
@@ -19185,12 +19186,12 @@ class AddToCollectionComponent extends BaseComponent {
         const options = {
             component: NdfNuxeoDialog,
             //TODO [Asem] how to put the wrapper ID
-            panelClass: 'popUpParent',
+            panelClass: "popUpParent",
             config: {
-                title: this.translateService.instant('FILE_MANAGER.ADD_TO_COLLECTION'),
+                title: this.translateService.instant("FILE_MANAGER.ADD_TO_COLLECTION"),
                 contentTemplate: this.contentTemplate,
-                actionsTemplate: this.actionsTemplate
-            }
+                actionsTemplate: this.actionsTemplate,
+            },
         };
         this.nuxeoDialogService
             .open(options)
@@ -19201,7 +19202,9 @@ class AddToCollectionComponent extends BaseComponent {
     }
     emitSelection(event) {
         if (this.isSelected) {
-            this.fileManagerService.createNewCollection(event.displayLabel, this.createOperation).subscribe((res) => {
+            this.fileManagerService
+                .createNewCollection(event.displayLabel, this.createOperation)
+                .subscribe((res) => {
                 this.collectionid = res.uid;
             });
         }
@@ -19209,24 +19212,29 @@ class AddToCollectionComponent extends BaseComponent {
             this.collectionid = event.id;
     }
     loadItems() {
-        let searchterm = '';
+        let searchterm = "";
         this.isSelected = false;
         let mycategories = [];
-        this.items$ = concat(this.fileManagerService.getCollectionFromPP(searchterm, this.getCollectionPP).pipe(switchMap((res) => {
+        this.items$ = concat(this.fileManagerService
+            .getCollectionFromPP(searchterm, this.getCollectionPP)
+            .pipe(switchMap((res) => {
             res.entries.map((entry) => {
-                if (!this.enableMemberInCollections || !this.memberInCollections.includes(entry.id)) {
+                if (!this.enableMemberInCollections ||
+                    !this.memberInCollections.includes(entry.id)) {
                     mycategories.push({
                         displayLabel: entry.title,
                         id: entry.uid,
                         path: entry.path,
-                        icon: entry.properties['common:icon']
+                        icon: entry.properties["common:icon"],
                     });
                 }
             });
             return of(mycategories);
         })), // default items
         this.tagsInput$.pipe(debounceTime(200), distinctUntilChanged(), tap(() => (this.tagsLoading = true)), switchMap((searchterm) => {
-            return this.fileManagerService.getCollectionFromPP(searchterm, this.getCollectionPP).pipe(catchError(() => of([])), // empty list on error
+            return this.fileManagerService
+                .getCollectionFromPP(searchterm, this.getCollectionPP)
+                .pipe(catchError(() => of([])), // empty list on error
             switchMap((searchCat) => {
                 let myInerCateg = [];
                 this.tagsLoading = false;
@@ -19236,7 +19244,7 @@ class AddToCollectionComponent extends BaseComponent {
                         displayLabel: entry.title,
                         id: entry.uid,
                         path: entry.path,
-                        icon: entry.properties['common:icon']
+                        icon: entry.properties["common:icon"],
                     });
                 });
                 return of(myInerCateg);
@@ -19245,23 +19253,23 @@ class AddToCollectionComponent extends BaseComponent {
     }
 }
 AddToCollectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AddToCollectionComponent, deps: [{ token: FileManagerService }, { token: CustomToastrService }, { token: NuxeoDialogService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-AddToCollectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AddToCollectionComponent, selector: "app-add-to-collection", inputs: { createOperation: "createOperation", addOperation: "addOperation", getCollectionPP: "getCollectionPP", memberInCollections: "memberInCollections", enableMemberInCollections: "enableMemberInCollections", visible: "visible", rtlEnabled: "rtlEnabled", selectedItems: "selectedItems" }, outputs: { visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "form", first: true, predicate: DxFormComponent, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true }, { propertyName: "actionsTemplate", first: true, predicate: ["actionsTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\r\n\t<form>\r\n\t\t<dx-form class=\"collection-form-wrapper\" #createForm [formData]=\"formData\" [disabled]=\"loading\">\r\n\t\t\t<dxi-item editorType=\"dxTextBox\">\r\n\t\t\t\t<ng-select\r\n\t\t\t\t\t[items]=\"items$ | async\"\r\n\t\t\t\t\tbindLabel=\"displayLabel\"\r\n\t\t\t\t\t[addTag]=\"true\"\r\n\t\t\t\t\taddTagText=\"Add collection\"\r\n\t\t\t\t\t[multiple]=\"false\"\r\n\t\t\t\t\t[hideSelected]=\"true\"\r\n\t\t\t\t\t[minTermLength]=\"0\"\r\n\t\t\t\t\t[loading]=\"tagsLoading\"\r\n\t\t\t\t\ttypeToSearchText=\"search\"\r\n\t\t\t\t\t[typeahead]=\"tagsInput$\"\r\n\t\t\t\t\t[(ngModel)]=\"selectedTags\"\r\n\t\t\t\t\trequired\r\n\t\t\t\t\tplaceholder=\"{{ 'VOCABULARY.SELECT_ITEM' | translate }}\"\r\n\t\t\t\t\tname=\"selectedItem\"\r\n\t\t\t\t\t(change)=\"emitSelection($event)\"\r\n\t\t\t\t>\r\n\t\t\t\t</ng-select>\r\n\t\t\t</dxi-item>\r\n\t\t</dx-form>\r\n\t</form>\r\n</ng-template>\r\n\r\n<ng-template #actionsTemplate let-dialog=\"dialog\">\r\n\t<span class=\"submission-button px-5\" (click)=\"dialog.executeAction(onFormCollectionSubmit, [$event])\">\r\n\t\t{{ 'FILE_MANAGER.ADD' | translate }}\r\n\t</span>\r\n</ng-template>\r\n", styles: [""], components: [{ type: i4$4.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i5$2.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i3$3.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }], directives: [{ type: i2$6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2$6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2$6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2$6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2$6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "async": i4$1.AsyncPipe, "translate": i1.TranslatePipe } });
+AddToCollectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AddToCollectionComponent, selector: "app-add-to-collection", inputs: { createOperation: "createOperation", addOperation: "addOperation", getCollectionPP: "getCollectionPP", memberInCollections: "memberInCollections", enableMemberInCollections: "enableMemberInCollections", visible: "visible", rtlEnabled: "rtlEnabled", selectedItems: "selectedItems" }, outputs: { visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "form", first: true, predicate: DxFormComponent, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true }, { propertyName: "actionsTemplate", first: true, predicate: ["actionsTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\r\n  <form>\r\n    <dx-form\r\n      class=\"collection-form-wrapper\"\r\n      #createForm\r\n      [formData]=\"formData\"\r\n      [disabled]=\"loading\"\r\n    >\r\n      <dxi-item editorType=\"dxTextBox\">\r\n        <ng-select\r\n          [items]=\"items$ | async\"\r\n          bindLabel=\"displayLabel\"\r\n          [addTag]=\"true\"\r\n          addTagText=\"Add collection\"\r\n          [multiple]=\"false\"\r\n          [hideSelected]=\"true\"\r\n          [minTermLength]=\"0\"\r\n          [loading]=\"tagsLoading\"\r\n          typeToSearchText=\"search\"\r\n          [typeahead]=\"tagsInput$\"\r\n          [(ngModel)]=\"selectedTags\"\r\n          required\r\n          placeholder=\"{{ 'VOCABULARY.SELECT_ITEM' | translate }}\"\r\n          name=\"selectedItem\"\r\n          (change)=\"emitSelection($event)\"\r\n        >\r\n        </ng-select>\r\n      </dxi-item>\r\n    </dx-form>\r\n  </form>\r\n</ng-template>\r\n\r\n<ng-template #actionsTemplate let-dialog=\"dialog\">\r\n  <span\r\n    class=\"submission-button px-5\"\r\n    (click)=\"dialog.executeAction(onFormCollectionSubmit)\"\r\n  >\r\n    {{ \"FILE_MANAGER.ADD\" | translate }}\r\n  </span>\r\n</ng-template>\r\n", styles: [""], components: [{ type: i4$4.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i5$2.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i3$3.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }], directives: [{ type: i2$6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2$6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2$6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2$6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2$6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "async": i4$1.AsyncPipe, "translate": i1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AddToCollectionComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'app-add-to-collection',
-                    templateUrl: './add-to-collection.component.html',
-                    styleUrls: ['./add-to-collection.component.scss']
+                    selector: "app-add-to-collection",
+                    templateUrl: "./add-to-collection.component.html",
+                    styleUrls: ["./add-to-collection.component.scss"],
                 }]
         }], ctorParameters: function () { return [{ type: FileManagerService }, { type: CustomToastrService }, { type: NuxeoDialogService }, { type: i0.Injector }]; }, propDecorators: { form: [{
                 type: ViewChild,
                 args: [DxFormComponent, { static: false }]
             }], contentTemplate: [{
                 type: ViewChild,
-                args: ['contentTemplate']
+                args: ["contentTemplate"]
             }], actionsTemplate: [{
                 type: ViewChild,
-                args: ['actionsTemplate']
+                args: ["actionsTemplate"]
             }], createOperation: [{
                 type: Input
             }], addOperation: [{
@@ -27895,48 +27903,48 @@ class PdftronComponent {
                     this.DOCUMENT_TYPE =
                         'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
                 }
-                WebViewer({
-                    path: this.baseHref + '/assets/pdftrons',
-                    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();
-                    this.exportingSignature();
-                    this.deleteAnnotation();
-                    this.exportingSavedSignature();
-                    if (this.useOutsideAnotations) {
-                        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();
-                }));
             }
+            WebViewer({
+                path: this.baseHref + '/assets/pdftrons',
+                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();
+                this.exportingSignature();
+                this.deleteAnnotation();
+                this.exportingSavedSignature();
+                if (this.useOutsideAnotations) {
+                    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();
+            }));
         });
     }
     importAnotationsFromOutside() {