@colijnit/transaction 12.1.122 → 12.1.123

package/bundles/colijnit-transaction.umd.js

@@ -32,8 +32,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "12.1.122";
-            this.publishDate = "27-5-2023 09:00:54";
+            this.symVer = "12.1.123";
+            this.publishDate = "27-5-2023 09:05:43";
         }
         return Version;
     }());
@@ -12612,7 +12612,7 @@
     TransactionButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-button',
-                    template: "\n    <div class=\"transaction-button-icon-wrapper\" *ngIf=iconData>\n      <co-icon class=\"transaction-button-icon\" [iconData]=\"iconData\"></co-icon>\n      <div class=\"spacer\"></div>\n    </div>\n    <div class=\"transaction-button-label-title-wrapper\" [class.title]=\"title\">\n      <span class=\"transaction-button-title co-transaction-overflow-ellipsis\" [textContent]=\"title\"></span>\n      <span class=\"transaction-button-label co-transaction-overflow-ellipsis\" [textContent]=\"label\"></span>\n      <ng-content></ng-content>\n    </div>\n    <div class=\"transaction-button-icon-wrapper right\" *ngIf=rightIconData>\n      <div class=\"spacer\"></div>\n      <co-icon class=\"transaction-button-icon\" [iconData]=\"rightIconData\"></co-icon>\n    </div>\n    <co-checkmark-overlay [successful]=\"showCheckMarkLoader\" [visible]=\"checkMarkOverlayVisible\"></co-checkmark-overlay>\n  ",
+                    template: "\n    <div class=\"transaction-button-icon-wrapper\" *ngIf=iconData>\n      <co-icon class=\"transaction-button-icon\" [iconData]=\"iconData\"></co-icon>\n      <div class=\"spacer\"></div>\n    </div>\n    <div class=\"transaction-button-label-title-wrapper\" [class.title]=\"title\">\n      <span class=\"transaction-button-title co-transaction-overflow-ellipsis\" [textContent]=\"title\"></span>\n      <span class=\"transaction-button-label co-transaction-overflow-ellipsis\" [textContent]=\"label\"></span>\n      <ng-content></ng-content>\n    </div>\n    <div class=\"transaction-button-icon-wrapper\" *ngIf=rightIconData>\n      <div class=\"spacer\"></div>\n      <co-icon class=\"transaction-button-icon\" [iconData]=\"rightIconData\"></co-icon>\n    </div>\n    <co-checkmark-overlay [successful]=\"showCheckMarkLoader\" [visible]=\"checkMarkOverlayVisible\"></co-checkmark-overlay>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -13450,14 +13450,19 @@
             _this.purchaseOrderConfirmation = new getPurchaseOrderConfirmation.GetPurchaseOrderConfirmation();
             _this.awaitingResult = false;
             _this.iconVisible = true;
+            _this.forceShowConfirmationInputs = false;
             return _this;
         }
         TransactionQuickAccessOrderConfirmationComponent.prototype.showClass = function () {
             return true;
         };
-        // public handleSelectAllLines(value: boolean): void {
-        //   this.transactionEventService.selectAllSalesOrderLinesForPurchase.next(value);
-        // }
+        TransactionQuickAccessOrderConfirmationComponent.prototype.ngOnInit = function () {
+            _super.prototype.ngOnInit.call(this);
+            this.hideQuickAccessContent = this.transactionService.purchaseOrderConfirmationCompleted;
+        };
+        TransactionQuickAccessOrderConfirmationComponent.prototype.handleSelectAllLines = function (value) {
+            this.transactionEventService.selectAllSalesOrderLinesForPurchase.next(value);
+        };
         TransactionQuickAccessOrderConfirmationComponent.prototype.handleCommitEvent = function (event) {
             return __awaiter(this, void 0, void 0, function () {
                 var success;
@@ -13477,6 +13482,7 @@
                         case 2:
                             this.awaitingResult = false;
                             this.iconVisible = success;
+                            this.forceShowConfirmationInputs = false;
                             return [2 /*return*/];
                     }
                 });
@@ -13487,7 +13493,7 @@
     TransactionQuickAccessOrderConfirmationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-quick-access-order-confirmation",
