@colijnit/transaction 261.20.11 → 261.20.12

package/fesm2022/colijnit-transaction.mjs

@@ -239,6 +239,11 @@ import { QuantityInHistoricState } from '@colijnit/transactionapi/build/enum/qua
 import { TagCategory } from '@colijnit/mainapi/build/enum/tab-category.enum';
 import { BatchTransactionSendingRequest } from '@colijnit/transactionapi/build/model/batch-transaction-sending-request';
 import { ChangeHeadersTransactionsDefinitiveRequest } from '@colijnit/transactionapi/build/model/change-headers-transactions-definitive-request';
+import { SetMultipleTransportNotificationsInContainerOnSelectedLinesRequest } from '@colijnit/transactionapi/build/model/set-multiple-transport-notifications-in-container-on-selected-lines-request';
+import { SetTransportNotificationInContainerOnTransactionRequest } from '@colijnit/transactionapi/build/model/set-transport-notification-in-container-on-transaction-request';
+import { TransportNotificationInContainerLineSelectRequest } from '@colijnit/transactionapi/build/model/transport-notification-in-container-line-select-request';
+import { RemoveFromContainerRequest } from '@colijnit/transactionapi/build/model/remove-from-container-request';
+import { RemoveTransactionFromContainerRequest } from '@colijnit/transactionapi/build/model/remove-transaction-from-container-request';
 import { LayoutCode as LayoutCode$1 } from '@colijnit/mainapi/build/enum/layout-code.enum';
 import { PriorityType } from '@colijnit/mainapi/build/enum/priority-type.enum';
 import { ChangeHeaderDropshipmentInfoRequest } from '@colijnit/transactionapi/build/model/change-header-dropshipment-info-request';
@@ -330,8 +335,8 @@ import { DateField } from '@colijnit/ioneconnector/build/factory/decorators/date
 class Version {
     name = "@colijnit/transaction";
     description = "Colijn IT transaction package";
-    symVer = "261.20.11";
-    publishDate = "20-2-2026, 18:31:11";
+    symVer = "261.20.12";
+    publishDate = "24-2-2026, 18:16:14";
 }
 
 class CheckoutModuleService extends BaseModuleService {
@@ -500,6 +505,7 @@ var Icon;
     Icon["CircleInfoRegular"] = "circle_info_regular";
     Icon["CloseDialog"] = "close_dialog";
     Icon["CodeRegular"] = "code_regular";
+    Icon["ContainerStorageRegularFull"] = "container_storage_regular_full";
     Icon["CreditCardRegular"] = "credit_card_regular";
     Icon["CreditCardRegularCheck"] = "credit_card_regular_check";
     Icon["CreditCardSolid"] = "credit_card_solid";
@@ -572,6 +578,10 @@ var Icon;
     Icon["RegularCartShoppingCircleQuestion"] = "regular_cart_shopping_circle_question";
     Icon["RegularCartShoppingClock"] = "regular_cart_shopping_clock";
     Icon["RegularCartShoppingTag"] = "regular_cart_shopping_tag";
+    Icon["RegularContainerStorageCircleArrowLeft"] = "regular_container_storage_circle_arrow_left";
+    Icon["RegularContainerStorageCircleArrowRight"] = "regular_container_storage_circle_arrow_right";
+    Icon["RegularContainerStorageCircleCheck"] = "regular_container_storage_circle_check";
+    Icon["RegularContainerStorageCircleInfo"] = "regular_container_storage_circle_info";
     Icon["RegularEuroSignMinus"] = "regular_euro_sign_minus";
     Icon["RegularIndustryClock"] = "regular_industry_clock";
     Icon["RegularIndustryTag"] = "regular_industry_tag";
@@ -1199,6 +1209,7 @@ const IconSvg = {
     "circle_info_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z\"/></svg>",
     "close_dialog": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M326.6 166.6L349.3 144 304 98.7l-22.6 22.6L192 210.7l-89.4-89.4L80 98.7 34.7 144l22.6 22.6L146.7 256 57.4 345.4 34.7 368 80 413.3l22.6-22.6L192 301.3l89.4 89.4L304 413.3 349.3 368l-22.6-22.6L237.3 256l89.4-89.4z\"/></svg>",
     "code_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\"><path d=\"M369.1 80.9C373 68.2 386.5 61.2 399.1 65.1C411.7 69 418.8 82.5 414.9 95.1L270.9 559.1C267 571.8 253.5 578.8 240.9 574.9C228.3 571 221.2 557.5 225.1 544.9L369.1 80.9zM177 199C186.4 208.4 186.4 223.6 177 232.9L90 319.9L177 406.9C186.4 416.3 186.4 431.5 177 440.8C167.6 450.1 152.4 450.2 143.1 440.8L39 337C29.6 327.6 29.6 312.4 39 303.1L143 199C152.4 189.6 167.6 189.6 176.9 199zM463 199C472.4 189.6 487.6 189.6 496.9 199L601 303C610.4 312.4 610.4 327.6 601 336.9L497 441C487.6 450.4 472.4 450.4 463.1 441C453.8 431.6 453.7 416.4 463.1 407.1L550.1 320.1L463.1 233.1C453.7 223.7 453.7 208.5 463.1 199.2z\"/></svg>",
+    "container_storage_regular_full": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\"><path d=\"M32 120C32 106.7 42.7 96 56 96L584 96C597.3 96 608 106.7 608 120C608 133.3 597.3 144 584 144L576 144L576 496L584 496C597.3 496 608 506.7 608 520C608 533.3 597.3 544 584 544L56 544C42.7 544 32 533.3 32 520C32 506.7 42.7 496 56 496L64 496L64 144L56 144C42.7 144 32 133.3 32 120zM112 144L112 496L528 496L528 144L112 144zM152 216C152 202.7 162.7 192 176 192C189.3 192 200 202.7 200 216L200 424C200 437.3 189.3 448 176 448C162.7 448 152 437.3 152 424L152 216zM368 192C381.3 192 392 202.7 392 216L392 424C392 437.3 381.3 448 368 448C354.7 448 344 437.3 344 424L344 216C344 202.7 354.7 192 368 192zM440 216C440 202.7 450.7 192 464 192C477.3 192 488 202.7 488 216L488 424C488 437.3 477.3 448 464 448C450.7 448 440 437.3 440 424L440 216zM272 192C285.3 192 296 202.7 296 216L296 424C296 437.3 285.3 448 272 448C258.7 448 248 437.3 248 424L248 216C248 202.7 258.7 192 272 192z\"/></svg>",
     "credit_card_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M512 80c8.8 0 16 7.2 16 16v32H48V96c0-8.8 7.2-16 16-16H512zm16 144V416c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V224H528zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm56 304c-13.3 0-24 10.7-24 24s10.7 24 24 24h48c13.3 0 24-10.7 24-24s-10.7-24-24-24H120zm128 0c-13.3 0-24 10.7-24 24s10.7 24 24 24H360c13.3 0 24-10.7 24-24s-10.7-24-24-24H248z\"/></svg>",
     "credit_card_regular_check": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 96C0 60.7 28.7 32 64 32c149.3 0 298.6 0 448 0c35.3 0 64 28.7 64 64c0 38.4 0 76.8 0 115.2c-24-12.3-51.2-19.2-80-19.2c-37.7 0-72.6 11.8-101.2 32c-115.6 0-231.2 0-346.8 0c0 64 0 128 0 192c0 8.8 7.2 16 16 16c89.3 0 178.7 0 268 0c6.9 17.5 16.5 33.7 28.3 48c-98.7 0-197.5 0-296.3 0c-35.3 0-64-28.7-64-64C0 309.3 0 202.7 0 96zm48 0c0 10.7 0 21.3 0 32c160 0 320 0 480 0c0-10.7 0-21.3 0-32c0-8.8-7.2-16-16-16c-149.3 0-298.6 0-448 0c-8.8 0-16 7.2-16 16zM96 360c0-13.3 10.7-24 24-24c16 0 32 0 48 0c13.3 0 24 10.7 24 24s-10.7 24-24 24c-16 0-32 0-48 0c-13.3 0-24-10.7-24-24zm128 0c0-13.3 10.7-24 24-24c25 0 49.9 0 74.9 0c-1.9 10.4-2.9 21.1-2.9 32c0 5.4 .2 10.7 .7 16c-24.2 0-48.5 0-72.7 0c-13.3 0-24-10.7-24-24zm128 8c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144zm76.7-11.3c-6.2 6.2-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-72c6.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 0z\"/></svg>",
     "credit_card_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M512 32C547.3 32 576 60.65 576 96V128H0V96C0 60.65 28.65 32 64 32H512zM576 416C576 451.3 547.3 480 512 480H64C28.65 480 0 451.3 0 416V224H576V416zM112 352C103.2 352 96 359.2 96 368C96 376.8 103.2 384 112 384H176C184.8 384 192 376.8 192 368C192 359.2 184.8 352 176 352H112zM240 384H368C376.8 384 384 376.8 384 368C384 359.2 376.8 352 368 352H240C231.2 352 224 359.2 224 368C224 376.8 231.2 384 240 384z\"/></svg>",
@@ -1271,6 +1282,10 @@ const IconSvg = {
     "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_container_storage_circle_arrow_left": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 56C0 42.7 10.7 32 24 32l32 0 528 0 32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 152.3c-14.3-11.8-30.5-21.4-48-28.3l0-124L80 80l0 352 252 0c6.9 17.5 16.5 33.7 28.3 48L56 480l-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l8 0L32 80l-8 0C10.7 80 0 69.3 0 56zm128 96c0-13.3 10.7-24 24-24s24 10.7 24 24l0 208c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-208zm112 0c0-13.3 10.7-24 24-24s24 10.7 24 24l0 208c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-208zm112 0c0-13.3 10.7-24 24-24s24 10.7 24 24l0 68.5c-18.8 12.3-35.1 28-48 46.3L352 152zm19.3 144c25.7-44.6 73.3-72 124.7-72s99 27.4 124.7 72s25.7 99.4 0 144S547.4 512 496 512s-99-27.4-124.7-72s-25.7-99.4 0-144zm49.4 60.7c-6.3 6.2-6.3 16.4 0 22.6c18.7 18.7 37.3 37.3 56 56c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L470.6 384l89.4 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-89.4 0 28.7-28.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0l-56 56zM464 152c0-13.3 10.7-24 24-24s24 10.7 24 24l0 40.7c-5.3-.5-10.6-.7-16-.7c-10.9 0-21.6 1-32 2.9l0-42.9z\"/></svg>",
+    "regular_container_storage_circle_arrow_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 56C0 42.7 10.7 32 24 32l32 0 528 0 32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 152.3c-14.3-11.8-30.5-21.4-48-28.3l0-124-480 0 0 352 252 0c6.9 17.5 16.5 33.7 28.3 48L56 480 24 480c-13.3 0-24-10.7-24-24s10.7-24 24-24l8 0 0-352-8 0C10.7 80 0 69.3 0 56zm128 96c0-13.3 10.7-24 24-24s24 10.7 24 24l0 208c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-208zm112 0c0-13.3 10.7-24 24-24s24 10.7 24 24l0 208c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-208zm112 0c0-13.3 10.7-24 24-24s24 10.7 24 24l0 68.5c-18.8 12.3-35.1 28-48 46.3L352 152zm0 216c0-79.5 64.5-144 144-144s144 64.5 144 144-64.5 144-144 144-144-64.5-144-144zm64 0c0 8.8 7.2 16 16 16l89.4 0-28.7 28.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l56-56c6.2-6.2 6.2-16.4 0-22.6l-56-56c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l28.7 28.7-89.4 0c-8.8 0-16 7.2-16 16zm48-216c0-13.3 10.7-24 24-24s24 10.7 24 24l0 40.7c-5.3-.5-10.6-.7-16-.7-10.9 0-21.6 1-32 2.9l0-42.9z\"/></svg>",
+    "regular_container_storage_circle_check": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 56C0 42.7 10.7 32 24 32l32 0 528 0 32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 152.3c-14.3-11.8-30.5-21.4-48-28.3l0-124L80 80l0 352 252 0c6.9 17.5 16.5 33.7 28.3 48L56 480l-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l8 0L32 80l-8 0C10.7 80 0 69.3 0 56zm128 96c0-13.3 10.7-24 24-24s24 10.7 24 24l0 208c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-208zm112 0c0-13.3 10.7-24 24-24s24 10.7 24 24l0 208c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-208zm112 0c0-13.3 10.7-24 24-24s24 10.7 24 24l0 68.5c-18.8 12.3-35.1 28-48 46.3L352 152zm0 216c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144zm76.7-11.3c-6.2 6.2-6.2 16.4 0 22.6l40 40c6.2 6.2 16.4 6.2 22.6 0l72-72c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L480 385.4l-28.7-28.7c-6.2-6.2-16.4-6.2-22.6 0zM464 152c0-13.3 10.7-24 24-24s24 10.7 24 24l0 40.7c-5.3-.5-10.6-.7-16-.7c-10.9 0-21.6 1-32 2.9l0-42.9z\"/></svg>",
+    "regular_container_storage_circle_info": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 56C0 42.7 10.7 32 24 32l32 0 528 0 32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 152.3c-14.3-11.8-30.5-21.4-48-28.3l0-124L80 80l0 352 252 0c6.9 17.5 16.5 33.7 28.3 48L56 480l-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l8 0L32 80l-8 0C10.7 80 0 69.3 0 56zm128 96c0-13.3 10.7-24 24-24s24 10.7 24 24l0 208c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-208zm112 0c0-13.3 10.7-24 24-24s24 10.7 24 24l0 208c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-208zm112 0c0-13.3 10.7-24 24-24s24 10.7 24 24l0 68.5c-18.8 12.3-35.1 28-48 46.3L352 152zm0 216c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144zM464 152c0-13.3 10.7-24 24-24s24 10.7 24 24l0 40.7c-5.3-.5-10.6-.7-16-.7c-10.9 0-21.6 1-32 2.9l0-42.9zm0 216c0 8.8 7.2 16 16 16c0 16 0 32 0 48c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l0-64c0-8.8-7.2-16-16-16l-16 0c-8.8 0-16 7.2-16 16zm8-72c0 13.3 10.7 24 24 24s24-10.7 24-24s-10.7-24-24-24s-24 10.7-24 24z\"/></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>",
@@ -1963,6 +1978,16 @@ class TransactionEventService {
     lineUserFormResponseRequest = new BehaviorSubject(undefined);
     refreshHistoricReports = new Subject();
     transactionCommitted = new BehaviorSubject(false);
+    transportContainerChosen = new BehaviorSubject;
+    transportTransactionRequestUpdated = new BehaviorSubject;
+    transportTransactionRemoveRequestUpdated = new BehaviorSubject;
+    removalModeContainerInfo = new BehaviorSubject;
+    transportTransactionSelectionChanged = new Subject;
+    transportTransactionLineSelectionChanged = new Subject;
+    fillContainerRequested = new Subject;
+    fillContainerSuccess = new Subject;
+    removeFromContainerRequested = new Subject;
+    removeFromContainerSuccess = new Subject;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionEventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionEventService, providedIn: "root" });
 }
@@ -7196,6 +7221,26 @@ class TransactionConnectorAdapterService {
             return null;
         }
     }
