nuxeo-development-framework 4.5.4 → 4.5.6

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

@@ -29769,6 +29769,104 @@
                   }]
           }], ctorParameters: function () { return []; } });
 
+  var _SilentPdfTronService_instances, _SilentPdfTronService_webViewerInstance, _SilentPdfTronService_webViewerElement, _SilentPdfTronService_isInitialized, _SilentPdfTronService_initializationPromise, _SilentPdfTronService_isArabic, _SilentPdfTronService_isEnabled, _SilentPdfTronService_initializeWebViewer;
+  var SilentPdfTronService = /** @class */ (function () {
+      function SilentPdfTronService(baseHref, translationService, environment, nuxeo) {
+          this.baseHref = baseHref;
+          this.translationService = translationService;
+          this.environment = environment;
+          this.nuxeo = nuxeo;
+          _SilentPdfTronService_instances.add(this);
+          _SilentPdfTronService_webViewerInstance.set(this, void 0);
+          _SilentPdfTronService_webViewerElement.set(this, null);
+          _SilentPdfTronService_isInitialized.set(this, false);
+          _SilentPdfTronService_initializationPromise.set(this, null);
+          _SilentPdfTronService_isArabic.set(this, void 0);
+          _SilentPdfTronService_isEnabled.set(this, void 0);
+      }
+      Object.defineProperty(SilentPdfTronService.prototype, "isEnabled", {
+          get: function () {
+              return __classPrivateFieldGet(this, _SilentPdfTronService_isEnabled, "f");
+          },
+          enumerable: false,
+          configurable: true
+      });
+      SilentPdfTronService.prototype.start = function () {
+          var _this = this;
+          __classPrivateFieldSet(this, _SilentPdfTronService_isEnabled, true, "f");
+          this.translationService.isArabic.subscribe(function (res) {
+              __classPrivateFieldSet(_this, _SilentPdfTronService_isArabic, res, "f");
+              if (!__classPrivateFieldGet(_this, _SilentPdfTronService_webViewerElement, "f")) {
+                  __classPrivateFieldSet(_this, _SilentPdfTronService_webViewerElement, document.createElement('div'), "f");
+                  __classPrivateFieldGet(_this, _SilentPdfTronService_webViewerElement, "f").id = 'silent-viewer';
+                  Object.assign(__classPrivateFieldGet(_this, _SilentPdfTronService_webViewerElement, "f").style, {
+                      display: 'none',
+                      width: '100%',
+                      height: '100%'
+                  });
+                  document.body.appendChild(__classPrivateFieldGet(_this, _SilentPdfTronService_webViewerElement, "f"));
+              }
+              __classPrivateFieldGet(_this, _SilentPdfTronService_instances, "m", _SilentPdfTronService_initializeWebViewer).call(_this);
+          });
+      };
+      SilentPdfTronService.prototype.getWebViewer = function () {
+          var _this = this;
+          if (__classPrivateFieldGet(this, _SilentPdfTronService_isInitialized, "f") && __classPrivateFieldGet(this, _SilentPdfTronService_webViewerElement, "f") && __classPrivateFieldGet(this, _SilentPdfTronService_webViewerInstance, "f")) {
+              return Promise.resolve([__classPrivateFieldGet(this, _SilentPdfTronService_webViewerElement, "f"), __classPrivateFieldGet(this, _SilentPdfTronService_webViewerInstance, "f")]);
+          }
+          return __classPrivateFieldGet(this, _SilentPdfTronService_instances, "m", _SilentPdfTronService_initializeWebViewer).call(this).then(function () {
+              if (!__classPrivateFieldGet(_this, _SilentPdfTronService_isInitialized, "f") || !__classPrivateFieldGet(_this, _SilentPdfTronService_webViewerElement, "f") || !__classPrivateFieldGet(_this, _SilentPdfTronService_webViewerInstance, "f")) {
+                  return Promise.reject(new Error('WebViewer initialization failed.'));
+              }
+              return [__classPrivateFieldGet(_this, _SilentPdfTronService_webViewerElement, "f"), __classPrivateFieldGet(_this, _SilentPdfTronService_webViewerInstance, "f")];
+          });
+      };
+      return SilentPdfTronService;
+  }());
+  _SilentPdfTronService_webViewerInstance = new WeakMap(), _SilentPdfTronService_webViewerElement = new WeakMap(), _SilentPdfTronService_isInitialized = new WeakMap(), _SilentPdfTronService_initializationPromise = new WeakMap(), _SilentPdfTronService_isArabic = new WeakMap(), _SilentPdfTronService_isEnabled = new WeakMap(), _SilentPdfTronService_instances = new WeakSet(), _SilentPdfTronService_initializeWebViewer = function _SilentPdfTronService_initializeWebViewer() {
+      var _this = this;
+      if (__classPrivateFieldGet(this, _SilentPdfTronService_isInitialized, "f"))
+          return Promise.resolve();
+      if (__classPrivateFieldGet(this, _SilentPdfTronService_initializationPromise, "f"))
+          return __classPrivateFieldGet(this, _SilentPdfTronService_initializationPromise, "f");
+      __classPrivateFieldSet(this, _SilentPdfTronService_initializationPromise, WebViewer__default["default"]({
+          path: this.baseHref + "/assets/pdftrons",
+          forceClientSideInit: true,
+          streaming: true,
+          licenseKey: this.environment.pdftronLicenceKey,
+          css: this.baseHref + "/assets/styles/" + (__classPrivateFieldGet(this, _SilentPdfTronService_isArabic, "f") ? 'ar' : 'en') + "-mypdftron.css",
+          annotationUser: this.nuxeo.nuxeoClient.user.properties.firstName + " " + this.nuxeo.nuxeoClient.user.properties.lastName,
+          disabledElements: ['downloadButton', 'printButton']
+      }, __classPrivateFieldGet(this, _SilentPdfTronService_webViewerElement, "f"))
+          .then(function (instance) {
+          __classPrivateFieldSet(_this, _SilentPdfTronService_webViewerInstance, instance, "f");
+          __classPrivateFieldSet(_this, _SilentPdfTronService_isInitialized, true, "f");
+      })
+          .catch(function (error) {
+          console.error('Failed to initialize WebViewer:', error);
+          __classPrivateFieldSet(_this, _SilentPdfTronService_initializationPromise, null, "f");
+          return Promise.reject(error);
+      }), "f");
+      return __classPrivateFieldGet(this, _SilentPdfTronService_initializationPromise, "f");
+  };
+  SilentPdfTronService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SilentPdfTronService, deps: [{ token: i4.APP_BASE_HREF }, { token: TranslationService }, { token: 'environment' }, { token: NuxeoService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  SilentPdfTronService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SilentPdfTronService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SilentPdfTronService, decorators: [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root'
+                  }]
+          }], ctorParameters: function () {
+          return [{ type: undefined, decorators: [{
+                          type: i0.Inject,
+                          args: [i4.APP_BASE_HREF]
+                      }] }, { type: TranslationService }, { type: undefined, decorators: [{
+                          type: i0.Inject,
+                          args: ['environment']
+                      }] }, { type: NuxeoService }];
+      } });
+
+  var _PdftronComponent_instances, _PdftronComponent_updateSilentPdfTron, _PdftronComponent_afterLoadWebViewer, _PdftronComponent_docLoaded, _PdftronComponent_reset;
   /**
    * A reusable file viewer based on PDFTron Library
    * @title
@@ -29783,16 +29881,16 @@
    * </app-pdftron>
    */
   var PdftronComponent = /** @class */ (function () {
-      function PdftronComponent(cdr, pdftronService, nuxeo, baseHref, securePipe, translationService, toaster, environment) {
+      function PdftronComponent(cdr, pdftronService, nuxeo, baseHref, translationService, silentPdfTronService, environment) {
           var _this = this;
           this.cdr = cdr;
           this.pdftronService = pdftronService;
           this.nuxeo = nuxeo;
           this.baseHref = baseHref;
-          this.securePipe = securePipe;
           this.translationService = translationService;
-          this.toaster = toaster;
+          this.silentPdfTronService = silentPdfTronService;
           this.environment = environment;
+          _PdftronComponent_instances.add(this);
           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';
@@ -29807,8 +29905,18 @@
           this.events = new i0.EventEmitter();
           this.SignatureEvent = new i0.EventEmitter(); // used to export signature to outside
           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.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
+          _PdftronComponent_docLoaded.set(this, function () {
+              var fitMode = _this.webViewerInstance.FitMode.FitWidth;
+              if (_this.fitMode === 'FitPage') {
+                  fitMode = _this.webViewerInstance.FitMode.FitPage;
+              }
+              else if (_this.fitMode === 'Zoom') {
+                  fitMode = _this.webViewerInstance.FitMode.Zoom;
+              }
+              _this.webViewerInstance.setFitMode(fitMode);
+          });
           this.savedAnotations = [];
           this.fileWithOcr = false;
           this.newAnnotations = [];
@@ -29834,13 +29942,13 @@
                           _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));
+                              _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);
+                                              _this.SearchForWordInLine(mySearch_1, line, index + 1, page);
                                           }
                                       });
                                   });
