@colijnit/transaction 255.1.37 → 255.1.39

package/bundles/colijnit-transaction.umd.js

@@ -33,8 +33,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "255.1.37";
-            this.publishDate = "11-9-2024 10:43:26";
+            this.symVer = "255.1.39";
+            this.publishDate = "20-9-2024 17:21:27";
         }
         return Version;
     }());
@@ -700,6 +700,7 @@
         Icon["BoxOpenFullRegular"] = "box_open_full_regular";
         Icon["CalendarDay"] = "calendar_day";
         Icon["CalendarDayRegular"] = "calendar_day_regular";
+        Icon["CalendarLinesRegular"] = "calendar_lines_regular";
         Icon["Cancel"] = "cancel";
         Icon["CaretDownSolid"] = "caret_down_solid";
         Icon["CaretUpSolid"] = "caret_up_solid";
@@ -717,6 +718,7 @@
         Icon["CheckDuotone"] = "check_duotone";
         Icon["CheckThin"] = "check_thin";
         Icon["ChevronDownRegular"] = "chevron_down_regular";
+        Icon["ChevronRightRegular"] = "chevron_right_regular";
         Icon["ChevronUpRegular"] = "chevron_up_regular";
         Icon["CircleExclamationRegular"] = "circle_exclamation_regular";
         Icon["CloseDialog"] = "close_dialog";
@@ -747,6 +749,8 @@
         Icon["IndustrySolid"] = "industry_solid";
         Icon["Invoice"] = "invoice";
         Icon["LessThanSolid"] = "less_than_solid";
+        Icon["LightCreditCardCheck"] = "light_credit_card_check";
+        Icon["LightEuroSignMinus"] = "light_euro_sign_minus";
         Icon["LinkRegular"] = "link_regular";
         Icon["LinkSimpleSolid"] = "link_simple_solid";
         Icon["ListRegular"] = "list_regular";
@@ -779,12 +783,15 @@
         Icon["RegularBoxOpenCircleCheck"] = "regular_box_open_circle_check";
         Icon["RegularCartFlatbedBoxesCircleCheck"] = "regular_cart_flatbed_boxes_circle_check";
         Icon["RegularCartShoppingCircleQuestion"] = "regular_cart_shopping_circle_question";
+        Icon["RegularCartShoppingClock"] = "regular_cart_shopping_clock";
         Icon["RegularEuroSignMinus"] = "regular_euro_sign_minus";
         Icon["RegularIndustryClock"] = "regular_industry_clock";
         Icon["RegularIndustryTag"] = "regular_industry_tag";
         Icon["RegularReceiptSlash"] = "regular_receipt_slash";
         Icon["RegularTruckMovingCircleExclamation"] = "regular_truck_moving_circle_exclamation";
         Icon["RegularTruckMovingCircleUser"] = "regular_truck_moving_circle_user";
+        Icon["RegularTruckMovingClock"] = "regular_truck_moving_clock";
+        Icon["RegularWarehouseClock"] = "regular_warehouse_clock";
         Icon["Remark"] = "remark";
         Icon["Resize"] = "resize";
         Icon["ServiceCartRegular"] = "service_cart_regular";
@@ -812,6 +819,7 @@
         Icon["ToolboxRegular"] = "toolbox_regular";
         Icon["TrashBin"] = "trash_bin";
         Icon["TrashCanLight"] = "trash_can_light";
+        Icon["TrashCanRegular"] = "trash_can_regular";
         Icon["TriangleDown"] = "triangle_down";
         Icon["TriangleUp"] = "triangle_up";
         Icon["Truck"] = "truck";
@@ -847,6 +855,7 @@
         "box_open_full_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M480.9 3.1C456-6.2 428.4 6.3 419.1 31.2L384 124.8C382.2 55.6 325.6 0 256 0C185.3 0 128 57.3 128 128c0 2.2 .1 4.3 .2 6.5l65.5 8.2c-1.1-4.7-1.7-9.6-1.7-14.7c0-35.3 28.7-64 64-64s64 28.7 64 64c0 10.7-2.6 20.7-7.2 29.6l7.2 .9 161.4-20.2 27.5-73.4c9.3-24.8-3.3-52.5-28.1-61.8zM58.9 170.1L17.2 253.5c-9 17.9 .6 39.6 19.8 45.1l163.3 46.7c13.9 4 28.8-1.9 36.2-14.3L320 192 75.2 161.4c-6.7-.8-13.3 2.7-16.3 8.7zM576 339.6l-48 13.7v57.2l-184 46V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V456.5l-184-46V353.3L64 339.6v71c0 22 15 41.2 36.4 46.6l204.1 51c10.2 2.5 20.9 2.5 31 0l204.1-51c21.4-5.3 36.4-24.5 36.4-46.6v-71zm46.8-86.1l-41.7-83.4c-3-6.1-9.6-9.6-16.3-8.7L320 192l83.4 139c7.4 12.4 22.3 18.3 36.2 14.3l163.3-46.7c19.3-5.5 28.8-27.2 19.8-45.1z\"/></svg>",
         "calendar_day": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" ><g><path fill=\"#022D42\" d=\"M35.4,13.7H14.6c-0.6,0-1,0.5-1,1V20h22.9v-5.2C36.4,14.2,36,13.7,35.4,13.7z M19,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8C20.8,18,20,18.8,19,18.8z M31,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8C32.7,18,32,18.8,31,18.8z\"/><path fill=\"#022D42\" d=\"M35.4,22.3v12.6L31.3,39H14.6c0,0,0,0,0,0V22.3H35.4 M36.4,21.3H13.6V39c0,0.6,0.5,1,1,1h17.2l4.7-4.7V21.3L36.4,21.3z\"/><rect x=\"18.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"30.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"18.6\" y=\"30.5\" fill=\"#022D42\" width=\"3.4\" height=\"3.4\"/><rect x=\"19.1\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/></g></svg>",
         "calendar_day_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M208 256C216.8 256 224 263.2 224 272V368C224 376.8 216.8 384 208 384H112C103.2 384 96 376.8 96 368V272C96 263.2 103.2 256 112 256H208zM128 0C141.3 0 152 10.75 152 24V64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0zM400 192H48V448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192z\"/></svg>",
+        "calendar_lines_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L64 64C28.7 64 0 92.7 0 128l0 16 0 48L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-256 0-48 0-16c0-35.3-28.7-64-64-64l-40 0 0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L152 64l0-40zM48 192l352 0 0 256c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256zm48 88c0 13.3 10.7 24 24 24l208 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-208 0c-13.3 0-24 10.7-24 24zm24 72c-13.3 0-24 10.7-24 24s10.7 24 24 24l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-112 0z\"/></svg>",
         "cancel": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"36 35.16 30.45 35.16 14 14.84 19.55 14.84 36 35.16\" fill=\"#484f60\"/><polygon points=\"14 35.16 19.55 35.16 36 14.84 30.45 14.84 14 35.16\" fill=\"#484f60\"/></svg>",
         "caret_down_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path d=\"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\"/></svg>",
         "caret_up_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path d=\"M182.6 137.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8H288c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z\"/></svg>",
@@ -864,6 +873,7 @@
         "check_duotone": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class=\"fa-primary\" d=\"M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z\"/></svg>",
         "check_thin": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><polygon points=\"13.26 27.6 4.37 15.1 5.19 14.52 13.1 25.66 24.73 2.4 25.63 2.85 13.26 27.6\" fill=\"#484f60\"/></g></svg>",
         "chevron_down_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z\"/></svg>",
+        "chevron_right_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path d=\"M305 239c9.4 9.4 9.4 24.6 0 33.9L113 465c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l175-175L79 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L305 239z\"/></svg>",
         "chevron_up_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M239 111c9.4-9.4 24.6-9.4 33.9 0L465 303c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-175-175L81 337c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L239 111z\"/></svg>",
         "circle_exclamation_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 512zm0-384c-13.3 0-24 10.7-24 24V264c0 13.3 10.7 24 24 24s24-10.7 24-24V152c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\"/></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>",
@@ -894,6 +904,8 @@
         "industry_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M32 32C14.3 32 0 46.3 0 64V304v48 80c0 26.5 21.5 48 48 48H464c26.5 0 48-21.5 48-48V304 152.2c0-18.2-19.4-29.7-35.4-21.1L320 215.4V152.2c0-18.2-19.4-29.7-35.4-21.1L128 215.4V64c0-17.7-14.3-32-32-32H32z\"/></svg>",
         "invoice": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M64 464H320c8.8 0 16-7.2 16-16V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM0 64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm80 48c0-8.8 7.2-16 16-16h80c8.8 0 16 7.2 16 16s-7.2 16-16 16H96c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16h80c8.8 0 16 7.2 16 16s-7.2 16-16 16H96c-8.8 0-16-7.2-16-16zM192 400c0-8.8 7.2-16 16-16h80c8.8 0 16 7.2 16 16s-7.2 16-16 16H208c-8.8 0-16-7.2-16-16zM112 224H272c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32H112c-17.7 0-32-14.3-32-32V256c0-17.7 14.3-32 32-32z\"/></svg>",
         "less_than_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M380.6 81.7c7.9 15.8 1.5 35-14.3 42.9L103.6 256 366.3 387.4c15.8 7.9 22.2 27.1 14.3 42.9s-27.1 22.2-42.9 14.3l-320-160C6.8 279.2 0 268.1 0 256s6.8-23.2 17.7-28.6l320-160c15.8-7.9 35-1.5 42.9 14.3z\"/></svg>",
+        "light_credit_card_check": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 96C0 60.7 28.7 32 64 32l448 0c35.3 0 64 28.7 64 64l0 115.2c-10.1-5.2-20.8-9.4-32-12.6l0-38.6L32 160l0 64 362.8 0c-12.9 9.1-24.5 19.9-34.6 32L32 256l0 160c0 17.7 14.3 32 32 32l275.2 0c5.9 11.4 12.9 22.2 21.1 32L64 480c-35.3 0-64-28.7-64-64L0 96zm32 0l0 32 512 0 0-32c0-17.7-14.3-32-32-32L64 64C46.3 64 32 78.3 32 96zM96 368c0-8.8 7.2-16 16-16l64 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-64 0c-8.8 0-16-7.2-16-16zm128 0c0-8.8 7.2-16 16-16l80.7 0c-.5 5.3-.7 10.6-.7 16s.2 10.7 .7 16L240 384c-8.8 0-16-7.2-16-16zm128 0c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144zm32 0c0 61.9 50.1 112 112 112s112-50.1 112-112s-50.1-112-112-112s-112 50.1-112 112zm44.7-11.3c6.2-6.2 16.4-6.2 22.6 0L480 385.4l60.7-60.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-72 72c-6.2 6.2-16.4 6.2-22.6 0l-40-40c-6.2-6.2-6.2-16.4 0-22.6z\"/></svg>",
+        "light_euro_sign_minus": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M0 208c0-8.8 7.2-16 16-16l25.3 0C68.8 99.5 154.5 32 256 32l49 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-49 0c-83.6 0-154.7 53.4-181.1 128L272 192c8.8 0 16 7.2 16 16s-7.2 16-16 16L66.7 224c-1.8 10.4-2.7 21.1-2.7 32s1 21.6 2.7 32L272 288c1 0 2.1 .1 3 .3c-5.1 10.1-9.3 20.7-12.4 31.7L74.9 320c26.4 74.6 97.5 128 181.1 128l19.2 0c5.9 11.4 12.9 22.2 21.1 32L256 480C154.5 480 68.8 412.5 41.3 320L16 320c-8.8 0-16-7.2-16-16s7.2-16 16-16l18.3 0c-1.5-10.5-2.3-21.1-2.3-32s.8-21.5 2.3-32L16 224c-8.8 0-16-7.2-16-16zM288 368c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144zm32 0c0 61.9 50.1 112 112 112s112-50.1 112-112s-50.1-112-112-112s-112 50.1-112 112zm32 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>",
         "link_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M59.7 244.8C3.5 301 3.5 392.1 59.7 448.2c53.6 53.6 139.5 56.4 196.5 6.5l6.1-5.4-31.6-36.1-6.1 5.4c-38 33.2-95.2 31.3-130.9-4.4c-37.4-37.4-37.4-98.1 0-135.6L207 165.4c37.4-37.4 98.1-37.4 135.6 0c35.7 35.7 37.6 92.9 4.4 130.9l-5.4 6.1L377.7 334l5.4-6.1c49.9-57 47-142.9-6.5-196.5c-56.2-56.2-147.3-56.2-203.5 0L59.7 244.8zm520.6 22.4c56.2-56.2 56.2-147.3 0-203.5C526.8 10.2 440.9 7.3 383.9 57.2l-6.1 5.4 31.6 36.1 6.1-5.4c38-33.2 95.2-31.3 130.9 4.4c37.4 37.4 37.4 98.1 0 135.6L433.1 346.6c-37.4 37.4-98.2 37.4-135.6 0c-35.7-35.7-37.6-92.9-4.4-130.9l4.7-5.4-36.1-31.6-4.7 5.4c-49.8 57-46.9 142.9 6.6 196.4c56.2 56.2 147.3 56.2 203.5 0L580.3 267.2z\"/></svg>",
         "link_simple_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M0 256C0 167.6 71.6 96 160 96h64c17.7 0 32 14.3 32 32s-14.3 32-32 32H160c-53 0-96 43-96 96s43 96 96 96h64c17.7 0 32 14.3 32 32s-14.3 32-32 32H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H352c-17.7 0-32-14.3-32-32s14.3-32 32-32h64c53 0 96-43 96-96s-43-96-96-96H352c-17.7 0-32-14.3-32-32s14.3-32 32-32h64c88.4 0 160 71.6 160 160zM192 224H384c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32z\"/></svg>",
         "list_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M88 48C101.3 48 112 58.75 112 72V120C112 133.3 101.3 144 88 144H40C26.75 144 16 133.3 16 120V72C16 58.75 26.75 48 40 48H88zM488 72C501.3 72 512 82.75 512 96C512 109.3 501.3 120 488 120H184C170.7 120 160 109.3 160 96C160 82.75 170.7 72 184 72H488zM488 232C501.3 232 512 242.7 512 256C512 269.3 501.3 280 488 280H184C170.7 280 160 269.3 160 256C160 242.7 170.7 232 184 232H488zM488 392C501.3 392 512 402.7 512 416C512 429.3 501.3 440 488 440H184C170.7 440 160 429.3 160 416C160 402.7 170.7 392 184 392H488zM16 232C16 218.7 26.75 208 40 208H88C101.3 208 112 218.7 112 232V280C112 293.3 101.3 304 88 304H40C26.75 304 16 293.3 16 280V232zM88 368C101.3 368 112 378.7 112 392V440C112 453.3 101.3 464 88 464H40C26.75 464 16 453.3 16 440V392C16 378.7 26.75 368 40 368H88z\"/></svg>",
@@ -926,12 +938,15 @@
         "regular_box_open_circle_check": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M17.2 125.5L58.9 42.1c3-6 9.6-9.5 16.3-8.7C156.8 43.6 238.4 53.8 320 64c-27.8 46.3-55.7 92.7-83.5 139c-7.4 12.4-22.3 18.3-36.2 14.3C145.9 201.7 91.4 186.2 37 170.6c-19.2-5.5-28.8-27.2-19.8-45.1zM64 211.6l48 13.7c0 51.1 0 102.1 0 153.2c61.3 15.3 122.7 30.7 184 46c0-80.2 0-160.3 0-240.5c0-13.3 10.7-24 24-24s24 10.7 24 24c0 31.7 0 63.5 0 95.2c-15.3 26.1-24 56.4-24 88.8c0 38.7 12.5 74.6 33.8 103.6c-6.1 1.5-12.2 3-18.3 4.6c-10.1 2.5-20.8 2.5-31 0c-68-17-136.1-34-204.1-51C79 419.8 64 400.6 64 378.6c0-55.7 0-111.3 0-167zM320 64L564.8 33.4c6.7-.9 13.3 2.6 16.3 8.7c13.9 27.8 27.7 55.6 41.6 83.4c9 17.9-.5 39.6-19.8 45.1c-27.1 7.8-54.2 15.5-81.3 23.3c-8.4-1.2-16.9-1.9-25.6-1.9c-30.1 0-58.5 7.6-83.3 20.9c-3.7-2.5-6.9-5.9-9.3-9.9c-27.8-46.3-55.6-92.7-83.4-139zm32 304c0-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>",
         "regular_cart_flatbed_boxes_circle_check": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48c16 0 32 0 48 0c4.4 0 8 3.6 8 8c0 117.4 0 234.7 0 352c0 30.9 25.1 56 56 56c8 0 16 0 24 0c0 26.5 21.5 48 48 48s48-21.5 48-48c30.8 0 61.7 0 92.5 0c-9.6-14.6-17-30.8-21.9-48c-39.5 0-79.1 0-118.6 0c-24 0-48 0-72 0c-4.4 0-8-3.6-8-8c0-117.4 0-234.7 0-352c0-30.9-25.1-56-56-56C56 0 40 0 24 0zM240 80l128 0c0 55.7 0 111.5 0 167.2c13.8-14.6 30-26.8 48-36c0-43.7 0-87.5 0-131.2c0-26.5-21.5-48-48-48c-42.7 0-85.3 0-128 0c-26.5 0-48 21.5-48 48c0 74.7 0 149.3 0 224c0 26.5 21.5 48 48 48c26.9 0 53.8 0 80.7 0c1.5-16.8 5.4-32.9 11.3-48c-30.7 0-61.3 0-92 0c0-74.7 0-149.3 0-224zm320 0l0 64c-21.3 0-42.7 0-64 0c0-21.3 0-42.7 0-64c21.3 0 42.7 0 64 0zM496 32c-26.5 0-48 21.5-48 48c0 21.3 0 42.7 0 64c0 26.5 21.5 48 48 48c21.3 0 42.7 0 64 0c26.5 0 48-21.5 48-48c0-21.3 0-42.7 0-64c0-26.5-21.5-48-48-48c-21.3 0-42.7 0-64 0zM352 368c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144zm211.3-20.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0c-20.2 20.2-40.5 40.5-60.7 60.7c-9.6-9.6-19.1-19.1-28.7-28.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6c13.3 13.3 26.7 26.7 40 40c6.2 6.2 16.4 6.2 22.6 0c24-24 48-48 72-72z\"/></svg>",
         "regular_cart_shopping_circle_question": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48c15.2 0 30.3 0 45.5 0c3.8 0 7.1 2.7 7.9 6.5c17.2 90.4 34.4 180.7 51.6 271c6.5 34 36.2 58.5 70.7 58.5c40.3 0 80.7 0 121 0c-.5-5.3-.7-10.6-.7-16c0-10.9 1-21.6 2.9-32c-41.1 0-82.1 0-123.2 0c-11.5 0-21.4-8.2-23.6-19.5c-1.8-9.5-3.6-19-5.4-28.5c56.2 0 112.3 0 168.5 0c9.2-18 21.4-34.2 36-48c-71.2 0-142.4 0-213.6 0c-10.2-53.3-20.3-106.7-30.5-160c129.9 0 259.7 0 389.6 0c-10.1 37.4-20.1 74.7-30.2 112.1c1.8-.1 3.7-.1 5.5-.1c14.8 0 29.1 1.8 42.8 5.2c10.3-38.3 20.6-76.6 30.9-114.8C576.6 57 557.4 32 531.1 32c-137 0-274 0-411 0C111 12.8 91.6 0 69.5 0C54.3 0 39.2 0 24 0zM176 512c17.1 0 33-9.1 41.6-24s8.6-33.1 0-48s-24.4-24-41.6-24s-33 9.1-41.6 24s-8.6 33.1 0 48s24.4 24 41.6 24zM640 368c0 79.5-64.5 144-144 144s-144-64.5-144-144s64.5-144 144-144s144 64.5 144 144zM496 416c-13.3 0-24 10.7-24 24s10.7 24 24 24s24-10.7 24-24s-10.7-24-24-24zM473.6 280c-23 0-41.6 18.6-41.6 41.6c0 2.1 0 4.3 0 6.4c0 8.8 7.2 16 16 16s16-7.2 16-16c0-2.1 0-4.3 0-6.4c0-5.3 4.3-9.6 9.6-9.6c13.5 0 27 0 40.5 0c7.7 0 13.9 6.2 13.9 13.9c0 5.2-2.9 9.9-7.4 12.3c-10.7 5.6-21.3 11.2-32 16.8c-5.3 2.8-8.6 8.2-8.6 14.2c0 4.9 0 9.8 0 14.8c0 8.8 7.2 16 16 16s16-7.2 16-16c0-1.7 0-3.4 0-5.1c7.8-4.1 15.6-8.2 23.5-12.3c15.1-7.9 24.5-23.6 24.5-40.6c0-25.4-20.6-45.9-45.9-45.9c-13.5 0-27 0-40.5 0z\"/></svg>",
