@colijnit/sharedcomponents 1.0.44 → 1.0.45

package/fesm2015/colijnit-sharedcomponents.js

@@ -1,6 +1,6 @@
 import { __awaiter } from 'tslib';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable, ChangeDetectorRef, HostListener, Pipe, Renderer2, Inject, LOCALE_ID, NgZone, Directive } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable, ChangeDetectorRef, ViewChildren, HostListener, Pipe, Renderer2, Inject, LOCALE_ID, NgZone, Directive } from '@angular/core';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { PDFDocument } from 'pdf-lib';
 import * as PDFJS from 'pdfjs-dist/legacy/build/pdf';
@@ -19,22 +19,22 @@ import { ArticleTransaction } from '@colijnit/articleapi/build/model/article-tra
 import { BehaviorSubject, Subject } from 'rxjs';
 import { MainApi } from '@colijnit/mainapi';
 import { Printer } from '@colijnit/mainapi/build/model/printer.bo';
-import { BusinessObjectFactory } from '@colijnit/ioneconnector/build/factory/business-object-factory';
 import { SendMethod as SendMethod$1 } from '@colijnit/mainapi/build/model/send-method.bo';
+import { BusinessObjectFactory } from '@colijnit/ioneconnector/build/service/business-object-factory';
 import { PrintStockStickers } from '@colijnit/sharedapi/build/model/print-stock-stickers';
 import { ArticleStock as ArticleStock$1 } from '@colijnit/articleapi/build/model/article-stock';
-import { InputCheckboxModule, IconModule, CoDialogModule, ButtonModule, DropDownModule, ListOfValuesModule, OverlayService, ClickoutsideModule, OverlayModule, InputComboBoxModule, CoGridModule, InputRadioButtonModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, InputDatePickerModule } from '@colijnit/corecomponents_v12';
+import { IconModule, InputCheckboxModule, CoDialogModule, ButtonModule, ListOfValuesModule, OverlayService, ClickoutsideModule, OverlayModule, InputRadioButtonModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, InputDatePickerModule } from '@colijnit/corecomponents_v12';
 import * as i1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
 import { ArticleStockManagement } from '@colijnit/articleapi/build/model/article-stock-management';
 import { ArticleTransaction as ArticleTransaction$1 } from '@colijnit/articleapi/build/model/article-transaction';
 import { PrintPriceStickers } from '@colijnit/sharedapi/build/model/print-price-stickers.bo';
-import { ReportingDocumentPrintBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-print-base-request';
-import { ReportingDocumentEmailBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-email-base-request';
+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 { GetStockHistoryRequest } from '@colijnit/articleapi/build/model/get-stock-history-request';
-import { CircularGaugeModule } from '@syncfusion/ej2-angular-circulargauge';
+import { Chart, DoughnutController, ArcElement } from 'chart.js';
 import * as moment from 'moment';
 
 class DocsignComponent {
@@ -1012,67 +1012,15 @@ StockService.ctorParameters = () => [
     { type: SharedConnectorService }
 ];
 
-class Translation {
-    constructor() {
-        this.ALLOCATED = 'ALLOCATED';
-        this.ALLOCATION = 'ALLOCATION';
-        this.ALREADY_IN_ORDER = 'ALREADY_IN_ORDER';
-        this.AMOUNT = 'AMOUNT';
-        this.AMOUNT_AVAILABLE = 'AMOUNT_AVAILABLE';
-        this.AMOUNT_IN_STOCK = 'AMOUNT_IN_STOCK';
-        this.AMOUNT_LATER_AVAILABLE = 'AMOUNT_LATER_AVAILABLE';
-        this.AVAILABLE_STOCK = 'AVAILABLE_STOCK';
-        this.BACK_TO_STOCK_LINES = 'BACK_TO_STOCK_LINES';
-        this.BATCH = 'BATCH';
-        this.CANCEL = 'CANCEL';
-        this.CHOICES = 'CHOICES';
-        this.CUSTOMER = 'CUSTOMER';
-        this.DATE = 'DATE';
-        this.DELIVERY_DATE = 'DELIVERY_DATE';
-        this.DESCRIPTION = 'DESCRIPTION';
-        this.DOCUMENT_NUMBER = 'DOCUMENT_NUMBER';
-        this.ECONOMICAL_STOCK = 'ECONOMICAL_STOCK';
-        this.FREE_STOCK = 'FREE_STOCK';
-        this.HISTORY = 'HISTORY';
-        this.IN_ORDER = 'IN_ORDER';
-        this.LINE = 'LINE';
-        this.LOCATION = 'LOCATION';
-        this.LOOK_AT = 'LOOK_AT';
-        this.MUTATION_DATE = 'MUTATION_DATE';
-        this.MUTATION_TIME = 'MUTATION_TIME';
-        this.MUTATION_TYPE = 'MUTATION_TYPE';
-        this.OK = 'OK';
-        this.ORDER = 'ORDER';
-        this.ORDER_COMMISSION = 'ORDER_COMMISSION';
-        this.ORDER_STOCK = 'ORDER_STOCK';
-        this.OVERVIEW = 'OVERVIEW';
-        this.PURCHASE_ORDER_NR = 'PURCHASE_ORDER_NR';
-        this.PURCHASE_PRICE = 'PURCHASE_PRICE';
-        this.RELATION_ID = 'RELATION_ID';
-        this.RELATION_NR = 'RELATION_NR';
-        this.RESERVED = 'RESERVED';
-        this.SEARCH = 'SEARCH';
-        this.SERIAL_NO = 'SERIAL_NO';
-        this.STICKER = 'STICKER';
-        this.STOCK = 'STOCK';
-        this.STOCK_DETAILS = 'STOCK_DETAILS';
-        this.STOCK_REMARK = 'STOCK_REMARK';
-        this.STOCK_STATE = 'STOCK_STATE';
-        this.STOCK_STATUS = 'STOCK_STATUS';
-        this.SUPPLIER_NUMBER = 'SUPPLIER_NUMBER';
-        this.TRANSFER = 'TRANSFER';
-        this.USER = 'USER';
-        this.VALUTA = 'VALUTA';
-        this.WAREHOUSE = 'WAREHOUSE';
-    }
+class Translation$1 {
 }
 
 class LocalizeService {
     constructor() {
-        this._translation = new Translation();
+        this._translation = new Translation$1();
     }
     set translation(value) {
-        this._translation = Object.assign(new Translation(), value);
+        this._translation = Object.assign(new Translation$1(), value);
     }
     get translation() {
         return this._translation;
@@ -1296,6 +1244,7 @@ StockInformationComponent.propDecorators = {
 
 /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
 const IconSvg = {
+    "account": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><path d=\"M15,15c3.59,0,6.5-2.91,6.5-6.5s-2.91-6.5-6.5-6.5-6.5,2.91-6.5,6.5,2.91,6.5,6.5,6.5Zm-2.32,2.44c-5,0-9.05,4.05-9.05,9.05,0,.83,.68,1.51,1.51,1.51H24.87c.83,0,1.51-.68,1.51-1.51,0-5-4.05-9.05-9.05-9.05h-4.64Z\" fill=\"#484f60\"/></g></svg>",
     "angle_left_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path fill=\"#183153\" d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\"/></svg>",
     "angle_right_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path fill=\"#183153\" d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"/></svg>",
     "arrow_fat_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"37.5 25 25.2 12.7 25.2 20.35 12.5 20.35 12.5 29.66 25.2 29.66 25.2 37.3 37.5 25\" fill=\"#484f60\"/></svg>",
@@ -1308,10 +1257,13 @@ const IconSvg = {
     "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
     "email": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.79,38.45A17.82,17.82,0,0,1,23.86,40,13.09,13.09,0,0,1,10.41,26.42C10.41,17.63,16.83,10,26.53,10c7.63,0,13.06,5.21,13.06,12.46,0,6.33-3.53,10.3-8.19,10.3a3.42,3.42,0,0,1-3.71-3.32h-.08A6.5,6.5,0,0,1,22,32.76c-2.75,0-4.82-2.11-4.82-5.65a9.85,9.85,0,0,1,10.13-10,12.89,12.89,0,0,1,5.13,1l-1.3,8c-.43,2.54-.13,3.71,1.08,3.75,1.85.09,4.18-2.28,4.18-7.28,0-5.65-3.62-10-10.3-10S13.73,17.76,13.73,26c0,7.25,4.57,11.3,11,11.3A14.81,14.81,0,0,0,31,36ZM28,20.65a5.34,5.34,0,0,0-1.33-.18c-2.85,0-5.09,2.81-5.09,6.12,0,1.64.73,2.68,2.16,2.68,1.59,0,3.27-2,3.66-4.53Z\" fill=\"#484f60\"/></svg>",
     "envelope_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z\"/></svg>",
+    "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_pdf_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M320 464C328.8 464 336 456.8 336 448V416H384V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V416H48V448C48 456.8 55.16 464 64 464H320zM256 160C238.3 160 224 145.7 224 128V48H64C55.16 48 48 55.16 48 64V192H0V64C0 28.65 28.65 0 64 0H229.5C246.5 0 262.7 6.743 274.7 18.75L365.3 109.3C377.3 121.3 384 137.5 384 154.5V192H336V160H256zM88 224C118.9 224 144 249.1 144 280C144 310.9 118.9 336 88 336H80V368C80 376.8 72.84 384 64 384C55.16 384 48 376.8 48 368V240C48 231.2 55.16 224 64 224H88zM112 280C112 266.7 101.3 256 88 256H80V304H88C101.3 304 112 293.3 112 280zM160 240C160 231.2 167.2 224 176 224H200C226.5 224 248 245.5 248 272V336C248 362.5 226.5 384 200 384H176C167.2 384 160 376.8 160 368V240zM192 352H200C208.8 352 216 344.8 216 336V272C216 263.2 208.8 256 200 256H192V352zM336 224C344.8 224 352 231.2 352 240C352 248.8 344.8 256 336 256H304V288H336C344.8 288 352 295.2 352 304C352 312.8 344.8 320 336 320H304V368C304 376.8 296.8 384 288 384C279.2 384 272 376.8 272 368V240C272 231.2 279.2 224 288 224H336z\"/></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>",
+    "lock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g><path d=\"M22.65,11.67H7.35c-2.82,0-3.07,2.29-3.07,5.12v8.09c0,2.83,.25,5.12,3.07,5.12h15.29c2.81,0,3.07-2.29,3.07-5.12v-8.09c0-2.83-.25-5.12-3.07-5.12Zm-12.42,15.82l2.6-6.32c-1-.7-1.65-1.85-1.65-3.15,0-2.12,1.71-3.84,3.82-3.84s3.82,1.73,3.82,3.84c0,1.31-.65,2.46-1.65,3.15l2.6,6.32H10.22Z\" fill=\"#484f60\"/><path d=\"M19.51,6.64c0-3.6-2.02-4.07-4.51-4.07h0c-2.49,0-4.51,.47-4.51,4.07v3h-2.7v-3C7.79,1.62,11.02,0,15,0h0c3.98,0,7.21,1.62,7.21,6.64v3h-2.7v-3Z\" fill=\"#484f60\"/></g></g></svg>",
     "message_sms_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M448-.0004H64c-35.25 0-64 28.75-64 63.1v287.1c0 35.25 28.75 63.1 64 63.1h96v83.98c0 9.836 11.02 15.55 19.12 9.7L304 415.1H448c35.25 0 64-28.75 64-63.1V63.1C512 28.75 483.3-.0004 448-.0004zM464 352c0 8.75-7.25 16-16 16h-160l-80 60v-60H64c-8.75 0-16-7.25-16-16V64c0-8.75 7.25-16 16-16h384c8.75 0 16 7.25 16 16V352zM124.4 192.6C113.6 189.5 103.2 187.2 104.2 181.5c.7813-4.5 10.28-6.562 21.5-4.906c4.156 .6562 8.75 2.094 13.09 3.594c8.375 2.906 17.47-1.562 20.34-9.906c2.875-8.344-1.562-17.47-9.906-20.34C143.1 147.8 136.5 145.9 130.6 145c-30.69-4.812-53.94 7.719-58 31.09c-5.656 33.03 26.5 42.47 38.63 46c13.72 3.947 25.62 6.432 24.56 12.34C135 239 125.7 241.1 114.3 239.4C107.9 238.4 100.4 235.4 93.38 232.9c-8.375-2.969-16 1.875-18.97 10.19S77.19 261.1 85.5 264.1C92.81 266.8 101.1 269.8 109.4 271C113.7 271.7 117.9 272 121.1 272c24.28 0 41.94-12.03 45.38-32.13C173.1 206.5 141.4 197.5 124.4 192.6zM396.4 192.6C385.6 189.5 375.2 187.2 376.2 181.5c.7813-4.5 10.31-6.562 21.5-4.906c4.156 .6562 8.75 2.094 13.09 3.594c8.406 2.906 17.47-1.562 20.34-9.906c2.875-8.344-1.562-17.47-9.906-20.34c-6.156-2.125-12.69-4.062-18.59-4.969c-30.75-4.812-53.97 7.719-58 31.09c-5.656 33.03 26.5 42.47 38.63 46c13.72 3.947 25.62 6.432 24.56 12.34c-.7813 4.562-10.12 6.656-21.56 4.938c-6.342-.9883-13.9-3.939-20.88-6.438c-8.375-2.969-16 1.875-18.97 10.19s2.781 17.97 11.09 20.97c7.312 2.656 15.62 5.656 23.88 6.906C385.7 271.7 389.9 272 393.1 272c24.28 0 41.94-12.03 45.38-32.13C445.1 206.5 413.4 197.5 396.4 192.6zM309.1 144.8c-6.469-2.062-13.72 .0625-17.88 5.594L256 197.3L220.8 150.4C216.7 144.9 209.4 142.7 202.9 144.8C196.4 147 192 153.1 192 160v96c0 8.844 7.156 16 16 16S224 264.8 224 256V208l19.19 25.59c6.062 8.062 19.56 8.062 25.62 0L288 208V256c0 8.844 7.156 16 16 16S320 264.8 320 256V160C320 153.1 315.6 147 309.1 144.8z\"/></svg>",
     "message_sms_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 64C0 28.7 28.7 0 64 0H448c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H309.3L185.6 508.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3V416H64c-35.3 0-64-28.7-64-64V64zm202.9 80.8C196.4 147 192 153.1 192 160v96c0 8.8 7.2 16 16 16s16-7.2 16-16V208l19.2 25.6c3 4 7.8 6.4 12.8 6.4s9.8-2.4 12.8-6.4L288 208v48c0 8.8 7.2 16 16 16s16-7.2 16-16V160c0-6.9-4.4-13-10.9-15.2s-13.7 .1-17.9 5.6L256 197.3l-35.2-46.9c-4.1-5.5-11.3-7.8-17.9-5.6zm173.1 38c0-1.1 .2-1.6 .4-1.9c.3-.4 .9-1.2 2.4-2c3.1-1.8 8-3 12.9-2.9c6.1 .1 12.9 1.4 20.1 3.4c8.5 2.3 17.3-2.8 19.6-11.3s-2.8-17.3-11.3-19.6c-8.2-2.2-17.9-4.3-27.9-4.4c-9.3-.1-20.4 1.9-29.7 7.4c-9.9 5.9-18.6 16.4-18.5 31.6c.1 14.7 8.8 24 17.7 29.4c7.6 4.6 17.1 7.4 24.3 9.6l1.2 .4c8.5 2.6 14.2 4.5 18 6.9c2.7 1.7 2.7 2.4 2.7 3.1l0 .2c0 1.6-.3 2.3-.6 2.7c-.3 .5-.9 1.2-2.1 2c-2.8 1.7-7.5 2.9-12.8 2.8c-7-.2-13.5-2.4-22.6-5.5l0 0 0 0c-1.5-.5-3.2-1.1-4.9-1.6c-8.4-2.8-17.4 1.7-20.2 10.1s1.7 17.4 10.1 20.2c1.2 .4 2.6 .9 4 1.4l0 0 0 0c8.8 3 20.4 7 32.6 7.4c9.8 .3 21.2-1.6 30.7-7.6c10.2-6.4 18-17.3 17.8-32.3c-.2-14.7-8.5-24.2-17.6-29.9c-8-5-17.9-8-25.2-10.2l-.6-.2c-8.6-2.6-14.4-4.4-18.2-6.8c-1.6-1-2.1-1.6-2.2-1.7c0-.1 0-.2 0-.4zm-272 0c0-1.1 .2-1.6 .4-1.9c.3-.4 .9-1.2 2.4-2c3.1-1.8 8-3 12.9-2.9c6.6 .1 16.7 1.6 23.3 3.4c8.5 2.3 17.3-2.8 19.6-11.3s-2.8-17.3-11.3-19.6c-8.8-2.4-21.6-4.3-31.1-4.4c-9.3-.1-20.4 1.9-29.7 7.4C80.6 157.3 72 167.8 72 183c.1 14.7 8.8 24 17.7 29.4c7.6 4.6 17.1 7.4 24.3 9.6l0 0 1.2 .4c8.5 2.6 14.2 4.5 18 6.9c2.7 1.7 2.7 2.4 2.7 3.1l0 .2c0 1.6-.3 2.3-.6 2.7c-.3 .5-.9 1.2-2.1 2c-2.8 1.7-7.5 2.9-12.8 2.8c-7.2-.2-14.2-2.6-23.7-5.8l0 0 0 0c-1.3-.4-2.7-.9-4.1-1.4c-8.4-2.8-17.4 1.7-20.2 10.1s1.7 17.4 10.1 20.2c1.1 .4 2.4 .8 3.6 1.2l0 0 0 0c9 3.1 20.9 7.2 33.2 7.6c9.8 .3 21.2-1.6 30.7-7.6c10.2-6.4 18-17.3 17.8-32.3c-.2-14.7-8.5-24.2-17.6-29.9c-8-5-17.9-8-25.2-10.2l-.6-.2c-8.6-2.6-14.4-4.4-18.3-6.8c-1.6-1-2.1-1.6-2.2-1.7c0-.1 0-.2 0-.4z\"/></svg>",
     "pdf": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.88c-2.16,0-2.72-.56-2.72-2.72V12.88c0-2.15.56-2.71,2.72-2.71h11.6l8.66,8.88v3.43H32.8V19.6l-7.88-8.09h-11c-1.38,0-1.38,0-1.38,1.37V37.45c0,1.37,0,1.37,1.38,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M27.83,26.63v4.24h1a3.57,3.57,0,0,0,.78-.06,1.22,1.22,0,0,0,.52-.26,1.44,1.44,0,0,0,.34-.62,4.13,4.13,0,0,0,.13-1.18,3.79,3.79,0,0,0-.13-1.14,1.51,1.51,0,0,0-.37-.62,1.14,1.14,0,0,0-.6-.3,5.93,5.93,0,0,0-1.06-.06Z\" fill=\"#484f60\"/><path d=\"M21.86,26.63v1.82h.71a3.57,3.57,0,0,0,1-.1A.88.88,0,0,0,24,28a.84.84,0,0,0,.14-.5.8.8,0,0,0-.2-.57.88.88,0,0,0-.52-.29,6.36,6.36,0,0,0-.93,0Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.12,4.24a1.68,1.68,0,0,1-.54.63,1.9,1.9,0,0,1-.67.3,6.57,6.57,0,0,1-1.34.1h-.85V32H20.57V25.54h2.07a7.75,7.75,0,0,1,1.54.1,1.73,1.73,0,0,1,.93.63,2,2,0,0,1,.37,1.25A2,2,0,0,1,25.26,28.51Zm6.45,1.66A2.91,2.91,0,0,1,31,31.31a2.28,2.28,0,0,1-.91.51A4,4,0,0,1,29,32H26.54V25.54H28.9a4.21,4.21,0,0,1,1.22.13,2.08,2.08,0,0,1,1,.59,2.79,2.79,0,0,1,.61,1,4.76,4.76,0,0,1,.21,1.52A4.19,4.19,0,0,1,31.71,30.17Zm5.7-3.54h-3.1v1.52H37v1.08H34.31V32H33V25.54h4.39Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/></svg>",
@@ -1371,6 +1323,7 @@ IconCacheService.ctorParameters = () => [
 /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
 var Icon;
 (function (Icon) {
+    Icon["Account"] = "account";
     Icon["AngleLeftSolid"] = "angle_left_solid";
     Icon["AngleRightSolid"] = "angle_right_solid";
     Icon["ArrowFatRight"] = "arrow_fat_right";
@@ -1383,10 +1336,13 @@ var Icon;
     Icon["DeliveryTruck"] = "delivery_truck";
     Icon["Email"] = "email";
     Icon["EnvelopeRegular"] = "envelope_regular";
+    Icon["EyeRegular"] = "eye_regular";
     Icon["FileExportRegular"] = "file_export_regular";
     Icon["FileExportSolid"] = "file_export_solid";
     Icon["FilePdfRegular"] = "file_pdf_regular";
     Icon["FilePdfSolid"] = "file_pdf_solid";
+    Icon["FileSignatureRegular"] = "file_signature_regular";
+    Icon["Lock"] = "lock";
     Icon["MessageSmsRegular"] = "message_sms_regular";
     Icon["MessageSmsSolid"] = "message_sms_solid";
     Icon["Pdf"] = "pdf";
@@ -1658,6 +1614,7 @@ StockInformationGridComponent.decorators = [
           <span class="stock-button-back" [textContent]="'BACK_TO_STOCK_LINES' | localize" (click)="handleBackToStockClick()"></span>
         </div>
         <div class="stock-location-right-group">
+<!--
           <co-drop-down-list  [(model)]="selectedWarehouse"
                               [collection]="dataWareHouseCode"
                               [fields]="dataWareHouseFields"
@@ -1665,6 +1622,7 @@ StockInformationGridComponent.decorators = [
                               (modelChange)="onSelectWarehouse($event)"
                               [required]="true"
           ></co-drop-down-list>
+-->
         </div>
       </div>
 
@@ -1685,6 +1643,7 @@ StockInformationGridComponent.decorators = [
         </div>
         <co-simple-grid-column [headerText]="'LOCATION' | localize" [field]="'locationNo'">
           <ng-template #editTemplate let-row="row">
+<!--
             <co-drop-down-list [(model)]="row.locationNo"
                                [collection]="stockLocations"
                                [fields]="dataLocationFields"
@@ -1692,6 +1651,7 @@ StockInformationGridComponent.decorators = [
                                (click)="onLocationDropdownClick()"
                                [required]="true"
             ></co-drop-down-list>
+-->
           </ng-template>
         </co-simple-grid-column>
         <co-simple-grid-column *ngIf="articleDetails" [headerText]="'BATCH' | localize" [field]="'batchNo'">
@@ -1925,6 +1885,7 @@ StockTransferComponent.decorators = [
           </div>
 
           <div class="stock-transfer-right-column">
+<!--
             <co-drop-down-list [collection]="warehouses"
                                [fields]="allWarehousesDropdownFields"
                                (modelChange)="handleSelectedWarehouse($event)"
@@ -1943,6 +1904,7 @@ StockTransferComponent.decorators = [
                                [(model)]="articleToTransfer.stockStateId"
             >
             </co-drop-down-list>
+-->
             <co-input-text [placeholder]="'Omschrijving' | localize"
                            [(model)]="articleToTransfer.stockStateRemark">
             </co-input-text>
@@ -2007,29 +1969,29 @@ SharedService.ctorParameters = () => [
 
 class SendMethodService {
     constructor() {
-        this.reportingDocumentPrintBaseRequestChanged = new Subject();
-        this.reportingDocumentEmailBaseRequestChanged = new Subject();
+        this.reportingDocumentPrintSignDocBaseRequestChanged = new Subject();
+        this.reportingDocumentEmailSignDocBaseRequestChanged = new Subject();
         this.reportingDocumentPdfBaseRequestChanged = new Subject();
         this.selectedEmailAddresses = [];
-        this._reportingDocumentPrintBaseRequest = new ReportingDocumentPrintBaseRequest();
-        this._reportingDocumentEmailBaseRequest = new ReportingDocumentEmailBaseRequest();
+        this._reportingDocumentPrintSignDocBaseRequest = new ReportingDocumentPrintSignDocBaseRequest();
+        this._reportingDocumentEmailSignDocBaseRequest = new ReportingDocumentEmailSignDocBaseRequest();
         this._reportingDocumentPdfBaseRequest = new ReportingDocumentPdfBaseRequest();
     }
-    set reportingDocumentPrintBaseRequest(value) {
-        this._reportingDocumentPrintBaseRequest = value;
-        this.activePrinter = this._reportingDocumentPrintBaseRequest.printerName;
-        this.reportingDocumentPrintBaseRequestChanged.next(this._reportingDocumentPrintBaseRequest);
+    set reportingDocumentPrintSignDocBaseRequest(value) {
+        this._reportingDocumentPrintSignDocBaseRequest = value;
+        this.activePrinter = this._reportingDocumentPrintSignDocBaseRequest.printerName;
+        this.reportingDocumentPrintSignDocBaseRequestChanged.next(this._reportingDocumentPrintSignDocBaseRequest);
     }
-    get reportingDocumentPrintBaseRequest() {
-        return this._reportingDocumentPrintBaseRequest;
+    get reportingDocumentPrintSignDocBaseRequest() {
+        return this._reportingDocumentPrintSignDocBaseRequest;
     }
-    set reportingDocumentEmailBaseRequest(value) {
-        this._reportingDocumentEmailBaseRequest = value;
-        this.selectedEmailAddresses = this._reportingDocumentEmailBaseRequest.toAddresses.split(';');
-        this.reportingDocumentEmailBaseRequestChanged.next(this._reportingDocumentEmailBaseRequest);
+    set reportingDocumentEmailSignDocBaseRequest(value) {
+        this._reportingDocumentEmailSignDocBaseRequest = value;
+        this.selectedEmailAddresses = this._reportingDocumentEmailSignDocBaseRequest.toAddresses.split(';');
+        this.reportingDocumentEmailSignDocBaseRequestChanged.next(this._reportingDocumentEmailSignDocBaseRequest);
     }
-    get reportingDocumentEmailBaseRequest() {
-        return this._reportingDocumentEmailBaseRequest;
+    get reportingDocumentEmailSignDocBaseRequest() {
+        return this._reportingDocumentEmailSignDocBaseRequest;
     }
     set reportingDocumentPdfBaseRequest(value) {
         this._reportingDocumentPdfBaseRequest = value;
@@ -2051,8 +2013,8 @@ class SendMethodService {
         }
     }
     _updateEmailAddresses() {
-        this._reportingDocumentEmailBaseRequest.toAddresses = this.selectedEmailAddresses.join(';');
-        this.reportingDocumentEmailBaseRequestChanged.next(this._reportingDocumentEmailBaseRequest);
+        this._reportingDocumentEmailSignDocBaseRequest.toAddresses = this.selectedEmailAddresses.join(';');
+        this.reportingDocumentEmailSignDocBaseRequestChanged.next(this._reportingDocumentEmailSignDocBaseRequest);
     }
 }
 SendMethodService.decorators = [
@@ -2107,17 +2069,17 @@ class SendMethodDialogComponent {
         this.showEmailTemplate = true;
         this.showWebservice = true;
         this._subscriptions = [];
-        this._subscriptions.push(this._sendMethodService.reportingDocumentPrintBaseRequestChanged.subscribe((value) => this.reportingDocumentPrintRequestChange.next(value)), this._sendMethodService.reportingDocumentEmailBaseRequestChanged.subscribe((value) => this.reportingDocumentEmailRequestChange.next(value)), this._sendMethodService.reportingDocumentPdfBaseRequestChanged.subscribe((value) => this.reportingDocumentPdfRequestChange.next(value)));
+        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)));
     }
     showClass() {
         return true;
     }
     ngOnInit() {
         if (this.reportingDocumentEmailRequest) {
-            this._sendMethodService.reportingDocumentEmailBaseRequest = this.reportingDocumentEmailRequest;
+            this._sendMethodService.reportingDocumentEmailSignDocBaseRequest = this.reportingDocumentEmailRequest;
         }
         if (this.reportingDocumentPrintRequest) {
-            this._sendMethodService.reportingDocumentPrintBaseRequest = this.reportingDocumentPrintRequest;
+            this._sendMethodService.reportingDocumentPrintSignDocBaseRequest = this.reportingDocumentPrintRequest;
         }
         if (this.reportingDocumentPdfRequest) {
             this._sendMethodService.reportingDocumentPdfBaseRequest = this.reportingDocumentPdfRequest;
@@ -2337,10 +2299,15 @@ SendMethodEmailComponent.decorators = [
         <div class="email-address" [textContent]="emailAddressViewmodel.emailAddress"></div>
       </div>
     </div>
-    <co-layout-selection
-      [(request)]="sendMethodService.reportingDocumentEmailBaseRequest"
-      [layouts]="layouts"
-    ></co-layout-selection>
+    <div class="layout-signature-wrapper">
+      <co-layout-selection
+        [(request)]="sendMethodService.reportingDocumentEmailSignDocBaseRequest"
+        [layouts]="layouts"
+      ></co-layout-selection>
+      <co-signature-button
+        [request]="sendMethodService.reportingDocumentEmailSignDocBaseRequest"
+      ></co-signature-button>
+    </div>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -2425,6 +2392,58 @@ LayoutSelectionModule.decorators = [
             },] }
 ];
 
+class SignatureButtonComponent {
+    constructor(iconCacheService) {
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
+    }
+    showClass() {
+        return true;
+    }
+    handleToggleSignature() {
+        this.request.parkForDigitalSignature = !this.request.parkForDigitalSignature;
+    }
+}
+SignatureButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-signature-button",
+                template: `
+    <div class="signature-button-wrapper"
+         [class.selected]="request.parkForDigitalSignature"
+         (click)="handleToggleSignature()">
+      <co-icon
+        [iconData]="iconCacheService.getIcon(icons.FileSignatureRegular)"
+      ></co-icon>
+    </div>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+SignatureButtonComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+SignatureButtonComponent.propDecorators = {
+    request: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-signature-button",] }]
+};
+
+class SignatureButtonModule {
+}
+SignatureButtonModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    IconModule
+                ],
+                declarations: [
+                    SignatureButtonComponent
+                ],
+                exports: [
+                    SignatureButtonComponent
+                ]
+            },] }
+];
+
 class SendMethodEmailModule {
 }
 SendMethodEmailModule.decorators = [
@@ -2432,7 +2451,9 @@ SendMethodEmailModule.decorators = [
                 imports: [
                     CommonModule,
                     InputCheckboxModule,
-                    LayoutSelectionModule
+                    LayoutSelectionModule,
+                    IconModule,
+                    SignatureButtonModule
                 ],
                 declarations: [
                     SendMethodEmailComponent
@@ -2453,12 +2474,12 @@ class SendMethodPrinterComponent {
         return true;
     }
     handleDefaultPrinterUserChange(checked) {
-        this.sendMethodService.reportingDocumentPrintBaseRequest.saveDefaultPrinterForUser = checked;
-        this.sendMethodService.reportingDocumentPrintBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintBaseRequest);
+        this.sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForUser = checked;
+        this.sendMethodService.reportingDocumentPrintSignDocBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintSignDocBaseRequest);
     }
     handleDefaultPrinterAllUsersChange(checked) {
-        this.sendMethodService.reportingDocumentPrintBaseRequest.saveDefaultPrinterForAllUsers = checked;
-        this.sendMethodService.reportingDocumentPrintBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintBaseRequest);
+        this.sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForAllUsers = checked;
+        this.sendMethodService.reportingDocumentPrintSignDocBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintSignDocBaseRequest);
     }
 }
 SendMethodPrinterComponent.decorators = [
@@ -2466,17 +2487,22 @@ SendMethodPrinterComponent.decorators = [
                 selector: 'co-send-method-printer',
                 template: `
     <co-printer-selection [printers]="printerList"></co-printer-selection>
-    <co-layout-selection
-      [(request)]="sendMethodService.reportingDocumentPrintBaseRequest"
-      [layouts]="layouts"
-    ></co-layout-selection>
+    <div class="layout-signature-wrapper">
+      <co-layout-selection
+        [(request)]="sendMethodService.reportingDocumentPrintSignDocBaseRequest"
+        [layouts]="layouts"
+      ></co-layout-selection>
+      <co-signature-button
+        [request]="sendMethodService.reportingDocumentPrintSignDocBaseRequest"
+      ></co-signature-button>
+    </div>
     <co-input-checkbox
-      [model]="sendMethodService.reportingDocumentPrintBaseRequest.saveDefaultPrinterForUser"
+      [model]="sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForUser"
       [label]="'Koppeling onthouden'"
       (modelChange)="handleDefaultPrinterUserChange($event)"
     ></co-input-checkbox>
     <co-input-checkbox
-      [model]="sendMethodService.reportingDocumentPrintBaseRequest.saveDefaultPrinterForAllUsers"
+      [model]="sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForAllUsers"
       [label]="'Alle gebruikers'"
       (modelChange)="handleDefaultPrinterAllUsersChange($event)"
     ></co-input-checkbox>
@@ -2506,17 +2532,17 @@ class PrinterSelectionComponent {
         return true;
     }
     ngOnInit() {
-        if (!this.sendMethodService.reportingDocumentPrintBaseRequest.printerName && this.printers && this.printers.length > 0) {
+        if (!this.sendMethodService.reportingDocumentPrintSignDocBaseRequest.printerName && this.printers && this.printers.length > 0) {
             const defaultPrinter = this.printers.find(p => p.isDefault);
             if (defaultPrinter) {
-                this.sendMethodService.reportingDocumentPrintBaseRequest.printerName = defaultPrinter.name;
-                this.sendMethodService.reportingDocumentPrintBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintBaseRequest);
+                this.sendMethodService.reportingDocumentPrintSignDocBaseRequest.printerName = defaultPrinter.name;
+                this.sendMethodService.reportingDocumentPrintSignDocBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintSignDocBaseRequest);
             }
         }
     }
     handlePrinterClicked(printer) {
-        this.sendMethodService.reportingDocumentPrintBaseRequest.printerName = printer.name;
-        this.sendMethodService.reportingDocumentPrintBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintBaseRequest);
+        this.sendMethodService.reportingDocumentPrintSignDocBaseRequest.printerName = printer.name;
+        this.sendMethodService.reportingDocumentPrintSignDocBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintSignDocBaseRequest);
         this.showPrinterList = false;
     }
 }
@@ -2526,11 +2552,11 @@ PrinterSelectionComponent.decorators = [
                 template: `
     <div class="printer-selection-wrapper" (click)="showPrinterList = !showPrinterList">
       <div class="title" [textContent]="'Printer'"></div>
-      <div class="printer-name" [textContent]="sendMethodService.reportingDocumentPrintBaseRequest.printerName || 'Printer kiezen'"></div>
+      <div class="printer-name" [textContent]="sendMethodService.reportingDocumentPrintSignDocBaseRequest.printerName || 'Printer kiezen'"></div>
     </div>
     <div class="layouts-wrapper co-small-scrollbar" *ngIf="showPrinterList" @showHideLayouts>
       <div class="printer-list-item" *ngFor="let printer of printers"
-           [class.selected]="sendMethodService.reportingDocumentPrintBaseRequest.printerName === printer.name"
+           [class.selected]="sendMethodService.reportingDocumentPrintSignDocBaseRequest.printerName === printer.name"
            (click)="handlePrinterClicked(printer)">
         <co-icon class="printer-icon" [iconData]="iconService.getIcon(icons.PrintRegular)"></co-icon>
         <div class="printer-details">
@@ -2587,7 +2613,8 @@ SendMethodPrinterModule.decorators = [
                     IconModule,
                     LayoutSelectionModule,
                     PrinterSelectionModule,
-                    InputCheckboxModule
+                    InputCheckboxModule,
+                    SignatureButtonModule
                 ],
                 declarations: [
                     SendMethodPrinterComponent
@@ -2662,11 +2689,13 @@ StockChangeAmountComponent.decorators = [
             <span [textContent]="'STOCK_CHANGE_REASON' | localize"></span>
           </ng-container>
           <div class="popup-wrapper">
+<!--
             <co-drop-down-list [collection]="stockState"
                                [fields]="stockStateDropdownField"
                                [placeholder]="'STOCK_STATE' | localize"
                                [(model)]="selectedArticleDetailsData.stockStateId"
             ></co-drop-down-list>
+-->
 
             <co-input-textarea [(model)]="selectedArticleDetailsData.stockStateRemark"
 
@@ -3143,6 +3172,7 @@ StockLocationComponent.decorators = [
           >
               <co-simple-grid-column [headerText]="'LOCATION' | localize" [field]="'locationNo'">
                   <ng-template #editTemplate let-row="row">
+<!--
                       <co-drop-down-list [(model)]="row.locationNo"
                                          [collection]="stockLocations"
                                          [fields]="dataLocationFields"
@@ -3151,6 +3181,7 @@ StockLocationComponent.decorators = [
                                          [required]="true"
                                          (modelChange)="locationChanged($event)"
                       ></co-drop-down-list>
+-->
                   </ng-template>
               </co-simple-grid-column>
               <co-simple-grid-column *ngIf="articleDetails" [headerText]="'BATCH' | localize" [field]="'batchNo'">
@@ -3367,7 +3398,6 @@ TabBarModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
                     CommonModule,
-                    DropDownModule,
                     ListOfValuesModule,
                 ],
                 declarations: [
@@ -3551,7 +3581,7 @@ AllocationStockHistoryComponent.propDecorators = {
     allocationStockHistory: [{ type: Input }]
 };
 
-var GaugeColor;
+var GaugeColor$1;
 (function (GaugeColor) {
     GaugeColor["Lowest"] = "#E0E0E0";
     GaugeColor["Low"] = "#fff7b8";
@@ -3559,154 +3589,11 @@ var GaugeColor;
     GaugeColor["MediumHigh"] = "#ffc15b";
     GaugeColor["High"] = "#F88952";
     GaugeColor["Highest"] = "#5FDCB3";
-})(GaugeColor || (GaugeColor = {}));
-
-class CoCircularGaugeComponent {
-    constructor() {
-        this._color = GaugeColor.Low;
-        this.majorTicks = {
-            height: 0,
-        };
-        this.minorTicks = {
-            height: 0
-        };
-        this.labelStyle = {
-            position: 'Inside', useRangeColor: true,
-            font: { size: '0px', fontFamily: 'inherit' }
-        };
-        this.lineStyle = {
-            width: 0
-        };
-        this.ranges = [
-            {
-                start: 1, end: 100,
-                radius: '13px',
-                startWidth: 3, endWidth: 3,
-                color: '#E0E0E0',
-                roundedCornerRadius: 0
-            },
-        ];
-    }
-    set value(value) {
-        this._value = value;
-        this._setColor();
-    }
-    get value() {
-        return this._value;
-    }
-    get color() {
-        return this._color;
-    }
-    showClass() {
-        return true;
-    }
-    getAxes() {
-        return [{
-                minimum: 0,
-                maximum: 100,
-                radius: '15px',
-                startAngle: 1,
-                endAngle: 360,
-                majorTicks: this.majorTicks,
-                minorTicks: this.minorTicks,
-                labelStyle: this.labelStyle,
-                lineStyle: this.lineStyle,
-                ranges: this.ranges,
-                pointers: this.getPointers(),
-                annotations: this.getAnnotations(),
-            }];
-    }
-    getPointers() {
-        if (this.value) {
-            return [{
-                    roundedCornerRadius: 0,
-                    value: this.value,
-                    type: 'RangeBar',
-                    radius: '13px',
-                    color: this.color,
-                    border: {
-                        width: 0
-                    },
-                    animation: {
-                        enable: false
-                    },
-                    pointerWidth: 3
-                }];
-        }
-    }
-    ;
-    getAnnotations() {
-        if (this.value !== undefined) {
-            const label = this.value ? this.value + "%" : "0%";
-            return [{
-                    content: '<div class="annotation" style="width:20px;height:20px;">' +
-                        '<div class="annotation-label">' + label + '</div></div>',
-                    zIndex: '10',
-                }];
-        }
-    }
-    _setColor() {
-        if (this.value <= 0) {
-            this._color = GaugeColor.Lowest;
-        }
-        else if (this.value >= 1 && this.value < 25) {
-            this._color = GaugeColor.Low;
-        }
-        else if (this.value >= 25 && this.value < 50) {
-            this._color = GaugeColor.MediumLow;
-        }
-        else if (this.value >= 50 && this.value < 75) {
-            this._color = GaugeColor.MediumHigh;
-        }
-        else if (this.value >= 75 && this.value < 100) {
-            this._color = GaugeColor.High;
-        }
-        else if (this.value >= 100) {
-            this._color = GaugeColor.Highest;
-        }
-    }
-}
-CoCircularGaugeComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-circular-gauge",
-                template: `
-    <div class="circular-gauge-wrapper">
-      <ejs-circulargauge
-        class="circular-gauge"
-        [width]="'100%'"
-        [axes]="getAxes()">
-      </ejs-circulargauge>
-    </div>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-CoCircularGaugeComponent.propDecorators = {
-    circulargauge: [{ type: ViewChild, args: ['circulargauge',] }],
-    value: [{ type: Input }],
-    showClass: [{ type: HostBinding, args: ["class.co-circular-gauge",] }]
-};
-
-class CoCircularGaugeModule {
-}
-CoCircularGaugeModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    CircularGaugeModule
-                ],
-                declarations: [
-                    CoCircularGaugeComponent
-                ],
-                exports: [
-                    CoCircularGaugeComponent
-                ]
-            },] }
-];
+})(GaugeColor$1 || (GaugeColor$1 = {}));
 
 class CoLinearGaugeComponent {
     constructor() {
-        this.color = GaugeColor.Low;
+        this.color = GaugeColor$1.Low;
     }
     set value(value) {
         this._value = value;
@@ -3723,22 +3610,22 @@ class CoLinearGaugeComponent {
     }
     _setColor() {
         if (this.value <= 0) {
-            this.color = GaugeColor.Lowest;
+            this.color = GaugeColor$1.Lowest;
         }
         else if (this.value >= 1 && this.value < 25) {
-            this.color = GaugeColor.Low;
+            this.color = GaugeColor$1.Low;
         }
         else if (this.value >= 25 && this.value < 50) {
-            this.color = GaugeColor.MediumLow;
+            this.color = GaugeColor$1.MediumLow;
         }
         else if (this.value >= 50 && this.value < 75) {
-            this.color = GaugeColor.MediumHigh;
+            this.color = GaugeColor$1.MediumHigh;
         }
         else if (this.value >= 75 && this.value < 100) {
-            this.color = GaugeColor.High;
+            this.color = GaugeColor$1.High;
         }
         else if (this.value >= 100) {
-            this.color = GaugeColor.Highest;
+            this.color = GaugeColor$1.Highest;
         }
     }
 }
@@ -3777,10 +3664,72 @@ CoLinearGaugeModule.decorators = [
             },] }
 ];
 
+Chart.register(DoughnutController, ArcElement);
+var GaugeColor;
+(function (GaugeColor) {
+    GaugeColor["Lowest"] = "#E0E0E0";
+    GaugeColor["Low"] = "#fff7b8";
+    GaugeColor["MediumLow"] = "#ffe367";
+    GaugeColor["MediumHigh"] = "#ffc15b";
+    GaugeColor["High"] = "#F88952";
+    GaugeColor["Highest"] = "#5FDCB3";
+})(GaugeColor || (GaugeColor = {}));
 class StatusbarPopupComponent {
     constructor() {
         this.statusbarData = [];
         this.showClass = true;
+        this.doughnutCharts = [];
+    }
+    set content(content) {
+        this.doughnutCharts = content.toArray();
+        this._prepareChartData();
+    }
+    ngOnInit() {
+        this._prepareChartData();
+    }
+    _prepareChartData() {
+        if (!this.doughnutCharts || this.doughnutCharts.length === 0) {
+            return;
+        }
+        this.doughnutCharts.forEach((chart, index) => {
+            new Chart(chart.nativeElement, {
+                type: 'doughnut',
+                data: {
+                    datasets: [{
+                            label: this.statusbarData[index].label,
+                            data: [Math.max(0.0001, this.statusbarData[index].percentage), 100 - Math.max(0.0001, this.statusbarData[index].percentage)],
+                            backgroundColor: [
+                                this._getColor(this.statusbarData[index].percentage),
+                                this._getColor(-1),
+                            ],
+                            borderWidth: 1
+                        }]
+                },
+                options: {
+                    cutout: '70%'
+                }
+            });
+        });
+    }
+    _getColor(value) {
+        if (value <= 0) {
+            return GaugeColor.Lowest;
+        }
+        else if (value >= 1 && value < 25) {
+            return GaugeColor.Low;
+        }
+        else if (value >= 25 && value < 50) {
+            return GaugeColor.MediumLow;
+        }
+        else if (value >= 50 && value < 75) {
+            return GaugeColor.MediumHigh;
+        }
+        else if (value >= 75 && value < 100) {
+            return GaugeColor.High;
+        }
+        else if (value >= 100) {
+            return GaugeColor.Highest;
+        }
     }
 }
 StatusbarPopupComponent.decorators = [
@@ -3790,8 +3739,11 @@ StatusbarPopupComponent.decorators = [
         <div class="co-statusbar-popup-wrapper" [overlay]="parentForOverlay">
             <div class="status-descriptions">
                 <div *ngFor="let data of statusbarData; let index = index" class="status-description">
-                    <co-circular-gauge [value]="data.percentage"></co-circular-gauge>
-                    <span [textContent]="data.label"></span>
+                    <div class="statusbar-canvas-wrapper">
+                        <canvas #doughnutCanvas class="chart-canvas"></canvas>
+                        <span class="statusbar-inner-canvas-label" [textContent]="data.percentage"></span>
+                    </div>
+                    <span class="statusbar-description" [textContent]="data.label"></span>
                 </div>
             </div>
         </div>
@@ -3800,6 +3752,8 @@ StatusbarPopupComponent.decorators = [
             },] }
 ];
 StatusbarPopupComponent.propDecorators = {
+    content: [{ type: ViewChildren, args: ['doughnutCanvas', { read: ElementRef },] }],
+    defaultColor: [{ type: Input }],
     statusbarData: [{ type: Input }],
     parentForOverlay: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-statusbar-popup",] }]
@@ -3831,7 +3785,7 @@ class StatusbarComponent {
         }
         event.preventDefault();
         event.stopPropagation();
-        this._statusbarPopupComponentRef = this._overlayService.createComponent(StatusbarPopupComponent, { parentForOverlay: this._elementRef, statusbarData: this.statusbarData });
+        this._statusbarPopupComponentRef = this._overlayService.createComponent(StatusbarPopupComponent, { parentForOverlay: this._elementRef, statusbarData: this.statusbarData, defaultColor: this.defaultColor });
         this.popupShowing = true;
     }
     handleHidePopup() {
@@ -3875,6 +3829,7 @@ StatusbarComponent.ctorParameters = () => [
 ];
 StatusbarComponent.propDecorators = {
     statusbarData: [{ type: Input }],
+    defaultColor: [{ type: Input }],
     focusedStatusIndex: [{ type: Input }],
     statusbarClick: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-statusbar",] }],
@@ -3887,7 +3842,6 @@ StatusbarModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
                     CommonModule,
-                    CoCircularGaugeModule,
                     CoLinearGaugeModule,
                     ClickoutsideModule,
                     OverlayModule
@@ -4003,17 +3957,30 @@ LocalizePipe.ctorParameters = () => [
     { type: LocalizeService }
 ];
 
+class LocalizationModule {
+}
+LocalizationModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule
+                ],
+                declarations: [
+                    LocalizePipe
+                ],
+                exports: [
+                    LocalizePipe
+                ]
+            },] }
+];
+
 class StockModule {
 }
 StockModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
-                    InputComboBoxModule,
-                    CoGridModule,
                     ButtonModule,
                     CommonModule,
                     InputRadioButtonModule,
-                    DropDownModule,
                     SimpleGridModule,
                     ImageModule,
                     InputTextModule,
@@ -4026,7 +3993,8 @@ StockModule.decorators = [
                     CoDialogModule,
                     StatusbarModule,
                     StockStatusbarModule,
-                    ListOfValuesModule
+                    ListOfValuesModule,
+                    LocalizationModule
                 ],
                 declarations: [
                     StockComponent,
@@ -4045,7 +4013,6 @@ StockModule.decorators = [
                     OrderCommissionStockHistoryComponent,
                     OrderStockHistoryComponent,
                     AllocationStockHistoryComponent,
-                    LocalizePipe,
                     StockPrognoseComponent
                 ],
                 exports: [
@@ -4058,6 +4025,61 @@ StockModule.decorators = [
             },] }
 ];
 
+class Translation {
+    constructor() {
+        this.ALLOCATED = 'ALLOCATED';
+        this.ALLOCATION = 'ALLOCATION';
+        this.ALREADY_IN_ORDER = 'ALREADY_IN_ORDER';
+        this.AMOUNT = 'AMOUNT';
+        this.AMOUNT_AVAILABLE = 'AMOUNT_AVAILABLE';
+        this.AMOUNT_IN_STOCK = 'AMOUNT_IN_STOCK';
+        this.AMOUNT_LATER_AVAILABLE = 'AMOUNT_LATER_AVAILABLE';
+        this.AVAILABLE_STOCK = 'AVAILABLE_STOCK';
+        this.BACK_TO_STOCK_LINES = 'BACK_TO_STOCK_LINES';
+        this.BATCH = 'BATCH';
+        this.CANCEL = 'CANCEL';
+        this.CHOICES = 'CHOICES';
+        this.CUSTOMER = 'CUSTOMER';
+        this.DATE = 'DATE';
+        this.DELIVERY_DATE = 'DELIVERY_DATE';
+        this.DESCRIPTION = 'DESCRIPTION';
+        this.DOCUMENT_NUMBER = 'DOCUMENT_NUMBER';
+        this.ECONOMICAL_STOCK = 'ECONOMICAL_STOCK';
+        this.FREE_STOCK = 'FREE_STOCK';
+        this.HISTORY = 'HISTORY';
+        this.IN_ORDER = 'IN_ORDER';
+        this.LINE = 'LINE';
+        this.LOCATION = 'LOCATION';
+        this.LOOK_AT = 'LOOK_AT';
+        this.MUTATION_DATE = 'MUTATION_DATE';
+        this.MUTATION_TIME = 'MUTATION_TIME';
+        this.MUTATION_TYPE = 'MUTATION_TYPE';
+        this.OK = 'OK';
+        this.ORDER = 'ORDER';
+        this.ORDER_COMMISSION = 'ORDER_COMMISSION';
+        this.ORDER_STOCK = 'ORDER_STOCK';
+        this.OVERVIEW = 'OVERVIEW';
+        this.PURCHASE_ORDER_NR = 'PURCHASE_ORDER_NR';
+        this.PURCHASE_PRICE = 'PURCHASE_PRICE';
+        this.RELATION_ID = 'RELATION_ID';
+        this.RELATION_NR = 'RELATION_NR';
+        this.RESERVED = 'RESERVED';
+        this.SEARCH = 'SEARCH';
+        this.SERIAL_NO = 'SERIAL_NO';
+        this.STICKER = 'STICKER';
+        this.STOCK = 'STOCK';
+        this.STOCK_DETAILS = 'STOCK_DETAILS';
+        this.STOCK_REMARK = 'STOCK_REMARK';
+        this.STOCK_STATE = 'STOCK_STATE';
+        this.STOCK_STATUS = 'STOCK_STATUS';
+        this.SUPPLIER_NUMBER = 'SUPPLIER_NUMBER';
+        this.TRANSFER = 'TRANSFER';
+        this.USER = 'USER';
+        this.VALUTA = 'VALUTA';
+        this.WAREHOUSE = 'WAREHOUSE';
+    }
+}
+
 var KeyboardCode;
 (function (KeyboardCode) {
     KeyboardCode["Backspace"] = "Backspace";
@@ -6298,5 +6320,5 @@ DatePlanningModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { CoCircularGaugeComponent, CoCircularGaugeModule, CoLinearGaugeComponent, CoLinearGaugeModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, StatusbarComponent, StatusbarModule, StockComponent, StockModule, Translation, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, StockTabComponent as ɵba, OrderTabComponent as ɵbb, StockTabsComponent as ɵbc, StockHistoryTabsComponent as ɵbd, OrderStockTabComponent as ɵbe, StockLocationComponent as ɵbf, StockHistoryComponent as ɵbg, OrderSupplyStockHistoryComponent as ɵbh, OrderCommissionStockHistoryComponent as ɵbi, OrderStockHistoryComponent as ɵbj, AllocationStockHistoryComponent as ɵbk, LocalizePipe as ɵbl, StockPrognoseComponent as ɵbm, SendMethod as ɵbn, Icon as ɵbo, CalendarAllYearsComponent as ɵbp, CalendarAllMonthsComponent as ɵbq, CalendarHeaderComponent as ɵbr, CalendarComponent as ɵbs, CalendarViewComponent as ɵbt, LanguageCode as ɵbu, AgendaHeaderComponent as ɵbv, AgendaViewComponent as ɵbw, AgendaMonthViewComponent as ɵbx, AgendaBaseViewComponent as ɵby, AgendaDayViewComponent as ɵbz, StockService as ɵc, AgendaWeekViewComponent as ɵca, AgendaWeekSelectViewComponent as ɵcb, AgendaHourViewComponent as ɵcc, AgendaHourCellComponent as ɵcd, AgendaHourViewLabelsComponent as ɵce, AgendaHalfHourCellComponent as ɵcf, AgendaEventsComponent as ɵcg, AgendaEventComponent as ɵch, ViewSelectComponent as ɵci, AgendaSelectEventComponent as ɵcj, MASTER_PIPES as ɵck, ArrayNumberPipe as ɵcl, UCfirstPipe as ɵcm, SharedConnectorService as ɵd, OptionsService as ɵe, DictionaryService as ɵf, LocalizeService as ɵg, IconCacheService as ɵh, SendMethodService as ɵi, SendMethodEmailModule as ɵj, LayoutSelectionModule as ɵk, LayoutSelectionComponent as ɵl, SendMethodEmailComponent as ɵm, SendMethodPrinterModule as ɵn, PrinterSelectionModule as ɵo, PrinterSelectionComponent as ɵp, SendMethodPrinterComponent as ɵq, TabBarModule as ɵr, TabBarComponent as ɵs, StatusbarPopupComponent as ɵt, StockStatusbarModule as ɵu, StockStatusbarComponent as ɵv, StockInformationComponent as ɵw, StockInformationGridComponent as ɵx, StockTransferComponent as ɵy, StockChangeAmountComponent as ɵz };
+export { CoLinearGaugeComponent, CoLinearGaugeModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, StatusbarComponent, StatusbarModule, StockComponent, StockModule, Translation, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, StockInformationComponent as ɵba, StockInformationGridComponent as ɵbb, StockTransferComponent as ɵbc, StockChangeAmountComponent as ɵbd, StockTabComponent as ɵbe, OrderTabComponent as ɵbf, StockTabsComponent as ɵbg, StockHistoryTabsComponent as ɵbh, OrderStockTabComponent as ɵbi, StockLocationComponent as ɵbj, StockHistoryComponent as ɵbk, OrderSupplyStockHistoryComponent as ɵbl, OrderCommissionStockHistoryComponent as ɵbm, OrderStockHistoryComponent as ɵbn, AllocationStockHistoryComponent as ɵbo, StockPrognoseComponent as ɵbp, SendMethod as ɵbq, Icon as ɵbr, CalendarAllYearsComponent as ɵbs, CalendarAllMonthsComponent as ɵbt, CalendarHeaderComponent as ɵbu, CalendarComponent as ɵbv, CalendarViewComponent as ɵbw, LanguageCode as ɵbx, AgendaHeaderComponent as ɵby, AgendaViewComponent as ɵbz, StockService as ɵc, AgendaMonthViewComponent as ɵca, AgendaBaseViewComponent as ɵcb, AgendaDayViewComponent as ɵcc, AgendaWeekViewComponent as ɵcd, AgendaWeekSelectViewComponent as ɵce, AgendaHourViewComponent as ɵcf, AgendaHourCellComponent as ɵcg, AgendaHourViewLabelsComponent as ɵch, AgendaHalfHourCellComponent as ɵci, AgendaEventsComponent as ɵcj, AgendaEventComponent as ɵck, ViewSelectComponent as ɵcl, AgendaSelectEventComponent as ɵcm, MASTER_PIPES as ɵcn, ArrayNumberPipe as ɵco, UCfirstPipe as ɵcp, SharedConnectorService as ɵd, OptionsService as ɵe, DictionaryService as ɵf, LocalizeService as ɵg, IconCacheService as ɵh, SendMethodService as ɵi, SendMethodEmailModule as ɵj, LayoutSelectionModule as ɵk, LayoutSelectionComponent as ɵl, SignatureButtonModule as ɵm, SignatureButtonComponent as ɵn, SendMethodEmailComponent as ɵo, SendMethodPrinterModule as ɵp, PrinterSelectionModule as ɵq, PrinterSelectionComponent as ɵr, SendMethodPrinterComponent as ɵs, TabBarModule as ɵt, TabBarComponent as ɵu, StatusbarPopupComponent as ɵv, StockStatusbarModule as ɵw, StockStatusbarComponent as ɵx, LocalizationModule as ɵy, LocalizePipe as ɵz };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map