@@ -29848,7 +29956,7 @@
                           });
                       }
                       else {
-                          // then i am searching with only one word 
+                          // then i am searching with only one word
                           _this.searchForWordInAllPages(searchValue);
                       }
                       _this.webViewerInstance.docViewer.clearSearchResults();
@@ -29862,81 +29970,58 @@
       }
       PdftronComponent.prototype.ngOnInit = function () {
           return __awaiter(this, void 0, void 0, function () {
+              var _b;
               var _this = this;
-              return __generator(this, function (_a) {
-                  this.transelationSubscrition = this.translationService.isArabic.subscribe(function (res) {
-                      _this.isArabic = res;
-                  });
-                  return [2 /*return*/];
-              });
-          });
-      };
-      PdftronComponent.prototype.ngAfterViewInit = function () {
-          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) {
-                      if (this.fileTitle.endsWith('.ppt')) {
-                          this.DOCUMENT_TYPE = 'application/vnd.ms-powerpoint';
-                      }
-                      else if (this.fileTitle.endsWith('.pptx')) {
-                          this.DOCUMENT_TYPE =
-                              'application/vnd.openxmlformats-officedocument.presentationml.presentation';
-                      }
-                      else if (this.fileTitle.endsWith('.doc')) {
-                          this.DOCUMENT_TYPE = 'application/msword';
-                      }
-                      else if (this.fileTitle.endsWith('.docx')) {
-                          this.DOCUMENT_TYPE =
-                              'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
-                      }
-                  }
-                  WebViewer__default["default"]({
-                      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(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();
-                          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),
+              return __generator(this, function (_c) {
+                  switch (_c.label) {
+                      case 0:
+                          this.transelationSubscrition = this.translationService.isArabic.subscribe(function (res) {
+                              _this.isArabic = res;
                           });
-                          if (this.recivedSearchStringsArray.length !== 0) {
-                              this.automaticSearch(this.recivedSearchStringsArray);
+                          this.recivedSearchStringsArray = this.searchString.trim() ? this.searchString.split(',') : [];
+                          if (this.fileTitle) {
+                              if (this.fileTitle.endsWith('.ppt')) {
+                                  this.DOCUMENT_TYPE = 'application/vnd.ms-powerpoint';
+                              }
+                              else if (this.fileTitle.endsWith('.pptx')) {
+                                  this.DOCUMENT_TYPE = 'application/vnd.openxmlformats-officedocument.presentationml.presentation';
+                              }
+                              else if (this.fileTitle.endsWith('.doc')) {
+                                  this.DOCUMENT_TYPE = 'application/msword';
+                              }
+                              else if (this.fileTitle.endsWith('.docx')) {
+                                  this.DOCUMENT_TYPE = 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
+                              }
                           }
-                          this.loadDocument();
-                          return [2 /*return*/];
-                      });
-                  }); });
-                  return [2 /*return*/];
+                          if (!this.silentPdfTronService.isEnabled) return [3 /*break*/, 2];
+                          return [4 /*yield*/, this.silentPdfTronService.getWebViewer()];
+                      case 1:
+                          _b = __read.apply(void 0, [_c.sent(), 2]), this.silentPdfTron = _b[0], this.webViewerInstance = _b[1];
+                          __classPrivateFieldGet(this, _PdftronComponent_instances, "m", _PdftronComponent_afterLoadWebViewer).call(this, this.webViewerInstance);
+                          this.resizeObserver = new ResizeObserver(function () { return __classPrivateFieldGet(_this, _PdftronComponent_instances, "m", _PdftronComponent_updateSilentPdfTron).call(_this); });
+                          this.resizeObserver.observe(this.viewerRef.nativeElement);
+                          __classPrivateFieldGet(this, _PdftronComponent_instances, "m", _PdftronComponent_updateSilentPdfTron).call(this);
+                          return [3 /*break*/, 3];
+                      case 2:
+                          WebViewer__default["default"]({
+                              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(function (instance) { return __awaiter(_this, void 0, void 0, function () {
+                              return __generator(this, function (_b) {
+                                  __classPrivateFieldGet(this, _PdftronComponent_instances, "m", _PdftronComponent_afterLoadWebViewer).call(this, instance);
+                                  return [2 /*return*/];
+                              });
+                          }); });
+                          _c.label = 3;
+                      case 3: return [2 /*return*/];
+                  }
               });
           });
       };
