@colijnit/sharedcomponents 257.1.6 → 257.1.7

package/fesm2015/colijnit-sharedcomponents.js

@@ -1485,6 +1485,7 @@ var Icon;
     Icon["ArrowPointLeft"] = "arrow_point_left";
     Icon["ArrowPointRight"] = "arrow_point_right";
     Icon["ArrowPointUp"] = "arrow_point_up";
+    Icon["ArrowRightArrowLeftRegular"] = "arrow_right_arrow_left_regular";
     Icon["AtSolid"] = "at_solid";
     Icon["BarcodeReadRegular"] = "barcode_read_regular";
     Icon["BellRegular"] = "bell_regular";
@@ -1528,12 +1529,14 @@ var Icon;
     Icon["Pdf"] = "pdf";
     Icon["PersonDiggingRegular"] = "person_digging_regular";
     Icon["PinRoundOpen"] = "pin_round_open";
+    Icon["PlusRegular"] = "plus_regular";
     Icon["PlusSimple"] = "plus_simple";
     Icon["Print"] = "print";
     Icon["PrintRegular"] = "print_regular";
     Icon["PrintSolid"] = "print_solid";
     Icon["RegularFileSignatureCirclePlus"] = "regular_file_signature_circle_plus";
     Icon["SignatureField"] = "signature_field";
+    Icon["SolidBarcodeReadTag"] = "solid_barcode_read_tag";
     Icon["SquarePlusRegular"] = "square_plus_regular";
     Icon["TagRegular"] = "tag_regular";
     Icon["Task"] = "task";