-                    template: "\n    <co-input-date\n      [(model)]=\"purchaseOrderConfirmation.confirmationDate\"\n      [placeholder]=\"'CONFIRMED_DATE' | localize\"\n    ></co-input-date>\n    <co-input-text\n      [(model)]=\"purchaseOrderConfirmation.reference\"\n      [placeholder]=\"'REFERENCE' | localize\"\n    ></co-input-text>\n    <co-input-text\n      [(model)]=\"purchaseOrderConfirmation.leverbatch\"\n      [placeholder]=\"'BATCH' | localize\"\n    ></co-input-text>\n<!--    <co-input-checkbox (modelChange)=\"handleSelectAllLines($event)\"-->\n<!--    ></co-input-checkbox>-->\n    <co-quick-send-button\n      [title]=\"'PROCESS'\"\n      [icon]=\"icons.CheckDuotone\"\n      [showSendMethodIcon]=\"false\"\n      [showSendMethodDialogIcon]=\"false\"\n      [showLoader]=\"awaitingResult\"\n      (sendIconClicked)=\"handleCommitEvent($event)\"\n    ></co-quick-send-button>\n  ",
+                    template: "\n    <div class=\"quick-access-wrapper\">\n      <div class=\"confirm-inputs\" *ngIf=\"!hideQuickAccessContent || forceShowConfirmationInputs\">\n        <co-input-checkbox (modelChange)=\"handleSelectAllLines($event)\"></co-input-checkbox>\n        <co-input-date\n          [(model)]=\"purchaseOrderConfirmation.confirmationDate\"\n          [placeholder]=\"'CONFIRMED_DATE' | localize\"\n        ></co-input-date>\n        <co-input-text\n          [(model)]=\"purchaseOrderConfirmation.reference\"\n          [placeholder]=\"'REFERENCE' | localize\"\n        ></co-input-text>\n        <co-input-text\n          [(model)]=\"purchaseOrderConfirmation.leverbatch\"\n          [placeholder]=\"'BATCH' | localize\"\n        ></co-input-text>\n        <co-quick-send-button\n          [title]=\"'PROCESS'\"\n          [icon]=\"icons.CheckDuotone\"\n          [showSendMethodIcon]=\"false\"\n          [showSendMethodDialogIcon]=\"false\"\n          [showLoader]=\"awaitingResult\"\n          (sendIconClicked)=\"handleCommitEvent($event)\"\n        ></co-quick-send-button>\n      </div>\n\n      <div class=\"show-confirmation-inputs-wrapper\" *ngIf=\"hideQuickAccessContent && !forceShowConfirmationInputs\">\n        <co-transaction-button\n          class=\"new-confirmation-button custom-width\"\n          [iconData]=\"iconCacheService.getIcon(icons.PlusSimple)\"\n          [label]=\"'NEW_CONFIRMATION' | localize\"\n          (click)=\"forceShowConfirmationInputs = true\"\n        ></co-transaction-button>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -15004,7 +15010,8 @@
         };
         TransactionPurchaseOrderLineBaseComponent.prototype.transactionLineSet = function () {
             _super.prototype.transactionLineSet.call(this);
-            this.showCheckboxForLine = this.transactionLine.commissionCode === "0";
+            this.showCheckboxForLine = this.transactionLine.commissionCode === "0" &&
+                this.transactionLine.articleLineStatus.quantityPurchaseConfirmed !== this.transactionLine.amount;
         };
         TransactionPurchaseOrderLineBaseComponent.prototype.handleOpenSidePanel = function (mouseClick) {
             var target = mouseClick.target;
@@ -15061,7 +15068,7 @@
     TransactionPurchaseOrderLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-purchase-order-line",
-                    template: "\n    <co-transaction-base-line\n      [transactionInfo]=\"transactionInfo\"\n      [transactionLine]=\"transactionLine\"\n      [preview]=\"preview\"\n      [checkbox]=\"showCheckboxForLine\"\n      [checkboxValue]=\"selected\"\n      (click)=\"handleOpenSidePanel($event)\"\n      (checkboxValueChanged)=\"selected = $event\"\n      observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n      <div class=\"transaction-line-content-wrapper\">\n        <co-transaction-line-statusbar data-action=\"openSidePanel\"\n          [transactionLine]=\"transactionLine\"\n          [transactionInfo]=\"transactionInfo\"\n          [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n        ></co-transaction-line-statusbar>\n        <div class=\"transaction-line-content\" data-action=\"openSidePanel\">\n          <co-input-text\n            [model]=\"transactionLine.amount\"\n            [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n            [readonly]=\"true\"\n            [customHeight]=\"true\"\n          ></co-input-text>\n          <co-input-text\n            [model]=\"transactionLine.purchasePortalLine.grossOrderPrice  | coCurrency\"\n            [readonly]=\"true\"\n            [customHeight]=\"true\"\n          ></co-input-text>\n          <co-input-text\n            *ngIf=\"!!transactionLine.purchasePortalLine.discountOrderPrice\"\n            [model]=\"transactionLine.purchasePortalLine.discountOrderPrice | coCurrency\"\n            [readonly]=\"true\"\n            [customHeight]=\"true\"\n            (click)=\"showDialogDiscount = true\">\n            ></co-input-text>\n          <co-input-text\n            [model]=\"transactionLine.purchasePortalLine.netOrderPrice | coCurrency\"\n            [readonly]=\"true\"\n            [customHeight]=\"true\"\n          ></co-input-text>\n          <co-transaction-line-delivery-date-button [transactionLine]=\"transactionLine\"></co-transaction-line-delivery-date-button>\n        </div>\n        <div class=\"transaction-line-content\" data-action=\"openSidePanel\">\n          <co-input-text\n            [model]=\"transactionLine.supplierArticleNumber ? transactionLine.supplierArticleNumber : '-'\"\n            [leftIconData]=\"iconCacheService.getIcon(icons.RegularIndustryTag)\"\n            [readonly]=\"true\"\n            [customHeight]=\"true\"\n          ></co-input-text>\n          <co-transaction-purchase-portal-line-confirmed-price\n            [purchasePortalLine]=\"transactionLine.purchasePortalLine\"\n            [readonly]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed === 0\"\n          ></co-transaction-purchase-portal-line-confirmed-price>\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"lineQuantityToConfirm\"\n                                  [min]=\"1\"\n                                  [max]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed\"\n                                  [readonly]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed === 0\"\n                                  [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n          ></co-input-number-picker>\n          <co-transaction-button\n              [readonly]=\"readonly\"\n              [label]=\"transactionLine.purchasePortalLine.deliveryDateConfirmed\"\n          ></co-transaction-button>\n<!--\n          <div class=\"transaction-line-button big\"  [class.no-pointer]=\"readonly\">\n            <co-transaction-date-select [date]=\"transactionLine.purchasePortalLine.deliveryDateConfirmed\"></co-transaction-date-select>\n          </div>\n-->\n        </div>\n      </div>\n    </co-transaction-base-line>\n  ",
+                    template: "\n    <co-transaction-base-line\n      [transactionInfo]=\"transactionInfo\"\n      [transactionLine]=\"transactionLine\"\n      [preview]=\"preview\"\n      [checkbox]=\"showCheckboxForLine\"\n      [checkboxValue]=\"selected\"\n      (click)=\"handleOpenSidePanel($event)\"\n      (checkboxValueChanged)=\"selected = $event\"\n      observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n      <div class=\"transaction-line-content-wrapper\">\n        <co-transaction-line-statusbar data-action=\"openSidePanel\"\n                                       [transactionLine]=\"transactionLine\"\n                                       [transactionInfo]=\"transactionInfo\"\n                                       [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n        ></co-transaction-line-statusbar>\n        <div class=\"transaction-line-content\" data-action=\"openSidePanel\">\n          <co-input-text\n            [model]=\"transactionLine.amount\"\n            [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n            [readonly]=\"true\"\n            [customHeight]=\"true\"\n          ></co-input-text>\n          <co-input-text\n            [model]=\"transactionLine.purchasePortalLine.grossOrderPrice  | coCurrency\"\n            [readonly]=\"true\"\n            [customHeight]=\"true\"\n          ></co-input-text>\n          <co-transaction-line-discount-button\n            [transactionLine]=\"transactionLine\"\n            [transactionInfo]=\"transactionInfo\"\n          ></co-transaction-line-discount-button>\n          <co-input-text\n            [model]=\"transactionLine.purchasePortalLine.netOrderPrice | coCurrency\"\n            [readonly]=\"true\"\n            [customHeight]=\"true\"\n          ></co-input-text>\n          <co-transaction-line-delivery-date-button [transactionLine]=\"transactionLine\"></co-transaction-line-delivery-date-button>\n        </div>\n        <div class=\"transaction-line-content\" data-action=\"openSidePanel\">\n          <co-input-text\n            [model]=\"transactionLine.supplierArticleNumber ? transactionLine.supplierArticleNumber : '-'\"\n            [leftIconData]=\"iconCacheService.getIcon(icons.RegularIndustryTag)\"\n            [readonly]=\"true\"\n            [customHeight]=\"true\"\n          ></co-input-text>\n          <co-transaction-purchase-portal-line-confirmed-price\n            [purchasePortalLine]=\"transactionLine.purchasePortalLine\"\n            [readonly]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed === 0\"\n          ></co-transaction-purchase-portal-line-confirmed-price>\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"lineQuantityToConfirm\"\n                                  [min]=\"1\"\n                                  [max]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed\"\n                                  [readonly]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed === 0\"\n                                  [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n          ></co-input-number-picker>\n          <co-transaction-line-supplier-delivery-date-button [transactionLine]=\"transactionLine\"></co-transaction-line-supplier-delivery-date-button>\n          <!--\n                    <div class=\"transaction-line-button big\"  [class.no-pointer]=\"readonly\">\n                      <co-transaction-date-select [date]=\"transactionLine.purchasePortalLine.deliveryDateConfirmed\"></co-transaction-date-select>\n                    </div>\n          -->\n        </div>\n      </div>\n    </co-transaction-base-line>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
@@ -24265,6 +24272,8 @@
         __extends(TransactionLinePurchaseConfirmationComponent, _super);
         function TransactionLinePurchaseConfirmationComponent() {
             var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.transactionTypeCategory = TransactionTypeCategory;
+            _this.docDeliveryBatch = new docDeliveryBatch_bo.DocDeliveryBatch();
             _this.filteredDocBatchArray = [];
             _this.isEditMode = false;
             _this._subs = [];
@@ -24344,7 +24353,8 @@
             });
         };
         TransactionLinePurchaseConfirmationComponent.prototype.handleSelectHistoryRow = function (row) {
-            this.docDeliveryBatch = row;
+            this.docDeliveryBatch = Object.assign(new docDeliveryBatch_bo.DocDeliveryBatch(), row);
+            this.docDeliveryBatch.docDate = new Date(row.docDate);
         };
         TransactionLinePurchaseConfirmationComponent.prototype.handleCancelClick = function () {
             this._initNewDocDeliveryBatch();
@@ -24357,18 +24367,16 @@
             this.filteredDocBatchArray = this.transactionLine.purchasePortalLine.docBatchArray.filter(function (value) { return value.historical === 'G'; });
         };
         TransactionLinePurchaseConfirmationComponent.prototype._initNewDocDeliveryBatch = function () {
-            var tempDocBatch = new docDeliveryBatch_bo.DocDeliveryBatch();
-            tempDocBatch.docAmount = +this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed;
-            tempDocBatch.docDate = new Date();
-            tempDocBatch.confirmedPrice = +this.transactionLine.purchasePortalLine.confirmedPrice;
-            this.docDeliveryBatch = tempDocBatch;
+            this.docDeliveryBatch = new docDeliveryBatch_bo.DocDeliveryBatch();
+            this.docDeliveryBatch.docAmount = 0;
+            this.docDeliveryBatch.confirmedPrice = 0;
         };
         return TransactionLinePurchaseConfirmationComponent;
     }(TransactionBaseComponent));
     TransactionLinePurchaseConfirmationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-line-purchase-confirmation',