@@ -29955,8 +30040,8 @@
       // exctract all anotations on the file and send it out side to be saved and leave the file as it is without any anotations on it
       PdftronComponent.prototype.exportAnotationsToOutside = function () {
           var _this = this;
-          this.webViewerInstance.annotManager.on('annotationChanged', function (annotations, action, _a) {
-              var imported = _a.imported;
+          this.webViewerInstance.annotManager.on('annotationChanged', function (annotations, action, _b) {
+              var imported = _b.imported;
               if (imported)
                   return;
               _this.webViewerInstance.annotManager.exportAnnotations().then(function (exctractedAnotations) {
@@ -29990,7 +30075,6 @@
               }
               _this.firstSignatureLoad = false;
           });
-          ;
       };
       PdftronComponent.prototype.exportingSignature = function () {
           var _this = this;
@@ -30003,11 +30087,10 @@
                   console.log(annotation);
               }
           });
-          ;
       };
       PdftronComponent.prototype.extractAnotation = function (annotation, documentViewer) {
           if (annotation['image']) {
-              // convert base64 signature into file and emit it to out side 
+              // convert base64 signature into file and emit it to out side
               var base64Img = annotation['image']['currentSrc'];
               var arr = base64Img.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
               while (n--) {
@@ -30025,7 +30108,7 @@
           return __awaiter(this, void 0, void 0, function () {
               var canvas, pageMatrix, ctx;
               var _this = this;
-              return __generator(this, function (_a) {
+              return __generator(this, function (_b) {
                   canvas = document.createElement('canvas');
                   pageMatrix = docViewer.getDocument().getPageMatrix(annotation.PageNumber);
                   // Set the height & width of the canvas to madeleteSavedSignaturetch the annotation
@@ -30059,16 +30142,19 @@
       };
       PdftronComponent.prototype.addDownloadButton = function () {
           var _this = this;
-          if (this.allowDownloadSecretFile || (!this.allowDownloadSecretFile && this.correspondance.properties[this.secrecyProperty] && this.correspondance.properties[this.secrecyProperty] === 'Normal')) {
+          if (this.allowDownloadSecretFile ||
+              (!this.allowDownloadSecretFile &&
+                  this.correspondance.properties[this.secrecyProperty] &&
+                  this.correspondance.properties[this.secrecyProperty] === 'Normal')) {
               this.webViewerInstance.setHeaderItems(function (header) {
                   header.push({
                       type: 'actionButton',
                       img: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-file-earmark-arrow-down" viewBox="0 0 16 16"> <path d="M8.5 6.5a.5.5 0 0 0-1 0v3.793L6.354 9.146a.5.5 0 1 0-.708.708l2 2a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 10.293V6.5z"/> <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/></svg>',
                       title: _this.isArabic ? 'تنزيل' : 'Download',
                       onClick: function () { return __awaiter(_this, void 0, void 0, function () {
-                          var _a, DocumentViewer, AnnotationManager, SaveOptions, saveOptions, options;
-                          return __generator(this, function (_b) {
-                              _a = this.webViewerInstance.CoreControls, DocumentViewer = _a.DocumentViewer, AnnotationManager = _a.AnnotationManager, SaveOptions = _a.SaveOptions;
+                          var _b, DocumentViewer, AnnotationManager, SaveOptions, saveOptions, options;
+                          return __generator(this, function (_c) {
+                              _b = this.webViewerInstance.CoreControls, DocumentViewer = _b.DocumentViewer, AnnotationManager = _b.AnnotationManager, SaveOptions = _b.SaveOptions;
                               saveOptions = SaveOptions;
                               options = {
                                   filename: this.correspondance.title ? this.correspondance.title : 'myDocument.pdf',
@@ -30080,30 +30166,31 @@
                               this.events.next('download');
                               return [2 /*return*/];
                           });
-                      }); },
+                      }); }
                   });
               });
           }
       };
       PdftronComponent.prototype.addPrintButton = function () {
           var _this = this;
-          if (this.allowPrintSecretFile || (!this.allowPrintSecretFile && this.correspondance.properties[this.secrecyProperty] && this.correspondance.properties[this.secrecyProperty] === 'Normal')) {
+          if (this.allowPrintSecretFile ||
+              (!this.allowPrintSecretFile &&
+                  this.correspondance.properties[this.secrecyProperty] &&
+                  this.correspondance.properties[this.secrecyProperty] === 'Normal')) {
               this.webViewerInstance.setHeaderItems(function (header) {
                   header.push({
                       type: 'actionButton',
                       img: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#abb0c4;}</style></defs><title>icon - header - print - line</title><path class="cls-1" d="M20,6H18V2H6V6H4A2,2,0,0,0,2,8v9a2,2,0,0,0,2,2H6v3H18V19h2a2,2,0,0,0,2-2V8A2,2,0,0,0,20,6ZM8,4h8V6H8Zm8,16H8V16h8Zm4-3H18V14H6v3H4V8H20Zm-4-7h2v2H16Zm-3,0h2v2H13Z"></path></svg>',
-                      title: _this.isArabic ? "طباعة" : 'Print',
+                      title: _this.isArabic ? 'طباعة' : 'Print',
                       onClick: function () {
                           _this.pdftronService.instance.print();
                           _this.events.next('print');
-                      },
+                      }
                   });
               });
           }
           else {
-              this.webViewerInstance.disableElements([
-                  'printModal',
-              ]);
+              this.webViewerInstance.disableElements(['printModal']);
           }
       };
       PdftronComponent.prototype.addWatermark = function () {
@@ -30115,21 +30202,11 @@
           );
       };
       PdftronComponent.prototype.loadDocument = function () {
-          var _this = this;
           if (!this.webViewerInstance || (!this.fileData && !this.fileURL)) {
               return;
           }
-          var _a = this.webViewerInstance, docViewer = _a.docViewer, annotManager = _a.annotManager, Annotations = _a.Annotations;
-          docViewer.on('documentLoaded', function () {
-              var fitMode = _this.webViewerInstance.FitMode.FitWidth;
-              if (_this.fitMode === 'FitPage') {
-                  fitMode = _this.webViewerInstance.FitMode.FitPage;
-              }
-              else if (_this.fitMode === 'Zoom') {
-                  fitMode = _this.webViewerInstance.FitMode.Zoom;
-              }
-              _this.webViewerInstance.setFitMode(fitMode);
-          });
+          var _b = this.webViewerInstance, docViewer = _b.docViewer, annotManager = _b.annotManager, Annotations = _b.Annotations;
+          docViewer.on('documentLoaded', __classPrivateFieldGet(this, _PdftronComponent_docLoaded, "f"));
           if (!this.editMode) {
               this.webViewerInstance.annotManager.setReadOnly(true);
               // instance.enableTools([]);
@@ -30138,24 +30215,25 @@
               this.webViewerInstance.loadDocument(this.fileURL, {
                   xodstreaming: true,
                   customHeaders: {
-                      Authorization: this.authHeader,
-                  },
+                      Authorization: this.authHeader
+                  }
                   // withCredentials: true,
               });
           }
           else {
               this.webViewerInstance.loadDocument(new Blob([new Uint8Array(this.fileData)], { type: this.DOCUMENT_TYPE }), {
-                  filename: this.fileTitle,
+                  filename: this.fileTitle
               });
           }
           this.isFetching = false;
           // if not negelcting adding water mark then check conditions for adding it
           if (!this.negelectAddingWaterMark) {
               if (this.correspondance !== undefined) {
-                  // if we need to check on secrecy level for adding water mark or not 
+                  // if we need to check on secrecy level for adding water mark or not
                   if (this.environment.enableViewerWaterMark && this.secrecyProperty) {
                       // check for secrecy level befor adding watermark
-                      if (this.correspondance.properties[this.secrecyProperty] && this.correspondance.properties[this.secrecyProperty] !== 'Normal') {
+                      if (this.correspondance.properties[this.secrecyProperty] &&
+                          this.correspondance.properties[this.secrecyProperty] !== 'Normal') {
                           this.addWatermark();
                       }
                   }
@@ -30169,19 +30247,19 @@
       PdftronComponent.prototype.exportAsBlob = function () {
           return __awaiter(this, void 0, void 0, function () {
               var doc, xfdfString, data, arr, blob;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
+              return __generator(this, function (_b) {
+                  switch (_b.label) {
                       case 0:
                           doc = this.webViewerInstance.docViewer.getDocument();
                           return [4 /*yield*/, this.webViewerInstance.annotManager.exportAnnotations()];
                       case 1:
-                          xfdfString = _a.sent();
+                          xfdfString = _b.sent();
                           return [4 /*yield*/, doc.getFileData({
                                   // saves the document with annotations in it
-                                  xfdfString: xfdfString,
+                                  xfdfString: xfdfString
                               })];
                       case 2:
-                          data = _a.sent();
+                          data = _b.sent();
                           arr = new Uint8Array(data);
                           blob = new Blob([arr], { type: this.DOCUMENT_TYPE });
                           return [2 /*return*/, Promise.resolve(blob)];
@@ -30196,7 +30274,7 @@
                   'toolbarGroup-Shapes',
                   'toolbarGroup-Edit',
                   'toolbarGroup-Insert',
-                  'toolbarGroup-Annotate',
+                  'toolbarGroup-Annotate'
               ]);
               this.webViewerInstance.annotManager.setReadOnly(true);
           }
@@ -30207,20 +30285,14 @@
                       'toolbarGroup-Shapes',
                       'toolbarGroup-Edit',
                       'toolbarGroup-Insert',
-                      'toolbarGroup-Annotate',
+                      'toolbarGroup-Annotate'
                   ]);
                   var group = void 0;
                   if (this.editingType === 'signDoc') {
-                      this.webViewerInstance.enableElements([
-                          'toolbarGroup-Insert'
-                      ]);
+                      this.webViewerInstance.enableElements(['toolbarGroup-Insert']);
                   }
                   else if (this.editingType === 'annotate') {
-                      this.webViewerInstance.enableElements([
-                          'toolbarGroup-Shapes',
-                          'toolbarGroup-Edit',
-                          'toolbarGroup-Annotate',
-                      ]);
+                      this.webViewerInstance.enableElements(['toolbarGroup-Shapes', 'toolbarGroup-Edit', 'toolbarGroup-Annotate']);
                   }
               }
               else {
@@ -30228,7 +30300,7 @@
                       'toolbarGroup-Shapes',
                       'toolbarGroup-Edit',
                       'toolbarGroup-Insert',
-                      'toolbarGroup-Annotate',
+                      'toolbarGroup-Annotate'
                   ]);
               }
               this.webViewerInstance.annotManager.setReadOnly(false);
@@ -30240,11 +30312,9 @@
               this.toggleEdit();
               if (changes.urlFileContent &&
                   changes.urlFileContent.previousValue &&
-                  changes.urlFileContent.previousValue !==
-                      changes.urlFileContent.currentValue) {
+                  changes.urlFileContent.previousValue !== changes.urlFileContent.currentValue) {
                   this.ngOnDestroy();
                   this.ngOnInit();
-                  this.ngAfterViewInit();
               }
           }
       };
@@ -30257,9 +30327,9 @@
       // 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 _b = this.webViewerInstance, annotManager = _b.annotManager, docViewer = _b.docViewer, Annotations = _b.Annotations;
           var searchListener = function (searchPattern, options, results) {
-              var _a;
+              var _b;
               _this.mySearchStringResults = [];
               if (_this.savedAnotations.length > 0) {
                   _this.savedAnotations.map(function (annotation) {
@@ -30279,7 +30349,7 @@
                       annotation.Author = _this.webViewerInstance.annotManager.getCurrentUser();
                       return annotation;
                   });
-                  (_a = _this.savedAnotations).push.apply(_a, __spreadArray([], __read(_this.newAnnotations)));
+                  (_b = _this.savedAnotations).push.apply(_b, __spreadArray([], __read(_this.newAnnotations)));
                   annotManager.addAnnotations(_this.newAnnotations);
                   annotManager.drawAnnotationsFromList(_this.newAnnotations);
               }
@@ -30291,14 +30361,16 @@
               _this.webViewerInstance.addSearchListener(searchListener);
           });
       };
-      // perform automatic search when intering the page 
+      // 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 _b = this.webViewerInstance, annotManager = _b.annotManager, docViewer = _b.docViewer, Annotations = _b.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;
+              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
@@ -30310,13 +30382,13 @@
                           _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));
+                              _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);
+                                              _this.SearchForWordInLine(mySearch, line, index + 1, page);
                                           }
                                       });
                                   });
