npm - @colijnit/transaction - Versions diffs - 256.1.13 → 256.1.15 - Mend

@colijnit/transaction 256.1.13 → 256.1.15

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 (43) hide show

package/fesm2015/colijnit-transaction.js CHANGED Viewed

@@ -251,6 +251,7 @@ import { ReceiveGoodsForPurchaseOrderCorrectionRequest } from '@colijnit/transac
 import { PurchaseOrderLineReceiptCorrectionDetails } from '@colijnit/transactionapi/build/model/purchase-order-line-receipt-correction-details.bo';
 import { RouterModule } from '@angular/router';
 import { QuantityInHistoricState } from '@colijnit/transactionapi/build/enum/quantity-in-historic-state.enum';
+import { BatchTransactionSendingRequest } from '@colijnit/transactionapi/build/model/batch-transaction-sending-request';
 import { TransactionLspInformationRequest } from '@colijnit/transactionapi/build/model/transaction-lsp-information-request';
 import { TransactionLspRequestLine } from '@colijnit/transactionapi/build/model/transaction-lsp-request-line.bo';
 import { ExternalCatalogAddArticleRequest } from '@colijnit/transactionapi/build/model/external-catalog-add-article-request';
@@ -277,8 +278,8 @@ class Version {
     constructor() {
         this.name = "@colijnit/transaction";
         this.description = "Colijn IT transaction package";
-        this.symVer = "256.1.13";
-        this.publishDate = "20-11-2024 10:36:14";
+        this.symVer = "256.1.15";
+        this.publishDate = "21-11-2024 17:22:17";
     }
 }
@@ -561,6 +562,7 @@ var Icon;
     Icon["RegularCartFlatbedBoxesCircleCheck"] = "regular_cart_flatbed_boxes_circle_check";
     Icon["RegularCartShoppingCircleQuestion"] = "regular_cart_shopping_circle_question";
     Icon["RegularCartShoppingClock"] = "regular_cart_shopping_clock";
+    Icon["RegularCartShoppingTag"] = "regular_cart_shopping_tag";
     Icon["RegularEuroSignMinus"] = "regular_euro_sign_minus";
     Icon["RegularIndustryClock"] = "regular_industry_clock";
     Icon["RegularIndustryTag"] = "regular_industry_tag";
@@ -584,6 +586,7 @@ var Icon;
     Icon["SlideIn"] = "slide_in";
     Icon["SquareFull"] = "square_full";
     Icon["SquareFullSolid"] = "square_full_solid";
+    Icon["StoreLight"] = "store_light";
     Icon["SyncAlt"] = "sync_alt";
     Icon["Tag"] = "tag";
     Icon["TagLight"] = "tag_light";