-                    template: "\n    <div class=\"confirmation-details-wrapper\">\n      <co-form>\n        <div class=\"header-wrapper\">\n          <div class=\"details-header\">\n            <span [textContent]=\"'CONFIRM_DETAILS' | localize\"></span>\n            <span class=\"deliver-date-text\" [textContent]=\"('REQUESTED_DELIVERY' | localize) + ': ' + (transactionLine.deliveryDate | date:'dd-MM-YYYY')\"></span>\n          </div>\n        </div>\n        <div class=\"header-inform-user\" *ngIf=\"isEditing\">\n          <span class=\"header-inform-user editting\" [textContent]=\"'EDITING_DATA_ROW' | localize\"></span>\n        </div>\n        <div class=\"columns-wrapper\">\n          <div class=\"details-column\">\n            <co-input-number-picker class=\"details-input\"\n                                    [(model)]=\"docDeliveryBatch.docAmount\"\n                                    [min]=\"1\"\n                                    [max]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed\"\n                                    [readonly]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed === 0\"\n                                    [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n            ></co-input-number-picker>\n            <co-input-date class=\"details-input\"\n                           [placeholder]=\"'CONFIRMED_DATE' | localize\"\n                           [(model)]=\"docDeliveryBatch.docDate\"\n                           [readonly]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed === 0\"\n                           required\n            ></co-input-date>\n            <co-transaction-labeled-price-input\n              [model]=\"docDeliveryBatch.confirmedPrice\"\n              [placeholder]=\"'CONFIRMED_PRICE' | localize\"\n              [required]=\"true\"\n              [readonly]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed === 0\"\n            ></co-transaction-labeled-price-input>\n          </div>\n\n          <div class=\"divider-wrapper\">\n            <div class=\"divider\"></div>\n          </div>\n\n          <div class=\"details-column\">\n            <co-input-text class=\"details-input\"\n                           [(model)]=\"docDeliveryBatch.reference\"\n                           [placeholder]=\"'REFERENCE' | localize\"\n                           [readonly]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed === 0\"\n            ></co-input-text>\n            <co-input-text class=\"details-input\"\n                           [(model)]=\"docDeliveryBatch.deliveryBatch\"\n                           [placeholder]=\"'DELIVERY_BATCH' | localize\"\n                           [readonly]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed === 0\"\n            ></co-input-text>\n          </div>\n        </div>\n      </co-form>\n\n      <div class=\"save-cancel-wrapper\">\n        <co-button [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                   (click)=\"handleSaveDetailsEdit()\"\n        ></co-button>\n        <co-button class=\"cancel-button\"\n                   [iconData]=\"iconCacheService.getIcon(icons.Cancel)\"\n                   (click)=\"handleCancelClick()\"\n        ></co-button>\n      </div>\n    </div>\n    <co-transaction-confirmation-history\n      [collection]=\"filteredDocBatchArray\"\n      (deleteRow)=\"handleDeleteHistoryRow($event)\"\n      (selectRow)=\"handleSelectHistoryRow($event)\"\n    ></co-transaction-confirmation-history>\n  ",
+                    template: "\n    <div class=\"confirmation-details-wrapper\">\n      <co-form>\n        <div class=\"header-wrapper\">\n          <div class=\"details-header\">\n            <span [textContent]=\"'CONFIRM_DETAILS' | localize\"></span>\n            <co-transaction-line-statusbar class=\"status-bar-wrapper\"\n                                           [transactionInfo]=\"transactionInfo\"\n                                           [transactionLine]=\"transactionLine\"\n                                           [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n            ></co-transaction-line-statusbar>\n          </div>\n        </div>\n        <div class=\"header-inform-user\" *ngIf=\"isEditing\">\n          <span class=\"header-inform-user editting\" [textContent]=\"'EDITING_DATA_ROW' | localize\"></span>\n        </div>\n        <div class=\"columns-wrapper\">\n          <div class=\"details-column\">\n            <co-input-number-picker class=\"details-input\"\n                                    [(model)]=\"docDeliveryBatch.docAmount\"\n                                    [min]=\"1\"\n                                    [max]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed\"\n                                    [readonly]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed === 0\"\n                                    [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n            ></co-input-number-picker>\n            <co-input-date class=\"details-input\"\n                           [placeholder]=\"'CONFIRMED_DATE' | localize\"\n                           [leftIconData]=\"iconCacheService.getIcon(icons.RegularIndustryClock)\"\n                           [(model)]=\"docDeliveryBatch.docDate\"\n                           [readonly]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed === 0\"\n                           required\n            ></co-input-date>\n            <co-transaction-labeled-price-input\n              [(model)]=\"docDeliveryBatch.confirmedPrice\"\n              [defaultEditMode]=\"false\"\n              [placeholder]=\"'CONFIRMED_PRICE' | localize\"\n              [required]=\"true\"\n              [readonly]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed === 0\"\n            ></co-transaction-labeled-price-input>\n          </div>\n\n          <div class=\"divider-wrapper\">\n            <div class=\"divider\"></div>\n          </div>\n\n          <div class=\"details-column\">\n            <co-input-text class=\"details-input\"\n                           [(model)]=\"docDeliveryBatch.reference\"\n                           [placeholder]=\"'REFERENCE' | localize\"\n                           [readonly]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed === 0\"\n            ></co-input-text>\n            <co-input-text class=\"details-input\"\n                           [(model)]=\"docDeliveryBatch.deliveryBatch\"\n                           [placeholder]=\"'DELIVERY_BATCH' | localize\"\n                           [readonly]=\"+this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmed === 0\"\n            ></co-input-text>\n          </div>\n        </div>\n      </co-form>\n\n      <div class=\"save-cancel-wrapper\">\n        <co-button [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                   (click)=\"handleSaveDetailsEdit()\"\n        ></co-button>\n        <co-button class=\"cancel-button\"\n                   [iconData]=\"iconCacheService.getIcon(icons.Cancel)\"\n                   (click)=\"handleCancelClick()\"\n        ></co-button>\n      </div>\n    </div>\n    <co-transaction-confirmation-history\n      [collection]=\"filteredDocBatchArray\"\n      (deleteRow)=\"handleDeleteHistoryRow($event)\"\n      (selectRow)=\"handleSelectHistoryRow($event)\"\n    ></co-transaction-confirmation-history>\n  ",
                     providers: [
                         corecomponents_v12.FormMasterService
                     ],