@@ -30324,7 +30396,7 @@
                           });
                       }
                       else {
-                          // then i am searching with only one word 
+                          // then i am searching with only one word
                           _this.searchForWordInAllPages(searchText);
                       }
                   });
@@ -30358,32 +30430,34 @@
               }
           });
       };
-      // search for single word in all pages 
+      // 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
+              _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),
-                                      }];
+                                  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);
                               }
@@ -30393,14 +30467,14 @@
               });
           });
       };
-      // search for word in single line 
+      // 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
+          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 = [];
@@ -30411,27 +30485,29 @@
           });
           // 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']))) {
+              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)) {
+          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),
+                  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);
+              this.constructSearchResult(listOfSearchedWords.join(' '), pagenumber, quads, line.text);
           }
       };
       PdftronComponent.prototype.constructSearchResult = function (searchedText, pageNum, quads, line) {
@@ -30444,7 +30520,8 @@
               resultStrEnd: mySeearchedTextEndIndex,
               pageNum: pageNum,
               resultCode: 2,
-              quads: [{
+              quads: [
+                  {
                       ea: quads[0]['y3'],
                       fa: quads[0]['y4'],
                       ha: quads[0]['x1'],
@@ -30453,7 +30530,8 @@
                       qB: quads[0]['x4'],
                       rB: quads[0]['y1'],
                       sB: quads[0]['y2']
-                  }]
+                  }
+              ]
           };
           this.mySearchStringResults.push(searchResultObject);
           console.log(this.mySearchStringResults);
