@colijnit/transaction 255.1.37 → 255.1.39

package/fesm2015/colijnit-transaction.js

@@ -268,8 +268,8 @@ class Version {
     constructor() {
         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";
     }
 }
 
@@ -468,6 +468,7 @@ var Icon;
     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";
@@ -485,6 +486,7 @@ var Icon;
     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";
@@ -515,6 +517,8 @@ var Icon;
     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";
@@ -547,12 +551,15 @@ var Icon;
     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";
@@ -580,6 +587,7 @@ var Icon;
     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";
@@ -615,6 +623,7 @@ const IconSvg = {
     "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>",
@@ -632,6 +641,7 @@ const IconSvg = {
     "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>",
@@ -662,6 +672,8 @@ const IconSvg = {
     "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>",
@@ -694,12 +706,15 @@ const IconSvg = {
     "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>",
@@ -727,6 +742,7 @@ const IconSvg = {
     "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>",
@@ -23512,6 +23528,7 @@ class DeliveryPlanningService {
         this.viewMode = DeliveryPlanningViewModes.Fullscreen;
         this.currentPlanningMode = DeliveryPlanningModes.Transaction;
         this.currentStartDate = new Date();
+        this.availabilityCheckEvent = new Subject();
     }
     get dragging() {
         return this._dragging;
@@ -23538,6 +23555,9 @@ class DeliveryPlanningService {
         return this._tilesQueryList;
     }
     set dragging(value) {
+        if (!this._dragging && value) {
+            this.availabilityCheckEvent.next(this.currentTransId);
+        }
         this._dragging = value;
     }
     set planTransportWeek(value) {
@@ -23619,6 +23639,18 @@ class DeliveryPlanningService {
             return weekArrays;
         });
     }
+    totalAssemblyTime(planOrder) {
+        var _a;
+        if (planOrder) {
+            let total = 0;
+            (_a = planOrder === null || planOrder === void 0 ? void 0 : planOrder.lines) === null || _a === void 0 ? void 0 : _a.forEach((line) => {
+                if (line.minutes > 0) {
+                    total += line.minutes;
+                }
+            });
+            return total;
+        }
+    }
 }
 DeliveryPlanningService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DeliveryPlanningService_Factory() { return new DeliveryPlanningService(i0.ɵɵinject(TransactionConnectorService)); }, token: DeliveryPlanningService, providedIn: "root" });
 DeliveryPlanningService.decorators = [
@@ -23696,6 +23728,7 @@ class TransactionPlanningLineComponent extends TransactionBaseComponent {
         }
     }
     dragStarted(ev) {
+        this._deliveryPlanningService.currentTransId = this.transaction.transactionInfo.id;
         ev.dataTransfer.setData("text", "lines");
     }
     lineNotPlanned(line) {
@@ -24077,10 +24110,14 @@ class TransactionLinesSidePanelServiceOrderComponent extends TransactionBaseComp
         this.transactionService = transactionService;
         this.changeDetector = changeDetector;
         this.Icon = Icon;
+        this.showDetails = false;
     }
     showClass() {
         return true;
     }
+    showDetailsClick() {
+        this.showDetails = !this.showDetails;
+    }
     ngOnInit() {
         const _super = Object.create(null, {
             ngOnInit: { get: () => super.ngOnInit }
@@ -24097,10 +24134,10 @@ TransactionLinesSidePanelServiceOrderComponent.decorators = [
                 template: `
     <div class="full-details-wrapper">
       <div class="details-wrapper">
-        <div class="details-label-wrapper">
+        <div class="details-label-wrapper clickable" (click)="showDetailsClick()">
           <label class="detail-label" [textContent]="'ARTICLE_DETAILS' | localize"
           ></label>
-          <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
+          <co-icon [class.active]="showDetails" [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
         </div>
         <div class="details-display articles">
           <div class="article-description">
@@ -24124,74 +24161,82 @@ TransactionLinesSidePanelServiceOrderComponent.decorators = [
           <co-image-display class="image-display" [model]="image"></co-image-display>
         </div>
       </div>
-      <!-- Temp test Ruben 23/8 -->
-      <!--div class="details-wrapper">
-        <div class="details-label-wrapper">
-          <label class="detail-label" [textContent]="'SALESORDER_DETAIL' | localize"
-          ></label>
-          <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
-        </div>
-        <div class="details-display">
-          <div class="detail">
-            <label class="label" [textContent]="'ORDERNUMBER'| localize"></label>
-            <span class="value" [textContent]="transactionServiceInfo.sourceTransactionNr"></span>
-          </div>
-          <div class="vertical-line"></div>
-          <div class="detail">
-            <label class="label" [textContent]="'ORDER_DATE'| localize"></label>
-            <span class="value" [textContent]="transactionServiceInfo.sourceTransactionDate | date : 'd-MM-yyyy'"></span>
-          </div>
-          <div class="vertical-line"></div>
-          <div class="detail">
-            <label class="label" [textContent]="'DELIVERY_DATE'| localize"></label>
-            <span class="value" [textContent]="transactionServiceInfo.sourceDeliveryDate | date : 'd-MM-yyyy'"></span>
+      <div class="show-details-wrapper"
+           *ngIf="showDetails"
+           [@slideToggle]="showDetails ? 'open' : 'closed'">
+        <div class="details-wrapper">
+          <div class="details-label-wrapper">
+            <label class="detail-label" [textContent]="'SALESORDER_DETAIL' | localize"
+            ></label>
           </div>
-          <div class="vertical-line"></div>
-          <div class="detail">
-            <label class="label" [textContent]="'REFERENCE'| localize"></label>
-            <span class="value" [textContent]="transactionServiceInfo.priority"></span>
-          </div>
-        </div>
-      </div>
-      <div class="details-wrapper">
-        <div class="details-label-wrapper">
-          <label class="detail-label" [textContent]="'PURCHASEORDER_DETAIL' | localize"
-          ></label>
-          <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
-        </div>
-        <div class="details-display supplier">
-          <div class="top-details">
+          <div class="details-display">
             <div class="detail">
               <label class="label" [textContent]="'ORDERNUMBER'| localize"></label>
-              <span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionNr"></span>
+              <span class="value" [textContent]="transactionServiceInfo.sourceTransactionNr"></span>
             </div>
             <div class="vertical-line"></div>
             <div class="detail">
               <label class="label" [textContent]="'ORDER_DATE'| localize"></label>
-              <span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionDate | date : 'd-MM-yyyy'"></span>
+              <span class="value" [textContent]="transactionServiceInfo.sourceTransactionDate | date : 'd-MM-yyyy'"></span>
             </div>
             <div class="vertical-line"></div>
             <div class="detail">
-              <label class="label" [textContent]="'RECEIVED'| localize"></label>
-              <span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionReceiptDate | date : 'd-MM-yyyy'"></span>
+              <label class="label" [textContent]="'DELIVERY_DATE'| localize"></label>
+              <span class="value" [textContent]="transactionServiceInfo.sourceDeliveryDate | date : 'd-MM-yyyy'"></span>
             </div>
             <div class="vertical-line"></div>
             <div class="detail">
               <label class="label" [textContent]="'REFERENCE'| localize"></label>
-              <span class="value" [textContent]="transactionServiceInfo.sourceRefSupplier"></span>
+              <span class="value" [textContent]="transactionServiceInfo.priority"></span>
             </div>
           </div>
+        </div>
+        <div class="details-wrapper">
+          <div class="details-label-wrapper">
+            <label class="detail-label" [textContent]="'PURCHASEORDER_DETAIL' | localize"
+            ></label>
+          </div>
+          <div class="details-display supplier">
+            <div class="top-details">
+              <div class="detail">
+                <label class="label" [textContent]="'ORDERNUMBER'| localize"></label>
+                <span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionNr"></span>
+              </div>
+              <div class="vertical-line"></div>
+              <div class="detail">
+                <label class="label" [textContent]="'ORDER_DATE'| localize"></label>
+                <span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionDate | date : 'd-MM-yyyy'"></span>
+              </div>
+              <div class="vertical-line"></div>
+              <div class="detail">
+                <label class="label" [textContent]="'RECEIVED'| localize"></label>
+                <span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionReceiptDate | date : 'd-MM-yyyy'"></span>
+              </div>
+              <div class="vertical-line"></div>
+              <div class="detail">
+                <label class="label" [textContent]="'REFERENCE'| localize"></label>
+                <span class="value" [textContent]="transactionServiceInfo.sourceRefSupplier"></span>
+              </div>
+            </div>
             <div class="bottom-details">
               <div class="detail supplier">
                 <label class="label" [textContent]="'SUPPLIER'| localize"></label>
                 <span class="value" [textContent]="transactionServiceInfo.sourceSupplierName"></span>
               </div>
             </div>
+          </div>
         </div>
-      </div-->
+      </div>
     </div>
   `,
-                encapsulation: ViewEncapsulation.None
+                encapsulation: ViewEncapsulation.None,
+                animations: [
+                    trigger('slideToggle', [
+                        state('void', style({ height: '0px', overflow: 'hidden' })),
+                        state('*', style({ height: '*', overflow: 'hidden' })),
+                        transition('void <=> *', animate('300ms ease-in-out')),
+                    ])
+                ]
             },] }
 ];
 TransactionLinesSidePanelServiceOrderComponent.ctorParameters = () => [
@@ -24249,8 +24294,17 @@ TransactionCashDeskFilterComponent.propDecorators = {
 };
 
 class TransactionCardPlanningComponent extends TransactionBaseComponent {
-    constructor() {
-        super(...arguments);
+    constructor(_deliveryPlanningService, transactionEventService, iconCacheService, screenConfigService, orderLineSetService, imageService, dictionaryService, transactionService, changeDetector) {
+        super(transactionEventService, iconCacheService, screenConfigService, imageService, dictionaryService, transactionService, changeDetector);
+        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,
@@ -24278,6 +24332,7 @@ class TransactionCardPlanningComponent extends TransactionBaseComponent {
         this.transactionEventService.openSidePanel.next(line);
     }
     dragStarted(ev) {
+        this._deliveryPlanningService.currentTransId = this.transaction.transactionInfo.id;
         ev.dataTransfer.setData("text", "lines");
     }
 }
@@ -24351,6 +24406,17 @@ TransactionCardPlanningComponent.decorators = [
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
+TransactionCardPlanningComponent.ctorParameters = () => [
+    { type: DeliveryPlanningService },
+    { type: TransactionEventService },
+    { type: IconCacheService },
+    { type: TransactionScreenConfigurationService },
+    { type: OrderLineSetService },
+    { type: TransactionImageService },
+    { type: DictionaryService },
+    { type: TransactionService },
+    { type: ChangeDetectorRef }
+];
 TransactionCardPlanningComponent.propDecorators = {
     transactionLineActionButtons: [{ type: ViewChild, args: [TransactionLineActionButtonsComponent,] }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-card-sales-overview",] }]
@@ -38465,6 +38531,7 @@ class TransactionInternalComponent {
         this.relation = new CustomerFullObject();
         this.showHeader = true;
         this.showViewModeButtons = true;
+        this.transactionPlanning = false;
         this.relationChange = new EventEmitter();
         this.showQuickAccess = true;
         this.showButtonBar = true;
@@ -38836,14 +38903,15 @@ TransactionInternalComponent.decorators = [
           <div *ngIf="activeCategory === category.ServiceOrderService">
             <co-transaction-service-overview [posOrderData]="posOrderData" [transaction]="transaction"></co-transaction-service-overview>
           </div>
-          <div class="transaction-tiles-wrapper" *ngIf="activeViewMode === viewModes.Tiles || shouldShowTiles()">
+          <div class="transaction-tiles-wrapper" *ngIf="activeViewMode === viewModes.Tiles || shouldShowTiles() || transactionPlanning">
             <co-transaction-cards
               [transaction]="transaction"
-              [activeCategory]="activeCategory">
+              [activeCategory]="activeCategory"
+              [class.planning-cards]="transactionPlanning">
             </co-transaction-cards>
           </div>
           <div class="transaction-lines-wrapper"
-               *ngIf="(activeViewMode === viewModes.List && !shouldShowTiles()) && activeCategory !== category.ServiceOrderService">
+               *ngIf="(activeViewMode === viewModes.List && !shouldShowTiles()) && activeCategory !== category.ServiceOrderService && !transactionPlanning">
             <co-transaction-lines
               [transaction]="transaction"
               [activeCategory]="activeCategory"
@@ -38977,6 +39045,7 @@ TransactionInternalComponent.propDecorators = {
     transaction: [{ type: Input }],
     showHeader: [{ type: Input }],
     showViewModeButtons: [{ type: Input }],
+    transactionPlanning: [{ type: Input }],
     relationChange: [{ type: Output }],
     showQuickAccess: [{ type: HostBinding, args: ['class.show-quick-access',] }, { type: Input }],
     showButtonBar: [{ type: HostBinding, args: ['class.show-button-bar',] }, { type: Input }],
@@ -39248,7 +39317,7 @@ TransactionHeaderOrderComponent.decorators = [
         <div class="transaction-header-block-row" (click)="showDialog = true" [screenConfigurationObject]="cfgNames.HeaderOrderDiscountHeader" screenConfigNativeElement>
           <div class="transaction-header-discount-button">
             <div class="header-discount" (click)="openDiscount($event)">
-              <co-icon class="header-discount-icon" [iconData]="iconCacheService.getIcon(icons.RegularEuroSignMinus)"></co-icon>
+              <co-icon class="header-discount-icon" [iconData]="iconCacheService.getIcon(icons.LightEuroSignMinus)"></co-icon>
             </div>
           </div>
         </div>
@@ -39495,7 +39564,7 @@ TransactionHeaderPaymentComponent.decorators = [
           <span class="payment-paid" [class.success]="paid >= toPay" [textContent]="(paid | coCurrency) || 0"></span>
         </div>
         <div class="header-payment-button-wrapper" (click)="openPayment($event)" [screenConfigurationObject]="cfgNames.HeaderPaymentPaymentHeader" screenConfigNativeElement>
-            <co-icon class="header-order-icon" [iconData]="iconCacheService.getIcon(icons.CreditCardRegularCheck)">
+            <co-icon class="header-order-icon" [iconData]="iconCacheService.getIcon(icons.LightCreditCardCheck)">
             </co-icon>
 
           <!--co-transaction-header-payment-button *ngIf="transactionInfo.transactionKind !== transKind.PurchaseOrder"
@@ -40761,7 +40830,7 @@ TransactionLineSidePanelPlanningComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-side-panel-planning",
                 template: `
-    <div class="wrapper">
+    <div class="wrapper line-side-planning">
       <co-delivery-planning [currentPlanningViewMode]="deliveryPlanningViewModes.Sidebar"  [calendarViewMode]="calendarViewModes.DaysAround" [currentPlanningMode]="deliveryPlanningModes.Transaction"></co-delivery-planning>
     </div>
   `,
@@ -42731,6 +42800,7 @@ class DeliveryPlanningOverviewTileComponent {
         this.getTransportOrdersEvent = new EventEmitter();
         this.updatePlanningTransportWeek = new EventEmitter();
         this.openSettingsDialogEvent = new EventEmitter();
+        this.calendarPlanEvent = new EventEmitter();
     }
     get tileMode() {
         return this._deliveryPlanningService.currentTileMode;
@@ -42750,6 +42820,10 @@ class DeliveryPlanningOverviewTileComponent {
     drop(event) {
         // moveItemInArray(this.planningLines, event.previousIndex, event.currentIndex);
     }
+    handleDrop(event) {
+        event.preventDefault();
+        event.stopPropagation();
+    }
     formattedDate(date) {
         return `${this._datePipe.transform(date, 'H:mm', "GMT+1")}`;
     }
@@ -42780,6 +42854,9 @@ class DeliveryPlanningOverviewTileComponent {
         order.endTime = new Date(obj['endTime']);
         this.updatePlanningTransportWeek.emit();
     }
+    handleCalendarPlanEvent(data) {
+        this.calendarPlanEvent.emit(data);
+    }
 }
 DeliveryPlanningOverviewTileComponent.decorators = [
     { type: Component, args: [{
@@ -42856,7 +42933,8 @@ DeliveryPlanningOverviewTileComponent.decorators = [
                                 [customTemplateUsed]="true"
                                 [idProp]="'transId'"
                                 (timeChangeEvent)="handleTimeChangeEvent($event)"
-
+                                (drop)="handleDrop($event)"
+                                (newObjectPlanEvent)="handleCalendarPlanEvent($event)"
             ></co-hour-scheduling>
           </div>
         </co-collapsible>
@@ -42880,6 +42958,7 @@ DeliveryPlanningOverviewTileComponent.propDecorators = {
     getTransportOrdersEvent: [{ type: Output }],
     updatePlanningTransportWeek: [{ type: Output }],
     openSettingsDialogEvent: [{ type: Output }],
+    calendarPlanEvent: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-delivery-planning-overview-tile",] }]
 };
 
@@ -42894,6 +42973,7 @@ class DeliveryPlanningOverviewComponent {
         this.icons = Icon;
         this.tileModes = DeliveryPlanningTileModes;
         this.deliveryPlanningViewModes = DeliveryPlanningViewModes;
+        this.availability = [];
         this.columnNum = 3; //initial count
         this.planOrders = [];
         this.currentMode = DeliveryPlanningCalendarModes.Week;
@@ -42908,7 +42988,6 @@ class DeliveryPlanningOverviewComponent {
         this.showSettingsDialog = false;
     }
     set tiles(tiles) {
-        this._deliveryPlanningService;
         this.tilesQueryList = tiles;
     }
     ;
@@ -42944,6 +43023,8 @@ class DeliveryPlanningOverviewComponent {
     dropped(ev, week, transportDay, transportDays) {
         return __awaiter(this, void 0, void 0, function* () {
             ev.preventDefault();
+            ev.stopPropagation();
+            this._deliveryPlanningService.dragging = false;
             const data = ev.dataTransfer.getData("text");
             let index = transportDays.indexOf(transportDay);
             let tile = this.tilesQueryList.get(index);
@@ -42954,15 +43035,7 @@ class DeliveryPlanningOverviewComponent {
                 yield this._transaction.getTransactionById(parseInt(data));
                 const planOrder = yield this._transactionCon.getPlanOrder(parseInt(data));
                 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);
                 }
             }
             else {
@@ -43051,10 +43124,6 @@ class DeliveryPlanningOverviewComponent {
             request.planningId = this._deliveryPlanningService.currentPlanning.planningId;
             request.date = transportDay.date;
             request.transportId = transportDay.transport.transportId;
-            order.startTime = transportDay.transport.startTime;
-            let endDate = new Date(transportDay.transport.startTime);
-            this.addHours(endDate, 1);
-            order.endTime = endDate;
             transportDay.plannedOrders = yield this._transactionCon.getTransportOrders(request);
             transportDay.ordersLoaded = true;
         });
@@ -43103,8 +43172,10 @@ class DeliveryPlanningOverviewComponent {
                         }
                     }
                 });
-                if (transportDay.plannedOrders.find(order => order.transId === planOrder.transId).lines.length > originalPlannedLineCount) {
-                    this.updatePlanningTransportEvent.emit(week);
+                let correctOrder = transportDay.plannedOrders.find(order => order.transactionNr === planOrder.transactionNr);
+                transportDay.plannedOrders.splice(transportDay.plannedOrders.indexOf(correctOrder), 1);
+                if (correctOrder.lines.length > originalPlannedLineCount) {
+                    this.openPlanningPopup(correctOrder, transportDay, week);
                 }
             }
             else {
@@ -43138,6 +43209,69 @@ class DeliveryPlanningOverviewComponent {
             this.showSettingsDialog = true;
         }
     }
+    handleCalendarPlanEvent(data, transportWeekDay, week) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            let planOrder;
+            if (data.data === "false" && this._deliveryPlanningService.currentTransId) {
+                planOrder = yield this._transactionCon.getPlanOrder((_a = this._deliveryPlanningService) === null || _a === void 0 ? void 0 : _a.currentTransId);
+            }
+            else {
+                planOrder = yield this._transactionCon.getPlanOrder(parseInt(data.data));
+            }
+            if (planOrder && data.currentHour) {
+                planOrder.startTime = this.calculateStartTime(transportWeekDay, data.currentHour);
+                planOrder.endTime = this.calculateEndTime(planOrder.startTime, data.currentHour, planOrder);
+                yield this.getTransportOrders(planOrder, transportWeekDay);
+                yield this.getSequenceOrderValue(planOrder);
+                yield this.getOrderLinesPlanned(planOrder);
+                yield this.planOrderLines(planOrder, transportWeekDay, week);
+                this._deliveryPlanningService.currentTransId = undefined;
+            }
+        });
+    }
+    calculateStartTime(transportWeekDay, currentHour) {
+        let startDate = new Date(transportWeekDay.date);
+        let 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;
+    }
+    calculateEndTime(startDate, currentHour, planOrder) {
+        let endTime = new Date(startDate);
+        let splitHour = currentHour.split(":");
+        const newEndMinutes = splitHour[1] === "00" ? 30 : 0;
+        const newEndHour = splitHour[1] === "30" ? (parseInt(splitHour[0]) + 1) : parseInt(splitHour[0]);
+        endTime.setHours(newEndHour);
+        endTime.setMinutes(newEndMinutes);
+        let assemblyTime = this._deliveryPlanningService.totalAssemblyTime(planOrder) * 60 * 1000;
+        endTime.setTime(endTime.getTime() + assemblyTime);
+        return endTime;
+    }
+    openPlanningPopup(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;
+        }
+    }
+    handleAvailabilityChecked(value) {
+        this.availability.push(value);
+    }
+    checkAvailable(transportDay) {
+        let transport = this.availability.find(transportObject => transportObject.transportDay === transportDay);
+        if (transport && !transport.available) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
 }
 DeliveryPlanningOverviewComponent.decorators = [
     { type: Component, args: [{
@@ -43145,22 +43279,21 @@ DeliveryPlanningOverviewComponent.decorators = [
                 template: `
     <co-delivery-planning-overview-popup #planningPopup *ngIf="showNoteDialog" (closeEvent)="showNoteDialog = false"
                                          (onSucceededPlanAction)="handlePopupPlanEvent($event)"></co-delivery-planning-overview-popup>
-    <co-delivery-planning-overview-tile-settings-popup *ngIf="showSettingsDialog" [transportDay]="selectedTransportDay" (onSaveAction)="handleSettingsSave($event)" (closeEvent)="showSettingsDialog = false"></co-delivery-planning-overview-tile-settings-popup>
+    <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>
     <div class="delivery-overview-wrapper" [class.sidebar]="currentViewMode === 'DAYS_AROUND'">
+      <div class="tile-view-modes row">
+        <co-icon (click)="currentTileMode = tileModes.Normal" [class.active]="currentTileMode === tileModes.Normal" [iconData]="iconCacheService.getIcon(icons.CalendarLinesRegular)"></co-icon>
+        <co-icon (click)="currentTileMode = tileModes.Calendar" [class.active]="currentTileMode === tileModes.Calendar" [iconData]="iconCacheService.getIcon(icons.CalendarDayRegular)"></co-icon>
+      </div>
       <div class="planning-component-wrapper">
         <co-date-planning [view]="currentViewMode" [selectedDate]="date"
                           (rangeChange)="handleDateRangeChange($event)"></co-date-planning>
       </div>
-
-      <div class="tile-view-modes row">
-        <co-icon (click)="currentTileMode = tileModes.Normal" [class.active]="currentTileMode === tileModes.Normal" [iconData]="iconCacheService.getIcon(icons.ObjectIntersectSolid)"></co-icon>
-        <co-icon (click)="currentTileMode = tileModes.Calendar" [class.active]="currentTileMode === tileModes.Calendar" [iconData]="iconCacheService.getIcon(icons.CalendarDayRegular)"></co-icon>
-      </div>
       <div class="row date-planning" #rowContainer *ngFor="let transportWeekRow of planTransportWeek">
         <div class="column" #columnElem
              *ngFor="let transPortDay of filterWeekArray(weekArray(transportWeekRow)); index as i">
           <co-delivery-planning-overview-tile
-            [class.disabled]="!transPortDay.availableOnDate || transPortDay.maxMinutes === 0"
+            [class.disabled]="!transPortDay.availableOnDate || transPortDay.maxMinutes === 0 || checkAvailable(transPortDay)"
             [disabled]="!transPortDay.availableOnDate || transPortDay.maxMinutes === 0"
             (dragover)="allowDrop($event, transPortDay)"
             (drop)="dropped($event, transportWeekRow, transPortDay, filterWeekArray(weekArray(transportWeekRow)))"
@@ -43170,6 +43303,7 @@ DeliveryPlanningOverviewComponent.decorators = [
             (deleteLineEvent)="handleDeleteOrder($event, transportWeekRow)"
             (updatePlanningTransportWeek)="updatePlanningTransportEvent.emit(transportWeekRow)"
             (openSettingsDialogEvent)="openSettingsDialog($event)"
+            (calendarPlanEvent)="handleCalendarPlanEvent($event, transPortDay, transportWeekRow)"
           ></co-delivery-planning-overview-tile>
 
         </div>
@@ -43210,7 +43344,9 @@ class DeliveryPlanningOverviewTileLineComponent {
         this.icons = Icon;
         this.expanded = false;
         this.linesActive = false;
+        this.orderLines = false;
         this.order = new PlanOrder();
+        this.isActive = false;
         this.deleteLineEvent = new EventEmitter();
     }
     showClass() {
@@ -43221,6 +43357,11 @@ class DeliveryPlanningOverviewTileLineComponent {
     }
     setLinesActive() {
         this.linesActive = !this.linesActive;
+        this.orderLines = false;
+    }
+    showOrderLines(event) {
+        event.stopPropagation(); // Stop the event from propagating to parent elements
+        this.orderLines = !this.orderLines;
     }
     getPlannedLines(lines) {
         return lines.filter(line => line.planned === true);
@@ -43230,37 +43371,39 @@ DeliveryPlanningOverviewTileLineComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-delivery-planning-overview-tile-line",
                 template: `
-      <div class="planning-line-wrapper" [class.active-lines]="linesActive">
+      <div class="planning-line-wrapper" (click)="setLinesActive()" [class.active-lines]="linesActive">
         <div class="planning-line-content">
           <div class="planning-line-left">
-            <div class="planning-line-extend">
-              <co-icon *ngIf="!linesActive" (click)="setLinesActive()" [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
-              <co-icon *ngIf="linesActive" (click)="setLinesActive()" [iconData]="iconCacheService.getIcon(icons.ChevronUpRegular)"></co-icon>
+            <div class="planning-line-extend" *ngIf="linesActive || orderLines">
+              <co-icon *ngIf="!orderLines" (click)="showOrderLines($event)" [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
+              <co-icon *ngIf="orderLines" (click)="showOrderLines($event)" [iconData]="iconCacheService.getIcon(icons.ChevronUpRegular)"></co-icon>
             </div>
             <div class="line-content-left">
-              <div class="planning-address">
-                <span [textContent]="order.shortAddress"></span>
-              </div>
               <div class="planning-relation">
                 <span [textContent]="order.relationName"></span>
               </div>
+              <div class="planning-address" *ngIf="linesActive">
+                <span [textContent]="order.shortAddress"></span>
+              </div>
             </div>
           </div>
           <div class="planning-line-right">
             <div class="line-content-right">
               <div class="planning-order">
+                <co-icon (click)="setLinesActive()" [iconData]="iconCacheService.getIcon(icons.CartShoppingRegular)"></co-icon>
                 <span [textContent]="order.transactionNr"></span>
               </div>
-              <div class="planning-time">
+              <div class="planning-time" *ngIf="linesActive">
                 <span [textContent]="(order.startTime | date: 'HH:mm') + ' - ' + (order.endTime | date: 'HH:mm')"></span>
               </div>
             </div>
             <div class="planning-line-actions">
-              <co-icon (click)="handleDeleteLineClick(order)" [iconData]="iconCacheService.getIcon(icons.TrashBin)"></co-icon>
+              <co-icon *ngIf="linesActive" (click)="handleDeleteLineClick(order)" [iconData]="iconCacheService.getIcon(icons.TrashCanRegular)"></co-icon>
+              <co-icon *ngIf="!linesActive" [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
             </div>
           </div>
         </div>
-        <div class="order-line-list-wrapper" *ngIf="linesActive">
+        <div class="order-line-list-wrapper" *ngIf="orderLines">
           <div class="order-lines" *ngFor="let line of getPlannedLines(order?.lines)">
             <span [textContent]="line.articleNumber"></span>
             <span [textContent]="line.description"></span>
@@ -43276,6 +43419,7 @@ DeliveryPlanningOverviewTileLineComponent.ctorParameters = () => [
 ];
 DeliveryPlanningOverviewTileLineComponent.propDecorators = {
     order: [{ type: Input }],
+    isActive: [{ type: Input }],
     deleteLineEvent: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-delivery-planning-overview-tile-line",] }]
 };
@@ -43467,15 +43611,24 @@ DeliveryPlanningOverviewTileModule.decorators = [
 ];
 
 class DeliveryPlanningOverviewPopupComponent {
-    constructor(iconCacheService, _transaction, _deliveryPlanningService) {
+    constructor(iconCacheService, _transaction, deliveryPlanningService) {
         this.iconCacheService = iconCacheService;
         this._transaction = _transaction;
-        this._deliveryPlanningService = _deliveryPlanningService;
+        this.deliveryPlanningService = deliveryPlanningService;
         this.icons = Icon;
         this.planOrder = new PlanOrder();
         this.closeEvent = new EventEmitter();
         this.onSucceededPlanAction = new EventEmitter();
     }
+    set transportDay(transportWeekDay) {
+        this.handleInitialTimePlanning(transportWeekDay);
+        this._transportWeekDay = transportWeekDay;
+    }
+    ;
+    get transportDay() {
+        return this._transportWeekDay;
+    }
+    ;
     showClass() {
         return true;
     }
@@ -43485,17 +43638,8 @@ class DeliveryPlanningOverviewPopupComponent {
         this.transportDay = undefined;
         this.transaction = undefined;
     }
-    totalAssemblyTime(planOrder) {
-        var _a;
-        if (planOrder) {
-            let total = 0;
-            (_a = planOrder === null || planOrder === void 0 ? void 0 : planOrder.lines) === null || _a === void 0 ? void 0 : _a.forEach((line) => {
-                if (line.minutes > 0) {
-                    total += line.minutes;
-                }
-            });
-            return total;
-        }
+    impactTime() {
+        return this.planOrder.impactTime ? this.planOrder.impactTime : 0;
     }
     closePopup() {
         this._transaction.resetCurrentTransaction();
@@ -43505,30 +43649,50 @@ class DeliveryPlanningOverviewPopupComponent {
         this.onSucceededPlanAction.emit([this.planOrder, this.transportDay, this.week]);
     }
     startTimeForOrder() {
-        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;
     }
     endTimeForOrder() {
-        if (this.planOrder.startTime) {
-            if (this.totalAssemblyTime(this.planOrder) === 0) {
-                return this._deliveryPlanningService.addHours(new Date(this.planOrder.startTime), 1);
-            }
-        }
+        return this.planOrder.endTime;
     }
-    handleStartTimeChange(date) {
-        if (date) {
+    handleStartTimeChange(timeString) {
+        let originalPlanOrderDate = new Date(this.planOrder.startTime);
+        let date = new Date(originalPlanOrderDate.getFullYear(), originalPlanOrderDate.getMonth(), originalPlanOrderDate.getDay(), parseInt(timeString[0]), 0);
+        if (!isNaN(date.getTime())) {
             this.planOrder.startTime = date;
         }
     }
-    handleEndTimeChange(date) {
-        if (date) {
+    handleEndTimeChange(timeString) {
+        let originalPlanOrderDate = new Date(this.planOrder.startTime);
+        let date = new Date(originalPlanOrderDate.getFullYear(), originalPlanOrderDate.getMonth(), originalPlanOrderDate.getDay(), parseInt(timeString[0]), 0);
+        if (!isNaN(date.getTime())) {
             this.planOrder.endTime = date;
         }
     }
+    handleInitialTimePlanning(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);
+        }
+    }
 }
 DeliveryPlanningOverviewPopupComponent.decorators = [
     { type: Component, args: [{
@@ -43558,15 +43722,15 @@ DeliveryPlanningOverviewPopupComponent.decorators = [
           <span class="h1" [textContent]="'TIME_SETTINGS' | localize"></span>
         </div>
         <div class="popup-row">
-          <co-input-text [model]="planOrder?.impactTime" [placeholder]="'IMPACT_TIME' | localize"></co-input-text>
-          <co-input-text [model]="totalAssemblyTime(planOrder)"
+          <co-input-text [model]="impactTime()" [placeholder]="'IMPACT_TIME' | localize"></co-input-text>
+          <co-input-text [model]="deliveryPlanningService.totalAssemblyTime(planOrder)"
                          [placeholder]="'ASSEMBLY_TIME' | localize"></co-input-text>
         </div>
 
         <div class="popup-row">
-          <co-input-text [model]="startTimeForOrder() | date: 'h:mm'"
+          <co-input-text [model]="startTimeForOrder() | date: 'HH:mm'"
                          [placeholder]="'STARTTIME' | localize" (modelChange)="handleStartTimeChange($event)"></co-input-text>
-          <co-input-text [model]="endTimeForOrder() | date: 'h:mm'"
+          <co-input-text [model]="endTimeForOrder() | date: 'HH:mm'"
                          [placeholder]="'STOPTIME' | localize" (modelChange)="handleEndTimeChange($event)"></co-input-text>
         </div>
 
@@ -43607,13 +43771,16 @@ DeliveryPlanningOverviewPopupComponent.propDecorators = {
 };
 
 class DeliveryPlanningOverviewTileSettingsPopupComponent {
-    constructor(_deliveryPlanningService, iconCacheService) {
+    constructor(_deliveryPlanningService, iconCacheService, _transaction) {
         this._deliveryPlanningService = _deliveryPlanningService;
         this.iconCacheService = iconCacheService;
+        this._transaction = _transaction;
         this.icons = Icon;
         this.settingsChanged = false;
+        this._subs = [];
         this.closeEvent = new EventEmitter();
         this.onSaveAction = new EventEmitter();
+        this.availabilityChecked = new EventEmitter();
     }
     get districts() {
         return this._deliveryPlanningService.districts;
@@ -43634,6 +43801,14 @@ class DeliveryPlanningOverviewTileSettingsPopupComponent {
         return true;
     }
     ngOnInit() {
+        this._subs.push(this._deliveryPlanningService.availabilityCheckEvent.subscribe((transId) => __awaiter(this, void 0, void 0, function* () {
+            yield this.handleAvailabilityChecked(transId);
+        })));
+    }
+    ngOnDestroy() {
+        this._subs.forEach(sub => {
+            sub.unsubscribe();
+        });
     }
     districtsForTransportDay(transportDay) {
         var _a;
@@ -43693,6 +43868,39 @@ class DeliveryPlanningOverviewTileSettingsPopupComponent {
     handleCommitClick() {
         this.onSaveAction.emit(this.settingsChanged);
     }
+    handleAvailabilityChecked(transId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let planOrder = yield this._transaction.getPlanOrder(transId);
+            if (!planOrder.partDelivery) {
+                this.deliveryMethods.find(method => parseInt(method.code) === planOrder.deliveryMethod) ? this.availabilityChecked.emit({ transportDay: this.transportDay, available: true }) : this.availabilityChecked.emit({ transportDay: this.transportDay, available: false });
+            }
+            else {
+                let available = true;
+                yield this.getOrderLinesPlanned(planOrder);
+                planOrder.lines.forEach((line) => {
+                    if (!this.deliveryMethods.find(method => method.code === line.deliveryMethod)) {
+                        available = false;
+                    }
+                });
+                this.availabilityChecked.emit({ transportDay: this.transportDay, available: available });
+            }
+        });
+    }
+    getOrderLinesPlanned(planOrder) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let request = new OrderLinesPlannedRequest();
+            let filterObj = new 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;
+            planOrder.lines.push(...yield this._transaction.getOrderLinesPlanned(request));
+        });
+    }
 }
 DeliveryPlanningOverviewTileSettingsPopupComponent.decorators = [
     { type: Component, args: [{
@@ -43803,12 +44011,14 @@ DeliveryPlanningOverviewTileSettingsPopupComponent.decorators = [
 ];
 DeliveryPlanningOverviewTileSettingsPopupComponent.ctorParameters = () => [
     { type: DeliveryPlanningService },
-    { type: IconCacheService }
+    { type: IconCacheService },
+    { type: TransactionConnectorService }
 ];
 DeliveryPlanningOverviewTileSettingsPopupComponent.propDecorators = {
     transportDay: [{ type: Input }],
     closeEvent: [{ type: Output }],
     onSaveAction: [{ type: Output }],
+    availabilityChecked: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-delivery-planning-overview-tile-settings-popup",] }]
 };
 
@@ -46245,6 +46455,7 @@ class TransactionSearchResultComponent {
     }
     dragStarted(ev, transaction) {
         this._deliveryPlanningService.dragging = true;
+        this._deliveryPlanningService.currentTransId = transaction.transId;
         ev.dataTransfer.setData("text", transaction.transId);
     }
     dragEnd(ev) {
@@ -50920,10 +51131,12 @@ TransactionLineSidePanelPickedModule.decorators = [
 ];
 
 class TransactionLineSidePanelSalesReservationComponent {
-    constructor(_purchaseReservationService, _transactionService, _transactionEventService) {
+    constructor(_purchaseReservationService, _transactionService, _transactionEventService, iconCacheService) {
         this._purchaseReservationService = _purchaseReservationService;
         this._transactionService = _transactionService;
         this._transactionEventService = _transactionEventService;
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
         this.reservationOrderLines = [];
     }
     showClass() {
@@ -50953,15 +51166,23 @@ TransactionLineSidePanelSalesReservationComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-side-panel-sales-reservation",
                 template: `
-      <div class="commit-button-wrapper">
-        <span [textContent]="'SAVE_RESERVATION' | localize" (click)="processReservation()"></span>
-        <span [textContent]="'CANCEL' | localize" (click)="handleCloseSidePanel()"></span>
-      </div>
-
       <div class="wrapper">
+        <div class="reservation-title">
+          <co-icon [iconData]="iconCacheService.getIcon(icons.PalletBoxesRotate)"></co-icon>
+          <span [textContent]="'RESERVATION_PURCHASEORDER' | localize "></span>
+        </div>
         <co-transaction-purchase-reservation-order-tile *ngFor="let line of reservationOrderLines"
                                                         [purchaseReservationPurchaseLine]="line"></co-transaction-purchase-reservation-order-tile>
       </div>
+      <div class="save-cancel-wrapper">
+        <co-button [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
+                   (click)="processReservation()"
+        ></co-button>
+        <co-button class="cancel-button"
+                   [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
+                   (click)="handleCloseSidePanel()"
+        ></co-button>
+      </div>
     `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -50969,7 +51190,8 @@ TransactionLineSidePanelSalesReservationComponent.decorators = [
 TransactionLineSidePanelSalesReservationComponent.ctorParameters = () => [
     { type: PurchaseReservationService },
     { type: TransactionService },
-    { type: TransactionEventService }
+    { type: TransactionEventService },
+    { type: IconCacheService }
 ];
 TransactionLineSidePanelSalesReservationComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-transaction-line-side-panel-sales-reservation",] }]
@@ -50991,16 +51213,11 @@ TransactionPurchaseReservationOrderTileComponent.decorators = [
       <div class="tile">
         <div class="tile-header">
           <div class="tile-upper-left">
-
-          </div>
-          <div class="tile-upper-middle">
             <div class="header">
               <co-input-checkbox
                 [(model)]="purchaseReservationPurchaseLine.selected"
-
               ></co-input-checkbox>
               <span class="bold" [textContent]="purchaseReservationPurchaseLine.transNo"></span>
-
             </div>
           </div>
           <div class="tile-upper-right">
@@ -51019,32 +51236,27 @@ TransactionPurchaseReservationOrderTileComponent.decorators = [
           <div class="tile-middle-left">
           </div>
           <div class="tile-middle-middle">
-
           </div>
           <div class="tile-middle-right"></div>
         </div>
         <div class="tile-footer">
           <div class="tile-bottom-left order-info-section">
-            <div class="label"><span [textContent]="'DELIVERY_DATE_PURCHASE' | localize"></span></div>
+            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)"></co-icon>
             <div class="value">
               <span [textContent]="purchaseReservationPurchaseLine.deliveryDatePurchase | date:'dd MMM yyyy'"></span>
             </div>
           </div>
-
           <div class="tile-bottom-left order-info-section">
-            <div class="label"><span [textContent]="'DELIVERY_DATE_CONFIRMED' | localize"></span></div>
+            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)"></co-icon>
             <div class="value">
               <span [textContent]="purchaseReservationPurchaseLine.deliveryDateConfirmed | date:'dd MMM yyyy'"></span>
             </div>
           </div>
-
           <div class="tile-bottom-left order-info-section">
-            <div class="label"><span [textContent]="'ARRIVAL_DATE' | localize"></span></div>
+            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularWarehouseClock)"></co-icon>
             <div class="value">
               <span [textContent]="purchaseReservationPurchaseLine.arrivalDate | date:'dd MMM yyyy'"></span></div>
           </div>
-
-
         </div>
       </div>
     </div>
@@ -51097,6 +51309,7 @@ TransactionLineSidePanelSalesModule.decorators = [
                     TransactionPurchaseReservationOrderTileModule,
                     ButtonModule,
                     PipeModule,
+                    IconModule,
                 ],
                 declarations: [
                     TransactionLineSidePanelSalesComponent,
@@ -51918,10 +52131,10 @@ TransactionServiceOverviewComponent.decorators = [
         <div class="service-message-and-image-wrapper">
           <div class="service-message-wrapper">
             <label class="label service-label" [textContent]="'SERVICE_REPORT'| localize"></label>
+            <span *ngIf="transactionServiceInfo && transactionServiceInfo.wizardQuestionsAndAnswers"
+                               [textContent]="transactionServiceInfo.wizardQuestionsAndAnswers"></span>
             <co-transaction-service-message  class="transaction-service-message" [transaction]="transaction">
             </co-transaction-service-message>
-            <co-input-textarea *ngIf="transactionServiceInfo && transactionServiceInfo.wizardQuestionsAndAnswers" [readonly]="true"
-                               [model]="transactionServiceInfo.wizardQuestionsAndAnswers"></co-input-textarea>
           </div>
           <co-files-upload (documentChangeEvent)="upsertDocument($event)"
                            (documentDeleted)="deleteDocument($event)"
@@ -52018,7 +52231,6 @@ TransactionServiceMessageComponent.decorators = [
                 template: `
     <co-input-textarea #input
                    [model]="transactionServiceInfo.reportMessage"
-
                    [readonly]="readonly"
                    [showSaveCancel]="true"
     ></co-input-textarea>
@@ -53505,6 +53717,7 @@ class TransactionComponent {
         this.showButtonBar = true;
         this.showSaveCancelLabels = false;
         this.saveCancelMovable = false;
+        this.transactionPlanning = false;
         this.screenConfigLoaded = false;
     }
     set confirmationAnalysisId(value) {
@@ -53594,6 +53807,7 @@ TransactionComponent.decorators = [
                                  [showViewModeButtons]="showViewModeButtons"
                                  [confirmationAnalysisId]="confirmationAnalysisId"
                                  [posOrderData]="posOrderData"
+                                 [transactionPlanning]="transactionPlanning"
         ></co-transaction-internal>
     `,
                 providers: [
@@ -53625,6 +53839,7 @@ TransactionComponent.propDecorators = {
     cancelIconData: [{ type: Input }],
     showSaveCancelLabels: [{ type: Input }],
     saveCancelMovable: [{ type: Input }],
+    transactionPlanning: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ['class.co-transaction',] }],
     checkTransaction: [{ type: HostListener, args: ['window:beforeunload',] }],
     checkRollBack: [{ type: HostListener, args: ['window:unload',] }]