@@ -1554,6 +1557,7 @@ const IconSvg = {
     "arrow_point_left": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path d=\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\"/></svg>",
     "arrow_point_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path d=\"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"/></svg>",
     "arrow_point_up": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-280 371 51 51\" enable-background=\"new -280 371 51 51\" ><path fill=\"#29363E\" d=\"M-260.7,400.8c-0.3,0-0.6-0.1-0.8-0.3c-0.5-0.5-0.5-1.2,0-1.6l6.2-6.2c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3l6.2,6.2c0.2,0.2,0.3,0.5,0.3,0.8c0,0.3-0.1,0.6-0.3,0.8c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-5.4-5.4l-5.4,5.4C-260.1,400.6-260.4,400.8-260.7,400.8z\"/></svg>",
+    "arrow_right_arrow_left_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M103 497c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-55-55L424 408c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 360l55-55c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 367c-9.4 9.4-9.4 24.6 0 33.9l96 96zM441 145c9.4-9.4 9.4-24.6 0-33.9L345 15c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l55 55L24 104c-13.3 0-24 10.7-24 24s10.7 24 24 24l342.1 0-55 55c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l96-96z\"/></svg>",
     "at_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M207.8 20.73c-93.45 18.32-168.7 93.66-187 187.1c-27.64 140.9 68.65 266.2 199.1 285.1c19.01 2.888 36.17-12.26 36.17-31.49l.0001-.6631c0-15.74-11.44-28.88-26.84-31.24c-84.35-12.98-149.2-86.13-149.2-174.2c0-102.9 88.61-185.5 193.4-175.4c91.54 8.869 158.6 91.25 158.6 183.2l0 16.16c0 22.09-17.94 40.05-40 40.05s-40.01-17.96-40.01-40.05v-120.1c0-8.847-7.161-16.02-16.01-16.02l-31.98 .0036c-7.299 0-13.2 4.992-15.12 11.68c-24.85-12.15-54.24-16.38-86.06-5.106c-38.75 13.73-68.12 48.91-73.72 89.64c-9.483 69.01 43.81 128 110.9 128c26.44 0 50.43-9.544 69.59-24.88c24 31.3 65.23 48.69 109.4 37.49C465.2 369.3 496 324.1 495.1 277.2V256.3C495.1 107.1 361.2-9.332 207.8 20.73zM239.1 304.3c-26.47 0-48-21.56-48-48.05s21.53-48.05 48-48.05s48 21.56 48 48.05S266.5 304.3 239.1 304.3z\"/></svg>",
     "barcode_read_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M56 48c-4.4 0-8 3.6-8 8v80c0 13.3-10.7 24-24 24s-24-10.7-24-24V56C0 25.1 25.1 0 56 0h80c13.3 0 24 10.7 24 24s-10.7 24-24 24H56zm64 80c13.3 0 24 10.7 24 24V360c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm56 16c0-8.8 7.2-16 16-16s16 7.2 16 16V368c0 8.8-7.2 16-16 16s-16-7.2-16-16V144zm272 0c0-8.8 7.2-16 16-16s16 7.2 16 16V368c0 8.8-7.2 16-16 16s-16-7.2-16-16V144zm-208 8c0-13.3 10.7-24 24-24s24 10.7 24 24V360c0 13.3-10.7 24-24 24s-24-10.7-24-24V152zm152-24c13.3 0 24 10.7 24 24V360c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM528 56c0-4.4-3.6-8-8-8H440c-13.3 0-24-10.7-24-24s10.7-24 24-24h80c30.9 0 56 25.1 56 56v80c0 13.3-10.7 24-24 24s-24-10.7-24-24V56zM56 464h80c13.3 0 24 10.7 24 24s-10.7 24-24 24H56c-30.9 0-56-25.1-56-56V376c0-13.3 10.7-24 24-24s24 10.7 24 24v80c0 4.4 3.6 8 8 8zm472-8V376c0-13.3 10.7-24 24-24s24 10.7 24 24v80c0 30.9-25.1 56-56 56H440c-13.3 0-24-10.7-24-24s10.7-24 24-24h80c4.4 0 8-3.6 8-8z\"/></svg>",
     "bell_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M256 32V49.88C328.5 61.39 384 124.2 384 200V233.4C384 278.8 399.5 322.9 427.8 358.4L442.7 377C448.5 384.2 449.6 394.1 445.6 402.4C441.6 410.7 433.2 416 424 416H24C14.77 416 6.365 410.7 2.369 402.4C-1.628 394.1-.504 384.2 5.26 377L20.17 358.4C48.54 322.9 64 278.8 64 233.4V200C64 124.2 119.5 61.39 192 49.88V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32V32zM216 96C158.6 96 112 142.6 112 200V233.4C112 281.3 98.12 328 72.31 368H375.7C349.9 328 336 281.3 336 233.4V200C336 142.6 289.4 96 232 96H216zM288 448C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288z\"/></svg>",
@@ -1597,12 +1601,14 @@ const IconSvg = {
     "pdf": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.88c-2.16,0-2.72-.56-2.72-2.72V12.88c0-2.15.56-2.71,2.72-2.71h11.6l8.66,8.88v3.43H32.8V19.6l-7.88-8.09h-11c-1.38,0-1.38,0-1.38,1.37V37.45c0,1.37,0,1.37,1.38,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M27.83,26.63v4.24h1a3.57,3.57,0,0,0,.78-.06,1.22,1.22,0,0,0,.52-.26,1.44,1.44,0,0,0,.34-.62,4.13,4.13,0,0,0,.13-1.18,3.79,3.79,0,0,0-.13-1.14,1.51,1.51,0,0,0-.37-.62,1.14,1.14,0,0,0-.6-.3,5.93,5.93,0,0,0-1.06-.06Z\" fill=\"#484f60\"/><path d=\"M21.86,26.63v1.82h.71a3.57,3.57,0,0,0,1-.1A.88.88,0,0,0,24,28a.84.84,0,0,0,.14-.5.8.8,0,0,0-.2-.57.88.88,0,0,0-.52-.29,6.36,6.36,0,0,0-.93,0Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.12,4.24a1.68,1.68,0,0,1-.54.63,1.9,1.9,0,0,1-.67.3,6.57,6.57,0,0,1-1.34.1h-.85V32H20.57V25.54h2.07a7.75,7.75,0,0,1,1.54.1,1.73,1.73,0,0,1,.93.63,2,2,0,0,1,.37,1.25A2,2,0,0,1,25.26,28.51Zm6.45,1.66A2.91,2.91,0,0,1,31,31.31a2.28,2.28,0,0,1-.91.51A4,4,0,0,1,29,32H26.54V25.54H28.9a4.21,4.21,0,0,1,1.22.13,2.08,2.08,0,0,1,1,.59,2.79,2.79,0,0,1,.61,1,4.76,4.76,0,0,1,.21,1.52A4.19,4.19,0,0,1,31.71,30.17Zm5.7-3.54h-3.1v1.52H37v1.08H34.31V32H33V25.54h4.39Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/></svg>",
     "person_digging_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M208 64a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM440.8 288c8.2 .3 15.7 4.7 19.8 11.8l104 176c4.4 7.4 4.5 16.6 .2 24.1s-12.2 12.1-20.8 12.1H288c-7.7 0-15-3.7-19.5-10s-5.7-14.3-3.3-21.6l16-48c3.3-9.8 12.4-16.4 22.8-16.4h35.4l20.3-29.5L22.8 246.2c-12.2-5.1-18-19.1-12.9-31.4s19.1-18 31.4-12.9L61 210.1l19.8-36.2C96.2 145.6 125.8 128 158 128h3.8c52.3 0 98.5 33.8 114.4 83.6l32.3 101.6 79 32.9 32.8-47.7c4.6-6.8 12.4-10.7 20.6-10.4zm-190.4 1l-20-62.8c-9.5-29.9-37.3-50.2-68.6-50.2H158c-14.6 0-28.1 8-35.1 20.8l-17.3 31.8L250.4 289zm188.1 67.6l-66.7 97L364.6 464H501.9L438.5 356.6zM81.4 301.1l128 54.4c8.9 3.8 14.6 12.5 14.6 22.1V488c0 13.3-10.7 24-24 24s-24-10.7-24-24V393.5L87.5 355.9 47 494.7c-3.7 12.7-17 20-29.8 16.3S-2.7 494 1 481.3L49 316.5l7.6-25.9 24.9 10.6z\"/></svg>",
     "pin_round_open": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><path d=\"M683.16,390.18a7.07,7.07,0,0,1-3.09-.77c-2.53-1.25-3.94-3.58-3.14-5.19a3.07,3.07,0,0,1,2.94-1.43h.1l-1,1.74v.2a2.48,2.48,0,0,0,.78,1.82,5.23,5.23,0,0,0,3.44,1.51,2,2,0,0,0,1.8-.84l.06-.09.52-1.48a3,3,0,0,1,.57,3.09,3.07,3.07,0,0,1-2.94,1.43Z\" transform=\"translate(-657.5 -358.97)\" fill=\"#4d5065\"/><path d=\"M683.15,386.94a4.06,4.06,0,0,1-2.62-1.16,1.5,1.5,0,0,1-.47-.92l2.32-4a5.24,5.24,0,0,0,3.13,1.45L684,386.63a1,1,0,0,1-.84.31Z\" transform=\"translate(-657.5 -358.97)\" fill=\"#4d5065\"/><path d=\"M686.75,381.45a5.78,5.78,0,0,1-2.52-.63c-2.06-1-3.21-2.9-2.57-4.21a2.48,2.48,0,0,1,2.37-1.15,5.78,5.78,0,0,1,2.53.63,5.5,5.5,0,0,1,2.32,2.05,2.26,2.26,0,0,1,.24,2.15,2.48,2.48,0,0,1-2.37,1.15Z\" transform=\"translate(-657.5 -358.97)\" fill=\"#4d5065\"/><path d=\"M679.42,390l-.89,1.92-.13,1.55,1-1.16.81-1.92-.54-.24Z\" transform=\"translate(-657.5 -358.97)\" fill=\"#4d5065\"/><path d=\"M683,399.47a15,15,0,1,1,15-15A15,15,0,0,1,683,399.47Zm0-29a14,14,0,1,0,14,14A14,14,0,0,0,683,370.44Z\" transform=\"translate(-657.5 -358.97)\" fill=\"#4d5065\"/></svg>",
+    "plus_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M248 72c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 160L40 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l160 0 0 160c0 13.3 10.7 24 24 24s24-10.7 24-24l0-160 160 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-160 0 0-160z\"/></svg>",
     "plus_simple": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><path d=\"M13.86,27c-.32,0-.58-.26-.58-.57v-9.72H3.58c-.32,0-.58-.26-.58-.57v-2.29c0-.31,.26-.57,.58-.57H13.29V3.57c0-.31,.26-.57,.58-.57h2.28c.31,0,.57,.26,.57,.57V13.29h9.72c.31,0,.57,.26,.57,.57v2.29c0,.31-.26,.57-.57,.57h-9.72v9.72c0,.31-.26,.57-.57,.57h-2.28Z\" fill=\"#484f60\"/></g></svg>",
     "print": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,16.5H12a2,2,0,0,0-2,2v9a2,2,0,0,0,2,2h2v-5H36v5h2a2,2,0,0,0,2-2v-9A2,2,0,0,0,38,16.5ZM37,21a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,37,21Z\" fill=\"#484f60\"/><path d=\"M35,11.5v5H15v-5H35m1-1H14v7H36v-7Z\" fill=\"#484f60\"/><path d=\"M35,25.5v13H15v-13H35m1-1H14v15H36v-15Z\" fill=\"#484f60\"/><rect x=\"17\" y=\"28.3\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"31.5\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"34.7\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/></svg>",
     "print_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M111.1 48h254.1L400 81.94V160H448V81.94c0-12.73-5.057-24.94-14.06-33.94l-33.94-33.94C391 5.057 378.8 0 366.1 0H111.1C85.49 0 64.01 21.48 64 47.98l.002 82.28c-.002 0 .002 0 0 0L64 160h48.01L111.1 48zM440 192H72C32.3 192 0 224.3 0 264v112c0 13.25 10.75 24 24 24H80V480c0 17.67 14.33 32 32 32h288c17.67 0 32-14.33 32-32v-80h56c13.25 0 24-10.75 24-24v-112C512 224.3 479.7 192 440 192zM384 464H128v-96h256V464zM464 352h-32c0-17.67-14.33-32-32-32h-288c-17.67 0-32 14.33-32 32h-32V264c0-13.23 10.77-24 24-24h368c13.23 0 24 10.77 24 24V352z\"/></svg>",
     "print_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M448 192H64C28.65 192 0 220.7 0 256v96c0 17.67 14.33 32 32 32h32v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h32c17.67 0 32-14.33 32-32V256C512 220.7 483.3 192 448 192zM384 448H128v-96h256V448zM432 296c-13.25 0-24-10.75-24-24c0-13.27 10.75-24 24-24s24 10.73 24 24C456 285.3 445.3 296 432 296zM128 64h229.5L384 90.51V160h64V77.25c0-8.484-3.375-16.62-9.375-22.62l-45.25-45.25C387.4 3.375 379.2 0 370.8 0H96C78.34 0 64 14.33 64 32v128h64V64z\"/></svg>",
     "regular_file_signature_circle_plus": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3l0 49.1-48 48 0-91.6-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16l256 0c8.8 0 16-7.2 16-16l0-6.7c8.2 17.9 19.3 34.1 32.7 48.2C357 503.3 339.5 512 320 512L64 512c-35.3 0-64-28.7-64-64L0 64zM80 400c0-8.8 7.2-16 16-16l8.2 0c7.1 0 13.3-4.6 15.3-11.4l14.9-49.5c3.4-11.3 13.8-19.1 25.6-19.1s22.2 7.7 25.6 19.1l11.6 38.6c7.4-6.2 16.8-9.7 26.8-9.7c15.9 0 30.4 9 37.5 23.2l4.4 8.8 25.6 0 12-48.2c1.4-5.6 4.3-10.8 8.4-14.9l22.3-22.3C325.1 319.9 320 343.4 320 368c0 14.8 1.8 29.2 5.3 43l-17.4 4.3c-1.1 .3-2.1 .4-3.2 .5c-.8 .1-1.5 .2-2.3 .2L256 416c-6.1 0-11.6-3.4-14.3-8.8l-8.8-17.7c-1.7-3.4-5.1-5.5-8.8-5.5s-7.2 2.1-8.8 5.5l-8.8 17.7c-2.9 5.9-9.2 9.4-15.7 8.8s-12.1-5.1-13.9-11.3L160 349l-9.8 32.8c-6.1 20.3-24.8 34.2-46 34.2L96 416c-8.8 0-16-7.2-16-16zm272-32c0-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 16l48 0 0 48c0 8.8 7.2 16 16 16s16-7.2 16-16l0-48 48 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-48 0 0-48c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 48-48 0c-8.8 0-16 7.2-16 16zm10.7-161.8l14.4-14.4 6.8 6.8c-7.3 2.1-14.4 4.6-21.2 7.5zm37.1-37.1l29.4-29.4c15.6-15.6 40.9-15.6 56.6 0c4.8 4.8 9.6 9.6 14.4 14.4c14.5 14.5 15.5 37.2 3.2 53c-21.8-9.7-46-15.1-71.4-15.1c-3 0-6.1 .1-9.1 .2l-23.1-23.1z\"/></svg>",
     "signature_field": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M20.1,25.42a1.1,1.1,0,1,1,1.27,1.45l-3.3,9.07A63.13,63.13,0,0,1,28,28.3l1.26-12-8.26-3-6.77,10A62.4,62.4,0,0,1,17,35.54l3.3-9.07A1.12,1.12,0,0,1,20.1,25.42Z\" fill=\"#484f60\"/><rect x=\"21.62\" y=\"11.43\" width=\"8.79\" height=\"2.34\" transform=\"translate(5.88 -8.14) rotate(20)\" fill=\"#484f60\"/><path d=\"M18.11,37.48c1.44,2.65,4.58,2.94,7.23,2.1,1.41-.44,2.2-1.49,3.44-2.06,2.42-1.1,3.13,1.2,5.36,1.37.42,0,2-.65,1.54-.68-2.55-.19-2.93-3.13-5.51-2.65a4.9,4.9,0,0,0-1.64.71c-.77.49-1.31,1.62-2.07,2l-4.61.56A3.38,3.38,0,0,1,20,37c-.22-.41-2,.28-1.85.5Z\" fill=\"#484f60\"/></svg>",
+    "solid_barcode_read_tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 56C0 25.1 25.1 0 56 0l80 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L56 48c-4.4 0-8 3.6-8 8l0 80c0 13.3-10.7 24-24 24s-24-10.7-24-24L0 56zM0 376c0-13.3 10.7-24 24-24s24 10.7 24 24l0 80c0 4.4 3.6 8 8 8l80 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-30.9 0-56-25.1-56-56l0-80zM128 152c0-13.3 10.7-24 24-24l16 0c13.3 0 24 10.7 24 24l0 208c0 13.3-10.7 24-24 24l-16 0c-13.3 0-24-10.7-24-24l0-208zm96-8c0-8.8 7.2-16 16-16s16 7.2 16 16l0 224c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-224zm64 8c0-13.3 10.7-24 24-24l16 0c13.3 0 24 10.7 24 24l0 48.3c-19.1 10.9-32 31.5-32 55.2l0 88.7c0 14.1 3.7 27.7 10.7 39.7c-.9 .1-1.8 .1-2.7 .1l-16 0c-13.3 0-24-10.7-24-24l0-208zm71 110.6c0-17.6 14.3-32 32-32l82.7 0c17 0 33.3 6.7 45.3 18.7L626.3 356.7c18.7 18.7 18.7 49.1 0 67.9l-73.4 73.3c-18.7 18.7-49.1 18.7-67.9 0L377.7 390.6c-12-12-18.7-28.3-18.7-45.2l0-82.8zM384 152c0-13.3 10.7-24 24-24l16 0c13.3 0 24 10.7 24 24l0 40-64 0 0-40zm31 158.6c0 13.3 10.7 24 24 24s24-10.7 24-24s-10.7-24-24-24s-24 10.7-24 24zM416 24c0-13.3 10.7-24 24-24l80 0c30.9 0 56 25.1 56 56l0 80c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-80c0-4.4-3.6-8-8-8l-80 0c-13.3 0-24-10.7-24-24zm0 464c0-4.3 1.1-8.3 3.1-11.8L454.9 512 440 512c-13.3 0-24-10.7-24-24z\"/></svg>",
     "square_plus_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-320c0-8.8-7.2-16-16-16L64 80zM0 96C0 60.7 28.7 32 64 32l320 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM200 344l0-64-64 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l64 0 0-64c0-13.3 10.7-24 24-24s24 10.7 24 24l0 64 64 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-64 0 0 64c0 13.3-10.7 24-24 24s-24-10.7-24-24z\"/></svg>",
     "tag_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M197.5 32c17 0 33.3 6.7 45.3 18.7l176 176c25 25 25 65.5 0 90.5L285.3 450.7c-25 25-65.5 25-90.5 0l-176-176C6.7 262.7 0 246.5 0 229.5V80C0 53.5 21.5 32 48 32H197.5zM48 229.5c0 4.2 1.7 8.3 4.7 11.3l176 176c6.2 6.2 16.4 6.2 22.6 0L384.8 283.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-3-3-7.1-4.7-11.3-4.7H48V229.5zM112 112a32 32 0 1 1 0 64 32 32 0 1 1 0-64z\"/></svg>",
     "task": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g><path d=\"M23.82,3.53h-.88v1.32h.88c.24,0,.44,.2,.44,.44V28.24c0,.24-.2,.44-.44,.44H6.18c-.24,0-.44-.2-.44-.44V5.29c0-.24,.2-.44,.44-.44h.88v-1.32h-.88c-.97,0-1.76,.79-1.76,1.76V28.24c0,.97,.79,1.76,1.76,1.76H23.82c.97,0,1.76-.79,1.76-1.76V5.29c0-.97-.79-1.76-1.76-1.76Z\" fill=\"#484f60\"/><path d=\"M17.65,2.65c0,1.46-1.19,2.65-2.65,2.65s-2.65-1.19-2.65-2.65h-3.09c-.49,0-.88,.4-.88,.88v2.65c0,.49,.4,.88,.88,.88h11.47c.49,0,.88-.4,.88-.88V3.53c0-.49-.4-.88-.88-.88h-3.09Z\" fill=\"#484f60\"/><path d=\"M15,0C13.54,0,12.35,1.19,12.35,2.65s1.19,2.65,2.65,2.65,2.65-1.19,2.65-2.65S16.46,0,15,0Zm0,3.97c-.73,0-1.32-.59-1.32-1.32s.59-1.32,1.32-1.32,1.32,.59,1.32,1.32-.59,1.32-1.32,1.32Z\" fill=\"#484f60\"/><rect x=\"12.09\" y=\"11.51\" width=\"10\" height=\"1\" fill=\"#484f60\"/><rect x=\"12.09\" y=\"17.51\" width=\"10\" height=\"1\" fill=\"#484f60\"/><rect x=\"12.09\" y=\"23.51\" width=\"10\" height=\"1\" fill=\"#484f60\"/><path d=\"M10.09,23.51v1h-1v-1h1m1-1h-3v3h3v-3h0Z\" fill=\"#484f60\"/><polygon points=\"9.44 20.01 7.91 17.86 8.52 17.43 9.33 18.57 10.61 16.01 11.27 16.35 9.44 20.01\" fill=\"#484f60\"/><polygon points=\"9.44 14.01 7.91 11.86 8.52 11.43 9.33 12.57 10.61 10.01 11.27 10.35 9.44 14.01\" fill=\"#484f60\"/></g></g></svg>",
@@ -4359,16 +4365,31 @@ class OrderTabComponent extends BaseStockComponent {
         this.iconCacheService = iconCacheService;
         this._stockService = _stockService;
         this.icons = Icon;
+        this.stockLocations = [];
+        this.allWarehouses = [];
         this.locationClicked = new EventEmitter();
         this.transferIconClicked = new EventEmitter();
         this.sendMethodDialogClicked = new EventEmitter();
+        this.handleStickerClicked = new EventEmitter();
+        this.showStockTransferChange = new EventEmitter();
         this.data = [];
+        this.selectedRow = null;
+        this.showSendMethodDialog = false;
     }
     openSendMethodDialog(data) {
+        this.showSendMethodDialog = true;
         this.sendMethodDialogClicked.emit(data);
     }
     handleStockTransferClick(event) {
-        this.transferIconClicked.emit(event);
+        this.articleDetails = event;
+        this.showStockTransfer = true;
+    }
+    onRowSelected(row) {
+        this.selectedRow = row;
+    }
+    onShowStockTransferChange(show) {
+        this.showStockTransfer = show;
+        this.showStockTransferChange.emit(this.showStockTransfer);
     }
     getData() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -4385,10 +4406,31 @@ OrderTabComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-order-tab",
                 template: `
+    <div class="stock-transfer-wrapper">
+      <co-stock-transfer *ngIf="showStockTransfer"
+                         class="stock-transfer-dialog"
+                         [articleToTransfer]="articleDetails"
+                         (handleStickerClicked)="handleStickerClicked.emit($event)"
+                         [allWarehouses]="allWarehouses"
+                         [stockLocations]="stockLocations"
+                         [articleFlat]="articleFlat"
+                         [showStockTransfer]="showStockTransfer"
+                         (showStockTransferChange)="onShowStockTransferChange($event)">
+      </co-stock-transfer>
+    </div>
+    <div class="stock-transfer-add">
+      <co-icon *ngIf="selectedRow" class="menu-icon" [iconData]="iconCacheService.getIcon(icons.ArrowRightArrowLeftRegular)"
+               (click)="handleStockTransferClick(selectedRow)"></co-icon>
+      <co-icon *ngIf="selectedRow" class="menu-icon" [iconData]="iconCacheService.getIcon(icons.SolidBarcodeReadTag)"
+               (click)="openSendMethodDialog(selectedRow)"></co-icon>
+    </div>
     <co-simple-grid [data]="data"
                     class="simple-grid"
                     [rowsPerPage]="20"
-    >
+                    [showAdd]="false"
+                    [inlineEdit]="false"
+                    [showToolbar]="true"
+                    (selectRow)="onRowSelected($event)">
       <co-simple-grid-column [headerText]="'IN_ORDER' | sharedLocalize" [field]="'transactionNr'"></co-simple-grid-column>
       <co-simple-grid-column [headerText]="'CUSTOMER' | sharedLocalize" [field]="'customerName'"></co-simple-grid-column>
       <co-simple-grid-column [headerText]="'DATE' | sharedLocalize">
@@ -4399,17 +4441,11 @@ OrderTabComponent.decorators = [
       <co-simple-grid-column [headerText]="'AMOUNT' | sharedLocalize" [field]="'amountInOrder'"></co-simple-grid-column>
       <co-simple-grid-column [headerText]="'WAREHOUSE' | sharedLocalize" [field]="'warehouseNumber'"></co-simple-grid-column>
       <co-simple-grid-column [headerText]="'DESCRIPTION' | sharedLocalize" [field]="'warehouseDescription'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'TRANSFER' | sharedLocalize" [field]="'transfer'">
-        <ng-template #template let-row="row">
-          <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.DeliveryTruck)" (click)="handleStockTransferClick(row)"></co-icon>
-        </ng-template>
-      </co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'STICKER' | sharedLocalize" [field]="'sticker'">
-        <ng-template #template let-row="row">
-          <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)" (click)="openSendMethodDialog(row)"></co-icon>
-        </ng-template>
-      </co-simple-grid-column>
     </co-simple-grid>
+    <co-send-method-dialog *ngIf="showSendMethodDialog"
+                           (closeClick)="showSendMethodDialog = false">
+
+    </co-send-method-dialog>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -4419,9 +4455,14 @@ OrderTabComponent.ctorParameters = () => [
     { type: StockService }
 ];
 OrderTabComponent.propDecorators = {
+    showStockTransfer: [{ type: Input }],
+    allWarehouses: [{ type: Input }],
+    articleFlat: [{ type: Input }],
     locationClicked: [{ type: Output }],
     transferIconClicked: [{ type: Output }],
-    sendMethodDialogClicked: [{ type: Output }]
+    sendMethodDialogClicked: [{ type: Output }],
+    handleStickerClicked: [{ type: Output }],
+    showStockTransferChange: [{ type: Output }]
 };
 
 class StockTabsComponent {
@@ -4682,6 +4723,8 @@ class StockLocationComponent extends BaseStockComponent {
         this.selectedArticleDetailsData = new ArticleDetailsBo();
         this.data = [];
         this.stockLocations = [];
+        this.selectedRow = null;
+        this.showSendMethodDialog = false;
         this._subs = [];
     }
     set warehouseNo(value) {
@@ -4718,12 +4761,16 @@ class StockLocationComponent extends BaseStockComponent {
         this.selectedArticleDetailsData.amountInStock = data;
     }
     openSendMethodDialog(data) {
+        this.showSendMethodDialog = true;
         this.sendMethodDialogClicked.emit(data);
     }
     handleStockTransferClick(event) {
         this.articleDetails = event;
         this.showStockTransfer = true;
     }
+    onRowSelected(row) {
+        this.selectedRow = row;
+    }
     onOkClickSendLocations(row) {
         this.selectedArticleDetailsData = row;
         this.newStockLine = false;
@@ -4846,13 +4893,21 @@ StockLocationComponent.decorators = [
                   (updateGridData)="data = $event"
 
           ></co-stock-location-popup>
+            <div  class="stock-transfer-add">
+              <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.PlusRegular)"
+                       (click)="handleAddRow()"></co-icon>
+              <co-icon *ngIf="selectedRow" class="menu-icon" [iconData]="iconCacheService.getIcon(icons.ArrowRightArrowLeftRegular)"
+                       (click)="handleStockTransferClick(selectedRow)"></co-icon>
+              <co-icon *ngIf="selectedRow" class="menu-icon" [iconData]="iconCacheService.getIcon(icons.SolidBarcodeReadTag)"
+                       (click)="openSendMethodDialog(selectedRow)"></co-icon>
+            </div>
           <co-simple-grid [data]="data"
                           class="simple-grid"
-                          [showAdd]="true"
+                          [showAdd]="false"
                           [inlineEdit]="false"
                           [showToolbar]="true"
                           (addRow)="handleAddRow()"
-          >
+                          (selectRow)="onRowSelected($event)">
               <co-simple-grid-column [headerText]="'STOCK' | sharedLocalize" [field]="'amountInStock'">
                   <ng-template #template let-row="row">
                       <div class="stock-amount" (click)="onOkClickSendLocations(row)">
@@ -4914,22 +4969,12 @@ StockLocationComponent.decorators = [
                       <span [textContent]="row['supplierNo']"></span>
                   </ng-template>
               </co-simple-grid-column>
-              <co-simple-grid-column [readonly]="true" [headerText]="'TRANSFER' | sharedLocalize" [field]="'transfer'">
-                  <ng-template #template let-row="row">
-                      <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.DeliveryTruck)"
-                               (click)="handleStockTransferClick(row)"></co-icon>
-                  </ng-template>
-                  <ng-template #editTemplate></ng-template>
-              </co-simple-grid-column>
-              <co-simple-grid-column [readonly]="true" [headerText]="'STICKER' | sharedLocalize" [field]="'sticker'">
-                  <ng-template #template let-row="row">
-                      <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)"
-                               (click)="openSendMethodDialog(row)"></co-icon>
-                  </ng-template>
-                  <ng-template #editTemplate></ng-template>
-              </co-simple-grid-column>
           </co-simple-grid>
       </div>
+      <co-send-method-dialog *ngIf="showSendMethodDialog"
+                             (closeClick)="showSendMethodDialog = false">
+
+      </co-send-method-dialog>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -5787,14 +5832,10 @@ class StockLocationPopupComponent {
         this.handleStockChange();
         this.saveEvent.emit(true);
         this._changeDetector.detectChanges();
+        this.togglePopupEvent.emit();
     }
     togglePopup() {
-        if (this.newStockLine) {
-            this.saveEvent.emit(false);
-        }
-        else {
-            this.togglePopupEvent.emit();
-        }
+        this.togglePopupEvent.emit();
     }
     getStockLocations() {
         this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then((locations) => {