@@ -30478,37 +30556,100 @@
       };
       // ------------------------------------------------------------------------ ------------------------------------------
       PdftronComponent.prototype.ngOnDestroy = function () {
-          if (this.webViewerInstance) {
-              this.webViewerInstance.closeDocument().then(function () {
-                  console.log('document closed!');
-              });
-              this.pdftronService.instance = this.webViewerInstance = null;
+          if (this.silentPdfTronService.isEnabled) {
+              __classPrivateFieldGet(this, _PdftronComponent_instances, "m", _PdftronComponent_reset).call(this);
+          }
+          else {
+              if (this.webViewerInstance) {
+                  this.webViewerInstance.closeDocument().then(function () {
+                      console.log('document closed!');
+                  });
+                  this.pdftronService.instance = this.webViewerInstance = null;
+              }
+              this.transelationSubscrition ? this.transelationSubscrition.unsubscribe() : null;
           }
-          this.transelationSubscrition ? this.transelationSubscrition.unsubscribe() : null;
       };
       return PdftronComponent;
   }());
-  PdftronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PdftronComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: PdftronService }, { token: NuxeoService }, { token: i4.APP_BASE_HREF }, { token: SecurePipe }, { token: TranslationService }, { token: CustomToastrService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  PdftronComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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", trackSignature: "trackSignature", useOutsideAnotations: "useOutsideAnotations", importedAnotations: "importedAnotations", allowDownloadSecretFile: "allowDownloadSecretFile", allowPrintSecretFile: "allowPrintSecretFile", negelectAddingWaterMark: "negelectAddingWaterMark" }, outputs: { onSignatureTracking: "onSignatureTracking", 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_docLoaded = new WeakMap(), _PdftronComponent_instances = new WeakSet(), _PdftronComponent_updateSilentPdfTron = function _PdftronComponent_updateSilentPdfTron() {
+      var rect = this.viewerRef.nativeElement.getBoundingClientRect();
+      Object.assign(this.silentPdfTron.style, {
+          position: 'absolute',
+          top: rect.top + "px",
+          left: rect.left + "px",
+          width: rect.width + "px",
+          height: rect.height + "px",
+          zIndex: '999',
+          display: 'block'
+      });
+  }, _PdftronComponent_afterLoadWebViewer = function _PdftronComponent_afterLoadWebViewer(instance) {
+      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();
+  }, _PdftronComponent_reset = function _PdftronComponent_reset() {
+      var _a;
+      this.webViewerInstance.closeDocument().then(function () {
+          console.log('document closed!');
+      });
+      this.pdftronService.instance = null;
+      this.transelationSubscrition ? this.transelationSubscrition.unsubscribe() : null;
+      this.silentPdfTron.style.display = 'none';
+      (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+      this.webViewerInstance.setHeaderItems(function (header) {
+          header.headers.default = header.headers.default.filter(function (q) { var _a; return !((_a = q.img) === null || _a === void 0 ? void 0 : _a.includes('<svg')); });
+      });
+      this.webViewerInstance.docViewer.off('documentLoaded', __classPrivateFieldGet(this, _PdftronComponent_docLoaded, "f"));
+      // maybe will need to reset signature & annotations
+  };
+  PdftronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PdftronComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: PdftronService }, { token: NuxeoService }, { token: i4.APP_BASE_HREF }, { token: TranslationService }, { token: SilentPdfTronService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  PdftronComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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", trackSignature: "trackSignature", useOutsideAnotations: "useOutsideAnotations", importedAnotations: "importedAnotations", allowDownloadSecretFile: "allowDownloadSecretFile", allowPrintSecretFile: "allowPrintSecretFile", negelectAddingWaterMark: "negelectAddingWaterMark" }, outputs: { onSignatureTracking: "onSignatureTracking", onAddingAnotation: "onAddingAnotation", events: "events", SignatureEvent: "SignatureEvent" }, providers: [SecurePipe], viewQueries: [{ propertyName: "viewerRef", first: true, predicate: ["fileViewer"], descendants: true, static: 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.17", ngImport: i0__namespace, type: PdftronComponent, decorators: [{
               type: i0.Component,
               args: [{
                       selector: 'app-pdftron',
                       templateUrl: './pdftron.component.html',
                       styleUrls: ['./pdftron.component.scss'],
-                      providers: [SecurePipe],
+                      providers: [SecurePipe]
                   }]
           }], ctorParameters: function () {
           return [{ type: i0__namespace.ChangeDetectorRef }, { type: PdftronService }, { type: NuxeoService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: [i4.APP_BASE_HREF]
-                      }] }, { type: SecurePipe }, { type: TranslationService }, { type: CustomToastrService }, { type: undefined, decorators: [{
+                      }] }, { type: TranslationService }, { type: SilentPdfTronService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }];
       }, propDecorators: { viewerRef: [{
                   type: i0.ViewChild,
-                  args: ['fileViewer']
+                  args: ['fileViewer', { static: true }]
               }], editMode: [{
                   type: i0.Input
               }], actionClicked: [{
@@ -35034,7 +35175,6 @@
       function BaseChartComponent() {
           var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
           _this.responsive = true;
-          _this.legend = true;
           _this.onReady = new i0.EventEmitter();
           return _this;
       }
@@ -35049,7 +35189,7 @@
       return BaseChartComponent;
   }(DestroySubject));
   BaseChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseChartComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-  BaseChartComponent.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseChartComponent, inputs: { type: "type", plugins: "plugins", width: "width", height: "height", responsive: "responsive", legend: "legend", fontFamily: "fontFamily", fontSize: "fontSize" }, outputs: { onReady: "onReady" }, usesInheritance: true, ngImport: i0__namespace });
