@colijnit/sharedcomponents 258.1.11 → 258.1.12

package/bundles/colijnit-sharedcomponents.umd.js

@@ -3750,6 +3750,7 @@
           this.additionalFileChangeEvent = new i0.EventEmitter();
           this.signaturePads = {};
           this.signatureCanvases = {};
+          this.showLoader = false;
       }
       CustomPdfDialogComponent.prototype.showClass = function () {
           return true;
@@ -3833,54 +3834,83 @@
       };
       CustomPdfDialogComponent.prototype.handleSaveClicked = function () {
           return __awaiter(this, void 0, void 0, function () {
-              var clearButton, doc, htmlDocument, documentSection, sectionsCount, _loop_1, i;
-              var _this = this;
+              var clearButton, doc, htmlDocument, documentSection, sectionsCount, _loop_1, i, tempFile, file, fileAsCoDocument;
               return __generator(this, function (_a) {
-                  clearButton = document.getElementById('clearButton');
-                  clearButton.hidden = true;
-                  doc = new jspdf.jsPDF();
-                  htmlDocument = document.querySelector("#pdfBody");
-                  documentSection = htmlDocument.getElementsByTagName('section');
-                  sectionsCount = documentSection.length;
-                  _loop_1 = function (i) {
-                      var html = documentSection[i];
-                      htmlToImage.toJpeg(html, {
-                          quality: 1,
-                          backgroundColor: 'white'
-                      }).then(function (dataUrl) {
-                          var img = new Image();
-                          img.src = dataUrl;
-                          img.onload = function () {
-                              var imgWidth = 218;
-                              var imgHeight = (img.height * imgWidth) / img.width;
-                              doc.addImage(dataUrl, 'JPG', -4, 0, imgWidth, imgHeight);
-                              if (i === sectionsCount - 1) {
-                                  // doc.save(this.additionalFileName + '.pdf');
-                                  var tempFile = doc.output('datauristring');
-                                  var file_1 = _this.dataURItoBlob(tempFile);
-                                  fileUtils.FileUtils.ReadFileAsNewCoDocument(file_1).then(function (fileAsCoDocument) {
-                                      // set some extra known fields for the codocument:
-                                      fileAsCoDocument.fileType = fileUtils.FileUtils.IsImageFile(file_1) ? fileType_enum.FileType.Image : fileType_enum.FileType.Document;
-                                      fileAsCoDocument.creationDate = new Date();
-                                      fileAsCoDocument.modifiedDate = new Date();
-                                      fileAsCoDocument.reports = 1;
-                                      _this.additionalFileChangeEvent.emit(fileAsCoDocument);
-                                      _this.closePDFDialog.emit();
-                                  });
-                              }
-                              else {
-                                  doc.addPage();
-                              }
+                  switch (_a.label) {
+                      case 0:
+                          this.showLoader = true;
+                          clearButton = document.getElementById('clearButton');
+                          clearButton.hidden = true;
+                          doc = new jspdf.jsPDF();
+                          htmlDocument = document.querySelector("#pdfBody");
+                          documentSection = htmlDocument.getElementsByTagName('section');
+                          sectionsCount = documentSection.length;
+                          _loop_1 = function (i) {
+                              var html, dataUrl_1, img_1, error_1;
+                              return __generator(this, function (_b) {
+                                  switch (_b.label) {
+                                      case 0:
+                                          html = documentSection[i];
+                                          _b.label = 1;
+                                      case 1:
+                                          _b.trys.push([1, 4, , 5]);
+                                          return [4 /*yield*/, htmlToImage.toJpeg(html, {
+                                                  quality: 1,
+                                                  backgroundColor: 'white'
+                                              })];
+                                      case 2:
+                                          dataUrl_1 = _b.sent();
+                                          img_1 = new Image();
+                                          img_1.src = dataUrl_1;
+                                          return [4 /*yield*/, new Promise(function (resolve) {
+                                                  img_1.onload = function () {
+                                                      var imgWidth = 218;
+                                                      var imgHeight = (img_1.height * imgWidth) / img_1.width;
+                                                      doc.addImage(dataUrl_1, 'JPG', -4, 0, imgWidth, imgHeight);
+                                                      if (i < sectionsCount - 1) {
+                                                          doc.addPage();
+                                                      }
+                                                      resolve();
+                                                  };
+                                              })];
+                                      case 3:
+                                          _b.sent();
+                                          return [3 /*break*/, 5];
+                                      case 4:
+                                          error_1 = _b.sent();
+                                          console.error('Error generating image:', error_1);
+                                          return [3 /*break*/, 5];
+                                      case 5: return [2 /*return*/];
+                                  }
+                              });
                           };
-                      }).catch(function (error) {
-                          console.error('Error generating image:', error);
-                      });
-                  };
-                  for (i = 0; i < sectionsCount; i++) {
-                      _loop_1(i);
+                          i = 0;
+                          _a.label = 1;
+                      case 1:
+                          if (!(i < sectionsCount)) return [3 /*break*/, 4];
+                          return [5 /*yield**/, _loop_1(i)];
+                      case 2:
+                          _a.sent();
+                          _a.label = 3;
+                      case 3:
+                          i++;
+                          return [3 /*break*/, 1];
+                      case 4:
+                          tempFile = doc.output('datauristring');
+                          file = this.dataURItoBlob(tempFile);
+                          return [4 /*yield*/, fileUtils.FileUtils.ReadFileAsNewCoDocument(file)];
+                      case 5:
+                          fileAsCoDocument = _a.sent();
+                          fileAsCoDocument.fileType = fileUtils.FileUtils.IsImageFile(file) ? fileType_enum.FileType.Image : fileType_enum.FileType.Document;
+                          fileAsCoDocument.creationDate = new Date();
+                          fileAsCoDocument.modifiedDate = new Date();
+                          fileAsCoDocument.reports = 1;
+                          this.additionalFileChangeEvent.emit(fileAsCoDocument);
+                          this.showLoader = false;
+                          this.closePDFDialog.emit();
+                          clearButton.hidden = false;
+                          return [2 /*return*/];
                   }
-                  clearButton.hidden = false;
-                  return [2 /*return*/];
               });
           });
       };
@@ -3911,7 +3941,7 @@
   CustomPdfDialogComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: 'co-custom-pdf-dialog',
-                  template: "\n      <co-dialog\n              [footerTemplate]=\"footerTemplate\"\n              id=\"custom-pdf-dialog\"\n              (closeClick)=\"closePDFDialog.emit()\">\n          <div #pdfBody id=\"pdfBody\">\n              <section [innerHTML]=\"fileBody\"></section>\n          </div>\n          <ng-template #footerTemplate>\n              <div class=\"co-dialog-footer-button-wrapper\">\n                  <co-button class=\"save-button\"\n                             [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                             (click)=\"handleSaveClicked()\"></co-button>\n                  <co-button class=\"close-button\"\n                             [iconData]=\"iconCacheService.getIcon(icons.CrossSkinny)\"\n                             (click)=\"closePDFDialog.emit()\"></co-button>\n              </div>\n          </ng-template>\n      </co-dialog>\n  ",
+                  template: "\n    <co-dialog\n      [footerTemplate]=\"footerTemplate\"\n      id=\"custom-pdf-dialog\"\n      (closeClick)=\"closePDFDialog.emit()\">\n      <!-- create a nice container for loader so it is not random in the corner somewhere -->\n      <div *ngIf=\"showLoader\" class=\"loader-container\">\n        <co-loader *ngIf=\"showLoader\"></co-loader>\n      </div>\n\n      <div #pdfBody id=\"pdfBody\">\n        <section [innerHTML]=\"fileBody\"></section>\n      </div>\n      <ng-template #footerTemplate>\n        <div class=\"co-dialog-footer-button-wrapper\">\n          <co-button class=\"save-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                     (click)=\"handleSaveClicked()\"></co-button>\n          <co-button class=\"close-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.CrossSkinny)\"\n                     (click)=\"closePDFDialog.emit()\"></co-button>\n        </div>\n      </ng-template>\n    </co-dialog>\n  ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
@@ -3941,6 +3971,7 @@
                       common.CommonModule,
                       corecomponents_v12.ButtonModule,
                       SharedComponentsTranslationModule,
+                      corecomponents_v12.LoaderModule
                   ],
                   declarations: [
                       CustomPdfDialogComponent