+        "regular_cart_shopping_clock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 24C0 10.7 10.7 0 24 0L69.5 0C91.6 0 111 12.8 120.1 32l411 0c26.3 0 45.5 25 38.6 50.4L538.8 197.2c-13.7-3.4-28-5.2-42.8-5.2c-1.8 0-3.7 0-5.5 .1L520.7 80 131.1 80l30.5 160 213.6 0c-14.6 13.8-26.8 30-36 48l-168.5 0 5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5l123.2 0c-1.9 10.4-2.9 21.1-2.9 32c0 5.4 .2 10.7 .7 16l-121 0c-34.5 0-64.2-24.5-70.7-58.5L77.4 54.5c-.8-3.8-4.1-6.5-7.9-6.5L24 48C10.7 48 0 37.3 0 24zM134.4 440c8.6-14.9 24.4-24 41.6-24s33 9.1 41.6 24s8.6 33.1 0 48s-24.4 24-41.6 24s-33-9.1-41.6-24s-8.6-33.1 0-48zM352 368c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144zm128-64l0 64c0 8.8 7.2 16 16 16l48 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0 0-48c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"/></svg>",
         "regular_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>",
         "regular_receipt_slash": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M5.1 9.2C13.3-1.2 28.4-3.1 38.8 5.1C68.5 28.4 98.3 51.7 128 75c0-17 0-34 0-51c0-9.4 5.5-17.9 14-21.8s18.5-2.5 25.6 3.6c13.5 11.5 26.9 23.1 40.4 34.6c13.5-11.5 26.9-23.1 40.4-34.6c8.9-7.7 22.2-7.7 31.2 0c13.5 11.5 26.9 23.1 40.4 34.6c13.5-11.5 26.9-23.1 40.4-34.6c8.9-7.7 22.2-7.7 31.2 0c13.5 11.5 26.9 23.1 40.4 34.6c13.5-11.5 26.9-23.1 40.4-34.6c7.1-6.1 17.1-7.5 25.6-3.6s14 12.4 14 21.8c0 117.3 0 234.6 0 352c39.6 31 79.2 62.1 118.8 93.1c10.4 8.2 12.3 23.3 4.1 33.7s-23.3 12.3-33.7 4.1C403.8 352.2 206.5 197.6 9.2 42.9C-1.2 34.7-3.1 19.6 5.1 9.2zM128 196.9l48 37.8c0 67 0 134.1 0 201.1c5.5-4.7 10.9-9.3 16.4-14c8.9-7.7 22.2-7.7 31.2 0c13.5 11.5 26.9 23.1 40.4 34.6c13.5-11.5 26.9-23.1 40.4-34.6c8.9-7.7 22.2-7.7 31.2 0c13.5 11.5 26.9 23.1 40.4 34.6c13-11.1 26-22.3 39-33.4l94.9 74.8c-2.3 5.2-6.5 9.6-11.9 12c-8.5 3.9-18.5 2.5-25.6-3.6c-13.5-11.5-26.9-23.1-40.4-34.6c-13.5 11.5-26.9 23.1-40.4 34.6c-8.9 7.7-22.2 7.7-31.2 0c-13.5-11.5-26.9-23.1-40.4-34.6c-13.5 11.5-26.9 23.1-40.4 34.6c-8.9 7.7-22.2 7.7-31.2 0c-13.5-11.5-26.9-23.1-40.4-34.6c-13.5 11.5-26.9 23.1-40.4 34.6c-7.1 6.1-17.1 7.5-25.6 3.6s-14-12.4-14-21.8c0-97 0-194.1 0-291.1zM176 76.2l0 36.4c17.5 13.7 35.1 27.5 52.6 41.2c4.4-6 11.4-9.9 19.4-9.9c48 0 96 0 144 0c13.3 0 24 10.7 24 24s-10.7 24-24 24c-38.2 0-76.5 0-114.7 0c17 13.3 34 26.7 51 40c21.2 0 42.5 0 63.7 0c13.3 0 24 10.7 24 24s-10.7 24-24 24c-.8 0-1.6 0-2.5 0c24.8 19.5 49.6 38.9 74.5 58.4c0-87.4 0-174.8 0-262.2c-5.5 4.7-10.9 9.3-16.4 14c-8.9 7.7-22.2 7.7-31.2 0C402.9 78.7 389.5 67.1 376 55.6c-13.5 11.5-26.9 23.1-40.4 34.6c-8.9 7.7-22.2 7.7-31.2 0C290.9 78.7 277.5 67.1 264 55.6c-13.5 11.5-26.9 23.1-40.4 34.6c-8.9 7.7-22.2 7.7-31.2 0c-5.5-4.7-10.9-9.3-16.4-14zM224 344c0-13.3 10.7-24 24-24c12.1 0 24.2 0 36.3 0c20.3 16 40.6 32 60.9 48c-32.4 0-64.8 0-97.2 0c-13.3 0-24-10.7-24-24z\"/></svg>",
         "regular_truck_moving_circle_exclamation": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M72 80c-13.3 0-24 10.7-24 24c0 74.2 0 148.5 0 222.7c9.8-4.3 20.6-6.7 32-6.7c26.2 0 49.4 12.6 64 32c14.6-19.4 37.8-32 64-32s49.4 12.6 64 32c16.2 0 32.5 0 48.7 0c-.5 5.3-.7 10.6-.7 16c0 10.9 1 21.6 2.9 32c-11.6 0-23.3 0-34.9 0c0 44.2-35.8 80-80 80c-26.2 0-49.4-12.6-64-32c-14.6 19.4-37.8 32-64 32c-44.2 0-80-35.8-80-80c0-16 0-32 0-48s0-32 0-48c0-66.7 0-133.3 0-200C0 64.2 32.2 32 72 32c112 0 224 0 336 0c39.8 0 72 32.2 72 72c0 13.3 0 26.7 0 40c16.3 0 32.5 0 48.8 0c16.8 0 32.7 7.5 43.3 20.5c19.6 24 39.3 47.9 58.9 71.9c5.8 7.1 9 16.1 9 25.3c0 1.7 0 3.4 0 5.1c-24.4-34.6-61-60.1-103.5-70.1c-.5-.6-1-1.2-1.5-1.8c-1.5-1.9-3.8-2.9-6.2-2.9c-10.9 0-21.9 0-32.8 0c-5.3 0-10.7 0-16 0c0 .2 0 .5 0 .7c-16.8 1.5-32.9 5.4-48 11.3c0-33.3 0-66.7 0-100c0-13.3-10.7-24-24-24c-112 0-224 0-336 0zM240 400c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32zM80 432c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32zm560-64c0 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-24zm16-128c0-8.8-7.2-16-16-16s-16 7.2-16 16c0 26.7 0 53.3 0 80c0 8.8 7.2 16 16 16s16-7.2 16-16c0-26.7 0-53.3 0-80z\"/></svg>",
         "regular_truck_moving_circle_user": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M72 80c-13.3 0-24 10.7-24 24c0 74.2 0 148.5 0 222.7c9.8-4.3 20.6-6.7 32-6.7c26.2 0 49.4 12.6 64 32c14.6-19.4 37.8-32 64-32s49.4 12.6 64 32c16.2 0 32.5 0 48.7 0c-.5 5.3-.7 10.6-.7 16c0 10.9 1 21.6 2.9 32c-11.6 0-23.3 0-34.9 0c0 44.2-35.8 80-80 80c-26.2 0-49.4-12.6-64-32c-14.6 19.4-37.8 32-64 32c-44.2 0-80-35.8-80-80c0-16 0-32 0-48s0-32 0-48c0-66.7 0-133.3 0-200C0 64.2 32.2 32 72 32c112 0 224 0 336 0c39.8 0 72 32.2 72 72c0 13.3 0 26.7 0 40c16.3 0 32.5 0 48.8 0c16.8 0 32.7 7.5 43.3 20.5c19.6 24 39.3 47.9 58.9 71.9c5.8 7.1 9 16.1 9 25.3c0 1.7 0 3.4 0 5.1c-24.4-34.6-61-60.1-103.5-70.1c-.5-.6-1-1.2-1.5-1.8c-1.5-1.9-3.8-2.9-6.2-2.9c-10.9 0-21.9 0-32.8 0c-5.3 0-10.7 0-16 0c0 .2 0 .5 0 .7c-16.8 1.5-32.9 5.4-48 11.3c0-33.3 0-66.7 0-100c0-13.3-10.7-24-24-24c-112 0-224 0-336 0zM240 400c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32zM80 432c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32zm272-64c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144zM496 480c30.2 0 57.5-11.9 77.7-31.3c-6.2-19-24-32.7-45.1-32.7c-21.7 0-43.5 0-65.2 0c-21 0-38.9 13.7-45.1 32.7C438.5 468.1 465.8 480 496 480zm0-96c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48z\"/></svg>",
+        "regular_truck_moving_clock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 104C0 64.2 32.2 32 72 32l336 0c39.8 0 72 32.2 72 72l0 40 48.8 0c16.8 0 32.7 7.5 43.3 20.5L631 236.4c5.8 7.1 9 16.1 9 25.3l0 5.1c-24.4-34.6-61-60.1-103.5-70.1l-1.5-1.8c-1.5-1.9-3.8-2.9-6.2-2.9L496 192l-16 0 0 .7c-16.8 1.5-32.9 5.4-48 11.3l0-100c0-13.3-10.7-24-24-24L72 80c-13.3 0-24 10.7-24 24l0 222.7c9.8-4.3 20.6-6.7 32-6.7c26.2 0 49.4 12.6 64 32c14.6-19.4 37.8-32 64-32s49.4 12.6 64 32l48.7 0c-.5 5.3-.7 10.6-.7 16c0 10.9 1 21.6 2.9 32L288 400c0 44.2-35.8 80-80 80c-26.2 0-49.4-12.6-64-32c-14.6 19.4-37.8 32-64 32c-44.2 0-80-35.8-80-80l0-48 0-48L0 104zM48 400c0 17.7 14.3 32 32 32s32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32zm128 0c0 17.7 14.3 32 32 32s32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32zm176-32c0-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_warehouse_clock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 176.3c0-29.3 17.8-55.7 44.9-66.7L299 6.6c13.5-5.5 28.6-5.5 42.1 0l254 103c27.2 11 45 37.4 45 66.7L640 488l0-120 0-101.2c-12.9-18.3-29.2-34-48-46.3l0-44.2c0-9.8-5.9-18.6-15-22.2L323 51.1c-1.9-.8-4.1-.8-6 0L63 154.1c-9.1 3.7-15 12.5-15 22.2L48 488c0 13.3-10.7 24-24 24s-24-10.7-24-24L0 176.3zM96 232c0-22.1 17.9-40 40-40l360 0c-46.8 0-89.3 18.2-120.8 48L144 240l0 40 199.5 0c-8.5 14.8-15 30.9-19 48L144 328l0 48 176.2 0c.7 16.7 3.8 32.8 8.9 48L144 424l0 40 204.5 0c12.3 18.8 28 35.1 46.3 48l-274.5 0-.3 0c-13.3 0-24-10.7-24-24l0-256zM352 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 16zm16-112l8 0c2.5 0 4.9 .2 7.2 .7c-5-.4-10.1-.7-15.2-.7z\"/></svg>",
         "remark": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><path d=\"M15,.93C6.72,.93,0,5.83,0,11.89c0,2.12,.84,4.09,2.27,5.77h-.16c.16,.1,.28,.22,.43,.32,.4,.44,.86,.85,1.35,1.24,3.07,3.75,.06,8.71-3.25,9.84,5.79-1.34,9.31-3.89,10.9-6.53,1.11,.19,2.27,.31,3.46,.31,8.28,0,15-4.91,15-10.96S23.28,.93,15,.93Z\" fill=\"#484f60\"/></g></svg>",
         "resize": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><polygon points=\"1.1 49.9 1.1 30.6 7.8 37.3 37.3 8 30.6 1.3 49.9 1.3 49.9 20.6 43.2 13.9 13.7 43.2 20.5 49.9 1.1 49.9\" fill=\"#4d5050\"/></svg>",
         "service_cart_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M64 24C64 10.7 74.7 0 88 0h45.5c22 0 41.5 12.8 50.6 32h411c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3H234.7l5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5H552c13.3 0 24 10.7 24 24s-10.7 24-24 24H263.7c-34.6 0-64.3-24.6-70.7-58.5l-51.6-271c-.7-3.8-4-6.5-7.9-6.5H88C74.7 48 64 37.3 64 24zM225.6 240H523.2c10.9 0 20.4-7.3 23.2-17.8L584.7 80H195.1l30.5 160zM192 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96zM24 96h80c13.3 0 24 10.7 24 24s-10.7 24-24 24H24c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80h96c13.3 0 24 10.7 24 24s-10.7 24-24 24H24c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80H136c13.3 0 24 10.7 24 24s-10.7 24-24 24H24c-13.3 0-24-10.7-24-24s10.7-24 24-24z\"/></svg>",
@@ -959,6 +974,7 @@
         "toolbox_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M184 80l144 0c4.4 0 8 3.6 8 8l0 40-160 0 0-40c0-4.4 3.6-8 8-8zm-56 8l0 40-28.1 0c-12.7 0-24.9 5.1-33.9 14.1L14.1 193.9c-9 9-14.1 21.2-14.1 33.9L0 328l0 88c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-88 0-100.1c0-12.7-5.1-24.9-14.1-33.9l-51.9-51.9c-9-9-21.2-14.1-33.9-14.1L384 128l0-40c0-30.9-25.1-56-56-56L184 32c-30.9 0-56 25.1-56 56zM464 304l-96 0 0-16c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 16-128 0 0-16c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 16-96 0 0-76.1L99.9 176l312.2 0L464 227.9l0 76.1zM48 352l96 0 0 16c0 13.3 10.7 24 24 24s24-10.7 24-24l0-16 128 0 0 16c0 13.3 10.7 24 24 24s24-10.7 24-24l0-16 96 0 0 64c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16l0-64z\"/></svg>",
         "trash_bin": "<svg preserveAspectRatio=\"none\" version=\"1.1\" viewBox=\"0 0 50 50\" x=\"0px\" xmlns=\"http://www.w3.org/2000/svg\" y=\"0px\"><g transform=\" translate(14 10)\"><path d=\"M 0 0 L 0 18.215 C 0 19.99 1.439 21.429 3.215 21.429 L 15 21.429 C 16.775 21.429 18.215 19.99 18.215 18.215 L 18.215 0 L 0 0 Z M 4.287 19.286 L 2.143 19.286 L 2.143 2.143 L 4.287 2.143 L 4.287 19.286 Z M 10.18 19.286 L 8.037 19.286 L 8.037 2.143 L 10.18 2.143 L 10.18 19.286 Z M 16.072 19.286 L 13.93 19.286 L 13.93 2.143 L 16.072 2.143 L 16.072 19.286 Z\" fill=\"#1E2930\" transform=\" translate(1.891 8.571)\" /><path d=\"M 18.213 2.143 L 10.713 2.143 C 11.305 2.143 11.785 1.664 11.785 1.071 C 11.785 0.479 11.305 0 10.713 0 L 9.643 0 C 9.051 0 8.57 0.479 8.57 1.071 C 8.57 1.664 9.051 2.143 9.643 2.143 L 2.143 2.143 C 0.959 2.143 0 3.103 0 4.286 L 0 5.357 C 0 6.541 0.959 6.429 2.143 6.429 L 18.213 6.429 C 19.397 6.429 20.357 6.541 20.357 5.357 L 20.357 4.286 C 20.357 3.103 19.397 2.143 18.213 2.143 Z\" fill=\"#1E2930\" transform=\" translate(0.821 0)\" /></g></svg>",
         "trash_can_light": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M144 400C144 408.8 136.8 416 128 416C119.2 416 112 408.8 112 400V176C112 167.2 119.2 160 128 160C136.8 160 144 167.2 144 176V400zM240 400C240 408.8 232.8 416 224 416C215.2 416 208 408.8 208 400V176C208 167.2 215.2 160 224 160C232.8 160 240 167.2 240 176V400zM336 400C336 408.8 328.8 416 320 416C311.2 416 304 408.8 304 400V176C304 167.2 311.2 160 320 160C328.8 160 336 167.2 336 176V400zM310.1 22.56L336.9 64H432C440.8 64 448 71.16 448 80C448 88.84 440.8 96 432 96H416V432C416 476.2 380.2 512 336 512H112C67.82 512 32 476.2 32 432V96H16C7.164 96 0 88.84 0 80C0 71.16 7.164 64 16 64H111.1L137 22.56C145.8 8.526 161.2 0 177.7 0H270.3C286.8 0 302.2 8.526 310.1 22.56V22.56zM148.9 64H299.1L283.8 39.52C280.9 34.84 275.8 32 270.3 32H177.7C172.2 32 167.1 34.84 164.2 39.52L148.9 64zM64 432C64 458.5 85.49 480 112 480H336C362.5 480 384 458.5 384 432V96H64V432z\"/></svg>",
+        "trash_can_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z\"/></svg>",
         "triangle_down": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"29.06 18.75 37.5 18.75 25 31.25 12.5 18.75 20.95 18.75 29.06 18.75\" fill=\"#484f60\"/></svg>",
         "triangle_up": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"20.94 31.25 12.5 31.25 25 18.75 37.5 31.25 29.05 31.25 20.94 31.25\" fill=\"#484f60\"/></svg>",
         "truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"14.75\" width=\"17.47\" height=\"12.62\" fill=\"#484f60\"/><path d=\"M37,18.11h-8V28.84H20.22a4.42,4.42,0,0,1,1.41,2.73H30a4.41,4.41,0,0,1,8.76,0H40V24.63Zm-.26,6.73H32.25a.57.57,0,0,1-.57-.57V20a.57.57,0,0,1,.57-.58h2.63a.58.58,0,0,1,.52.35L37.31,24A.58.58,0,0,1,36.78,24.84Z\" fill=\"#484f60\"/><path d=\"M14.28,28.84a4.39,4.39,0,0,0-1.42,2.73H12l-2-1.26V28.84Z\" fill=\"#484f60\"/><path d=\"M31.25,32.1a3.16,3.16,0,1,0,3.16-3.16A3.16,3.16,0,0,0,31.25,32.1Z\" fill=\"#484f60\"/><path d=\"M14.09,32.1a3.16,3.16,0,1,0,3.16-3.16A3.15,3.15,0,0,0,14.09,32.1Z\" fill=\"#484f60\"/></svg>",
