@colijnit/sharedcomponents 256.2.8 → 256.2.9

package/fesm2015/colijnit-sharedcomponents.js

@@ -46,19 +46,19 @@ import { ArticleExtendedRequest } from '@colijnit/articleapi/build/model/article
 import * as i1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
 import { ArticleStockManagement } from '@colijnit/articleapi/build/model/article-stock-management';
-import { BaseModuleScreenConfigService, IconModule, ListOfValuesModule, InputCheckboxModule, CoDialogModule, ButtonModule, ScreenConfigurationModule, OverlayService, ClickoutsideModule, OverlayModule, InputRadioButtonModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, PopupModule, InputDatePickerModule, ResponsiveTextModule, InputSearchModule, PromptService, FormComponent, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, CoOrientation, CoreComponentsTranslationModule, TemplateWrapperModule, FormModule, FormMasterService, IconCacheService as IconCacheService$1, CoreDialogService, InputDateRangePickerModule, CollapsibleModule, ColorSequenceService, ListOfIconsModule } from '@colijnit/corecomponents_v12';
+import { BaseModuleScreenConfigService, IconModule, ListOfValuesModule, CoDialogModule, ButtonModule, InputCheckboxModule, ScreenConfigurationModule, OverlayService, ClickoutsideModule, OverlayModule, InputRadioButtonModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, PopupModule, InputDatePickerModule, ResponsiveTextModule, InputSearchModule, PromptService, FormComponent, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, CoOrientation, CoreComponentsTranslationModule, TemplateWrapperModule, FormModule, FormMasterService, IconCacheService as IconCacheService$1, CoreDialogService, InputDateRangePickerModule, CollapsibleModule, ColorSequenceService, ListOfIconsModule } from '@colijnit/corecomponents_v12';
 import { ArticleTransaction as ArticleTransaction$1 } from '@colijnit/articleapi/build/model/article-transaction';
 import { PrintPriceStickers } from '@colijnit/sharedapi/build/model/print-price-stickers.bo';
 import { ReportingDocumentEmailSignDocBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request';
 import { ReportingDocumentPdfBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-pdf-base-request';
 import { ReportingDocumentPrintSignDocBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request';
 import { SendMethodType } from '@colijnit/mainapi/build/enum/send-method-type.enum';
-import { SelectReportTemplatesRequest } from '@colijnit/mainapi/build/model/select-report-templates-request';
-import { EmailJob } from '@colijnit/mainapi/build/model/email-job';
 import { jsPDF } from 'jspdf';
 import { toJpeg } from 'html-to-image';
 import { FileUtils } from '@colijnit/mainapi/build/utils/file-utils';
 import { FileType as FileType$1 } from '@colijnit/mainapi/build/enum/file-type.enum';
+import { SelectReportTemplatesRequest } from '@colijnit/mainapi/build/model/select-report-templates-request';
+import { EmailJob } from '@colijnit/mainapi/build/model/email-job';
 import { GetStockHistoryRequest } from '@colijnit/articleapi/build/model/get-stock-history-request';
 import { Chart, DoughnutController, ArcElement } from 'chart.js';
 import * as moment from 'moment';
@@ -1534,6 +1534,7 @@ var Icon;
     Icon["EyeRegular"] = "eye_regular";
     Icon["FileExportRegular"] = "file_export_regular";
     Icon["FileExportSolid"] = "file_export_solid";
+    Icon["FileMagnifyingGlass"] = "file_magnifying_glass";
     Icon["FilePdfRegular"] = "file_pdf_regular";
     Icon["FilePdfSolid"] = "file_pdf_solid";
     Icon["FileSignatureRegular"] = "file_signature_regular";
@@ -1609,6 +1610,7 @@ const IconSvg = {
     "eye_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z\"/></svg>",
     "file_export_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M568.1 303l-80-80c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94L494.1 296H216C202.8 296 192 306.8 192 320s10.75 24 24 24h278.1l-39.03 39.03C450.3 387.7 448 393.8 448 400s2.344 12.28 7.031 16.97c9.375 9.375 24.56 9.375 33.94 0l80-80C578.3 327.6 578.3 312.4 568.1 303zM360 384c-13.25 0-24 10.74-24 24V448c0 8.836-7.164 16-16 16H64.02c-8.836 0-16-7.164-16-16L48 64.13c0-8.836 7.164-16 16-16h160L224 128c0 17.67 14.33 32 32 32h79.1v72c0 13.25 10.74 24 23.1 24S384 245.3 384 232V138.6c0-16.98-6.742-33.26-18.75-45.26l-74.63-74.64C278.6 6.742 262.3 0 245.4 0H63.1C28.65 0-.002 28.66 0 64l.0065 384c.002 35.34 28.65 64 64 64H320c35.2 0 64-28.8 64-64v-40C384 394.7 373.3 384 360 384z\"/></svg>",
     "file_export_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M32 64C32 28.7 60.7 0 96 0H256V128c0 17.7 14.3 32 32 32H416V288H248c-13.3 0-24 10.7-24 24s10.7 24 24 24H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V64zM416 336V288H526.1l-39-39c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l80 80c9.4 9.4 9.4 24.6 0 33.9l-80 80c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l39-39H416zm0-208H288V0L416 128z\"/></svg>",
+    "file_magnifying_glass": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3l0 5.5c-16.7 0-32.8 2.6-48 7.3l0-7.3-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16l250.1 0c18.7 9.1 39.5 14.6 61.4 15.8C364.5 499 343.7 512 320 512L64 512c-35.3 0-64-28.7-64-64L0 64zM256 320c0-70.7 57.3-128 128-128s128 57.3 128 128c0 26.7-8.2 51.4-22.1 71.9L569 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L456 425.8l-.1 .1C435.4 439.8 410.7 448 384 448c-70.7 0-128-57.3-128-128zm48 0c0 28.6 15.2 55 40 69.3s55.2 14.3 80 0s40-40.7 40-69.3s-15.2-55-40-69.3s-55.2-14.3-80 0s-40 40.7-40 69.3z\"/></svg>",
     "file_pdf_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M64 464l48 0 0 48-48 0c-35.3 0-64-28.7-64-64L0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3L384 304l-48 0 0-144-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z\"/></svg>",
     "file_pdf_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM64 224H88c30.9 0 56 25.1 56 56s-25.1 56-56 56H80v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V320 240c0-8.8 7.2-16 16-16zm24 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H80v48h8zm72-64c0-8.8 7.2-16 16-16h24c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H176c-8.8 0-16-7.2-16-16V240zm32 112h8c8.8 0 16-7.2 16-16V272c0-8.8-7.2-16-16-16h-8v96zm96-128h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H304v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H304v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V304 240c0-8.8 7.2-16 16-16z\"/></svg>",
     "file_signature_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M64 464H320c8.8 0 16-7.2 16-16v-6.7l39.8-9.9c2.8-.7 5.6-1.6 8.2-2.7V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3v49.1l-48 48V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zm96-115l-9.8 32.8c-6.1 20.3-24.8 34.2-46 34.2H96c-8.8 0-16-7.2-16-16s7.2-16 16-16h8.2c7.1 0 13.3-4.6 15.3-11.4l14.9-49.5c3.4-11.3 13.8-19.1 25.6-19.1s22.2 7.7 25.6 19.1l11.6 38.6c7.4-6.2 16.8-9.7 26.8-9.7c15.9 0 30.4 9 37.5 23.2l4.4 8.8h25.6l12-48.2c1.4-5.6 4.3-10.8 8.4-14.9L441.1 191.8l71 71L382.9 391.9c-4.1 4.1-9.2 7-14.9 8.4l-60.1 15c-1.1 .3-2.1 .4-3.2 .5c-.8 .1-1.5 .2-2.3 .2H256c-6.1 0-11.6-3.4-14.3-8.8l-8.8-17.7c-1.7-3.4-5.1-5.5-8.8-5.5s-7.2 2.1-8.8 5.5l-8.8 17.7c-2.9 5.9-9.2 9.4-15.7 8.8s-12.1-5.1-13.9-11.3L160 349zM549.8 139.7l14.4 14.4c15.6 15.6 15.6 40.9 0 56.6l-29.4 29.4-71-71 29.4-29.4c15.6-15.6 40.9-15.6 56.6 0z\"/></svg>",
@@ -2750,6 +2752,7 @@ class SendMethodDialogComponent {
         this.showWebservice = true;
         this.showPdf = true;
         this.selectedPurchaseMethod = {};
+        this.additionalFileHasBeenSaved = false;
         this._subscriptions = [];
         this._subscriptions.push(this._sendMethodService.reportingDocumentPrintSignDocBaseRequestChanged.subscribe((value) => this.reportingDocumentPrintRequestChange.next(value)), this._sendMethodService.reportingDocumentEmailSignDocBaseRequestChanged.subscribe((value) => this.reportingDocumentEmailRequestChange.next(value)), this._sendMethodService.reportingDocumentPdfBaseRequestChanged.subscribe((value) => this.reportingDocumentPdfRequestChange.next(value)));
     }
@@ -2786,7 +2789,28 @@ class SendMethodDialogComponent {
                 this.purchaseItems.nativeElement.offsetLeft - this.navigationItems.nativeElement.offsetLeft;
         }
     }
+    handleAdditionalFileSaved(file) {
+        this.additionalFileHasBeenSaved = true;
+        this.additionalFileChangeEvent.emit(file);
+        this._continueHandleOkClick();
+    }
     handleOkClick() {
+        var _a, _b, _c, _d;
+        if (this.isAdditionalDocEnabled && !this.additionalFileHasBeenSaved) {
+            if (((_a = this.activeSendMethod) === null || _a === void 0 ? void 0 : _a.code) === SendMethodType.Print &&
+                ((_b = this.printerComponentRef) === null || _b === void 0 ? void 0 : _b.isAdditionalFileActive())) {
+                this.printerComponentRef.openAdditionalFileDialog();
+                return;
+            }
+            if (((_c = this.activeSendMethod) === null || _c === void 0 ? void 0 : _c.code) === SendMethodType.Email &&
+                ((_d = this.emailComponentRef) === null || _d === void 0 ? void 0 : _d.isAdditionalFileActive())) {
+                this.emailComponentRef.openAdditionalFileDialog();
+                return;
+            }
+        }
+        this._continueHandleOkClick();
+    }
+    _continueHandleOkClick() {
         if (this.activeSendMethod && this.activeSendMethod.code.toString() === "COMBINED") {
             const selectedMethodData = Object.assign({ sendMethod: this.activeSendMethod.code.toString() }, this.selectedPurchaseMethod);
             this.okClick.emit(selectedMethodData);
@@ -2921,6 +2945,7 @@ SendMethodDialogComponent.decorators = [
                   </div>
                   <div #printItems class="send-method-navigation-content co-small-scrollbar" *ngIf="showPrint">
                       <co-send-method-printer
+                        #printerComponent
                               [isPrinterLayoutsEnabled]="isPrinterLayoutsEnabled"
                               [printerList]="printerList"
                               [layouts]="printLayouts"
@@ -2930,20 +2955,25 @@ SendMethodDialogComponent.decorators = [
                               [pdfDoc]="pdfDoc"
                               [disablePdfPreview]="disablePdfPreview"
                               [defaultPrinter]="defaultPrinter"
-                              (additionalFileChangeEvent)="additionalFileChangeEvent.emit($event)"
-                              (showFilePreview)="showFilePreview.emit($event)"
+                            (additionalFileChangeEvent)="handleAdditionalFileSaved($event)"
+                            (showFilePreview)="showFilePreview.emit($event)"
                               (loadDefaultPrinterName)="loadDefaultPrinterName.emit($event)"
                       ></co-send-method-printer>
                   </div>
                   <div #emailItems class="send-method-navigation-content co-small-scrollbar" *ngIf="showEmail">
                       <co-send-method-email
+                        #emailComponent
                               [emailAddresses]="emailAddresses"
                               [layouts]="emailLayouts"
                               [pdfDoc]="pdfDoc"
                               [disablePdfPreview]="disablePdfPreview"
                               [emailUnsignedPossible]="emailUnsignedPossible"
                               (showFilePreview)="showFilePreview.emit($event)"
-                              (loadDefaultPrinterName)="loadDefaultPrinterName.emit($event)">
+                            (loadDefaultPrinterName)="loadDefaultPrinterName.emit($event)"
+                            [isAdditionalDocEnabled]="isAdditionalDocEnabled"
+                            [additionalFileContents]="additionalFileContents"
+                            [additionalFileName]="additionalFileName"
+                            (additionalFileChangeEvent)="handleAdditionalFileSaved($event)">
                       </co-send-method-email>
                   </div>
                   <div #ediItems class="send-method-navigation-content co-small-scrollbar" *ngIf="showEdi">
@@ -3016,6 +3046,8 @@ SendMethodDialogComponent.propDecorators = {
     webServiceItems: [{ type: ViewChild, args: ['webServiceItems', { read: ElementRef },] }],
     pdfItems: [{ type: ViewChild, args: ['pdfItems', { read: ElementRef },] }],
     purchaseItems: [{ type: ViewChild, args: ['purchaseItems', { read: ElementRef },] }],
+    printerComponentRef: [{ type: ViewChild, args: ['printerComponent',] }],
+    emailComponentRef: [{ type: ViewChild, args: ['emailComponent',] }],
     printerList: [{ type: Input }],
     reportingDocumentPrintRequest: [{ type: Input }],
     reportingDocumentEmailRequest: [{ type: Input }],
@@ -3064,8 +3096,12 @@ class SendMethodEmailComponent {
         this.pdfDoc = '';
         this.disablePdfPreview = false;
         this.emailUnsignedPossible = false;
+        this.additionalFileContents = '';
+        this.additionalFileName = '';
+        this.isAdditionalDocEnabled = false;
         this.showFilePreview = new EventEmitter();
         this.loadDefaultPrinterName = new EventEmitter();
+        this.additionalFileChangeEvent = new EventEmitter();
         this.emailAddressViewmodels = [];
     }
     showClass() {
@@ -3089,6 +3125,14 @@ class SendMethodEmailComponent {
         }
         emailAddressViewmodel.checked = wantedValue;
     }
+    openAdditionalFileDialog() {
+        var _a;
+        (_a = this.additionalFileButtonRef) === null || _a === void 0 ? void 0 : _a.openForSave();
+    }
+    isAdditionalFileActive() {
+        var _a, _b;
+        return (_b = (_a = this.additionalFileButtonRef) === null || _a === void 0 ? void 0 : _a.isActive) !== null && _b !== void 0 ? _b : false;
+    }
 }
 SendMethodEmailComponent.decorators = [
     { type: Component, args: [{
@@ -3104,6 +3148,13 @@ SendMethodEmailComponent.decorators = [
         [useDefault]="false"
         [label]="'EMAIL_LAYOUT'">
       </co-layout-selection>
+      <co-additional-file-button
+        #additionalFileButton
+        *ngIf="isAdditionalDocEnabled"
+        [additionalFileContents]="additionalFileContents"
+        [additionalFileName]="additionalFileName"
+        (additionalFileChangeEvent)="additionalFileChangeEvent.emit($event)">
+      </co-additional-file-button>
       <co-signature-button [request]="sendMethodService.reportingDocumentEmailSignDocBaseRequest"></co-signature-button>
     </div>
     <div class="email-addresses-wrapper co-small-scrollbar">
@@ -3120,13 +3171,18 @@ SendMethodEmailComponent.ctorParameters = () => [
     { type: SendMethodService }
 ];
 SendMethodEmailComponent.propDecorators = {
+    additionalFileButtonRef: [{ type: ViewChild, args: ['additionalFileButton',] }],
     emailAddresses: [{ type: Input }],
     layouts: [{ type: Input }],
     pdfDoc: [{ type: Input }],
     disablePdfPreview: [{ type: Input }],
     emailUnsignedPossible: [{ type: Input }],
+    additionalFileContents: [{ type: Input }],
+    additionalFileName: [{ type: Input }],
+    isAdditionalDocEnabled: [{ type: Input }],
     showFilePreview: [{ type: Output }],
     loadDefaultPrinterName: [{ type: Output }],
+    additionalFileChangeEvent: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ['class.co-send-method-email',] }]
 };
 
@@ -3347,165 +3403,443 @@ SignatureButtonModule.decorators = [
             },] }
 ];
 
-class SendMethodEmailModule {
-}
-SendMethodEmailModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    InputCheckboxModule,
-                    LayoutSelectionModule,
-                    IconModule,
-                    SignatureButtonModule,
-                    SharedComponentsTranslationModule
-                ],
-                declarations: [
-                    SendMethodEmailComponent
-                ],
-                exports: [
-                    SendMethodEmailComponent
-                ]
-            },] }
-];
-
-class SendMethodPrinterComponent {
-    constructor(sendMethodService, iconCacheService) {
-        this.sendMethodService = sendMethodService;
+class AdditionalFileButtonComponent {
+    constructor(iconCacheService) {
         this.iconCacheService = iconCacheService;
-        this.printerList = [];
-        this.layouts = [];
-        this.isPrinterLayoutsEnabled = true;
-        this.isAdditionalDocEnabled = false;
-        this.pdfDoc = '';
-        this.disablePdfPreview = false;
+        this.icons = Icon;
+        this.isActive = false;
         this.additionalFileContents = '';
         this.additionalFileName = '';
         this.additionalFileChangeEvent = new EventEmitter();
-        this.showFilePreview = new EventEmitter();
-        this.loadDefaultPrinterName = new EventEmitter();
-        this.icons = Icon;
+        this.openPdfProgrammatically = new EventEmitter();
+        this.show = false;
+    }
+    openForSave() {
+        if (this.isActive) {
+            this.show = true;
+        }
     }
     showClass() {
         return true;
     }
-    handleDefaultPrinterUserChange(checked) {
-        this.sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForUser = checked;
-        this.sendMethodService.reportingDocumentPrintSignDocBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintSignDocBaseRequest);
+    handleToggleDialog() {
+        this.show = !this.show;
     }
-    handleDefaultPrinterAllUsersChange(checked) {
-        this.sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForAllUsers = checked;
-        this.sendMethodService.reportingDocumentPrintSignDocBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintSignDocBaseRequest);
+    toggleActive() {
+        this.isActive = !this.isActive;
     }
 }
-SendMethodPrinterComponent.decorators = [
+AdditionalFileButtonComponent.decorators = [
     { type: Component, args: [{
-                selector: 'co-send-method-printer',
+                selector: "co-additional-file-button",
                 template: `
-      <span class="send-methods-label" [textContent]="'SETTINGS' | sharedLocalize"></span>
-      <div class="printer-layout-selections-wrapper">
-          <div class="printer-signature-wrapper">
-              <co-printer-selection [defaultPrinter]="defaultPrinter" [printers]="printerList"></co-printer-selection>
-              <co-signature-button [request]="sendMethodService.reportingDocumentPrintSignDocBaseRequest"></co-signature-button>
-          </div>
-          <div class="layout-buttons-wrapper" *ngIf="isPrinterLayoutsEnabled">
-              <co-layout-selection
-                      [(request)]="sendMethodService.reportingDocumentPrintSignDocBaseRequest"
-                      (requestChange)="showFilePreview.emit(sendMethodService.reportingDocumentPrintSignDocBaseRequest.reportId)"
-                      (loadDefaultPrinterName)="loadDefaultPrinterName.emit($event)"
-                      [layouts]="layouts"
-                      [label]="'PRINTER_LAYOUT'"
-                      [useDefault]="false">
-              </co-layout-selection>
-              <div class="additional-checks">
-                  <co-input-checkbox
-                          [model]="sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForUser"
-                          [label]="'Koppeling onthouden'"
-                          (modelChange)="handleDefaultPrinterUserChange($event)">
-                  </co-input-checkbox>
-                  <co-input-checkbox
-                          [model]="sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForAllUsers"
-                          [label]="'Alle gebruikers'"
-                          (modelChange)="handleDefaultPrinterAllUsersChange($event)">
-                  </co-input-checkbox>
-              </div>
-              <div class="additional-buttons">
-                  <co-additional-file-button
-                          *ngIf="isAdditionalDocEnabled"
-                          [additionalFileContents]="additionalFileContents"
-                          [additionalFileName]="additionalFileName"
-                          (additionalFileChangeEvent)="additionalFileChangeEvent.emit($event)">
-                  </co-additional-file-button>
-              </div>
-          </div>
-      </div>
+    <div class="additional-file-button-wrapper"
+         [class.selected]="isActive"
+         (click)="toggleActive()">
+      <co-icon
+        [iconData]="iconCacheService.getIcon(icons.RegularFileSignatureCirclePlus)"
+      ></co-icon>
+    </div>
+
+    <co-custom-pdf-dialog
+      *ngIf="show"
+      [additionalFileContents]="additionalFileContents"
+      [additionalFileName]="additionalFileName"
+      (closePDFDialog)="handleToggleDialog()"
+      (additionalFileChangeEvent)="additionalFileChangeEvent.emit($event)"
+    ></co-custom-pdf-dialog>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
-SendMethodPrinterComponent.ctorParameters = () => [
-    { type: SendMethodService },
+AdditionalFileButtonComponent.ctorParameters = () => [
     { type: IconCacheService }
 ];
-SendMethodPrinterComponent.propDecorators = {
-    showClass: [{ type: HostBinding, args: ['class.co-send-method-printer',] }],
-    printerList: [{ type: Input }],
-    defaultPrinter: [{ type: Input }],
-    layouts: [{ type: Input }],
-    isPrinterLayoutsEnabled: [{ type: Input }],
-    isAdditionalDocEnabled: [{ type: Input }],
-    pdfDoc: [{ type: Input }],
-    disablePdfPreview: [{ type: Input }],
+AdditionalFileButtonComponent.propDecorators = {
+    request: [{ type: Input }],
     additionalFileContents: [{ type: Input }],
     additionalFileName: [{ type: Input }],
     additionalFileChangeEvent: [{ type: Output }],
-    showFilePreview: [{ type: Output }],
-    loadDefaultPrinterName: [{ type: Output }]
+    openPdfProgrammatically: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-additional-file-button",] }]
 };
 
-var LanguageCode;
-(function (LanguageCode) {
-    LanguageCode["Dutch"] = "nl-NL";
-    LanguageCode["English"] = "en-GB";
-    LanguageCode["German"] = "de-DE";
-    LanguageCode["French"] = "fr-FR";
-})(LanguageCode || (LanguageCode = {}));
-
-class SharedService {
-    constructor(locale, options, connector, dictionary) {
-        this.locale = locale;
-        this.options = options;
-        this.connector = connector;
-        this.dictionary = dictionary;
+class CustomPdfDialogComponent {
+    constructor(iconCacheService, _sanitizer) {
+        this.iconCacheService = iconCacheService;
+        this._sanitizer = _sanitizer;
+        this.icons = Icon;
+        this.additionalFileName = '';
+        this.closePDFDialog = new EventEmitter();
+        this.additionalFileChangeEvent = new EventEmitter();
+        this.signaturePads = {};
+        this.signatureCanvases = {};
     }
-    init(options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.options.initialize(options);
-            yield this.connector.connect();
-        });
+    showClass() {
+        return true;
     }
-    connect() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.connector.connect();
-        });
+    ngOnInit() {
+        if (this.additionalFileContents) {
+            const head = document.getElementsByTagName('head')[0];
+            const styles = this.extractStyleParts(this.additionalFileContents);
+            this.fileStyle = styles[0];
+            const style = document.createElement('style');
+            style.appendChild(document.createTextNode(this.fileStyle));
+            head.appendChild(style);
+            const body = this.extractBodyContents(this.additionalFileContents);
+            this.fileBody = this._sanitizer.bypassSecurityTrustHtml(body[0]);
+        }
     }
-    getAllPrinters() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this.connector.getAllPrinters();
+    ngAfterViewInit() {
+        ['signatureCanvas', 'signatureCanvas2'].forEach(id => {
+            const canvasElement = document.getElementById(id);
+            if (canvasElement) {
+                const canvasRef = new ElementRef(canvasElement);
+                const signaturePad = new SignaturePad(canvasRef.nativeElement);
+                this.signatureCanvases[id] = canvasRef;
+                this.signaturePads[id] = signaturePad;
+                setTimeout(() => {
+                    this._resizeSignatureCanvas(signaturePad, canvasRef);
+                });
+            }
         });
+        const clearButton = document.getElementById('clearButton');
+        clearButton === null || clearButton === void 0 ? void 0 : clearButton.addEventListener('click', () => this.handleClear());
     }
-    getSendMethods() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this.connector.getSendMethods();
-        });
+    extractStyleParts(html) {
+        const stylePattern = /<style[^>]*>([\s\S]*?)<\/style>/gi;
+        const matches = [];
+        let match;
+        while ((match = stylePattern.exec(html)) !== null) {
+            matches.push(match[1].trim());
+        }
+        return matches;
     }
-    getScreenConfigTree() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this.connector.getScreenConfigTree();
-        });
+    removeStyleAndScriptTags(html) {
+        const styleTagPattern = /<style[^>]*>[\s\S]*?<\/style>/gi;
+        const scriptTagPattern = /<script[^>]*>[\s\S]*?<\/script>/gi;
+        return html.replace(styleTagPattern, '').replace(scriptTagPattern, '');
     }
-    getScreenConfigSubRubric(parentRubricId, configId, fixedKey) {
+    extractBodyContents(html) {
+        html = this.removeStyleAndScriptTags(html);
+        const stylePattern = /<body[^>]*>([\s\S]*?)<\/body>/gi;
+        const matches = [];
+        let match;
+        while ((match = stylePattern.exec(html)) !== null) {
+            matches.push(match[1].trim());
+        }
+        return matches;
+    }
+    handleSaveClicked() {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.connector.getScreenConfigSubRubric(parentRubricId, configId, fixedKey);
+            const clearButton = document.getElementById('clearButton');
+            clearButton.hidden = true;
+            const doc = new jsPDF();
+            const htmlDocument = document.querySelector("#pdfBody");
+            const documentSection = htmlDocument.getElementsByTagName('section');
+            const sectionsCount = documentSection.length;
+            for (let i = 0; i < sectionsCount; i++) {
+                const html = documentSection[i];
+                toJpeg(html, { quality: 1, backgroundColor: 'white' }).then((dataUrl) => {
+                    const img = new Image();
+                    img.src = dataUrl;
+                    img.onload = () => {
+                        const imgWidth = 218;
+                        const imgHeight = (img.height * imgWidth) / img.width;
+                        doc.addImage(dataUrl, 'JPG', -4, 0, imgWidth, imgHeight);
+                        if (i === sectionsCount - 1) {
+                            // doc.save(this.additionalFileName + '.pdf');
+                            const tempFile = doc.output('datauristring');
+                            const file = this.dataURItoBlob(tempFile);
+                            FileUtils.ReadFileAsNewCoDocument(file).then(fileAsCoDocument => {
+                                // set some extra known fields for the codocument:
+                                fileAsCoDocument.fileType = FileUtils.IsImageFile(file) ? FileType$1.Image : FileType$1.Document;
+                                fileAsCoDocument.creationDate = new Date();
+                                fileAsCoDocument.modifiedDate = new Date();
+                                this.additionalFileChangeEvent.emit(fileAsCoDocument);
+                                this.closePDFDialog.emit();
+                            });
+                        }
+                        else {
+                            doc.addPage();
+                        }
+                    };
+                }).catch((error) => {
+                    console.error('Error generating image:', error);
+                });
+            }
+            clearButton.hidden = false;
+        });
+    }
+    dataURItoBlob(dataURI) {
+        const byteString = atob(dataURI.split(',')[1]);
+        const ab = new ArrayBuffer(byteString.length);
+        const ia = new Uint8Array(ab);
+        for (let i = 0; i < byteString.length; i++) {
+            ia[i] = byteString.charCodeAt(i);
+        }
+        return new File([ab], this.additionalFileName + '.pdf');
+    }
+    handleClear() {
+        Object.values(this.signaturePads).forEach(signaturePad => {
+            signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.clear();
+        });
+    }
+    _resizeSignatureCanvas(signature, signatureCanvas) {
+        const imageBeforeResize = signature.toDataURL();
+        const ratio = Math.max(window.devicePixelRatio || 1, 1);
+        signatureCanvas.nativeElement.width = signatureCanvas.nativeElement.offsetWidth * ratio;
+        signatureCanvas.nativeElement.height = signatureCanvas.nativeElement.offsetHeight * ratio;
+        signatureCanvas.nativeElement.getContext("2d").scale(ratio, ratio);
+        signature.fromDataURL(imageBeforeResize);
+    }
+}
+CustomPdfDialogComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-custom-pdf-dialog",
+                template: `
+    <co-dialog
+      [footerTemplate]="footerTemplate"
+      id="custom-pdf-dialog"
+      (closeClick)="closePDFDialog.emit()">
+      <div #pdfBody id="pdfBody">
+        <section [innerHTML]="fileBody"></section>
+      </div>
+      <ng-template #footerTemplate>
+        <div class="co-dialog-footer-button-wrapper">
+          <co-button class="save-button"
+                     [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
+                     (click)="handleSaveClicked()"></co-button>
+          <co-button class="close-button"
+                     [iconData]="iconCacheService.getIcon(icons.CrossSkinny)"
+                     (click)="closePDFDialog.emit()"></co-button>
+        </div>
+      </ng-template>
+    </co-dialog>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+CustomPdfDialogComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: DomSanitizer }
+];
+CustomPdfDialogComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ['class.co-custom-pdf-dialog',] }],
+    pdfBody: [{ type: ViewChild, args: ['pdfBody',] }],
+    additionalFileContents: [{ type: Input }],
+    additionalFileName: [{ type: Input }],
+    closePDFDialog: [{ type: Output }],
+    additionalFileChangeEvent: [{ type: Output }]
+};
+
+class CustomPdfDialogModule {
+}
+CustomPdfDialogModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    IconModule,
+                    CoDialogModule,
+                    CommonModule,
+                    ButtonModule,
+                    SharedComponentsTranslationModule,
+                ],
+                declarations: [
+                    CustomPdfDialogComponent
+                ],
+                exports: [
+                    CustomPdfDialogComponent
+                ],
+                providers: []
+            },] }
+];
+
+class AdditionalFileButtonModule {
+}
+AdditionalFileButtonModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    IconModule,
+                    CustomPdfDialogModule
+                ],
+                declarations: [
+                    AdditionalFileButtonComponent
+                ],
+                exports: [
+                    AdditionalFileButtonComponent
+                ]
+            },] }
+];
+
+class SendMethodEmailModule {
+}
+SendMethodEmailModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputCheckboxModule,
+                    LayoutSelectionModule,
+                    IconModule,
+                    SignatureButtonModule,
+                    SharedComponentsTranslationModule,
+                    AdditionalFileButtonModule
+                ],
+                declarations: [
+                    SendMethodEmailComponent
+                ],
+                exports: [
+                    SendMethodEmailComponent
+                ]
+            },] }
+];
+
+class SendMethodPrinterComponent {
+    constructor(sendMethodService, iconCacheService) {
+        this.sendMethodService = sendMethodService;
+        this.iconCacheService = iconCacheService;
+        this.printerList = [];
+        this.layouts = [];
+        this.isPrinterLayoutsEnabled = true;
+        this.isAdditionalDocEnabled = false;
+        this.pdfDoc = '';
+        this.disablePdfPreview = false;
+        this.additionalFileContents = '';
+        this.additionalFileName = '';
+        this.additionalFileChangeEvent = new EventEmitter();
+        this.showFilePreview = new EventEmitter();
+        this.loadDefaultPrinterName = new EventEmitter();
+        this.icons = Icon;
+    }
+    showClass() {
+        return true;
+    }
+    handleDefaultPrinterUserChange(checked) {
+        this.sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForUser = checked;
+        this.sendMethodService.reportingDocumentPrintSignDocBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintSignDocBaseRequest);
+    }
+    handleDefaultPrinterAllUsersChange(checked) {
+        this.sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForAllUsers = checked;
+        this.sendMethodService.reportingDocumentPrintSignDocBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintSignDocBaseRequest);
+    }
+    openAdditionalFileDialog() {
+        var _a;
+        (_a = this.additionalFileButtonRef) === null || _a === void 0 ? void 0 : _a.openForSave();
+    }
+    isAdditionalFileActive() {
+        var _a, _b;
+        return (_b = (_a = this.additionalFileButtonRef) === null || _a === void 0 ? void 0 : _a.isActive) !== null && _b !== void 0 ? _b : false;
+    }
+}
+SendMethodPrinterComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-send-method-printer',
+                template: `
+      <span class="send-methods-label" [textContent]="'SETTINGS' | sharedLocalize"></span>
+      <div class="printer-layout-selections-wrapper">
+        <div class="printer-signature-wrapper">
+          <co-layout-selection
+            [(request)]="sendMethodService.reportingDocumentPrintSignDocBaseRequest"
+            (requestChange)="showFilePreview.emit(sendMethodService.reportingDocumentPrintSignDocBaseRequest.reportId)"
+            (loadDefaultPrinterName)="loadDefaultPrinterName.emit($event)"
+            [layouts]="layouts"
+            [label]="'PRINTER_LAYOUT'"
+            [useDefault]="false">
+          </co-layout-selection>
+          <co-additional-file-button
+            #additionalFileButton
+            *ngIf="isAdditionalDocEnabled"
+            [additionalFileContents]="additionalFileContents"
+            [additionalFileName]="additionalFileName"
+            (additionalFileChangeEvent)="additionalFileChangeEvent.emit($event)">
+          </co-additional-file-button>
+          <co-signature-button [request]="sendMethodService.reportingDocumentPrintSignDocBaseRequest"></co-signature-button>
+        </div>
+        <div class="layout-buttons-wrapper" *ngIf="isPrinterLayoutsEnabled">
+            <co-printer-selection [defaultPrinter]="defaultPrinter" [printers]="printerList"></co-printer-selection>
+            <div class="additional-checks">
+                  <co-input-checkbox
+                          [model]="sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForUser"
+                          [label]="'Koppeling onthouden'"
+                          (modelChange)="handleDefaultPrinterUserChange($event)">
+                  </co-input-checkbox>
+                  <co-input-checkbox
+                          [model]="sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForAllUsers"
+                          [label]="'Alle gebruikers'"
+                          (modelChange)="handleDefaultPrinterAllUsersChange($event)">
+                  </co-input-checkbox>
+              </div>
+          </div>
+      </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+SendMethodPrinterComponent.ctorParameters = () => [
+    { type: SendMethodService },
+    { type: IconCacheService }
+];
+SendMethodPrinterComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ['class.co-send-method-printer',] }],
+    additionalFileButtonRef: [{ type: ViewChild, args: ['additionalFileButton',] }],
+    printerList: [{ type: Input }],
+    defaultPrinter: [{ type: Input }],
+    layouts: [{ type: Input }],
+    isPrinterLayoutsEnabled: [{ type: Input }],
+    isAdditionalDocEnabled: [{ type: Input }],
+    pdfDoc: [{ type: Input }],
+    disablePdfPreview: [{ type: Input }],
+    additionalFileContents: [{ type: Input }],
+    additionalFileName: [{ type: Input }],
+    additionalFileChangeEvent: [{ type: Output }],
+    showFilePreview: [{ type: Output }],
+    loadDefaultPrinterName: [{ type: Output }]
+};
+
+var LanguageCode;
+(function (LanguageCode) {
+    LanguageCode["Dutch"] = "nl-NL";
+    LanguageCode["English"] = "en-GB";
+    LanguageCode["German"] = "de-DE";
+    LanguageCode["French"] = "fr-FR";
+})(LanguageCode || (LanguageCode = {}));
+
+class SharedService {
+    constructor(locale, options, connector, dictionary) {
+        this.locale = locale;
+        this.options = options;
+        this.connector = connector;
+        this.dictionary = dictionary;
+    }
+    init(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.options.initialize(options);
+            yield this.connector.connect();
+        });
+    }
+    connect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.connector.connect();
+        });
+    }
+    getAllPrinters() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getAllPrinters();
+        });
+    }
+    getSendMethods() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getSendMethods();
+        });
+    }
+    getScreenConfigTree() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getScreenConfigTree();
+        });
+    }
+    getScreenConfigSubRubric(parentRubricId, configId, fixedKey) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getScreenConfigSubRubric(parentRubricId, configId, fixedKey);
         });
     }
     getTagsFullTree(category, includeTags = true) {
@@ -3827,263 +4161,6 @@ PrinterSelectionModule.decorators = [
             },] }
 ];
 
-class CustomPdfDialogComponent {
-    constructor(iconCacheService, _sanitizer) {
-        this.iconCacheService = iconCacheService;
-        this._sanitizer = _sanitizer;
-        this.icons = Icon;
-        this.additionalFileName = '';
-        this.closePDFDialog = new EventEmitter();
-        this.additionalFileChangeEvent = new EventEmitter();
-        this.signaturePads = {};
-        this.signatureCanvases = {};
-    }
-    showClass() {
-        return true;
-    }
-    ngOnInit() {
-        if (this.additionalFileContents) {
-            const head = document.getElementsByTagName('head')[0];
-            const styles = this.extractStyleParts(this.additionalFileContents);
-            this.fileStyle = styles[0];
-            const style = document.createElement('style');
-            style.appendChild(document.createTextNode(this.fileStyle));
-            head.appendChild(style);
-            const body = this.extractBodyContents(this.additionalFileContents);
-            this.fileBody = this._sanitizer.bypassSecurityTrustHtml(body[0]);
-        }
-    }
-    ngAfterViewInit() {
-        ['signatureCanvas', 'signatureCanvas2'].forEach(id => {
-            const canvasElement = document.getElementById(id);
-            if (canvasElement) {
-                const canvasRef = new ElementRef(canvasElement);
-                const signaturePad = new SignaturePad(canvasRef.nativeElement);
-                this.signatureCanvases[id] = canvasRef;
-                this.signaturePads[id] = signaturePad;
-                setTimeout(() => {
-                    this._resizeSignatureCanvas(signaturePad, canvasRef);
-                });
-            }
-        });
-        const clearButton = document.getElementById('clearButton');
-        clearButton === null || clearButton === void 0 ? void 0 : clearButton.addEventListener('click', () => this.handleClear());
-    }
-    extractStyleParts(html) {
-        const stylePattern = /<style[^>]*>([\s\S]*?)<\/style>/gi;
-        const matches = [];
-        let match;
-        while ((match = stylePattern.exec(html)) !== null) {
-            matches.push(match[1].trim());
-        }
-        return matches;
-    }
-    removeStyleAndScriptTags(html) {
-        const styleTagPattern = /<style[^>]*>[\s\S]*?<\/style>/gi;
-        const scriptTagPattern = /<script[^>]*>[\s\S]*?<\/script>/gi;
-        return html.replace(styleTagPattern, '').replace(scriptTagPattern, '');
-    }
-    extractBodyContents(html) {
-        html = this.removeStyleAndScriptTags(html);
-        const stylePattern = /<body[^>]*>([\s\S]*?)<\/body>/gi;
-        const matches = [];
-        let match;
-        while ((match = stylePattern.exec(html)) !== null) {
-            matches.push(match[1].trim());
-        }
-        return matches;
-    }
-    handleSaveClicked() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const clearButton = document.getElementById('clearButton');
-            clearButton.hidden = true;
-            const doc = new jsPDF();
-            const htmlDocument = document.querySelector("#pdfBody");
-            const documentSection = htmlDocument.getElementsByTagName('section');
-            const sectionsCount = documentSection.length;
-            for (let i = 0; i < sectionsCount; i++) {
-                const html = documentSection[i];
-                toJpeg(html, { quality: 1, backgroundColor: 'white' }).then((dataUrl) => {
-                    const img = new Image();
-                    img.src = dataUrl;
-                    img.onload = () => {
-                        const imgWidth = 218;
-                        const imgHeight = (img.height * imgWidth) / img.width;
-                        doc.addImage(dataUrl, 'JPG', -4, 0, imgWidth, imgHeight);
-                        if (i === sectionsCount - 1) {
-                            // doc.save(this.additionalFileName + '.pdf');
-                            const tempFile = doc.output('datauristring');
-                            const file = this.dataURItoBlob(tempFile);
-                            FileUtils.ReadFileAsNewCoDocument(file).then(fileAsCoDocument => {
-                                // set some extra known fields for the codocument:
-                                fileAsCoDocument.fileType = FileUtils.IsImageFile(file) ? FileType$1.Image : FileType$1.Document;
-                                fileAsCoDocument.creationDate = new Date();
-                                fileAsCoDocument.modifiedDate = new Date();
-                                this.additionalFileChangeEvent.emit(fileAsCoDocument);
-                                this.closePDFDialog.emit();
-                            });
-                        }
-                        else {
-                            doc.addPage();
-                        }
-                    };
-                }).catch((error) => {
-                    console.error('Error generating image:', error);
-                });
-            }
-            clearButton.hidden = false;
-        });
-    }
-    dataURItoBlob(dataURI) {
-        const byteString = atob(dataURI.split(',')[1]);
-        const ab = new ArrayBuffer(byteString.length);
-        const ia = new Uint8Array(ab);
-        for (let i = 0; i < byteString.length; i++) {
-            ia[i] = byteString.charCodeAt(i);
-        }
-        return new File([ab], this.additionalFileName + '.pdf');
-    }
-    handleClear() {
-        Object.values(this.signaturePads).forEach(signaturePad => {
-            signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.clear();
-        });
-    }
-    _resizeSignatureCanvas(signature, signatureCanvas) {
-        const imageBeforeResize = signature.toDataURL();
-        const ratio = Math.max(window.devicePixelRatio || 1, 1);
-        signatureCanvas.nativeElement.width = signatureCanvas.nativeElement.offsetWidth * ratio;
-        signatureCanvas.nativeElement.height = signatureCanvas.nativeElement.offsetHeight * ratio;
-        signatureCanvas.nativeElement.getContext("2d").scale(ratio, ratio);
-        signature.fromDataURL(imageBeforeResize);
-    }
-}
-CustomPdfDialogComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-custom-pdf-dialog",
-                template: `
-    <co-dialog
-      [footerTemplate]="footerTemplate"
-      id="custom-pdf-dialog"
-      (closeClick)="closePDFDialog.emit()">
-      <div #pdfBody id="pdfBody">
-        <section [innerHTML]="fileBody"></section>
-      </div>
-      <ng-template #footerTemplate>
-        <div class="co-dialog-footer-button-wrapper">
-          <co-button class="save-button"
-                     [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
-                     (click)="handleSaveClicked()"></co-button>
-          <co-button class="close-button"
-                     [iconData]="iconCacheService.getIcon(icons.CrossSkinny)"
-                     (click)="closePDFDialog.emit()"></co-button>
-        </div>
-      </ng-template>
-    </co-dialog>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-CustomPdfDialogComponent.ctorParameters = () => [
-    { type: IconCacheService },
-    { type: DomSanitizer }
-];
-CustomPdfDialogComponent.propDecorators = {
-    showClass: [{ type: HostBinding, args: ['class.co-custom-pdf-dialog',] }],
-    pdfBody: [{ type: ViewChild, args: ['pdfBody',] }],
-    additionalFileContents: [{ type: Input }],
-    additionalFileName: [{ type: Input }],
-    closePDFDialog: [{ type: Output }],
-    additionalFileChangeEvent: [{ type: Output }]
-};
-
-class CustomPdfDialogModule {
-}
-CustomPdfDialogModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    IconModule,
-                    CoDialogModule,
-                    CommonModule,
-                    ButtonModule,
-                    SharedComponentsTranslationModule,
-                ],
-                declarations: [
-                    CustomPdfDialogComponent
-                ],
-                exports: [
-                    CustomPdfDialogComponent
-                ],
-                providers: []
-            },] }
-];
-
-class AdditionalFileButtonComponent {
-    constructor(iconCacheService) {
-        this.iconCacheService = iconCacheService;
-        this.icons = Icon;
-        this.additionalFileContents = '';
-        this.additionalFileName = '';
-        this.additionalFileChangeEvent = new EventEmitter();
-        this.show = false;
-    }
-    showClass() {
-        return true;
-    }
-    handleToggleDialog() {
-        this.show = !this.show;
-    }
-}
-AdditionalFileButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-additional-file-button",
-                template: `
-    <div class="additional-file-button-wrapper"
-         (click)="handleToggleDialog()">
-      <co-icon
-        [iconData]="iconCacheService.getIcon(icons.RegularFileSignatureCirclePlus)"
-      ></co-icon>
-    </div>
-
-    <co-custom-pdf-dialog
-      *ngIf="show"
-      [additionalFileContents]="additionalFileContents"
-      [additionalFileName]="additionalFileName"
-      (closePDFDialog)="handleToggleDialog()"
-      (additionalFileChangeEvent)="additionalFileChangeEvent.emit($event)"
-    ></co-custom-pdf-dialog>
-    `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-AdditionalFileButtonComponent.ctorParameters = () => [
-    { type: IconCacheService }
-];
-AdditionalFileButtonComponent.propDecorators = {
-    request: [{ type: Input }],
-    additionalFileContents: [{ type: Input }],
-    additionalFileName: [{ type: Input }],
-    additionalFileChangeEvent: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.co-additional-file-button",] }]
-};
-
-class AdditionalFileButtonModule {
-}
-AdditionalFileButtonModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    IconModule,
-                    CustomPdfDialogModule
-                ],
-                declarations: [
-                    AdditionalFileButtonComponent
-                ],
-                exports: [
-                    AdditionalFileButtonComponent
-                ]
-            },] }
-];
-
 class SendMethodPrinterModule {
 }
 SendMethodPrinterModule.decorators = [
@@ -16977,5 +17054,5 @@ PreferredPlanningModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ActivityListComponent, ActivityListModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, PreferredPlanningComponent, PreferredPlanningModule, RoleEmailSelectorComponent, RoleEmailSelectorModule, SendMethodDialogComponent, SendMethodDialogModule, SharedComponentsDictionaryService, SharedComponentsTranslationModule, SharedEventService, SharedService, SimpleTagsComponent, SimpleTagsFormComponent, SimpleTagsFormModule, SimpleTagsModule, StatusbarComponent, StatusbarModule, StockComponent, StockModule, TaskCreatorComponent, TaskCreatorModule, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, SendMethodPurchaseModule as ɵba, SendMethodPurchaseComponent as ɵbb, TabBarModule as ɵbc, TabBarComponent as ɵbd, StatusbarPopupComponent as ɵbe, StockStatusbarModule as ɵbf, StockStatusbarComponent as ɵbg, StockInformationComponent as ɵbh, StockInformationGridComponent as ɵbi, StockTransferComponent as ɵbj, StockChangeAmountComponent as ɵbk, StockTabComponent as ɵbl, OrderTabComponent as ɵbm, BaseStockComponent as ɵbn, StockTabsComponent as ɵbo, StockHistoryTabsComponent as ɵbp, OrderStockTabComponent as ɵbq, StockLocationComponent as ɵbr, StockHistoryComponent as ɵbs, OrderSupplyStockHistoryComponent as ɵbt, OrderCommissionStockHistoryComponent as ɵbu, OrderStockHistoryComponent as ɵbv, AllocationStockHistoryComponent as ɵbw, StockPrognoseComponent as ɵbx, StockLocationPopupComponent as ɵby, SendMethod as ɵbz, StockModuleScreenConfigService as ɵc, Icon as ɵca, CalendarAllYearsComponent as ɵcb, CalendarAllMonthsComponent as ɵcc, CalendarHeaderComponent as ɵcd, CalendarComponent as ɵce, CalendarViewComponent as ɵcf, AgendaHeaderComponent as ɵcg, AgendaViewComponent as ɵch, AgendaMonthViewComponent as ɵci, AgendaBaseViewComponent as ɵcj, AgendaDayViewComponent as ɵck, AgendaWeekViewComponent as ɵcl, AgendaWeekSelectViewComponent as ɵcm, AgendaHourViewComponent as ɵcn, AgendaHourCellComponent as ɵco, AgendaHourViewLabelsComponent as ɵcp, AgendaHalfHourCellComponent as ɵcq, AgendaEventsComponent as ɵcr, AgendaEventComponent as ɵcs, ViewSelectComponent as ɵct, AgendaSelectEventComponent as ɵcu, MASTER_PIPES as ɵcv, ArrayNumberPipe as ɵcw, UCfirstPipe as ɵcx, FileTypeImagePipe as ɵcy, BaseFileUploadComponent as ɵcz, SharedConnectorService as ɵd, InputBoolean as ɵda, ImageDisplayModule as ɵdb, ImageDisplayComponent as ɵdc, FileUploadModule as ɵdd, TileRenderModule as ɵde, TileRenderComponent as ɵdf, FileUploadComponent as ɵdg, FileUploadPopupModule as ɵdh, MultiplePropertyTogglerModule as ɵdi, MultiplePropertyTogglerComponent as ɵdj, FileUploadPopupComponent as ɵdk, AppFileDropzoneModule as ɵdl, AppFileDropzoneComponent as ɵdm, DragDropContainerComponent as ɵdn, DragDropService as ɵdo, BaseActivityListComponent as ɵdp, PersonalActivityOverviewComponent as ɵdq, BaseActivityOverviewComponent as ɵdr, TaskModifierComponent as ɵds, ModifyTaskFormComponent as ɵdt, PersonalActivityOverviewModule as ɵdu, ComponentActivityOverviewModule as ɵdv, TaskModifyerModule as ɵdw, ModifyTaskFormModule as ɵdx, TaskDetailsModule as ɵdy, TaskDetailsComponent as ɵdz, OptionsService as ɵe, BaseActivitySummaryComponent as ɵea, ExecutiveSummaryBlockModule as ɵeb, ActivitySummaryBlockModule as ɵec, ActivitySummaryBlockComponent as ɵed, ExecutiveSummaryBlockComponent as ɵee, StatusSummaryBlockModule as ɵef, StatusSummaryBlockComponent as ɵeg, CreationSummaryBlockModule as ɵeh, CreationSummaryBlockComponent as ɵei, NotificationSummaryBlockModule as ɵej, EmailSelectorModule as ɵek, EmailSelectorComponent as ɵel, NotificationSummaryBlockComponent as ɵem, ComponentActivityOverviewComponent as ɵen, ActivityListHeaderModule as ɵeo, WorkflowNotificationToggleModule as ɵep, DirectivesModule as ɵeq, AbsoluteOverlayTemplateDirective as ɵer, AppAbsoluteOverlayOutletService as ɵes, AlignWithDirective as ɵet, ClickOutsideDirective as ɵeu, WorkflowNotificationToggleComponent as ɵev, WorkflowNotificationTogglePopupComponent as ɵew, PeriodFilterModule as ɵex, PeriodFilterComponent as ɵey, PeriodFilterPopupComponent as ɵez, IconCacheService as ɵf, ActivityListHeaderComponent as ɵfa, WorkflowInfoTileModule as ɵfb, WorkflowInfoTileComponent as ɵfc, StockService as ɵg, SendMethodService as ɵh, SendMethodEmailModule as ɵi, LayoutSelectionModule as ɵj, SharedLocalizePipe as ɵk, LayoutSelectionComponent as ɵl, SignatureButtonModule as ɵm, SignatureButtonComponent as ɵn, SendMethodEmailComponent as ɵo, SendMethodPrinterModule as ɵp, PrinterSelectionModule as ɵq, PrinterSelectionComponent as ɵr, LanguageCode as ɵs, CustomPdfDialogModule as ɵt, CustomPdfDialogComponent as ɵu, AdditionalFileButtonModule as ɵv, AdditionalFileButtonComponent as ɵw, SendMethodPrinterComponent as ɵx, SendMethodPdfModule as ɵy, SendMethodPdfComponent as ɵz };
+export { ActivityListComponent, ActivityListModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, PreferredPlanningComponent, PreferredPlanningModule, RoleEmailSelectorComponent, RoleEmailSelectorModule, SendMethodDialogComponent, SendMethodDialogModule, SharedComponentsDictionaryService, SharedComponentsTranslationModule, SharedEventService, SharedService, SimpleTagsComponent, SimpleTagsFormComponent, SimpleTagsFormModule, SimpleTagsModule, StatusbarComponent, StatusbarModule, StockComponent, StockModule, TaskCreatorComponent, TaskCreatorModule, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, SendMethodPurchaseModule as ɵba, SendMethodPurchaseComponent as ɵbb, TabBarModule as ɵbc, TabBarComponent as ɵbd, StatusbarPopupComponent as ɵbe, StockStatusbarModule as ɵbf, StockStatusbarComponent as ɵbg, StockInformationComponent as ɵbh, StockInformationGridComponent as ɵbi, StockTransferComponent as ɵbj, StockChangeAmountComponent as ɵbk, StockTabComponent as ɵbl, OrderTabComponent as ɵbm, BaseStockComponent as ɵbn, StockTabsComponent as ɵbo, StockHistoryTabsComponent as ɵbp, OrderStockTabComponent as ɵbq, StockLocationComponent as ɵbr, StockHistoryComponent as ɵbs, OrderSupplyStockHistoryComponent as ɵbt, OrderCommissionStockHistoryComponent as ɵbu, OrderStockHistoryComponent as ɵbv, AllocationStockHistoryComponent as ɵbw, StockPrognoseComponent as ɵbx, StockLocationPopupComponent as ɵby, SendMethod as ɵbz, StockModuleScreenConfigService as ɵc, Icon as ɵca, CalendarAllYearsComponent as ɵcb, CalendarAllMonthsComponent as ɵcc, CalendarHeaderComponent as ɵcd, CalendarComponent as ɵce, CalendarViewComponent as ɵcf, AgendaHeaderComponent as ɵcg, AgendaViewComponent as ɵch, AgendaMonthViewComponent as ɵci, AgendaBaseViewComponent as ɵcj, AgendaDayViewComponent as ɵck, AgendaWeekViewComponent as ɵcl, AgendaWeekSelectViewComponent as ɵcm, AgendaHourViewComponent as ɵcn, AgendaHourCellComponent as ɵco, AgendaHourViewLabelsComponent as ɵcp, AgendaHalfHourCellComponent as ɵcq, AgendaEventsComponent as ɵcr, AgendaEventComponent as ɵcs, ViewSelectComponent as ɵct, AgendaSelectEventComponent as ɵcu, MASTER_PIPES as ɵcv, ArrayNumberPipe as ɵcw, UCfirstPipe as ɵcx, FileTypeImagePipe as ɵcy, BaseFileUploadComponent as ɵcz, SharedConnectorService as ɵd, InputBoolean as ɵda, ImageDisplayModule as ɵdb, ImageDisplayComponent as ɵdc, FileUploadModule as ɵdd, TileRenderModule as ɵde, TileRenderComponent as ɵdf, FileUploadComponent as ɵdg, FileUploadPopupModule as ɵdh, MultiplePropertyTogglerModule as ɵdi, MultiplePropertyTogglerComponent as ɵdj, FileUploadPopupComponent as ɵdk, AppFileDropzoneModule as ɵdl, AppFileDropzoneComponent as ɵdm, DragDropContainerComponent as ɵdn, DragDropService as ɵdo, BaseActivityListComponent as ɵdp, PersonalActivityOverviewComponent as ɵdq, BaseActivityOverviewComponent as ɵdr, TaskModifierComponent as ɵds, ModifyTaskFormComponent as ɵdt, PersonalActivityOverviewModule as ɵdu, ComponentActivityOverviewModule as ɵdv, TaskModifyerModule as ɵdw, ModifyTaskFormModule as ɵdx, TaskDetailsModule as ɵdy, TaskDetailsComponent as ɵdz, OptionsService as ɵe, BaseActivitySummaryComponent as ɵea, ExecutiveSummaryBlockModule as ɵeb, ActivitySummaryBlockModule as ɵec, ActivitySummaryBlockComponent as ɵed, ExecutiveSummaryBlockComponent as ɵee, StatusSummaryBlockModule as ɵef, StatusSummaryBlockComponent as ɵeg, CreationSummaryBlockModule as ɵeh, CreationSummaryBlockComponent as ɵei, NotificationSummaryBlockModule as ɵej, EmailSelectorModule as ɵek, EmailSelectorComponent as ɵel, NotificationSummaryBlockComponent as ɵem, ComponentActivityOverviewComponent as ɵen, ActivityListHeaderModule as ɵeo, WorkflowNotificationToggleModule as ɵep, DirectivesModule as ɵeq, AbsoluteOverlayTemplateDirective as ɵer, AppAbsoluteOverlayOutletService as ɵes, AlignWithDirective as ɵet, ClickOutsideDirective as ɵeu, WorkflowNotificationToggleComponent as ɵev, WorkflowNotificationTogglePopupComponent as ɵew, PeriodFilterModule as ɵex, PeriodFilterComponent as ɵey, PeriodFilterPopupComponent as ɵez, IconCacheService as ɵf, ActivityListHeaderComponent as ɵfa, WorkflowInfoTileModule as ɵfb, WorkflowInfoTileComponent as ɵfc, StockService as ɵg, SendMethodService as ɵh, SendMethodEmailModule as ɵi, LayoutSelectionModule as ɵj, SharedLocalizePipe as ɵk, LayoutSelectionComponent as ɵl, SignatureButtonModule as ɵm, SignatureButtonComponent as ɵn, AdditionalFileButtonModule as ɵo, CustomPdfDialogModule as ɵp, CustomPdfDialogComponent as ɵq, AdditionalFileButtonComponent as ɵr, SendMethodEmailComponent as ɵs, SendMethodPrinterModule as ɵt, PrinterSelectionModule as ɵu, PrinterSelectionComponent as ɵv, LanguageCode as ɵw, SendMethodPrinterComponent as ɵx, SendMethodPdfModule as ɵy, SendMethodPdfComponent as ɵz };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map