@@ -716,6 +719,7 @@ const IconSvg = {
     "regular_cart_flatbed_boxes_circle_check": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48c16 0 32 0 48 0c4.4 0 8 3.6 8 8c0 117.4 0 234.7 0 352c0 30.9 25.1 56 56 56c8 0 16 0 24 0c0 26.5 21.5 48 48 48s48-21.5 48-48c30.8 0 61.7 0 92.5 0c-9.6-14.6-17-30.8-21.9-48c-39.5 0-79.1 0-118.6 0c-24 0-48 0-72 0c-4.4 0-8-3.6-8-8c0-117.4 0-234.7 0-352c0-30.9-25.1-56-56-56C56 0 40 0 24 0zM240 80l128 0c0 55.7 0 111.5 0 167.2c13.8-14.6 30-26.8 48-36c0-43.7 0-87.5 0-131.2c0-26.5-21.5-48-48-48c-42.7 0-85.3 0-128 0c-26.5 0-48 21.5-48 48c0 74.7 0 149.3 0 224c0 26.5 21.5 48 48 48c26.9 0 53.8 0 80.7 0c1.5-16.8 5.4-32.9 11.3-48c-30.7 0-61.3 0-92 0c0-74.7 0-149.3 0-224zm320 0l0 64c-21.3 0-42.7 0-64 0c0-21.3 0-42.7 0-64c21.3 0 42.7 0 64 0zM496 32c-26.5 0-48 21.5-48 48c0 21.3 0 42.7 0 64c0 26.5 21.5 48 48 48c21.3 0 42.7 0 64 0c26.5 0 48-21.5 48-48c0-21.3 0-42.7 0-64c0-26.5-21.5-48-48-48c-21.3 0-42.7 0-64 0zM352 368c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144zm211.3-20.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0c-20.2 20.2-40.5 40.5-60.7 60.7c-9.6-9.6-19.1-19.1-28.7-28.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6c13.3 13.3 26.7 26.7 40 40c6.2 6.2 16.4 6.2 22.6 0c24-24 48-48 72-72z\"/></svg>",
     "regular_cart_shopping_circle_question": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48c15.2 0 30.3 0 45.5 0c3.8 0 7.1 2.7 7.9 6.5c17.2 90.4 34.4 180.7 51.6 271c6.5 34 36.2 58.5 70.7 58.5c40.3 0 80.7 0 121 0c-.5-5.3-.7-10.6-.7-16c0-10.9 1-21.6 2.9-32c-41.1 0-82.1 0-123.2 0c-11.5 0-21.4-8.2-23.6-19.5c-1.8-9.5-3.6-19-5.4-28.5c56.2 0 112.3 0 168.5 0c9.2-18 21.4-34.2 36-48c-71.2 0-142.4 0-213.6 0c-10.2-53.3-20.3-106.7-30.5-160c129.9 0 259.7 0 389.6 0c-10.1 37.4-20.1 74.7-30.2 112.1c1.8-.1 3.7-.1 5.5-.1c14.8 0 29.1 1.8 42.8 5.2c10.3-38.3 20.6-76.6 30.9-114.8C576.6 57 557.4 32 531.1 32c-137 0-274 0-411 0C111 12.8 91.6 0 69.5 0C54.3 0 39.2 0 24 0zM176 512c17.1 0 33-9.1 41.6-24s8.6-33.1 0-48s-24.4-24-41.6-24s-33 9.1-41.6 24s-8.6 33.1 0 48s24.4 24 41.6 24zM640 368c0 79.5-64.5 144-144 144s-144-64.5-144-144s64.5-144 144-144s144 64.5 144 144zM496 416c-13.3 0-24 10.7-24 24s10.7 24 24 24s24-10.7 24-24s-10.7-24-24-24zM473.6 280c-23 0-41.6 18.6-41.6 41.6c0 2.1 0 4.3 0 6.4c0 8.8 7.2 16 16 16s16-7.2 16-16c0-2.1 0-4.3 0-6.4c0-5.3 4.3-9.6 9.6-9.6c13.5 0 27 0 40.5 0c7.7 0 13.9 6.2 13.9 13.9c0 5.2-2.9 9.9-7.4 12.3c-10.7 5.6-21.3 11.2-32 16.8c-5.3 2.8-8.6 8.2-8.6 14.2c0 4.9 0 9.8 0 14.8c0 8.8 7.2 16 16 16s16-7.2 16-16c0-1.7 0-3.4 0-5.1c7.8-4.1 15.6-8.2 23.5-12.3c15.1-7.9 24.5-23.6 24.5-40.6c0-25.4-20.6-45.9-45.9-45.9c-13.5 0-27 0-40.5 0z\"/></svg>",
     "regular_cart_shopping_clock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 24C0 10.7 10.7 0 24 0L69.5 0C91.6 0 111 12.8 120.1 32l411 0c26.3 0 45.5 25 38.6 50.4L538.8 197.2c-13.7-3.4-28-5.2-42.8-5.2c-1.8 0-3.7 0-5.5 .1L520.7 80 131.1 80l30.5 160 213.6 0c-14.6 13.8-26.8 30-36 48l-168.5 0 5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5l123.2 0c-1.9 10.4-2.9 21.1-2.9 32c0 5.4 .2 10.7 .7 16l-121 0c-34.5 0-64.2-24.5-70.7-58.5L77.4 54.5c-.8-3.8-4.1-6.5-7.9-6.5L24 48C10.7 48 0 37.3 0 24zM134.4 440c8.6-14.9 24.4-24 41.6-24s33 9.1 41.6 24s8.6 33.1 0 48s-24.4 24-41.6 24s-33-9.1-41.6-24s-8.6-33.1 0-48zM352 368c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144zm128-64l0 64c0 8.8 7.2 16 16 16l48 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0 0-48c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"/></svg>",
+    "regular_cart_shopping_tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 24C0 10.7 10.7 0 24 0L69.5 0C91.6 0 111 12.8 120.1 32l411 0c26.3 0 45.5 25 38.6 50.4l-37 137.3-4.4-4.4c-10.6-10.6-23.9-17.9-38.3-21.3L520.7 80 131.1 80l30.5 160 160.3 0c-1.2 5-1.9 10.2-1.9 15.5l0 32.5-149.3 0 5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5L320 336l0 8.2c0 14.1 3.8 27.8 10.7 39.8l-131 0c-34.5 0-64.2-24.5-70.7-58.5L77.4 54.5c-.8-3.8-4.1-6.5-7.9-6.5L24 48C10.7 48 0 37.3 0 24zM134.4 440c8.6-14.9 24.4-24 41.6-24s33 9.1 41.6 24s8.6 33.1 0 48s-24.4 24-41.6 24s-33-9.1-41.6-24s-8.6-33.1 0-48zM359 262.6c0-17.6 14.3-32 32-32l82.7 0c17 0 33.3 6.7 45.3 18.7L626.3 356.7c18.7 18.7 18.7 49.1 0 67.9l-73.4 73.3c-18.7 18.7-49.1 18.7-67.9 0L377.7 390.6c-12-12-18.7-28.3-18.7-45.2l0-82.8zm56 48c0 13.3 10.7 24 24 24s24-10.7 24-24s-10.7-24-24-24s-24 10.7-24 24zm2.1 163.6l36.7 36.8c-4.8-1-9.4-2.8-13.8-5.3c-11.9-6.8-20.1-18.3-22.9-31.4z\"/></svg>",
     "regular_euro_sign_minus": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M0 216c0-13.3 10.7-24 24-24l33.3 0C84.8 99.5 170.5 32 272 32l24 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-24 0c-74.6 0-138.4 46.4-164 112l156 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L96.7 240c-.5 5.3-.7 10.6-.7 16s.2 10.7 .7 16L264 272c6.4 0 12.1 2.5 16.4 6.5c-7.6 12.9-13.6 26.8-17.8 41.5L108 320c25.1 64.4 87.1 110.3 160 112c6.9 17.6 16.5 33.7 28.3 48c-.1 0-.2 0-.3 0l-24 0C170.5 480 84.8 412.5 57.3 320L24 320c-13.3 0-24-10.7-24-24s10.7-24 24-24l24.6 0c-.4-5.3-.6-10.6-.6-16s.2-10.7 .6-16L24 240c-13.3 0-24-10.7-24-24zM288 368c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144zm64 0c0 8.8 7.2 16 16 16l128 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-128 0c-8.8 0-16 7.2-16 16z\"/></svg>",
     "regular_industry_clock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M88 80c-4.4 0-8 3.6-8 8c0 72 0 144 0 216c0 16 0 32 0 48c0 18.7 0 37.3 0 56c0 13.3 10.7 24 24 24c76 0 152 0 228 0c6.9 17.5 16.5 33.7 28.3 48c-85.4 0-170.9 0-256.3 0c-39.8 0-72-32.2-72-72c0-18.7 0-37.3 0-56c0-16 0-32 0-48c0-72 0-144 0-216c0-30.9 25.1-56 56-56c16 0 32 0 48 0c30.9 0 56 25.1 56 56c0 28.3 0 56.6 0 84.9c34.6-20.2 69.2-40.4 103.8-60.6c32-18.7 72.2 4.4 72.2 41.5c0 9 0 18 0 27c34-21.8 68.1-43.6 102.1-65.4c32-20.4 73.9 2.5 73.9 40.5c0 14.2 0 28.5 0 42.7c-15.3-4.3-31.4-6.6-48-6.6c0-12 0-24.1 0-36.1c-46.4 29.7-92.7 59.3-139.1 89c-7.4 4.7-16.8 5-24.5 .8s-12.5-12.3-12.5-21.1c0-23.6 0-47.3 0-70.9c-46.6 27.2-93.2 54.5-139.8 81.7c-7.4 4.3-16.6 4.4-24 .1s-12-12.2-12-20.8c0-42.2 0-84.5 0-126.7c0-4.4-3.6-8-8-8c-16 0-32.1 0-48.1 0zM352 368c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144zm160-64c0-8.8-7.2-16-16-16s-16 7.2-16 16c0 21.3 0 42.7 0 64c0 8.8 7.2 16 16 16c16 0 32 0 48 0c8.8 0 16-7.2 16-16s-7.2-16-16-16c-10.7 0-21.3 0-32 0c0-16 0-32 0-48z\"/></svg>",
     "regular_industry_tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M88 80c-4.4 0-8 3.6-8 8c0 72 0 144 0 216c0 16 0 32 0 48c0 18.7 0 37.3 0 56c0 13.3 10.7 24 24 24c90.3 0 180.7 0 271 0c16 16 32 32 48 48c-106.3 0-212.6 0-318.9 0c-39.8 0-72-32.2-72-72c0-18.7 0-37.3 0-56c0-16 0-32 0-48c0-72 0-144 0-216c0-30.9 25.1-56 56-56c16 0 32 0 48 0c30.9 0 56 25.1 56 56c0 28.3 0 56.6 0 84.9c34.6-20.2 69.2-40.4 103.8-60.6c32-18.7 72.2 4.4 72.2 41.5c0 9 0 18 0 27c34-21.8 68.1-43.6 102.1-65.4c32-20.4 73.9 2.5 73.9 40.5c0 25 0 50.1 0 75.1c-5.2-5.2-10.5-10.5-15.7-15.7c-9.1-9.1-20.2-15.8-32.3-19.6c0-13.3 0-26.5 0-39.8c-18.8 12-37.6 24.1-56.4 36.1c-18.7 0-37.4 0-56.1 0c-28.4 0-52.4 18.6-60.6 44.3c-2-3.5-3-7.5-3-11.7c0-23.6 0-47.3 0-70.9c-46.6 27.2-93.2 54.5-139.8 81.7c-7.4 4.3-16.6 4.4-24 .1s-12-12.2-12-20.8c0-42.2 0-84.5 0-126.7c0-4.4-3.6-8-8-8c-16 0-32.1 0-48.1 0zM359 262.6c0-17.6 14.3-32 32-32c27.6 0 55.1 0 82.7 0c17 0 33.3 6.7 45.3 18.7c35.8 35.8 71.5 71.6 107.3 107.4c18.7 18.7 18.7 49.1 0 67.9c-24.5 24.4-48.9 48.9-73.4 73.3c-18.7 18.7-49.1 18.7-67.9 0c-35.8-35.8-71.5-71.5-107.3-107.3c-12-12-18.7-28.3-18.7-45.2c0-27.6 0-55.2 0-82.8zm80 72c13.3 0 24-10.7 24-24s-10.7-24-24-24s-24 10.7-24 24s10.7 24 24 24z\"/></svg>",
@@ -739,6 +743,7 @@ const IconSvg = {
     "slide_in": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g><path d=\"M2,2.17H28V28.17H2V2.17Zm24.76,1.24H3.24V26.93H26.76V3.4Z\" fill=\"#484f60\"/><polygon points=\"23.71 13.42 18.41 13.42 18.41 10.43 14.12 14.72 18.41 19.01 18.41 16.02 23.71 16.02 23.71 13.42\" fill=\"#484f60\"/><rect x=\"2\" y=\"2.17\" width=\"9\" height=\"26\" fill=\"#484f60\"/></g></g></svg>",
     "square_full": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M464 48v416h-416v-416H464zM512 0H0v512h512V0z\"/></svg>",
     "square_full_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 0h512v512H0V0z\"/></svg>",
+    "store_light": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M520.6 120.9s0 0 0 0c18.7 29.6 .3 66.6-29.2 70.6c-2.6 .3-5.2 .5-7.9 .5c-16.5 0-31.2-7.2-41.5-18.5c-6.1-6.7-14.7-10.5-23.7-10.5s-17.6 3.8-23.7 10.5c-10.2 11.2-24.8 18.4-41.4 18.4c-16.5 0-31.3-7.2-41.4-18.4c-6.1-6.7-14.7-10.5-23.7-10.5s-17.7 3.8-23.7 10.5C254 184.8 239.3 192 222.7 192c-16.5 0-31.3-7.2-41.4-18.4c-6.1-6.7-14.7-10.5-23.7-10.5s-17.7 3.8-23.7 10.5C123.6 184.8 109 192 92.4 192c-2.6 0-5.2-.2-7.9-.5c-29.3-4-47.7-41-29.1-70.6c0 0 0 0 0 0L111.6 32l352.8 0 56.2 88.9zM483.4 224c4.1 0 8.1-.3 12.1-.8c55.5-7.4 81.8-72.5 52.1-119.4L490.3 13.1C485.2 5 476.1 0 466.4 0L109.6 0C99.9 0 90.8 5 85.7 13.1L28.3 103.8c-29.6 46.8-3.4 111.9 51.9 119.4c4 .5 8.1 .8 12.1 .8c19.6 0 37.5-6.4 52-17c4.8-3.5 9.2-7.6 13.2-11.9c4 4.4 8.4 8.4 13.2 11.9c14.5 10.6 32.4 17 52 17c19.6 0 37.5-6.4 52-17c4.8-3.5 9.2-7.6 13.2-12c4 4.4 8.4 8.4 13.2 11.9c14.5 10.6 32.4 17 52 17c19.8 0 37.8-6.5 52.3-17.3c4.7-3.5 9-7.4 12.9-11.7c3.9 4.3 8.3 8.3 13 11.8c14.5 10.7 32.5 17.2 52.2 17.2zM80 256c-8.8 0-16 7.2-16 16l0 80 0 16 0 16 0 64c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-64 0-16 0-16 0-80c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 80L96 352l0-80c0-8.8-7.2-16-16-16zM96 384l384 0 0 64c0 17.7-14.3 32-32 32l-320 0c-17.7 0-32-14.3-32-32l0-64z\"/></svg>",
     "sync_alt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M370.72 133.28C339.458 104.008 298.888 87.962 255.848 88c-77.458.068-144.328 53.178-162.791 126.85-1.344 5.363-6.122 9.15-11.651 9.15H24.103c-7.498 0-13.194-6.807-11.807-14.176C33.933 94.924 134.813 8 256 8c66.448 0 126.791 26.136 171.315 68.685L463.03 40.97C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.749zM32 296h134.059c21.382 0 32.09 25.851 16.971 40.971l-41.75 41.75c31.262 29.273 71.835 45.319 114.876 45.28 77.418-.07 144.315-53.144 162.787-126.849 1.344-5.363 6.122-9.15 11.651-9.15h57.304c7.498 0 13.194 6.807 11.807 14.176C478.067 417.076 377.187 504 256 504c-66.448 0-126.791-26.136-171.315-68.685L48.97 471.03C33.851 486.149 8 475.441 8 454.059V320c0-13.255 10.745-24 24-24z\"/></svg>",
     "tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M40,29.15v-.68a5.28,5.28,0,0,0-1.34-3.25L24.78,11.34A5.34,5.34,0,0,0,21.53,10H11.9A1.91,1.91,0,0,0,10,11.9v9.63a5.28,5.28,0,0,0,1.34,3.25L25.22,38.66A5.28,5.28,0,0,0,28.47,40h.68a5.28,5.28,0,0,0,3.24-1.34l6.27-6.27A5.28,5.28,0,0,0,40,29.15ZM13.13,16.72a2.54,2.54,0,1,1,3.59,0A2.55,2.55,0,0,1,13.13,16.72Zm15.9,19L17.84,24.55l1.34-1.34L30.37,34.4Zm2.69-2.69L20.52,21.87l1.35-1.35,11.19,11.2Zm2.68-2.69L23.21,19.18l1.34-1.34L35.75,29Z\" fill=\"#484f60\"/></svg>",
     "tag_light": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M32 229.5V80c0-8.8 7.2-16 16-16H197.5c8.5 0 16.6 3.4 22.6 9.4l176 176c12.5 12.5 12.5 32.8 0 45.3L262.6 428.1c-12.5 12.5-32.8 12.5-45.3 0l-176-176L18.7 274.7l22.6-22.6c-6-6-9.4-14.1-9.4-22.6zm-32 0c0 17 6.7 33.3 18.7 45.3l176 176c25 25 65.5 25 90.5 0L418.7 317.3c25-25 25-65.5 0-90.5l-176-176c-12-12-28.3-18.7-45.3-18.7H48C21.5 32 0 53.5 0 80V229.5zM112 168a24 24 0 1 0 0-48 24 24 0 1 0 0 48z\"/></svg>",
@@ -9795,6 +9800,9 @@ class TransactionBaseService extends BaseModuleService {
     }
     rollback(refresh = false, force = false) {
         return __awaiter(this, void 0, void 0, function* () {
+            if (!this.transactionLocked) {
+                return;
+            }
             this.transactionEventService.blockScreen.next(false);
             if (this.manualSaveParam && !force) {
                 return true;
@@ -10988,6 +10996,7 @@ class TransactionService extends PendingReasonService {
     }
     updateGoodDescriptionTransactionLine(uuid, lineUuid, goodDescription) {
         return __awaiter(this, void 0, void 0, function* () {
+            yield this._checkAndAddRelationTransaction();
             const response = yield this.connector.changeTransactionLineGoodDescription(uuid, lineUuid, goodDescription);
             if (response) {
                 this.transactionDirty = true;
@@ -11473,6 +11482,7 @@ class TransactionService extends PendingReasonService {
     }
     deleteTransactionLine(transactionUuid, TransactionLineUuid) {
         return __awaiter(this, void 0, void 0, function* () {
+            yield this._checkAndAddRelationTransaction();
             const response = yield this.connector.deleteTransactionLine(transactionUuid, TransactionLineUuid);
             if (response) {
                 this.transactionDirty = true;
@@ -11486,6 +11496,7 @@ class TransactionService extends PendingReasonService {
     }
     changeTransactionLineQuantity(transactionUuid, lineUuid, newQuantity) {
         return __awaiter(this, void 0, void 0, function* () {
+            yield this._checkAndAddRelationTransaction();
             const response = yield this.connector.changeTransactionLineQuantity(transactionUuid, lineUuid, newQuantity)
                 .catch(() => {
                 return null;
@@ -12611,6 +12622,13 @@ class TransactionService extends PendingReasonService {
         }
         return Promise.resolve(true);
     }
+    _checkAndAddRelationTransaction() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.currentTransaction && this.currentTransaction.transactionInfo && this.relation && !this.currentTransaction.transactionInfo.relation) {
+                return this.saveRelation();
+            }
+        });
+    }
     _checkAndCreateTransaction() {
         return __awaiter(this, void 0, void 0, function* () {
             if (!this.currentTransaction || !this.currentTransaction.transactionInfo || !this.currentTransaction.transactionInfo.transactionNr) {
@@ -16273,9 +16291,10 @@ TransactionLineImageAndDescriptionComponent.decorators = [
     </div>
     <co-icon *ngIf="transactionLine.isPayment" class="payment-line-icon" [iconData]="iconCacheService.getIcon(icons.UpFromLineRegular)">
     </co-icon>
-    <div class="colorBlock" *ngIf="transactionLine.color" [style.background-color]="transactionLine.color"></div>
     <div class="transaction-line-description" data-action="openSidePanel">
       <div class="description-wrapper">
+        <div class="colorBlock" *ngIf="transactionLine.color" [style.background-color]="transactionLine.color"></div>
         <co-transaction-line-description class="transaction-line-description-description"
                                          [configNames]="imageAndDescriptionConfigNames"
                                          [transactionInfo]="transactionInfo"
@@ -17227,25 +17246,28 @@ TransactionSearchPurchaseOrderTileComponent.decorators = [
                 selector: "co-transaction-search-purchase-order-tile",
                 template: `
     <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
+      <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
       <div class="tile">
         <div class="tile-header">
           <div class="tile-upper-left">
             <div class="transaction-tile-avatar">
               <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
+              <span [textContent]="transaction.transNr"></span>
             </div>
           </div>
           <div class="tile-upper-middle">
-            <div class="header"><span [textContent]="transaction.transNr"></span></div>
-            <div class="text"><span [textContent]="transaction.brancheName"></span></div>
+            <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
+            <div class="text"><span [textContent]="transaction.branchNr"></span></div>
           </div>
           <div class="tile-upper-right">
             <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
               <co-transaction-statusbar
-                  [screenConfigurationObject]="cfgNames.StatusBar"
-                  [configNames]="statusBarConfigNames"
-                  [transaction]="transaction"></co-transaction-statusbar>
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+                [transaction]="transaction">
+              </co-transaction-statusbar>
             </div>
-            <div class="header total-price-vat"><span [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
           </div>
         </div>
         <div class="tile-body">
@@ -17258,27 +17280,26 @@ TransactionSearchPurchaseOrderTileComponent.decorators = [
         </div>
         <div class="tile-footer">
           <div class="tile-bottom-left order-info-section">
-            <div class="label"><span [textContent]="'ORDER_DATE' | localize"></span></div>
+            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
             <div class="value">
-              <span [textContent]="transaction.getTransDate() | date:'dd MMM yyyy'"></span></div>
+              <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
+            </div>
           </div>
           <div class="tile-bottom-middle order-info-section">
-            <div class="label"><span [textContent]="'DELIVERY_DATE' | localize"></span></div>
-            <div class="value">
-              <span [textContent]="transaction.getDeliveryDate() | date:'dd MMM yyyy'"></span>
-              <div *ngIf="transaction.getDeliveryDate()">
-                <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
-                         [iconData]="this.iconCacheService.getIcon(this.icons.Lock)" class="lock-icon"></co-icon>
-                <ng-template #indefinite>
-                  <co-icon [iconData]="this.iconCacheService.getIcon(this.icons.Unlock)" class="unlock-icon"></co-icon>
-                </ng-template>
-              </div>
+            <div class="value" *ngIf="transaction.getDeliveryDate()">
+              <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
+              <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
+              <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
+                       [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
+              <ng-template #indefinite>
+                <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
+              </ng-template>
             </div>
           </div>
           <div class="tile-bottom-right order-info-section">
-            <div class="label"><span [textContent]="'ORDER_RULE' | localize"></span></div>
-            <div class="value">
-              <span [textContent]="'68/00'"></span></div>
+            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
+            <div class="value"><span
+              [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
           </div>
         </div>
       </div>
@@ -17319,29 +17340,28 @@ TransactionSearchSalesOrderTileComponent.decorators = [
                 selector: "co-transaction-search-sales-order-tile",
                 template: `
       <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
+        <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
           <div class="tile">
               <div class="tile-header">
-                  <div class="tile-upper-left" *ngIf="showAvatar">
-                      <div class="transaction-tile-avatar">
+                      <div class="tile-upper-left">
+                        <div class="transaction-tile-avatar">
                           <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
-                      </div>
-                  </div>
-                  <div class="tile-upper-middle">
-                      <div class="header">
                           <span [textContent]="transaction.transNr"></span>
-                          <div class="type-indicator"><span [textContent]="transaction.transactionKind"></span></div>
+                        </div>
                       </div>
-                      <div class="text"><span [textContent]="transaction.brancheName"></span></div>
-                  </div>
+                      <div class="tile-upper-middle">
+                        <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
+                        <div class="text"><span [textContent]="transaction.branchNr"></span></div>
+                      </div>
                   <div class="tile-upper-right">
                       <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
                           <co-transaction-statusbar
                                   [screenConfigurationObject]="cfgNames.StatusBar"
                                   [configNames]="statusBarConfigNames"
-                                  [transaction]="transaction"></co-transaction-statusbar>
+                                  [transaction]="transaction">
+                          </co-transaction-statusbar>
                       </div>
-                      <div class="header total-price-vat"><span
-                              [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
                   </div>
               </div>
               <div class="tile-body">
@@ -17360,27 +17380,26 @@ TransactionSearchSalesOrderTileComponent.decorators = [
               </div>
               <div class="tile-footer">
                   <div class="tile-bottom-left order-info-section">
-                      <div class="label"><span [textContent]="'ORDER_DATE' | localize"></span></div>
-                      <div class="value">
-                          <span [textContent]="transaction.getTransDate() | date:'dd MMM yyyy'"></span></div>
+                    <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
+                    <div class="value">
+                      <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
+                    </div>
                   </div>
                   <div class="tile-bottom-middle order-info-section">
-                      <div class="label"><span [textContent]="'DELIVERY_DATE' | localize"></span></div>
-                      <div class="value">
-                          <span [textContent]="transaction.getDeliveryDate() | date:'dd MMM yyyy'"></span>
-                          <div *ngIf="transaction.getDeliveryDate()">
-                              <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
-                                       [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
-                              <ng-template #indefinite>
-                                  <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
-                              </ng-template>
-                          </div>
+                      <div class="value" *ngIf="transaction.getDeliveryDate()">
+                        <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
+                        <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
+                        <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
+                                 [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
+                        <ng-template #indefinite>
+                          <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
+                        </ng-template>
                       </div>
                   </div>
                   <div class="tile-bottom-right order-info-section">
-                      <div class="label"><span [textContent]="'ORDER_RULE' | localize"></span></div>
-                      <div class="value">
-                          <span [textContent]="'68/00'"></span></div>
+                    <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
+                    <div class="value"><span
+                      [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
                   </div>
               </div>
           </div>
@@ -18682,6 +18701,7 @@ class TransactionOverviewLineComponent extends TransactionBaseComponent {
         this.descriptionDblClick = new EventEmitter();
         this.stock = StockStatus.Low;
         this.mouseOver = false;
+        this.noLabel = false; // Temp test without labels
         this.statusBarConfigNames = {
             statusBarBT: this.cfgNames.StatusBarBT,
             statusBarTG: this.cfgNames.StatusBarTG,
@@ -18740,49 +18760,75 @@ TransactionOverviewLineComponent.decorators = [
               <div class="transaction-line-wrapper">
                   <div *ngIf=!preview class="transaction-line-extended-wrapper">
                       <div class="column1">
-                        <span class="transaction-field-label" [textContent]="'COMMISSION_CODE' | localize" *ngIf="isFirst"></span>
+                        <co-transaction-line-statusbar
+                          [screenConfigurationObject]="cfgNames.StatusBar"
+                          [configNames]="statusBarConfigNames"
+                          [transactionInfo]="transactionInfo"
+                          [transactionLine]="transactionLine"
+                          [activeCategory]="category.SalesOrderOverview"></co-transaction-line-statusbar>
+                      </div>
+                    <div class="column2">
+                      <span class="transaction-field-label" [textContent]="'COMMISSION_CODE' | localize" *ngIf="noLabel"></span>
+                      <div class="transaction-field-wrapper">
+                        <div class="inside-field">
+                          <span class="transaction-inside-label" [textContent]="'COMMISSION_CODE' | localize"></span>
                           <co-transaction-line-commission-button
-                                  [screenConfigurationObject]="cfgNames.LineCommission"
-                                  [transactionLine]="transactionLine"
-                                  [transactionInfo]="transactionInfo"
+                            [screenConfigurationObject]="cfgNames.LineCommission"
+                            [transactionLine]="transactionLine"
+                            [transactionInfo]="transactionInfo"
                           ></co-transaction-line-commission-button>
+                        </div>
+                      </div>
+                      <span class="transaction-field-label" [textContent]="'WAREHOUSE_AND_STATUS' | localize"  *ngIf="noLabel"></span>
+                      <div class="transaction-field-wrapper">
+                        <div class="inside-field">
+                          <span class="transaction-inside-label" [textContent]="'WAREHOUSE' | localize"></span>
+                          <co-transaction-line-warehouse-button
+                            [screenConfigurationObject]="cfgNames.LineWarehouse"
+                            [transactionLine]="transactionLine"
+                            [transactionInfo]="transactionInfo"
+                          ></co-transaction-line-warehouse-button>
+                        </div>
                       </div>
-                    <div class="column2">
-                      <span class="transaction-field-label" [textContent]="'WAREHOUSE_AND_STATUS' | localize"  *ngIf="isFirst"></span>
-                      <co-transaction-line-warehouse-button
-                        [screenConfigurationObject]="cfgNames.LineWarehouse"
-                        [transactionLine]="transactionLine"
-                        [transactionInfo]="transactionInfo"
-                      ></co-transaction-line-warehouse-button>
-                      <co-transaction-line-statusbar
-                        [screenConfigurationObject]="cfgNames.StatusBar"
-                        [configNames]="statusBarConfigNames"
-                        [transactionInfo]="transactionInfo"
-                        [transactionLine]="transactionLine"
-                        [activeCategory]="category.SalesOrderOverview"></co-transaction-line-statusbar>
                     </div>
-                      <div class="column3">
-                        <span class="transaction-field-label" [textContent]="'DELIVERY_INFORMATION' | localize"  *ngIf="isFirst"></span>
+                    <div class="column3">
+                      <span class="transaction-field-label" [textContent]="'DELIVERY_INFORMATION' | localize"  *ngIf="noLabel"></span>
+                      <div class="transaction-field-wrapper">
+                        <div class="inside-field">
+                          <span class="transaction-inside-label" [textContent]="'DELIVERY_METHOD' | localize"></span>
                           <co-transaction-line-delivery-button
-                                  [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
-                                  [transactionLine]="transactionLine"
-                                  [transactionInfo]="transactionInfo"
+                            [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
+                            [transactionLine]="transactionLine"
+                            [transactionInfo]="transactionInfo"
                           ></co-transaction-line-delivery-button>
+                        </div>
+                      </div>
+                      <div class="transaction-field-wrapper">
+                        <div class="inside-field">
+                          <span class="transaction-inside-label" [textContent]="'DELIVERY_DATE' | localize"></span>
                           <co-transaction-line-delivery-date-button class="transaction-line-delivery-date two-column"
-                                  [screenConfigurationObject]="cfgNames.LineDeliveryDate"
-                                  [transactionInfo]="transactionInfo"
-                                  [transactionLine]="transactionLine"
+                                                                    [screenConfigurationObject]="cfgNames.LineDeliveryDate"
+                                                                    [transactionInfo]="transactionInfo"
+                                                                    [transactionLine]="transactionLine"
                           ></co-transaction-line-delivery-date-button>
+                        </div>
                       </div>
-                  </div>
-                  <div class="transaction-line-section">
-                    <span class="transaction-field-label" [textContent]="'TOTALS_AND_DISCOUNT' | localize" *ngIf="isFirst"></span>
-                      <co-transaction-line-vat-button *ngIf="!preview"
-                                  [screenConfigurationObject]="cfgNames.LineVat"
-                                  [transactionLine]="transactionLine"
-                                  [transactionInfo]="transactionInfo"
-                      ></co-transaction-line-vat-button>
-                      <div class="transaction-line-totals">
+                    </div>
+                    <div class="column4">
+                      <span class="transaction-field-label" [textContent]="'TOTALS_AND_DISCOUNT' | localize" *ngIf="noLabel"></span>
+                      <div class="transaction-field-wrapper">
+                        <div class="inside-field">
+                          <span class="transaction-inside-label" [textContent]="'VAT' | localize"></span>
+                          <co-transaction-line-vat-button *ngIf="!preview"
+                                                          [screenConfigurationObject]="cfgNames.LineVat"
+                                                          [transactionLine]="transactionLine"
+                                                          [transactionInfo]="transactionInfo"
+                          ></co-transaction-line-vat-button>
+                        </div>
+                      </div>
+                      <div class="transaction-field-wrapper">
+                        <div class="inside-field">
+                          <span class="transaction-inside-label" [textContent]="'PRICE' | localize"></span>
                           <co-transaction-line-price class="transaction-line-totals-price price"
                                                      [screenConfigurationObject]="cfgNames.LinePrice"
                                                      [transactionInfo]="transactionInfo"
@@ -18790,25 +18836,40 @@ TransactionOverviewLineComponent.decorators = [
                                                      [showLabel]="false"
                                                      [defaultEditMode]="false"
                           ></co-transaction-line-price>
+                        </div>
+                      </div>
+                      <div class="transaction-field-wrapper">
+                        <div class="inside-field">
+                          <span class="transaction-inside-label" [textContent]="'DISCOUNT' | localize"></span>
                           <co-transaction-line-discount-button *ngIf="!preview"
                                                                [screenConfigurationObject]="cfgNames.LineDiscount"
                                                                [configNames]="discountConfigNames"
                                                                [transactionLine]="transactionLine"
                                                                [transactionInfo]="transactionInfo"
                           ></co-transaction-line-discount-button>
-                          <div class="transaction-line-totals-amount">
-                              <co-transaction-line-amount class="amount-number-picker"
-                                                          [screenConfigurationObject]="cfgNames.LineAmount"
-                                                          [transactionLine]="transactionLine"
-                                                          [transactionInfo]="transactionInfo"
-                              ></co-transaction-line-amount>
-                          </div>
+                        </div>
+                      </div>
+                      <div class="transaction-field-wrapper">
+                        <div class="inside-field">
+                          <span class="transaction-inside-label" [textContent]="'QUANTITY' | localize"></span>
+                          <co-transaction-line-amount class="amount-number-picker"
+                                                      [screenConfigurationObject]="cfgNames.LineAmount"
+                                                      [transactionLine]="transactionLine"
+                                                      [transactionInfo]="transactionInfo"
+                          ></co-transaction-line-amount>
+                        </div>
+                      </div>
+                      <div class="transaction-field-wrapper">
+                        <div class="inside-field">
+                          <span class="transaction-inside-label" [textContent]="'TOTAL' | localize"></span>
                           <co-editable-label class="transaction-line-totals-total price"
                                              [model]="transactionLine.displayNetLineTotal | coCurrency: true"
                                              [editModel]="transactionLine.displayNetLineTotal"
                                              [readonly]="true"
                           ></co-editable-label>
+                        </div>
                       </div>
+                    </div>
                   </div>
               </div>
           </ng-container>
@@ -23138,28 +23199,26 @@ TransactionSearchSalesQuotationTileComponent.decorators = [
                 selector: "co-transaction-search-sales-quotation-tile",
                 template: `
       <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
+        <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
         <div class="tile">
           <div class="tile-header">
             <div class="tile-upper-left">
               <div class="transaction-tile-avatar">
                 <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
-              </div>
-            </div>
-            <div class="tile-upper-middle">
-              <div class="header">
                 <span [textContent]="transaction.transNr"></span>
-                <div class="type-indicator"><span [textContent]="transaction.transactionKind"></span></div>
               </div>
-              <div class="text"><span [textContent]="transaction.brancheName"></span></div>
             </div>
-            <div class="tile-upper-right">
-              <div class="header total-price-vat"><span [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
+            <div class="tile-upper-middle">
+              <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
+              <div class="text"><span [textContent]="transaction.branchNr"></span></div>
             </div>
           </div>
           <div class="tile-body">
             <div class="tile-middle-left">
-              <co-input-checkbox *ngIf="showCheckbox"
-                                 [(model)]="transaction.selected"
+              <co-input-checkbox
+                *ngIf="showCheckbox"
+                [(model)]="transaction.selected"
+                (modelChange)="onSelectedClick(transaction)"
               ></co-input-checkbox>
             </div>
             <div class="tile-middle-middle">
@@ -23170,20 +23229,26 @@ TransactionSearchSalesQuotationTileComponent.decorators = [
           </div>
           <div class="tile-footer">
             <div class="tile-bottom-left order-info-section">
-              <div class="label"><span [textContent]="'QUOTATION_DATE' | localize"></span></div>
+              <co-icon [iconData]="iconCacheService.getIcon(icons.RegularWarehouseClock)" class="store-icon"></co-icon>
               <div class="value">
-                <span [textContent]="transaction.getTransDate() | date:'dd MMM yyyy'"></span></div>
+                <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
+              </div>
             </div>
             <div class="tile-bottom-middle order-info-section">
-              <div class="label"><span [textContent]="'DELIVERY_DATE' | localize"></span></div>
-              <div class="value">
-                <span [textContent]="transaction.getDeliveryDate() | date:'dd MMM yyyy'"></span>
+              <div class="value" *ngIf="transaction.getDeliveryDate()">
+                <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
+                <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
+                <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
+                         [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
+                <ng-template #indefinite>
+                  <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
+                </ng-template>
               </div>
             </div>
             <div class="tile-bottom-right order-info-section">
-              <div class="label"><span [textContent]="'QUOTATION_LINE' | localize"></span></div>
-              <div class="value">
-                <span [textContent]="'68/00'"></span></div>
+              <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
+              <div class="value"><span
+                [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
             </div>
           </div>
         </div>
@@ -23578,70 +23643,71 @@ TransactionSearchPosOrderTileComponent.decorators = [
     { type: Component, args: [{
                 selector: 'co-transaction-search-pos-order-tile',
                 template: `
-      <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
-          <div class="tile">
-              <div class="tile-header">
-                  <div class="tile-upper-left">
-                      <div class="transaction-tile-avatar">
-                          <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
-                      </div>
-                  </div>
-                  <div class="tile-upper-middle">
-                      <div class="header">
-                          <span [textContent]="transaction.transNr"></span>
-                          <div class="type-indicator"><span [textContent]="transaction.transactionKind"></span></div>
-                      </div>
-                      <div class="text"><span [textContent]="transaction.brancheName"></span></div>
-                  </div>
-                  <div class="tile-upper-right">
-                      <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
-                          <co-transaction-statusbar
-                                  [screenConfigurationObject]="cfgNames.StatusBar"
-                                  [configNames]="statusBarConfigNames"
-                                  [transaction]="transaction"></co-transaction-statusbar>
-                      </div>
-                      <div class="header total-price-vat"><span [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
-                  </div>
-              </div>
-              <div class="tile-body">
-                  <div class="tile-middle-left">
-                      <co-input-checkbox *ngIf="showCheckbox"
-                                         [(model)]="transaction.selected"
-                      ></co-input-checkbox>
-                  </div>
-                  <div class="tile-middle-middle">
-                      <div class="text"><span [textContent]="transaction.relationName"></span></div>
-                      <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
-                  </div>
-                  <div class="tile-middle-right"></div>
-              </div>
-              <div class="tile-footer">
-                  <div class="tile-bottom-left order-info-section">
-                      <div class="label"><span [textContent]="'ORDER_DATE' | localize"></span></div>
-                      <div class="value">
-                          <span [textContent]="transaction.getTransDate() | date:'dd MMM yyyy'"></span></div>
-                  </div>
-                  <div class="tile-bottom-middle order-info-section">
-                      <div class="label"><span [textContent]="'DELIVERY_DATE' | localize"></span></div>
-                      <div class="value">
-                          <span [textContent]="transaction.getDeliveryDate() | date:'dd MMM yyyy'"></span>
-                          <div *ngIf="transaction.getDeliveryDate()">
-                              <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
-                                       [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
-                              <ng-template #indefinite>
-                                  <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
-                              </ng-template>
-                          </div>
-                      </div>
-                  </div>
-                  <div class="tile-bottom-right order-info-section">
-                      <div class="label"><span [textContent]="'ORDER_RULE' | localize"></span></div>
-                      <div class="value">
-                          <span [textContent]="'68/00'"></span></div>
-                  </div>
-              </div>
+    <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
+      <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
+      <div class="tile">
+        <div class="tile-header">
+          <div class="tile-upper-left">
+            <div class="transaction-tile-avatar">
+              <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
+              <span [textContent]="transaction.transNr"></span>
+            </div>
           </div>
+          <div class="tile-upper-middle">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
+            <div class="text"><span [textContent]="transaction.branchNr"></span></div>
+          </div>
+          <div class="tile-upper-right">
+            <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
+              <co-transaction-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+                [transaction]="transaction">
+              </co-transaction-statusbar>
+            </div>
+          </div>
+        </div>
+        <div class="tile-body">
+          <div class="tile-middle-left">
+            <co-input-checkbox
+              *ngIf="showCheckbox"
+              [(model)]="transaction.selected"
+              (modelChange)="onSelectedClick(transaction)"
+            ></co-input-checkbox>
+          </div>
+          <div class="tile-middle-middle">
+            <div class="text"><span [textContent]="transaction.relationName"></span></div>
+            <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
+          </div>
+          <div class="tile-middle-right"></div>
+        </div>
+        <div class="tile-footer">
+          <div class="tile-bottom-left order-info-section">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
+            <div class="value">
+              <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
+            </div>
+          </div>
+          <div class="tile-bottom-middle order-info-section">
+            <div class="value" *ngIf="transaction.getDeliveryDate()">
+              <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
+              <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
+              <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
+                       [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
+              <ng-template #indefinite>
+                <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
+              </ng-template>
+            </div>
+          </div>
+          <div class="tile-bottom-right order-info-section">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
+            <div class="value"><span
+              [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
+          </div>
+        </div>
       </div>
+    </div>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -26990,10 +27056,6 @@ class TransactionLineWarehouseComponent extends TransactionFilterPopupBaseCompon
     }
     ngOnInit() {
         this.viewModels.length = 0;
-        this.transactionService.getWarehouseStockInfoByGoodAndBranch(this.transactionLine.goodId, this.transactionInfo).then((warehouses) => {
-            this.collection = !this.transactionLine.dropShipment ? warehouses.slice() : warehouses.slice().filter((warehouse) => warehouse.dropShipment);
-            this.detectChanges();
-        });
     }
     commit(warehouse) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -27001,7 +27063,7 @@ class TransactionLineWarehouseComponent extends TransactionFilterPopupBaseCompon
                 const oldWarehouse = this.transactionLine.warehouseNumber;
                 const success = yield this.transactionService.updateWarehouseTransactionLine(this.transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, warehouse);
                 if (!success) {
-                    this.transactionLine.warehouseNumber = warehouse;
+                    this.transactionLine.warehouseNumber = oldWarehouse;
                 }
                 return success;
             }
@@ -27014,6 +27076,10 @@ class TransactionLineWarehouseComponent extends TransactionFilterPopupBaseCompon
             this.readonly = true;
             this.addLineTooltipMessage(this.dictionaryService.get("ORDER_LINE_HAS_LOGISTICAL_STATE"));
         }
+        this.transactionService.getWarehouseStockInfoByGoodAndBranch(this.transactionLine.goodId, this.transactionInfo).then((warehouses) => {
+            this.collection = !this.transactionLine.dropShipment ? warehouses.slice() : warehouses.slice().filter((warehouse) => warehouse.dropShipment);
+            this.detectChanges();
+        });
     }
 }
 TransactionLineWarehouseComponent.decorators = [
@@ -29806,12 +29872,17 @@ class TransactionLineWarehouseLocationComponent extends TransactionFilterPopupBa
         this.checkField = 'locationNr';
         this.propsForLabel = [{ label: 'locationNo' }, { label: 'description' }];
     }
+    set warehouseNr(value) {
+        this._warehouseNr = value;
+        if (this._warehouseNr !== null && this._warehouseNr !== undefined) {
+            this._getLocations();
+        }
+    }
+    get warehouseNr() {
+        return this._warehouseNr;
+    }
     ngOnInit() {
         this.viewModels.length = 0;
-        this._articleService.getWarehouseLocations(this.warehouseNr).then((locations) => {
-            this.collection = locations.slice();
-            this.detectChanges();
-        });
     }
     commit(locationNr) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -29819,6 +29890,12 @@ class TransactionLineWarehouseLocationComponent extends TransactionFilterPopupBa
             return true;
         });
     }
+    _getLocations() {
+        this._articleService.getWarehouseLocations(this._warehouseNr).then((locations) => {
+            this.collection = locations.slice();
+            this.detectChanges();
+        });
+    }
 }
 TransactionLineWarehouseLocationComponent.decorators = [
     { type: Component, args: [{
@@ -31126,7 +31203,7 @@ class AvatarComponent {
             else {
                 this._setImageFromRelation();
             }
-            this._changeDetector.detectChanges();
+            this._detectChanges();
         });
     }
     _setImageFromRelation() {
@@ -31173,7 +31250,7 @@ class AvatarComponent {
             if (content && this._image) {
                 this._image.thumbnailBody = content;
                 this.imageSrc = this.image.thumbnailBodyAsDataUri;
-                this._changeDetector.detectChanges();
+                this._detectChanges();
                 return true;
             }
             else {
@@ -31186,6 +31263,10 @@ class AvatarComponent {
         if (this.relation) {
             this.backgroundColor = this._colorSequenceService.getRandomColor(this.relation.relationId);
         }
+        this._detectChanges();
+    }
+    _detectChanges() {
+        this._changeDetector.markForCheck();
         this._changeDetector.detectChanges();
     }
 }
@@ -32531,6 +32612,8 @@ RelationContactDetailsComponent.decorators = [
                 template: `
       <co-relation-contact-options
               [relation]="relation"
+              [emailScreenConfigurationObject]="configNames.relationEmailAddress"
+              [phoneScreenConfigurationObject]="configNames.relationPhone"
               (relationChange)="handleRelationChange($event)"
       ></co-relation-contact-options>
     <div class="default-data-row" *ngIf="relationKind === relKind.Customer">
@@ -43854,39 +43937,43 @@ PurchaseConfirmationLinesComponent.decorators = [
                      (click)="handleClearAnalysis()"></co-icon>
         </div>
         <div class="purchase-confirmation-lines-drag-drop-list">
-            <table class="purchase-confirmation-table">
-                <colgroup>
-                    <col class="purchase-confirmation-linked-color" />
-                    <col class="purchase-confirmation-line-drag-handle" />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                    <col />
-                </colgroup>
-                <tr>
-                    <th></th>
-                    <th></th>
-                    <th class="right-align" [textContent]="'AMOUNT' | localize"></th>
-                    <th [textContent]="'ARTICLE_NO_SUPPLIER' | localize"></th>
-                    <th [textContent]="'DESCRIPTION' | localize"></th>
-                    <th class="right-align" [textContent]="'DELIVERY_DATE' | localize"></th>
-                    <th class="right-align" [textContent]="'PRICE' | localize"></th>
-                    <th [textContent]="'LINK' | localize"></th>
-                </tr>
-                <tr class="draggable-purchase-confirmation-line" *ngFor="let confirmationViewModel of purchaseConfirmations; trackBy:trackByFn;" draggable="true"
+            <div class="purchase-confirmation-table">
+                <div class="draggable-purchase-confirmation-line" *ngFor="let confirmationViewModel of purchaseConfirmations; trackBy:trackByFn;" draggable="true"
                     (dragstart)="handleDragStart($event, confirmationViewModel)">
-                    <td [style.background-color]="confirmationViewModel.color"></td>
-                    <td><co-icon class="purchase-confirmation-line-drag-handle" [iconData]="iconCacheService.getIcon(icons.GripDotsVerticalSolid)"></co-icon></td>
-                    <td class="right-align" [textContent]="confirmationViewModel.confirmation.productQuantity"></td>
-                    <td [textContent]="confirmationViewModel.confirmation.supplierProductCode"></td>
-                    <td [textContent]="confirmationViewModel.confirmation.productDescription"></td>
-                    <td [textContent]="confirmationViewModel.confirmation.deliveryDate | date: 'dd-MM-yyyy'"></td>
-                    <td class="right-align" [textContent]="confirmationViewModel.confirmation.price | coCurrency"></td>
-                    <td #parentForOverlay class="link-button" [textContent]="'...'" (click)="showPopup(parentForOverlay, confirmationViewModel)"></td>
-                </tr>
-            </table>
+                    <div class="draggable-color-drag">
+                      <span class="color-drag" [style.background-color]="confirmationViewModel.color"></span>
+                      <span><co-icon class="purchase-confirmation-line-drag-handle" [iconData]="iconCacheService.getIcon(icons.GripDotsVerticalSolid)"></co-icon></span>
+                    </div>
+                    <div class="draggable-content-line">
+                      <div class="draggable-top-line">
+                        <span class="draggable-description" [textContent]="confirmationViewModel.confirmation.productDescription"></span>
+                        <div class="draggable-supplier-code">
+                          <span [textContent]="'SUPPLIERNR_ARTICLE' | localize"></span>
+                          <span [textContent]="confirmationViewModel.confirmation.supplierProductCode"></span>
+                        </div>
+                      </div>
+                      <div class="draggable-bottom-line">
+                        <div class="draggable-delivery">
+                          <label [textContent]="'DELIVERY_DATE' | localize"></label>
+                          <span class="draggable-delivery" [textContent]="confirmationViewModel.confirmation.deliveryDate | date: 'dd-MM-yyyy'"></span>
+                        </div>
+                        <div class="draggable-quantity">
+                          <label [textContent]="'QUANTITY' | localize"></label>
+                          <span class="draggable-quantity" [textContent]="confirmationViewModel.confirmation.productQuantity"></span>
+                        </div>
+                        <div class="draggable-price">
+                          <label [textContent]="'PRICE' | localize"></label>
+                          <span class="draggable-price" [textContent]="confirmationViewModel.confirmation.price | coCurrency"></span>
+                        </div>
+                      </div>
+                    </div>
+                    <div #parentForOverlay class="link-button" (click)="showPopup(parentForOverlay, confirmationViewModel)">
+                      <co-button class="action-menu-button"
+                                 [iconData]="iconCacheService.getIcon(icons.EllipsisLight)">
+                      </co-button>
+                    </div>
+                </div>
+            </div>
         </div>
     `,
                 providers: [
@@ -43936,7 +44023,8 @@ PurchaseConfirmationLinesModule.decorators = [
                     PipeModule,
                     DragDropModule,
                     IconModule,
-                    TransactionLinesPopupModule
+                    TransactionLinesPopupModule,
+                    ButtonModule
                 ],
                 declarations: [
                     PurchaseConfirmationLinesComponent
@@ -44728,9 +44816,10 @@ class DeliveryPlanningOverviewComponent {
         });
     }
     planOrderLines(order, transportDay, week) {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
             let oldWeek = week;
-            if (order.lines.length) {
+            if (((_a = order.lines) === null || _a === void 0 ? void 0 : _a.length) > 0) {
                 order.linesLoaded = true;
                 order.tasks = [];
                 order.tasksLoaded = true;
@@ -44780,37 +44869,39 @@ class DeliveryPlanningOverviewComponent {
             let planOrder = yield this._transactionCon.getPlanOrder(this._transaction.currentTransaction.transactionInfo.id);
             yield this.getSequenceOrderValue(planOrder);
             yield this.getOrderLinesPlanned(planOrder);
-            let selectedLines = this._transaction.currentTransaction.transactionLines.filter((transLines) => transLines.selected);
-            //Does the order already exist?
-            if ((_a = transportDay === null || transportDay === void 0 ? void 0 : transportDay.plannedOrders) === null || _a === void 0 ? void 0 : _a.find(order => order.transId === planOrder.transId)) {
-                //Yes the order exists
-                //If the line(s) we're trying to plan already are planned we need to validate if we need to plan anyway
-                let cantPlanSelectedLines = [];
-                if (selectedLines.length > 0) {
-                    transportDay.plannedOrders.find((plannedOrder) => plannedOrder.transId === planOrder.transId).lines.forEach((plannedLine) => {
-                        if (selectedLines.find((selectedLine) => selectedLine.lineNr === plannedLine.originalLineNr)) {
-                            cantPlanSelectedLines.push(plannedLine);
+            if (planOrder.partDelivery) {
+                let selectedLines = this._transaction.currentTransaction.transactionLines.filter((transLines) => transLines.selected);
+                //Does the order already exist?
+                if ((_a = transportDay === null || transportDay === void 0 ? void 0 : transportDay.plannedOrders) === null || _a === void 0 ? void 0 : _a.find(order => order.transId === planOrder.transId)) {
+                    //Yes the order exists
+                    //If the line(s) we're trying to plan already are planned we need to validate if we need to plan anyway
+                    let cantPlanSelectedLines = [];
+                    if (selectedLines.length > 0) {
+                        transportDay.plannedOrders.find((plannedOrder) => plannedOrder.transId === planOrder.transId).lines.forEach((plannedLine) => {
+                            if (selectedLines.find((selectedLine) => selectedLine.lineNr === plannedLine.originalLineNr)) {
+                                cantPlanSelectedLines.push(plannedLine);
+                            }
+                        });
+                        if (cantPlanSelectedLines.length === planOrder.lines.length) {
+                            yield this._dialog.showError("NO_LINES_TO_PLAN", true);
+                            return;
                         }
-                    });
-                    if (cantPlanSelectedLines.length === planOrder.lines.length) {
-                        yield this._dialog.showError("NO_LINES_TO_PLAN", true);
+                    }
+                    else {
+                        yield this._dialog.showError("NO_LINES_SELECTED", true);
                         return;
                     }
+                    let plannedOrder = transportDay.plannedOrders.find((plannedOrder) => plannedOrder.transId === planOrder.transId);
+                    //All lines that need to be planned for an order are in planOrder now
+                    //Which means that we just filter the lines out that DON'T match a selected line AND are planned
+                    planOrder.lines.filter((toPlanLine) => !plannedOrder.lines.find((plannedOrderLine) => plannedOrderLine.originalLineNr === toPlanLine.originalLineNr)
+                        && !selectedLines.find((selectedLine) => selectedLine.lineNr === toPlanLine.originalLineNr));
                 }
                 else {
-                    yield this._dialog.showError("NO_LINES_SELECTED", true);
-                    return;
+                    //Order does not exist, lets prepare it with the selected lines
+                    //Filter the lines for only the selected ones
+                    planOrder.lines = planOrder.lines.filter(plannedOrderLine => selectedLines.find((selectedLine) => plannedOrderLine.originalLineNr === selectedLine.lineNr));
                 }
-                let plannedOrder = transportDay.plannedOrders.find((plannedOrder) => plannedOrder.transId === planOrder.transId);
-                //All lines that need to be planned for an order are in planOrder now
-                //Which means that we just filter the lines out that DON'T match a selected line AND are planned
-                planOrder.lines.filter((toPlanLine) => !plannedOrder.lines.find((plannedOrderLine) => plannedOrderLine.originalLineNr === toPlanLine.originalLineNr)
-                    && !selectedLines.find((selectedLine) => selectedLine.lineNr === toPlanLine.originalLineNr));
-            }
-            else {
-                //Order does not exist, lets prepare it with the selected lines
-                //Filter the lines for only the selected ones
-                planOrder.lines = planOrder.lines.filter(plannedOrderLine => selectedLines.find((selectedLine) => plannedOrderLine.originalLineNr === selectedLine.lineNr));
             }
             //Send the prepared order to the
             this.openPlanningPopup(planOrder, transportDay, week);
@@ -48250,6 +48341,7 @@ class TransactionSearchResultComponent {
         this.showBatchOptions = false;
         this.showShippingMethodDialog = false;
         this.selectedTransactions = [];
+        this.batchTransactionSendingRequest = new BatchTransactionSendingRequest();
         this._subs = [];
     }
     set activeContentViewMode(value) {
@@ -48354,6 +48446,19 @@ class TransactionSearchResultComponent {
             if (selectedTransactions.length === 0) {
                 return;
             }
+            this.batchTransactionSendingRequest.transIds = [];
+            for (const transaction of selectedTransactions) {
+                this.batchTransactionSendingRequest.transIds.push(transaction.transId);
+            }
+            if (this.batchCategory === 'overview') {
+                // ReportingOrderConfirmationService.startOrderconfirmationsBatch
+            }
+            else if (this.batchCategory === 'delivery order') {
+                // ReportingDeliveryNoteService.startDeliveryNotesBatch
+            }
+            else if (this.batchCategory === 'invoice') {
+                // ReportingInvoiceService.startInvoicesbatch
+            }
             // this.showProcessOrdersLoader = true;
             // const printDeliveryNotesRequest: PrintDeliveryNotesRequest = new PrintDeliveryNotesRequest();
             // let printDeliveryNoteRequest: PrintDeliveryNoteRequest = new PrintDeliveryNoteRequest();
@@ -48390,7 +48495,8 @@ class TransactionSearchResultComponent {
     shippingDialogCancelClicked() {
         this.showShippingMethodDialog = false;
     }
-    shippingDialogSaveClicked() {
+    shippingDialogSaveClicked(request) {
+        this.batchTransactionSendingRequest = request;
         this.onProcessOrders();
         this.showShippingMethodDialog = false;
     }
@@ -48478,7 +48584,7 @@ TransactionSearchResultComponent.decorators = [
       [category]="batchCategory"
       [selectedTransactions]="selectedTransactions"
       (cancelClicked)="shippingDialogCancelClicked()"
-      (saveClicked)="shippingDialogSaveClicked()">
+      (saveClicked)="shippingDialogSaveClicked($event)">
     </co-shipping-method-dialog>
   `,
                 providers: [
@@ -48592,22 +48698,26 @@ class ShippingMethodDialogComponent {
         this.saveClicked = new EventEmitter();
         this.cancelClicked = new EventEmitter();
         this.icons = Icon;
+        this.useDefaultLayout = false;
         this.printLayouts = [];
         this.emailLayouts = [];
         this.printerList = [];
-        this.useDefaultShippingMethods = true;
+        this.useDefaultShippingMethods = false;
+        this.batchTransactionSendingRequest = new BatchTransactionSendingRequest();
     }
     showClass() {
         return true;
     }
     ngOnInit() {
-        this.useDefaultLayout = !!this.transBaseService.relation;
         this._getPrintLayouts();
         this._getEmailLayouts();
         this._getPrinters();
+        this._getDefaultSendMethod();
     }
     saveButtonClicked() {
-        this.saveClicked.emit();
+        this.batchTransactionSendingRequest.useRelationSpecificReports = this.useDefaultLayout;
+        this.batchTransactionSendingRequest.useRelationSpecificSendMethods = this.useDefaultShippingMethods;
+        this.saveClicked.emit(this.batchTransactionSendingRequest);
     }
     cancelButtonClicked() {
         this.cancelClicked.emit();
@@ -48617,6 +48727,13 @@ class ShippingMethodDialogComponent {
             const success = yield this.transactionService.getOrderConfirmationPrintLayouts('');
             if (success) {
                 this.printLayouts = success;
+                for (const layout of this.printLayouts) {
+                    if (layout.isDefault) {
+                        this.useDefaultLayout = true;
+                        this.batchTransactionSendingRequest.reportIdForPrinting = layout.reportId;
+                        break;
+                    }
+                }
             }
             return success;
         });
@@ -48626,6 +48743,13 @@ class ShippingMethodDialogComponent {
             const success = yield this.transactionService.getOrderConfirmationEmailLayouts('');
             if (success) {
                 this.emailLayouts = success;
+                for (const layout of this.emailLayouts) {
+                    if (layout.isDefault) {
+                        this.useDefaultLayout = true;
+                        this.batchTransactionSendingRequest.reportIdForEmail = layout.reportId;
+                        break;
+                    }
+                }
             }
             return success;
         });
@@ -48639,6 +48763,16 @@ class ShippingMethodDialogComponent {
             return success;
         });
     }
+    _getDefaultSendMethod() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const relationId = this.selectedTransactions[0].relationNr;
+            const success = yield this.transactionService.getOrderConfirmationDefaultSendMethod(relationId);
+            if (success) {
+                this.useDefaultShippingMethods = true;
+            }
+            return success;
+        });
+    }
 }
 ShippingMethodDialogComponent.decorators = [
     { type: Component, args: [{
@@ -53361,7 +53495,7 @@ TransactionPurchaseReservationOrderTileComponent.decorators = [
           <div class="tile-upper-right">
             <div class="column">
               <span class="title" [textContent]="'AMOUNT_AVAILABLE2' | localize"></span>
-              <span class="bold center-align" [textContent]="purchaseReservationPurchaseLine.amountInOrder - purchaseReservationPurchaseLine.amountReserved "></span>
+              <span class="bold center-align" [textContent]="purchaseReservationPurchaseLine.amountToReservePurchase"></span>
             </div>
             <div class="column">
               <span class="title" [textContent]="'AMOUNT_RESERVATED' | localize"></span>