+    async setMultipleTransportNotificationInContainerOnSelectedLines(request) {
+        const response = await this.connector.setMultipleTransportNotificationInContainerOnSelectedLines(request);
+        if (response && response.validationResult && response.validationResult.success) {
+            return true;
+        }
+        else {
+            this._handleExceptionFromResponse(response);
+            return false;
+        }
+    }
+    async removeFromContainerWithSelectedLines(request) {
+        const response = await this.connector.removeFromContainerWithSelectedLines(request);
+        if (response && response.validationResult && response.validationResult.success) {
+            return true;
+        }
+        else {
+            this._handleExceptionFromResponse(response);
+            return false;
+        }
+    }
     async getTransportNotificationInfosByTransactionLine(lineUuid) {
         const response = await this.connector.getTransportNotificationInfosByTransactionLine(lineUuid);
         if (response && response.validationResult && response.validationResult.success) {
@@ -7226,6 +7271,16 @@ class TransactionConnectorAdapterService {
             return null;
         }
     }
+    async getContainer(containerId) {
+        const response = await this.mainConnector.getContainer(containerId);
+        if (response && response.validationResult && response.validationResult.success) {
+            return this._boFactory.makeWithRawBackendData(Container, response.resultObject);
+        }
+        else {
+            this._handleExceptionFromResponse(response);
+            return null;
+        }
+    }
     async getContainerInfo(containerId) {
         const response = await this.mainConnector.getContainerInfo(containerId);
         if (response && response.validationResult && response.validationResult.success) {
@@ -8806,6 +8861,12 @@ class TransactionConnectorService {
     async setTransportNotificationInContainer(request) {
         return await this._adapterService.setTransportNotificationInContainer(request);
     }
+    async setMultipleTransportNotificationInContainerOnSelectedLines(request) {
+        return await this._adapterService.setMultipleTransportNotificationInContainerOnSelectedLines(request);
+    }
+    async removeFromContainerWithSelectedLines(request) {
+        return await this._adapterService.removeFromContainerWithSelectedLines(request);
+    }
     async getTransportNotificationInfosByTransactionLine(lineUuid) {
         return await this._adapterService.getTransportNotificationInfosByTransactionLine(lineUuid);
     }
@@ -8815,6 +8876,9 @@ class TransactionConnectorService {
     async getContainers() {
         return await this._adapterService.getContainers();
     }
+    async getContainer(containerId) {
+        return await this._adapterService.getContainer(containerId);
+    }
     async getContainerInfo(containerId) {
         return await this._adapterService.getContainerInfo(containerId);
     }
@@ -12324,6 +12388,9 @@ class TransactionService extends PendingReasonService {
     async getContainers(showLoader) {
         return await this.connector.getContainers();
     }
+    async getContainer(containerId, showLoader) {
+        return await this.connector.getContainer(containerId);
+    }
     async getContainerInfo(containerId, showLoader) {
         return await this.connector.getContainerInfo(containerId);
     }
@@ -20285,14 +20352,10 @@ class TransactionLinePurchaseTransportComponent extends TransactionLineSidepanel
         });
     }
     async handleSaveClick() {
-        if (this.lineQuantityTransportNotification === this.transactionLine.amount) {
+        if (this.transactionLine.articleLineStatus && this.transactionLine.articleLineStatus.isFullyTransportNotified) {
             return;
         }
-        //if (this.request.containerId && !isNaN(this.request.containerId)) {
-        //await this.transactionService.setTransportNotificationInContainer(this.request);
-        //} else {
         await this.transactionService.setTransportNotification(this.request);
-        //}
     }
     async handleDeleteSelectedRow(row) {
         if (row) {
@@ -20353,15 +20416,8 @@ class TransactionLinePurchaseTransportComponent extends TransactionLineSidepanel
               </div>
             </div>
           </div>
-          <!--<div class="side-panel-input-row">
-          <div class="inside-field">
-            <co-transaction-line-label [insideLabel]="'CONTAINER'"></co-transaction-line-label>
-            <co-list-of-values [collection]="containers"
-              [displayField]="'containerNr'"
-              [(model)]="request.containerId">
-            </co-list-of-values>
-          </div>
-        </div>-->
+          <div class="side-panel-input-row">
+        </div>
       </div>
       <div class="save-cancel-wrapper">
         <co-button [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
@@ -20418,15 +20474,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               </div>
             </div>
           </div>
-          <!--<div class="side-panel-input-row">
-          <div class="inside-field">
-            <co-transaction-line-label [insideLabel]="'CONTAINER'"></co-transaction-line-label>
-            <co-list-of-values [collection]="containers"
-              [displayField]="'containerNr'"
-              [(model)]="request.containerId">
-            </co-list-of-values>
-          </div>
-        </div>-->
+          <div class="side-panel-input-row">
+        </div>
       </div>
       <div class="save-cancel-wrapper">
         <co-button [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
@@ -36578,17 +36627,17 @@ class TransactionArticleTextComponent {
         this.updateWysiwyg();
     }
     onWysiwygInput(event) {
-        let html = event.target.innerHTML ?? "";
-        if (!html.trim()) {
+        let html = (event?.target?.innerHTML ?? "");
+        html = html.replace(/&nbsp;/g, " ");
+        const trimmed = html.trim().toLowerCase();
+        if (!trimmed || trimmed === "<br>" || trimmed === "<br/>" || trimmed === "<br />") {
             this.transactionAddTextLineRequest.text = "<p></p>";
             return;
         }
-        html = html.replace(/&nbsp;/g, ' ');
-        html = html.replace(/<div>/g, "<p>");
-        html = html.replace(/<\/div>/g, "</p>");
-        html = html.replace(/<p><\/p>/g, "<p><br></p>");
-        html = html.replace(/<br><\/p>/g, "</p>");
-        html = html.replace(/<p><br><\/p>/g, "<p></p>");
+        html = html.replace(/<div>/gi, "<p>");
+        html = html.replace(/<\/div>/gi, "</p>");
+        html = html.replace(/<p>\s*<br\s*\/?>\s*<\/p>/gi, "<p></p>");
+        html = html.replace(/<br\s*\/?>/gi, "</p><p></p><p>");
         this.transactionAddTextLineRequest.text = html;
     }
     updateWysiwyg() {
@@ -36669,7 +36718,7 @@ class TransactionArticleTextComponent {
               (modelChange)="onSelectStandardText($event)"
             ></co-list-of-values>
           </div>
-    
+
           @if (showOrderLineFields) {
             <div class="order-line-set-inputs-wrapper show-lines">
               <co-input-text [(model)]="orderLineSetDTO.amount"
@@ -36683,7 +36732,7 @@ class TransactionArticleTextComponent {
               <co-color-picker [(model)]="color"></co-color-picker>
             </div>
           }
-    
+
           <div class="order-line-set-inputs-wrapper">
             @if (showOrderLineFields) {
               <co-input-text [(model)]="title"
@@ -36691,7 +36740,7 @@ class TransactionArticleTextComponent {
               [required]="showOrderLineFields"></co-input-text>
             }
           </div>
-    
+
           <div class="article-text-content-wrapper">
             <div class="editor-wrapper">
               <div class="change-editor" [class.raw-active]="editRawText">
@@ -36714,7 +36763,7 @@ class TransactionArticleTextComponent {
               </div>
             </div>
           </div>
-    
+
           <div class="option-wrapper">
             <div class="article-text-documents-header-wrapper">
               <span [textContent]="'FOR_DOCUMENTS' | localize"></span>
@@ -36731,7 +36780,7 @@ class TransactionArticleTextComponent {
         </div>
       </co-form>
     </co-dialog>
-    
+
     <ng-template #headerTemplate>
       <div class="transaction-article-text-dialog-header-wrapper">
         @if (orderLineSetDTO) {
@@ -36780,7 +36829,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               (modelChange)="onSelectStandardText($event)"
             ></co-list-of-values>
           </div>
-    
+
           @if (showOrderLineFields) {
             <div class="order-line-set-inputs-wrapper show-lines">
               <co-input-text [(model)]="orderLineSetDTO.amount"
@@ -36794,7 +36843,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               <co-color-picker [(model)]="color"></co-color-picker>
             </div>
           }
-    
+
           <div class="order-line-set-inputs-wrapper">
             @if (showOrderLineFields) {
               <co-input-text [(model)]="title"
@@ -36802,7 +36851,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               [required]="showOrderLineFields"></co-input-text>
             }
           </div>
-    
+
           <div class="article-text-content-wrapper">
             <div class="editor-wrapper">
               <div class="change-editor" [class.raw-active]="editRawText">
@@ -36825,7 +36874,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               </div>
             </div>
           </div>
-    
+
           <div class="option-wrapper">
             <div class="article-text-documents-header-wrapper">
               <span [textContent]="'FOR_DOCUMENTS' | localize"></span>
@@ -36842,7 +36891,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         </div>
       </co-form>
     </co-dialog>
-    
+
     <ng-template #headerTemplate>
       <div class="transaction-article-text-dialog-header-wrapper">
         @if (orderLineSetDTO) {
@@ -39020,6 +39069,7 @@ class TransactionLineDiscountPercentageComponent extends TransactionInputLineFie
                    [showSaveCancel]="!readonly"
                    [readonly]="readonly"
                    [model]="transactionLine.lineDiscount"
+                   [selectOnFocus]="true"
     ></co-input-text>
   `, isInline: true, dependencies: [{ kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
@@ -39035,6 +39085,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                    [showSaveCancel]="!readonly"
                    [readonly]="readonly"
                    [model]="transactionLine.lineDiscount"
+                   [selectOnFocus]="true"
     ></co-input-text>
   `,
                     providers: [{
@@ -39089,6 +39140,7 @@ class TransactionLineDiscountAmountComponent extends TransactionInputLineFieldBa
                    [showSaveCancel]="!readonly"
                    [readonly]="readonly"
                    [model]="transactionLine.discountAmount"
+                   [selectOnFocus]="true"
     ></co-input-text>
   `, isInline: true, dependencies: [{ kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
@@ -39104,6 +39156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                    [showSaveCancel]="!readonly"
                    [readonly]="readonly"
                    [model]="transactionLine.discountAmount"
+                   [selectOnFocus]="true"
     ></co-input-text>
   `,
                     providers: [{
@@ -39158,6 +39211,7 @@ class TransactionLineQuantumDiscountComponent extends TransactionInputLineFieldB
                    [showSaveCancel]="!readonly"
                    [readonly]="readonly"
                    [model]="transactionLine.quantumDiscount"
+                   [selectOnFocus]="true"
     ></co-input-text>
   `, isInline: true, dependencies: [{ kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
@@ -39173,6 +39227,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                    [showSaveCancel]="!readonly"
                    [readonly]="readonly"
                    [model]="transactionLine.quantumDiscount"
+                   [selectOnFocus]="true"
     ></co-input-text>
   `,
                     providers: [{
@@ -39227,6 +39282,7 @@ class TransactionLineSpecialDiscountComponent extends TransactionInputLineFieldB
                    [showSaveCancel]="!readonly"
                    [readonly]="readonly"
                    [model]="transactionLine.specialDiscount"
+                   [selectOnFocus]="true"
     ></co-input-text>
   `, isInline: true, dependencies: [{ kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
@@ -39242,6 +39298,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                    [showSaveCancel]="!readonly"
                    [readonly]="readonly"
                    [model]="transactionLine.specialDiscount"
+                   [selectOnFocus]="true"
     ></co-input-text>
   `,
                     providers: [{
@@ -39439,70 +39496,92 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             }] } });
 
 class TransactionLineDiscountButtonComponent extends TransactionLineBaseComponent {
+    transactionHeaderService;
+    transactionLineService;
+    transactionEventService;
+    iconCacheService;
+    screenConfigService;
+    transactionService;
+    imageService;
+    dictionaryService;
+    changeDetector;
     configNames;
     inputLabel = false;
     showClass() {
         return true;
     }
     showDialogDiscount = false;
+    constructor(transactionHeaderService, transactionLineService, transactionEventService, iconCacheService, screenConfigService, transactionService, imageService, dictionaryService, changeDetector) {
+        super(transactionHeaderService, transactionLineService, transactionEventService, iconCacheService, screenConfigService, imageService, dictionaryService, transactionService, changeDetector);
+        this.transactionHeaderService = transactionHeaderService;
+        this.transactionLineService = transactionLineService;
+        this.transactionEventService = transactionEventService;
+        this.iconCacheService = iconCacheService;
+        this.screenConfigService = screenConfigService;
+        this.transactionService = transactionService;
+        this.imageService = imageService;
+        this.dictionaryService = dictionaryService;
+        this.changeDetector = changeDetector;
+    }
     async handleShowDialog(event) {
         event.preventDefault();
         event.stopPropagation();
         if (await this.lockTransaction()) {
             this.showDialogDiscount = true;
+            this.changeDetector.detectChanges();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineDiscountButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineDiscountButtonComponent, deps: [{ token: TransactionHeaderService }, { token: TransactionLineService }, { token: TransactionEventService }, { token: IconCacheService }, { token: TransactionScreenConfigurationService }, { token: TransactionService }, { token: TransactionImageService }, { token: DictionaryService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionLineDiscountButtonComponent, isStandalone: false, selector: "co-transaction-line-discount-button", inputs: { configNames: "configNames", inputLabel: "inputLabel" }, host: { properties: { "class.co-transaction-line-discount-button": "this.showClass" } }, providers: [{
                 provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                 useExisting: forwardRef(() => TransactionLineDiscountButtonComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: `
-    <div class="inside-field">
-      @if (inputLabel) {
-        <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
-      }
-      <co-transaction-button class="center-align"
-        [hidden]="hidden"
-        [readonly]="readonly || forceReadonly"
-        [class.discount]="!!transactionLine.lineTotalDiscountAmount"
-        [label]="!!transactionLine.lineTotalDiscountAmount ? ('- ' + (transactionLine.lineTotalDiscountAmount | coCurrency: true)) : ('' | localize)"
-        [iconData]="iconCacheService.getIcon(icons.LightEuroSignMinus)"
-        (click)="handleShowDialog($event)"
-      ></co-transaction-button>
-    </div>
-    @if (showDialogDiscount) {
-      <co-dialog-transaction-line-discount
-        [configNames]="configNames"
-        (close)="showDialogDiscount = false"
-      ></co-dialog-transaction-line-discount>
-    }
+        ], usesInheritance: true, ngImport: i0, template: `
+    <div class="inside-field">
+      @if (inputLabel) {
+        <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
+      }
+      <co-transaction-button class="center-align"
+        [hidden]="hidden"
+        [readonly]="readonly || forceReadonly"
+        [class.discount]="!!transactionLine.lineTotalDiscountAmount"
+        [label]="!!transactionLine.lineTotalDiscountAmount ? ('- ' + (transactionLine.lineTotalDiscountAmount | coCurrency: true)) : ('' | localize)"
+        [iconData]="iconCacheService.getIcon(icons.LightEuroSignMinus)"
+        (click)="handleShowDialog($event)"
+      ></co-transaction-button>
+    </div>
+    @if (showDialogDiscount) {
+      <co-dialog-transaction-line-discount
+        [configNames]="configNames"
+        (close)="showDialogDiscount = false"
+      ></co-dialog-transaction-line-discount>
+    }
     `, isInline: true, dependencies: [{ kind: "component", type: DialogTransactionLineDiscountComponent, selector: "co-dialog-transaction-line-discount", inputs: ["configNames"] }, { kind: "component", type: TransactionButtonComponent, selector: "co-transaction-button", inputs: ["label", "title", "statusColor", "readonly", "hidden", "iconData", "rightIconData", "showCheckMarkLoader", "checkMarkOverlayVisible", "inputLabel", "insideLabel"], outputs: ["iconClicked"] }, { kind: "component", type: TransactionLineLabelComponent, selector: "co-transaction-line-label", inputs: ["insideLabel"] }, { kind: "pipe", type: CoCurrencyPipe, name: "coCurrency" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineDiscountButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "co-transaction-line-discount-button",
-                    template: `
-    <div class="inside-field">
-      @if (inputLabel) {
-        <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
-      }
-      <co-transaction-button class="center-align"
-        [hidden]="hidden"
-        [readonly]="readonly || forceReadonly"
-        [class.discount]="!!transactionLine.lineTotalDiscountAmount"
-        [label]="!!transactionLine.lineTotalDiscountAmount ? ('- ' + (transactionLine.lineTotalDiscountAmount | coCurrency: true)) : ('' | localize)"
-        [iconData]="iconCacheService.getIcon(icons.LightEuroSignMinus)"
-        (click)="handleShowDialog($event)"
-      ></co-transaction-button>
-    </div>
-    @if (showDialogDiscount) {
-      <co-dialog-transaction-line-discount
-        [configNames]="configNames"
-        (close)="showDialogDiscount = false"
-      ></co-dialog-transaction-line-discount>
-    }
+                    template: `
+    <div class="inside-field">
+      @if (inputLabel) {
+        <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
+      }
+      <co-transaction-button class="center-align"
+        [hidden]="hidden"
+        [readonly]="readonly || forceReadonly"
+        [class.discount]="!!transactionLine.lineTotalDiscountAmount"
+        [label]="!!transactionLine.lineTotalDiscountAmount ? ('- ' + (transactionLine.lineTotalDiscountAmount | coCurrency: true)) : ('' | localize)"
+        [iconData]="iconCacheService.getIcon(icons.LightEuroSignMinus)"
+        (click)="handleShowDialog($event)"
+      ></co-transaction-button>
+    </div>
+    @if (showDialogDiscount) {
+      <co-dialog-transaction-line-discount
+        [configNames]="configNames"
+        (close)="showDialogDiscount = false"
+      ></co-dialog-transaction-line-discount>
+    }
     `,
                     providers: [{
                             provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -39512,7 +39591,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
-        }], propDecorators: { configNames: [{
+        }], ctorParameters: () => [{ type: TransactionHeaderService }, { type: TransactionLineService }, { type: TransactionEventService }, { type: IconCacheService }, { type: TransactionScreenConfigurationService }, { type: TransactionService }, { type: TransactionImageService }, { type: DictionaryService }, { type: i0.ChangeDetectorRef }], propDecorators: { configNames: [{
                 type: Input
             }], inputLabel: [{
                 type: Input
@@ -58081,6 +58160,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             }] } });
 
 class TransactionSearchPurchaseOrderTileComponent extends TransactionSearchTileBaseComponent {
+    iconCacheService;
+    changeDetection;
+    _eventService;
     statusBarConfigNames = {
         statusBarBT: this.cfgNames.StatusBarBT,
         statusBarIB: this.cfgNames.StatusBarIB,
@@ -58089,7 +58171,70 @@ class TransactionSearchPurchaseOrderTileComponent extends TransactionSearchTileB
         statusBarBG: this.cfgNames.StatusBarBG,
         statusBarFC: this.cfgNames.StatusBarFC
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPurchaseOrderTileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    _containerMode;
+    _removalMode;
+    _addToContainerRequest;
+    _removeFromContainerRequest;
+    _subs = [];
+    constructor(iconCacheService, changeDetection, _eventService) {
+        super(iconCacheService, changeDetection);
+        this.iconCacheService = iconCacheService;
+        this.changeDetection = changeDetection;
+        this._eventService = _eventService;
+    }
+    ngOnInit() {
+        this._subs.push(this._eventService.transportContainerChosen.subscribe((container) => {
+            this._containerMode = (container !== null && container !== undefined);
+            if (!this._containerMode) {
+                this.transaction.selected = false;
+            }
+        }), this._eventService.removalModeContainerInfo.subscribe((containerInfo) => {
+            this._removalMode = (containerInfo !== null && containerInfo !== undefined);
+            this._determineSelected();
+        }), this._eventService.transportTransactionRequestUpdated.subscribe((request) => {
+            this._addToContainerRequest = request;
+            this._determineSelected();
+        }), this._eventService.transportTransactionRemoveRequestUpdated.subscribe((request) => {
+            this._removeFromContainerRequest = request;
+            this._determineSelected();
+        }));
+    }
+    ngOnDestroy() {
+        this._subs.forEach(sub => sub.unsubscribe());
+        this._subs.forEach(sub => sub.unsubscribe());
+    }
+    _determineSelected() {
+        //We only need to take into account special conditions when in container mode
+        if (this._containerMode) {
+            if (this._removalMode) {
+                this._determineSelectedBasedOnRemoveRequest();
+            }
+            else {
+                this._determineSelectedBasedOnRequest();
+            }
+        }
+    }
+    _determineSelectedBasedOnRequest() {
+        let transInfo = undefined;
+        if (this._addToContainerRequest && (this._addToContainerRequest.transactionRequests.length > 0)) {
+            transInfo = this._addToContainerRequest.transactionRequests.find(req => (this.transaction.transId === req.transId));
+            this.transaction.selected = (transInfo !== undefined);
+        }
+        else {
+            this.transaction.selected = false;
+        }
+    }
+    _determineSelectedBasedOnRemoveRequest() {
+        let transInfo = undefined;
+        if (this._removeFromContainerRequest && (this._removeFromContainerRequest.transactionRequests.length > 0)) {
+            transInfo = this._removeFromContainerRequest.transactionRequests.find(req => (this.transaction.transId === req.transId));
+            this.transaction.selected = (transInfo !== undefined);
+        }
+        else {
+            this.transaction.selected = false;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPurchaseOrderTileComponent, deps: [{ token: IconCacheService }, { token: i0.ChangeDetectorRef }, { token: TransactionEventService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchPurchaseOrderTileComponent, isStandalone: false, selector: "co-transaction-search-purchase-order-tile", usesInheritance: true, ngImport: i0, template: `
     <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
       <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
@@ -58105,7 +58250,7 @@ class TransactionSearchPurchaseOrderTileComponent extends TransactionSearchTileB
             <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
@@ -58188,7 +58333,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             <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
@@ -58254,7 +58399,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
-        }] });
+        }], ctorParameters: () => [{ type: IconCacheService }, { type: i0.ChangeDetectorRef }, { type: TransactionEventService }] });
 
 class TransactionSearchPurchaseOrderTileModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPurchaseOrderTileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -58696,43 +58841,244 @@ var BatchDeliveryCategory;
 })(BatchDeliveryCategory || (BatchDeliveryCategory = {}));
 
 class TransactionNotificationLineSelectionService {
-    connector;
-    linesForTransportNotificationList = [];
-    constructor(connector) {
-        this.connector = connector;
+    _connector;
+    _eventService;
+    _subs = [];
+    _setMultipleTransportNotificationsInContainerOnSelectedLinesRequest = new SetMultipleTransportNotificationsInContainerOnSelectedLinesRequest();
+    _removeFromContainerRequest = new RemoveFromContainerRequest();
+    _removalContainerInfo;
+    constructor(_connector, _eventService) {
+        this._connector = _connector;
+        this._eventService = _eventService;
+        this._subs.push(this._eventService.transportContainerChosen.subscribe((container) => {
+            if (container) {
+                this.setContainerOnRequests(container);
+            }
+            else {
+                this.fullyResetRequests();
+            }
+        }), this._eventService.removalModeContainerInfo.subscribe((containerInfo) => {
+            this._removalContainerInfo = containerInfo;
+            this._resetRequestsExceptForContainer();
+        }), this._eventService.transportTransactionSelectionChanged.subscribe((data) => {
+            this.processTransactionSelection(data);
+        }), this._eventService.transportTransactionLineSelectionChanged.subscribe((data) => {
+            this.processTransactionLineSelection(data.transId, data.line);
+        }), this._eventService.fillContainerRequested.subscribe(() => {
+            this.addRequestedLinesToContainer();
+        }), this._eventService.removeFromContainerRequested.subscribe(() => {
+            this.removeRequestedLinesFromContainer();
+        }));
+    }
+    ngOnDestroy() {
+        this._subs.forEach(sub => sub.unsubscribe());
+    }
+    setContainerOnRequests(container) {
+        if (container && container.containerId) {
+            this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest.containerId = container.containerId;
+            this._removeFromContainerRequest.containerId = container.containerId;
+        }
+        else {
+            this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest.containerId = null;
+            this._removeFromContainerRequest.containerId = null;
+        }
+        this._eventService.transportTransactionRequestUpdated.next(this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest);
+        this._eventService.transportTransactionRemoveRequestUpdated.next(this._removeFromContainerRequest);
+    }
+    fullyResetRequests() {
+        this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest = new SetMultipleTransportNotificationsInContainerOnSelectedLinesRequest();
+        this._eventService.transportTransactionRequestUpdated.next(this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest);
+        this._removeFromContainerRequest = new RemoveFromContainerRequest();
+        this._eventService.transportTransactionRemoveRequestUpdated.next(this._removeFromContainerRequest);
+    }
+    async processTransactionSelection(searchTransaction) {
+        if (this._removalContainerInfo === null || this._removalContainerInfo === undefined) {
+            if (searchTransaction.selected) {
+                this.addAvailableLinesFromTransactionToRequest(searchTransaction);
+            }
+            else {
+                this.removeAllLinesFromTransactionFromRequest(searchTransaction);
+            }
+        }
+        else {
+            if (searchTransaction.selected) {
+                this.addTransactionToRemoveRequest(searchTransaction);
+            }
+            else {
+                this.removeAllLinesFromRemoveRequest(searchTransaction);
+            }
+        }
     }
-    async addAvailableLinesFromOrderToRequest(searchTransaction) {
-        if (searchTransaction.quantityTransportNotification !== searchTransaction.quantityTotal) {
-            const transactionToAdd = await this.connector.getTransactionById(searchTransaction.transId);
-            const transactionLinesToAdd = transactionToAdd.transactionLines.filter(line => (line.articleLineStatus ? (line.articleLineStatus.quantityTransportNotification !== line.amount) : false));
+    async addAvailableLinesFromTransactionToRequest(searchTransaction) {
+        if (!searchTransaction.isFullyTransportNotified) {
+            this.removeAllLinesFromTransactionFromRequest(searchTransaction);
+            let transRequest = this._createNewTransactionRequest(searchTransaction.transId);
+            const transactionToAdd = await this._connector.getTransactionById(searchTransaction.transId);
+            const transactionLinesToAdd = transactionToAdd.transactionLines.filter(line => (line.articleLineStatus ? (!line.articleLineStatus.isFullyTransportNotified) : false));
             transactionLinesToAdd.forEach(line => {
-                const request = new TransportNotificationLineSelectRequest();
-                request.lineNr = line.lineNr;
-                request.quantity = line.amount - line.articleLineStatus.quantityTransportNotification;
-                this.linesForTransportNotificationList.push(request);
+                transRequest.selectedLines.push(this._createLineRequest(line));
             });
+            this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest.transactionRequests.push(transRequest);
+            this._eventService.transportTransactionRequestUpdated.next(this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest);
+        }
+    }
+    removeAllLinesFromTransactionFromRequest(searchTransaction) {
+        const index = this._findTransactionRequestIndex(searchTransaction.transId);
+        if (index >= 0) {
+            this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest.transactionRequests.splice(index, 1);
+            this._eventService.transportTransactionRequestUpdated.next(this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest);
+        }
+    }
+    async addTransactionToRemoveRequest(searchTransaction) {
+        this.removeAllLinesFromRemoveRequest(searchTransaction);
+        let transRequest = this._createNewRemoveTransactionRequest(searchTransaction.transId);
+        this._removeFromContainerRequest.transactionRequests.push(transRequest);
+        this._eventService.transportTransactionRemoveRequestUpdated.next(this._removeFromContainerRequest);
+    }
+    removeAllLinesFromRemoveRequest(searchTransaction) {
+        const index = this._findTransactionRemoveRequestIndex(searchTransaction.transId);
+        if (index >= 0) {
+            this._removeFromContainerRequest.transactionRequests.splice(index, 1);
+            this._eventService.transportTransactionRemoveRequestUpdated.next(this._removeFromContainerRequest);
+        }
+    }
+    async processTransactionLineSelection(transId, line) {
+        if (this._removalContainerInfo === null || this._removalContainerInfo === undefined) {
+            if (line && line.selected) {
+                this.addLineToRequest(line, transId);
+            }
+            else {
+                this.removeLineFromRequest(line, transId);
+            }
+        }
+        else {
+            if (line && line.selected) {
+                this.addLineToRemoveRequest(line, transId);
+            }
+            else {
+                this.removeLineFromRemoveRequest(line, transId);
+            }
+        }
+    }
+    addLineToRequest(line, transId) {
+        if (!line.articleLineStatus.isFullyTransportNotified) {
+            const index = this._findTransactionRequestIndex(transId);
+            if (index < 0) {
+                let transRequest = this._createNewTransactionRequest(transId);
+                transRequest.selectedLines.push(this._createLineRequest(line));
+                this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest.transactionRequests.push(transRequest);
+            }
+            else {
+                this._removeLineFromTransactionRequest(line.lineNr, this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest.transactionRequests[index]);
+                this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest.transactionRequests[index].selectedLines.push(this._createLineRequest(line));
+            }
+            this._eventService.transportTransactionRequestUpdated.next(this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest);
+        }
+    }
+    removeLineFromRequest(line, transId) {
+        const index = this._findTransactionRequestIndex(transId);
+        if (index >= 0) {
+            this._removeLineFromTransactionRequest(line.lineNr, this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest.transactionRequests[index]);
+            if (this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest.transactionRequests[index].selectedLines.length === 0) {
+                this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest.transactionRequests.splice(index, 1);
+            }
+            this._eventService.transportTransactionRequestUpdated.next(this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest);
+        }
+    }
+    addLineToRemoveRequest(line, transId) {
+        const index = this._findTransactionRemoveRequestIndex(transId);
+        if (index < 0) {
+            let transRequest = this._createNewRemoveTransactionRequest(transId);
+            transRequest.selectedLines.push(line.lineNr);
+            this._removeFromContainerRequest.transactionRequests.push(transRequest);
+        }
+        else {
+            let lineIndex = this._findLineRemoveRequestIndex(line.lineNr, this._removeFromContainerRequest.transactionRequests[index]);
+            if (lineIndex < 0) {
+                this._removeFromContainerRequest.transactionRequests[index].selectedLines.push(line.lineNr);
+            }
+        }
+        this._eventService.transportTransactionRemoveRequestUpdated.next(this._removeFromContainerRequest);
+    }
+    removeLineFromRemoveRequest(line, transId) {
+        const index = this._findTransactionRemoveRequestIndex(transId);
+        if (index >= 0) {
+            this._removeLineFromRemoveRequest(line.lineNr, this._removeFromContainerRequest.transactionRequests[index]);
+            if (this._removeFromContainerRequest.transactionRequests[index].selectedLines.length === 0) {
+                this._removeFromContainerRequest.transactionRequests.splice(index, 1);
+            }
+            this._eventService.transportTransactionRemoveRequestUpdated.next(this._removeFromContainerRequest);
+        }
+    }
+    async addRequestedLinesToContainer() {
+        const success = await this._connector.setMultipleTransportNotificationInContainerOnSelectedLines(this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest);
+        if (success) {
+            this._resetAddRequestExceptForContainer();
+            this._eventService.fillContainerSuccess.next();
+        }
+    }
+    async removeRequestedLinesFromContainer() {
+        const success = await this._connector.removeFromContainerWithSelectedLines(this._removeFromContainerRequest);
+        if (success) {
+            this._resetRemoveRequestExceptForContainer();
+            this._eventService.removeFromContainerSuccess.next();
+        }
+    }
+    _removeLineFromTransactionRequest(lineNr, request) {
+        const index = this._findLineRequestIndex(lineNr, request);
+        if (index >= 0) {
+            request.selectedLines.splice(index, 1);
         }
     }
-    removeAllLinesFromOrderFromRequest(searchTransaction) {
-        //Check if transId/number is in the existing request Object.
-        //If so remove the entry for this transaction including all associated lines from the request.
+    _removeLineFromRemoveRequest(lineNr, request) {
+        const index = this._findLineRemoveRequestIndex(lineNr, request);
+        if (index >= 0) {
+            request.selectedLines.splice(index, 1);
+        }
+    }
+    _findTransactionRequestIndex(transId) {
+        return this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest.transactionRequests.findIndex(req => req.transId === transId);
+    }
+    _findTransactionRemoveRequestIndex(transId) {
+        return this._removeFromContainerRequest.transactionRequests.findIndex(req => req.transId === transId);
+    }
+    _createNewTransactionRequest(transId) {
+        let transRequest = new SetTransportNotificationInContainerOnTransactionRequest();
+        transRequest.transId = transId;
+        return transRequest;
     }
-    addLineToRequest() {
-        //Check if entry for the transaction the line is in already exists.
-        //If not make transaction entry and add it.
-        //Make request entry for line and add this under the correct transaction entry
+    _createNewRemoveTransactionRequest(transId) {
+        let transRequest = new RemoveTransactionFromContainerRequest();
+        transRequest.transId = transId;
+        return transRequest;
     }
-    removeLineFromRequest() {
-        //Check if entry for the transaction the line is in already exists.
-        //If not, do nothing
-        //If so. Find the correct line and remove it.
+    _findLineRequestIndex(lineNr, request) {
+        return request.selectedLines.findIndex(req => req.lineNr === lineNr);
     }
-    adjustLineInRequest() {
-        //Check if entry for the transaction and the line exist
-        //If so set current transline values to the existing request.
-        //If so. Find the correct line and remove it.
+    _findLineRemoveRequestIndex(lineNr, request) {
+        return request.selectedLines.findIndex(req => req === lineNr);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionNotificationLineSelectionService, deps: [{ token: TransactionConnectorService }], target: i0.ɵɵFactoryTarget.Injectable });
+    _createLineRequest(line) {
+        let lineRequest = new TransportNotificationInContainerLineSelectRequest();
+        lineRequest.lineNr = line.lineNr;
+        lineRequest.quantity = (line.articleLineStatus && line.articleLineStatus.quantityTransportNotification) ?
+            line.amount - line.articleLineStatus.quantityTransportNotification : line.amount;
+        lineRequest.reference = (line.reference);
+        return lineRequest;
+    }
+    _resetRequestsExceptForContainer() {
+        this._resetAddRequestExceptForContainer();
+        this._resetRemoveRequestExceptForContainer();
+    }
+    _resetAddRequestExceptForContainer() {
+        this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest.transactionRequests = [];
+        this._eventService.transportTransactionRequestUpdated.next(this._setMultipleTransportNotificationsInContainerOnSelectedLinesRequest);
+    }
+    _resetRemoveRequestExceptForContainer() {
+        this._removeFromContainerRequest.transactionRequests = [];
+        this._eventService.transportTransactionRemoveRequestUpdated.next(this._removeFromContainerRequest);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionNotificationLineSelectionService, deps: [{ token: TransactionConnectorService }, { token: TransactionEventService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionNotificationLineSelectionService, providedIn: "root" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionNotificationLineSelectionService, decorators: [{
@@ -58740,7 +59086,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             args: [{
                     providedIn: "root"
                 }]
-        }], ctorParameters: () => [{ type: TransactionConnectorService }] });
+        }], ctorParameters: () => [{ type: TransactionConnectorService }, { type: TransactionEventService }] });
 
 class QuickSendButtonComponent {
     iconCacheService;
@@ -59812,233 +60158,840 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Output
             }] } });
 
-class TransactionSearchResultComponent {
-    searchService;
-    screenConfigService;
-    transactionService;
-    transactionEventService;
+class TransactionContainerChoiceDialogComponent {
     iconCacheService;
-    _changeDetectorRef;
-    _deliveryPlanningService;
-    _transportSelectionService;
-    BatchDeliveryCategory = BatchDeliveryCategory;
-    icon = Icon;
-    contentViewModes = ContentViewMode;
-    draggableTransactions;
-    showCheckbox;
-    batchCategory;
-    extendedTransactionSearch = false;
-    set activeContentViewMode(value) {
-        this._activeContentViewMode = value;
-    }
-    get activeContentViewMode() {
-        return this._activeContentViewMode;
-    }
-    set fullscreen(value) {
-        this._fullscreen = value;
-    }
-    get fullscreen() {
-        return this._fullscreen;
-    }
-    transactionClick = new EventEmitter();
-    containerChosen = new EventEmitter();
+    transactionService;
     showClass() {
         return true;
     }
-    selectedTransaction;
-    screenConfigLoaded = false;
-    batchPageActive = false;
-    showProcessOrdersLoader = false;
-    showShippingMethodDialog = false;
-    showDatePickDialog = false;
-    showBatchProcessDialog = false;
-    checkedAvailability = false;
-    selectedTransactions = [];
-    batchTransactionSendingRequest = new BatchTransactionSendingRequest();
-    batchJobProgress = [];
-    chosenContainer;
-    _activeContentViewMode;
-    _fullscreen;
-    _transactionKind;
-    _subs = [];
-    constructor(searchService, screenConfigService, transactionService, transactionEventService, iconCacheService, _changeDetectorRef, _deliveryPlanningService, _transportSelectionService) {
-        this.searchService = searchService;
-        this.screenConfigService = screenConfigService;
-        this.transactionService = transactionService;
-        this.transactionEventService = transactionEventService;
+    containerChoiceMade = new EventEmitter();
+    cancelClicked = new EventEmitter();
+    icons = Icon;
+    containers = [];
+    containerTypes = [];
+    distributionValues = [{ text: "Volume", value: "V" }, { text: "Price", value: "P" }];
+    currencies = [];
+    chosenContainer = new Container();
+    chosenContainerType;
+    chosenContainerInfo;
+    chosenCostDist;
+    chosenCurrency;
+    newContainerModeActive = false;
+    constructor(iconCacheService, transactionService) {
         this.iconCacheService = iconCacheService;
-        this._changeDetectorRef = _changeDetectorRef;
-        this._deliveryPlanningService = _deliveryPlanningService;
-        this._transportSelectionService = _transportSelectionService;
+        this.transactionService = transactionService;
     }
     ngOnInit() {
-        this._subs.push(this.searchService.searchRequestSet.subscribe((request) => {
-            if (request) {
-                this.screenConfigService.loadConfig([request.transactionKind]);
-                this._transactionKind = request.transactionKind;
-                this.batchPageActive = request.transactionKind === 'V' || request.transactionKind === 'I' || request.transactionKind === 'S' || request.transactionKind === 'L';
-            }
-        }), this.screenConfigService.configSet.subscribe((config) => {
-            if (config && config.length > 0) {
-                this.screenConfigLoaded = true;
-            }
-        }), this.searchService.resultsUpdated.subscribe(() => {
-            if (this.batchPageActive && this.searchService.showBatchOptions) {
-                this.markSelectedTransactions();
-            }
-        }), this.transactionEventService.selectedTransportDay.subscribe(async (transportDay) => {
-            const filteredTransactions = await Promise.all(this.searchService.transactions.map(async (order) => {
-                const planOrder = await this.transactionService.getPlanOrder(order.transId);
-                const isAvailable = await this._deliveryPlanningService.deliveryMethodAvailabilityCheck(planOrder, transportDay) &&
-                    await this._deliveryPlanningService.districtAvailabilityCheck(planOrder, transportDay) &&
-                    transportDay.availableOnDate;
-                return isAvailable ? order : null;
-            }));
-            this.searchService.transactions = filteredTransactions.filter((order) => order !== null);
-        }), this.transactionEventService.resetTransportDayFilteredOrders.subscribe(async () => await this.searchService.searchTransactions()));
+        this.getCollections();
     }
-    ngOnChanges(changes) {
-        if (changes['batchCategory']) {
-            this.batchCategory = changes['batchCategory'].currentValue;
-            this._showBatchOptions(this.batchCategory);
-            if (changes['batchCategory'].previousValue !== changes['batchCategory'].currentValue) {
-                this._clearSelected();
-            }
+    containerChosen() {
+        if (this.chosenContainer && this.chosenContainer.containerId) {
+            this.transactionService.getContainerInfo(this.chosenContainer.containerId).then(info => {
+                this.chosenContainerInfo = info;
+            });
+            this.setChosenContainerTypeFromContainer();
+            this.setChosenCostDistFromContainer();
+            this.setChosenCurrencyFromContainer();
         }
     }
-    ngOnDestroy() {
-        this._subs.forEach(s => s.unsubscribe());
-    }
-    onTransactionClick(transaction) {
-        this.selectedTransaction = transaction;
-        this.transactionClick.emit(transaction);
-    }
-    onSelectedClick(transaction) {
-        //Eventually all of these selection processes need to work via specialized services instead of storing their data locally in this component.
-        //For now were doing a 'testrun' with the TransportNotification functionality as the existing system will not suffice for the requested features.
-        if (this.batchCategory !== BatchDeliveryCategory.Transport) {
-            if (transaction.selected) {
-                this.selectedTransactions.push(transaction);
-            }
-            else {
-                const transId = transaction.transId;
-                const index = this.selectedTransactions.findIndex(transaction => transaction.transId === transId);
-                if (index !== -1) {
-                    this.selectedTransactions.splice(index, 1);
-                }
-            }
-        }
-        else {
-            if (transaction.selected) {
-                this._transportSelectionService.addAvailableLinesFromOrderToRequest(transaction);
-            }
-            else {
-                this._transportSelectionService.removeAllLinesFromOrderFromRequest(transaction);
-            }
+    containerTypeChosen() {
+        if (this.chosenContainer) {
+            this.setChosenContainerTypeToContainer();
         }
     }
-    onPreviousClick() {
-        this.searchService.currentPage -= 1;
+    costDistChosen() {
+        if (this.chosenContainer) {
+            this.setChosenCostDistToContainer();
+        }
     }
-    onNextClick() {
-        this.searchService.currentPage += 1;
+    currencyChosen() {
+        if (this.chosenContainer) {
+            this.setChosenCurrencyToContainer();
+        }
     }
-    onPageClick(pageNr) {
-        this.searchService.currentPage = pageNr;
+    newContainerButtonClicked() {
+        this.chosenContainer = new Container();
+        this.setChosenContainerTypeFromContainer();
+        this.setChosenCostDistFromContainer();
+        this.setChosenCurrencyFromContainer();
+        this.chosenContainerInfo = null;
+        this.newContainerModeActive = true;
     }
-    markSelectedTransactions() {
-        if (this.searchService.resultsUpdated) {
-            this.searchService.transactions.forEach(transaction => {
-                const matchingObject = this.selectedTransactions.find(selectedTransaction => selectedTransaction.transId === transaction.transId);
-                if (matchingObject) {
-                    transaction.selected = true;
-                }
-            });
+    async saveButtonClicked() {
+        let result;
+        if (this.newContainerModeActive && this.chosenContainer && !this.chosenContainer.containerId) {
+            result = await this.transactionService.createContainer(this.chosenContainer);
         }
-    }
-    async dragStarted(ev, transaction) {
-        this._deliveryPlanningService.dragging = true;
-        this._deliveryPlanningService.currentTransId = transaction.transId;
-        ev.dataTransfer.setData('text', transaction.transId);
-        if (!this.checkedAvailability) {
-            let planOrder = await this.transactionService.getPlanOrder(transaction.transId);
-            this._deliveryPlanningService.availabilityCheckEvent.emit(planOrder);
-            this.checkedAvailability = true;
+        else {
+            result = await this.transactionService.updateContainer(this.chosenContainer);
         }
-    }
-    dragEnd(ev) {
-        this._deliveryPlanningService.dragging = false;
-        this._deliveryPlanningService.currentTransId = undefined;
-        if (this.checkedAvailability) {
-            this.checkedAvailability = false;
-            this._deliveryPlanningService.availabilityResetEvent.emit();
-            this._changeDetectorRef.markForCheck();
-            this._changeDetectorRef.detectChanges();
+        if (result && result.containerId) {
+            this.containerChoiceMade.emit(result);
         }
     }
-    checkIfSelected() {
-        return this.selectedTransactions.some(item => item.selected);
+    cancelButtonClicked() {
+        this.cancelClicked.emit();
     }
-    checkIfAllSelected() {
-        return this.searchService.transactions.every(item => item.selected);
+    getCollections() {
+        this.transactionService.getContainers().then(containerList => {
+            this.containers = containerList;
+        });
+        this.transactionService.getContainerTypes().then(types => {
+            this.containerTypes = types;
+            this.setChosenContainerTypeToContainer();
+        });
+        this.transactionService.getCurrencies().then(cur => {
+            this.currencies = cur;
+            this.setChosenCurrencyFromContainer();
+        });
     }
-    showAdditionalOptionsIfNeeded() {
-        const selectedTransactionsIds = this.selectedTransactions.map(transaction => transaction.transId);
-        if (this.batchCategory === BatchDeliveryCategory.Approval) {
-            this._setAllSelectedOrdersDefinite(selectedTransactionsIds);
+    setChosenContainerTypeFromContainer() {
+        if (this.chosenContainer && this.chosenContainer.containerType && this.containerTypes && this.containerTypes.length > 0) {
+            this.chosenContainerType = this.containerTypes.find(ct => ct.containerType === this.chosenContainer.containerType);
         }
-        else if (this.batchCategory === BatchDeliveryCategory.Allocate) {
-            this.showProcessOrdersLoader = true;
-            this.searchService.searchTransactions();
-            this.transactionService.startToAllocateUnAllocatedLinesBatch(selectedTransactionsIds)
-                .then(() => this._showBatchProcessesStatus())
-                .catch(() => this.showProcessOrdersLoader = false);
+        else {
+            this.chosenContainerType = null;
         }
-        else if (this.batchCategory === BatchDeliveryCategory.Picked) {
-            this.showProcessOrdersLoader = true;
-            this.searchService.searchTransactions();
-            this.transactionService.startGoodsPickedBatch(selectedTransactionsIds)
-                .then(() => this._showBatchProcessesStatus())
-                .catch(() => this.showProcessOrdersLoader = false);
+    }
+    setChosenContainerTypeToContainer() {
+        if (this.chosenContainer) {
+            this.chosenContainer.containerType = this.chosenContainerType ? this.chosenContainerType.containerType : null;
+        }
+    }
+    setChosenCostDistFromContainer() {
+        if (this.chosenContainer && this.chosenContainer.distributionTransportCost) {
+            this.chosenCostDist = this.distributionValues.find(ct => ct.value === this.chosenContainer.distributionTransportCost);
         }
         else {
-            this.showShippingMethodDialog = true;
+            this.chosenCostDist = null;
         }
     }
-    onToggleAllOrders(allSelected) {
-        this.searchService.transactions.forEach(item => {
-            item.selected = !allSelected;
-            const transactionExists = this.selectedTransactions.some(trans => trans.transId === item.transId);
-            if (!allSelected && !transactionExists) {
-                this.selectedTransactions.push(item);
-            }
-            if (allSelected) {
-                const transactionIndex = this.selectedTransactions.findIndex(trans => trans.transId === item.transId);
-                if (transactionIndex !== -1) {
-                    this.selectedTransactions.splice(transactionIndex, 1);
-                }
-            }
-        });
-    }
-    shippingDialogSaveClicked(request) {
-        this.batchTransactionSendingRequest = request;
-        this.showShippingMethodDialog = false;
-        this.showProcessOrdersLoader = true;
-        this.searchService.searchTransactions();
-        if (this.batchCategory === BatchDeliveryCategory.Overview && this._transactionKind !== TransactionKind.PurchaseOrder) {
-            this.transactionService.startOrderConfirmationBatch(this.batchTransactionSendingRequest)
-                .then(() => this._showBatchProcessesStatus())
-                .catch(() => this.showProcessOrdersLoader = false);
+    setChosenCostDistToContainer() {
+        if (this.chosenContainer) {
+            this.chosenContainer.distributionTransportCost = this.chosenCostDist ? this.chosenCostDist.value : null;
         }
-        else if (this.batchCategory === BatchDeliveryCategory.Purchase || (this._transactionKind === TransactionKind.PurchaseOrder && this.batchCategory === BatchDeliveryCategory.Overview)) {
-            this.transactionService.startPurchaseOrderFormBatch(this.batchTransactionSendingRequest)
-                .then(() => this._showBatchProcessesStatus())
-                .catch(() => this.showProcessOrdersLoader = false);
+    }
+    setChosenCurrencyFromContainer() {
+        if (this.chosenContainer && this.chosenContainer.currencyCode) {
+            this.chosenCurrency = this.currencies.find(cur => cur.code === this.chosenContainer.currencyCode);
         }
-        else if (this.batchCategory === BatchDeliveryCategory.ToPick) {
-            this.transactionService.startGoodsToBePickedBatch(this.batchTransactionSendingRequest)
-                .then(() => this._showBatchProcessesStatus())
-                .catch(() => this.showProcessOrdersLoader = false);
+        else {
+            this.chosenCurrency = null;
+        }
+    }
+    setChosenCurrencyToContainer() {
+        if (this.chosenContainer) {
+            this.chosenContainer.currencyCode = this.chosenCurrency ? this.chosenCurrency.code : null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionContainerChoiceDialogComponent, deps: [{ token: IconCacheService }, { token: TransactionService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionContainerChoiceDialogComponent, isStandalone: false, selector: "co-transaction-container-choice-dialog", outputs: { containerChoiceMade: "containerChoiceMade", cancelClicked: "cancelClicked" }, host: { properties: { "class.co-transaction-container-choice-dialog": "this.showClass" } }, ngImport: i0, template: `
+      <co-dialog
+        [headerTemplate]="headerTemplate"
+        [footerTemplate]="footerTemplate"
+        (closeClick)="cancelButtonClicked()">
+        <ng-template #headerTemplate class="header-class">
+          <co-icon [iconData]="iconCacheService.getIcon(icons.ContainerStorageRegularFull)"></co-icon>
+          <div class="co-dialog-header-title" [textContent]="'CONTAINER_INFO' | localize"></div>
+        </ng-template>
+
+        <div class="transport-dialog-contents">
+          <div class="button-div">
+            @if (!newContainerModeActive) {
+              <co-button [label]="'NEW'  | localize" class="new-container-button"
+              [iconData]="iconCacheService.getIcon(icons.PlusSimple)" (click)="newContainerButtonClicked()"></co-button>
+            }
+          </div>
+          <div class="transport-dialog-contents-paragraph">
+            <div class="transport-dialog-contents-column">
+              <span class="column-title" [textContent]="'CONTAINER_DATA' | localize"></span>
+              @if (!newContainerModeActive) {
+                <co-list-of-values
+                  [label]="'CONTAINER' | localize"
+                  [collection]="containers"
+                  [displayField]="'containerNr'"
+                  [(model)]="chosenContainer"
+                  (modelChange)="containerChosen()"
+                ></co-list-of-values>
+              }
+              @if (newContainerModeActive) {
+                <co-input-text
+                  [placeholder]="'CONTAINER_NR' | localize"
+                  [readonly]="false"
+                  [(model)]="chosenContainer.containerNr">
+                </co-input-text>
+              }
+              <co-list-of-values [label]="'TYPE' | localize"
+                [collection]="containerTypes"
+                [displayField]="'description'"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+                [(model)]="chosenContainerType"
+                (modelChange)="containerTypeChosen()">
+              </co-list-of-values>
+              <co-input-text [placeholder]="'REMARK' | localize"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+                [(model)]="chosenContainer.state">
+              </co-input-text>
+            </div>
+            <div class="transport-dialog-contents-column">
+              <span class="column-title" [textContent]="'CONTENTS_AND_COST' | localize"></span>
+              <co-input-text [placeholder]="'VOLUME' | localize"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+                [digitsOnly]="true"
+                [(model)]="chosenContainer.volume">
+              </co-input-text>
+              @if (!newContainerModeActive) {
+                <co-input-text
+                  [placeholder]="'YET_TO_USE' | localize"
+                  [readonly]="true"
+                  [digitsOnly]="true"
+                  [model]="chosenContainerInfo?.containerVolume - chosenContainerInfo?.packedVolume">
+                </co-input-text>
+              }
+              <co-list-of-values [label]="'DISTRIBUTION' | localize"
+                [collection]="distributionValues"
+                [displayField]="'text'"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+                [(model)]="chosenCostDist"
+                (modelChange)="costDistChosen()">
+              </co-list-of-values>
+              <div class="currency-section">
+                <co-list-of-values [label]="'CURRENCY' | localize"
+                  [collection]="currencies"
+                  [displayField]="'unit'"
+                  [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+                  [(model)]="chosenCurrency"
+                  (modelChange)="currencyChosen()">
+                </co-list-of-values>
+                <co-input-text class="currency-field"
+                  [placeholder]="'TRANSPORT_COST' | localize"
+                  [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+                  [(model)]="chosenContainer.transportationCosts">
+                </co-input-text>
+              </div>
+              <co-input-checkbox [label]="'VOLUME_RESTRICTED' | localize"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+                [(model)]="chosenContainer.volumeLimited">
+              </co-input-checkbox>
+            </div>
+          </div>
+          <div class="transport-dialog-contents-paragraph">
+            <div class="transport-dialog-contents-column">
+              <span class="column-title" [textContent]="'PLANNING_INFO' | localize"></span>
+              <co-input-date [placeholder]="'LOADING_DATE' | localize"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+              [(model)]="chosenContainer.loadingDate"></co-input-date>
+              <co-input-date [placeholder]="'SHIPPING_DATE' | localize"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+              [(model)]="chosenContainer.departureDate"></co-input-date>
+            </div>
+            <div class="transport-dialog-contents-column">
+              <span class="column-title" [textContent]="\n\n"></span>
+              <co-input-date [placeholder]="'ETA_AT_PORT' | localize"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+              [(model)]="chosenContainer.arrivalHarborDate"></co-input-date>
+              <co-input-date [placeholder]="'ARRIVAL_DATE' | localize"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+              [(model)]="chosenContainer.arrivalDate"></co-input-date>
+            </div>
+          </div>
+        </div>
+
+        <ng-template #footerTemplate>
+          <div class="co-dialog-footer-button-wrapper">
+            @if (chosenContainer.containerId || newContainerModeActive) {
+              <co-button
+                class="save-button"
+                [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
+                (click)="saveButtonClicked()">
+              </co-button>
+            }
+            <co-button
+              class="close-button"
+              [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
+              (click)="cancelButtonClicked()">
+            </co-button>
+          </div>
+        </ng-template>
+      </co-dialog>
+      `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.ListOfValuesComponent, selector: "co-list-of-values", inputs: ["model", "multiselect", "showToggleAll", "largeCollection", "displayField", "optionIcon", "collection", "collectionLoadFn", "collectionLoadFnProp", "leftIconData", "searchPlaceholder", "searchDisabled", "showChips"] }, { kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "component", type: i1$1.InputDatePickerComponent, selector: "co-input-date", inputs: ["firstDayOfWeek", "showClearButton"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionContainerChoiceDialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'co-transaction-container-choice-dialog',
+                    template: `
+      <co-dialog
+        [headerTemplate]="headerTemplate"
+        [footerTemplate]="footerTemplate"
+        (closeClick)="cancelButtonClicked()">
+        <ng-template #headerTemplate class="header-class">
+          <co-icon [iconData]="iconCacheService.getIcon(icons.ContainerStorageRegularFull)"></co-icon>
+          <div class="co-dialog-header-title" [textContent]="'CONTAINER_INFO' | localize"></div>
+        </ng-template>
+
+        <div class="transport-dialog-contents">
+          <div class="button-div">
+            @if (!newContainerModeActive) {
+              <co-button [label]="'NEW'  | localize" class="new-container-button"
+              [iconData]="iconCacheService.getIcon(icons.PlusSimple)" (click)="newContainerButtonClicked()"></co-button>
+            }
+          </div>
+          <div class="transport-dialog-contents-paragraph">
+            <div class="transport-dialog-contents-column">
+              <span class="column-title" [textContent]="'CONTAINER_DATA' | localize"></span>
+              @if (!newContainerModeActive) {
+                <co-list-of-values
+                  [label]="'CONTAINER' | localize"
+                  [collection]="containers"
+                  [displayField]="'containerNr'"
+                  [(model)]="chosenContainer"
+                  (modelChange)="containerChosen()"
+                ></co-list-of-values>
+              }
+              @if (newContainerModeActive) {
+                <co-input-text
+                  [placeholder]="'CONTAINER_NR' | localize"
+                  [readonly]="false"
+                  [(model)]="chosenContainer.containerNr">
+                </co-input-text>
+              }
+              <co-list-of-values [label]="'TYPE' | localize"
+                [collection]="containerTypes"
+                [displayField]="'description'"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+                [(model)]="chosenContainerType"
+                (modelChange)="containerTypeChosen()">
+              </co-list-of-values>
+              <co-input-text [placeholder]="'REMARK' | localize"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+                [(model)]="chosenContainer.state">
+              </co-input-text>
+            </div>
+            <div class="transport-dialog-contents-column">
+              <span class="column-title" [textContent]="'CONTENTS_AND_COST' | localize"></span>
+              <co-input-text [placeholder]="'VOLUME' | localize"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+                [digitsOnly]="true"
+                [(model)]="chosenContainer.volume">
+              </co-input-text>
+              @if (!newContainerModeActive) {
+                <co-input-text
+                  [placeholder]="'YET_TO_USE' | localize"
+                  [readonly]="true"
+                  [digitsOnly]="true"
+                  [model]="chosenContainerInfo?.containerVolume - chosenContainerInfo?.packedVolume">
+                </co-input-text>
+              }
+              <co-list-of-values [label]="'DISTRIBUTION' | localize"
+                [collection]="distributionValues"
+                [displayField]="'text'"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+                [(model)]="chosenCostDist"
+                (modelChange)="costDistChosen()">
+              </co-list-of-values>
+              <div class="currency-section">
+                <co-list-of-values [label]="'CURRENCY' | localize"
+                  [collection]="currencies"
+                  [displayField]="'unit'"
+                  [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+                  [(model)]="chosenCurrency"
+                  (modelChange)="currencyChosen()">
+                </co-list-of-values>
+                <co-input-text class="currency-field"
+                  [placeholder]="'TRANSPORT_COST' | localize"
+                  [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+                  [(model)]="chosenContainer.transportationCosts">
+                </co-input-text>
+              </div>
+              <co-input-checkbox [label]="'VOLUME_RESTRICTED' | localize"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+                [(model)]="chosenContainer.volumeLimited">
+              </co-input-checkbox>
+            </div>
+          </div>
+          <div class="transport-dialog-contents-paragraph">
+            <div class="transport-dialog-contents-column">
+              <span class="column-title" [textContent]="'PLANNING_INFO' | localize"></span>
+              <co-input-date [placeholder]="'LOADING_DATE' | localize"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+              [(model)]="chosenContainer.loadingDate"></co-input-date>
+              <co-input-date [placeholder]="'SHIPPING_DATE' | localize"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+              [(model)]="chosenContainer.departureDate"></co-input-date>
+            </div>
+            <div class="transport-dialog-contents-column">
+              <span class="column-title" [textContent]="\n\n"></span>
+              <co-input-date [placeholder]="'ETA_AT_PORT' | localize"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+              [(model)]="chosenContainer.arrivalHarborDate"></co-input-date>
+              <co-input-date [placeholder]="'ARRIVAL_DATE' | localize"
+                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
+              [(model)]="chosenContainer.arrivalDate"></co-input-date>
+            </div>
+          </div>
+        </div>
+
+        <ng-template #footerTemplate>
+          <div class="co-dialog-footer-button-wrapper">
+            @if (chosenContainer.containerId || newContainerModeActive) {
+              <co-button
+                class="save-button"
+                [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
+                (click)="saveButtonClicked()">
+              </co-button>
+            }
+            <co-button
+              class="close-button"
+              [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
+              (click)="cancelButtonClicked()">
+            </co-button>
+          </div>
+        </ng-template>
+      </co-dialog>
+      `,
+                    encapsulation: ViewEncapsulation.None,
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: IconCacheService }, { type: TransactionService }], propDecorators: { showClass: [{
+                type: HostBinding,
+                args: ['class.co-transaction-container-choice-dialog']
+            }], containerChoiceMade: [{
+                type: Output
+            }], cancelClicked: [{
+                type: Output
+            }] } });
+
+class TransactionContainerComponent {
+    iconCacheService;
+    transactionService;
+    searchViewModeService;
+    _eventService;
+    _renderer;
+    icons = Icon;
+    showClass() {
+        return true;
+    }
+    fillBar;
+    fullscreen;
+    containerChoiceMade = new EventEmitter();
+    containerContentModeChanged = new EventEmitter();
+    fillContainerClicked = new EventEmitter();
+    removeFromContainerClicked = new EventEmitter();
+    showContainerDialog = false;
+    containers = [];
+    chosenContainer;
+    chosenContainerInfo;
+    containerContentsModeActive = false;
+    _subs = [];
+    constructor(iconCacheService, transactionService, searchViewModeService, _eventService, _renderer) {
+        this.iconCacheService = iconCacheService;
+        this.transactionService = transactionService;
+        this.searchViewModeService = searchViewModeService;
+        this._eventService = _eventService;
+        this._renderer = _renderer;
+    }
+    ngOnInit() {
+        this._subs.push(this._eventService.fillContainerSuccess.subscribe(() => {
+            this.reloadContainerData();
+        }), this._eventService.removeFromContainerSuccess.subscribe(() => {
+            this.reloadContainerData();
+        }));
+    }
+    ngOnDestroy() {
+        this._subs.forEach(sub => sub.unsubscribe());
+    }
+    containerModeButtonClickHandler() {
+        if (this.chosenContainer) {
+            this.chosenContainer = null;
+            this.chosenContainerInfo = null;
+            this.containerChoiceMade.emit(null);
+        }
+        else {
+            this.showContainerDialog = true;
+        }
+    }
+    addRemoveOrdersButtonClickHandler() {
+        if (this.containerContentsModeActive) {
+            this.removeFromContainerClicked.emit();
+        }
+        else {
+            this.fillContainerClicked.emit();
+        }
+    }
+    switchAddRemoveClicked() {
+        this.containerContentsModeActive = !this.containerContentsModeActive;
+        if (this.containerContentsModeActive) {
+            this.containerContentModeChanged.emit(this.chosenContainerInfo);
+        }
+        else {
+            this.containerContentModeChanged.emit(null);
+        }
+    }
+    async containerChosenHandler(container) {
+        this.chosenContainer = container;
+        this.showContainerDialog = false;
+        this.chosenContainerInfo = await this.transactionService.getContainerInfo(container.containerId);
+        if (this.chosenContainerInfo.containerVolume && !isNaN(this.chosenContainerInfo.containerVolume)) {
+            const percentage = (this.chosenContainerInfo.packedVolume / this.chosenContainerInfo.containerVolume) * 100;
+            this._renderer.setStyle(this.fillBar.nativeElement, 'width', ((percentage > 100) ? 100 : percentage) + '%');
+        }
+        else {
+            this._renderer.setStyle(this.fillBar.nativeElement, 'width', '0px');
+        }
+        this.containerChoiceMade.emit(container);
+    }
+    async reloadContainerData() {
+        if (this.chosenContainer) {
+            const reloadedContainer = await this.transactionService.getContainer(this.chosenContainer.containerId);
+            this.containerChosenHandler(reloadedContainer);
+        }
+    }
+    getContainerInfoLabel() {
+        if (this.chosenContainer) {
+            return this.chosenContainer.containerNr;
+        }
+        else {
+            return "";
+        }
+    }
+    getContainerContentsLabel() {
+        if (this.chosenContainerInfo) {
+            return this.chosenContainerInfo.packedVolume + "/" + this.chosenContainerInfo.containerVolume;
+        }
+        else {
+            return "";
+        }
+    }
+    viewMode = SearchViewMode;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionContainerComponent, deps: [{ token: IconCacheService }, { token: TransactionService }, { token: SearchViewModeService }, { token: TransactionEventService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionContainerComponent, isStandalone: false, selector: "co-transaction-container", inputs: { fullscreen: "fullscreen" }, outputs: { containerChoiceMade: "containerChoiceMade", containerContentModeChanged: "containerContentModeChanged", fillContainerClicked: "fillContainerClicked", removeFromContainerClicked: "removeFromContainerClicked" }, host: { properties: { "class.co-transaction-container": "this.showClass" } }, viewQueries: [{ propertyName: "fillBar", first: true, predicate: ["fillBar"], descendants: true }], ngImport: i0, template: `
+  <div class="transaction-container-content">
+    <co-button class="container-button" [class.buttonActive]="this.chosenContainer"
+      [iconData]="iconCacheService.getIcon(icons.ContainerStorageRegularFull)"
+      (onClick)="containerModeButtonClickHandler()"
+    ></co-button>
+    @if (this.chosenContainer) {
+      <co-button class="container-button"
+        [iconData]="this.containerContentsModeActive ? iconCacheService.getIcon(icons.RegularContainerStorageCircleArrowRight) : iconCacheService.getIcon(icons.RegularContainerStorageCircleArrowLeft)"
+        (onClick)="addRemoveOrdersButtonClickHandler()"
+      ></co-button>
+    }
+    @if (this.chosenContainer) {
+      <div class="container-information" >
+        <span class="container-information-label" [textContent]="getContainerInfoLabel()" [class.small-container-label]="!fullscreen"></span>
+        <div class="container-load-bar" [class.small-container-bar]="!fullscreen">
+          <div class="container-load-bar-fill" #fillBar></div>
+          <span class="container-contents-label" [textContent]="getContainerContentsLabel()"></span>
+        </div>
+        <co-icon class="info-icon" [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)"></co-icon>
+      </div>
+    }
+    @if (this.chosenContainer) {
+      <co-button class="container-button"  [class.buttonActive]="this.containerContentsModeActive"
+        [iconData]="iconCacheService.getIcon(icons.ContainerStorageRegularFull)"
+        (onClick)="switchAddRemoveClicked()"
+      ></co-button>
+    }
+  </div>
+
+  @if (showContainerDialog) {
+    <co-transaction-container-choice-dialog
+      (containerChoiceMade)="containerChosenHandler($event)"
+      (cancelClicked)="showContainerDialog = false">
+    </co-transaction-container-choice-dialog>
+  }
+  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: TransactionContainerChoiceDialogComponent, selector: "co-transaction-container-choice-dialog", outputs: ["containerChoiceMade", "cancelClicked"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'co-transaction-container',
+                    template: `
+  <div class="transaction-container-content">
+    <co-button class="container-button" [class.buttonActive]="this.chosenContainer"
+      [iconData]="iconCacheService.getIcon(icons.ContainerStorageRegularFull)"
+      (onClick)="containerModeButtonClickHandler()"
+    ></co-button>
+    @if (this.chosenContainer) {
+      <co-button class="container-button"
+        [iconData]="this.containerContentsModeActive ? iconCacheService.getIcon(icons.RegularContainerStorageCircleArrowRight) : iconCacheService.getIcon(icons.RegularContainerStorageCircleArrowLeft)"
+        (onClick)="addRemoveOrdersButtonClickHandler()"
+      ></co-button>
+    }
+    @if (this.chosenContainer) {
+      <div class="container-information" >
+        <span class="container-information-label" [textContent]="getContainerInfoLabel()" [class.small-container-label]="!fullscreen"></span>
+        <div class="container-load-bar" [class.small-container-bar]="!fullscreen">
+          <div class="container-load-bar-fill" #fillBar></div>
+          <span class="container-contents-label" [textContent]="getContainerContentsLabel()"></span>
+        </div>
+        <co-icon class="info-icon" [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)"></co-icon>
+      </div>
+    }
+    @if (this.chosenContainer) {
+      <co-button class="container-button"  [class.buttonActive]="this.containerContentsModeActive"
+        [iconData]="iconCacheService.getIcon(icons.ContainerStorageRegularFull)"
+        (onClick)="switchAddRemoveClicked()"
+      ></co-button>
+    }
+  </div>
+
+  @if (showContainerDialog) {
+    <co-transaction-container-choice-dialog
+      (containerChoiceMade)="containerChosenHandler($event)"
+      (cancelClicked)="showContainerDialog = false">
+    </co-transaction-container-choice-dialog>
+  }
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: IconCacheService }, { type: TransactionService }, { type: SearchViewModeService }, { type: TransactionEventService }, { type: i0.Renderer2 }], propDecorators: { showClass: [{
+                type: HostBinding,
+                args: ['class.co-transaction-container']
+            }], fillBar: [{
+                type: ViewChild,
+                args: ["fillBar"]
+            }], fullscreen: [{
+                type: Input
+            }], containerChoiceMade: [{
+                type: Output
+            }], containerContentModeChanged: [{
+                type: Output
+            }], fillContainerClicked: [{
+                type: Output
+            }], removeFromContainerClicked: [{
+                type: Output
+            }] } });
+
+class TransactionSearchResultComponent {
+    searchService;
+    screenConfigService;
+    transactionService;
+    transactionEventService;
+    iconCacheService;
+    transactionNotificationLineSelectionService;
+    _changeDetectorRef;
+    _deliveryPlanningService;
+    BatchDeliveryCategory = BatchDeliveryCategory;
+    icon = Icon;
+    contentViewModes = ContentViewMode;
+    draggableTransactions;
+    showCheckbox;
+    batchCategory;
+    extendedTransactionSearch = false;
+    set activeContentViewMode(value) {
+        this._activeContentViewMode = value;
+    }
+    get activeContentViewMode() {
+        return this._activeContentViewMode;
+    }
+    set fullscreen(value) {
+        this._fullscreen = value;
+    }
+    get fullscreen() {
+        return this._fullscreen;
+    }
+    transactionClick = new EventEmitter();
+    containerChosen = new EventEmitter();
+    showClass() {
+        return true;
+    }
+    selectedTransaction;
+    screenConfigLoaded = false;
+    batchPageActive = false;
+    showProcessOrdersLoader = false;
+    showShippingMethodDialog = false;
+    showDatePickDialog = false;
+    showBatchProcessDialog = false;
+    checkedAvailability = false;
+    selectedTransactions = [];
+    batchTransactionSendingRequest = new BatchTransactionSendingRequest();
+    batchJobProgress = [];
+    chosenContainer;
+    _activeContentViewMode;
+    _fullscreen;
+    _transactionKind;
+    _subs = [];
+    constructor(searchService, screenConfigService, transactionService, transactionEventService, iconCacheService, transactionNotificationLineSelectionService, //Do not remove, is necessary to instantiate this service.
+    _changeDetectorRef, _deliveryPlanningService) {
+        this.searchService = searchService;
+        this.screenConfigService = screenConfigService;
+        this.transactionService = transactionService;
+        this.transactionEventService = transactionEventService;
+        this.iconCacheService = iconCacheService;
+        this.transactionNotificationLineSelectionService = transactionNotificationLineSelectionService;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._deliveryPlanningService = _deliveryPlanningService;
+    }
+    ngOnInit() {
+        this._subs.push(this.searchService.searchRequestSet.subscribe((request) => {
+            if (request) {
+                this.screenConfigService.loadConfig([request.transactionKind]);
+                this._transactionKind = request.transactionKind;
+                this.batchPageActive = request.transactionKind === 'V' || request.transactionKind === 'I' || request.transactionKind === 'S' || request.transactionKind === 'L';
+            }
+        }), this.screenConfigService.configSet.subscribe((config) => {
+            if (config && config.length > 0) {
+                this.screenConfigLoaded = true;
+            }
+        }), this.searchService.resultsUpdated.subscribe(() => {
+            if (this.batchPageActive && this.searchService.showBatchOptions) {
+                this.markSelectedTransactions();
+            }
+        }), this.transactionEventService.selectedTransportDay.subscribe(async (transportDay) => {
+            const filteredTransactions = await Promise.all(this.searchService.transactions.map(async (order) => {
+                const planOrder = await this.transactionService.getPlanOrder(order.transId);
+                const isAvailable = await this._deliveryPlanningService.deliveryMethodAvailabilityCheck(planOrder, transportDay) &&
+                    await this._deliveryPlanningService.districtAvailabilityCheck(planOrder, transportDay) &&
+                    transportDay.availableOnDate;
+                return isAvailable ? order : null;
+            }));
+            this.searchService.transactions = filteredTransactions.filter((order) => order !== null);
+        }), this.transactionEventService.resetTransportDayFilteredOrders.subscribe(async () => await this.searchService.searchTransactions()), this.transactionEventService.fillContainerSuccess.subscribe(() => {
+            this.searchService.searchTransactions();
+        }), this.transactionEventService.removeFromContainerSuccess.subscribe(() => {
+            this.searchService.searchTransactions();
+        }));
+    }
+    ngOnChanges(changes) {
+        if (changes['batchCategory']) {
+            this.batchCategory = changes['batchCategory'].currentValue;
+            this._showBatchOptions(this.batchCategory);
+            if (changes['batchCategory'].previousValue !== changes['batchCategory'].currentValue) {
+                this._clearSelected();
+            }
+        }
+    }
+    ngOnDestroy() {
+        this._subs.forEach(s => s.unsubscribe());
+    }
+    onTransactionClick(transaction) {
+        this.selectedTransaction = transaction;
+        this.transactionClick.emit(transaction);
+    }
+    onSelectedClick(transaction) {
+        //Eventually all of these selection processes need to work via specialized services instead of storing their data locally in this component.
+        //For now were doing a 'testrun' with the TransportNotification functionality as the existing system will not suffice for the requested features.
+        if (this.batchCategory !== BatchDeliveryCategory.Transport) {
+            if (transaction.selected) {
+                this.selectedTransactions.push(transaction);
+            }
+            else {
+                const transId = transaction.transId;
+                const index = this.selectedTransactions.findIndex(transaction => transaction.transId === transId);
+                if (index !== -1) {
+                    this.selectedTransactions.splice(index, 1);
+                }
+            }
+        }
+        else {
+            this.transactionEventService.transportTransactionSelectionChanged.next(transaction);
+        }
+    }
+    onPreviousClick() {
+        this.searchService.currentPage -= 1;
+    }
+    onNextClick() {
+        this.searchService.currentPage += 1;
+    }
+    onPageClick(pageNr) {
+        this.searchService.currentPage = pageNr;
+    }
+    markSelectedTransactions() {
+        if (this.searchService.resultsUpdated) {
+            this.searchService.transactions.forEach(transaction => {
+                const matchingObject = this.selectedTransactions.find(selectedTransaction => selectedTransaction.transId === transaction.transId);
+                if (matchingObject) {
+                    transaction.selected = true;
+                }
+            });
+        }
+    }
+    async dragStarted(ev, transaction) {
+        this._deliveryPlanningService.dragging = true;
+        this._deliveryPlanningService.currentTransId = transaction.transId;
+        ev.dataTransfer.setData('text', transaction.transId);
+        if (!this.checkedAvailability) {
+            let planOrder = await this.transactionService.getPlanOrder(transaction.transId);
+            this._deliveryPlanningService.availabilityCheckEvent.emit(planOrder);
+            this.checkedAvailability = true;
+        }
+    }
+    dragEnd(ev) {
+        this._deliveryPlanningService.dragging = false;
+        this._deliveryPlanningService.currentTransId = undefined;
+        if (this.checkedAvailability) {
+            this.checkedAvailability = false;
+            this._deliveryPlanningService.availabilityResetEvent.emit();
+            this._changeDetectorRef.markForCheck();
+            this._changeDetectorRef.detectChanges();
+        }
+    }
+    checkIfSelected() {
+        return this.selectedTransactions.some(item => item.selected);
+    }
+    checkIfAllSelected() {
+        return this.searchService.transactions.every(item => item.selected);
+    }
+    showAdditionalOptionsIfNeeded() {
+        const selectedTransactionsIds = this.selectedTransactions.map(transaction => transaction.transId);
+        if (this.batchCategory === BatchDeliveryCategory.Approval) {
+            this._setAllSelectedOrdersDefinite(selectedTransactionsIds);
+        }
+        else if (this.batchCategory === BatchDeliveryCategory.Allocate) {
+            this.showProcessOrdersLoader = true;
+            this.searchService.searchTransactions();
+            this.transactionService.startToAllocateUnAllocatedLinesBatch(selectedTransactionsIds)
+                .then(() => this._showBatchProcessesStatus())
+                .catch(() => this.showProcessOrdersLoader = false);
+        }
+        else if (this.batchCategory === BatchDeliveryCategory.Picked) {
+            this.showProcessOrdersLoader = true;
+            this.searchService.searchTransactions();
+            this.transactionService.startGoodsPickedBatch(selectedTransactionsIds)
+                .then(() => this._showBatchProcessesStatus())
+                .catch(() => this.showProcessOrdersLoader = false);
+        }
+        else {
+            this.showShippingMethodDialog = true;
+        }
+    }
+    onToggleAllOrders(allSelected) {
+        this.searchService.transactions.forEach(item => {
+            item.selected = !allSelected;
+            const transactionExists = this.selectedTransactions.some(trans => trans.transId === item.transId);
+            if (!allSelected && !transactionExists) {
+                this.selectedTransactions.push(item);
+            }
+            if (allSelected) {
+                const transactionIndex = this.selectedTransactions.findIndex(trans => trans.transId === item.transId);
+                if (transactionIndex !== -1) {
+                    this.selectedTransactions.splice(transactionIndex, 1);
+                }
+            }
+        });
+    }
+    shippingDialogSaveClicked(request) {
+        this.batchTransactionSendingRequest = request;
+        this.showShippingMethodDialog = false;
+        this.showProcessOrdersLoader = true;
+        this.searchService.searchTransactions();
+        if (this.batchCategory === BatchDeliveryCategory.Overview && this._transactionKind !== TransactionKind.PurchaseOrder) {
+            this.transactionService.startOrderConfirmationBatch(this.batchTransactionSendingRequest)
+                .then(() => this._showBatchProcessesStatus())
+                .catch(() => this.showProcessOrdersLoader = false);
+        }
+        else if (this.batchCategory === BatchDeliveryCategory.Purchase || (this._transactionKind === TransactionKind.PurchaseOrder && this.batchCategory === BatchDeliveryCategory.Overview)) {
+            this.transactionService.startPurchaseOrderFormBatch(this.batchTransactionSendingRequest)
+                .then(() => this._showBatchProcessesStatus())
+                .catch(() => this.showProcessOrdersLoader = false);
+        }
+        else if (this.batchCategory === BatchDeliveryCategory.ToPick) {
+            this.transactionService.startGoodsToBePickedBatch(this.batchTransactionSendingRequest)
+                .then(() => this._showBatchProcessesStatus())
+                .catch(() => this.showProcessOrdersLoader = false);
         }
         else if (this.batchCategory === BatchDeliveryCategory.DeliveryOrder) {
             this.transactionService.startDeliveryNotesBatch(this.batchTransactionSendingRequest)
@@ -60056,14 +61009,25 @@ class TransactionSearchResultComponent {
                 .catch(() => this.showProcessOrdersLoader = false);
         }
     }
-    async containerContentModeHandler(container) {
-        if (container) {
-            this.searchService.searchRequest.containerNumber = container.containerNr;
+    containerChosenHandler(container) {
+        this.transactionEventService.transportContainerChosen.next(container);
+    }
+    async containerContentModeHandler(containerInfo) {
+        if (containerInfo) {
+            this.searchService.searchRequest.containerNumber = containerInfo.containerNr;
         }
         else {
             this.searchService.searchRequest.containerNumber = null;
         }
         this.searchService.searchTransactions();
+        this.selectedTransactions = [];
+        this.transactionEventService.removalModeContainerInfo.next(containerInfo);
+    }
+    fillContainerClickedHandler() {
+        this.transactionEventService.fillContainerRequested.next();
+    }
+    removeFromContainerClickedHandler() {
+        this.transactionEventService.removeFromContainerRequested.next();
     }
     async _setAllSelectedOrdersDefinite(transIds) {
         let transactionsDefinitiveRequest = new ChangeHeadersTransactionsDefinitiveRequest();
@@ -60085,29 +61049,32 @@ class TransactionSearchResultComponent {
         this.searchService.transactions.forEach(item => item.selected = false);
         this.selectedTransactions = [];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchResultComponent, deps: [{ token: TransactionSearchService }, { token: TransactionScreenConfigurationService }, { token: TransactionService }, { token: TransactionEventService }, { token: IconCacheService }, { token: i0.ChangeDetectorRef }, { token: DeliveryPlanningService }, { token: TransactionNotificationLineSelectionService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchResultComponent, deps: [{ token: TransactionSearchService }, { token: TransactionScreenConfigurationService }, { token: TransactionService }, { token: TransactionEventService }, { token: IconCacheService }, { token: TransactionNotificationLineSelectionService }, { token: i0.ChangeDetectorRef }, { token: DeliveryPlanningService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchResultComponent, isStandalone: false, selector: "co-transaction-search-result", inputs: { draggableTransactions: "draggableTransactions", showCheckbox: "showCheckbox", batchCategory: "batchCategory", extendedTransactionSearch: "extendedTransactionSearch", activeContentViewMode: "activeContentViewMode", fullscreen: "fullscreen" }, outputs: { transactionClick: "transactionClick", containerChosen: "containerChosen" }, host: { properties: { "class.co-transaction-search-result": "this.showClass" } }, providers: [
             { provide: BaseModuleScreenConfigService, useExisting: TransactionScreenConfigurationService }
         ], usesOnChanges: true, ngImport: i0, template: `
     @if (screenConfigLoaded) {
       @if (searchService.transactions?.length > 0 && batchPageActive && searchService.showBatchOptions) {
-        <div class="actions-wrapper"
-          >
-          <co-input-checkbox
-            [model]="checkIfAllSelected()"
-            [label]="checkIfAllSelected() ? 'DESELECT_ALL' : 'SELECT_ALL_ORDERS' | localize"
-            (modelChange)="onToggleAllOrders(checkIfAllSelected())">
-          </co-input-checkbox>
+        <div class="actions-wrapper">
           @if (checkIfSelected() && batchCategory !== BatchDeliveryCategory.Transport) {
+            <co-input-checkbox
+              [model]="checkIfAllSelected()"
+              [label]="checkIfAllSelected() ? 'DESELECT_ALL' : 'SELECT_ALL_ORDERS' | localize"
+              (modelChange)="onToggleAllOrders(checkIfAllSelected())">
+            </co-input-checkbox>
             <co-quick-send-button
               [showSendMethodDialogIcon]="false"
               [showLoader]="showProcessOrdersLoader"
               (sendIconClicked)="showAdditionalOptionsIfNeeded()">
             </co-quick-send-button>
           }
-          <!--
-          <co-transaction-container *ngIf="batchCategory === BatchDeliveryCategory.Transport" (containerContentModeChanged)="containerContentModeHandler($event)"></co-transaction-container>
-          -->
+          @if (batchCategory === BatchDeliveryCategory.Transport) {
+            <co-transaction-container (containerChoiceMade)="containerChosenHandler($event)"
+                                      (containerContentModeChanged)="containerContentModeHandler($event)"
+                                      (fillContainerClicked)="fillContainerClickedHandler()"
+                                      (removeFromContainerClicked)="removeFromContainerClickedHandler()"
+                                      [fullscreen]="fullscreen"  ></co-transaction-container>
+          }
         </div>
       }
       @if (activeContentViewMode === contentViewModes.Tiles && !extendedTransactionSearch) {
@@ -60174,7 +61141,7 @@ class TransactionSearchResultComponent {
         </div>
       }
     }
-    
+
     @if (showShippingMethodDialog) {
       <co-shipping-method-dialog
         [category]="batchCategory"
@@ -60183,7 +61150,7 @@ class TransactionSearchResultComponent {
         (saveClicked)="shippingDialogSaveClicked($event)">
       </co-shipping-method-dialog>
     }
-    
+
     @if (showBatchProcessDialog) {
       <co-batch-process-dialog
         @fadeInOut
@@ -60191,7 +61158,7 @@ class TransactionSearchResultComponent {
         (close)="showBatchProcessDialog = false">
       </co-batch-process-dialog>
     }
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TransactionSearchGridComponent, selector: "co-transaction-search-grid", inputs: ["showCheckbox"], outputs: ["transactionClick"] }, { kind: "component", type: TransactionSearchTileComponent, selector: "co-transaction-search-tile", inputs: ["showCheckbox", "selected", "transaction"], outputs: ["transactionClick", "selectedClick"] }, { kind: "component", type: i1$1.PaginationBarComponent, selector: "co-pagination-bar", inputs: ["directionLinks", "previousLabel", "nextLabel", "currentPage", "itemsPerPage", "totalItems", "paginationRange", "autoHide"], outputs: ["previousClick", "nextClick", "pageClick"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: QuickSendButtonComponent, selector: "co-quick-send-button", inputs: ["title", "icon", "defaultMethodIcon", "showSendMethodIcon", "showSendMethodDialogIcon", "showLoader", "disabled"], outputs: ["openSendMethodDialog", "sendIconClicked"] }, { kind: "component", type: ShippingMethodDialogComponent, selector: "co-shipping-method-dialog", inputs: ["category", "selectedTransactions"], outputs: ["saveClicked", "cancelClicked"] }, { kind: "component", type: BatchProcessDialogComponent, selector: "co-batch-process-dialog", inputs: ["batchJobProgress"], outputs: ["close"] }, { kind: "component", type: TransactionSearchSalesLineSelectTileComponent, selector: "co-transaction-search-sales-line-select-tile", inputs: ["extendedTransactionSearch"], outputs: ["lineClicked", "transactionClick"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], animations: [
+    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TransactionSearchGridComponent, selector: "co-transaction-search-grid", inputs: ["showCheckbox"], outputs: ["transactionClick"] }, { kind: "component", type: TransactionSearchTileComponent, selector: "co-transaction-search-tile", inputs: ["showCheckbox", "selected", "transaction"], outputs: ["transactionClick", "selectedClick"] }, { kind: "component", type: i1$1.PaginationBarComponent, selector: "co-pagination-bar", inputs: ["directionLinks", "previousLabel", "nextLabel", "currentPage", "itemsPerPage", "totalItems", "paginationRange", "autoHide"], outputs: ["previousClick", "nextClick", "pageClick"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: QuickSendButtonComponent, selector: "co-quick-send-button", inputs: ["title", "icon", "defaultMethodIcon", "showSendMethodIcon", "showSendMethodDialogIcon", "showLoader", "disabled"], outputs: ["openSendMethodDialog", "sendIconClicked"] }, { kind: "component", type: ShippingMethodDialogComponent, selector: "co-shipping-method-dialog", inputs: ["category", "selectedTransactions"], outputs: ["saveClicked", "cancelClicked"] }, { kind: "component", type: BatchProcessDialogComponent, selector: "co-batch-process-dialog", inputs: ["batchJobProgress"], outputs: ["close"] }, { kind: "component", type: TransactionSearchSalesLineSelectTileComponent, selector: "co-transaction-search-sales-line-select-tile", inputs: ["extendedTransactionSearch"], outputs: ["lineClicked", "transactionClick"] }, { kind: "component", type: TransactionContainerComponent, selector: "co-transaction-container", inputs: ["fullscreen"], outputs: ["containerChoiceMade", "containerContentModeChanged", "fillContainerClicked", "removeFromContainerClicked"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], animations: [
             trigger('fadeInOut', [
                 transition(':enter', [
                     style({ opacity: 0 }),
@@ -60210,23 +61177,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     template: `
     @if (screenConfigLoaded) {
       @if (searchService.transactions?.length > 0 && batchPageActive && searchService.showBatchOptions) {
-        <div class="actions-wrapper"
-          >
-          <co-input-checkbox
-            [model]="checkIfAllSelected()"
-            [label]="checkIfAllSelected() ? 'DESELECT_ALL' : 'SELECT_ALL_ORDERS' | localize"
-            (modelChange)="onToggleAllOrders(checkIfAllSelected())">
-          </co-input-checkbox>
+        <div class="actions-wrapper">
           @if (checkIfSelected() && batchCategory !== BatchDeliveryCategory.Transport) {
+            <co-input-checkbox
+              [model]="checkIfAllSelected()"
+              [label]="checkIfAllSelected() ? 'DESELECT_ALL' : 'SELECT_ALL_ORDERS' | localize"
+              (modelChange)="onToggleAllOrders(checkIfAllSelected())">
+            </co-input-checkbox>
             <co-quick-send-button
               [showSendMethodDialogIcon]="false"
               [showLoader]="showProcessOrdersLoader"
               (sendIconClicked)="showAdditionalOptionsIfNeeded()">
             </co-quick-send-button>
           }
-          <!--
-          <co-transaction-container *ngIf="batchCategory === BatchDeliveryCategory.Transport" (containerContentModeChanged)="containerContentModeHandler($event)"></co-transaction-container>
-          -->
+          @if (batchCategory === BatchDeliveryCategory.Transport) {
+            <co-transaction-container (containerChoiceMade)="containerChosenHandler($event)"
+                                      (containerContentModeChanged)="containerContentModeHandler($event)"
+                                      (fillContainerClicked)="fillContainerClickedHandler()"
+                                      (removeFromContainerClicked)="removeFromContainerClickedHandler()"
+                                      [fullscreen]="fullscreen"  ></co-transaction-container>
+          }
         </div>
       }
       @if (activeContentViewMode === contentViewModes.Tiles && !extendedTransactionSearch) {
@@ -60293,7 +61263,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         </div>
       }
     }
-    
+
     @if (showShippingMethodDialog) {
       <co-shipping-method-dialog
         [category]="batchCategory"
@@ -60302,7 +61272,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         (saveClicked)="shippingDialogSaveClicked($event)">
       </co-shipping-method-dialog>
     }
-    
+
     @if (showBatchProcessDialog) {
       <co-batch-process-dialog
         @fadeInOut
@@ -60328,7 +61298,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: TransactionSearchService }, { type: TransactionScreenConfigurationService }, { type: TransactionService }, { type: TransactionEventService }, { type: IconCacheService }, { type: i0.ChangeDetectorRef }, { type: DeliveryPlanningService }, { type: TransactionNotificationLineSelectionService }], propDecorators: { draggableTransactions: [{
+        }], ctorParameters: () => [{ type: TransactionSearchService }, { type: TransactionScreenConfigurationService }, { type: TransactionService }, { type: TransactionEventService }, { type: IconCacheService }, { type: TransactionNotificationLineSelectionService }, { type: i0.ChangeDetectorRef }, { type: DeliveryPlanningService }], propDecorators: { draggableTransactions: [{
                 type: Input
             }], showCheckbox: [{
                 type: Input
@@ -61461,780 +62431,208 @@ class TransactionSearchInterBranchOrderTileComponent extends TransactionSearchTi
                 <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">
-              @if (showCheckbox && !transaction.isInProgressForBatchJob) {
-                <co-input-checkbox
-                  [(model)]="transaction.selected"
-                  (modelChange)="onSelectedClick(transaction)"
-                ></co-input-checkbox>
-              }
-      
-              @if (showCheckbox && transaction.isInProgressForBatchJob) {
-                <co-icon [title]="'PART_OF_BATCH' | localize"
-                  [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)" class="batch-info-icon">
-                </co-icon>
-              }
-            </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">
-              @if (transaction.getDeliveryDate()) {
-                <div class="value">
-                  <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
-                  <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
-                  @if (transaction.deliveryDateDefinitive) {
-                    <co-icon
-                    [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
-                  } @else {
-                    <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
-                  }
-                </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>
-      `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation", "showBranchNr"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchInterBranchOrderTileComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "co-transaction-search-inter-branch-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">
-              <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">
-              @if (showCheckbox && !transaction.isInProgressForBatchJob) {
-                <co-input-checkbox
-                  [(model)]="transaction.selected"
-                  (modelChange)="onSelectedClick(transaction)"
-                ></co-input-checkbox>
-              }
-      
-              @if (showCheckbox && transaction.isInProgressForBatchJob) {
-                <co-icon [title]="'PART_OF_BATCH' | localize"
-                  [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)" class="batch-info-icon">
-                </co-icon>
-              }
-            </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">
-              @if (transaction.getDeliveryDate()) {
-                <div class="value">
-                  <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
-                  <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
-                  @if (transaction.deliveryDateDefinitive) {
-                    <co-icon
-                    [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
-                  } @else {
-                    <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
-                  }
-                </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>
-      `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    standalone: false
-                }]
-        }], ctorParameters: () => [{ type: IconCacheService }, { type: i0.ChangeDetectorRef }], propDecorators: { showAvatar: [{
-                type: Input
-            }] } });
-
-class TransactionSearchInterBranchOrderTileModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchInterBranchOrderTileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchInterBranchOrderTileModule, declarations: [TransactionSearchInterBranchOrderTileComponent], imports: [CommonModule,
-            CoreModule,
-            AvatarModule,
-            ButtonModule,
-            PipeModule,
-            IconModule,
-            StatusbarModule,
-            TransactionStatusbarModule,
-            InputCheckboxModule,
-            ScreenConfigurationModule], exports: [TransactionSearchInterBranchOrderTileComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchInterBranchOrderTileModule, imports: [CommonModule,
-            CoreModule,
-            AvatarModule,
-            ButtonModule,
-            PipeModule,
-            IconModule,
-            StatusbarModule,
-            TransactionStatusbarModule,
-            InputCheckboxModule,
-            ScreenConfigurationModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchInterBranchOrderTileModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        CoreModule,
-                        AvatarModule,
-                        ButtonModule,
-                        PipeModule,
-                        IconModule,
-                        StatusbarModule,
-                        TransactionStatusbarModule,
-                        InputCheckboxModule,
-                        ScreenConfigurationModule,
-                    ],
-                    declarations: [
-                        TransactionSearchInterBranchOrderTileComponent
-                    ],
-                    exports: [
-                        TransactionSearchInterBranchOrderTileComponent
-                    ]
-                }]
-        }] });
-
-class TransactionContainerChoiceDialogComponent {
-    iconCacheService;
-    transactionService;
-    showClass() {
-        return true;
-    }
-    containerChoiceMade = new EventEmitter();
-    cancelClicked = new EventEmitter();
-    icons = Icon;
-    containers = [];
-    containerTypes = [];
-    distributionValues = [{ text: "Volume", value: "V" }, { text: "Price", value: "P" }];
-    currencies = [];
-    chosenContainer = new Container();
-    chosenContainerType;
-    chosenContainerInfo;
-    chosenCostDist;
-    chosenCurrency;
-    newContainerModeActive = false;
-    constructor(iconCacheService, transactionService) {
-        this.iconCacheService = iconCacheService;
-        this.transactionService = transactionService;
-    }
-    ngOnInit() {
-        this.getCollections();
-    }
-    containerChosen() {
-        if (this.chosenContainer && this.chosenContainer.containerId) {
-            this.transactionService.getContainerInfo(this.chosenContainer.containerId).then(info => {
-                this.chosenContainerInfo = info;
-            });
-            this.setChosenContainerTypeFromContainer();
-            this.setChosenCostDistFromContainer();
-            this.setChosenCurrencyFromContainer();
-        }
-    }
-    containerTypeChosen() {
-        if (this.chosenContainer) {
-            this.setChosenContainerTypeToContainer();
-        }
-    }
-    costDistChosen() {
-        if (this.chosenContainer) {
-            this.setChosenCostDistToContainer();
-        }
-    }
-    currencyChosen() {
-        if (this.chosenContainer) {
-            this.setChosenCurrencyToContainer();
-        }
-    }
-    newContainerButtonClicked() {
-        this.chosenContainer = new Container();
-        this.setChosenContainerTypeFromContainer();
-        this.setChosenCostDistFromContainer();
-        this.setChosenCurrencyFromContainer();
-        this.chosenContainerInfo = null;
-        this.newContainerModeActive = true;
-    }
-    async saveButtonClicked() {
-        let result;
-        if (this.newContainerModeActive && this.chosenContainer && !this.chosenContainer.containerId) {
-            result = await this.transactionService.createContainer(this.chosenContainer);
-        }
-        else {
-            result = await this.transactionService.updateContainer(this.chosenContainer);
-        }
-        if (result && result.containerId) {
-            this.containerChoiceMade.emit(result);
-        }
-    }
-    cancelButtonClicked() {
-        this.cancelClicked.emit();
-    }
-    getCollections() {
-        this.transactionService.getContainers().then(containerList => {
-            this.containers = containerList;
-        });
-        this.transactionService.getContainerTypes().then(types => {
-            this.containerTypes = types;
-            this.setChosenContainerTypeToContainer();
-        });
-        this.transactionService.getCurrencies().then(cur => {
-            this.currencies = cur;
-            this.setChosenCurrencyFromContainer();
-        });
-    }
-    setChosenContainerTypeFromContainer() {
-        if (this.chosenContainer && this.chosenContainer.containerType && this.containerTypes && this.containerTypes.length > 0) {
-            this.chosenContainerType = this.containerTypes.find(ct => ct.containerType === this.chosenContainer.containerType);
-        }
-        else {
-            this.chosenContainerType = null;
-        }
-    }
-    setChosenContainerTypeToContainer() {
-        if (this.chosenContainer) {
-            this.chosenContainer.containerType = this.chosenContainerType ? this.chosenContainerType.containerType : null;
-        }
-    }
-    setChosenCostDistFromContainer() {
-        if (this.chosenContainer && this.chosenContainer.distributionTransportCost) {
-            this.chosenCostDist = this.distributionValues.find(ct => ct.value === this.chosenContainer.distributionTransportCost);
-        }
-        else {
-            this.chosenCostDist = null;
-        }
-    }
-    setChosenCostDistToContainer() {
-        if (this.chosenContainer) {
-            this.chosenContainer.distributionTransportCost = this.chosenCostDist ? this.chosenCostDist.value : null;
-        }
-    }
-    setChosenCurrencyFromContainer() {
-        if (this.chosenContainer && this.chosenContainer.currencyCode) {
-            this.chosenCurrency = this.currencies.find(cur => cur.code === this.chosenContainer.currencyCode);
-        }
-        else {
-            this.chosenCurrency = null;
-        }
-    }
-    setChosenCurrencyToContainer() {
-        if (this.chosenContainer) {
-            this.chosenContainer.currencyCode = this.chosenCurrency ? this.chosenCurrency.code : null;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionContainerChoiceDialogComponent, deps: [{ token: IconCacheService }, { token: TransactionService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionContainerChoiceDialogComponent, isStandalone: false, selector: "co-transaction-container-choice-dialog", outputs: { containerChoiceMade: "containerChoiceMade", cancelClicked: "cancelClicked" }, host: { properties: { "class.co-transaction-container-choice-dialog": "this.showClass" } }, ngImport: i0, template: `
-      <co-dialog
-        [headerTemplate]="headerTemplate"
-        [footerTemplate]="footerTemplate"
-        (closeClick)="cancelButtonClicked()">
-        <ng-template #headerTemplate class="header-class">
-          <co-icon [iconData]="iconCacheService.getIcon(icons.TruckContainerSolid)"></co-icon>
-          <div class="co-dialog-header-title" [textContent]="'CONTAINER_INFO' | localize"></div>
-        </ng-template>
-      
-        <div class="transport-dialog-contents">
-          <div class="button-div">
-            @if (!newContainerModeActive) {
-              <co-button [label]="'NEW'  | localize" class="new-container-button"
-              [iconData]="iconCacheService.getIcon(icons.PlusSimple)" (click)="newContainerButtonClicked()"></co-button>
-            }
-          </div>
-          <div class="transport-dialog-contents-paragraph">
-            <div class="transport-dialog-contents-column">
-              <span class="column-title" [textContent]="'CONTAINER_DATA' | localize"></span>
-              @if (!newContainerModeActive) {
-                <co-list-of-values
-                  [label]="'CONTAINER' | localize"
-                  [collection]="containers"
-                  [displayField]="'containerNr'"
-                  [(model)]="chosenContainer"
-                  (modelChange)="containerChosen()"
-                ></co-list-of-values>
-              }
-              @if (newContainerModeActive) {
-                <co-input-text
-                  [placeholder]="'CONTAINER_NR' | localize"
-                  [readonly]="false"
-                  [(model)]="chosenContainer.containerNr">
-                </co-input-text>
-              }
-              <co-list-of-values [label]="'TYPE' | localize"
-                [collection]="containerTypes"
-                [displayField]="'description'"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [(model)]="chosenContainerType"
-                (modelChange)="containerTypeChosen()">
-              </co-list-of-values>
-              <co-input-text [placeholder]="'REMARK' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [(model)]="chosenContainer.state">
-              </co-input-text>
-            </div>
-            <div class="transport-dialog-contents-column">
-              <span class="column-title" [textContent]="'CONTENTS_AND_COST' | localize"></span>
-              <co-input-text [placeholder]="'VOLUME' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [digitsOnly]="true"
-                [(model)]="chosenContainer.volume">
-              </co-input-text>
-              @if (!newContainerModeActive) {
-                <co-input-text
-                  [placeholder]="'YET_TO_USE' | localize"
-                  [readonly]="true"
-                  [digitsOnly]="true"
-                  [model]="chosenContainerInfo?.containerVolume - chosenContainerInfo?.packedVolume">
-                </co-input-text>
-              }
-              <co-list-of-values [label]="'DISTRIBUTION' | localize"
-                [collection]="distributionValues"
-                [displayField]="'text'"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [(model)]="chosenCostDist"
-                (modelChange)="costDistChosen()">
-              </co-list-of-values>
-              <div class="currency-section">
-                <co-list-of-values [label]="'CURRENCY' | localize"
-                  [collection]="currencies"
-                  [displayField]="'unit'"
-                  [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                  [(model)]="chosenCurrency"
-                  (modelChange)="currencyChosen()">
-                </co-list-of-values>
-                <co-input-text class="currency-field"
-                  [placeholder]="'TRANSPORT_COST' | localize"
-                  [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                  [(model)]="chosenContainer.transportationCosts">
-                </co-input-text>
-              </div>
-              <co-input-checkbox [label]="'VOLUME_RESTRICTED' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [(model)]="chosenContainer.volumeLimited">
-              </co-input-checkbox>
-            </div>
-          </div>
-          <div class="transport-dialog-contents-paragraph">
-            <div class="transport-dialog-contents-column">
-              <span class="column-title" [textContent]="'PLANNING_INFO' | localize"></span>
-              <co-input-date [placeholder]="'LOADING_DATE' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-              [(model)]="chosenContainer.loadingDate"></co-input-date>
-              <co-input-date [placeholder]="'SHIPPING_DATE' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-              [(model)]="chosenContainer.departureDate"></co-input-date>
+            <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="transport-dialog-contents-column">
-              <span class="column-title" [textContent]="\n\n"></span>
-              <co-input-date [placeholder]="'ETA_AT_PORT' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-              [(model)]="chosenContainer.arrivalHarborDate"></co-input-date>
-              <co-input-date [placeholder]="'ARRIVAL_DATE' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-              [(model)]="chosenContainer.arrivalDate"></co-input-date>
+      
+            <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>
+          <div class="tile-body">
+            <div class="tile-middle-left">
+              @if (showCheckbox && !transaction.isInProgressForBatchJob) {
+                <co-input-checkbox
+                  [(model)]="transaction.selected"
+                  (modelChange)="onSelectedClick(transaction)"
+                ></co-input-checkbox>
+              }
       
-        <ng-template #footerTemplate>
-          <div class="co-dialog-footer-button-wrapper">
-            @if (chosenContainer.containerId || newContainerModeActive) {
-              <co-button
-                class="save-button"
-                [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
-                (click)="saveButtonClicked()">
-              </co-button>
-            }
-            <co-button
-              class="close-button"
-              [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
-              (click)="cancelButtonClicked()">
-            </co-button>
+              @if (showCheckbox && transaction.isInProgressForBatchJob) {
+                <co-icon [title]="'PART_OF_BATCH' | localize"
+                  [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)" class="batch-info-icon">
+                </co-icon>
+              }
+            </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>
-        </ng-template>
-      </co-dialog>
-      `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.ListOfValuesComponent, selector: "co-list-of-values", inputs: ["model", "multiselect", "showToggleAll", "largeCollection", "displayField", "optionIcon", "collection", "collectionLoadFn", "collectionLoadFnProp", "leftIconData", "searchPlaceholder", "searchDisabled", "showChips"] }, { kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "component", type: i1$1.InputDatePickerComponent, selector: "co-input-date", inputs: ["firstDayOfWeek", "showClearButton"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+          <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">
+              @if (transaction.getDeliveryDate()) {
+                <div class="value">
+                  <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
+                  <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
+                  @if (transaction.deliveryDateDefinitive) {
+                    <co-icon
+                    [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
+                  } @else {
+                    <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
+                  }
+                </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>
+      `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation", "showBranchNr"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionContainerChoiceDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchInterBranchOrderTileComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'co-transaction-container-choice-dialog',
+                    selector: "co-transaction-search-inter-branch-order-tile",
                     template: `
-      <co-dialog
-        [headerTemplate]="headerTemplate"
-        [footerTemplate]="footerTemplate"
-        (closeClick)="cancelButtonClicked()">
-        <ng-template #headerTemplate class="header-class">
-          <co-icon [iconData]="iconCacheService.getIcon(icons.TruckContainerSolid)"></co-icon>
-          <div class="co-dialog-header-title" [textContent]="'CONTAINER_INFO' | localize"></div>
-        </ng-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">
+              <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
+              <div class="text"><span [textContent]="transaction.branchNr"></span></div>
+            </div>
       
-        <div class="transport-dialog-contents">
-          <div class="button-div">
-            @if (!newContainerModeActive) {
-              <co-button [label]="'NEW'  | localize" class="new-container-button"
-              [iconData]="iconCacheService.getIcon(icons.PlusSimple)" (click)="newContainerButtonClicked()"></co-button>
-            }
+            <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="transport-dialog-contents-paragraph">
-            <div class="transport-dialog-contents-column">
-              <span class="column-title" [textContent]="'CONTAINER_DATA' | localize"></span>
-              @if (!newContainerModeActive) {
-                <co-list-of-values
-                  [label]="'CONTAINER' | localize"
-                  [collection]="containers"
-                  [displayField]="'containerNr'"
-                  [(model)]="chosenContainer"
-                  (modelChange)="containerChosen()"
-                ></co-list-of-values>
+          <div class="tile-body">
+            <div class="tile-middle-left">
+              @if (showCheckbox && !transaction.isInProgressForBatchJob) {
+                <co-input-checkbox
+                  [(model)]="transaction.selected"
+                  (modelChange)="onSelectedClick(transaction)"
+                ></co-input-checkbox>
               }
-              @if (newContainerModeActive) {
-                <co-input-text
-                  [placeholder]="'CONTAINER_NR' | localize"
-                  [readonly]="false"
-                  [(model)]="chosenContainer.containerNr">
-                </co-input-text>
+      
+              @if (showCheckbox && transaction.isInProgressForBatchJob) {
+                <co-icon [title]="'PART_OF_BATCH' | localize"
+                  [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)" class="batch-info-icon">
+                </co-icon>
               }
-              <co-list-of-values [label]="'TYPE' | localize"
-                [collection]="containerTypes"
-                [displayField]="'description'"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [(model)]="chosenContainerType"
-                (modelChange)="containerTypeChosen()">
-              </co-list-of-values>
-              <co-input-text [placeholder]="'REMARK' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [(model)]="chosenContainer.state">
-              </co-input-text>
             </div>
-            <div class="transport-dialog-contents-column">
-              <span class="column-title" [textContent]="'CONTENTS_AND_COST' | localize"></span>
-              <co-input-text [placeholder]="'VOLUME' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [digitsOnly]="true"
-                [(model)]="chosenContainer.volume">
-              </co-input-text>
-              @if (!newContainerModeActive) {
-                <co-input-text
-                  [placeholder]="'YET_TO_USE' | localize"
-                  [readonly]="true"
-                  [digitsOnly]="true"
-                  [model]="chosenContainerInfo?.containerVolume - chosenContainerInfo?.packedVolume">
-                </co-input-text>
-              }
-              <co-list-of-values [label]="'DISTRIBUTION' | localize"
-                [collection]="distributionValues"
-                [displayField]="'text'"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [(model)]="chosenCostDist"
-                (modelChange)="costDistChosen()">
-              </co-list-of-values>
-              <div class="currency-section">
-                <co-list-of-values [label]="'CURRENCY' | localize"
-                  [collection]="currencies"
-                  [displayField]="'unit'"
-                  [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                  [(model)]="chosenCurrency"
-                  (modelChange)="currencyChosen()">
-                </co-list-of-values>
-                <co-input-text class="currency-field"
-                  [placeholder]="'TRANSPORT_COST' | localize"
-                  [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                  [(model)]="chosenContainer.transportationCosts">
-                </co-input-text>
-              </div>
-              <co-input-checkbox [label]="'VOLUME_RESTRICTED' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [(model)]="chosenContainer.volumeLimited">
-              </co-input-checkbox>
+            <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="transport-dialog-contents-paragraph">
-            <div class="transport-dialog-contents-column">
-              <span class="column-title" [textContent]="'PLANNING_INFO' | localize"></span>
-              <co-input-date [placeholder]="'LOADING_DATE' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-              [(model)]="chosenContainer.loadingDate"></co-input-date>
-              <co-input-date [placeholder]="'SHIPPING_DATE' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-              [(model)]="chosenContainer.departureDate"></co-input-date>
+          <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="transport-dialog-contents-column">
-              <span class="column-title" [textContent]="\n\n"></span>
-              <co-input-date [placeholder]="'ETA_AT_PORT' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-              [(model)]="chosenContainer.arrivalHarborDate"></co-input-date>
-              <co-input-date [placeholder]="'ARRIVAL_DATE' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-              [(model)]="chosenContainer.arrivalDate"></co-input-date>
+            <div class="tile-bottom-middle order-info-section">
+              @if (transaction.getDeliveryDate()) {
+                <div class="value">
+                  <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
+                  <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
+                  @if (transaction.deliveryDateDefinitive) {
+                    <co-icon
+                    [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
+                  } @else {
+                    <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
+                  }
+                </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>
-      
-        <ng-template #footerTemplate>
-          <div class="co-dialog-footer-button-wrapper">
-            @if (chosenContainer.containerId || newContainerModeActive) {
-              <co-button
-                class="save-button"
-                [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
-                (click)="saveButtonClicked()">
-              </co-button>
-            }
-            <co-button
-              class="close-button"
-              [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
-              (click)="cancelButtonClicked()">
-            </co-button>
-          </div>
-        </ng-template>
-      </co-dialog>
+      </div>
       `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: IconCacheService }, { type: TransactionService }], propDecorators: { showClass: [{
-                type: HostBinding,
-                args: ['class.co-transaction-container-choice-dialog']
-            }], containerChoiceMade: [{
-                type: Output
-            }], cancelClicked: [{
-                type: Output
+        }], ctorParameters: () => [{ type: IconCacheService }, { type: i0.ChangeDetectorRef }], propDecorators: { showAvatar: [{
+                type: Input
             }] } });
 
-class TransactionContainerComponent {
-    iconCacheService;
-    transactionService;
-    _renderer;
-    icons = Icon;
-    showClass() {
-        return true;
-    }
-    fillBar;
-    containerChoiceMade = new EventEmitter();
-    containerContentModeChanged = new EventEmitter();
-    showContainerDialog = false;
-    containers = [];
-    chosenContainer;
-    chosenContainerInfo;
-    containerContentsModeActive = false;
-    constructor(iconCacheService, transactionService, _renderer) {
-        this.iconCacheService = iconCacheService;
-        this.transactionService = transactionService;
-        this._renderer = _renderer;
-    }
-    ngOnInit() {
-    }
-    containerModeButtonClickHandler() {
-        if (this.chosenContainer) {
-            this.chosenContainer = null;
-            this.chosenContainerInfo = null;
-        }
-        else {
-            this.showContainerDialog = true;
-        }
-    }
-    addRemoveOrdersButtonClickHandler() {
-        //TODO handling. likely via emitters
-    }
-    switchAddRemoveClicked() {
-        this.containerContentsModeActive = !this.containerContentsModeActive;
-        if (this.containerContentsModeActive) {
-            this.containerContentModeChanged.emit(this.chosenContainer);
-        }
-        else {
-            this.containerContentModeChanged.emit(null);
-        }
-    }
-    async containerChosenHandler(container) {
-        this.chosenContainer = container;
-        this.showContainerDialog = false;
-        //this.containerChosen.emit(container);
-        this.chosenContainerInfo = await this.transactionService.getContainerInfo(container.containerId);
-        if (this.chosenContainerInfo.containerVolume && !isNaN(this.chosenContainerInfo.containerVolume)) {
-            const percentage = (this.chosenContainerInfo.packedVolume / this.chosenContainerInfo.containerVolume) * 100;
-            this._renderer.setStyle(this.fillBar.nativeElement, 'width', percentage + '%');
-        }
-        else {
-            this._renderer.setStyle(this.fillBar.nativeElement, 'width', '0px');
-        }
-    }
-    getContainerInfoLabel() {
-        if (this.chosenContainer) {
-            return this.chosenContainer.containerNr;
-        }
-        else {
-            return "";
-        }
-    }
-    getContainerContentsLabel() {
-        if (this.chosenContainerInfo) {
-            return this.chosenContainerInfo.packedVolume + "/" + this.chosenContainerInfo.containerVolume;
-        }
-        else {
-            return "";
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionContainerComponent, deps: [{ token: IconCacheService }, { token: TransactionService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionContainerComponent, isStandalone: false, selector: "co-transaction-container", outputs: { containerChoiceMade: "containerChoiceMade", containerContentModeChanged: "containerContentModeChanged" }, host: { properties: { "class.co-transaction-container": "this.showClass" } }, viewQueries: [{ propertyName: "fillBar", first: true, predicate: ["fillBar"], descendants: true }], ngImport: i0, template: `
-  <div class="transaction-container-content">
-    <co-button class="container-button" [class.buttonActive]="this.chosenContainer"
-      [iconData]="iconCacheService.getIcon(icons.TruckContainerSolid)"
-      (onClick)="containerModeButtonClickHandler()"
-    ></co-button>
-    @if (this.chosenContainer) {
-      <co-button class="container-button"
-        [iconData]="this.containerContentsModeActive ? iconCacheService.getIcon(icons.ArrowRightRegular) : iconCacheService.getIcon(icons.ArrowLeftRegular)"
-        (onClick)="addRemoveOrdersButtonClickHandler()"
-      ></co-button>
-    }
-    @if (this.chosenContainer) {
-      <div class="container-information">
-        <span class="container-information-label" [textContent]="getContainerInfoLabel()"></span>
-        <div class="container-load-bar">
-          <div class="container-load-bar-fill" #fillBar></div>
-          <span class="container-contents-label" [textContent]="getContainerContentsLabel()"></span>
-        </div>
-        <co-icon class="info-icon" [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)"></co-icon>
-      </div>
-    }
-    @if (this.chosenContainer) {
-      <co-button class="container-button"  [class.buttonActive]="this.containerContentsModeActive"
-        [iconData]="iconCacheService.getIcon(icons.Check)"
-        (onClick)="switchAddRemoveClicked()"
-      ></co-button>
-    }
-  </div>
-  
-  @if (showContainerDialog) {
-    <co-transaction-container-choice-dialog
-      (containerChoiceMade)="containerChosenHandler($event)"
-      (cancelClicked)="showContainerDialog = false">
-    </co-transaction-container-choice-dialog>
-  }
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: TransactionContainerChoiceDialogComponent, selector: "co-transaction-container-choice-dialog", outputs: ["containerChoiceMade", "cancelClicked"] }], encapsulation: i0.ViewEncapsulation.None });
+class TransactionSearchInterBranchOrderTileModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchInterBranchOrderTileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchInterBranchOrderTileModule, declarations: [TransactionSearchInterBranchOrderTileComponent], imports: [CommonModule,
+            CoreModule,
+            AvatarModule,
+            ButtonModule,
+            PipeModule,
+            IconModule,
+            StatusbarModule,
+            TransactionStatusbarModule,
+            InputCheckboxModule,
+            ScreenConfigurationModule], exports: [TransactionSearchInterBranchOrderTileComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchInterBranchOrderTileModule, imports: [CommonModule,
+            CoreModule,
+            AvatarModule,
+            ButtonModule,
+            PipeModule,
+            IconModule,
+            StatusbarModule,
+            TransactionStatusbarModule,
+            InputCheckboxModule,
+            ScreenConfigurationModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionContainerComponent, decorators: [{
-            type: Component,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchInterBranchOrderTileModule, decorators: [{
+            type: NgModule,
             args: [{
-                    selector: 'co-transaction-container',
-                    template: `
-  <div class="transaction-container-content">
-    <co-button class="container-button" [class.buttonActive]="this.chosenContainer"
-      [iconData]="iconCacheService.getIcon(icons.TruckContainerSolid)"
-      (onClick)="containerModeButtonClickHandler()"
-    ></co-button>
-    @if (this.chosenContainer) {
-      <co-button class="container-button"
-        [iconData]="this.containerContentsModeActive ? iconCacheService.getIcon(icons.ArrowRightRegular) : iconCacheService.getIcon(icons.ArrowLeftRegular)"
-        (onClick)="addRemoveOrdersButtonClickHandler()"
-      ></co-button>
-    }
-    @if (this.chosenContainer) {
-      <div class="container-information">
-        <span class="container-information-label" [textContent]="getContainerInfoLabel()"></span>
-        <div class="container-load-bar">
-          <div class="container-load-bar-fill" #fillBar></div>
-          <span class="container-contents-label" [textContent]="getContainerContentsLabel()"></span>
-        </div>
-        <co-icon class="info-icon" [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)"></co-icon>
-      </div>
-    }
-    @if (this.chosenContainer) {
-      <co-button class="container-button"  [class.buttonActive]="this.containerContentsModeActive"
-        [iconData]="iconCacheService.getIcon(icons.Check)"
-        (onClick)="switchAddRemoveClicked()"
-      ></co-button>
-    }
-  </div>
-  
-  @if (showContainerDialog) {
-    <co-transaction-container-choice-dialog
-      (containerChoiceMade)="containerChosenHandler($event)"
-      (cancelClicked)="showContainerDialog = false">
-    </co-transaction-container-choice-dialog>
-  }
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                    standalone: false
+                    imports: [
+                        CommonModule,
+                        CoreModule,
+                        AvatarModule,
+                        ButtonModule,
+                        PipeModule,
+                        IconModule,
+                        StatusbarModule,
+                        TransactionStatusbarModule,
+                        InputCheckboxModule,
+                        ScreenConfigurationModule,
+                    ],
+                    declarations: [
+                        TransactionSearchInterBranchOrderTileComponent
+                    ],
+                    exports: [
+                        TransactionSearchInterBranchOrderTileComponent
+                    ]
                 }]
-        }], ctorParameters: () => [{ type: IconCacheService }, { type: TransactionService }, { type: i0.Renderer2 }], propDecorators: { showClass: [{
-                type: HostBinding,
-                args: ['class.co-transaction-container']
-            }], fillBar: [{
-                type: ViewChild,
-                args: ["fillBar"]
-            }], containerChoiceMade: [{
-                type: Output
-            }], containerContentModeChanged: [{
-                type: Output
-            }] } });
+        }] });
 
 class TransactionContainerChoiceDialogModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionContainerChoiceDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -69070,6 +69468,10 @@ class TransactionPurchaseTransportLineBaseComponent extends TransactionLineBaseC
     };
     showColorIndicator = false;
     colorIndicatorColor;
+    _containerMode = true;
+    _removalContainerInfo;
+    _addToContainerRequest;
+    _removeFromContainerRequest;
     subs = [];
     constructor(transactionHeaderService, transactionLineService, transactionEventService, iconCacheService, screenConfigService, imageService, dictionaryService, transactionService, changeDetector, _purchaseConfirmationService) {
         super(transactionHeaderService, transactionLineService, transactionEventService, iconCacheService, screenConfigService, imageService, dictionaryService, transactionService, changeDetector);
@@ -69091,6 +69493,21 @@ class TransactionPurchaseTransportLineBaseComponent extends TransactionLineBaseC
             this.detectChanges();
         }), this.transactionEventService.overwriteTransportNotification.subscribe(() => {
             this._handleTransportOverwrite();
+        }), this.transactionEventService.transportContainerChosen.subscribe((container) => {
+            this._containerMode = (container !== null && container !== undefined);
+            if (!this._containerMode) {
+                this.transactionLine.selected = false;
+                this.detectChanges();
+            }
+        }), this.transactionEventService.removalModeContainerInfo.subscribe((info) => {
+            this._removalContainerInfo = info;
+            this._determineCheckboxVisibilityAndSelection();
+        }), this.transactionEventService.transportTransactionRequestUpdated.subscribe((request) => {
+            this._addToContainerRequest = request;
+            this._determineCheckboxVisibilityAndSelection();
+        }), this.transactionEventService.transportTransactionRemoveRequestUpdated.subscribe((request) => {
+            this._removeFromContainerRequest = request;
+            this._determineCheckboxVisibilityAndSelection();
         }));
     }
     ngOnDestroy() {
@@ -69099,15 +69516,14 @@ class TransactionPurchaseTransportLineBaseComponent extends TransactionLineBaseC
     }
     lineSelected(selected) {
         this.transactionLine.selected = selected;
-        /*if (this.transactionLine.selected ) {
-          this.transactionLine.quantityPurchaseToConfirm = +this.transactionLine.purchasePortalLine.amountOrdered - +this.transactionLine.purchasePortalLine.amountConfirmedTarget;;
-        } else {
-          this.transactionLine.quantityPurchaseToConfirm = 0;
-        }*/
+        this.transportTransactionLineSelectionUpdateCall();
+    }
+    transportTransactionLineSelectionUpdateCall() {
+        this.transactionEventService.transportTransactionLineSelectionChanged.next({ transId: this.transactionService.currentTransaction.transactionInfo.id, line: this.transactionLine });
     }
     transactionLineSet() {
         super.transactionLineSet();
-        this.showCheckboxForLine = (this.transactionLine.amount - this.transactionLine.articleLineStatus.quantityTransportNotification) > 0;
+        this._determineCheckboxVisibilityAndSelection();
     }
     visibilitySet() {
         super.visibilitySet();
@@ -69117,6 +69533,63 @@ class TransactionPurchaseTransportLineBaseComponent extends TransactionLineBaseC
         this.transactionLine.quantityForTransportNotification = this.transactionLine.amount;
         this.detectChanges();
     }
+    _determineCheckboxVisibilityAndSelection() {
+        this._determineCheckboxVisibility();
+        this._determineSelected();
+    }
+    _determineCheckboxVisibility() {
+        if (!this._containerMode || (this._containerMode && (this._removalContainerInfo === null || this._removalContainerInfo === undefined))) {
+            //If not in containermode, or if we want to add to a container, check if notifications can still be attached to this line
+            this.showCheckboxForLine = (this.transactionLine.articleLineStatus && !this.transactionLine.articleLineStatus.isFullyTransportNotified);
+        }
+        else {
+            this._determineShowCheckboxForLineInRemovalMode();
+        }
+    }
+    _determineShowCheckboxForLineInRemovalMode() {
+        const artInfo = this._removalContainerInfo.articleLineInfos.find(a => (this.transactionLine.lineNr === a.lineNr && this.transactionService.currentTransaction.transactionInfo.id === a.transId));
+        this.showCheckboxForLine = (artInfo !== null && artInfo !== undefined);
+    }
+    _determineSelected() {
+        //when not in containermode we should just go on line. selected so we can ignore this check.
+        if (this._containerMode) {
+            if (this._removalContainerInfo) {
+                //if we want to remove from a container, check if we are in the removal request
+                this._determineSelectedBasedOnRemoveRequest();
+            }
+            else {
+                this._determineSelectedBasedOnAddRequest();
+            }
+        }
+    }
+    _determineSelectedBasedOnAddRequest() {
+        let lineInfo = undefined;
+        if (this._addToContainerRequest && (this._addToContainerRequest.transactionRequests.length > 0)) {
+            const transInfo = this._addToContainerRequest.transactionRequests.find(req => (this.transactionService.currentTransaction.transactionInfo.id === req.transId));
+            if (transInfo) {
+                lineInfo = transInfo.selectedLines.find(l => (l.lineNr === this.transactionLine.lineNr));
+            }
+            this.transactionLine.selected = (lineInfo !== undefined);
+        }
+        else {
+            this.transactionLine.selected = false;
+        }
+        this.changeDetector.detectChanges();
+    }
+    _determineSelectedBasedOnRemoveRequest() {
+        if (this._removalContainerInfo && this._removeFromContainerRequest && (this._removeFromContainerRequest.transactionRequests.length > 0)) {
+            let lineNr = undefined;
+            const transInfo = this._removeFromContainerRequest.transactionRequests.find(req => (this.transactionService.currentTransaction.transactionInfo.id === req.transId));
+            if (transInfo) {
+                lineNr = transInfo.selectedLines.find(l => (l === this.transactionLine.lineNr));
+            }
+            this.transactionLine.selected = (lineNr !== undefined || (transInfo && transInfo.selectedLines.length === 0));
+        }
+        else {
+            this.transactionLine.selected = false;
+        }
+        this.changeDetector.detectChanges();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionPurchaseTransportLineBaseComponent, deps: [{ token: TransactionHeaderService }, { token: TransactionLineService }, { token: TransactionEventService }, { token: IconCacheService }, { token: TransactionScreenConfigurationService }, { token: TransactionImageService }, { token: DictionaryService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }, { token: PurchaseConfirmationService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: TransactionPurchaseTransportLineBaseComponent, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
@@ -69339,7 +69812,7 @@ class TransactionPurchaseTransportLineComponent extends TransactionPurchaseTrans
                   [icon]="icons.TruckContainerSolid"
                   [readonly]="true"
                   [inputLabel]="true"
-                  [fieldDate]="totals.arrivalDate">
+                  [fieldDate]="totals?.arrivalDate">
                 </co-transaction-line-date-button>
               }
               @if (this.transactionLine?.selected) {
@@ -69359,7 +69832,8 @@ class TransactionPurchaseTransportLineComponent extends TransactionPurchaseTrans
                     [(model)]="transactionLine.quantityForTransportNotification"
                     [min]="0"
                     [max]="transactionLine.amount - transactionLine.articleLineStatus.quantityTransportNotification"
-                    [forceReadonly]="readonly || (transactionLine && !transactionLine.selected)">
+                    [forceReadonly]="readonly || (transactionLine && !transactionLine.selected)"
+                    (userModelChange)="transportTransactionLineSelectionUpdateCall()">
                   </co-input-number-picker>
                 </div>
               </div>
@@ -69378,6 +69852,7 @@ class TransactionPurchaseTransportLineComponent extends TransactionPurchaseTrans
                       [(model)]="transactionLine.referenceForTransportNotification"
                       [customHeight]="true"
                       [readonly]="false"
+                      (userModelChange)="transportTransactionLineSelectionUpdateCall()"
                     ></co-input-text>
                   }
                 </div>
@@ -69448,7 +69923,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                   [icon]="icons.TruckContainerSolid"
                   [readonly]="true"
                   [inputLabel]="true"
-                  [fieldDate]="totals.arrivalDate">
+                  [fieldDate]="totals?.arrivalDate">
                 </co-transaction-line-date-button>
               }
               @if (this.transactionLine?.selected) {
@@ -69468,7 +69943,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     [(model)]="transactionLine.quantityForTransportNotification"
                     [min]="0"
                     [max]="transactionLine.amount - transactionLine.articleLineStatus.quantityTransportNotification"
-                    [forceReadonly]="readonly || (transactionLine && !transactionLine.selected)">
+                    [forceReadonly]="readonly || (transactionLine && !transactionLine.selected)"
+                    (userModelChange)="transportTransactionLineSelectionUpdateCall()">
                   </co-input-number-picker>
                 </div>
               </div>
@@ -69487,6 +69963,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                       [(model)]="transactionLine.referenceForTransportNotification"
                       [customHeight]="true"
                       [readonly]="false"
+                      (userModelChange)="transportTransactionLineSelectionUpdateCall()"
                     ></co-input-text>
                   }
                 </div>
@@ -82366,6 +82843,7 @@ class TransactionInternalComponent {
     _editArticleTextRefLineNr;
     _salesPersonInputComponentRef;
     _salesPersonAvatarComponentRef;
+    _containerForFillMode = null;
     constructor(iconCacheService, service, deliveryPlanningService, _transactionConnectorService, _transactionEventService, _screenConfigurationService, _dialogService, _purchaseConfirmationService, _transactionBaseService, _changeDetector, transactionHeaderService, _overlayService, _lineSelection //Do not remove this. While it is not directly used it has its own important subscriptions.
     ) {
         this.iconCacheService = iconCacheService;
@@ -82397,6 +82875,9 @@ class TransactionInternalComponent {
                     this.getPlanOrderForTransaction(transaction);
                     this.checkPreferredPlanning();
                 }
+                if (this._containerForFillMode && this.transaction && this.transaction.transactionInfo.transactionKind === TransactionKind.PurchaseOrder) {
+                    this._transactionEventService.activeRubricChange.next({ category: TransactionTypeCategory.PurchaseOrderTransport });
+                }
             }
         }), this.service.relationUpdated.subscribe((relation) => {
             if (relation) {
@@ -82439,6 +82920,11 @@ class TransactionInternalComponent {
             if (!!rubric.sidepanel) {
                 this._transactionEventService.openSidePanel.next(this.transaction.transactionLines[0]);
             }
+        }), this._transactionEventService.transportContainerChosen.subscribe((container) => {
+            this._containerForFillMode = container;
+            if (this._containerForFillMode && this.transaction && this.transaction.transactionInfo.transactionKind === TransactionKind.PurchaseOrder) {
+                this._transactionEventService.activeRubricChange.next({ category: TransactionTypeCategory.PurchaseOrderTransport });
+            }
         }), 
         // this._purchaseConfirmationService.confirmationNeeded.subscribe((needed: boolean) => {
         //   if (needed) {
@@ -82476,7 +82962,11 @@ class TransactionInternalComponent {
             }
         }), 
         // this._transactionEventService.openSidePanel.subscribe((line) => this.handleShowSidePanel(line)),
-        this._transactionEventService.openArticleTextOverview.subscribe((line) => this.handleShowArticleTextOverview(line)), this._transactionEventService.addTransactionText.subscribe((line) => this.handleShowTransactionText(line)), this._transactionEventService.addArticleText.subscribe((line) => this.handleShowArticleText(line)), this._transactionEventService.editTransactionText.subscribe((line) => this.handleEditTransactionText(line)), this._transactionEventService.editArticleText.subscribe((line) => this.handleEditArticleText(line)), this._transactionEventService.createServiceButtonClicked.subscribe((lineNr) => this.handleCreateServiceRequest(lineNr)), this._transactionEventService.viewStockButtonClick.subscribe((goodId) => this.handleViewStock(goodId)), this._transactionEventService.copyLineButtonClick.subscribe((line) => this.handleCopyTransactionLine(line)), this._transactionEventService.showError.subscribe((e) => this._dialogService.showError(e.message, e.localize, e.details)), this._transactionEventService.copyOrder.subscribe(() => this.showCopyOrderDialog = true));
+        this._transactionEventService.openArticleTextOverview.subscribe((line) => this.handleShowArticleTextOverview(line)), this._transactionEventService.addTransactionText.subscribe((line) => this.handleShowTransactionText(line)), this._transactionEventService.addArticleText.subscribe((line) => this.handleShowArticleText(line)), this._transactionEventService.editTransactionText.subscribe((line) => this.handleEditTransactionText(line)), this._transactionEventService.editArticleText.subscribe((line) => this.handleEditArticleText(line)), this._transactionEventService.createServiceButtonClicked.subscribe((lineNr) => this.handleCreateServiceRequest(lineNr)), this._transactionEventService.viewStockButtonClick.subscribe((goodId) => this.handleViewStock(goodId)), this._transactionEventService.copyLineButtonClick.subscribe((line) => this.handleCopyTransactionLine(line)), this._transactionEventService.showError.subscribe((e) => this._dialogService.showError(e.message, e.localize, e.details)), this._transactionEventService.copyOrder.subscribe(() => this.showCopyOrderDialog = true), this._transactionEventService.fillContainerSuccess.subscribe(() => {
+            this.service.commitAndRefreshTransaction();
+        }), this._transactionEventService.removeFromContainerSuccess.subscribe(() => {
+            this.service.commitAndRefreshTransaction();
+        }));
         this.screenWidth = window.innerWidth;
         if (this.resetActiveRubric) {
             this._transactionBaseService.setDefaultActiveRubricFromTransactionKind();
@@ -89247,6 +89737,7 @@ class TransactionQuickAccessOrderTransportComponent extends TransactionHeaderBas
     forceShowNewDateButton = false;
     showDateError = false;
     showReferenceError = false;
+    containerMode = false;
     _subs = [];
     constructor(transactionHeaderService, transactionEventService, iconCacheService, screenConfigService, imageService, dictionaryService, transactionService, changeDetector) {
         super(transactionHeaderService, transactionEventService, iconCacheService, screenConfigService, imageService, dictionaryService, transactionService, changeDetector);
@@ -89261,7 +89752,10 @@ class TransactionQuickAccessOrderTransportComponent extends TransactionHeaderBas
     }
     ngOnInit() {
         super.ngOnInit();
-        this._subs.push();
+        this._subs.push(this.transactionEventService.transportContainerChosen.subscribe((container) => {
+            this.containerMode = (container !== null && container !== undefined);
+            this.changeDetector.detectChanges();
+        }));
     }
     ngOnDestroy() {
         this._subs.forEach(s => s.unsubscribe());
@@ -89286,7 +89780,7 @@ class TransactionQuickAccessOrderTransportComponent extends TransactionHeaderBas
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionQuickAccessOrderTransportComponent, deps: [{ token: TransactionHeaderService }, { token: TransactionEventService }, { token: IconCacheService }, { token: TransactionScreenConfigurationService }, { token: TransactionImageService }, { token: DictionaryService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionQuickAccessOrderTransportComponent, isStandalone: false, selector: "co-transaction-quick-access-order-transport", host: { properties: { "class.co-transaction-quick-access-order-transport": "this.showClass" } }, viewQueries: [{ propertyName: "transportForm", first: true, predicate: FormComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
       <div class="quick-access-wrapper">
-        @if (!showNewDateButton || forceShowNewDateButton) {
+        @if ((!showNewDateButton || forceShowNewDateButton) && !containerMode) {
           <div class="transport-inputs">
             <co-input-checkbox (modelChange)="handleSelectAllLines($event)"></co-input-checkbox>
             <co-form class="field-form">
@@ -89314,7 +89808,7 @@ class TransactionQuickAccessOrderTransportComponent extends TransactionHeaderBas
           </div>
         }
         <!--          <div class="error-message" *ngIf="showLinesError" [textContent]="'NO_ORDER_LINE_SELECTED' | localize"></div>-->
-        @if (showNewDateButton && !forceShowNewDateButton) {
+        @if ((showNewDateButton && !forceShowNewDateButton)  && !containerMode) {
           <div class="show-transport-inputs-wrapper">
             <co-transaction-button class="new-transport-button custom-width"
               [iconData]="iconCacheService.getIcon(icons.PlusSimple)"
@@ -89332,7 +89826,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     selector: 'co-transaction-quick-access-order-transport',
                     template: `
       <div class="quick-access-wrapper">
-        @if (!showNewDateButton || forceShowNewDateButton) {
+        @if ((!showNewDateButton || forceShowNewDateButton) && !containerMode) {
           <div class="transport-inputs">
             <co-input-checkbox (modelChange)="handleSelectAllLines($event)"></co-input-checkbox>
             <co-form class="field-form">
@@ -89360,7 +89854,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           </div>
         }
         <!--          <div class="error-message" *ngIf="showLinesError" [textContent]="'NO_ORDER_LINE_SELECTED' | localize"></div>-->
-        @if (showNewDateButton && !forceShowNewDateButton) {
+        @if ((showNewDateButton && !forceShowNewDateButton)  && !containerMode) {
           <div class="show-transport-inputs-wrapper">
             <co-transaction-button class="new-transport-button custom-width"
               [iconData]="iconCacheService.getIcon(icons.PlusSimple)"
@@ -104259,5 +104753,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AddProductComponent, AddProductModule, BatchProcessDialogComponent, BatchProcessDialogModule, CharacteristicAnswerComponent, CharacteristicAnswerModule, CheckoutComponent, CheckoutModule, CheckoutOverviewDeliveryEditComponent, CheckoutOverviewRelationEditComponent, DatePeriod, DeliveryPlanningCalendarModes, DeliveryPlanningComponent, DeliveryPlanningModes, DeliveryPlanningModule, DeliveryPlanningService, DeliveryPlanningViewModes, DialogBranchComponent, DialogBranchModule, DialogTransactionLineWarehouseCcComponent, DialogTransactionLineWarehouseCcModule, DialogTransactionLineWarehouseLocationComponent, DialogTransactionLineWarehouseLocationModule, FastDateRangePickerComponent, FastDateRangePickerModule, FilterRequestService, LineSelectionService, LoaderComponent, LoaderModule, PosOrderData, PurchaseConfirmationService, QuickSendButtonComponent, QuickSendButtonModule, SearchViewMode, SearchbarViewMode, SharedConnectorService, ShippingMethodDialogComponent, ShippingMethodDialogModule, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TRANSACTION_BUTTON_BAR_MAPPING_CONFIG, TRANSACTION_CARD_MAPPING_CONFIG, TRANSACTION_DIALOG_MAPPING_CONFIG, TRANSACTION_FILTER_MAPPING_CONFIG, TRANSACTION_LINE_MAPPING_CONFIG, TRANSACTION_QUICK_ACCESS_MAPPING_CONFIG, TRANSACTION_SEARCH_MAPPING_CONFIG, TRANSACTION_SIDE_PANEL_MAPPING_CONFIG, TransactionBusinessObjectCacheManagerService, TransactionCashRegisterDialogComponent, TransactionCashRegisterDialogModule, TransactionCashRegisterOrderReceiptDialogComponent, TransactionCashRegisterOrderReceiptDialogModule, TransactionCfgName, TransactionComponent, TransactionConfirmTotalsComponent, TransactionConfirmationHistoryComponent, TransactionConfirmationHistoryModule, TransactionConnectorAdapterService, TransactionConnectorService, TransactionCreateDateLabelComponent, TransactionCreateDateLabelModule, TransactionCreateWizardComponent, TransactionCreateWizardModule, TransactionDatePickDialogComponent, TransactionDatePickDialogModule, TransactionDialogService, TransactionEventService, TransactionFilterComponent, TransactionFilterModule, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionInvoiceCheckOrder, TransactionInvoiceCheckOrderTileComponent, TransactionInvoiceCheckOrderTileModule, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineSidePanelArticleDetailsComponent, TransactionLineSidePanelArticleDetailsModule, TransactionLineSidePanelReplenishmentArticleDetailsComponent, TransactionLineSidePanelReplenishmentArticleDetailsModule, TransactionLineStatusbarComponent, TransactionLineStatusbarModule, TransactionLinesComponent, TransactionLinesModule, TransactionMappingService, TransactionMarginComponent, TransactionMarginModule, TransactionModule, TransactionNumberLabelComponent, TransactionNumberLabelModule, TransactionPaymentConnectorService, TransactionPaymentService, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionRelationConnectorService, TransactionRelationService, TransactionScreenConfigurationService, TransactionSearchComponent, TransactionSearchModule, TransactionSearchResultComponent, TransactionSearchResultModule, TransactionSearchService, TransactionSelectMultipleCacheService, TransactionSelectMultipleParameterizedCacheService, TransactionSelectSingleCacheService, TransactionSelectSingleParameterizedCacheService, TransactionService, TransactionSettings, TransactionSettingsOptions, TransactionSettingsService, TransactionStatusbarComponent, TransactionStatusbarModule, TransactionTagComponent, TransactionTagsComponent, TransactionTagsModule, TransactionTotalsComponent, TransactionTotalsModule, Version, VoucherCodePendingReasonDialogComponent, VoucherCodePendingReasonDialogModule, WarehouseCCTab };
+export { AddProductComponent, AddProductModule, BatchProcessDialogComponent, BatchProcessDialogModule, CharacteristicAnswerComponent, CharacteristicAnswerModule, CheckoutComponent, CheckoutModule, CheckoutOverviewDeliveryEditComponent, CheckoutOverviewRelationEditComponent, DatePeriod, DeliveryPlanningCalendarModes, DeliveryPlanningComponent, DeliveryPlanningModes, DeliveryPlanningModule, DeliveryPlanningService, DeliveryPlanningViewModes, DialogBranchComponent, DialogBranchModule, DialogTransactionLineWarehouseCcComponent, DialogTransactionLineWarehouseCcModule, DialogTransactionLineWarehouseLocationComponent, DialogTransactionLineWarehouseLocationModule, FastDateRangePickerComponent, FastDateRangePickerModule, FilterRequestService, LineSelectionService, LoaderComponent, LoaderModule, PosOrderData, PurchaseConfirmationService, QuickSendButtonComponent, QuickSendButtonModule, SearchViewMode, SearchbarViewMode, SharedConnectorService, ShippingMethodDialogComponent, ShippingMethodDialogModule, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TRANSACTION_BUTTON_BAR_MAPPING_CONFIG, TRANSACTION_CARD_MAPPING_CONFIG, TRANSACTION_DIALOG_MAPPING_CONFIG, TRANSACTION_FILTER_MAPPING_CONFIG, TRANSACTION_LINE_MAPPING_CONFIG, TRANSACTION_QUICK_ACCESS_MAPPING_CONFIG, TRANSACTION_SEARCH_MAPPING_CONFIG, TRANSACTION_SIDE_PANEL_MAPPING_CONFIG, TransactionBusinessObjectCacheManagerService, TransactionCashRegisterDialogComponent, TransactionCashRegisterDialogModule, TransactionCashRegisterOrderReceiptDialogComponent, TransactionCashRegisterOrderReceiptDialogModule, TransactionCfgName, TransactionComponent, TransactionConfirmTotalsComponent, TransactionConfirmationHistoryComponent, TransactionConfirmationHistoryModule, TransactionConnectorAdapterService, TransactionConnectorService, TransactionCreateDateLabelComponent, TransactionCreateDateLabelModule, TransactionCreateWizardComponent, TransactionCreateWizardModule, TransactionDatePickDialogComponent, TransactionDatePickDialogModule, TransactionDialogService, TransactionEventService, TransactionFilterComponent, TransactionFilterModule, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionInvoiceCheckOrder, TransactionInvoiceCheckOrderTileComponent, TransactionInvoiceCheckOrderTileModule, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineSidePanelArticleDetailsComponent, TransactionLineSidePanelArticleDetailsModule, TransactionLineSidePanelReplenishmentArticleDetailsComponent, TransactionLineSidePanelReplenishmentArticleDetailsModule, TransactionLineStatusbarComponent, TransactionLineStatusbarModule, TransactionLinesComponent, TransactionLinesModule, TransactionMappingService, TransactionMarginComponent, TransactionMarginModule, TransactionModule, TransactionNotificationLineSelectionService, TransactionNumberLabelComponent, TransactionNumberLabelModule, TransactionPaymentConnectorService, TransactionPaymentService, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionRelationConnectorService, TransactionRelationService, TransactionScreenConfigurationService, TransactionSearchComponent, TransactionSearchModule, TransactionSearchResultComponent, TransactionSearchResultModule, TransactionSearchService, TransactionSelectMultipleCacheService, TransactionSelectMultipleParameterizedCacheService, TransactionSelectSingleCacheService, TransactionSelectSingleParameterizedCacheService, TransactionService, TransactionSettings, TransactionSettingsOptions, TransactionSettingsService, TransactionStatusbarComponent, TransactionStatusbarModule, TransactionTagComponent, TransactionTagsComponent, TransactionTagsModule, TransactionTotalsComponent, TransactionTotalsModule, Version, VoucherCodePendingReasonDialogComponent, VoucherCodePendingReasonDialogModule, WarehouseCCTab };
 //# sourceMappingURL=colijnit-transaction.mjs.map