@colijnit/transaction 12.1.190 → 12.1.191

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/bundles/colijnit-transaction.umd.js +46 -21
  2. package/bundles/colijnit-transaction.umd.js.map +1 -1
  3. package/colijnit-transaction.metadata.json +1 -1
  4. package/esm2015/lib/component/transaction-cash-register-order/transaction-cash-register-order-expense-dialog/transaction-cash-register-order-expense-dialog.component.js +2 -2
  5. package/esm2015/lib/component/transaction-create-date-label/transaction-create-date-label.component.js +2 -2
  6. package/esm2015/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-order.component.js +2 -2
  7. package/esm2015/lib/component/transaction-internal/transaction-internal.component.js +125 -110
  8. package/esm2015/lib/component/transaction-internal/transaction-internal.module.js +5 -4
  9. package/esm2015/lib/component/transaction-line/transaction-base-line/transaction-base-line.component.js +2 -2
  10. package/esm2015/lib/component/transaction-line/transaction-cash-register-order-line/transaction-cash-register-order-line.component.js +18 -16
  11. package/esm2015/lib/component/transaction-line/transaction-cash-register-order-line/transaction-cash-register-order-line.module.js +16 -13
  12. package/esm2015/lib/component/transaction-line-image-and-description/transaction-line-image-and-description.component.js +4 -2
  13. package/esm2015/lib/component/transaction-line-side-panel-article-details/transaction-line-side-panel-article-details.component.js +2 -4
  14. package/esm2015/lib/component/transaction-lines-side-panel/transaction-lines-side-panel-cash-desk/transaction-lines-side-panel-cash-desk.component.js +12 -13
  15. package/esm2015/lib/component/transaction-number-label/transaction-number-label.component.js +5 -5
  16. package/esm2015/lib/enum/transaction-cfg-name.enum.js +4 -1
  17. package/esm2015/lib/service/transaction-connector-adapter.service.js +4 -4
  18. package/esm2015/lib/transaction-version.js +3 -3
  19. package/fesm2015/colijnit-transaction.js +165 -144
  20. package/fesm2015/colijnit-transaction.js.map +1 -1
  21. package/lib/component/transaction-internal/transaction-internal.component.d.ts +1 -0
  22. package/lib/component/transaction-line/transaction-cash-register-order-line/style/_layout.scss +9 -0
  23. package/lib/component/transaction-line/transaction-cash-register-order-line/transaction-cash-register-order-line.component.d.ts +1 -1
  24. package/lib/component/transaction-line-image-and-description/style/_layout.scss +7 -0
  25. package/lib/component/transaction-line-side-panel-article-details/transaction-line-side-panel-article-details.component.d.ts +2 -3
  26. package/lib/component/transaction-lines-side-panel/transaction-lines-side-panel-cash-desk/transaction-lines-side-panel-cash-desk.component.d.ts +3 -1
  27. package/lib/component/transaction-number-label/transaction-number-label.component.d.ts +3 -3
  28. package/lib/enum/transaction-cfg-name.enum.d.ts +3 -0
  29. package/lib/service/transaction-connector-adapter.service.d.ts +4 -4
  30. package/package.json +2 -2
@@ -31,8 +31,8 @@
31
31
  function Version() {
32
32
  this.name = "@colijnit/transaction";
33
33
  this.description = "Colijn IT transaction package";
34
- this.symVer = "12.1.190";
35
- this.publishDate = "17-2-2024 11:14:23";
34
+ this.symVer = "12.1.191";
35
+ this.publishDate = "20-2-2024 18:15:42";
36
36
  }
37
37
  return Version;
38
38
  }());
@@ -9350,6 +9350,8 @@
9350
9350
  TransactionCfgName["AddTransactionBtn"] = "addTransactionBtn";
9351
9351
  TransactionCfgName["DeleteTransactionBtn"] = "deleteTransactionBtn";
9352
9352
  TransactionCfgName["CopyTransactionBtn"] = "copyTransactionBtn";
9353
+ TransactionCfgName["HeaderHandledBy"] = "headerHandledBy";
9354
+ TransactionCfgName["HeaderBranch"] = "headerBranch";
9353
9355
  /*Transaction header*/
9354
9356
  TransactionCfgName["OrderInfoHeader"] = "orderInfoHeader";
9355
9357
  TransactionCfgName["DeliveryInfoHeader"] = "deliveryInfoHeader";
@@ -9393,6 +9395,7 @@
9393
9395
  TransactionCfgName["SalesPerson"] = "salesPerson";
9394
9396
  TransactionCfgName["Buyer"] = "buyer";
9395
9397
  TransactionCfgName["MarketingCode"] = "marketingCode";
9398
+ TransactionCfgName["ProjectCode"] = "projectCode";
9396
9399
  TransactionCfgName["HeaderPaymentAvatarHeader"] = "headerPaymentAvatarHeader";
9397
9400
  TransactionCfgName["HeaderPaymentPercentageHeader"] = "headerPaymentPercentageHeader";
9398
9401
  TransactionCfgName["HeaderPaymentAmountHeader"] = "headerPaymentAmountHeader";
