@colijnit/sharedcomponents 258.1.7 → 258.1.8

package/fesm2015/colijnit-sharedcomponents.js

@@ -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>",
@@ -2754,6 +2756,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)));
     }
@@ -2790,7 +2793,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);
@@ -2928,6 +2952,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"
@@ -2938,13 +2963,14 @@ SendMethodDialogComponent.decorators = [
                               [disablePdfPreview]="disablePdfPreview"
                               [transactionType]="transactionType"
                               [defaultPrinter]="defaultPrinter"
-                              (additionalFileChangeEvent)="additionalFileChangeEvent.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"
@@ -2952,7 +2978,11 @@ SendMethodDialogComponent.decorators = [
                               [transactionType]="transactionType"
                               [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">
@@ -3026,6 +3056,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 }],
@@ -3074,9 +3106,13 @@ class SendMethodEmailComponent {
         this.layouts = [];
         this.pdfDoc = '';
         this.disablePdfPreview = false;
+        this.additionalFileContents = '';
+        this.additionalFileName = '';
         this.emailUnsignedPossible = false;
+        this.isAdditionalDocEnabled = false;
         this.showFilePreview = new EventEmitter();
         this.loadDefaultPrinterName = new EventEmitter();
+        this.additionalFileChangeEvent = new EventEmitter();
         this.emailAddressViewmodels = [];
     }
     showClass() {
@@ -3100,6 +3136,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: [{
@@ -3115,14 +3159,13 @@ SendMethodEmailComponent.decorators = [
                   [useDefault]="false"
                   [label]="'EMAIL_LAYOUT'">
           </co-layout-selection>
-
-          <co-pdf-preview
-                  *ngIf="transactionType === 'salesOrderOverview'"
-                  [pdfDoc]="pdfDoc"
-                  [disablePdfPreview]="disablePdfPreview"
-                  (showFilePreview)="showFilePreview.emit(sendMethodService.reportingDocumentEmailSignDocBaseRequest.reportId)">
-          </co-pdf-preview>
-
+          <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" [emailUnsignedPossible]="emailUnsignedPossible"></co-signature-button>
       </div>
       <div class="email-addresses-wrapper co-small-scrollbar">
@@ -3131,6 +3174,12 @@ SendMethodEmailComponent.decorators = [
           <div class="email-address" [textContent]="emailAddressViewmodel.emailAddress"></div>
         </div>
       </div>
+    <co-pdf-preview
+      *ngIf="transactionType === 'salesOrderOverview'"
+      [pdfDoc]="pdfDoc"
+      [disablePdfPreview]="disablePdfPreview"
+      (showFilePreview)="showFilePreview.emit(sendMethodService.reportingDocumentEmailSignDocBaseRequest.reportId)">
+    </co-pdf-preview>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -3139,14 +3188,19 @@ SendMethodEmailComponent.ctorParameters = () => [
     { type: SendMethodService }
 ];
 SendMethodEmailComponent.propDecorators = {
+    additionalFileButtonRef: [{ type: ViewChild, args: ['additionalFileButton',] }],
     emailAddresses: [{ type: Input }],
     layouts: [{ type: Input }],
     pdfDoc: [{ type: Input }],
     disablePdfPreview: [{ type: Input }],
     transactionType: [{ type: Input }],
+    additionalFileContents: [{ type: Input }],
+    additionalFileName: [{ type: Input }],
     emailUnsignedPossible: [{ type: Input }],
+    isAdditionalDocEnabled: [{ type: Input }],
     showFilePreview: [{ type: Output }],
     loadDefaultPrinterName: [{ type: Output }],
+    additionalFileChangeEvent: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ['class.co-send-method-email',] }]
 };
 
@@ -3603,7 +3657,7 @@ PdfPreviewComponent.decorators = [
                 selector: "co-pdf-preview",
                 template: `
       <div class="pdf-preview-button" [class.disabled]="disablePdfPreview" (click)="showDialog = true">
-          <co-icon [iconData]="iconCacheService.getIcon(icons.FilePdfRegular)"></co-icon>
+          <co-icon [iconData]="iconCacheService.getIcon(icons.FileMagnifyingGlass)"></co-icon>
       </div>
       <co-preview-pdf-dialog
               *ngIf="showDialog"
@@ -3737,6 +3791,85 @@ PdfPreviewModule.decorators = [
             },] }
 ];
 
+class AdditionalFileButtonComponent {
+    constructor(iconCacheService) {
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
+        this.isActive = false;
+        this.additionalFileContents = '';
+        this.additionalFileName = '';
+        this.additionalFileChangeEvent = new EventEmitter();
+        this.openPdfProgrammatically = new EventEmitter();
+        this.show = false;
+    }
+    openForSave() {
+        if (this.isActive) {
+            this.show = true;
+        }
+    }
+    showClass() {
+        return true;
+    }
+    handleToggleDialog() {
+        this.show = !this.show;
+    }
+    toggleActive() {
+        this.isActive = !this.isActive;
+    }
+}
+AdditionalFileButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-additional-file-button",
+                template: `
+    <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
+            },] }
+];
+AdditionalFileButtonComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+AdditionalFileButtonComponent.propDecorators = {
+    request: [{ type: Input }],
+    additionalFileContents: [{ type: Input }],
+    additionalFileName: [{ type: Input }],
+    additionalFileChangeEvent: [{ type: Output }],
+    openPdfProgrammatically: [{ 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 SendMethodEmailModule {
 }
 SendMethodEmailModule.decorators = [
@@ -3748,7 +3881,8 @@ SendMethodEmailModule.decorators = [
                     IconModule,
                     SignatureButtonModule,
                     PdfPreviewModule,
-                    SharedComponentsTranslationModule
+                    SharedComponentsTranslationModule,
+                    AdditionalFileButtonModule
                 ],
                 declarations: [
                     SendMethodEmailComponent
@@ -3787,6 +3921,14 @@ class SendMethodPrinterComponent {
         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: [{
@@ -3795,18 +3937,25 @@ SendMethodPrinterComponent.decorators = [
       <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-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-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-printer-selection [defaultPrinter]="defaultPrinter" [printers]="printerList"></co-printer-selection>
               <div class="additional-checks">
                   <co-input-checkbox
                           [model]="sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForUser"
@@ -3826,12 +3975,6 @@ SendMethodPrinterComponent.decorators = [
                           [disablePdfPreview]="disablePdfPreview"
                           (showFilePreview)="showFilePreview.emit(sendMethodService.reportingDocumentPrintSignDocBaseRequest.reportId)">
                   </co-pdf-preview>
-                  <co-additional-file-button
-                          *ngIf="isAdditionalDocEnabled"
-                          [additionalFileContents]="additionalFileContents"
-                          [additionalFileName]="additionalFileName"
-                          (additionalFileChangeEvent)="additionalFileChangeEvent.emit($event)">
-                  </co-additional-file-button>
               </div>
           </div>
       </div>
@@ -3845,6 +3988,7 @@ SendMethodPrinterComponent.ctorParameters = () => [
 ];
 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 }],
@@ -4226,73 +4370,6 @@ PrinterSelectionModule.decorators = [
             },] }
 ];
 
-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 = [
@@ -17291,5 +17368,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, AdditionalFileButtonComponent as ɵba, SendMethodPrinterComponent as ɵbb, SendMethodPdfModule as ɵbc, SendMethodPdfComponent as ɵbd, SendMethodPurchaseModule as ɵbe, SendMethodPurchaseComponent as ɵbf, TabBarModule as ɵbg, TabBarComponent as ɵbh, StatusbarPopupComponent as ɵbi, StockStatusbarModule as ɵbj, StockStatusbarComponent as ɵbk, StockInformationComponent as ɵbl, StockInformationGridComponent as ɵbm, StockTransferComponent as ɵbn, StockChangeAmountComponent as ɵbo, StockTabComponent as ɵbp, OrderTabComponent as ɵbq, BaseStockComponent as ɵbr, StockTabsComponent as ɵbs, StockHistoryTabsComponent as ɵbt, OrderStockTabComponent as ɵbu, StockLocationComponent as ɵbv, StockHistoryComponent as ɵbw, OrderSupplyStockHistoryComponent as ɵbx, OrderCommissionStockHistoryComponent as ɵby, OrderStockHistoryComponent as ɵbz, StockModuleScreenConfigService as ɵc, AllocationStockHistoryComponent as ɵca, StockPrognoseComponent as ɵcb, StockLocationPopupComponent as ɵcc, SendMethod as ɵcd, Icon as ɵce, CalendarAllYearsComponent as ɵcf, CalendarAllMonthsComponent as ɵcg, CalendarHeaderComponent as ɵch, CalendarComponent as ɵci, CalendarViewComponent as ɵcj, AgendaHeaderComponent as ɵck, AgendaViewComponent as ɵcl, AgendaMonthViewComponent as ɵcm, AgendaBaseViewComponent as ɵcn, AgendaDayViewComponent as ɵco, AgendaWeekViewComponent as ɵcp, AgendaWeekSelectViewComponent as ɵcq, AgendaHourViewComponent as ɵcr, AgendaHourCellComponent as ɵcs, AgendaHourViewLabelsComponent as ɵct, AgendaHalfHourCellComponent as ɵcu, AgendaEventsComponent as ɵcv, AgendaEventComponent as ɵcw, ViewSelectComponent as ɵcx, AgendaSelectEventComponent as ɵcy, MASTER_PIPES as ɵcz, SharedConnectorService as ɵd, ArrayNumberPipe as ɵda, UCfirstPipe as ɵdb, FileTypeImagePipe as ɵdc, BaseFileUploadComponent as ɵdd, InputBoolean as ɵde, ImageDisplayModule as ɵdf, ImageDisplayComponent as ɵdg, FileUploadModule as ɵdh, TileRenderModule as ɵdi, TileRenderComponent as ɵdj, FileUploadComponent as ɵdk, FileUploadPopupModule as ɵdl, MultiplePropertyTogglerModule as ɵdm, MultiplePropertyTogglerComponent as ɵdn, FileUploadPopupComponent as ɵdo, AppFileDropzoneModule as ɵdp, AppFileDropzoneComponent as ɵdq, DragDropContainerComponent as ɵdr, DragDropService as ɵds, BaseActivityListComponent as ɵdt, PersonalActivityOverviewComponent as ɵdu, BaseActivityOverviewComponent as ɵdv, TaskModifierComponent as ɵdw, ModifyTaskFormComponent as ɵdx, PersonalActivityOverviewModule as ɵdy, ComponentActivityOverviewModule as ɵdz, OptionsService as ɵe, TaskModifyerModule as ɵea, ModifyTaskFormModule as ɵeb, TaskDetailsModule as ɵec, TaskDetailsComponent as ɵed, BaseActivitySummaryComponent as ɵee, ExecutiveSummaryBlockModule as ɵef, ActivitySummaryBlockModule as ɵeg, ActivitySummaryBlockComponent as ɵeh, ExecutiveSummaryBlockComponent as ɵei, StatusSummaryBlockModule as ɵej, StatusSummaryBlockComponent as ɵek, CreationSummaryBlockModule as ɵel, CreationSummaryBlockComponent as ɵem, NotificationSummaryBlockModule as ɵen, EmailSelectorModule as ɵeo, EmailSelectorComponent as ɵep, NotificationSummaryBlockComponent as ɵeq, ComponentActivityOverviewComponent as ɵer, ActivityListHeaderModule as ɵes, WorkflowNotificationToggleModule as ɵet, DirectivesModule as ɵeu, AbsoluteOverlayTemplateDirective as ɵev, AppAbsoluteOverlayOutletService as ɵew, AlignWithDirective as ɵex, ClickOutsideDirective as ɵey, WorkflowNotificationToggleComponent as ɵez, IconCacheService as ɵf, WorkflowNotificationTogglePopupComponent as ɵfa, PeriodFilterModule as ɵfb, PeriodFilterComponent as ɵfc, PeriodFilterPopupComponent as ɵfd, ActivityListHeaderComponent as ɵfe, WorkflowInfoTileModule as ɵff, WorkflowInfoTileComponent as ɵfg, StockService as ɵg, SendMethodService as ɵh, SendMethodEmailModule as ɵi, LayoutSelectionModule as ɵj, SharedLocalizePipe as ɵk, LayoutSelectionComponent as ɵl, SignatureButtonModule as ɵm, SignatureButtonComponent as ɵn, PdfPreviewModule as ɵo, CustomPdfDialogModule as ɵp, CustomPdfDialogComponent as ɵq, PreviewPdfDialogModule as ɵr, PreviewPdfDialogComponent as ɵs, PdfPreviewComponent as ɵt, SendMethodEmailComponent as ɵu, SendMethodPrinterModule as ɵv, PrinterSelectionModule as ɵw, PrinterSelectionComponent as ɵx, LanguageCode as ɵy, AdditionalFileButtonModule 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, LanguageCode as ɵba, SendMethodPrinterComponent as ɵbb, SendMethodPdfModule as ɵbc, SendMethodPdfComponent as ɵbd, SendMethodPurchaseModule as ɵbe, SendMethodPurchaseComponent as ɵbf, TabBarModule as ɵbg, TabBarComponent as ɵbh, StatusbarPopupComponent as ɵbi, StockStatusbarModule as ɵbj, StockStatusbarComponent as ɵbk, StockInformationComponent as ɵbl, StockInformationGridComponent as ɵbm, StockTransferComponent as ɵbn, StockChangeAmountComponent as ɵbo, StockTabComponent as ɵbp, OrderTabComponent as ɵbq, BaseStockComponent as ɵbr, StockTabsComponent as ɵbs, StockHistoryTabsComponent as ɵbt, OrderStockTabComponent as ɵbu, StockLocationComponent as ɵbv, StockHistoryComponent as ɵbw, OrderSupplyStockHistoryComponent as ɵbx, OrderCommissionStockHistoryComponent as ɵby, OrderStockHistoryComponent as ɵbz, StockModuleScreenConfigService as ɵc, AllocationStockHistoryComponent as ɵca, StockPrognoseComponent as ɵcb, StockLocationPopupComponent as ɵcc, SendMethod as ɵcd, Icon as ɵce, CalendarAllYearsComponent as ɵcf, CalendarAllMonthsComponent as ɵcg, CalendarHeaderComponent as ɵch, CalendarComponent as ɵci, CalendarViewComponent as ɵcj, AgendaHeaderComponent as ɵck, AgendaViewComponent as ɵcl, AgendaMonthViewComponent as ɵcm, AgendaBaseViewComponent as ɵcn, AgendaDayViewComponent as ɵco, AgendaWeekViewComponent as ɵcp, AgendaWeekSelectViewComponent as ɵcq, AgendaHourViewComponent as ɵcr, AgendaHourCellComponent as ɵcs, AgendaHourViewLabelsComponent as ɵct, AgendaHalfHourCellComponent as ɵcu, AgendaEventsComponent as ɵcv, AgendaEventComponent as ɵcw, ViewSelectComponent as ɵcx, AgendaSelectEventComponent as ɵcy, MASTER_PIPES as ɵcz, SharedConnectorService as ɵd, ArrayNumberPipe as ɵda, UCfirstPipe as ɵdb, FileTypeImagePipe as ɵdc, BaseFileUploadComponent as ɵdd, InputBoolean as ɵde, ImageDisplayModule as ɵdf, ImageDisplayComponent as ɵdg, FileUploadModule as ɵdh, TileRenderModule as ɵdi, TileRenderComponent as ɵdj, FileUploadComponent as ɵdk, FileUploadPopupModule as ɵdl, MultiplePropertyTogglerModule as ɵdm, MultiplePropertyTogglerComponent as ɵdn, FileUploadPopupComponent as ɵdo, AppFileDropzoneModule as ɵdp, AppFileDropzoneComponent as ɵdq, DragDropContainerComponent as ɵdr, DragDropService as ɵds, BaseActivityListComponent as ɵdt, PersonalActivityOverviewComponent as ɵdu, BaseActivityOverviewComponent as ɵdv, TaskModifierComponent as ɵdw, ModifyTaskFormComponent as ɵdx, PersonalActivityOverviewModule as ɵdy, ComponentActivityOverviewModule as ɵdz, OptionsService as ɵe, TaskModifyerModule as ɵea, ModifyTaskFormModule as ɵeb, TaskDetailsModule as ɵec, TaskDetailsComponent as ɵed, BaseActivitySummaryComponent as ɵee, ExecutiveSummaryBlockModule as ɵef, ActivitySummaryBlockModule as ɵeg, ActivitySummaryBlockComponent as ɵeh, ExecutiveSummaryBlockComponent as ɵei, StatusSummaryBlockModule as ɵej, StatusSummaryBlockComponent as ɵek, CreationSummaryBlockModule as ɵel, CreationSummaryBlockComponent as ɵem, NotificationSummaryBlockModule as ɵen, EmailSelectorModule as ɵeo, EmailSelectorComponent as ɵep, NotificationSummaryBlockComponent as ɵeq, ComponentActivityOverviewComponent as ɵer, ActivityListHeaderModule as ɵes, WorkflowNotificationToggleModule as ɵet, DirectivesModule as ɵeu, AbsoluteOverlayTemplateDirective as ɵev, AppAbsoluteOverlayOutletService as ɵew, AlignWithDirective as ɵex, ClickOutsideDirective as ɵey, WorkflowNotificationToggleComponent as ɵez, IconCacheService as ɵf, WorkflowNotificationTogglePopupComponent as ɵfa, PeriodFilterModule as ɵfb, PeriodFilterComponent as ɵfc, PeriodFilterPopupComponent as ɵfd, ActivityListHeaderComponent as ɵfe, WorkflowInfoTileModule as ɵff, WorkflowInfoTileComponent as ɵfg, StockService as ɵg, SendMethodService as ɵh, SendMethodEmailModule as ɵi, LayoutSelectionModule as ɵj, SharedLocalizePipe as ɵk, LayoutSelectionComponent as ɵl, SignatureButtonModule as ɵm, SignatureButtonComponent as ɵn, PdfPreviewModule as ɵo, CustomPdfDialogModule as ɵp, CustomPdfDialogComponent as ɵq, PreviewPdfDialogModule as ɵr, PreviewPdfDialogComponent as ɵs, PdfPreviewComponent as ɵt, AdditionalFileButtonModule as ɵu, AdditionalFileButtonComponent as ɵv, SendMethodEmailComponent as ɵw, SendMethodPrinterModule as ɵx, PrinterSelectionModule as ɵy, PrinterSelectionComponent as ɵz };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map