+  BaseChartComponent.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseChartComponent, inputs: { type: "type", plugins: "plugins", width: "width", height: "height", responsive: "responsive", fontFamily: "fontFamily", fontSize: "fontSize" }, outputs: { onReady: "onReady" }, usesInheritance: true, ngImport: i0__namespace });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseChartComponent, decorators: [{
               type: i0.Directive,
               args: [{}]
@@ -35063,8 +35203,6 @@
                   type: i0.Input
               }], responsive: [{
                   type: i0.Input
-              }], legend: [{
-                  type: i0.Input
               }], fontFamily: [{
                   type: i0.Input
               }], fontSize: [{
@@ -35126,18 +35264,11 @@
       ChartComponent.prototype.initChart = function () {
           var canvas = this.getCanvas();
           if (canvas) {
-              var options = ___default["default"].merge({
-                  plugins: {
-                      legend: {
-                          display: this.legend,
-                      },
-                  },
-              }, this.options);
               this._chart = new Chart__default["default"](canvas, {
                   type: this.type,
                   data: this.data,
-                  options: options,
-                  plugins: this.plugins,
+                  options: this.options,
+                  plugins: this.plugins
               });
               this.onReady.emit(this._chart);
           }
@@ -35167,19 +35298,19 @@
       return ChartComponent;
   }(BaseChartComponent));
   ChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ChartComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.NgZone }, { token: CHART_DEFAULTS_OPTIONS, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  ChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ChartComponent, selector: "app-chart", inputs: { data: "data", options: "options" }, host: { classAttribute: "bs-chart" }, usesInheritance: true, ngImport: i0__namespace, template: "<canvas\n    #canvas\n    [attr.width]=\"responsive && !width ? null : width\"\n    [attr.height]=\"responsive && !height ? null : height\"\n  ></canvas>", isInline: true, styles: ["\n      :host {\n        position: relative;\n        display: var(--chart-display, flex);\n        flex-direction: var(--chart-direction, column);\n        justify-content: var(--chart-justify, center);\n        align-items: var(--chart-align, center);\n        width: var(--chart-width, 100%);\n        max-height: var(--chart-height, 100%);\n        min-height : 0;\n      }\n    "], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+  ChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ChartComponent, selector: "app-chart", inputs: { data: "data", options: "options" }, host: { classAttribute: "bs-chart" }, usesInheritance: true, ngImport: i0__namespace, template: "<canvas\n\t\t#canvas\n\t\t[attr.width]=\"responsive && !width ? null : width\"\n\t\t[attr.height]=\"responsive && !height ? null : height\"\n\t></canvas>", isInline: true, styles: ["\n\t\t\t:host {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: var(--chart-display, flex);\n\t\t\t\tflex-direction: var(--chart-direction, column);\n\t\t\t\tjustify-content: var(--chart-justify, center);\n\t\t\t\talign-items: var(--chart-align, center);\n\t\t\t\twidth: var(--chart-width, 100%);\n\t\t\t\tmax-height: var(--chart-height, 100%);\n\t\t\t\tmin-height: 0;\n\t\t\t}\n\t\t"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ChartComponent, decorators: [{
               type: i0.Component,
               args: [{
                       selector: 'app-chart',
                       changeDetection: i0.ChangeDetectionStrategy.OnPush,
                       host: {
-                          class: 'bs-chart',
+                          class: 'bs-chart'
                       },
-                      template: "<canvas\n    #canvas\n    [attr.width]=\"responsive && !width ? null : width\"\n    [attr.height]=\"responsive && !height ? null : height\"\n  ></canvas>",
+                      template: "<canvas\n\t\t#canvas\n\t\t[attr.width]=\"responsive && !width ? null : width\"\n\t\t[attr.height]=\"responsive && !height ? null : height\"\n\t></canvas>",
                       styles: [
-                          "\n      :host {\n        position: relative;\n        display: var(--chart-display, flex);\n        flex-direction: var(--chart-direction, column);\n        justify-content: var(--chart-justify, center);\n        align-items: var(--chart-align, center);\n        width: var(--chart-width, 100%);\n        max-height: var(--chart-height, 100%);\n        min-height : 0;\n      }\n    ",
-                      ],
+                          "\n\t\t\t:host {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: var(--chart-display, flex);\n\t\t\t\tflex-direction: var(--chart-direction, column);\n\t\t\t\tjustify-content: var(--chart-justify, center);\n\t\t\t\talign-items: var(--chart-align, center);\n\t\t\t\twidth: var(--chart-width, 100%);\n\t\t\t\tmax-height: var(--chart-height, 100%);\n\t\t\t\tmin-height: 0;\n\t\t\t}\n\t\t"
+                      ]
                   }]
           }], ctorParameters: function () {
           return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.NgZone }, { type: undefined, decorators: [{
@@ -35385,7 +35516,7 @@
           _this._rebuildTrigger$ = _this._rebuildDataSub.asObservable();
           _this._isInitialized = false;
           _this._defaultParams = {
-              pageSize: 1,
+              pageSize: 1
           };
           return _this;
       }
@@ -35414,7 +35545,7 @@
           var _this = this;
           this._statisticService.prepareConfig({
               translatePrefix: this.translatePrefix,
-              bindValue: this.bindValue,
+              bindValue: this.bindValue
           });
           this.chartData$ = this._rebuildTrigger$.pipe(operators.filter(Boolean), operators.switchMap(function (params) { return _this._preparedData(params); }));
           this._subscribeToLanguage();
@@ -35437,8 +35568,8 @@
                   meta: rxjs.of({
                       label: dataSource.label,
                       dataset: dataSource.dataset,
-                      colors: dataSource.colors,
-                  }),
+                      colors: dataSource.colors
+                  })
               }).pipe(operators.finalize(function () {
                   _this._isInitialized = true;
               }));