@@ -24385,6 +24393,7 @@
             this.defaultEditMode = false;
             this.readonly = false;
             this.required = false;
+            this.modelChange = new i0.EventEmitter();
             this._editMode = false;
         }
         Object.defineProperty(TransactionLabeledPriceInputComponent.prototype, "child", {
@@ -24426,25 +24435,29 @@
         TransactionLabeledPriceInputComponent.prototype.showClass = function () {
             return true;
         };
+        TransactionLabeledPriceInputComponent.prototype.handleModelChange = function (event) {
+            this.modelChange.next(event);
+        };
         return TransactionLabeledPriceInputComponent;
     }());
     TransactionLabeledPriceInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-labeled-price-input",
-                    template: "\n      <co-input-text *ngIf=\"(!editMode  || readonly) && !defaultEditMode\"\n                     [model]=\"model | coCurrency\"\n                     [placeholder]=\"placeholder\"\n                     [readonly]=\"true\"\n                     [required]=\"required\"\n                     [customHeight]=\"true\"\n      ></co-input-text>\n      <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n                     [hideArrowButtons]=\"true\"\n                     [placeholder]=\"placeholder\"\n                     [type]=\"'number'\"\n                     [min]=\"0\"\n                     [required]=\"required\"\n                     [(model)]=\"model\"\n                     (blur)=\"editMode = false\"\n                     [customHeight]=\"true\"\n      ></co-input-text>\n    ",
+                    template: "\n      <co-input-text *ngIf=\"(!editMode  || readonly) && !defaultEditMode\"\n                     [model]=\"model | coCurrency : true\"\n                     [placeholder]=\"placeholder\"\n                     [readonly]=\"true\"\n                     [required]=\"required\"\n                     [customHeight]=\"true\"\n      ></co-input-text>\n      <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n                     [hideArrowButtons]=\"true\"\n                     [placeholder]=\"placeholder\"\n                     [type]=\"'number'\"\n                     [min]=\"0\"\n                     [readonly]=\"readonly\"\n                     [required]=\"required\"\n                     [model]=\"model\"\n                     (modelChange)=\"handleModelChange($event)\"\n                     (blur)=\"editMode = false\"\n                     [customHeight]=\"true\"\n      ></co-input-text>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TransactionLabeledPriceInputComponent.ctorParameters = function () { return []; };
     TransactionLabeledPriceInputComponent.propDecorators = {
         child: [{ type: i0.ViewChild, args: ['input', { read: corecomponents_v12.InputTextComponent },] }],
-        placeholder: [{ type: i0.Input }],
         model: [{ type: i0.Input }],
+        placeholder: [{ type: i0.Input }],
         defaultEditMode: [{ type: i0.Input }],
         readonly: [{ type: i0.Input }],
         required: [{ type: i0.Input }],
         editMode: [{ type: i0.Input }],
-        handleClick: [{ type: i0.HostListener, args: ["click", ["$event"],] }],
+        modelChange: [{ type: i0.Output }],
+        handleClick: [{ type: i0.HostListener, args: ["mousedown", ["$event"],] }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-labeled-price-input",] }]
     };
 
@@ -24487,7 +24500,8 @@
                         TransactionConfirmationHistoryModule,
                         corecomponents_v12.InputNumberPickerModule,
                         corecomponents_v12.ButtonModule,
-                        TransactionLabeledPriceInputModule
+                        TransactionLabeledPriceInputModule,
+                        TransactionLineStatusbarModule
                     ],
                     declarations: [
                         TransactionLinePurchaseConfirmationComponent
@@ -25885,7 +25899,8 @@
                         i4.SendMethodDialogModule,
                         QuickSendButtonModule,
                         corecomponents_v12.CheckmarkOverlayModule,
-                        corecomponents_v12.IconModule
+                        corecomponents_v12.IconModule,
+                        TransactionButtonModule
                     ],
                     declarations: [
                         TransactionQuickAccessOrderConfirmationComponent
@@ -27224,7 +27239,7 @@
     TransactionLineDiscountButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-discount-button",
-                    template: "\n    <co-transaction-button class=\"center-align\"\n        [label]=\"(transactionLine.lineTotalDiscountAmount | coCurrency) || ('DISCOUNT' | localize)\"\n        (click)=\"handleShowDialog($event)\"\n    ></co-transaction-button>\n<!--\n    <div class=\"transaction-line-button custom-width transaction-line-totals-discount\" (click)=\"handleShowDialog($event)\">\n      <span class=\"co-transaction-overflow-ellipsis\" [class.transaction-negative-value]=\"transactionLine.lineTotalDiscountAmount < 0\"\n            [textContent]=\"(transactionLine.lineTotalDiscountAmount | coCurrency) || ('DISCOUNT' | localize)\"></span>\n    </div>\n-->\n    <co-dialog-transaction-line-discount *ngIf=\"showDialogDiscount\"\n                                         [transactionInfo]=\"transactionInfo\"\n                                         [transactionLine]=\"transactionLine\"\n                                         (close)=\"showDialogDiscount = false\"\n    ></co-dialog-transaction-line-discount>\n  ",
+                    template: "\n    <co-transaction-button class=\"center-align\" [class.discount]=\"!!transactionLine.lineTotalDiscountAmount\"\n        [label]=\"!!transactionLine.lineTotalDiscountAmount ? ('- ' + (transactionLine.lineTotalDiscountAmount | coCurrency)) : ('DISCOUNT' | localize)\"\n        (click)=\"handleShowDialog($event)\"\n    ></co-transaction-button>\n<!--\n    <div class=\"transaction-line-button custom-width transaction-line-totals-discount\" (click)=\"handleShowDialog($event)\">\n      <span class=\"co-transaction-overflow-ellipsis\" [class.transaction-negative-value]=\"transactionLine.lineTotalDiscountAmount < 0\"\n            [textContent]=\"(transactionLine.lineTotalDiscountAmount | coCurrency) || ('DISCOUNT' | localize)\"></span>\n    </div>\n-->\n    <co-dialog-transaction-line-discount *ngIf=\"showDialogDiscount\"\n                                         [transactionInfo]=\"transactionInfo\"\n                                         [transactionLine]=\"transactionLine\"\n                                         (close)=\"showDialogDiscount = false\"\n    ></co-dialog-transaction-line-discount>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -27985,6 +28000,75 @@
                 },] }
     ];
 