@@ -17893,7 +17896,7 @@
17893
17896
  TransactionLineImageAndDescriptionComponent.decorators = [
17894
17897
  { type: i0.Component, args: [{
17895
17898
  selector: "co-transaction-line-image-and-description",
17896
- template: "\n <span class=\"transaction-field-label\" [textContent]=\"'ARTICLE_INFORMATION' | localize\" *ngIf=\"isFirst\"></span>\n <div class=\"transaction-line-image\" [class.preview]=\"preview\" [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.image\" screenConfigNativeElement>\n <co-image-display [model]=\"image\"></co-image-display>\n </div>\n <div class=\"colorBlock\" *ngIf=\"transactionLine.color\" [style.background-color]=\"transactionLine.color\"></div>\n <div class=\"transaction-line-description\" data-action=\"openSidePanel\">\n <div class=\"description-wrapper\">\n <co-transaction-line-description class=\"transaction-line-description-description\"\n [configNames]=\"imageAndDescriptionConfigNames\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n [showPurchaseDesc]=\"showPurchaseDesc\"\n ></co-transaction-line-description>\n <div class=\"transaction-line-article-number-wrapper\" *ngIf=\"!popUpView\">\n <span *ngIf=\"showDivider\">|</span>\n <span [textContent]=\"transactionLine.articleNumber\" [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.articleNr\" screenConfigNativeElement></span>\n <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\"\n [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.deleteBtn\" screenConfigNativeElement\n (click)=\"deleteTransactionLineClick($event)\"></co-icon>\n </div>\n\n </div>\n <div *ngIf=\"!preview && !popUpView && (transactionLine.articleBoundConcatenatedText || transactionLine.configurationReadable)\" class=\"article-text-wrapper\"\n [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.articleText\" screenConfigNativeElement\n >\n <div [ngClass]=\"{'article-text-expand': true, 'large-article': !expanded}\">\n <div class=\"article-text\" *ngFor=\"let text of transactionLine.articleTextAsArray\">\n <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n </div>\n <div *ngIf=\"!popUpView && transactionLine.configurationReadable\" class=\"configuration-text\">\n <span [innerHTML]=\"transactionLine.configurationReadable\"></span>\n </div>\n </div>\n <div *ngIf=\"calculateTotalCharacterCount() > 100\" class=\"expand-wrapper\" (click)=\"expandClicked()\">\n <co-icon [iconData]=\"expanded ? iconCacheService.getIcon(icons.TriangleUp) : iconCacheService.getIcon(icons.TriangleDown) \"></co-icon>\n <span class=\"expand-text\" [textContent]=\"!expanded ? ('SHOW_MORE' | localize) : ('SHOW_LESS' | localize)\"></span>\n </div>\n </div>\n </div>\n ",
17899
+ template: "\n <span class=\"transaction-field-label\" [textContent]=\"'ARTICLE_INFORMATION' | localize\" *ngIf=\"isFirst\"></span>\n <div *ngIf=\"!transactionLine.isPayment\" class=\"transaction-line-image\" [class.preview]=\"preview\" [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.image\" screenConfigNativeElement>\n <co-image-display [model]=\"image\"></co-image-display>\n </div>\n <co-icon *ngIf=\"transactionLine.isPayment\" class=\"payment-line-icon\" [iconData]=\"iconCacheService.getIcon(icons.UpFromLineRegular)\">\n </co-icon>\n <div class=\"colorBlock\" *ngIf=\"transactionLine.color\" [style.background-color]=\"transactionLine.color\"></div>\n <div class=\"transaction-line-description\" data-action=\"openSidePanel\">\n <div class=\"description-wrapper\">\n <co-transaction-line-description class=\"transaction-line-description-description\"\n [configNames]=\"imageAndDescriptionConfigNames\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n [showPurchaseDesc]=\"showPurchaseDesc\"\n ></co-transaction-line-description>\n <div class=\"transaction-line-article-number-wrapper\" *ngIf=\"!popUpView\">\n <span *ngIf=\"showDivider\">|</span>\n <span [textContent]=\"transactionLine.articleNumber\" [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.articleNr\" screenConfigNativeElement></span>\n <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\"\n [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.deleteBtn\" screenConfigNativeElement\n (click)=\"deleteTransactionLineClick($event)\"></co-icon>\n </div>\n\n </div>\n <div *ngIf=\"!preview && !popUpView && (transactionLine.articleBoundConcatenatedText || transactionLine.configurationReadable)\" class=\"article-text-wrapper\"\n [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.articleText\" screenConfigNativeElement\n >\n <div [ngClass]=\"{'article-text-expand': true, 'large-article': !expanded}\">\n <div class=\"article-text\" *ngFor=\"let text of transactionLine.articleTextAsArray\">\n <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n </div>\n <div *ngIf=\"!popUpView && transactionLine.configurationReadable\" class=\"configuration-text\">\n <span [innerHTML]=\"transactionLine.configurationReadable\"></span>\n </div>\n </div>\n <div *ngIf=\"calculateTotalCharacterCount() > 100\" class=\"expand-wrapper\" (click)=\"expandClicked()\">\n <co-icon [iconData]=\"expanded ? iconCacheService.getIcon(icons.TriangleUp) : iconCacheService.getIcon(icons.TriangleDown) \"></co-icon>\n <span class=\"expand-text\" [textContent]=\"!expanded ? ('SHOW_MORE' | localize) : ('SHOW_LESS' | localize)\"></span>\n </div>\n </div>\n </div>\n ",
17897
17900
  providers: [{
17898
17901
  provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
17899
17902
  useExisting: i0.forwardRef(function () { return TransactionLineImageAndDescriptionComponent; })
@@ -21896,7 +21899,7 @@
21896
21899
  TransactionCashRegisterOrderLineComponent.decorators = [
21897
21900
  { type: i0.Component, args: [{
21898
21901
  selector: "co-transaction-cash-register-order-line",
21899
- template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"false\"\n [checkbox]=\"false\"\n [actionButtons]=\"false\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n <div class=\"line-content-wrapper\">\n <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n <co-transaction-line-vat-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-vat-button>\n <co-editable-label class=\"transaction-line-totals-total price\"\n [model]=\"(transactionLine.price + transactionLine.discountAmount) | coCurrency\"\n [crossedOut]=\"!!transactionLine.discountAmount\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [readonly]=\"true\"\n ></co-editable-label>\n <co-transaction-line-discount-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-discount-button>\n <co-editable-label class=\"transaction-line-totals-total price\"\n [model]=\"transactionLine.price | coCurrency\"\n [readonly]=\"true\"\n ></co-editable-label>\n <div class=\"transaction-line-totals-amount\">\n <co-transaction-line-amount class=\"amount-number-picker\" [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"></co-transaction-line-amount>\n </div>\n <co-editable-label class=\"transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [readonly]=\"true\"\n [commit]=\"!readonly\"\n ></co-editable-label>\n </div>\n </co-transaction-base-line>\n ",
21902
+ template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"false\"\n [checkbox]=\"false\"\n [actionButtons]=\"false\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n <div class=\"line-content-wrapper\" [class.payment-line]=\"transactionLine && transactionLine.isPayment\">\n <co-transaction-line-warehouse-button *ngIf=\"!transactionLine.isPayment\" [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n <co-transaction-line-vat-button *ngIf=\"!transactionLine.isPayment\" [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-vat-button>\n <co-transaction-line-price *ngIf=\"!transactionLine.isPayment\" class=\"transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.LinePrice\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n ></co-transaction-line-price>\n <co-transaction-line-discount-button *ngIf=\"!transactionLine.isPayment\" [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-discount-button>\n <co-editable-label *ngIf=\"!transactionLine.isPayment\"\n class=\"transaction-line-totals-total price\"\n [model]=\"transactionLine.price | coCurrency\"\n [readonly]=\"true\"\n ></co-editable-label>\n <div class=\"transaction-line-totals-amount\" *ngIf=\"!transactionLine.isPayment\">\n <co-transaction-line-amount class=\"amount-number-picker\" [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"></co-transaction-line-amount>\n </div>\n <co-editable-label class=\"transaction-line-totals-total price\" [class.payment-label]=\"transactionLine && transactionLine.isPayment\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [readonly]=\"true\"\n [commit]=\"!readonly\"\n ></co-editable-label>\n </div>\n </co-transaction-base-line>\n ",
21900
21903
  encapsulation: i0.ViewEncapsulation.None
21901
21904
  },] }
21902
21905
  ];
@@ -22849,11 +22852,20 @@
22849
22852
  TransactionLinesSidePanelCashDeskComponent.prototype.handlePayed = function () {
22850
22853
  this.transactionEventService.posOrderPayed.next();
22851
22854
  };
22852
- //TODO TO BE REINSTATED ONCE BACKEND SUPPORT IS FIXED-->
22853
- /*public async createExpenseForOrder(request: TransactionAddPaymentLineRequest): Promise<void> {
22854
- this.showExpenseDialog = false;
22855
- await this.transactionService.addPaymentLineToTransaction(request);
22856
- }*/
22855
+ TransactionLinesSidePanelCashDeskComponent.prototype.createExpenseForOrder = function (request) {
22856
+ return __awaiter(this, void 0, void 0, function () {
22857
+ return __generator(this, function (_a) {
22858
+ switch (_a.label) {
22859
+ case 0:
22860
+ this.showExpenseDialog = false;
22861
+ return [4 /*yield*/, this.transactionService.addPaymentLineToTransaction(request)];
22862
+ case 1:
22863
+ _a.sent();
22864
+ return [2 /*return*/];
22865
+ }
22866
+ });
22867
+ });
22868
+ };
22857
22869
  TransactionLinesSidePanelCashDeskComponent.prototype.paymentMethodSelected = function (method, index) {
22858
22870
  this.cashRegisterNr = this.posOrderData ? this.posOrderData.cashRegisterNr : this.transaction.transactionInfo.cashRegisterNr;
22859
22871
  this.cashRegisterGroupId = this.posOrderData ? this.posOrderData.cashRegisterGroupId : this.transaction.transactionInfo.cashRegisterGroupId;
@@ -22874,7 +22886,7 @@
22874
22886
  TransactionLinesSidePanelCashDeskComponent.decorators = [
22875
22887
  { type: i0.Component, args: [{
22876
22888
  selector: 'co-transaction-lines-side-panel-cash-desk',
22877
- template: "\n <!--TODO TO BE REINSTATED ONCE BACKEND SUPPORT IS FIXED-->\n <!--\n <div class=\"cash-register-button-wrapper\">\n <co-button class=\"expense-button\" [iconData]=\"iconCacheService.getIcon(icons.UpFromLineRegular)\"\n [label]=\"'EXPENSE' | localize\" (click)=\"showExpenseDialog = true\">\n </co-button>\n </div>-->\n <div class=\"cash-register-payment-methods-wrapper\">\n <co-payment-tile *ngFor=\"let paymentMethod of paymentMethods; let index = index\"\n [image]=\"paymentMethod.image\"\n [description]=\"paymentMethod.payment.description\"\n [showRadioButton]=\"false\"\n (selectedChange)=\"paymentMethodSelected(paymentMethod, index)\"\n ></co-payment-tile>\n </div>\n <co-transaction-cash-register-payment-dialog *ngIf=\"showCashRegisterPaymentDialog\"\n [transactionNr]=\"transaction.transactionInfo.transactionNr\"\n [transId]=\"transaction.transactionInfo.id\"\n [branch]=\"transaction.transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transaction.transactionInfo.uuid\"\n [amount]=\"transaction.transactionTotal.netAmount\"\n [currencyId]=\"transaction.transactionInfo.currencyId\"\n [relation]=\"relation\"\n [paymentViewModel]=\"selectedPaymentMethod\"\n [cashRegisterNr]=\"cashRegisterNr\"\n [cashRegisterGroupId]=\"cashRegisterGroupId\"\n [cashRegisterDrawerId]=\"cashRegisterDrawerId\"\n [printerName]=\"printerName\"\n [emailLayout]=\"emailLayout\"\n [printerLayout]=\"printerLayout\"\n (posOrderPayed)=\"handlePayed()\"\n (closeDialog)=\"showCashRegisterPaymentDialog = false\"\n >\n </co-transaction-cash-register-payment-dialog>\n <!--TODO TO BE REINSTATED ONCE BACKEND SUPPORT IS FIXED-->\n <!-- <co-transaction-cash-register-order-expense-dialog *ngIf=\"showExpenseDialog\"\n [transaction]=\"this.transaction\"\n (cancelClicked)=\"showExpenseDialog = false\"\n (okayClicked)=\"createExpenseForOrder($event)\"\n >\n </co-transaction-cash-register-order-expense-dialog>-->\n ",
22889
+ template: "\n <div class=\"cash-register-button-wrapper\">\n <co-button class=\"expense-button\" [iconData]=\"iconCacheService.getIcon(icons.UpFromLineRegular)\"\n [label]=\"'EXPENSE' | localize\" (click)=\"showExpenseDialog = true\">\n </co-button>\n </div>\n <div class=\"cash-register-payment-methods-wrapper\">\n <co-payment-tile *ngFor=\"let paymentMethod of paymentMethods; let index = index\"\n [image]=\"paymentMethod.image\"\n [description]=\"paymentMethod.payment.description\"\n [showRadioButton]=\"false\"\n (selectedChange)=\"paymentMethodSelected(paymentMethod, index)\"\n ></co-payment-tile>\n </div>\n <co-transaction-cash-register-payment-dialog *ngIf=\"showCashRegisterPaymentDialog\"\n [transactionNr]=\"transaction.transactionInfo.transactionNr\"\n [transId]=\"transaction.transactionInfo.id\"\n [branch]=\"transaction.transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transaction.transactionInfo.uuid\"\n [amount]=\"transaction.transactionTotal.netAmount\"\n [currencyId]=\"transaction.transactionInfo.currencyId\"\n [relation]=\"relation\"\n [paymentViewModel]=\"selectedPaymentMethod\"\n [cashRegisterNr]=\"cashRegisterNr\"\n [cashRegisterGroupId]=\"cashRegisterGroupId\"\n [cashRegisterDrawerId]=\"cashRegisterDrawerId\"\n [printerName]=\"printerName\"\n [emailLayout]=\"emailLayout\"\n [printerLayout]=\"printerLayout\"\n (posOrderPayed)=\"handlePayed()\"\n (closeDialog)=\"showCashRegisterPaymentDialog = false\"\n >\n </co-transaction-cash-register-payment-dialog>\n <co-transaction-cash-register-order-expense-dialog *ngIf=\"showExpenseDialog\"\n [transaction]=\"this.transaction\"\n (cancelClicked)=\"showExpenseDialog = false\"\n (okayClicked)=\"createExpenseForOrder($event)\"\n >\n </co-transaction-cash-register-order-expense-dialog>\n ",
22878
22890
  encapsulation: i0.ViewEncapsulation.None
22879
22891
  },] }
22880
22892
  ];
@@ -23848,7 +23860,7 @@
23848
23860
  TransactionBaseLineComponent.decorators = [
23849
23861
  { type: i0.Component, args: [{
23850
23862
  selector: "co-transaction-base-line",
23851
- template: "\n <div class=\"transaction-base-line-wrapper\" data-action=\"openSidePanel\">\n <div class=\"transaction-line-color-indicator\" *ngIf=\"showColorIndicator\" [style.background-color]=\"colorIndicatorColor\"></div>\n <div class=\"transaction-base-line-section\" [class.line-start]=\"!preview\">\n <co-input-checkbox *ngIf=\"checkbox\" class=\"transaction-line-checkbox\"\n [model]=\"checkboxValue\"\n [readonly]=\"checkboxReadonly\"\n (modelChange)=\"checkboxValueChanged.emit($event)\"\n ></co-input-checkbox>\n <co-transaction-line-image-and-description\n *ngIf=\"transactionLine.isArticle\" class=\"transaction-line-image-and-description-wrapper\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n [showPurchaseDesc]=\"showPurchaseDescAndPrice\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n (handleDeleteLine)=\"deleteTransactionLineClick($event)\"\n (openArticleTextClicked)=\"handleOpenArticleText($event)\"\n ></co-transaction-line-image-and-description>\n </div>\n <div class=\"transaction-base-line-section\" [class.line-end]=\"!preview\" [class.preview-margin]=\"preview\">\n <ng-content></ng-content>\n <div *ngIf=\"!preview && actionButtons && showActionsButton\" class=\"transaction-line-buttons\">\n <co-transaction-line-action-buttons\n [configNames]=\"actionButtonsConfigNames\"\n [transactionLine]=\"transactionLine\"\n [isFirst]=\"isFirst\"\n [orderLineSets]=\"orderLineSets\"\n (waitingForUserAction)=\"waitingForUserAction.next($event)\"\n (sidePanelButtonClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-line-action-buttons>\n </div>\n </div>\n </div>\n ",
23863
+ template: "\n <div class=\"transaction-base-line-wrapper\" data-action=\"openSidePanel\">\n <div class=\"transaction-line-color-indicator\" *ngIf=\"showColorIndicator\" [style.background-color]=\"colorIndicatorColor\"></div>\n <div class=\"transaction-base-line-section\" [class.line-start]=\"!preview\">\n <co-input-checkbox *ngIf=\"checkbox\" class=\"transaction-line-checkbox\"\n [model]=\"checkboxValue\"\n [readonly]=\"checkboxReadonly\"\n (modelChange)=\"checkboxValueChanged.emit($event)\"\n ></co-input-checkbox>\n <co-transaction-line-image-and-description\n *ngIf=\"transactionLine.isArticle || transactionLine.isPayment\" class=\"transaction-line-image-and-description-wrapper\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n [showPurchaseDesc]=\"showPurchaseDescAndPrice\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n (handleDeleteLine)=\"deleteTransactionLineClick($event)\"\n (openArticleTextClicked)=\"handleOpenArticleText($event)\"\n ></co-transaction-line-image-and-description>\n </div>\n <div class=\"transaction-base-line-section\" [class.line-end]=\"!preview\" [class.preview-margin]=\"preview\">\n <ng-content></ng-content>\n <div *ngIf=\"!preview && actionButtons && showActionsButton\" class=\"transaction-line-buttons\">\n <co-transaction-line-action-buttons\n [configNames]=\"actionButtonsConfigNames\"\n [transactionLine]=\"transactionLine\"\n [isFirst]=\"isFirst\"\n [orderLineSets]=\"orderLineSets\"\n (waitingForUserAction)=\"waitingForUserAction.next($event)\"\n (sidePanelButtonClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-line-action-buttons>\n </div>\n </div>\n </div>\n ",
23852
23864
  encapsulation: i0.ViewEncapsulation.None,
23853
23865
  changeDetection: i0.ChangeDetectionStrategy.OnPush
23854
23866
  },] }
@@ -28143,7 +28155,9 @@
28143
28155
  TransactionLineVatButtonModule,
28144
28156
  corecomponents.CoCurrencyPipeModule,
28145
28157
  TransactionLineDiscountButtonModule,
28146
- TransactionLineAmountModule
28158
+ TransactionLineAmountModule,
28159
+ TransactionLinePriceModule,
28160
+ corecomponents_v12.ScreenConfigurationModule
28147
28161
  ],
28148
28162
  declarations: [
28149
28163
  TransactionCashRegisterOrderLineComponent
@@ -31642,7 +31656,7 @@
31642
31656
  TransactionHeaderPopupOrderComponent.decorators = [
31643
31657
  { type: i0.Component, args: [{
31644
31658
  selector: 'co-transaction-header-popup-order',
31645
- template: "\n <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n <co-form>\n <div class=\"transaction-header-popup-section\">\n <div class=\"transaction-header-popup-section-label\" [textContent]=\"'BASE_INFO1' | localize\"></div>\n <co-transaction-header-definitive class=\"header-definitive-checkbox\" [screenConfigurationObject]=\"cfgNames.Definitive\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-definitive>\n <div class=\"transaction-header-popup-three-column-grid\">\n <co-transaction-header-hold-codes *ngIf=\"transactionInfo.transactionKind !== transKind.SalesQuotation\" [screenConfigurationObject]=\"cfgNames.OnHoldCodes\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-hold-codes>\n <co-transaction-header-payment-condition [screenConfigurationObject]=\"cfgNames.PaymentCondition\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-payment-condition>\n <co-transaction-header-branch [simple]=\"true\" [screenConfigurationObject]=\"cfgNames.Branch\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-branch>\n <co-transaction-header-administrative-relation [screenConfigurationObject]=\"cfgNames.AdministrativeManager\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-administrative-relation>\n <co-transaction-header-price-kind [screenConfigurationObject]=\"cfgNames.PriceKind\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-price-kind>\n <co-transaction-header-sales-person *ngIf=\"transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.SalesPerson\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-sales-person>\n <co-transaction-header-sales-person *ngIf=\"transactionKind === transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.Buyer\" [label]=\"'PURCHASE_PERSON'\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-sales-person>\n <co-transaction-header-currency [screenConfigurationObject]=\"cfgNames.Currency\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-currency>\n <co-transaction-header-project-code [screenConfigurationObject]=\"cfgNames.Currency\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-project-code>\n </div>\n </div>\n <div class=\"transaction-header-popup-section\" *ngIf=\"transactionInfo.transactionKind === transKind.SalesQuotation\">\n <div class=\"transaction-header-popup-section-label\" [textContent]=\"'STATUS' | localize\"></div>\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-scoring-chance [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-scoring-chance>\n <co-transaction-header-retail-stadium [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-retail-stadium>\n <co-transaction-header-scoring-date [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-scoring-date>\n </div>\n </div>\n <div class=\"transaction-header-popup-section\" [screenConfigurationObject]=\"cfgNames.MarketingCode\" screenConfigNativeElement>\n <div class=\"transaction-header-popup-section-label\" [textContent]=\"'MARKETING_CODE' | localize\"></div>\n <co-transaction-header-marketing [screenConfigurationObject]=\"cfgNames.MarketingCode\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-marketing>\n </div>\n </co-form>\n </div>\n ",
31659
+ template: "\n <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n <co-form>\n <div class=\"transaction-header-popup-section\">\n <div class=\"transaction-header-popup-section-label\" [textContent]=\"'BASE_INFO1' | localize\"></div>\n <co-transaction-header-definitive class=\"header-definitive-checkbox\" [screenConfigurationObject]=\"cfgNames.Definitive\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-definitive>\n <div class=\"transaction-header-popup-three-column-grid\">\n <co-transaction-header-hold-codes *ngIf=\"transactionInfo.transactionKind !== transKind.SalesQuotation\" [screenConfigurationObject]=\"cfgNames.OnHoldCodes\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-hold-codes>\n <co-transaction-header-payment-condition [screenConfigurationObject]=\"cfgNames.PaymentCondition\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-payment-condition>\n <co-transaction-header-branch [simple]=\"true\" [screenConfigurationObject]=\"cfgNames.Branch\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-branch>\n <co-transaction-header-administrative-relation [screenConfigurationObject]=\"cfgNames.AdministrativeManager\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-administrative-relation>\n <co-transaction-header-price-kind [screenConfigurationObject]=\"cfgNames.PriceKind\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-price-kind>\n <co-transaction-header-sales-person *ngIf=\"transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.SalesPerson\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-sales-person>\n <co-transaction-header-sales-person *ngIf=\"transactionKind === transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.Buyer\" [label]=\"'PURCHASE_PERSON'\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-sales-person>\n <co-transaction-header-currency [screenConfigurationObject]=\"cfgNames.Currency\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-currency>\n <co-transaction-header-project-code [screenConfigurationObject]=\"cfgNames.ProjectCode\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-project-code>\n </div>\n </div>\n <div class=\"transaction-header-popup-section\" *ngIf=\"transactionInfo.transactionKind === transKind.SalesQuotation\">\n <div class=\"transaction-header-popup-section-label\" [textContent]=\"'STATUS' | localize\"></div>\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-scoring-chance [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-scoring-chance>\n <co-transaction-header-retail-stadium [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-retail-stadium>\n <co-transaction-header-scoring-date [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-scoring-date>\n </div>\n </div>\n <div class=\"transaction-header-popup-section\" [screenConfigurationObject]=\"cfgNames.MarketingCode\" screenConfigNativeElement>\n <div class=\"transaction-header-popup-section-label\" [textContent]=\"'MARKETING_CODE' | localize\"></div>\n <co-transaction-header-marketing [screenConfigurationObject]=\"cfgNames.MarketingCode\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-marketing>\n </div>\n </co-form>\n </div>\n ",
31646
31660
  encapsulation: i0.ViewEncapsulation.None
31647
31661
  },] }
31648
31662
  ];
@@ -34470,6 +34484,13 @@
34470
34484
  // Adjust the width condition as needed
34471
34485
  return this.screenWidth < 1280; // Show the div if screen width is smaller than 1280px
34472
34486
  };
34487
+ TransactionInternalComponent.prototype.fullyInvoiced = function () {
34488
+ return (this.transaction &&
34489
+ this.transaction.transactionInfo &&
34490
+ this.transaction.transactionInfo.headerInfoStatus &&
34491
+ this.transaction.transactionInfo.headerInfoStatus.hasOwnProperty('isFullyInvoiced') &&
34492
+ this.transaction.transactionInfo.headerInfoStatus.isFullyInvoiced);
34493
+ };
34473
34494
  TransactionInternalComponent.prototype._getOrderLineSetIfExists = function (line) {
34474
34495
  if (!line.orderLineSetCode) {
34475
34496
  return null;
@@ -34520,7 +34541,12 @@
34520
34541
  TransactionInternalComponent.decorators = [
34521
34542
  { type: i0.Component, args: [{
34522
34543
  selector: 'co-transaction-internal',
34523
- template: "\n <ng-container *ngIf=\"loaded\">\n <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\" [relation]=\"relation\"\n (relationChange)=\"handleRelationChange($event)\"></co-transaction-header>\n\n <div class=\"transaction-lines-header\">\n <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n [transaction]=\"transaction\"\n [relation]=\"relation\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-quick-access>\n <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n [selectedCategory]=\"activeCategory\"\n (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n ></co-transaction-button-bar>\n <div class=\"transaction-lines-header-item right\">\n <co-avatar class=\"transaction-sales-avatar\" [relationId]=\"transaction.transactionInfo.handledBy\"></co-avatar>\n <co-avatar class=\"transaction-sales-avatar\"\n [relationId]=\"transaction.transactionInfo.branch?.relationId\"></co-avatar>\n <co-view-mode-buttons *ngIf=\"!shouldShowTiles()\" [showViewModes]=\"[viewModes.List, viewModes.Tiles]\"\n (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n </div>\n </div>\n <div class=\"transaction-lines-content-wrapper\">\n <!--<co-transaction-document-button-bar [transaction]=\"transaction\"></co-transaction-document-button-bar>-->\n <div class=\"transaction-lines-content\">\n <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles || shouldShowTiles()\">\n <co-transaction-card\n *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transaction.transactionLines)\"\n [statusBarConfigNames]=\"statusBarConfigNames\"\n [transaction]=\"transaction\"\n [transactionLine]=\"line\"\n [readonly]=\"historicTransactionLines !== null\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-card>\n </div>\n <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List && !shouldShowTiles()\">\n <co-transaction-lines\n [transaction]=\"transaction\"\n [activeCategory]=\"activeCategory\"\n (saveTransactionLine)=\"saveTransactionLineText($event)\"\n ></co-transaction-lines>\n </div>\n <div class=\"transaction-footer-wrapper\">\n <div class=\"transaction-footer-left\">\n <co-add-product\n *ngIf=\"activeCategory === categories.SalesOrderCashRegister || activeCategory === categories.SalesOrderOverview || activeCategory === categories.PurchaseOrderOverview || activeCategory === categories.SalesOrderQuotation\">\n </co-add-product>\n <co-transaction-button class=\"custom-width\"\n [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n (click)=\"handleTransactionText()\"\n [label]=\"'ORDER_TEXT_LINE' | localize\">\n </co-transaction-button>\n </div>\n <co-transaction-totals\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionTotal]=\"transaction.transactionTotal\"\n [showDiscount]=\"true\"\n ></co-transaction-totals>\n </div>\n </div>\n <co-transaction-lines-side-panel *ngIf=\"transaction && transaction.transactionInfo.transactionKind === transactionKind.CashDesk\"\n [posOrderData]=\"posOrderData\"\n [transaction]=\"transaction\"\n ></co-transaction-lines-side-panel>\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\"\n [transaction]=\"transaction\"\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionLine]=\"sidePanelTransactionLine\"\n [activeCategory]=\"activeCategory\"\n (cancelClick)=\"showSidePanel = false\"\n ></co-transaction-line-side-panel>\n\n <!--Popup voor wijzigen volgorde van tekstregels-->\n <co-transaction-article-text-overview *ngIf=\"showArticleTextOverview\"\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionLine]=\"transactionLine\"\n (closeClick)=\"closeArticleTextOverview()\"\n (cancelClick)=\"closeArticleTextOverview()\"\n ></co-transaction-article-text-overview>\n\n <!--Popup voor aanmaken en updaten transactietekstregels-->\n <co-transaction-article-text *ngIf=\"showTransactionText\"\n [header]=\"'ORDER_TEXT_LINE' | localize\"\n [transactionUuid]=\"transaction.transactionInfo.uuid\"\n [editText]=\"textToEdit\"\n [orderLineSetDTO]=\"selectedOrderLineSetDTO\"\n [transactionLine]=\"transactionLine\"\n (saveClick)=\"saveTransactionLineText($event)\"\n (closeClick)=\"closeTransactionText()\"\n (cancelClick)=\"closeTransactionText()\"\n (saveOrderLineSetClick)=\"saveOrderLineSet($event)\"\n\n ></co-transaction-article-text>\n\n <!--Popup voor aanmaken en updaten artikeltekstregels-->\n <co-transaction-article-text *ngIf=\"showArticleText\"\n [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n [transactionUuid]=\"transaction.transactionInfo.uuid\"\n [showArticleImageDescription]=\"transactionLine.articleBound\"\n [showImage]=\"false\"\n [articleLineNr]=\"transactionLine.lineNr\"\n [articleRef]=\"transactionLine.articleNumber\"\n [transactionLine]=\"transactionLine\"\n [editText]=\"textToEdit\"\n (saveClick)=\"saveArticleLineText($event)\"\n (closeClick)=\"closeArticleText()\"\n (cancelClick)=\"closeArticleText()\"\n ></co-transaction-article-text>\n\n <co-transaction-copy-order *ngIf=\"showCopyOrderDialog\"\n [transaction]=\"transaction\"\n (closeDialog)=\"showCopyOrderDialog = false\"\n ></co-transaction-copy-order>\n </div>\n </ng-container>\n ",
34544
+ template: "\n <ng-container *ngIf=\"loaded\">\n <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\" [relation]=\"relation\"\n (relationChange)=\"handleRelationChange($event)\"></co-transaction-header>\n\n <div class=\"transaction-lines-header\">\n <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n [transaction]=\"transaction\"\n [relation]=\"relation\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-quick-access>\n <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n [selectedCategory]=\"activeCategory\"\n (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n ></co-transaction-button-bar>\n <div class=\"transaction-lines-header-item right\">\n <co-avatar class=\"transaction-sales-avatar\" [relationId]=\"transaction.transactionInfo.handledBy\"\n [screenConfigurationObject]=\"cfgNames.HeaderHandledBy\" screenConfigNativeElement></co-avatar>\n <co-avatar class=\"transaction-sales-avatar\"\n [relationId]=\"transaction.transactionInfo.branch?.relationId\"\n [screenConfigurationObject]=\"cfgNames.HeaderBranch\" screenConfigNativeElement></co-avatar>\n <co-view-mode-buttons *ngIf=\"!shouldShowTiles()\" [showViewModes]=\"[viewModes.List, viewModes.Tiles]\"\n (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n </div>\n </div>\n <div class=\"transaction-lines-content-wrapper\">\n <!--<co-transaction-document-button-bar [transaction]=\"transaction\"></co-transaction-document-button-bar>-->\n <div class=\"transaction-lines-content\">\n <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles || shouldShowTiles()\">\n <co-transaction-card\n *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transaction.transactionLines)\"\n [statusBarConfigNames]=\"statusBarConfigNames\"\n [transaction]=\"transaction\"\n [transactionLine]=\"line\"\n [readonly]=\"historicTransactionLines !== null\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-card>\n </div>\n <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List && !shouldShowTiles()\">\n <co-transaction-lines\n [transaction]=\"transaction\"\n [activeCategory]=\"activeCategory\"\n (saveTransactionLine)=\"saveTransactionLineText($event)\"\n ></co-transaction-lines>\n </div>\n <div class=\"transaction-footer-wrapper\">\n <div class=\"transaction-footer-left\">\n <co-add-product\n *ngIf=\"activeCategory === categories.SalesOrderCashRegister || activeCategory === categories.SalesOrderOverview || activeCategory === categories.PurchaseOrderOverview || activeCategory === categories.SalesOrderQuotation\">\n </co-add-product>\n <co-transaction-button class=\"custom-width\"\n [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n (click)=\"handleTransactionText()\"\n [label]=\"'ORDER_TEXT_LINE' | localize\">\n </co-transaction-button>\n </div>\n <co-transaction-totals\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionTotal]=\"transaction.transactionTotal\"\n [showDiscount]=\"true\"\n ></co-transaction-totals>\n </div>\n </div>\n <co-transaction-lines-side-panel\n *ngIf=\"transaction && transaction.transactionInfo.transactionKind === transactionKind.CashDesk && !fullyInvoiced()\"\n [posOrderData]=\"posOrderData\"\n [transaction]=\"transaction\"\n ></co-transaction-lines-side-panel>\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\"\n [transaction]=\"transaction\"\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionLine]=\"sidePanelTransactionLine\"\n [activeCategory]=\"activeCategory\"\n (cancelClick)=\"showSidePanel = false\"\n ></co-transaction-line-side-panel>\n\n <!--Popup voor wijzigen volgorde van tekstregels-->\n <co-transaction-article-text-overview *ngIf=\"showArticleTextOverview\"\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionLine]=\"transactionLine\"\n (closeClick)=\"closeArticleTextOverview()\"\n (cancelClick)=\"closeArticleTextOverview()\"\n ></co-transaction-article-text-overview>\n\n <!--Popup voor aanmaken en updaten transactietekstregels-->\n <co-transaction-article-text *ngIf=\"showTransactionText\"\n [header]=\"'ORDER_TEXT_LINE' | localize\"\n [transactionUuid]=\"transaction.transactionInfo.uuid\"\n [editText]=\"textToEdit\"\n [orderLineSetDTO]=\"selectedOrderLineSetDTO\"\n [transactionLine]=\"transactionLine\"\n (saveClick)=\"saveTransactionLineText($event)\"\n (closeClick)=\"closeTransactionText()\"\n (cancelClick)=\"closeTransactionText()\"\n (saveOrderLineSetClick)=\"saveOrderLineSet($event)\"\n\n ></co-transaction-article-text>\n\n <!--Popup voor aanmaken en updaten artikeltekstregels-->\n <co-transaction-article-text *ngIf=\"showArticleText\"\n [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n [transactionUuid]=\"transaction.transactionInfo.uuid\"\n [showArticleImageDescription]=\"transactionLine.articleBound\"\n [showImage]=\"false\"\n [articleLineNr]=\"transactionLine.lineNr\"\n [articleRef]=\"transactionLine.articleNumber\"\n [transactionLine]=\"transactionLine\"\n [editText]=\"textToEdit\"\n (saveClick)=\"saveArticleLineText($event)\"\n (closeClick)=\"closeArticleText()\"\n (cancelClick)=\"closeArticleText()\"\n ></co-transaction-article-text>\n\n <co-transaction-copy-order *ngIf=\"showCopyOrderDialog\"\n [transaction]=\"transaction\"\n (closeDialog)=\"showCopyOrderDialog = false\"\n ></co-transaction-copy-order>\n </div>\n </ng-container>\n ",
34545
+ providers: [{
34546
+ provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
34547
+ useExisting: i0.forwardRef(function () { return TransactionInternalComponent; })
34548
+ }
34549
+ ],
34524
34550
  encapsulation: i0.ViewEncapsulation.None
34525
34551
  },] }
34526
34552
  ];
@@ -39309,8 +39335,6 @@
39309
39335
  TransactionLineSidePanelArticleDetailsComponent.prototype.showClass = function () {
39310
39336
  return true;
39311
39337
  };
39312
- TransactionLineSidePanelArticleDetailsComponent.prototype.ngAfterViewInit = function () {
39313
- };
39314
39338
  TransactionLineSidePanelArticleDetailsComponent.prototype.handleCancelClick = function () {
39315
39339
  this.closeSideBarClicked.next();
39316
39340
  };
@@ -39352,7 +39376,7 @@
39352
39376
  TransactionLineSidePanelArticleDetailsComponent.decorators = [
39353
39377
  { type: i0.Component, args: [{
39354
39378
  selector: "co-transaction-line-side-panel-article-details",
39355
- template: "\n <div class=\"transaction-line-side-panel-article-details-wrapper\">\n <div class=\"transaction-line-side-panel-article-details-header\">\n <div class=\"transaction-line-side-panel-article-details-header-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'ARTICLE_NR'| localize\"></span>\n <span class=\"side-panel-header-field\" [textContent]=\"purchaseAdviceLine.goodId\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item max-width-40\">\n <span class=\"side-panel-header-label\" [textContent]=\"'DESCRIPTION'| localize\"></span>\n <span class=\"side-panel-header-field\" [textContent]=\"purchaseAdviceLine.purchaseDescription\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'AMOUNT2'| localize\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"purchaseAdviceLine.orderAmount ? purchaseAdviceLine.orderAmount : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item last-item-margin\">\n <span class=\"side-panel-header-label\" [textContent]=\"'PRICE' | localize\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"purchaseAdviceLine.purchasePrice ? (purchaseAdviceLine.purchasePrice | priceDisplay) : '-'\"></span>\n </div>\n <co-icon (click)=\"handleCancelClick()\" [iconData]=\"iconCacheService.getIcon(icons.Cancel)\"\n class=\"close-button\"></co-icon>\n </div>\n\n <div class=\"section-wrapper\">\n <span class=\"section-title\" [textContent]=\"'STOCK_PARAMETERS' | localize\"></span>\n <div class=\"purchase-advice-detail-header\">\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'ECONOMIC'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.econStock ? purchaseAdviceLine.econStock : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'TARGET2'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.targetStock ? purchaseAdviceLine.targetStock : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'DYNAMIC_MINIMAL'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.minDynamicStock ? purchaseAdviceLine.minDynamicStock : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'MINIMAL'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.minStock ? purchaseAdviceLine.minStock : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'MAX'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.maxStock ? purchaseAdviceLine.maxStock : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'DIRECTLY_AVAILABLE'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.readilyAvailable ? purchaseAdviceLine.readilyAvailable : '-'\"></span>\n </div>\n </div>\n </div>\n\n <div class=\"section-wrapper\">\n <div class=\"detail-column-container\">\n <div class=\"detail-column\">\n <div class=\"transaction-line-side-panel-article-details-header-item\">\n <div class=\"detail-column-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'SALES_DESCRIPTION' | localize\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"purchaseAdviceLine.salesDescription ? purchaseAdviceLine.salesDescription : '-'\"></span>\n </div>\n </div>\n <div class=\"transaction-line-side-panel-article-details-header-item\">\n <div class=\"detail-column-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'TURNOVER_GROUP' | localize\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"purchaseAdviceLine.turnOverGroupNo ? purchaseAdviceLine.turnOverGroupNo : '-'\"></span>\n </div>\n </div>\n <div class=\"transaction-line-side-panel-article-details-header-item\">\n <div class=\"detail-column-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'EXCEEDANCE_CODE' | localize\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"purchaseAdviceLine.exceedanceCode ? purchaseAdviceLine.exceedanceCode : '-'\"></span>\n </div>\n </div>\n </div>\n <div class=\"detail-column\">\n <div class=\"transaction-line-side-panel-article-details-header-item\">\n <div class=\"detail-column-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'ORDER_CODE' | localize\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"purchaseAdviceLine.orderCode ? purchaseAdviceLine.orderCode : '-'\"></span>\n </div>\n </div>\n <div class=\"transaction-line-side-panel-article-details-header-item\">\n <div class=\"detail-column-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'NAME' | localize\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"purchaseAdviceLine.articleName ? purchaseAdviceLine.articleName : '-'\"></span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"section-wrapper\">\n <span class=\"section-title\" [textContent]=\"'ORDER_INFORMATION' | localize\"></span>\n <div class=\"purchase-advice-detail-header\">\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'SALES_QUANTITY'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.amountSales ? purchaseAdviceLine.amountSales : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'PURCHASE_QUANTITY'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.amountPurchase ? purchaseAdviceLine.amountPurchase : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'ORDER_AMOUNT'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"$any(purchaseAdviceLine).displayOrderAmount ? $any(purchaseAdviceLine).displayOrderAmount : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'VELOCITY'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.velocityMonth ? purchaseAdviceLine.velocityMonth : '-'\"></span>\n </div>\n </div>\n </div>\n\n <div class=\"section-wrapper\">\n <div class=\"detail-column-container\">\n <div class=\"detail-column\">\n <div class=\"column-input-item\">\n <co-input-text\n [placeholder]=\"'AMOUNT2' | localize\"\n [type]=\"'number'\"\n [(model)]=\"purchaseAdviceLine.orderAmount\"\n [min]=\"1\"\n ></co-input-text>\n </div>\n <div class=\"column-input-item\">\n <co-list-of-values class=\"details-input\"\n [(model)]=\"purchaseAdviceLine.warehouseNo\"\n [collection]=\"warehouses\"\n [displayField]=\"'description'\"\n [label]=\"'WAREHOUSE' | localize\"\n ></co-list-of-values>\n </div>\n </div>\n <div class=\"detail-column\">\n <div class=\"column-input-item\">\n <co-input-text\n [placeholder]=\"'PURCHASE_PRICE' | localize\"\n [type]=\"'number'\"\n [(model)]=\"purchaseAdviceLine.purchasePrice\"\n [min]=\"0\"\n (modelChange)=\"handleCostChange()\"\n ></co-input-text>\n </div>\n <div class=\"column-input-item\">\n <co-input-text\n [placeholder]=\"'TRANSPORT_PRICE' | localize\"\n [type]=\"'number'\"\n [(model)]=\"purchaseAdviceLine.shippingCost\"\n [min]=\"0\"\n (modelChange)=\"handleCostChange()\"\n ></co-input-text>\n </div>\n <div class=\"column-input-item\">\n <co-input-text\n [placeholder]=\"'MANUFACTURING_PRICE' | localize\"\n [type]=\"'number'\"\n [(model)]=\"calculatedAssemblyCost\"\n [min]=\"0\"\n (modelChange)=\"handleAssemblyCostChange()\"\n ></co-input-text>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"section-wrapper\">\n <span class=\"section-title\" [textContent]=\"'ALTERNATIVE_SUPPLIERS' | localize\"></span>\n\n <div class=\"dynamic-suppliers-wrapper\">\n <div class=\"dynamic-supplier\"\n [class.selected]=\"selectedSupplierId === supplier.supplierProduct.relationIdSupplier\"\n *ngFor=\"let supplier of alternateSuppliers\" (click)=\"handleSelectSupplier(supplier)\">\n <span class=\"side-panel-header-label supplier-date\"\n [textContent]=\"supplier.supplierProduct.updateStock ? supplier.supplierProduct.updateStock : ('UNKNOWN_DELIVERY_DATE' | localize)\"></span>\n <span class=\"supplier-name\" [textContent]=\"supplier.relationName\"></span>\n <div class=\"supplier-detail-container\">\n <div class=\"transaction-line-side-panel-article-details-header-item center half-width\">\n <span class=\"side-panel-header-label\" [textContent]=\"'PURCHASE_PRICE'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"supplier.supplierProduct.priceDeviation ? (supplier.supplierProduct.priceDeviation | priceDisplay) : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center half-width\">\n <span class=\"side-panel-header-label\" [textContent]=\"'STOCK'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"supplier.supplierProduct.stockSupplier ? supplier.supplierProduct.stockSupplier : '-'\"></span>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n <co-list-of-values class=\"supplier-list\"\n [label]=\"'SUPPLIER' | localize\"\n [required]=\"true\"\n [noClickFocus]=\"true\"\n [searchPlaceholder]=\"'SEARCH' | localize\"\n [collection]=\"suppliers\"\n [displayField]=\"'familyName'\"\n [(model)]=\"selectedSupplierId\"\n (modelChange)=\"handleSupplierChanged($event)\"\n ></co-list-of-values>\n </div>\n ",
39379
+ template: "\n <div class=\"transaction-line-side-panel-article-details-wrapper\">\n <div class=\"transaction-line-side-panel-article-details-header\">\n <div class=\"transaction-line-side-panel-article-details-header-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'ARTICLE_NR'| localize\"></span>\n <span class=\"side-panel-header-field\" [textContent]=\"purchaseAdviceLine.goodId\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item max-width-40\">\n <span class=\"side-panel-header-label\" [textContent]=\"'DESCRIPTION'| localize\"></span>\n <span class=\"side-panel-header-field\" [textContent]=\"purchaseAdviceLine.purchaseDescription\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'AMOUNT2'| localize\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"purchaseAdviceLine.orderAmount ? purchaseAdviceLine.orderAmount : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item last-item-margin\">\n <span class=\"side-panel-header-label\" [textContent]=\"'PRICE' | localize\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"purchaseAdviceLine.purchasePrice ? (purchaseAdviceLine.purchasePrice | priceDisplay) : '-'\"></span>\n </div>\n <co-icon (click)=\"handleCancelClick()\" [iconData]=\"iconCacheService.getIcon(icons.Cancel)\"\n class=\"close-button\"></co-icon>\n </div>\n\n <div class=\"section-wrapper\">\n <span class=\"section-title\" [textContent]=\"'STOCK_PARAMETERS' | localize\"></span>\n <div class=\"purchase-advice-detail-header\">\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'ECONOMIC'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.econStock ? purchaseAdviceLine.econStock : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'TARGET2'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.targetStock ? purchaseAdviceLine.targetStock : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'DYNAMIC_MINIMAL'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.minDynamicStock ? purchaseAdviceLine.minDynamicStock : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'MINIMAL'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.minStock ? purchaseAdviceLine.minStock : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'MAX'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.maxStock ? purchaseAdviceLine.maxStock : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'DIRECTLY_AVAILABLE'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.readilyAvailable ? purchaseAdviceLine.readilyAvailable : '-'\"></span>\n </div>\n </div>\n </div>\n\n <div class=\"section-wrapper\">\n <div class=\"detail-column-container\">\n <div class=\"detail-column\">\n <div class=\"transaction-line-side-panel-article-details-header-item\">\n <div class=\"detail-column-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'SALES_DESCRIPTION' | localize\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"purchaseAdviceLine.salesDescription ? purchaseAdviceLine.salesDescription : '-'\"></span>\n </div>\n </div>\n <div class=\"transaction-line-side-panel-article-details-header-item\">\n <div class=\"detail-column-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'TURNOVER_GROUP' | localize\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"purchaseAdviceLine.turnOverGroupNo ? purchaseAdviceLine.turnOverGroupNo : '-'\"></span>\n </div>\n </div>\n <div class=\"transaction-line-side-panel-article-details-header-item\">\n <div class=\"detail-column-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'EXCEEDANCE_CODE' | localize\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"purchaseAdviceLine.exceedanceCode ? purchaseAdviceLine.exceedanceCode : '-'\"></span>\n </div>\n </div>\n </div>\n <div class=\"detail-column\">\n <div class=\"transaction-line-side-panel-article-details-header-item\">\n <div class=\"detail-column-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'ORDER_CODE' | localize\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"purchaseAdviceLine.orderCode ? purchaseAdviceLine.orderCode : '-'\"></span>\n </div>\n </div>\n <div class=\"transaction-line-side-panel-article-details-header-item\">\n <div class=\"detail-column-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'NAME' | localize\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"purchaseAdviceLine.articleName ? purchaseAdviceLine.articleName : '-'\"></span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"section-wrapper\">\n <span class=\"section-title\" [textContent]=\"'ORDER_INFORMATION' | localize\"></span>\n <div class=\"purchase-advice-detail-header\">\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'SALES_QUANTITY'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.amountSales ? purchaseAdviceLine.amountSales : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'PURCHASE_QUANTITY'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.amountPurchase ? purchaseAdviceLine.amountPurchase : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'ORDER_AMOUNT'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"$any(purchaseAdviceLine).displayOrderAmount ? $any(purchaseAdviceLine).displayOrderAmount : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center\">\n <span class=\"side-panel-header-label\" [textContent]=\"'VELOCITY'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"purchaseAdviceLine.velocityMonth ? purchaseAdviceLine.velocityMonth : '-'\"></span>\n </div>\n </div>\n </div>\n\n <div class=\"section-wrapper\">\n <div class=\"detail-column-container\">\n <div class=\"detail-column\">\n <div class=\"column-input-item\">\n <co-input-text\n [placeholder]=\"'AMOUNT' | localize\"\n [type]=\"'number'\"\n [(model)]=\"purchaseAdviceLine.orderAmount\"\n [min]=\"1\"\n ></co-input-text>\n </div>\n <div class=\"column-input-item\">\n <co-list-of-values class=\"details-input\"\n [(model)]=\"purchaseAdviceLine.warehouseNo\"\n [collection]=\"warehouses\"\n [displayField]=\"'description'\"\n [label]=\"'WAREHOUSE' | localize\"\n ></co-list-of-values>\n </div>\n </div>\n <div class=\"detail-column\">\n <div class=\"column-input-item\">\n <co-input-text\n [placeholder]=\"'PURCHASE_PRICE' | localize\"\n [type]=\"'number'\"\n [(model)]=\"purchaseAdviceLine.purchasePrice\"\n [min]=\"0\"\n (modelChange)=\"handleCostChange()\"\n ></co-input-text>\n </div>\n <div class=\"column-input-item\">\n <co-input-text\n [placeholder]=\"'TRANSPORT_PRICE' | localize\"\n [type]=\"'number'\"\n [(model)]=\"purchaseAdviceLine.shippingCost\"\n [min]=\"0\"\n (modelChange)=\"handleCostChange()\"\n ></co-input-text>\n </div>\n <div class=\"column-input-item\">\n <co-input-text\n [placeholder]=\"'MANUFACTURING_PRICE' | localize\"\n [type]=\"'number'\"\n [(model)]=\"calculatedAssemblyCost\"\n [min]=\"0\"\n (modelChange)=\"handleAssemblyCostChange()\"\n ></co-input-text>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"section-wrapper\">\n <span class=\"section-title\" [textContent]=\"'ALTERNATIVE_SUPPLIERS' | localize\"></span>\n\n <div class=\"dynamic-suppliers-wrapper\">\n <div class=\"dynamic-supplier\"\n [class.selected]=\"selectedSupplierId === supplier.supplierProduct.relationIdSupplier\"\n *ngFor=\"let supplier of alternateSuppliers\" (click)=\"handleSelectSupplier(supplier)\">\n <span class=\"side-panel-header-label supplier-date\"\n [textContent]=\"supplier.supplierProduct.updateStock ? supplier.supplierProduct.updateStock : ('UNKNOWN_DELIVERY_DATE' | localize)\"></span>\n <span class=\"supplier-name\" [textContent]=\"supplier.relationName\"></span>\n <div class=\"supplier-detail-container\">\n <div class=\"transaction-line-side-panel-article-details-header-item center half-width\">\n <span class=\"side-panel-header-label\" [textContent]=\"'PURCHASE_PRICE'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"supplier.supplierProduct.priceDeviation ? (supplier.supplierProduct.priceDeviation | priceDisplay) : '-'\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-article-details-header-item center half-width\">\n <span class=\"side-panel-header-label\" [textContent]=\"'STOCK'| localize\"></span>\n <span class=\"side-panel-header-field bold\"\n [textContent]=\"supplier.supplierProduct.stockSupplier ? supplier.supplierProduct.stockSupplier : '-'\"></span>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n <co-list-of-values class=\"supplier-list\"\n [label]=\"'SUPPLIER' | localize\"\n [required]=\"true\"\n [noClickFocus]=\"true\"\n [searchPlaceholder]=\"'SEARCH' | localize\"\n [collection]=\"suppliers\"\n [displayField]=\"'familyName'\"\n [(model)]=\"selectedSupplierId\"\n (modelChange)=\"handleSupplierChanged($event)\"\n ></co-list-of-values>\n </div>\n ",
39356
39380
  encapsulation: i0.ViewEncapsulation.None
39357
39381
  },] }
39358
39382
  ];
@@ -40545,7 +40569,7 @@
40545
40569
  TransactionCashRegisterOrderExpenseDialogComponent.decorators = [
40546
40570
  { type: i0.Component, args: [{
40547
40571
  selector: "co-transaction-cash-register-order-expense-dialog",
40548
- template: "\n <co-dialog [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\" (closeClick)=\"handleCancelClick()\">\n <ng-template #headerTemplate>\n <div class=\"expense-dialog-title-wrapper\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.UpFromLineRegular)\"></co-icon>\n <span class=\"expense-dialog-header-title\" [textContent]=\"'EXPENSE' | localize\"></span>\n </div>\n </ng-template>\n\n <div class=\"expense-dialog-content-wrapper\">\n <div class=\"expense-dialog-fields\">\n <div class=\"expense-dialog-column\">\n <co-input-date [placeholder]=\"'DATE'\" [readonly]=\"true\"\n [model]=\"expenseDate\"\n ></co-input-date>\n <co-list-of-values [multiselect]=\"false\" [label]=\"'CASH_TYPE'| localize\" [displayField]=\"'description'\"\n [(model)]=\"chosenCashType\"\n [collection]=\"cashTypeCollection\"></co-list-of-values>\n <co-input-text [(model)]=\"paymentAmount\" [type]=\"'number'\"\n [placeholder]=\"'AMOUNT' | localize\">\n </co-input-text>\n </div>\n <div class=\"expense-dialog-column divide-fields\">\n <co-list-of-values [multiselect]=\"false\" [label]=\"'SALES_PERSON'| localize\" [displayField]=\"'name'\"\n [model]=\"chosenSalesPerson\" [readonly]=\"true\"\n [collection]=\"salesPeopleCollection\"></co-list-of-values>\n <co-list-of-values [multiselect]=\"false\" [label]=\"'VAT'| localize\" [displayField]=\"'description'\"\n [(model)]=\"chosenVat\"\n [collection]=\"vatCodeCollection\"></co-list-of-values>\n </div>\n </div>\n <co-input-text [(model)]=\"description\"\n [placeholder]=\"'DESCRIPTION' | localize\">\n </co-input-text>\n </div>\n\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-button class=\"save-button\"\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n (click)=\"handleOkClick()\"></co-button>\n <co-button class=\"close-button\"\n [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n (click)=\"handleCancelClick()\"></co-button>\n </div>\n </ng-template>\n </co-dialog>\n\n\n ",
40572
+ template: "\n <co-dialog [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\" (closeClick)=\"handleCancelClick()\">\n <ng-template #headerTemplate>\n <div class=\"expense-dialog-title-wrapper\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.UpFromLineRegular)\"></co-icon>\n <span class=\"expense-dialog-header-title\" [textContent]=\"'EXPENSE' | localize\"></span>\n </div>\n </ng-template>\n\n <div class=\"expense-dialog-content-wrapper\">\n <div class=\"expense-dialog-fields\">\n <div class=\"expense-dialog-column\">\n <co-input-date [placeholder]=\"'DATE'\" [readonly]=\"true\"\n [model]=\"expenseDate\"\n ></co-input-date>\n <co-list-of-values [multiselect]=\"false\" [label]=\"'CASH_TYPE'| localize\" [displayField]=\"'description'\"\n [(model)]=\"chosenCashType\"\n [collection]=\"cashTypeCollection\"></co-list-of-values>\n <co-input-text [(model)]=\"paymentAmount\" [type]=\"'number'\"\n [placeholder]=\"'AMOUNT2' | localize\">\n </co-input-text>\n </div>\n <div class=\"expense-dialog-column divide-fields\">\n <co-list-of-values [multiselect]=\"false\" [label]=\"'SALES_PERSON'| localize\" [displayField]=\"'name'\"\n [model]=\"chosenSalesPerson\" [readonly]=\"true\"\n [collection]=\"salesPeopleCollection\"></co-list-of-values>\n <co-list-of-values [multiselect]=\"false\" [label]=\"'VAT'| localize\" [displayField]=\"'description'\"\n [(model)]=\"chosenVat\"\n [collection]=\"vatCodeCollection\"></co-list-of-values>\n </div>\n </div>\n <co-input-text [(model)]=\"description\"\n [placeholder]=\"'DESCRIPTION' | localize\">\n </co-input-text>\n </div>\n\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-button class=\"save-button\"\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n (click)=\"handleOkClick()\"></co-button>\n <co-button class=\"close-button\"\n [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n (click)=\"handleCancelClick()\"></co-button>\n </div>\n </ng-template>\n </co-dialog>\n\n\n ",
40549
40573
  encapsulation: i0.ViewEncapsulation.None
40550
40574
  },] }
40551
40575
  ];
@@ -40656,7 +40680,8 @@
40656
40680
  TransactionLinesSidePanelModule,
40657
40681
  corecomponents_v12.ButtonModule,
40658
40682
  corecomponents_v12.IconModule,
40659
- TransactionButtonModule
40683
+ TransactionButtonModule,
40684
+ corecomponents_v12.ScreenConfigurationModule
40660
40685
  ],
40661
40686
  declarations: [
40662
40687
  TransactionInternalComponent
@@ -44018,7 +44043,7 @@
44018
44043
  this._transactionEventService = _transactionEventService;
44019
44044
  this._subs = [];
44020
44045
  this._subs.push(this._transactionEventService.transactionSet.subscribe(function (transaction) {
44021
- if (transaction && transaction.transactionInfo.id) {
44046
+ if (transaction && transaction.transactionInfo && transaction.transactionInfo.transactionNr) {
44022
44047
  _this.label = transaction.transactionInfo.transactionNr.toString();
44023
44048
  }
44024
44049
  }));
@@ -44072,7 +44097,7 @@
44072
44097
  this._transactionEventService = _transactionEventService;
44073
44098
  this._subs = [];
44074
44099
  this._subs.push(this._transactionEventService.transactionSet.subscribe(function (transaction) {
44075
- if (transaction && transaction.transactionInfo.id) {
44100
+ if (transaction && transaction.transactionInfo) {
44076
44101
  _this.date = transaction.transactionInfo.transactionDate;
44077
44102
  }
44078
44103
  }));