@@ -27104,12 +27120,16 @@
             this.viewMode = exports.DeliveryPlanningViewModes.Fullscreen;
             this.currentPlanningMode = exports.DeliveryPlanningModes.Transaction;
             this.currentStartDate = new Date();
+            this.availabilityCheckEvent = new rxjs.Subject();
         }
         Object.defineProperty(DeliveryPlanningService.prototype, "dragging", {
             get: function () {
                 return this._dragging;
             },
             set: function (value) {
+                if (!this._dragging && value) {
+                    this.availabilityCheckEvent.next(this.currentTransId);
+                }
                 this._dragging = value;
             },
             enumerable: false,
@@ -27184,10 +27204,10 @@
         });
         DeliveryPlanningService.prototype.getOrderSequenceValue = function () {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0: return [4 /*yield*/, this._transaction.getSequenceValue(sequenceName_enum.SequenceName.PlanLine)];
-                        case 1: return [2 /*return*/, _a.sent()];
+                        case 1: return [2 /*return*/, _b.sent()];
                     }
                 });
             });
@@ -27195,8 +27215,8 @@
         DeliveryPlanningService.prototype.getTransportOrders = function (planningTransportWeekDay) {
             return __awaiter(this, void 0, void 0, function () {
                 var request, orderResponse;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             request = new getTransportOrdersRequest_bo.GetTransportOrdersRequest();
                             request.transportId = planningTransportWeekDay.transport.transportId;
@@ -27204,7 +27224,7 @@
                             request.planningId = this.currentPlanning.planningId;
                             return [4 /*yield*/, this._transaction.getTransportOrders(request)];
                         case 1:
-                            orderResponse = _a.sent();
+                            orderResponse = _b.sent();
                             if (orderResponse) {
                                 planningTransportWeekDay.plannedOrders = orderResponse;
                                 planningTransportWeekDay.ordersLoaded = true;
@@ -27246,7 +27266,7 @@
         DeliveryPlanningService.prototype.getPlanningTransportWeek = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var weekArrays;
-                return __generator(this, function (_a) {
+                return __generator(this, function (_b) {
                     weekArrays = [];
                     this._transaction.getPlanTransportWeek(this.currentStartDate, this.currentPlanning.planningId).then(function (result) {
                         if (result.length > 0) {
@@ -27259,6 +27279,18 @@
                 });
             });
         };
+        DeliveryPlanningService.prototype.totalAssemblyTime = function (planOrder) {
+            var _a;
+            if (planOrder) {
+                var total_1 = 0;
+                (_a = planOrder === null || planOrder === void 0 ? void 0 : planOrder.lines) === null || _a === void 0 ? void 0 : _a.forEach(function (line) {
+                    if (line.minutes > 0) {
+                        total_1 += line.minutes;
+                    }
+                });
+                return total_1;
+            }
+        };
         return DeliveryPlanningService;
     }());
     DeliveryPlanningService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DeliveryPlanningService_Factory() { return new DeliveryPlanningService(i0__namespace.ɵɵinject(TransactionConnectorService)); }, token: DeliveryPlanningService, providedIn: "root" });
@@ -27340,6 +27372,7 @@
             }
         };
         TransactionPlanningLineComponent.prototype.dragStarted = function (ev) {
+            this._deliveryPlanningService.currentTransId = this.transaction.transactionInfo.id;
             ev.dataTransfer.setData("text", "lines");
         };
         TransactionPlanningLineComponent.prototype.lineNotPlanned = function (line) {
@@ -27510,11 +27543,15 @@
             _this.transactionService = transactionService;
             _this.changeDetector = changeDetector;
             _this.Icon = Icon;
+            _this.showDetails = false;
             return _this;
         }
         TransactionLinesSidePanelServiceOrderComponent.prototype.showClass = function () {
             return true;
         };