@@ -35466,7 +35597,7 @@
           });
           return {
               labels: Array.from(_labels.values()),
-              datasets: _datasets,
+              datasets: _datasets
           };
       };
       DataChartComponent.prototype._fetchStatistic = function (config, overridesParams) {
@@ -35489,13 +35620,13 @@
       return DataChartComponent;
   }(BaseChartComponent));
   DataChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataChartComponent, deps: [{ token: i1__namespace.TranslateService }, { token: StatisticService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  DataChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DataChartComponent, selector: "app-data-chart", inputs: { dataSource: "dataSource", options: "options", dataset: "dataset", translatePrefix: "translatePrefix", bindValue: "bindValue", colors: "colors", updateOnLangChange: "updateOnLangChange", updateData: "updateData", transformData: "transformData" }, outputs: { onDataReady: "onDataReady" }, usesInheritance: true, ngImport: i0__namespace, template: "\n    <app-chart\n      *ngIf=\"chartData$ | async as data\"\n      [type]=\"type\"\n      [data]=\"data\"\n      [options]=\"options\"\n      [plugins]=\"plugins\"\n      [width]=\"width\"\n      [height]=\"height\"\n      [legend]=\"legend\"\n      [fontFamily]=\"fontFamily\"\n      [fontSize]=\"fontSize\"\n      [responsive]=\"responsive\"\n      (onReady)=\"onReady.emit($event)\"\n    ></app-chart>\n  ", isInline: true, components: [{ type: ChartComponent, selector: "app-chart", inputs: ["data", "options"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4__namespace$1.AsyncPipe } });
+  DataChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DataChartComponent, selector: "app-data-chart", inputs: { dataSource: "dataSource", options: "options", dataset: "dataset", translatePrefix: "translatePrefix", bindValue: "bindValue", colors: "colors", updateOnLangChange: "updateOnLangChange", updateData: "updateData", transformData: "transformData" }, outputs: { onDataReady: "onDataReady" }, usesInheritance: true, ngImport: i0__namespace, template: "\n\t\t<app-chart\n\t\t\t*ngIf=\"chartData$ | async as data\"\n\t\t\t[type]=\"type\"\n\t\t\t[data]=\"data\"\n\t\t\t[options]=\"options\"\n\t\t\t[plugins]=\"plugins\"\n\t\t\t[width]=\"width\"\n\t\t\t[height]=\"height\"\n\t\t\t[fontFamily]=\"fontFamily\"\n\t\t\t[fontSize]=\"fontSize\"\n\t\t\t[responsive]=\"responsive\"\n\t\t\t(onReady)=\"onReady.emit($event)\"\n\t\t></app-chart>\n\t", isInline: true, components: [{ type: ChartComponent, selector: "app-chart", inputs: ["data", "options"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4__namespace$1.AsyncPipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataChartComponent, decorators: [{
               type: i0.Component,
               args: [{
                       selector: 'app-data-chart',
-                      template: "\n    <app-chart\n      *ngIf=\"chartData$ | async as data\"\n      [type]=\"type\"\n      [data]=\"data\"\n      [options]=\"options\"\n      [plugins]=\"plugins\"\n      [width]=\"width\"\n      [height]=\"height\"\n      [legend]=\"legend\"\n      [fontFamily]=\"fontFamily\"\n      [fontSize]=\"fontSize\"\n      [responsive]=\"responsive\"\n      (onReady)=\"onReady.emit($event)\"\n    ></app-chart>\n  ",
-                      styles: [],
+                      template: "\n\t\t<app-chart\n\t\t\t*ngIf=\"chartData$ | async as data\"\n\t\t\t[type]=\"type\"\n\t\t\t[data]=\"data\"\n\t\t\t[options]=\"options\"\n\t\t\t[plugins]=\"plugins\"\n\t\t\t[width]=\"width\"\n\t\t\t[height]=\"height\"\n\t\t\t[fontFamily]=\"fontFamily\"\n\t\t\t[fontSize]=\"fontSize\"\n\t\t\t[responsive]=\"responsive\"\n\t\t\t(onReady)=\"onReady.emit($event)\"\n\t\t></app-chart>\n\t",
+                      styles: []
                   }]
           }], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }, { type: StatisticService }]; }, propDecorators: { dataSource: [{
                   type: i0.Input
@@ -35559,17 +35690,14 @@
       maintainAspectRatio: false,
       plugins: {
           tooltip: {
-              enabled: true,
+              enabled: true
           },
           legend: {
               labels: {
-                  usePointStyle: true,
-                  boxWidth: 8,
-              },
-              display: true,
-          },
-      },
-      cutout: '30%',
+                  usePointStyle: true
+              }
+          }
+      }
   };
 
   var LINE_OPTIONS = {
@@ -35580,52 +35708,36 @@
               ticks: {
                   autoSkip: true,
                   maxTicksLimit: 12,
-                  source: 'labels',
+                  source: 'labels'
               },
               time: {
                   unit: 'week',
                   displayFormats: {
-                      week: 'DD-MM-yyyy',
-                  },
-              },
+                      week: 'DD-MM-yyyy'
+                  }
+              }
           },
           y: {
               ticks: {
-                  precision: 0,
-              },
-          },
-      },
-      plugins: {
-          title: {
-              display: true,
-              text: '',
-          },
-          legend: {
-              labels: {
-                  boxWidth: 12,
-              },
-          },
-      },
+                  precision: 0
+              }
+          }
+      }
   };
 
   var PIE_OPTIONS = {
       plugins: {
           title: {
-              display: false,
+              display: false
           },
           legend: {
               labels: {
-                  usePointStyle: true,
-                  boxWidth: 8,
-              },
-              position: 'top',
-          },
-      },
-      layout: {
-          padding: 0,
+                  usePointStyle: true
+              }
+          }
       },
       responsive: true,
-      maintainAspectRatio: false,
+      maintainAspectRatio: false
   };
 
   var index$1 = /*#__PURE__*/Object.freeze({
@@ -35998,6 +36110,7 @@
   exports.SharedDocsService = SharedDocsService;
   exports.SharedServicesModule = SharedServicesModule;
   exports.SidepanelComponent = SidepanelComponent;
+  exports.SilentPdfTronService = SilentPdfTronService;
   exports.SingleActivityComponent = SingleActivityComponent;
   exports.Socket = Socket;
   exports.SpellCheckerFieldModule = SpellCheckerFieldModule;