+    var TransactionLineSupplierDeliveryDateButtonComponent = /** @class */ (function (_super) {
+        __extends(TransactionLineSupplierDeliveryDateButtonComponent, _super);
+        function TransactionLineSupplierDeliveryDateButtonComponent(transactionEventService, service, iconCacheService, dictionaryService, imageService, changeDetector, _overlayService, _elementRef) {
+            var _this = _super.call(this, transactionEventService, iconCacheService, imageService, dictionaryService, service, changeDetector) || this;
+            _this.transactionEventService = transactionEventService;
+            _this.service = service;
+            _this.iconCacheService = iconCacheService;
+            _this.dictionaryService = dictionaryService;
+            _this.imageService = imageService;
+            _this.changeDetector = changeDetector;
+            _this._overlayService = _overlayService;
+            _this._elementRef = _elementRef;
+            _this.icons = Icon;
+            return _this;
+        }
+        TransactionLineSupplierDeliveryDateButtonComponent.prototype.showClass = function () {
+            return true;
+        };
+        TransactionLineSupplierDeliveryDateButtonComponent.prototype.handleShowDialog = function (event) {
+        };
+        return TransactionLineSupplierDeliveryDateButtonComponent;
+    }(TransactionBaseComponent));
+    TransactionLineSupplierDeliveryDateButtonComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-line-supplier-delivery-date-button",
+                    template: "\n    <co-transaction-button class=\"big center-align\"\n        [iconData]=\"iconCacheService.getIcon(icons.RegularIndustryClock)\"\n        [label]=\"transactionLine.purchasePortalLine.deliveryDateConfirmed | date:'d MMM yyyy'\"\n        [rightIconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"\n        (click)=\"handleShowDialog($event)\"\n    ></co-transaction-button>\n<!--\n    <div class=\"transaction-line-button big\"  [class.no-pointer]=\"readonly\" (click)=\"handleShowDialog($event)\">\n      <co-transaction-date-select [date]=\"transactionLine.deliveryDate\"></co-transaction-date-select>\n    </div>\n-->\n  ",
+                    providers: [
+                        corecomponents_v12.OverlayService
+                    ],
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionLineSupplierDeliveryDateButtonComponent.ctorParameters = function () { return [
+        { type: TransactionEventService },
+        { type: TransactionService },
+        { type: IconCacheService },
+        { type: DictionaryService },
+        { type: TransactionImageService },
+        { type: i0.ChangeDetectorRef },
+        { type: corecomponents_v12.OverlayService },
+        { type: i0.ElementRef }
+    ]; };
+    TransactionLineSupplierDeliveryDateButtonComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-supplier-delivery-date-button",] }]
+    };
+
+    var TransactionLineSupplierDeliveryDateButtonModule = /** @class */ (function () {
+        function TransactionLineSupplierDeliveryDateButtonModule() {
+        }
+        return TransactionLineSupplierDeliveryDateButtonModule;
+    }());
+    TransactionLineSupplierDeliveryDateButtonModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.IconModule,
+                        PipeModule,
+                        TransactionDateSelectModule,
+                        TransactionButtonModule
+                    ],
+                    declarations: [
+                        TransactionLineSupplierDeliveryDateButtonComponent
+                    ],
+                    exports: [
+                        TransactionLineSupplierDeliveryDateButtonComponent
+                    ]
+                },] }
+    ];
+
     var TransactionPurchaseOrderLineModule = /** @class */ (function () {
         function TransactionPurchaseOrderLineModule() {
         }
@@ -28013,7 +28097,9 @@
                         corecomponents_v12.ObserveVisibilityModule,
                         corecomponents_v12.InputTextModule,
                         TransactionDateSelectModule,
-                        TransactionButtonModule
+                        TransactionButtonModule,
+                        TransactionLineDiscountButtonModule,
+                        TransactionLineSupplierDeliveryDateButtonModule
                     ],
                     declarations: [
                         TransactionPurchaseOrderLineComponent
@@ -31421,78 +31507,80 @@
     exports["ɵoh"] = TransactionPurchasePortalLineDeliveryDateComponent;
     exports["ɵoi"] = TransactionPurchasePortalLineConfirmedDeliveryDateModule;
     exports["ɵoj"] = TransactionPurchasePortalLineConfirmedDeliveryDateComponent;
-    exports["ɵok"] = TransactionPurchaseOrderLineComponent;
-    exports["ɵol"] = TransactionPurchaseOrderLineBaseComponent;
-    exports["ɵom"] = TransactionPurchaseOverviewLineModule;
-    exports["ɵon"] = TransactionNavigationButtonListModule;
-    exports["ɵoo"] = TransactionNavigationButtonListComponent;
-    exports["ɵop"] = TransactionPurchaseOverviewLineComponent;
-    exports["ɵoq"] = TransactionCardModule;
-    exports["ɵor"] = TransactionCardPurchaseOverviewModule;
-    exports["ɵos"] = TransactionCardHeaderModule;
-    exports["ɵot"] = TransactionCardHeaderComponent;
-    exports["ɵou"] = TransactionCardFooterModule;
-    exports["ɵov"] = TransactionCardFooterComponent;
-    exports["ɵow"] = TransactionCardPurchaseOverviewComponent;
-    exports["ɵox"] = TransactionCardSalesOverviewModule;
-    exports["ɵoy"] = TransactionCardSalesOverviewComponent;
-    exports["ɵoz"] = TransactionCardReceiveGoodsModule;
+    exports["ɵok"] = TransactionLineSupplierDeliveryDateButtonModule;
+    exports["ɵol"] = TransactionLineSupplierDeliveryDateButtonComponent;
+    exports["ɵom"] = TransactionPurchaseOrderLineComponent;
+    exports["ɵon"] = TransactionPurchaseOrderLineBaseComponent;
+    exports["ɵoo"] = TransactionPurchaseOverviewLineModule;
+    exports["ɵop"] = TransactionNavigationButtonListModule;
+    exports["ɵoq"] = TransactionNavigationButtonListComponent;
+    exports["ɵor"] = TransactionPurchaseOverviewLineComponent;
+    exports["ɵos"] = TransactionCardModule;
+    exports["ɵot"] = TransactionCardPurchaseOverviewModule;
+    exports["ɵou"] = TransactionCardHeaderModule;
+    exports["ɵov"] = TransactionCardHeaderComponent;
+    exports["ɵow"] = TransactionCardFooterModule;
+    exports["ɵox"] = TransactionCardFooterComponent;
+    exports["ɵoy"] = TransactionCardPurchaseOverviewComponent;
+    exports["ɵoz"] = TransactionCardSalesOverviewModule;
     exports["ɵp"] = ArticleConnectorService;
-    exports["ɵpa"] = TransactionCardReceiveGoodsComponent;
-    exports["ɵpb"] = TransactionCardInvoiceModule;
-    exports["ɵpc"] = TransactionCardInvoiceComponent;
-    exports["ɵpd"] = TransactionCardOrderDeliveryModule;
-    exports["ɵpe"] = TransactionCardOrderDeliveryComponent;
-    exports["ɵpf"] = TransactionCardComponent;
-    exports["ɵpg"] = TransactionTextLineModule;
-    exports["ɵph"] = TransactionTextLineComponent;
-    exports["ɵpi"] = SearchViewModeService;
-    exports["ɵpj"] = TransactionSearchSalesOrderTileModule;
-    exports["ɵpk"] = TransactionSearchSalesOrderTileComponent;
-    exports["ɵpl"] = TransactionSearchTileBaseComponent;
-    exports["ɵpm"] = TransactionSearchPurchaseOrderTileModule;
-    exports["ɵpn"] = TransactionSearchPurchaseOrderTileComponent;
-    exports["ɵpo"] = TransactionSearchSalesOrderGridModule;
-    exports["ɵpp"] = TransactionSearchSalesOrderGridComponent;
-    exports["ɵpq"] = TransactionSearchGridBaseComponent;
-    exports["ɵpr"] = TransactionSearchPurchaseOrderGridModule;
-    exports["ɵps"] = TransactionSearchPurchaseOrderGridComponent;
-    exports["ɵpt"] = TransactionSearchGridModule;
-    exports["ɵpu"] = TransactionSearchGridComponent;
-    exports["ɵpv"] = TransactionSearchTileModule;
-    exports["ɵpw"] = TransactionSearchTileComponent;
-    exports["ɵpx"] = TransactionSalesOrderFilterModule;
-    exports["ɵpy"] = TransactionSalesOrderFilterContentOrderModule;
-    exports["ɵpz"] = TransactionFilterItemModule;
+    exports["ɵpa"] = TransactionCardSalesOverviewComponent;
+    exports["ɵpb"] = TransactionCardReceiveGoodsModule;
+    exports["ɵpc"] = TransactionCardReceiveGoodsComponent;
+    exports["ɵpd"] = TransactionCardInvoiceModule;
+    exports["ɵpe"] = TransactionCardInvoiceComponent;
+    exports["ɵpf"] = TransactionCardOrderDeliveryModule;
+    exports["ɵpg"] = TransactionCardOrderDeliveryComponent;
+    exports["ɵph"] = TransactionCardComponent;
+    exports["ɵpi"] = TransactionTextLineModule;
+    exports["ɵpj"] = TransactionTextLineComponent;
+    exports["ɵpk"] = SearchViewModeService;
+    exports["ɵpl"] = TransactionSearchSalesOrderTileModule;
+    exports["ɵpm"] = TransactionSearchSalesOrderTileComponent;
+    exports["ɵpn"] = TransactionSearchTileBaseComponent;
+    exports["ɵpo"] = TransactionSearchPurchaseOrderTileModule;
+    exports["ɵpp"] = TransactionSearchPurchaseOrderTileComponent;
+    exports["ɵpq"] = TransactionSearchSalesOrderGridModule;
+    exports["ɵpr"] = TransactionSearchSalesOrderGridComponent;
+    exports["ɵps"] = TransactionSearchGridBaseComponent;
+    exports["ɵpt"] = TransactionSearchPurchaseOrderGridModule;
+    exports["ɵpu"] = TransactionSearchPurchaseOrderGridComponent;
+    exports["ɵpv"] = TransactionSearchGridModule;
+    exports["ɵpw"] = TransactionSearchGridComponent;
+    exports["ɵpx"] = TransactionSearchTileModule;
+    exports["ɵpy"] = TransactionSearchTileComponent;
+    exports["ɵpz"] = TransactionSalesOrderFilterModule;
     exports["ɵq"] = RelationConnectorService;
-    exports["ɵqa"] = TransactionFilterItemComponent;
-    exports["ɵqb"] = TransactionSalesOrderFilterContentOrderComponent;
-    exports["ɵqc"] = TransactionFilterContentBaseComponent;
-    exports["ɵqd"] = FilterRequestService;
-    exports["ɵqe"] = TransactionSalesOrderFilterContentLogisticsModule;
-    exports["ɵqf"] = TransactionFilterHistoricStateModule;
-    exports["ɵqg"] = TransactionFilterHistoricStateComponent;
-    exports["ɵqh"] = TransactionSalesOrderFilterContentLogisticsComponent;
-    exports["ɵqi"] = TransactionSalesOrderFilterContentArticleModule;
-    exports["ɵqj"] = TransactionSalesOrderFilterContentArticleComponent;
-    exports["ɵqk"] = TransactionSalesOrderFilterComponent;
-    exports["ɵql"] = TransactionFilterBaseComponent;
-    exports["ɵqm"] = TransactionPurchaseOrderFilterModule;
-    exports["ɵqn"] = TransactionPurchaseOrderFilterContentOrderModule;
-    exports["ɵqo"] = TransactionPurchaseOrderFilterContentOrderComponent;
-    exports["ɵqp"] = TransactionPurchaseOrderFilterContentLogisticsModule;
-    exports["ɵqq"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
-    exports["ɵqr"] = TransactionPurchaseOrderFilterContentArticleModule;
-    exports["ɵqs"] = TransactionPurchaseOrderFilterContentArticleComponent;
-    exports["ɵqt"] = TransactionPurchaseOrderFilterComponent;
-    exports["ɵqu"] = SearchFeatureModule;
-    exports["ɵqv"] = SearchHeaderButtonsModule;
-    exports["ɵqw"] = SearchHeaderButtonsComponent;
-    exports["ɵqx"] = SearchFilterPanelModule;
-    exports["ɵqy"] = SearchFilterPanelComponent;
-    exports["ɵqz"] = SearchComponent;
+    exports["ɵqa"] = TransactionSalesOrderFilterContentOrderModule;
+    exports["ɵqb"] = TransactionFilterItemModule;
+    exports["ɵqc"] = TransactionFilterItemComponent;
+    exports["ɵqd"] = TransactionSalesOrderFilterContentOrderComponent;
+    exports["ɵqe"] = TransactionFilterContentBaseComponent;
+    exports["ɵqf"] = FilterRequestService;
+    exports["ɵqg"] = TransactionSalesOrderFilterContentLogisticsModule;
+    exports["ɵqh"] = TransactionFilterHistoricStateModule;
+    exports["ɵqi"] = TransactionFilterHistoricStateComponent;
+    exports["ɵqj"] = TransactionSalesOrderFilterContentLogisticsComponent;
+    exports["ɵqk"] = TransactionSalesOrderFilterContentArticleModule;
+    exports["ɵql"] = TransactionSalesOrderFilterContentArticleComponent;
+    exports["ɵqm"] = TransactionSalesOrderFilterComponent;
+    exports["ɵqn"] = TransactionFilterBaseComponent;
+    exports["ɵqo"] = TransactionPurchaseOrderFilterModule;
+    exports["ɵqp"] = TransactionPurchaseOrderFilterContentOrderModule;
+    exports["ɵqq"] = TransactionPurchaseOrderFilterContentOrderComponent;
+    exports["ɵqr"] = TransactionPurchaseOrderFilterContentLogisticsModule;
+    exports["ɵqs"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
+    exports["ɵqt"] = TransactionPurchaseOrderFilterContentArticleModule;
+    exports["ɵqu"] = TransactionPurchaseOrderFilterContentArticleComponent;
+    exports["ɵqv"] = TransactionPurchaseOrderFilterComponent;
+    exports["ɵqw"] = SearchFeatureModule;
+    exports["ɵqx"] = SearchHeaderButtonsModule;
+    exports["ɵqy"] = SearchHeaderButtonsComponent;
+    exports["ɵqz"] = SearchFilterPanelModule;
     exports["ɵr"] = CoreModule;
-    exports["ɵra"] = TransactionTagComponent;
+    exports["ɵra"] = SearchFilterPanelComponent;
+    exports["ɵrb"] = SearchComponent;
+    exports["ɵrc"] = TransactionTagComponent;
     exports["ɵs"] = ConfirmationDialogModule;
     exports["ɵt"] = PipeModule;
     exports["ɵu"] = AppendPipe;