+        TransactionLinesSidePanelServiceOrderComponent.prototype.showDetailsClick = function () {
+            this.showDetails = !this.showDetails;
+        };
         TransactionLinesSidePanelServiceOrderComponent.prototype.ngOnInit = function () {
             var _super = Object.create(null, {
                 ngOnInit: { get: function () { return _super_1.prototype.ngOnInit; } }
@@ -27539,8 +27576,15 @@
     TransactionLinesSidePanelServiceOrderComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-lines-side-panel-service-order',
-                    template: "\n    <div class=\"full-details-wrapper\">\n      <div class=\"details-wrapper\">\n        <div class=\"details-label-wrapper\">\n          <label class=\"detail-label\" [textContent]=\"'ARTICLE_DETAILS' | localize\"\n          ></label>\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.ChevronDownRegular)\"></co-icon>\n        </div>\n        <div class=\"details-display articles\">\n          <div class=\"article-description\">\n            <!--co-input-text [(model)]=\"transactionServiceInfo.productName\"\n                          class=\"detail-text-field\" [readonly]=\"true\"></co-input-text-->\n            <div class=\"art-details\">\n              <label class=\"label\" [textContent]=\"'DESCRIPTION'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceArticleDescription\"></span>\n            </div>\n          </div>\n          <div class=\"art-amount-batch\">\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'AMOUNT'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceQuantity\"></span>\n            </div>\n            <!--div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'BATCH_NUMBER'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceBatchNr\"></span>\n            </div-->\n          </div>\n          <co-image-display class=\"image-display\" [model]=\"image\"></co-image-display>\n        </div>\n      </div>\n      <!-- Temp test Ruben 23/8 -->\n      <!--div class=\"details-wrapper\">\n        <div class=\"details-label-wrapper\">\n          <label class=\"detail-label\" [textContent]=\"'SALESORDER_DETAIL' | localize\"\n          ></label>\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.ChevronDownRegular)\"></co-icon>\n        </div>\n        <div class=\"details-display\">\n          <div class=\"detail\">\n            <label class=\"label\" [textContent]=\"'ORDERNUMBER'| localize\"></label>\n            <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceTransactionNr\"></span>\n          </div>\n          <div class=\"vertical-line\"></div>\n          <div class=\"detail\">\n            <label class=\"label\" [textContent]=\"'ORDER_DATE'| localize\"></label>\n            <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceTransactionDate | date : 'd-MM-yyyy'\"></span>\n          </div>\n          <div class=\"vertical-line\"></div>\n          <div class=\"detail\">\n            <label class=\"label\" [textContent]=\"'DELIVERY_DATE'| localize\"></label>\n            <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceDeliveryDate | date : 'd-MM-yyyy'\"></span>\n          </div>\n          <div class=\"vertical-line\"></div>\n          <div class=\"detail\">\n            <label class=\"label\" [textContent]=\"'REFERENCE'| localize\"></label>\n            <span class=\"value\" [textContent]=\"transactionServiceInfo.priority\"></span>\n          </div>\n        </div>\n      </div>\n      <div class=\"details-wrapper\">\n        <div class=\"details-label-wrapper\">\n          <label class=\"detail-label\" [textContent]=\"'PURCHASEORDER_DETAIL' | localize\"\n          ></label>\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.ChevronDownRegular)\"></co-icon>\n        </div>\n        <div class=\"details-display supplier\">\n          <div class=\"top-details\">\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'ORDERNUMBER'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionNr\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'ORDER_DATE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionDate | date : 'd-MM-yyyy'\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'RECEIVED'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionReceiptDate | date : 'd-MM-yyyy'\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'REFERENCE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceRefSupplier\"></span>\n            </div>\n          </div>\n            <div class=\"bottom-details\">\n              <div class=\"detail supplier\">\n                <label class=\"label\" [textContent]=\"'SUPPLIER'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceSupplierName\"></span>\n              </div>\n            </div>\n        </div>\n      </div-->\n    </div>\n  ",
-                    encapsulation: i0.ViewEncapsulation.None
+                    template: "\n    <div class=\"full-details-wrapper\">\n      <div class=\"details-wrapper\">\n        <div class=\"details-label-wrapper clickable\" (click)=\"showDetailsClick()\">\n          <label class=\"detail-label\" [textContent]=\"'ARTICLE_DETAILS' | localize\"\n          ></label>\n          <co-icon [class.active]=\"showDetails\" [iconData]=\"iconCacheService.getIcon(icons.ChevronDownRegular)\"></co-icon>\n        </div>\n        <div class=\"details-display articles\">\n          <div class=\"article-description\">\n            <!--co-input-text [(model)]=\"transactionServiceInfo.productName\"\n                          class=\"detail-text-field\" [readonly]=\"true\"></co-input-text-->\n            <div class=\"art-details\">\n              <label class=\"label\" [textContent]=\"'DESCRIPTION'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceArticleDescription\"></span>\n            </div>\n          </div>\n          <div class=\"art-amount-batch\">\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'AMOUNT'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceQuantity\"></span>\n            </div>\n            <!--div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'BATCH_NUMBER'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceBatchNr\"></span>\n            </div-->\n          </div>\n          <co-image-display class=\"image-display\" [model]=\"image\"></co-image-display>\n        </div>\n      </div>\n      <div class=\"show-details-wrapper\"\n           *ngIf=\"showDetails\"\n           [@slideToggle]=\"showDetails ? 'open' : 'closed'\">\n        <div class=\"details-wrapper\">\n          <div class=\"details-label-wrapper\">\n            <label class=\"detail-label\" [textContent]=\"'SALESORDER_DETAIL' | localize\"\n            ></label>\n          </div>\n          <div class=\"details-display\">\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'ORDERNUMBER'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceTransactionNr\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'ORDER_DATE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceTransactionDate | date : 'd-MM-yyyy'\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'DELIVERY_DATE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceDeliveryDate | date : 'd-MM-yyyy'\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'REFERENCE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.priority\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"details-wrapper\">\n          <div class=\"details-label-wrapper\">\n            <label class=\"detail-label\" [textContent]=\"'PURCHASEORDER_DETAIL' | localize\"\n            ></label>\n          </div>\n          <div class=\"details-display supplier\">\n            <div class=\"top-details\">\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'ORDERNUMBER'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionNr\"></span>\n              </div>\n              <div class=\"vertical-line\"></div>\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'ORDER_DATE'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionDate | date : 'd-MM-yyyy'\"></span>\n              </div>\n              <div class=\"vertical-line\"></div>\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'RECEIVED'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionReceiptDate | date : 'd-MM-yyyy'\"></span>\n              </div>\n              <div class=\"vertical-line\"></div>\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'REFERENCE'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceRefSupplier\"></span>\n              </div>\n            </div>\n            <div class=\"bottom-details\">\n              <div class=\"detail supplier\">\n                <label class=\"label\" [textContent]=\"'SUPPLIER'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceSupplierName\"></span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None,
+                    animations: [
+                        animations.trigger('slideToggle', [
+                            animations.state('void', animations.style({ height: '0px', overflow: 'hidden' })),
+                            animations.state('*', animations.style({ height: '*', overflow: 'hidden' })),
+                            animations.transition('void <=> *', animations.animate('300ms ease-in-out')),
+                        ])
+                    ]
                 },] }
     ];
     TransactionLinesSidePanelServiceOrderComponent.ctorParameters = function () { return [
@@ -27586,8 +27630,17 @@
 
     var TransactionCardPlanningComponent = /** @class */ (function (_super) {
         __extends(TransactionCardPlanningComponent, _super);
-        function TransactionCardPlanningComponent() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+        function TransactionCardPlanningComponent(_deliveryPlanningService, transactionEventService, iconCacheService, screenConfigService, orderLineSetService, imageService, dictionaryService, transactionService, changeDetector) {
+            var _this = _super.call(this, transactionEventService, iconCacheService, screenConfigService, imageService, dictionaryService, transactionService, changeDetector) || this;
+            _this._deliveryPlanningService = _deliveryPlanningService;
+            _this.transactionEventService = transactionEventService;
+            _this.iconCacheService = iconCacheService;
+            _this.screenConfigService = screenConfigService;
+            _this.orderLineSetService = orderLineSetService;
+            _this.imageService = imageService;
+            _this.dictionaryService = dictionaryService;
+            _this.transactionService = transactionService;
+            _this.changeDetector = changeDetector;
             _this.expanded = false;
             _this.statusBarConfigNames = {
                 statusBarBT: _this.cfgNames.StatusBarBT,
@@ -27616,6 +27669,7 @@
             this.transactionEventService.openSidePanel.next(line);
         };
         TransactionCardPlanningComponent.prototype.dragStarted = function (ev) {
+            this._deliveryPlanningService.currentTransId = this.transaction.transactionInfo.id;
             ev.dataTransfer.setData("text", "lines");
         };
         return TransactionCardPlanningComponent;
@@ -27627,6 +27681,17 @@
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
+    TransactionCardPlanningComponent.ctorParameters = function () { return [
+        { type: DeliveryPlanningService },
+        { type: TransactionEventService },
+        { type: IconCacheService },
+        { type: TransactionScreenConfigurationService },
+        { type: OrderLineSetService },
+        { type: TransactionImageService },
+        { type: DictionaryService },
+        { type: TransactionService },
+        { type: i0.ChangeDetectorRef }
+    ]; };
     TransactionCardPlanningComponent.propDecorators = {
         transactionLineActionButtons: [{ type: i0.ViewChild, args: [TransactionLineActionButtonsComponent,] }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-card-sales-overview",] }]
@@ -41160,6 +41225,7 @@
             this.relation = new customerFullObject_bo.CustomerFullObject();
             this.showHeader = true;
             this.showViewModeButtons = true;
+            this.transactionPlanning = false;
             this.relationChange = new i0.EventEmitter();
             this.showQuickAccess = true;
             this.showButtonBar = true;
@@ -41527,7 +41593,7 @@
     TransactionInternalComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-internal',
-                    template: "\n    <ng-container *ngIf=\"loaded\">\n      <co-click-block></co-click-block>\n      <co-transaction-header\n        *ngIf=\"showHeader\"\n        [transaction]=\"transaction\"\n        [relation]=\"relation\"\n        (relationChange)=\"handleRelationChange($event)\">\n      </co-transaction-header>\n\n      <div class=\"transaction-lines-header\">\n        <co-transaction-quick-access\n          *ngIf=\"showQuickAccess\"\n          class=\"transaction-lines-header-item\"\n          [transaction]=\"transaction\"\n          [relation]=\"relation\"\n          [activeCategory]=\"activeCategory\">\n        </co-transaction-quick-access>\n        <co-transaction-button-bar\n          *ngIf=\"showButtonBar\"\n          class=\"transaction-lines-header-item\"\n          [selectedCategory]=\"activeCategory\"\n          (buttonClicked)=\"handleButtonBarButtonClicked($event)\">\n        </co-transaction-button-bar>\n\n        <div class=\"transaction-lines-header-item right\">\n          <co-avatar\n            class=\"transaction-sales-avatar\"\n            [relationId]=\"transaction.transactionInfo.handledBy\"\n            [screenConfigurationObject]=\"cfgNames.HeaderHandledBy\"\n            screenConfigNativeElement>\n          </co-avatar>\n          <co-avatar\n            class=\"transaction-sales-avatar\"\n            [relationId]=\"transaction.transactionInfo.branch?.relationId\"\n            [screenConfigurationObject]=\"cfgNames.HeaderBranch\"\n            screenConfigNativeElement>\n          </co-avatar>\n          <co-view-mode-buttons\n            *ngIf=\"!shouldShowTiles() && showViewModeButtons\"\n            [showViewModes]=\"[viewModes.List, viewModes.Tiles]\"\n            (viewModeChange)=\"handleViewModeChange($event)\">\n          </co-view-mode-buttons>\n        </div>\n      </div>\n\n      <div class=\"transaction-lines-content-wrapper\">\n        <!--<co-transaction-document-button-bar [transaction]=\"transaction\"></co-transaction-document-button-bar>-->\n        <div class=\"transaction-lines-content\">\n          <div *ngIf=\"activeCategory === category.ServiceOrderService\">\n            <co-transaction-service-overview [posOrderData]=\"posOrderData\" [transaction]=\"transaction\"></co-transaction-service-overview>\n          </div>\n          <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles || shouldShowTiles()\">\n            <co-transaction-cards\n              [transaction]=\"transaction\"\n              [activeCategory]=\"activeCategory\">\n            </co-transaction-cards>\n          </div>\n          <div class=\"transaction-lines-wrapper\"\n               *ngIf=\"(activeViewMode === viewModes.List && !shouldShowTiles()) && activeCategory !== category.ServiceOrderService\">\n            <co-transaction-lines\n              [transaction]=\"transaction\"\n              [activeCategory]=\"activeCategory\"\n              (saveTransactionLine)=\"saveTransactionLineText($event)\">\n            </co-transaction-lines>\n          </div>\n          <div class=\"transaction-footer-wrapper\">\n            <div class=\"transaction-footer-left\">\n              <co-add-product\n                *ngIf=\"activeCategory === categories.SalesOrderCashRegister ||\n                activeCategory === categories.SalesOrderOverview ||\n                activeCategory === categories.PurchaseOrderOverview ||\n                activeCategory === categories.SalesOrderQuotation ||\n                activeCategory === categories.ServiceOrderOverview\">\n              </co-add-product>\n              <co-transaction-button\n                class=\"custom-width text-rule\"\n                *ngIf=\"activeCategory !== categories.ServiceOrderService\"\n                [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n                (click)=\"handleTransactionText()\">\n              </co-transaction-button>\n            </div>\n\n            <div class=\"transaction-footer-center\">\n              <co-transaction-margin *ngIf=\"activeCategory === categories.SalesOrderMarginInfo\"\n                                     [transactionInfo]=\"transaction.transactionInfo\"\n                                     [transactionMarginInfo]=\"transactionMarginInfo\"\n              ></co-transaction-margin>\n            </div>\n\n            <co-transaction-totals\n              *ngIf=\"activeCategory !== category.ServiceOrderService\"\n              [transactionInfo]=\"transaction.transactionInfo\"\n              [transactionTotal]=\"transaction.transactionTotal\"\n              [showDiscount]=\"true\">\n            </co-transaction-totals>\n          </div>\n        </div>\n\n        <co-transaction-lines-side-panel\n          *ngIf=\"\n          transaction &&\n          (transaction.transactionInfo.transactionKind === transactionKind.CashDesk && !fullyInvoiced())\"\n          [posOrderData]=\"posOrderData\"\n          [transaction]=\"transaction\">\n        </co-transaction-lines-side-panel>\n\n        <co-transaction-line-side-panel\n          *ngIf=\"showSidePanel\"\n          [transaction]=\"transaction\"\n          [transactionInfo]=\"transaction.transactionInfo\"\n          [transactionLine]=\"sidePanelTransactionLine\"\n          [activeCategory]=\"activeCategory\"\n          (cancelClick)=\"showSidePanel = false\">\n        </co-transaction-line-side-panel>\n\n        <!--Popup voor wijzigen volgorde van tekstregels-->\n        <co-transaction-article-text-overview\n          *ngIf=\"showArticleTextOverview\"\n          [transactionInfo]=\"transaction.transactionInfo\"\n          [transactionLine]=\"transactionLine\"\n          (closeClick)=\"closeArticleTextOverview()\"\n          (cancelClick)=\"closeArticleTextOverview()\">\n        </co-transaction-article-text-overview>\n\n        <!--Popup voor aanmaken en updaten transactietekstregels-->\n        <co-transaction-article-text\n          *ngIf=\"showTransactionText\"\n          [header]=\"'ORDER_TEXT_LINE' | localize\"\n          [transactionUuid]=\"transaction.transactionInfo.uuid\"\n          [editText]=\"textToEdit\"\n          [orderLineSetDTO]=\"selectedOrderLineSetDTO\"\n          [transactionLine]=\"transactionLine\"\n          (saveClick)=\"saveTransactionLineText($event)\"\n          (closeClick)=\"closeTransactionText()\"\n          (cancelClick)=\"closeTransactionText()\"\n          (saveOrderLineSetClick)=\"saveOrderLineSet($event)\">\n        </co-transaction-article-text>\n\n        <!--Popup voor aanmaken en updaten artikeltekstregels-->\n        <co-transaction-article-text\n          *ngIf=\"showArticleText\"\n          [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n          [transactionUuid]=\"transaction.transactionInfo.uuid\"\n          [showArticleImageDescription]=\"transactionLine.articleBound\"\n          [showImage]=\"false\"\n          [articleLineNr]=\"transactionLine.lineNr\"\n          [articleRef]=\"transactionLine.articleNumber\"\n          [transactionLine]=\"transactionLine\"\n          [editText]=\"textToEdit\"\n          (saveClick)=\"saveArticleLineText($event)\"\n          (closeClick)=\"closeArticleText()\"\n          (cancelClick)=\"closeArticleText()\">\n        </co-transaction-article-text>\n\n        <co-transaction-copy-order\n          *ngIf=\"showCopyOrderDialog\"\n          [transaction]=\"transaction\"\n          (closeDialog)=\"showCopyOrderDialog = false\">\n        </co-transaction-copy-order>\n      </div>\n    </ng-container>\n  ",
+                    template: "\n    <ng-container *ngIf=\"loaded\">\n      <co-click-block></co-click-block>\n      <co-transaction-header\n        *ngIf=\"showHeader\"\n        [transaction]=\"transaction\"\n        [relation]=\"relation\"\n        (relationChange)=\"handleRelationChange($event)\">\n      </co-transaction-header>\n\n      <div class=\"transaction-lines-header\">\n        <co-transaction-quick-access\n          *ngIf=\"showQuickAccess\"\n          class=\"transaction-lines-header-item\"\n          [transaction]=\"transaction\"\n          [relation]=\"relation\"\n          [activeCategory]=\"activeCategory\">\n        </co-transaction-quick-access>\n        <co-transaction-button-bar\n          *ngIf=\"showButtonBar\"\n          class=\"transaction-lines-header-item\"\n          [selectedCategory]=\"activeCategory\"\n          (buttonClicked)=\"handleButtonBarButtonClicked($event)\">\n        </co-transaction-button-bar>\n\n        <div class=\"transaction-lines-header-item right\">\n          <co-avatar\n            class=\"transaction-sales-avatar\"\n            [relationId]=\"transaction.transactionInfo.handledBy\"\n            [screenConfigurationObject]=\"cfgNames.HeaderHandledBy\"\n            screenConfigNativeElement>\n          </co-avatar>\n          <co-avatar\n            class=\"transaction-sales-avatar\"\n            [relationId]=\"transaction.transactionInfo.branch?.relationId\"\n            [screenConfigurationObject]=\"cfgNames.HeaderBranch\"\n            screenConfigNativeElement>\n          </co-avatar>\n          <co-view-mode-buttons\n            *ngIf=\"!shouldShowTiles() && showViewModeButtons\"\n            [showViewModes]=\"[viewModes.List, viewModes.Tiles]\"\n            (viewModeChange)=\"handleViewModeChange($event)\">\n          </co-view-mode-buttons>\n        </div>\n      </div>\n\n      <div class=\"transaction-lines-content-wrapper\">\n        <!--<co-transaction-document-button-bar [transaction]=\"transaction\"></co-transaction-document-button-bar>-->\n        <div class=\"transaction-lines-content\">\n          <div *ngIf=\"activeCategory === category.ServiceOrderService\">\n            <co-transaction-service-overview [posOrderData]=\"posOrderData\" [transaction]=\"transaction\"></co-transaction-service-overview>\n          </div>\n          <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles || shouldShowTiles() || transactionPlanning\">\n            <co-transaction-cards\n              [transaction]=\"transaction\"\n              [activeCategory]=\"activeCategory\"\n              [class.planning-cards]=\"transactionPlanning\">\n            </co-transaction-cards>\n          </div>\n          <div class=\"transaction-lines-wrapper\"\n               *ngIf=\"(activeViewMode === viewModes.List && !shouldShowTiles()) && activeCategory !== category.ServiceOrderService && !transactionPlanning\">\n            <co-transaction-lines\n              [transaction]=\"transaction\"\n              [activeCategory]=\"activeCategory\"\n              (saveTransactionLine)=\"saveTransactionLineText($event)\">\n            </co-transaction-lines>\n          </div>\n          <div class=\"transaction-footer-wrapper\">\n            <div class=\"transaction-footer-left\">\n              <co-add-product\n                *ngIf=\"activeCategory === categories.SalesOrderCashRegister ||\n                activeCategory === categories.SalesOrderOverview ||\n                activeCategory === categories.PurchaseOrderOverview ||\n                activeCategory === categories.SalesOrderQuotation ||\n                activeCategory === categories.ServiceOrderOverview\">\n              </co-add-product>\n              <co-transaction-button\n                class=\"custom-width text-rule\"\n                *ngIf=\"activeCategory !== categories.ServiceOrderService\"\n                [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n                (click)=\"handleTransactionText()\">\n              </co-transaction-button>\n            </div>\n\n            <div class=\"transaction-footer-center\">\n              <co-transaction-margin *ngIf=\"activeCategory === categories.SalesOrderMarginInfo\"\n                                     [transactionInfo]=\"transaction.transactionInfo\"\n                                     [transactionMarginInfo]=\"transactionMarginInfo\"\n              ></co-transaction-margin>\n            </div>\n\n            <co-transaction-totals\n              *ngIf=\"activeCategory !== category.ServiceOrderService\"\n              [transactionInfo]=\"transaction.transactionInfo\"\n              [transactionTotal]=\"transaction.transactionTotal\"\n              [showDiscount]=\"true\">\n            </co-transaction-totals>\n          </div>\n        </div>\n\n        <co-transaction-lines-side-panel\n          *ngIf=\"\n          transaction &&\n          (transaction.transactionInfo.transactionKind === transactionKind.CashDesk && !fullyInvoiced())\"\n          [posOrderData]=\"posOrderData\"\n          [transaction]=\"transaction\">\n        </co-transaction-lines-side-panel>\n\n        <co-transaction-line-side-panel\n          *ngIf=\"showSidePanel\"\n          [transaction]=\"transaction\"\n          [transactionInfo]=\"transaction.transactionInfo\"\n          [transactionLine]=\"sidePanelTransactionLine\"\n          [activeCategory]=\"activeCategory\"\n          (cancelClick)=\"showSidePanel = false\">\n        </co-transaction-line-side-panel>\n\n        <!--Popup voor wijzigen volgorde van tekstregels-->\n        <co-transaction-article-text-overview\n          *ngIf=\"showArticleTextOverview\"\n          [transactionInfo]=\"transaction.transactionInfo\"\n          [transactionLine]=\"transactionLine\"\n          (closeClick)=\"closeArticleTextOverview()\"\n          (cancelClick)=\"closeArticleTextOverview()\">\n        </co-transaction-article-text-overview>\n\n        <!--Popup voor aanmaken en updaten transactietekstregels-->\n        <co-transaction-article-text\n          *ngIf=\"showTransactionText\"\n          [header]=\"'ORDER_TEXT_LINE' | localize\"\n          [transactionUuid]=\"transaction.transactionInfo.uuid\"\n          [editText]=\"textToEdit\"\n          [orderLineSetDTO]=\"selectedOrderLineSetDTO\"\n          [transactionLine]=\"transactionLine\"\n          (saveClick)=\"saveTransactionLineText($event)\"\n          (closeClick)=\"closeTransactionText()\"\n          (cancelClick)=\"closeTransactionText()\"\n          (saveOrderLineSetClick)=\"saveOrderLineSet($event)\">\n        </co-transaction-article-text>\n\n        <!--Popup voor aanmaken en updaten artikeltekstregels-->\n        <co-transaction-article-text\n          *ngIf=\"showArticleText\"\n          [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n          [transactionUuid]=\"transaction.transactionInfo.uuid\"\n          [showArticleImageDescription]=\"transactionLine.articleBound\"\n          [showImage]=\"false\"\n          [articleLineNr]=\"transactionLine.lineNr\"\n          [articleRef]=\"transactionLine.articleNumber\"\n          [transactionLine]=\"transactionLine\"\n          [editText]=\"textToEdit\"\n          (saveClick)=\"saveArticleLineText($event)\"\n          (closeClick)=\"closeArticleText()\"\n          (cancelClick)=\"closeArticleText()\">\n        </co-transaction-article-text>\n\n        <co-transaction-copy-order\n          *ngIf=\"showCopyOrderDialog\"\n          [transaction]=\"transaction\"\n          (closeDialog)=\"showCopyOrderDialog = false\">\n        </co-transaction-copy-order>\n      </div>\n    </ng-container>\n  ",
                     providers: [{
                             provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                             useExisting: i0.forwardRef(function () { return TransactionInternalComponent; })
@@ -41558,6 +41624,7 @@
         transaction: [{ type: i0.Input }],
         showHeader: [{ type: i0.Input }],
         showViewModeButtons: [{ type: i0.Input }],
+        transactionPlanning: [{ type: i0.Input }],
         relationChange: [{ type: i0.Output }],
         showQuickAccess: [{ type: i0.HostBinding, args: ['class.show-quick-access',] }, { type: i0.Input }],
         showButtonBar: [{ type: i0.HostBinding, args: ['class.show-button-bar',] }, { type: i0.Input }],
@@ -41748,7 +41815,7 @@
     TransactionHeaderOrderComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-order",
-                    template: "\n      <co-transaction-header-block\n              [firstBlockTemplate]=\"firstBlock\"\n              [secondBlockTemplate]=\"secondBlock\"\n              [hiddenBlockTemplate]=\"hiddenBlock\"\n              (headerClick)=\"showDialog = true\"\n      >\n      </co-transaction-header-block>\n      <ng-template #firstBlock>\n        <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n          <div class=\"header-order-total-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderOrderOrderTotalHeader\" screenConfigNativeElement>\n            <span class=\"header-order-total-label co-transaction-label\" [textContent]=\"'ORDER_TOTAL' | localize\"></span>\n            <div class=\"header-order-total\" [textContent]=\"transactionTotal.netAmount | coCurrency\"></div>\n          </div>\n        </div>\n      </ng-template>\n      <ng-template #secondBlock>\n        <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\" [screenConfigurationObject]=\"cfgNames.HeaderOrderDiscountHeader\" screenConfigNativeElement>\n          <div class=\"transaction-header-discount-button\">\n            <div class=\"header-discount\" (click)=\"openDiscount($event)\">\n              <co-icon class=\"header-discount-icon\" [iconData]=\"iconCacheService.getIcon(icons.RegularEuroSignMinus)\"></co-icon>\n            </div>\n          </div>\n        </div>\n      </ng-template>\n      <ng-template #hiddenBlock>\n        <div class=\"transaction-header-block-row\" [screenConfigurationObject]=\"cfgNames.HeaderOrderDefinitiveHeader\" screenConfigNativeElement>\n          <div class=\"header-order-definitive\">\n            <co-transaction-header-definitive class=\"transaction-header-order-definitive\"\n                [screenConfigurationObject]=\"cfgNames.HeaderOrderDefinitiveHeader\"\n                [transactionInfo]=\"transactionInfo\"\n            ></co-transaction-header-definitive>\n          </div>\n          <!--span class=\"header-order-line-amount-label co-transaction-label\" [textContent]=\"'ORDER_LINES' | localize\"></span>\n          <div class=\"header-order-line-amount\" [textContent]=\"transactionLines.length\"></div-->\n        </div>\n      </ng-template>\n      <co-transaction-header-popup *ngIf=\"showDialog\"\n                                   [activeCategoryDescription]=\"'ORDER_INFORMATION1'\"\n                                   [relation]=\"relation\"\n                                   [transaction]=\"transaction\"\n                                   (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n<!--\n\n      <co-dialog class=\"transaction-header-order-dialog\" [customCssClass]=\"'co-small-scrollbar'\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\"\n                 (closeClick)=\"showDialog = false\">\n          <ng-template #headerTemplate>\n              <div class=\"co-dialog-header-title\" [textContent]=\"'ORDER_INFORMATION1' | localize\"></div>\n              <co-transaction-header-block\n                      [headerBlockTemplate]=\"headerBlock\"\n                      [firstBlockTemplate]=\"firstBlock\"\n                      [secondBlockTemplate]=\"secondBlock\"\n                      [thirdBlockTemplate]=\"thirdBlock\"\n              >\n              </co-transaction-header-block>\n          </ng-template>\n          <div class=\"order-dialog-section\">\n              <div class=\"section-wrapper\">\n                  <div class=\"section-header\" [textContent]=\"'BASE_INFO1' | localize | prepend:'01 '\"></div>\n                  <div class=\"two-column-grid\">\n                      <co-transaction-header-branch [simple]=\"true\" [transaction]=\"transaction\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-branch>\n                      <co-transaction-header-sales-person [transactionInfo]=\"transactionInfo\"></co-transaction-header-sales-person>\n                      <co-transaction-header-administrative-relation\n                              [transactionInfo]=\"transactionInfo\"></co-transaction-header-administrative-relation>\n                      <co-transaction-header-price-kind [transaction]=\"transaction\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-price-kind>\n                      <co-transaction-header-currency [transaction]=\"transaction\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-currency>\n                      <co-transaction-header-payment-condition\n                              [transactionInfo]=\"transactionInfo\"></co-transaction-header-payment-condition>\n                  </div>\n              </div>\n              <div class=\"section-wrapper\">\n                  <div class=\"section-header\" [textContent]=\"'ORDER_PARAMETERS' | localize | prepend:'02 '\"></div>\n                  <div class=\"section-sub-title\" [textContent]=\"'ON_HOLD_CODES' | localize\"></div>\n                  <co-transaction-header-hold-codes [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-hold-codes>\n                  <div class=\"section-sub-title\" [textContent]=\"'MARKETING_CODE' | localize\"></div>\n                  <co-transaction-header-marketing [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-marketing>\n              </div>\n          </div>\n      </co-dialog>\n-->\n      <co-dialog-transaction-header-discount class=\"discount-dialog\" *ngIf=\"showDialogDiscount\"\n                                             [screenConfigurationObject]=\"cfgNames.DiscountPriceInformationHeader\"\n                                             [transactionInfo]=\"transactionInfo\"\n                                             [transactionTotal]=\"transactionTotal\"\n                                             (close)=\"showDialogDiscount = false\">\n      </co-dialog-transaction-header-discount>\n  ",
+                    template: "\n      <co-transaction-header-block\n              [firstBlockTemplate]=\"firstBlock\"\n              [secondBlockTemplate]=\"secondBlock\"\n              [hiddenBlockTemplate]=\"hiddenBlock\"\n              (headerClick)=\"showDialog = true\"\n      >\n      </co-transaction-header-block>\n      <ng-template #firstBlock>\n        <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n          <div class=\"header-order-total-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderOrderOrderTotalHeader\" screenConfigNativeElement>\n            <span class=\"header-order-total-label co-transaction-label\" [textContent]=\"'ORDER_TOTAL' | localize\"></span>\n            <div class=\"header-order-total\" [textContent]=\"transactionTotal.netAmount | coCurrency\"></div>\n          </div>\n        </div>\n      </ng-template>\n      <ng-template #secondBlock>\n        <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\" [screenConfigurationObject]=\"cfgNames.HeaderOrderDiscountHeader\" screenConfigNativeElement>\n          <div class=\"transaction-header-discount-button\">\n            <div class=\"header-discount\" (click)=\"openDiscount($event)\">\n              <co-icon class=\"header-discount-icon\" [iconData]=\"iconCacheService.getIcon(icons.LightEuroSignMinus)\"></co-icon>\n            </div>\n          </div>\n        </div>\n      </ng-template>\n      <ng-template #hiddenBlock>\n        <div class=\"transaction-header-block-row\" [screenConfigurationObject]=\"cfgNames.HeaderOrderDefinitiveHeader\" screenConfigNativeElement>\n          <div class=\"header-order-definitive\">\n            <co-transaction-header-definitive class=\"transaction-header-order-definitive\"\n                [screenConfigurationObject]=\"cfgNames.HeaderOrderDefinitiveHeader\"\n                [transactionInfo]=\"transactionInfo\"\n            ></co-transaction-header-definitive>\n          </div>\n          <!--span class=\"header-order-line-amount-label co-transaction-label\" [textContent]=\"'ORDER_LINES' | localize\"></span>\n          <div class=\"header-order-line-amount\" [textContent]=\"transactionLines.length\"></div-->\n        </div>\n      </ng-template>\n      <co-transaction-header-popup *ngIf=\"showDialog\"\n                                   [activeCategoryDescription]=\"'ORDER_INFORMATION1'\"\n                                   [relation]=\"relation\"\n                                   [transaction]=\"transaction\"\n                                   (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n<!--\n\n      <co-dialog class=\"transaction-header-order-dialog\" [customCssClass]=\"'co-small-scrollbar'\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\"\n                 (closeClick)=\"showDialog = false\">\n          <ng-template #headerTemplate>\n              <div class=\"co-dialog-header-title\" [textContent]=\"'ORDER_INFORMATION1' | localize\"></div>\n              <co-transaction-header-block\n                      [headerBlockTemplate]=\"headerBlock\"\n                      [firstBlockTemplate]=\"firstBlock\"\n                      [secondBlockTemplate]=\"secondBlock\"\n                      [thirdBlockTemplate]=\"thirdBlock\"\n              >\n              </co-transaction-header-block>\n          </ng-template>\n          <div class=\"order-dialog-section\">\n              <div class=\"section-wrapper\">\n                  <div class=\"section-header\" [textContent]=\"'BASE_INFO1' | localize | prepend:'01 '\"></div>\n                  <div class=\"two-column-grid\">\n                      <co-transaction-header-branch [simple]=\"true\" [transaction]=\"transaction\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-branch>\n                      <co-transaction-header-sales-person [transactionInfo]=\"transactionInfo\"></co-transaction-header-sales-person>\n                      <co-transaction-header-administrative-relation\n                              [transactionInfo]=\"transactionInfo\"></co-transaction-header-administrative-relation>\n                      <co-transaction-header-price-kind [transaction]=\"transaction\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-price-kind>\n                      <co-transaction-header-currency [transaction]=\"transaction\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-currency>\n                      <co-transaction-header-payment-condition\n                              [transactionInfo]=\"transactionInfo\"></co-transaction-header-payment-condition>\n                  </div>\n              </div>\n              <div class=\"section-wrapper\">\n                  <div class=\"section-header\" [textContent]=\"'ORDER_PARAMETERS' | localize | prepend:'02 '\"></div>\n                  <div class=\"section-sub-title\" [textContent]=\"'ON_HOLD_CODES' | localize\"></div>\n                  <co-transaction-header-hold-codes [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-hold-codes>\n                  <div class=\"section-sub-title\" [textContent]=\"'MARKETING_CODE' | localize\"></div>\n                  <co-transaction-header-marketing [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-marketing>\n              </div>\n          </div>\n      </co-dialog>\n-->\n      <co-dialog-transaction-header-discount class=\"discount-dialog\" *ngIf=\"showDialogDiscount\"\n                                             [screenConfigurationObject]=\"cfgNames.DiscountPriceInformationHeader\"\n                                             [transactionInfo]=\"transactionInfo\"\n                                             [transactionTotal]=\"transactionTotal\"\n                                             (close)=\"showDialogDiscount = false\">\n      </co-dialog-transaction-header-discount>\n  ",
                     providers: [{
                             provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                             useExisting: i0.forwardRef(function () { return TransactionHeaderOrderComponent; })
@@ -41879,7 +41946,7 @@
     TransactionHeaderPaymentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-payment",
-                    template: "\n    <div class=\"transaction-header-payment-wrapper\">\n      <div class=\"transaction-header-payment-wrapper-content\" [class.show-remaining]=\"showRemainingPayment\">\n        <co-transaction-header-block\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n          [thirdBlockTemplate]=\"thirdBlock\"\n          [hiddenBlockTemplate]=\"hiddenBlock\"\n          (headerClick)=\"showDialog = true\"\n        >\n        </co-transaction-header-block>\n        <co-transaction-header-block *ngIf=\"showRemainingPayment\"\n          [firstBlockTemplate]=\"firstBlockRest\"\n          (headerClick)=\"showDialog = true\"\n        >\n        </co-transaction-header-block>\n      </div>\n    </div>\n    <ng-template #firstBlock>\n      <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n        <div class=\"header-downpayment-amount-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n          <co-transaction-header-deposit-amount class=\"transaction-header-deposit\"\n                                                [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\n                                                [transaction]=\"transaction\"\n                                                [defaultEditMode]=\"false\"\n                                                [showLabel]=\"false\"\n          ></co-transaction-header-deposit-amount>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #firstBlockRest>\n      <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n        <div class=\"transaction-header-icon\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAvatarHeader\" screenConfigNativeElement>\n          <co-icon class=\"header-order-icon\"\n                   (click)=\"showPaymentDialog = true\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\">\n          </co-icon>\n        </div>\n        <div class=\"header-remaining-payment-amount-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'REMAINING_PAYMENT' | localize\"></div>\n          <co-transaction-header-remaining-amount class=\"transaction-header-remaining\"\n                                                  [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\n                                                  [transactionUuid]=\"transaction.transactionInfo.uuid\"\n                                                  (remainingAmountChange)=\"remainingToPay = $event\"\n          ></co-transaction-header-remaining-amount>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"header-downpayment-percentage-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'%' | localize\"></div>\n          <co-transaction-header-deposit-percentage class=\"transaction-header-deposit\"\n                                                    [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\"\n                                                    [transactionInfo]=\"transactionInfo\"\n                                                    [defaultEditMode]=\"false\"\n                                                    [showLabel]=\"false\"\n          ></co-transaction-header-deposit-percentage>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #thirdBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"payment-payed-wrapper\">\n          <div class=\"header-payed-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_DONE' | localize\"></div>\n          <span class=\"payment-paid\" [class.success]=\"paid >= toPay\" [textContent]=\"(paid | coCurrency) || 0\"></span>\n        </div>\n        <div class=\"header-payment-button-wrapper\" (click)=\"openPayment($event)\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPaymentHeader\" screenConfigNativeElement>\n            <co-icon class=\"header-order-icon\" [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\">\n            </co-icon>\n\n          <!--co-transaction-header-payment-button *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                                                [transactionInfo]=\"transactionInfo\"\n          ></co-transaction-header-payment-button-->\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #hiddenBlock>\n      <!--div class=\"transaction-header-block-row\">\n        <div class=\"header-branch-label co-transaction-label\" [textContent]=\"'BRANCH' | localize\"></div>\n        <div class=\"branch-label\" [textContent]=\"transactionInfo.branch?.familyName\"></div>\n      </div-->\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryDescription]=\"'PAYMENT_INFORMATION'\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n<!--\n    <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_INFORMATION' | localize\"></div>\n        <co-transaction-header-block\n          [headerBlockTemplate]=\"headerBlock\"\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n        >\n        </co-transaction-header-block>\n      </ng-template>\n      <div class=\"payment-dialog-section\">\n        <co-deposit-payment [branch]=\"transactionInfo.branch?.relationNr\" [transactionUuid]=\"transactionInfo.uuid\"></co-deposit-payment>\n      </div>\n    </co-dialog>\n-->\n    <co-dialog class=\"payment-dialog\" [modal]=\"true\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showPaymentDialog\" (closeClick)=\"showPaymentDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-wrapper-popup-title\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\"></co-icon>\n          <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize\"></div>\n        </div>\n      </ng-template>\n      <co-payment\n        [transId]=\"transactionInfo.id\"\n        [branch]=\"transactionInfo.branch?.relationNr\"\n        [transactionUuid]=\"transactionInfo.uuid\"\n        [amount]=\"showRemainingPayment ? remainingToPay : toPay\"\n        [remainingPayment]=\"showRemainingPayment\"\n        [currencyId]=\"transactionInfo.currencyId\"\n        [doNotFetchAmountToPayForRemaining]=\"true\"\n      ></co-payment>\n    </co-dialog>\n  ",
+                    template: "\n    <div class=\"transaction-header-payment-wrapper\">\n      <div class=\"transaction-header-payment-wrapper-content\" [class.show-remaining]=\"showRemainingPayment\">\n        <co-transaction-header-block\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n          [thirdBlockTemplate]=\"thirdBlock\"\n          [hiddenBlockTemplate]=\"hiddenBlock\"\n          (headerClick)=\"showDialog = true\"\n        >\n        </co-transaction-header-block>\n        <co-transaction-header-block *ngIf=\"showRemainingPayment\"\n          [firstBlockTemplate]=\"firstBlockRest\"\n          (headerClick)=\"showDialog = true\"\n        >\n        </co-transaction-header-block>\n      </div>\n    </div>\n    <ng-template #firstBlock>\n      <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n        <div class=\"header-downpayment-amount-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n          <co-transaction-header-deposit-amount class=\"transaction-header-deposit\"\n                                                [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\n                                                [transaction]=\"transaction\"\n                                                [defaultEditMode]=\"false\"\n                                                [showLabel]=\"false\"\n          ></co-transaction-header-deposit-amount>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #firstBlockRest>\n      <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n        <div class=\"transaction-header-icon\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAvatarHeader\" screenConfigNativeElement>\n          <co-icon class=\"header-order-icon\"\n                   (click)=\"showPaymentDialog = true\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\">\n          </co-icon>\n        </div>\n        <div class=\"header-remaining-payment-amount-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'REMAINING_PAYMENT' | localize\"></div>\n          <co-transaction-header-remaining-amount class=\"transaction-header-remaining\"\n                                                  [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\n                                                  [transactionUuid]=\"transaction.transactionInfo.uuid\"\n                                                  (remainingAmountChange)=\"remainingToPay = $event\"\n          ></co-transaction-header-remaining-amount>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"header-downpayment-percentage-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'%' | localize\"></div>\n          <co-transaction-header-deposit-percentage class=\"transaction-header-deposit\"\n                                                    [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\"\n                                                    [transactionInfo]=\"transactionInfo\"\n                                                    [defaultEditMode]=\"false\"\n                                                    [showLabel]=\"false\"\n          ></co-transaction-header-deposit-percentage>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #thirdBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"payment-payed-wrapper\">\n          <div class=\"header-payed-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_DONE' | localize\"></div>\n          <span class=\"payment-paid\" [class.success]=\"paid >= toPay\" [textContent]=\"(paid | coCurrency) || 0\"></span>\n        </div>\n        <div class=\"header-payment-button-wrapper\" (click)=\"openPayment($event)\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPaymentHeader\" screenConfigNativeElement>\n            <co-icon class=\"header-order-icon\" [iconData]=\"iconCacheService.getIcon(icons.LightCreditCardCheck)\">\n            </co-icon>\n\n          <!--co-transaction-header-payment-button *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                                                [transactionInfo]=\"transactionInfo\"\n          ></co-transaction-header-payment-button-->\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #hiddenBlock>\n      <!--div class=\"transaction-header-block-row\">\n        <div class=\"header-branch-label co-transaction-label\" [textContent]=\"'BRANCH' | localize\"></div>\n        <div class=\"branch-label\" [textContent]=\"transactionInfo.branch?.familyName\"></div>\n      </div-->\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryDescription]=\"'PAYMENT_INFORMATION'\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n<!--\n    <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_INFORMATION' | localize\"></div>\n        <co-transaction-header-block\n          [headerBlockTemplate]=\"headerBlock\"\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n        >\n        </co-transaction-header-block>\n      </ng-template>\n      <div class=\"payment-dialog-section\">\n        <co-deposit-payment [branch]=\"transactionInfo.branch?.relationNr\" [transactionUuid]=\"transactionInfo.uuid\"></co-deposit-payment>\n      </div>\n    </co-dialog>\n-->\n    <co-dialog class=\"payment-dialog\" [modal]=\"true\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showPaymentDialog\" (closeClick)=\"showPaymentDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-wrapper-popup-title\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\"></co-icon>\n          <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize\"></div>\n        </div>\n      </ng-template>\n      <co-payment\n        [transId]=\"transactionInfo.id\"\n        [branch]=\"transactionInfo.branch?.relationNr\"\n        [transactionUuid]=\"transactionInfo.uuid\"\n        [amount]=\"showRemainingPayment ? remainingToPay : toPay\"\n        [remainingPayment]=\"showRemainingPayment\"\n        [currencyId]=\"transactionInfo.currencyId\"\n        [doNotFetchAmountToPayForRemaining]=\"true\"\n      ></co-payment>\n    </co-dialog>\n  ",
                     providers: [
                         { provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, useExisting: i0.forwardRef(function () { return TransactionHeaderPaymentComponent; }) }
                     ],
@@ -43126,7 +43193,7 @@
     TransactionLineSidePanelPlanningComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-side-panel-planning",
-                    template: "\n    <div class=\"wrapper\">\n      <co-delivery-planning [currentPlanningViewMode]=\"deliveryPlanningViewModes.Sidebar\"  [calendarViewMode]=\"calendarViewModes.DaysAround\" [currentPlanningMode]=\"deliveryPlanningModes.Transaction\"></co-delivery-planning>\n    </div>\n  ",
+                    template: "\n    <div class=\"wrapper line-side-planning\">\n      <co-delivery-planning [currentPlanningViewMode]=\"deliveryPlanningViewModes.Sidebar\"  [calendarViewMode]=\"calendarViewModes.DaysAround\" [currentPlanningMode]=\"deliveryPlanningModes.Transaction\"></co-delivery-planning>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -44780,6 +44847,7 @@
             this.getTransportOrdersEvent = new i0.EventEmitter();
             this.updatePlanningTransportWeek = new i0.EventEmitter();
             this.openSettingsDialogEvent = new i0.EventEmitter();
+            this.calendarPlanEvent = new i0.EventEmitter();
         }
         Object.defineProperty(DeliveryPlanningOverviewTileComponent.prototype, "tileMode", {
             get: function () {
@@ -44811,6 +44879,10 @@
         DeliveryPlanningOverviewTileComponent.prototype.drop = function (event) {
             // moveItemInArray(this.planningLines, event.previousIndex, event.currentIndex);
         };
+        DeliveryPlanningOverviewTileComponent.prototype.handleDrop = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+        };
         DeliveryPlanningOverviewTileComponent.prototype.formattedDate = function (date) {
             return "" + this._datePipe.transform(date, 'H:mm', "GMT+1");
         };
@@ -44842,12 +44914,15 @@
             order.endTime = new Date(obj['endTime']);
             this.updatePlanningTransportWeek.emit();
         };
+        DeliveryPlanningOverviewTileComponent.prototype.handleCalendarPlanEvent = function (data) {
+            this.calendarPlanEvent.emit(data);
+        };
         return DeliveryPlanningOverviewTileComponent;
     }());
     DeliveryPlanningOverviewTileComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-delivery-planning-overview-tile",
-                    template: "\n    <div class=\"delivery-planning-overview-tile-wrapper\">\n      <div class=\"header-tile-wrapper\">\n        <div class=\"header-title\" (click)=\"expandedChange()\">\n          <co-icon *ngIf=\"!expanded\" [iconData]=\"iconCacheService.getIcon(icons.CaretDownSolid)\"></co-icon>\n          <co-icon *ngIf=\"expanded\" [iconData]=\"iconCacheService.getIcon(icons.CaretUpSolid)\"></co-icon>\n          <span class=\"header-title\" [textContent]=\"transportDay?.transport.registrationNumber\"></span>\n        </div>\n        <div class=\"truck-header-tile\">\n          <co-icon\n            [iconData]=\"iconCacheService.getIcon(icons.TruckContainerDuo)\"></co-icon>\n          <co-icon class=\"small\" (click)=\"openSettingsDialog()\"\n                   [iconData]=\"iconCacheService.getIcon(icons.SlidersUpRegular)\"></co-icon>\n\n        </div>\n\n      </div>\n      <div class=\"planning-wrapper\">\n        <div class=\"status-wrapper row\">\n          <co-delivery-planning-tile-status\n            [currentVolume]=\"transportDay?.orderAmount\"\n            [maxVolume]=\"transportDay?.maxOrderAmount\"\n            [currentTimeTotal]=\"transportDay?.minutes\"\n            [timeTotal]=\"transportDay?.maxMinutes\">\n          </co-delivery-planning-tile-status>\n          <div class=\"planning-short-line-wrapper\" *ngIf=\"!expanded\">\n            <co-delivery-planning-overview-short-line\n              *ngFor=\"let order of transportDay?.plannedOrders\"\n              (deleteLineEvent)=\"handleDeleteLineClick($event)\"\n              [order]=\"order\">\n            </co-delivery-planning-overview-short-line>\n          </div>\n        </div>\n        <co-collapsible [expanded]=\"expanded\">\n          <div class=\"tile-content-wrapper column\">\n\n            <div class=\"planning-lines-wrapper\" cdkDropList (cdkDropListDropped)=\"drop($event)\"\n                 *ngIf=\"tileMode === tileModes.Normal\">\n              <co-delivery-planning-overview-tile-line cdkDrag\n                                                       *ngFor=\"let order of transportDay?.plannedOrders\"\n                                                       (deleteLineEvent)=\"handleDeleteLineClick($event)\"\n                                                       [order]=\"order\">\n              </co-delivery-planning-overview-tile-line>\n            </div>\n\n            <ng-template #customTemplate let-hour=\"hour\" let-objects=\"objects\">\n              <div>\n                <div\n                  *ngFor=\"let obj of objects\"\n                  class=\"custom-scheduled-object\"\n                  draggable=\"true\"\n                  (dragstart)=\"onCustomDragStart($event, obj)\"\n                >\n                  <co-delivery-planning-overview-tile-line cdkDrag\n                                                           *ngFor=\"let obj of objects\"\n                                                           (deleteLineEvent)=\"handleDeleteLineClick($event)\"\n                                                           [order]=\"obj\">\n                  </co-delivery-planning-overview-tile-line>\n                </div>\n              </div>\n            </ng-template>\n\n            <co-hour-scheduling *ngIf=\"ordersLoaded && tileMode === tileModes.Calendar\"\n                                [schedule]=\"transportDay\"\n                                [startTimeProp]=\"'startTime'\"\n                                [endTimeProp]=\"'endTime'\"\n                                [objectsProp]=\"'plannedOrders'\"\n                                [childProp]=\"'transport'\"\n                                [customTemplate]=\"customTemplate\"\n                                [customTemplateUsed]=\"true\"\n                                [idProp]=\"'transId'\"\n                                (timeChangeEvent)=\"handleTimeChangeEvent($event)\"\n\n            ></co-hour-scheduling>\n          </div>\n        </co-collapsible>\n      </div>\n\n    </div>\n  ",
+                    template: "\n    <div class=\"delivery-planning-overview-tile-wrapper\">\n      <div class=\"header-tile-wrapper\">\n        <div class=\"header-title\" (click)=\"expandedChange()\">\n          <co-icon *ngIf=\"!expanded\" [iconData]=\"iconCacheService.getIcon(icons.CaretDownSolid)\"></co-icon>\n          <co-icon *ngIf=\"expanded\" [iconData]=\"iconCacheService.getIcon(icons.CaretUpSolid)\"></co-icon>\n          <span class=\"header-title\" [textContent]=\"transportDay?.transport.registrationNumber\"></span>\n        </div>\n        <div class=\"truck-header-tile\">\n          <co-icon\n            [iconData]=\"iconCacheService.getIcon(icons.TruckContainerDuo)\"></co-icon>\n          <co-icon class=\"small\" (click)=\"openSettingsDialog()\"\n                   [iconData]=\"iconCacheService.getIcon(icons.SlidersUpRegular)\"></co-icon>\n\n        </div>\n\n      </div>\n      <div class=\"planning-wrapper\">\n        <div class=\"status-wrapper row\">\n          <co-delivery-planning-tile-status\n            [currentVolume]=\"transportDay?.orderAmount\"\n            [maxVolume]=\"transportDay?.maxOrderAmount\"\n            [currentTimeTotal]=\"transportDay?.minutes\"\n            [timeTotal]=\"transportDay?.maxMinutes\">\n          </co-delivery-planning-tile-status>\n          <div class=\"planning-short-line-wrapper\" *ngIf=\"!expanded\">\n            <co-delivery-planning-overview-short-line\n              *ngFor=\"let order of transportDay?.plannedOrders\"\n              (deleteLineEvent)=\"handleDeleteLineClick($event)\"\n              [order]=\"order\">\n            </co-delivery-planning-overview-short-line>\n          </div>\n        </div>\n        <co-collapsible [expanded]=\"expanded\">\n          <div class=\"tile-content-wrapper column\">\n\n            <div class=\"planning-lines-wrapper\" cdkDropList (cdkDropListDropped)=\"drop($event)\"\n                 *ngIf=\"tileMode === tileModes.Normal\">\n              <co-delivery-planning-overview-tile-line cdkDrag\n                                                       *ngFor=\"let order of transportDay?.plannedOrders\"\n                                                       (deleteLineEvent)=\"handleDeleteLineClick($event)\"\n                                                       [order]=\"order\">\n              </co-delivery-planning-overview-tile-line>\n            </div>\n\n            <ng-template #customTemplate let-hour=\"hour\" let-objects=\"objects\">\n              <div>\n                <div\n                  *ngFor=\"let obj of objects\"\n                  class=\"custom-scheduled-object\"\n                  draggable=\"true\"\n                  (dragstart)=\"onCustomDragStart($event, obj)\"\n                >\n                  <co-delivery-planning-overview-tile-line cdkDrag\n                                                           *ngFor=\"let obj of objects\"\n                                                           (deleteLineEvent)=\"handleDeleteLineClick($event)\"\n                                                           [order]=\"obj\">\n                  </co-delivery-planning-overview-tile-line>\n                </div>\n              </div>\n            </ng-template>\n\n            <co-hour-scheduling *ngIf=\"ordersLoaded && tileMode === tileModes.Calendar\"\n                                [schedule]=\"transportDay\"\n                                [startTimeProp]=\"'startTime'\"\n                                [endTimeProp]=\"'endTime'\"\n                                [objectsProp]=\"'plannedOrders'\"\n                                [childProp]=\"'transport'\"\n                                [customTemplate]=\"customTemplate\"\n                                [customTemplateUsed]=\"true\"\n                                [idProp]=\"'transId'\"\n                                (timeChangeEvent)=\"handleTimeChangeEvent($event)\"\n                                (drop)=\"handleDrop($event)\"\n                                (newObjectPlanEvent)=\"handleCalendarPlanEvent($event)\"\n            ></co-hour-scheduling>\n          </div>\n        </co-collapsible>\n      </div>\n\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -44864,6 +44939,7 @@
         getTransportOrdersEvent: [{ type: i0.Output }],
         updatePlanningTransportWeek: [{ type: i0.Output }],
         openSettingsDialogEvent: [{ type: i0.Output }],
+        calendarPlanEvent: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-delivery-planning-overview-tile",] }]
     };
 
@@ -44878,6 +44954,7 @@
             this.icons = Icon;
             this.tileModes = DeliveryPlanningTileModes;
             this.deliveryPlanningViewModes = exports.DeliveryPlanningViewModes;
+            this.availability = [];
             this.columnNum = 3; //initial count
             this.planOrders = [];
             this.currentMode = exports.DeliveryPlanningCalendarModes.Week;
@@ -44893,7 +44970,6 @@
         }
         Object.defineProperty(DeliveryPlanningOverviewComponent.prototype, "tiles", {
             set: function (tiles) {
-                this._deliveryPlanningService;
                 this.tilesQueryList = tiles;
             },
             enumerable: false,
@@ -44948,6 +45024,8 @@
                     switch (_c.label) {
                         case 0:
                             ev.preventDefault();
+                            ev.stopPropagation();
+                            this._deliveryPlanningService.dragging = false;
                             data = ev.dataTransfer.getData("text");
                             index = transportDays.indexOf(transportDay);
                             tile = this.tilesQueryList.get(index);
@@ -44962,15 +45040,7 @@
                         case 2:
                             planOrder = _c.sent();
                             if (planOrder) {
-                                this.showNoteDialog = true;
-                                this._changeDetector.markForCheck();
-                                this._changeDetector.detectChanges();
-                                if (this.planningPopupRef) {
-                                    this.planningPopupRef.planOrder = planOrder;
-                                    this.planningPopupRef.transportDay = transportDay;
-                                    this.planningPopupRef.week = week;
-                                    this.planningPopupRef.transaction = this._transaction.currentTransaction;
-                                }
+                                this.openPlanningPopup(planOrder, transportDay, week);
                             }
                             return [3 /*break*/, 5];
                         case 3:
@@ -45083,7 +45153,7 @@
         };
         DeliveryPlanningOverviewComponent.prototype.getTransportOrders = function (order, transportDay) {
             return __awaiter(this, void 0, void 0, function () {
-                var request, endDate, _c;
+                var request, _c;
                 return __generator(this, function (_d) {
                     switch (_d.label) {
                         case 0:
@@ -45091,10 +45161,6 @@
                             request.planningId = this._deliveryPlanningService.currentPlanning.planningId;
                             request.date = transportDay.date;
                             request.transportId = transportDay.transport.transportId;
-                            order.startTime = transportDay.transport.startTime;
-                            endDate = new Date(transportDay.transport.startTime);
-                            this.addHours(endDate, 1);
-                            order.endTime = endDate;
                             _c = transportDay;
                             return [4 /*yield*/, this._transactionCon.getTransportOrders(request)];
                         case 1:
@@ -45132,7 +45198,7 @@
         };
         DeliveryPlanningOverviewComponent.prototype.planSelectedLines = function (transportDay, week) {
             return __awaiter(this, void 0, void 0, function () {
-                var planOrder, linesToPlan, originalPlannedLineCount;
+                var planOrder, linesToPlan, originalPlannedLineCount, correctOrder;
                 return __generator(this, function (_c) {
                     switch (_c.label) {
                         case 0: return [4 /*yield*/, this._transactionCon.getPlanOrder(this._transaction.currentTransaction.transactionInfo.id)];
@@ -45163,8 +45229,10 @@
                                         }
                                     }
                                 });
-                                if (transportDay.plannedOrders.find(function (order) { return order.transId === planOrder.transId; }).lines.length > originalPlannedLineCount) {
-                                    this.updatePlanningTransportEvent.emit(week);
+                                correctOrder = transportDay.plannedOrders.find(function (order) { return order.transactionNr === planOrder.transactionNr; });
+                                transportDay.plannedOrders.splice(transportDay.plannedOrders.indexOf(correctOrder), 1);
+                                if (correctOrder.lines.length > originalPlannedLineCount) {
+                                    this.openPlanningPopup(correctOrder, transportDay, week);
                                 }
                             }
                             else {
@@ -45225,12 +45293,93 @@
                 this.showSettingsDialog = true;
             }
         };
+        DeliveryPlanningOverviewComponent.prototype.handleCalendarPlanEvent = function (data, transportWeekDay, week) {
+            var _a;
+            return __awaiter(this, void 0, void 0, function () {
+                var planOrder;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            if (!(data.data === "false" && this._deliveryPlanningService.currentTransId)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this._transactionCon.getPlanOrder((_a = this._deliveryPlanningService) === null || _a === void 0 ? void 0 : _a.currentTransId)];
+                        case 1:
+                            planOrder = _c.sent();
+                            return [3 /*break*/, 4];
+                        case 2: return [4 /*yield*/, this._transactionCon.getPlanOrder(parseInt(data.data))];
+                        case 3:
+                            planOrder = _c.sent();
+                            _c.label = 4;
+                        case 4:
+                            if (!(planOrder && data.currentHour)) return [3 /*break*/, 9];
+                            planOrder.startTime = this.calculateStartTime(transportWeekDay, data.currentHour);
+                            planOrder.endTime = this.calculateEndTime(planOrder.startTime, data.currentHour, planOrder);
+                            return [4 /*yield*/, this.getTransportOrders(planOrder, transportWeekDay)];
+                        case 5:
+                            _c.sent();
+                            return [4 /*yield*/, this.getSequenceOrderValue(planOrder)];
+                        case 6:
+                            _c.sent();
+                            return [4 /*yield*/, this.getOrderLinesPlanned(planOrder)];
+                        case 7:
+                            _c.sent();
+                            return [4 /*yield*/, this.planOrderLines(planOrder, transportWeekDay, week)];
+                        case 8:
+                            _c.sent();
+                            this._deliveryPlanningService.currentTransId = undefined;
+                            _c.label = 9;
+                        case 9: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        DeliveryPlanningOverviewComponent.prototype.calculateStartTime = function (transportWeekDay, currentHour) {
+            var startDate = new Date(transportWeekDay.date);
+            var startTime = parseInt(currentHour.split(":")[0]);
+            startDate.setHours(startTime);
+            startDate.setMinutes(parseInt(currentHour.split(":")[1]) > 0 ? parseInt(currentHour.split(":")[1]) : 0);
+            startDate.setSeconds(0);
+            return startDate;
+        };
+        DeliveryPlanningOverviewComponent.prototype.calculateEndTime = function (startDate, currentHour, planOrder) {
+            var endTime = new Date(startDate);
+            var splitHour = currentHour.split(":");
+            var newEndMinutes = splitHour[1] === "00" ? 30 : 0;
+            var newEndHour = splitHour[1] === "30" ? (parseInt(splitHour[0]) + 1) : parseInt(splitHour[0]);
+            endTime.setHours(newEndHour);
+            endTime.setMinutes(newEndMinutes);
+            var assemblyTime = this._deliveryPlanningService.totalAssemblyTime(planOrder) * 60 * 1000;
+            endTime.setTime(endTime.getTime() + assemblyTime);
+            return endTime;
+        };
+        DeliveryPlanningOverviewComponent.prototype.openPlanningPopup = function (planOrder, transportDay, week) {
+            this.showNoteDialog = true;
+            this._changeDetector.markForCheck();
+            this._changeDetector.detectChanges();
+            if (this.planningPopupRef) {
+                this.planningPopupRef.planOrder = planOrder;
+                this.planningPopupRef.transportDay = transportDay;
+                this.planningPopupRef.week = week;
+                this.planningPopupRef.transaction = this._transaction.currentTransaction;
+            }
+        };
+        DeliveryPlanningOverviewComponent.prototype.handleAvailabilityChecked = function (value) {
+            this.availability.push(value);
+        };
+        DeliveryPlanningOverviewComponent.prototype.checkAvailable = function (transportDay) {
+            var transport = this.availability.find(function (transportObject) { return transportObject.transportDay === transportDay; });
+            if (transport && !transport.available) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        };
         return DeliveryPlanningOverviewComponent;
     }());
     DeliveryPlanningOverviewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-delivery-planning-overview",
-                    template: "\n    <co-delivery-planning-overview-popup #planningPopup *ngIf=\"showNoteDialog\" (closeEvent)=\"showNoteDialog = false\"\n                                         (onSucceededPlanAction)=\"handlePopupPlanEvent($event)\"></co-delivery-planning-overview-popup>\n    <co-delivery-planning-overview-tile-settings-popup *ngIf=\"showSettingsDialog\" [transportDay]=\"selectedTransportDay\" (onSaveAction)=\"handleSettingsSave($event)\" (closeEvent)=\"showSettingsDialog = false\"></co-delivery-planning-overview-tile-settings-popup>\n    <div class=\"delivery-overview-wrapper\" [class.sidebar]=\"currentViewMode === 'DAYS_AROUND'\">\n      <div class=\"planning-component-wrapper\">\n        <co-date-planning [view]=\"currentViewMode\" [selectedDate]=\"date\"\n                          (rangeChange)=\"handleDateRangeChange($event)\"></co-date-planning>\n      </div>\n\n      <div class=\"tile-view-modes row\">\n        <co-icon (click)=\"currentTileMode = tileModes.Normal\" [class.active]=\"currentTileMode === tileModes.Normal\" [iconData]=\"iconCacheService.getIcon(icons.ObjectIntersectSolid)\"></co-icon>\n        <co-icon (click)=\"currentTileMode = tileModes.Calendar\" [class.active]=\"currentTileMode === tileModes.Calendar\" [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n      </div>\n      <div class=\"row date-planning\" #rowContainer *ngFor=\"let transportWeekRow of planTransportWeek\">\n        <div class=\"column\" #columnElem\n             *ngFor=\"let transPortDay of filterWeekArray(weekArray(transportWeekRow)); index as i\">\n          <co-delivery-planning-overview-tile\n            [class.disabled]=\"!transPortDay.availableOnDate || transPortDay.maxMinutes === 0\"\n            [disabled]=\"!transPortDay.availableOnDate || transPortDay.maxMinutes === 0\"\n            (dragover)=\"allowDrop($event, transPortDay)\"\n            (drop)=\"dropped($event, transportWeekRow, transPortDay, filterWeekArray(weekArray(transportWeekRow)))\"\n            (dragend)=\"dragEnd($event)\"\n\n            [transportDay]=\"transPortDay\"\n            (deleteLineEvent)=\"handleDeleteOrder($event, transportWeekRow)\"\n            (updatePlanningTransportWeek)=\"updatePlanningTransportEvent.emit(transportWeekRow)\"\n            (openSettingsDialogEvent)=\"openSettingsDialog($event)\"\n          ></co-delivery-planning-overview-tile>\n\n        </div>\n      </div>\n    </div>\n\n\n  ",
+                    template: "\n    <co-delivery-planning-overview-popup #planningPopup *ngIf=\"showNoteDialog\" (closeEvent)=\"showNoteDialog = false\"\n                                         (onSucceededPlanAction)=\"handlePopupPlanEvent($event)\"></co-delivery-planning-overview-popup>\n    <co-delivery-planning-overview-tile-settings-popup *ngIf=\"showSettingsDialog\" [transportDay]=\"selectedTransportDay\" (availabilityChecked)=\"handleAvailabilityChecked($event)\" (onSaveAction)=\"handleSettingsSave($event)\" (closeEvent)=\"showSettingsDialog = false\"></co-delivery-planning-overview-tile-settings-popup>\n    <div class=\"delivery-overview-wrapper\" [class.sidebar]=\"currentViewMode === 'DAYS_AROUND'\">\n      <div class=\"tile-view-modes row\">\n        <co-icon (click)=\"currentTileMode = tileModes.Normal\" [class.active]=\"currentTileMode === tileModes.Normal\" [iconData]=\"iconCacheService.getIcon(icons.CalendarLinesRegular)\"></co-icon>\n        <co-icon (click)=\"currentTileMode = tileModes.Calendar\" [class.active]=\"currentTileMode === tileModes.Calendar\" [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n      </div>\n      <div class=\"planning-component-wrapper\">\n        <co-date-planning [view]=\"currentViewMode\" [selectedDate]=\"date\"\n                          (rangeChange)=\"handleDateRangeChange($event)\"></co-date-planning>\n      </div>\n      <div class=\"row date-planning\" #rowContainer *ngFor=\"let transportWeekRow of planTransportWeek\">\n        <div class=\"column\" #columnElem\n             *ngFor=\"let transPortDay of filterWeekArray(weekArray(transportWeekRow)); index as i\">\n          <co-delivery-planning-overview-tile\n            [class.disabled]=\"!transPortDay.availableOnDate || transPortDay.maxMinutes === 0 || checkAvailable(transPortDay)\"\n            [disabled]=\"!transPortDay.availableOnDate || transPortDay.maxMinutes === 0\"\n            (dragover)=\"allowDrop($event, transPortDay)\"\n            (drop)=\"dropped($event, transportWeekRow, transPortDay, filterWeekArray(weekArray(transportWeekRow)))\"\n            (dragend)=\"dragEnd($event)\"\n\n            [transportDay]=\"transPortDay\"\n            (deleteLineEvent)=\"handleDeleteOrder($event, transportWeekRow)\"\n            (updatePlanningTransportWeek)=\"updatePlanningTransportEvent.emit(transportWeekRow)\"\n            (openSettingsDialogEvent)=\"openSettingsDialog($event)\"\n            (calendarPlanEvent)=\"handleCalendarPlanEvent($event, transPortDay, transportWeekRow)\"\n          ></co-delivery-planning-overview-tile>\n\n        </div>\n      </div>\n    </div>\n\n\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -45263,7 +45412,9 @@
             this.icons = Icon;
             this.expanded = false;
             this.linesActive = false;
+            this.orderLines = false;
             this.order = new planOrder_bo.PlanOrder();
+            this.isActive = false;
             this.deleteLineEvent = new i0.EventEmitter();
         }
         DeliveryPlanningOverviewTileLineComponent.prototype.showClass = function () {
@@ -45274,6 +45425,11 @@
         };
         DeliveryPlanningOverviewTileLineComponent.prototype.setLinesActive = function () {
             this.linesActive = !this.linesActive;
+            this.orderLines = false;
+        };
+        DeliveryPlanningOverviewTileLineComponent.prototype.showOrderLines = function (event) {
+            event.stopPropagation(); // Stop the event from propagating to parent elements
+            this.orderLines = !this.orderLines;
         };
         DeliveryPlanningOverviewTileLineComponent.prototype.getPlannedLines = function (lines) {
             return lines.filter(function (line) { return line.planned === true; });
@@ -45283,7 +45439,7 @@
     DeliveryPlanningOverviewTileLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-delivery-planning-overview-tile-line",
-                    template: "\n      <div class=\"planning-line-wrapper\" [class.active-lines]=\"linesActive\">\n        <div class=\"planning-line-content\">\n          <div class=\"planning-line-left\">\n            <div class=\"planning-line-extend\">\n              <co-icon *ngIf=\"!linesActive\" (click)=\"setLinesActive()\" [iconData]=\"iconCacheService.getIcon(icons.ChevronDownRegular)\"></co-icon>\n              <co-icon *ngIf=\"linesActive\" (click)=\"setLinesActive()\" [iconData]=\"iconCacheService.getIcon(icons.ChevronUpRegular)\"></co-icon>\n            </div>\n            <div class=\"line-content-left\">\n              <div class=\"planning-address\">\n                <span [textContent]=\"order.shortAddress\"></span>\n              </div>\n              <div class=\"planning-relation\">\n                <span [textContent]=\"order.relationName\"></span>\n              </div>\n            </div>\n          </div>\n          <div class=\"planning-line-right\">\n            <div class=\"line-content-right\">\n              <div class=\"planning-order\">\n                <span [textContent]=\"order.transactionNr\"></span>\n              </div>\n              <div class=\"planning-time\">\n                <span [textContent]=\"(order.startTime | date: 'HH:mm') + ' - ' + (order.endTime | date: 'HH:mm')\"></span>\n              </div>\n            </div>\n            <div class=\"planning-line-actions\">\n              <co-icon (click)=\"handleDeleteLineClick(order)\" [iconData]=\"iconCacheService.getIcon(icons.TrashBin)\"></co-icon>\n            </div>\n          </div>\n        </div>\n        <div class=\"order-line-list-wrapper\" *ngIf=\"linesActive\">\n          <div class=\"order-lines\" *ngFor=\"let line of getPlannedLines(order?.lines)\">\n            <span [textContent]=\"line.articleNumber\"></span>\n            <span [textContent]=\"line.description\"></span>\n          </div>\n        </div>\n      </div>\n    ",
+                    template: "\n      <div class=\"planning-line-wrapper\" (click)=\"setLinesActive()\" [class.active-lines]=\"linesActive\">\n        <div class=\"planning-line-content\">\n          <div class=\"planning-line-left\">\n            <div class=\"planning-line-extend\" *ngIf=\"linesActive || orderLines\">\n              <co-icon *ngIf=\"!orderLines\" (click)=\"showOrderLines($event)\" [iconData]=\"iconCacheService.getIcon(icons.ChevronDownRegular)\"></co-icon>\n              <co-icon *ngIf=\"orderLines\" (click)=\"showOrderLines($event)\" [iconData]=\"iconCacheService.getIcon(icons.ChevronUpRegular)\"></co-icon>\n            </div>\n            <div class=\"line-content-left\">\n              <div class=\"planning-relation\">\n                <span [textContent]=\"order.relationName\"></span>\n              </div>\n              <div class=\"planning-address\" *ngIf=\"linesActive\">\n                <span [textContent]=\"order.shortAddress\"></span>\n              </div>\n            </div>\n          </div>\n          <div class=\"planning-line-right\">\n            <div class=\"line-content-right\">\n              <div class=\"planning-order\">\n                <co-icon (click)=\"setLinesActive()\" [iconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"></co-icon>\n                <span [textContent]=\"order.transactionNr\"></span>\n              </div>\n              <div class=\"planning-time\" *ngIf=\"linesActive\">\n                <span [textContent]=\"(order.startTime | date: 'HH:mm') + ' - ' + (order.endTime | date: 'HH:mm')\"></span>\n              </div>\n            </div>\n            <div class=\"planning-line-actions\">\n              <co-icon *ngIf=\"linesActive\" (click)=\"handleDeleteLineClick(order)\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanRegular)\"></co-icon>\n              <co-icon *ngIf=\"!linesActive\" [iconData]=\"iconCacheService.getIcon(icons.ChevronRightRegular)\"></co-icon>\n            </div>\n          </div>\n        </div>\n        <div class=\"order-line-list-wrapper\" *ngIf=\"orderLines\">\n          <div class=\"order-lines\" *ngFor=\"let line of getPlannedLines(order?.lines)\">\n            <span [textContent]=\"line.articleNumber\"></span>\n            <span [textContent]=\"line.description\"></span>\n          </div>\n        </div>\n      </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -45292,6 +45448,7 @@
     ]; };
     DeliveryPlanningOverviewTileLineComponent.propDecorators = {
         order: [{ type: i0.Input }],
+        isActive: [{ type: i0.Input }],
         deleteLineEvent: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-delivery-planning-overview-tile-line",] }]
     };
@@ -45472,15 +45629,28 @@
     ];
 
     var DeliveryPlanningOverviewPopupComponent = /** @class */ (function () {
-        function DeliveryPlanningOverviewPopupComponent(iconCacheService, _transaction, _deliveryPlanningService) {
+        function DeliveryPlanningOverviewPopupComponent(iconCacheService, _transaction, deliveryPlanningService) {
             this.iconCacheService = iconCacheService;
             this._transaction = _transaction;
-            this._deliveryPlanningService = _deliveryPlanningService;
+            this.deliveryPlanningService = deliveryPlanningService;
             this.icons = Icon;
             this.planOrder = new planOrder_bo.PlanOrder();
             this.closeEvent = new i0.EventEmitter();
             this.onSucceededPlanAction = new i0.EventEmitter();
         }
+        Object.defineProperty(DeliveryPlanningOverviewPopupComponent.prototype, "transportDay", {
+            get: function () {
+                return this._transportWeekDay;
+            },
+            set: function (transportWeekDay) {
+                this.handleInitialTimePlanning(transportWeekDay);
+                this._transportWeekDay = transportWeekDay;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ;
+        ;
         DeliveryPlanningOverviewPopupComponent.prototype.showClass = function () {
             return true;
         };
@@ -45490,17 +45660,8 @@
             this.transportDay = undefined;
             this.transaction = undefined;
         };
-        DeliveryPlanningOverviewPopupComponent.prototype.totalAssemblyTime = function (planOrder) {
-            var _a;
-            if (planOrder) {
-                var total_1 = 0;
-                (_a = planOrder === null || planOrder === void 0 ? void 0 : planOrder.lines) === null || _a === void 0 ? void 0 : _a.forEach(function (line) {
-                    if (line.minutes > 0) {
-                        total_1 += line.minutes;
-                    }
-                });
-                return total_1;
-            }
+        DeliveryPlanningOverviewPopupComponent.prototype.impactTime = function () {
+            return this.planOrder.impactTime ? this.planOrder.impactTime : 0;
         };
         DeliveryPlanningOverviewPopupComponent.prototype.closePopup = function () {
             this._transaction.resetCurrentTransaction();
@@ -45510,36 +45671,56 @@
             this.onSucceededPlanAction.emit([this.planOrder, this.transportDay, this.week]);
         };
         DeliveryPlanningOverviewPopupComponent.prototype.startTimeForOrder = function () {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-            if (((_b = (_a = this.transportDay) === null || _a === void 0 ? void 0 : _a.plannedOrders) === null || _b === void 0 ? void 0 : _b.length) === 0 || !((_d = (_c = this.transportDay) === null || _c === void 0 ? void 0 : _c.plannedOrders) === null || _d === void 0 ? void 0 : _d.length)) {
-                this.planOrder.startTime = (_f = (_e = this.transportDay) === null || _e === void 0 ? void 0 : _e.transport) === null || _f === void 0 ? void 0 : _f.startTime;
-                return (_h = (_g = this.transportDay) === null || _g === void 0 ? void 0 : _g.transport) === null || _h === void 0 ? void 0 : _h.startTime;
-            }
-            return (_j = this.transportDay) === null || _j === void 0 ? void 0 : _j.plannedOrders[this.transportDay.plannedOrders.length - 1].endTime;
+            return this.planOrder.startTime;
         };
         DeliveryPlanningOverviewPopupComponent.prototype.endTimeForOrder = function () {
-            if (this.planOrder.startTime) {
-                if (this.totalAssemblyTime(this.planOrder) === 0) {
-                    return this._deliveryPlanningService.addHours(new Date(this.planOrder.startTime), 1);
-                }
-            }
+            return this.planOrder.endTime;
         };
-        DeliveryPlanningOverviewPopupComponent.prototype.handleStartTimeChange = function (date) {
-            if (date) {
+        DeliveryPlanningOverviewPopupComponent.prototype.handleStartTimeChange = function (timeString) {
+            var originalPlanOrderDate = new Date(this.planOrder.startTime);
+            var date = new Date(originalPlanOrderDate.getFullYear(), originalPlanOrderDate.getMonth(), originalPlanOrderDate.getDay(), parseInt(timeString[0]), 0);
+            if (!isNaN(date.getTime())) {
                 this.planOrder.startTime = date;
             }
         };
-        DeliveryPlanningOverviewPopupComponent.prototype.handleEndTimeChange = function (date) {
-            if (date) {
+        DeliveryPlanningOverviewPopupComponent.prototype.handleEndTimeChange = function (timeString) {
+            var originalPlanOrderDate = new Date(this.planOrder.startTime);
+            var date = new Date(originalPlanOrderDate.getFullYear(), originalPlanOrderDate.getMonth(), originalPlanOrderDate.getDay(), parseInt(timeString[0]), 0);
+            if (!isNaN(date.getTime())) {
                 this.planOrder.endTime = date;
             }
         };
+        DeliveryPlanningOverviewPopupComponent.prototype.handleInitialTimePlanning = function (transportWeekDay) {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+            if (!((_a = this.planOrder) === null || _a === void 0 ? void 0 : _a.startTime) && ((_b = transportWeekDay === null || transportWeekDay === void 0 ? void 0 : transportWeekDay.plannedOrders) === null || _b === void 0 ? void 0 : _b.length) === 0) {
+                this.planOrder.startTime = new Date(transportWeekDay.date);
+                (_d = (_c = this.planOrder) === null || _c === void 0 ? void 0 : _c.startTime) === null || _d === void 0 ? void 0 : _d.setHours(8);
+                (_f = (_e = this.planOrder) === null || _e === void 0 ? void 0 : _e.startTime) === null || _f === void 0 ? void 0 : _f.setMinutes(0);
+                (_h = (_g = this.planOrder) === null || _g === void 0 ? void 0 : _g.startTime) === null || _h === void 0 ? void 0 : _h.setSeconds(0);
+            }
+            if (!((_j = this.planOrder) === null || _j === void 0 ? void 0 : _j.endTime) && (transportWeekDay === null || transportWeekDay === void 0 ? void 0 : transportWeekDay.plannedOrders.length) === 0) {
+                this.planOrder.endTime = new Date((_k = this.planOrder) === null || _k === void 0 ? void 0 : _k.startTime);
+                this.planOrder.endTime.setHours(((_m = (_l = this.planOrder) === null || _l === void 0 ? void 0 : _l.endTime) === null || _m === void 0 ? void 0 : _m.getHours()) + (this.deliveryPlanningService.totalAssemblyTime(this.planOrder) > 0 ? (this.deliveryPlanningService.totalAssemblyTime(this.planOrder) / 60) : 1));
+                this.planOrder.startTime.setMinutes(0);
+                this.planOrder.startTime.setSeconds(0);
+            }
+            if ((transportWeekDay === null || transportWeekDay === void 0 ? void 0 : transportWeekDay.plannedOrders.length) > 0) {
+                this.planOrder.startTime = new Date(transportWeekDay === null || transportWeekDay === void 0 ? void 0 : transportWeekDay.date);
+                this.planOrder.startTime.setHours((_p = (_o = transportWeekDay === null || transportWeekDay === void 0 ? void 0 : transportWeekDay.plannedOrders[transportWeekDay.plannedOrders.length - 1]) === null || _o === void 0 ? void 0 : _o.endTime) === null || _p === void 0 ? void 0 : _p.getHours());
+                this.planOrder.startTime.setMinutes(0);
+                this.planOrder.startTime.setSeconds(0);
+                this.planOrder.endTime = new Date(this.planOrder.startTime);
+                this.planOrder.endTime.setHours(((_r = (_q = this.planOrder) === null || _q === void 0 ? void 0 : _q.endTime) === null || _r === void 0 ? void 0 : _r.getHours()) + (this.deliveryPlanningService.totalAssemblyTime(this.planOrder) > 0 ? (this.deliveryPlanningService.totalAssemblyTime(this.planOrder) / 60) : 1));
+                this.planOrder.startTime.setMinutes(0);
+                this.planOrder.startTime.setSeconds(0);
+            }
+        };
         return DeliveryPlanningOverviewPopupComponent;
     }());
     DeliveryPlanningOverviewPopupComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-delivery-planning-overview-popup",
-                    template: "\n    <co-dialog [showCloseIcon]=\"true\" (closeClick)=\"closePopup()\" [headerTemplate]=\"header\"\n               [footerTemplate]=\"footer\">\n      <ng-template #header>\n        <div class=\"dialog-header-wrapper\">\n          <span class=\"footer-header-title\" [textContent]=\"transportDay?.transport?.registrationNumber\"></span>\n          <div class=\"icon\">\n            <co-icon class=\"\"\n                     [iconData]=\"iconCacheService.getIcon(icons.TruckContainerDuo)\"></co-icon>\n          </div>\n        </div>\n      </ng-template>\n\n      <div class=\"body-wrapper\">\n        <co-delivery-planning-tile-status\n          [currentVolume]=\"transportDay?.orderAmount\"\n          [maxVolume]=\"transportDay?.maxOrderAmount\"\n          [currentTimeTotal]=\"transportDay?.minutes\"\n          [timeTotal]=\"transportDay?.maxMinutes\">\n        </co-delivery-planning-tile-status>\n\n        <div class=\"form-details\">\n          <span class=\"h1\" [textContent]=\"'TIME_SETTINGS' | localize\"></span>\n        </div>\n        <div class=\"popup-row\">\n          <co-input-text [model]=\"planOrder?.impactTime\" [placeholder]=\"'IMPACT_TIME' | localize\"></co-input-text>\n          <co-input-text [model]=\"totalAssemblyTime(planOrder)\"\n                         [placeholder]=\"'ASSEMBLY_TIME' | localize\"></co-input-text>\n        </div>\n\n        <div class=\"popup-row\">\n          <co-input-text [model]=\"startTimeForOrder() | date: 'h:mm'\"\n                         [placeholder]=\"'STARTTIME' | localize\" (modelChange)=\"handleStartTimeChange($event)\"></co-input-text>\n          <co-input-text [model]=\"endTimeForOrder() | date: 'h:mm'\"\n                         [placeholder]=\"'STOPTIME' | localize\" (modelChange)=\"handleEndTimeChange($event)\"></co-input-text>\n        </div>\n\n\n        <div class=\"remark-wrapper\">\n          <span [textContent]=\"'PLAN_REMARKS' | localize\"></span>\n          <co-input-textarea [(model)]=\"planOrder.remarks\"></co-input-textarea>\n        </div>\n\n\n      </div>\n\n\n      <ng-template #footer>\n        <div class=\"buttons-wrapper\">\n          <co-button class=\"save-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                     (click)=\"handleCommitClick()\"></co-button>\n          <co-button class=\"close-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                     (click)=\"closePopup()\"></co-button>\n        </div>\n      </ng-template>\n    </co-dialog>\n  ",
+                    template: "\n    <co-dialog [showCloseIcon]=\"true\" (closeClick)=\"closePopup()\" [headerTemplate]=\"header\"\n               [footerTemplate]=\"footer\">\n      <ng-template #header>\n        <div class=\"dialog-header-wrapper\">\n          <span class=\"footer-header-title\" [textContent]=\"transportDay?.transport?.registrationNumber\"></span>\n          <div class=\"icon\">\n            <co-icon class=\"\"\n                     [iconData]=\"iconCacheService.getIcon(icons.TruckContainerDuo)\"></co-icon>\n          </div>\n        </div>\n      </ng-template>\n\n      <div class=\"body-wrapper\">\n        <co-delivery-planning-tile-status\n          [currentVolume]=\"transportDay?.orderAmount\"\n          [maxVolume]=\"transportDay?.maxOrderAmount\"\n          [currentTimeTotal]=\"transportDay?.minutes\"\n          [timeTotal]=\"transportDay?.maxMinutes\">\n        </co-delivery-planning-tile-status>\n\n        <div class=\"form-details\">\n          <span class=\"h1\" [textContent]=\"'TIME_SETTINGS' | localize\"></span>\n        </div>\n        <div class=\"popup-row\">\n          <co-input-text [model]=\"impactTime()\" [placeholder]=\"'IMPACT_TIME' | localize\"></co-input-text>\n          <co-input-text [model]=\"deliveryPlanningService.totalAssemblyTime(planOrder)\"\n                         [placeholder]=\"'ASSEMBLY_TIME' | localize\"></co-input-text>\n        </div>\n\n        <div class=\"popup-row\">\n          <co-input-text [model]=\"startTimeForOrder() | date: 'HH:mm'\"\n                         [placeholder]=\"'STARTTIME' | localize\" (modelChange)=\"handleStartTimeChange($event)\"></co-input-text>\n          <co-input-text [model]=\"endTimeForOrder() | date: 'HH:mm'\"\n                         [placeholder]=\"'STOPTIME' | localize\" (modelChange)=\"handleEndTimeChange($event)\"></co-input-text>\n        </div>\n\n\n        <div class=\"remark-wrapper\">\n          <span [textContent]=\"'PLAN_REMARKS' | localize\"></span>\n          <co-input-textarea [(model)]=\"planOrder.remarks\"></co-input-textarea>\n        </div>\n\n\n      </div>\n\n\n      <ng-template #footer>\n        <div class=\"buttons-wrapper\">\n          <co-button class=\"save-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                     (click)=\"handleCommitClick()\"></co-button>\n          <co-button class=\"close-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                     (click)=\"closePopup()\"></co-button>\n        </div>\n      </ng-template>\n    </co-dialog>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -45555,13 +45736,16 @@
     };
 
     var DeliveryPlanningOverviewTileSettingsPopupComponent = /** @class */ (function () {
-        function DeliveryPlanningOverviewTileSettingsPopupComponent(_deliveryPlanningService, iconCacheService) {
+        function DeliveryPlanningOverviewTileSettingsPopupComponent(_deliveryPlanningService, iconCacheService, _transaction) {
             this._deliveryPlanningService = _deliveryPlanningService;
             this.iconCacheService = iconCacheService;
+            this._transaction = _transaction;
             this.icons = Icon;
             this.settingsChanged = false;
+            this._subs = [];
             this.closeEvent = new i0.EventEmitter();
             this.onSaveAction = new i0.EventEmitter();
+            this.availabilityChecked = new i0.EventEmitter();
         }
         Object.defineProperty(DeliveryPlanningOverviewTileSettingsPopupComponent.prototype, "districts", {
             get: function () {
@@ -45602,6 +45786,22 @@
             return true;
         };
         DeliveryPlanningOverviewTileSettingsPopupComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this._subs.push(this._deliveryPlanningService.availabilityCheckEvent.subscribe(function (transId) { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, this.handleAvailabilityChecked(transId)];
+                        case 1:
+                            _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            }); }));
+        };
+        DeliveryPlanningOverviewTileSettingsPopupComponent.prototype.ngOnDestroy = function () {
+            this._subs.forEach(function (sub) {
+                sub.unsubscribe();
+            });
         };
         DeliveryPlanningOverviewTileSettingsPopupComponent.prototype.districtsForTransportDay = function (transportDay) {
             var _a;
@@ -45665,6 +45865,63 @@
         DeliveryPlanningOverviewTileSettingsPopupComponent.prototype.handleCommitClick = function () {
             this.onSaveAction.emit(this.settingsChanged);
         };
+        DeliveryPlanningOverviewTileSettingsPopupComponent.prototype.handleAvailabilityChecked = function (transId) {
+            return __awaiter(this, void 0, void 0, function () {
+                var planOrder, available_1;
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, this._transaction.getPlanOrder(transId)];
+                        case 1:
+                            planOrder = _b.sent();
+                            if (!!planOrder.partDelivery) return [3 /*break*/, 2];
+                            this.deliveryMethods.find(function (method) { return parseInt(method.code) === planOrder.deliveryMethod; }) ? this.availabilityChecked.emit({ transportDay: this.transportDay, available: true }) : this.availabilityChecked.emit({ transportDay: this.transportDay, available: false });
+                            return [3 /*break*/, 4];
+                        case 2:
+                            available_1 = true;
+                            return [4 /*yield*/, this.getOrderLinesPlanned(planOrder)];
+                        case 3:
+                            _b.sent();
+                            planOrder.lines.forEach(function (line) {
+                                if (!_this.deliveryMethods.find(function (method) { return method.code === line.deliveryMethod; })) {
+                                    available_1 = false;
+                                }
+                            });
+                            this.availabilityChecked.emit({ transportDay: this.transportDay, available: available_1 });
+                            _b.label = 4;
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        DeliveryPlanningOverviewTileSettingsPopupComponent.prototype.getOrderLinesPlanned = function (planOrder) {
+            return __awaiter(this, void 0, void 0, function () {
+                var request, filterObj, _b, _c, _d, _e;
+                var _f;
+                return __generator(this, function (_g) {
+                    switch (_g.label) {
+                        case 0:
+                            request = new orderLinesPlannedRequest_bo.OrderLinesPlannedRequest();
+                            filterObj = new planningFilterObject_bo.PlanningFilterObject();
+                            request.planned = true;
+                            request.planningId = this._deliveryPlanningService.currentPlanning.planningId;
+                            request.transId = planOrder.transId;
+                            request.plannedLineId = planOrder.plannedLineId;
+                            filterObj.onlyCurrentWeek = true;
+                            filterObj.beginCurrentWeek = new Date();
+                            filterObj.checkOrderLines = 1;
+                            request.filterObject = filterObj;
+                            _c = (_b = (_f = planOrder.lines).push).apply;
+                            _d = [_f];
+                            _e = [[]];
+                            return [4 /*yield*/, this._transaction.getOrderLinesPlanned(request)];
+                        case 1:
+                            _c.apply(_b, _d.concat([__spreadArray.apply(void 0, _e.concat([__read.apply(void 0, [_g.sent()])]))]));
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         return DeliveryPlanningOverviewTileSettingsPopupComponent;
     }());
     DeliveryPlanningOverviewTileSettingsPopupComponent.decorators = [
@@ -45676,12 +45933,14 @@
     ];
     DeliveryPlanningOverviewTileSettingsPopupComponent.ctorParameters = function () { return [
         { type: DeliveryPlanningService },
-        { type: IconCacheService }
+        { type: IconCacheService },
+        { type: TransactionConnectorService }
     ]; };
     DeliveryPlanningOverviewTileSettingsPopupComponent.propDecorators = {
         transportDay: [{ type: i0.Input }],
         closeEvent: [{ type: i0.Output }],
         onSaveAction: [{ type: i0.Output }],
+        availabilityChecked: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-delivery-planning-overview-tile-settings-popup",] }]
     };
 
@@ -47452,6 +47711,7 @@
         };
         TransactionSearchResultComponent.prototype.dragStarted = function (ev, transaction) {
             this._deliveryPlanningService.dragging = true;
+            this._deliveryPlanningService.currentTransId = transaction.transId;
             ev.dataTransfer.setData("text", transaction.transId);
         };
         TransactionSearchResultComponent.prototype.dragEnd = function (ev) {
@@ -51143,10 +51403,12 @@
     ];
 
     var TransactionLineSidePanelSalesReservationComponent = /** @class */ (function () {
-        function TransactionLineSidePanelSalesReservationComponent(_purchaseReservationService, _transactionService, _transactionEventService) {
+        function TransactionLineSidePanelSalesReservationComponent(_purchaseReservationService, _transactionService, _transactionEventService, iconCacheService) {
             this._purchaseReservationService = _purchaseReservationService;
             this._transactionService = _transactionService;
             this._transactionEventService = _transactionEventService;
+            this.iconCacheService = iconCacheService;
+            this.icons = Icon;
             this.reservationOrderLines = [];
         }
         TransactionLineSidePanelSalesReservationComponent.prototype.showClass = function () {
@@ -51189,14 +51451,15 @@
     TransactionLineSidePanelSalesReservationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-side-panel-sales-reservation",
-                    template: "\n      <div class=\"commit-button-wrapper\">\n        <span [textContent]=\"'SAVE_RESERVATION' | localize\" (click)=\"processReservation()\"></span>\n        <span [textContent]=\"'CANCEL' | localize\" (click)=\"handleCloseSidePanel()\"></span>\n      </div>\n\n      <div class=\"wrapper\">\n        <co-transaction-purchase-reservation-order-tile *ngFor=\"let line of reservationOrderLines\"\n                                                        [purchaseReservationPurchaseLine]=\"line\"></co-transaction-purchase-reservation-order-tile>\n      </div>\n    ",
+                    template: "\n      <div class=\"wrapper\">\n        <div class=\"reservation-title\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.PalletBoxesRotate)\"></co-icon>\n          <span [textContent]=\"'RESERVATION_PURCHASEORDER' | localize \"></span>\n        </div>\n        <co-transaction-purchase-reservation-order-tile *ngFor=\"let line of reservationOrderLines\"\n                                                        [purchaseReservationPurchaseLine]=\"line\"></co-transaction-purchase-reservation-order-tile>\n      </div>\n      <div class=\"save-cancel-wrapper\">\n        <co-button [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                   (click)=\"processReservation()\"\n        ></co-button>\n        <co-button class=\"cancel-button\"\n                   [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                   (click)=\"handleCloseSidePanel()\"\n        ></co-button>\n      </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TransactionLineSidePanelSalesReservationComponent.ctorParameters = function () { return [
         { type: PurchaseReservationService },
         { type: TransactionService },
-        { type: TransactionEventService }
+        { type: TransactionEventService },
+        { type: IconCacheService }
     ]; };
     TransactionLineSidePanelSalesReservationComponent.propDecorators = {
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-side-panel-sales-reservation",] }]
@@ -51218,7 +51481,7 @@
     TransactionPurchaseReservationOrderTileComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-purchase-reservation-order-tile",
-                    template: "\n    <div class=\"transaction-tile-wrapper\">\n      <div class=\"tile\">\n        <div class=\"tile-header\">\n          <div class=\"tile-upper-left\">\n\n          </div>\n          <div class=\"tile-upper-middle\">\n            <div class=\"header\">\n              <co-input-checkbox\n                [(model)]=\"purchaseReservationPurchaseLine.selected\"\n\n              ></co-input-checkbox>\n              <span class=\"bold\" [textContent]=\"purchaseReservationPurchaseLine.transNo\"></span>\n\n            </div>\n          </div>\n          <div class=\"tile-upper-right\">\n            <div class=\"column\">\n              <span class=\"title\" [textContent]=\"'AMOUNT_AVAILABLE2' | localize\"></span>\n              <span class=\"bold center-align\" [textContent]=\"purchaseReservationPurchaseLine.amountInOrder - purchaseReservationPurchaseLine.amountReserved \"></span>\n            </div>\n            <div class=\"column\">\n              <span class=\"title\" [textContent]=\"'AMOUNT_RESERVATED' | localize\"></span>\n              <span class=\"bold center-align\"\n                [textContent]=\"purchaseReservationPurchaseLine.amountReserved\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"tile-body\">\n          <div class=\"tile-middle-left\">\n          </div>\n          <div class=\"tile-middle-middle\">\n\n          </div>\n          <div class=\"tile-middle-right\"></div>\n        </div>\n        <div class=\"tile-footer\">\n          <div class=\"tile-bottom-left order-info-section\">\n            <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE_PURCHASE' | localize\"></span></div>\n            <div class=\"value\">\n              <span [textContent]=\"purchaseReservationPurchaseLine.deliveryDatePurchase | date:'dd MMM yyyy'\"></span>\n            </div>\n          </div>\n\n          <div class=\"tile-bottom-left order-info-section\">\n            <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE_CONFIRMED' | localize\"></span></div>\n            <div class=\"value\">\n              <span [textContent]=\"purchaseReservationPurchaseLine.deliveryDateConfirmed | date:'dd MMM yyyy'\"></span>\n            </div>\n          </div>\n\n          <div class=\"tile-bottom-left order-info-section\">\n            <div class=\"label\"><span [textContent]=\"'ARRIVAL_DATE' | localize\"></span></div>\n            <div class=\"value\">\n              <span [textContent]=\"purchaseReservationPurchaseLine.arrivalDate | date:'dd MMM yyyy'\"></span></div>\n          </div>\n\n\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-tile-wrapper\">\n      <div class=\"tile\">\n        <div class=\"tile-header\">\n          <div class=\"tile-upper-left\">\n            <div class=\"header\">\n              <co-input-checkbox\n                [(model)]=\"purchaseReservationPurchaseLine.selected\"\n              ></co-input-checkbox>\n              <span class=\"bold\" [textContent]=\"purchaseReservationPurchaseLine.transNo\"></span>\n            </div>\n          </div>\n          <div class=\"tile-upper-right\">\n            <div class=\"column\">\n              <span class=\"title\" [textContent]=\"'AMOUNT_AVAILABLE2' | localize\"></span>\n              <span class=\"bold center-align\" [textContent]=\"purchaseReservationPurchaseLine.amountInOrder - purchaseReservationPurchaseLine.amountReserved \"></span>\n            </div>\n            <div class=\"column\">\n              <span class=\"title\" [textContent]=\"'AMOUNT_RESERVATED' | localize\"></span>\n              <span class=\"bold center-align\"\n                [textContent]=\"purchaseReservationPurchaseLine.amountReserved\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"tile-body\">\n          <div class=\"tile-middle-left\">\n          </div>\n          <div class=\"tile-middle-middle\">\n          </div>\n          <div class=\"tile-middle-right\"></div>\n        </div>\n        <div class=\"tile-footer\">\n          <div class=\"tile-bottom-left order-info-section\">\n            <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingClock)\"></co-icon>\n            <div class=\"value\">\n              <span [textContent]=\"purchaseReservationPurchaseLine.deliveryDatePurchase | date:'dd MMM yyyy'\"></span>\n            </div>\n          </div>\n          <div class=\"tile-bottom-left order-info-section\">\n            <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularTruckMovingClock)\"></co-icon>\n            <div class=\"value\">\n              <span [textContent]=\"purchaseReservationPurchaseLine.deliveryDateConfirmed | date:'dd MMM yyyy'\"></span>\n            </div>\n          </div>\n          <div class=\"tile-bottom-left order-info-section\">\n            <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularWarehouseClock)\"></co-icon>\n            <div class=\"value\">\n              <span [textContent]=\"purchaseReservationPurchaseLine.arrivalDate | date:'dd MMM yyyy'\"></span></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -51273,6 +51536,7 @@
                         TransactionPurchaseReservationOrderTileModule,
                         corecomponents_v12.ButtonModule,
                         PipeModule,
+                        corecomponents_v12.IconModule,
                     ],
                     declarations: [
                         TransactionLineSidePanelSalesComponent,
@@ -51907,7 +52171,7 @@
     TransactionServiceOverviewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-service-overview",
-                    template: "\n    <div class=\"service-overview-wrapper\">\n      <div class=\"message-and-task-wrapper\">\n        <div class=\"service-message-and-image-wrapper\">\n          <div class=\"service-message-wrapper\">\n            <label class=\"label service-label\" [textContent]=\"'SERVICE_REPORT'| localize\"></label>\n            <co-transaction-service-message  class=\"transaction-service-message\" [transaction]=\"transaction\">\n            </co-transaction-service-message>\n            <co-input-textarea *ngIf=\"transactionServiceInfo && transactionServiceInfo.wizardQuestionsAndAnswers\" [readonly]=\"true\"\n                               [model]=\"transactionServiceInfo.wizardQuestionsAndAnswers\"></co-input-textarea>\n          </div>\n          <co-files-upload (documentChangeEvent)=\"upsertDocument($event)\"\n                           (documentDeleted)=\"deleteDocument($event)\"\n                           [label]=\"'ADD_IMAGES' | localize\"\n                           [documents]=\"documents\"\n                           [isEditable]=\"false\">\n          </co-files-upload>\n          <div class=\"service-order-lines-wrapper\">\n            <div class=\"service-message-extra-wrapper\">\n              <co-list-of-values [label]=\"'PRIORITY'| localize\" displayField=\"description\" [model]=\"priorityModel\"\n                                 [collection]=\"priorityDomainColl\"\n                                 (modelChange)=\"setPriority($event)\"></co-list-of-values>\n              <co-list-of-values [label]=\"'CAUSE_CODE' | localize\" displayField=\"description\" [model]=\"causeCodeModel\"\n                                 [collection]=\"causeCodeColl\"\n                                 (modelChange)=\"setCauseCode($event)\"></co-list-of-values>\n              <co-list-of-values [label]=\"'ENTRY_TYPE' | localize\" displayField=\"description\" [model]=\"entryTypeModel\"\n                                 [collection]=\"entryTypeColl\"\n                                 (modelChange)=\"setEntryType($event)\"></co-list-of-values>\n            </div>\n            <co-transaction-lines-side-panel\n              class=\"higher-max-width\"\n              [posOrderData]=\"posOrderData\"\n              [transaction]=\"transaction\">\n            </co-transaction-lines-side-panel>\n          </div>\n\n        </div>\n        <div class=\"activity-list-component-wrapper\">\n          <div class=\"activity-task-creator-wrapper\">\n            <co-component-activity-list #openActivities [showActivityHeader]=\"showActivityHeader\" [table]=\"TableName.Transactions\" [key]=\"transactionInfo.id.toString()\" (refreshRequested)=\"finishedActivitiesRefreshRequested()\">\n            </co-component-activity-list>\n            <co-task-creator [table]=\"TableName.Transactions\" [remarkAndWorkKey]=\"transactionInfo.id.toString()\" [taskKey]=\"transactionInfo.transactionNr.toString()\"\n                             [author]=\"transactionService.loggedInUser\" [branchNo]=\"transactionInfo.branch.relationNr.toString()\"\n                             [workflowCategoryType]=\"WorkflowCategoryType.ServiceOrder\"\n                             (activityCreated)=\"fullActivitiesRefreshRequested()\"></co-task-creator>\n          </div>\n          <div class=\"activity-list-conv-wrapper\">\n            <label class=\"label history-label\" [textContent]=\"'HISTORIC_ACTIVITY_CHAT'| localize\"></label>\n            <co-activity-list [activities]=\"activities\"></co-activity-list>\n          </div>\n        </div>\n      </div>\n    </div>\n\n  ",
+                    template: "\n    <div class=\"service-overview-wrapper\">\n      <div class=\"message-and-task-wrapper\">\n        <div class=\"service-message-and-image-wrapper\">\n          <div class=\"service-message-wrapper\">\n            <label class=\"label service-label\" [textContent]=\"'SERVICE_REPORT'| localize\"></label>\n            <span *ngIf=\"transactionServiceInfo && transactionServiceInfo.wizardQuestionsAndAnswers\"\n                               [textContent]=\"transactionServiceInfo.wizardQuestionsAndAnswers\"></span>\n            <co-transaction-service-message  class=\"transaction-service-message\" [transaction]=\"transaction\">\n            </co-transaction-service-message>\n          </div>\n          <co-files-upload (documentChangeEvent)=\"upsertDocument($event)\"\n                           (documentDeleted)=\"deleteDocument($event)\"\n                           [label]=\"'ADD_IMAGES' | localize\"\n                           [documents]=\"documents\"\n                           [isEditable]=\"false\">\n          </co-files-upload>\n          <div class=\"service-order-lines-wrapper\">\n            <div class=\"service-message-extra-wrapper\">\n              <co-list-of-values [label]=\"'PRIORITY'| localize\" displayField=\"description\" [model]=\"priorityModel\"\n                                 [collection]=\"priorityDomainColl\"\n                                 (modelChange)=\"setPriority($event)\"></co-list-of-values>\n              <co-list-of-values [label]=\"'CAUSE_CODE' | localize\" displayField=\"description\" [model]=\"causeCodeModel\"\n                                 [collection]=\"causeCodeColl\"\n                                 (modelChange)=\"setCauseCode($event)\"></co-list-of-values>\n              <co-list-of-values [label]=\"'ENTRY_TYPE' | localize\" displayField=\"description\" [model]=\"entryTypeModel\"\n                                 [collection]=\"entryTypeColl\"\n                                 (modelChange)=\"setEntryType($event)\"></co-list-of-values>\n            </div>\n            <co-transaction-lines-side-panel\n              class=\"higher-max-width\"\n              [posOrderData]=\"posOrderData\"\n              [transaction]=\"transaction\">\n            </co-transaction-lines-side-panel>\n          </div>\n\n        </div>\n        <div class=\"activity-list-component-wrapper\">\n          <div class=\"activity-task-creator-wrapper\">\n            <co-component-activity-list #openActivities [showActivityHeader]=\"showActivityHeader\" [table]=\"TableName.Transactions\" [key]=\"transactionInfo.id.toString()\" (refreshRequested)=\"finishedActivitiesRefreshRequested()\">\n            </co-component-activity-list>\n            <co-task-creator [table]=\"TableName.Transactions\" [remarkAndWorkKey]=\"transactionInfo.id.toString()\" [taskKey]=\"transactionInfo.transactionNr.toString()\"\n                             [author]=\"transactionService.loggedInUser\" [branchNo]=\"transactionInfo.branch.relationNr.toString()\"\n                             [workflowCategoryType]=\"WorkflowCategoryType.ServiceOrder\"\n                             (activityCreated)=\"fullActivitiesRefreshRequested()\"></co-task-creator>\n          </div>\n          <div class=\"activity-list-conv-wrapper\">\n            <label class=\"label history-label\" [textContent]=\"'HISTORIC_ACTIVITY_CHAT'| localize\"></label>\n            <co-activity-list [activities]=\"activities\"></co-activity-list>\n          </div>\n        </div>\n      </div>\n    </div>\n\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -51973,7 +52237,7 @@
     TransactionServiceMessageComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-service-message",
-                    template: "\n    <co-input-textarea #input\n                   [model]=\"transactionServiceInfo.reportMessage\"\n\n                   [readonly]=\"readonly\"\n                   [showSaveCancel]=\"true\"\n    ></co-input-textarea>\n  ",
+                    template: "\n    <co-input-textarea #input\n                   [model]=\"transactionServiceInfo.reportMessage\"\n                   [readonly]=\"readonly\"\n                   [showSaveCancel]=\"true\"\n    ></co-input-textarea>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -53320,6 +53584,7 @@
             this.showButtonBar = true;
             this.showSaveCancelLabels = false;
             this.saveCancelMovable = false;
+            this.transactionPlanning = false;
             this.screenConfigLoaded = false;
         }
         Object.defineProperty(TransactionComponent.prototype, "confirmationAnalysisId", {
@@ -53417,7 +53682,7 @@
     TransactionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction',
-                    template: "\n        <co-save-cancel-buttons *ngIf=\"service.manualSaveParam\"\n                                [saveIconData]=\"saveIconData\"\n                                [cancelIconData]=\"cancelIconData\"\n                                [showLabels]=\"showSaveCancelLabels\"\n                                [movable]=\"saveCancelMovable\"\n        ></co-save-cancel-buttons>\n        <co-transaction-internal *ngIf=\"screenConfigLoaded\"\n                                 [(relation)]=\"relation\"\n                                 [showHeader]=\"showHeader\"\n                                 [showQuickAccess]=\"showQuickAccess\"\n                                 [showButtonBar]=\"showButtonBar\"\n                                 [showViewModeButtons]=\"showViewModeButtons\"\n                                 [confirmationAnalysisId]=\"confirmationAnalysisId\"\n                                 [posOrderData]=\"posOrderData\"\n        ></co-transaction-internal>\n    ",
+                    template: "\n        <co-save-cancel-buttons *ngIf=\"service.manualSaveParam\"\n                                [saveIconData]=\"saveIconData\"\n                                [cancelIconData]=\"cancelIconData\"\n                                [showLabels]=\"showSaveCancelLabels\"\n                                [movable]=\"saveCancelMovable\"\n        ></co-save-cancel-buttons>\n        <co-transaction-internal *ngIf=\"screenConfigLoaded\"\n                                 [(relation)]=\"relation\"\n                                 [showHeader]=\"showHeader\"\n                                 [showQuickAccess]=\"showQuickAccess\"\n                                 [showButtonBar]=\"showButtonBar\"\n                                 [showViewModeButtons]=\"showViewModeButtons\"\n                                 [confirmationAnalysisId]=\"confirmationAnalysisId\"\n                                 [posOrderData]=\"posOrderData\"\n                                 [transactionPlanning]=\"transactionPlanning\"\n        ></co-transaction-internal>\n    ",
                     providers: [
                         { provide: corecomponents_v12.BaseModuleScreenConfigService, useExisting: TransactionScreenConfigurationService }
                     ],
@@ -53447,6 +53712,7 @@
         cancelIconData: [{ type: i0.Input }],
         showSaveCancelLabels: [{ type: i0.Input }],
         saveCancelMovable: [{ type: i0.Input }],
+        transactionPlanning: [{ type: i0.Input }],
         showClass: [{ type: i0.HostBinding, args: ['class.co-transaction',] }],
         checkTransaction: [{ type: i0.HostListener, args: ['window:beforeunload',] }],
         checkRollBack: [{ type: i0.HostListener, args: ['window:unload',] }]