@mxtommy/kip 4.2.0 → 4.4.0-beta.1

package/public/assets/svg/AtoN/special/special_mark.svg

@@ -0,0 +1,20 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+     stroke="#806d04"
+     stroke-width="0.38492"
+     fill="none"
+     stroke-linecap="butt"
+     vector-effect="non-scaling-stroke"
+     d="m 17.75919,2.916757 q 0.0231,0.02309 0.0115,0.09046 -0.008,0.05004 -0.1097,0.0943 -0.16937,0.07314 -0.11163,0.234801 a 0.11932523,0.11740063 68.4 0 1 -0.0635,0.148195 q -0.20593,0.08853 -0.10393,0.265595 a 0.10007923,0.10007923 0 0 1 -0.0577,0.144345 q -0.2117,0.06736 -0.13664,0.248273 0.0693,0.171289 -0.0885,0.255972 -0.18091,0.09815 -0.12317,0.277142 a 0.12124983,0.12124983 0 0 1 -0.0731,0.152044 q -0.0693,0.02502 -0.10201,0.09046 -0.15012,0.302162 -0.62549,1.558926 a 0.21170605,0.20978145 83.3 0 1 -0.0751,0.09623 q -0.13857,0.09816 -0.0808,0.22133 a 0.12509903,0.12509903 0 0 1 -0.0751,0.171289 q -0.2117,0.06736 -0.10585,0.230952 a 0.09238082,0.09238082 0 0 1 -0.0635,0.140496 q -0.0808,0.01347 -0.14242,0.211706 -0.16744,0.544662 -0.23673,0.67361 a 6.8535023,8.0371316 19.5 0 0 -0.47345,1.031586 q -0.1097,0.284841 -1.67248,3.810709 c -0.85837,1.939997 -2.33261,3.410392 -3.91848,4.930826 q -0.0308,0.02887 -0.0808,0.236726 a 0.18283705,0.19630925 71.9 0 1 -0.052,0.09431 l -1.58972,1.66093 a 0.06736102,0.06543642 21.2 0 0 0.05,0.111627 l 2.11129,-0.01925 a 0.12702363,0.12702363 0 0 0 0.12317,-0.105853 q 0.008,-0.03079 -0.025,-0.06351 -0.0308,-0.02887 0.0173,-0.123175 0.62935,-1.243292 1.72252,-1.520434 c 1.41843,-0.3599 2.40767,0.336805 3.11978,1.514661 a 0.31178528,0.31178528 0 0 0 0.15012,0.127023 q 0.66013,0.259821 1.28178,0.153968 a 0.09815462,0.09815462 0 0 0 0.0808,-0.107777 l -0.40416,-3.922336 a 2.28835,2.269104 49.8 0 1 0.0654,-0.829503 q 0.29639,-1.262538 2.5347,-11.335897 0.10586,-0.475376 0.30216,-0.875693 A 0.26174567,0.26174567 0 0 0 18.48663,2.616524 c -0.28869,0.01732 -0.52349,-0.08083 -0.7352,0.211706 a 0.06736102,0.06736102 0 0 0 0.008,0.08853"
+     id="path1" />
+  <path
+     fill="#000407"
+     d="m 19.00441,20.068796 a 0.19438465,0.19438465 0 0 1 0.19438,0.194385 v 0.767915 a 0.18476165,0.18668625 0 0 1 -0.18476,0.186687 h -4.19755 a 0.33872969,0.33872969 0 0 0 -0.32333,0.236725 q -0.22903,0.714027 -0.90842,1.179781 -0.52541,0.3599 -1.4011,0.365674 -1.02389,0.0058 -1.80336,-0.887241 c -0.3291,-0.379146 -0.17706,-0.896864 -0.85452,-0.89109 q -2.5424,0.01925 -5.32922,-0.01347 A 0.20400765,0.20208305 0.3 0 1 3.99445,21.006077 V 20.297824 A 0.21555525,0.21555525 0 0 1 4.20423,20.082268 C 4.65844,20.068798 5.27431,20.211217 5.72851,19.78588 6.53492,19.027587 7.3471,18.02872 7.9803,17.35126 q 2.53085,-2.713686 3.06204,-3.408467 0.32718,-0.429186 0.80256,-1.514661 1.67632,-3.829955 4.46507,-10.007922 a 0.72942358,0.65243956 79.6 0 1 0.0905,-0.148195 c 0.30987,-0.375297 1.2202,-1.354918 1.83222,-1.266387 0.47538,0.06736 1.53776,0.448432 1.66478,1.027737 0.20016,0.919959 0.0982,1.893807 -0.1097,2.817615 Q 18.7023,9.649009 17.45131,15.014795 c -0.12318,0.53119 -0.14627,1.098947 -0.0789,1.674403 q 0.28484,2.38073 0.31563,3.210233 a 0.17706324,0.17513864 88.7 0 0 0.17514,0.169365 z M 17.75919,2.916757 q 0.0231,0.02309 0.0115,0.09046 -0.008,0.05004 -0.1097,0.0943 -0.16937,0.07314 -0.11163,0.234801 a 0.11932523,0.11740063 68.4 0 1 -0.0635,0.148195 q -0.20593,0.08853 -0.10393,0.265595 a 0.10007923,0.10007923 0 0 1 -0.0577,0.144345 q -0.2117,0.06736 -0.13664,0.248273 0.0693,0.171289 -0.0885,0.255972 -0.18091,0.09815 -0.12317,0.277142 a 0.12124983,0.12124983 0 0 1 -0.0731,0.152044 q -0.0693,0.02502 -0.10201,0.09046 -0.15012,0.302162 -0.62549,1.558926 a 0.21170605,0.20978145 83.3 0 1 -0.0751,0.09623 q -0.13857,0.09816 -0.0808,0.22133 a 0.12509903,0.12509903 0 0 1 -0.0751,0.171289 q -0.2117,0.06736 -0.10585,0.230952 a 0.09238082,0.09238082 0 0 1 -0.0635,0.140496 q -0.0808,0.01347 -0.14242,0.211706 -0.16744,0.544662 -0.23673,0.67361 a 6.8535023,8.0371316 19.5 0 0 -0.47345,1.031586 q -0.1097,0.284841 -1.67248,3.810709 c -0.85837,1.939997 -2.33261,3.410392 -3.91848,4.930826 q -0.0308,0.02887 -0.0808,0.236726 a 0.18283705,0.19630925 71.9 0 1 -0.052,0.09431 l -1.58972,1.66093 a 0.06736102,0.06543642 21.2 0 0 0.05,0.111627 l 2.11129,-0.01925 a 0.12702363,0.12702363 0 0 0 0.12317,-0.105853 q 0.008,-0.03079 -0.025,-0.06351 -0.0308,-0.02887 0.0173,-0.123175 0.62935,-1.243292 1.72252,-1.520434 c 1.41843,-0.3599 2.40767,0.336805 3.11978,1.514661 a 0.31178528,0.31178528 0 0 0 0.15012,0.127023 q 0.66013,0.259821 1.28178,0.153968 a 0.09815462,0.09815462 0 0 0 0.0808,-0.107777 l -0.40416,-3.922336 a 2.28835,2.269104 49.8 0 1 0.0654,-0.829503 q 0.29639,-1.262538 2.5347,-11.335897 0.10586,-0.475376 0.30216,-0.875693 A 0.26174567,0.26174567 0 0 0 18.48663,2.616524 c -0.28869,0.01732 -0.52349,-0.08083 -0.7352,0.211706 a 0.06736102,0.06736102 0 0 0 0.008,0.08853 z M 13.63635,20.425906 A 1.1663079,1.1663079 0 0 0 12.4579,19.271877 l -0.408,0.0043 a 1.1663079,1.1663079 0 0 0 -1.15403,1.178452 l 0.004,0.419544 a 1.1663079,1.1663079 0 0 0 1.17846,1.154029 l 0.40799,-0.0043 a 1.1663079,1.1663079 0 0 0 1.15403,-1.178452 z"
+     id="path2"
+     style="stroke-width:0.19246" />
+  <path
+     fill="#ffd500"
+     d="M 17.75149,2.828225 C 17.9632,2.535686 18.198,2.63384 18.48669,2.616519 a 0.26174567,0.26174567 0 0 1 0.25212,0.375297 q -0.1963,0.400317 -0.30216,0.875693 -2.23831,10.073359 -2.5347,11.335897 a 2.28835,2.269104 49.8 0 0 -0.0654,0.829503 l 0.40416,3.922336 a 0.09815462,0.09815462 0 0 1 -0.0808,0.107777 q -0.62165,0.105853 -1.28178,-0.153968 A 0.31178528,0.31178528 0 0 1 14.72801,19.782031 C 14.0159,18.604175 13.02666,17.90747 11.60823,18.26737 q -1.09317,0.277142 -1.72252,1.520434 -0.0481,0.09431 -0.0173,0.123175 0.0327,0.03272 0.025,0.06351 a 0.12702363,0.12702363 0 0 1 -0.12317,0.105853 l -2.11129,0.01925 a 0.06736102,0.06543642 21.2 0 1 -0.05,-0.111627 l 1.58972,-1.66093 a 0.18283705,0.19630925 71.9 0 0 0.052,-0.09431 q 0.05,-0.207857 0.0808,-0.236726 c 1.58587,-1.520434 3.06011,-2.990829 3.91848,-4.930826 q 1.56278,-3.525868 1.67248,-3.810709 a 6.8535023,8.0371316 19.5 0 1 0.47345,-1.031586 q 0.0693,-0.128948 0.23673,-0.67361 0.0616,-0.198234 0.14242,-0.211706 a 0.09238082,0.09238082 0 0 0 0.0635,-0.140496 Q 15.73268,7.033475 15.94438,6.966114 a 0.12509903,0.12509903 0 0 0 0.0751,-0.171289 q -0.0577,-0.123175 0.0808,-0.22133 a 0.21170605,0.20978145 83.3 0 0 0.0751,-0.09623 q 0.47537,-1.256764 0.62549,-1.558926 0.0327,-0.06544 0.10201,-0.09046 a 0.12124983,0.12124983 0 0 0 0.0731,-0.152044 q -0.0577,-0.178987 0.12317,-0.277142 0.15782,-0.08468 0.0885,-0.255972 -0.0751,-0.180912 0.13664,-0.248273 a 0.10007923,0.10007923 0 0 0 0.0577,-0.144345 q -0.102,-0.177064 0.10393,-0.265595 a 0.11932523,0.11740063 68.4 0 0 0.0635,-0.148195 q -0.0577,-0.161666 0.11163,-0.234801 0.102,-0.04427 0.1097,-0.0943 0.0115,-0.06736 -0.0115,-0.09046 a 0.06736102,0.06736102 0 0 1 -0.008,-0.08853 z"
+     id="path3"
+     style="stroke-width:0.19246" />
+</svg>

package/public/assets/svg/Chart icons.md

@@ -0,0 +1,28 @@
+# Icon colors
+
+## States
+- Lost/unconfirmed (stale data): stroke and fill reduced opacity 
+- High collision Risk: Large red icon and plot vector border/glow effect
+- Low collision Risk: Large yellow icon and plot vector border/glow effect
+- stationary vessel: transparent fill color
+- Focussed Vessel: Fluorescent Blue selected square or circle 
+- Vessel marked as "Buddy": fluorescent green
+
+## Vessels
+### Own Ship
+- Vessel associated Signal K "self": Orange
+
+### Target vessels (confirmed): light grey fill color #b1b1b1. Border color based on type:
+- Wing in Ground (AIS type 20-29) - Yellow: #ffff05
+- Fishing (AIS type 30) - Orange: #ff9100
+- Military - Light Green: #8bc34a
+- Pleasure (AIS type 36-37) - Pink/Magenta: #e600ff
+- High Speed Vessel (AIS type 40-49) - Yellow: #ffff05
+- Tug, Towing, Port Tender, Medical Transport, Diving Ops, Noncombatant ship, Anti-pollution equipment - Light Blue/Cyan: #00ffff
+- Passenger Vessel (AIS type 60-69) - Blue: #0026ff
+- Cargo Vessel (AIS type 70-79) - Green: #049931
+- Tanker Vessel (AIS type 80-89)- Red: #ff0000
+- Reserved, Unspecified, Spare, Other  (AIS type 0-9 38-39, 10-19, 56-57, 90-99)- Grey: #50505f
+- *Unknown type: red question mark
+
+## buoys and marks

package/public/assets/svg/aircraft/ais_sar-aircraft.svg

@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <style>
+    :root {
+      --icon-fill: #ff0000;
+      --icon-fill-opacity: 1;
+      --icon-stroke-opacity: 1;
+      --icon-stroke: #ff0000;
+      --icon-stroke-width: 0.75;
+      --icon-stroke-dasharray: none;
+    }
+  </style>
+  <path
+    fill="var(--icon-fill)"
+    stroke="var(--icon-stroke)"
+    stroke-width="var(--icon-stroke-width)"
+    stroke-dasharray="var(--icon-stroke-dasharray)"
+    fill-opacity="var(--icon-fill-opacity)"
+    stroke-opacity="var(--icon-stroke-opacity)"
+    d="m 7.2196989,21.496094 v -2.39015 l 2.8681811,-2.00773 v -3.44181 l -7.648482,3.05938 v -2.86817 L 10.08788,8.4936743 v -4.20666 q 0,-0.78875 0.561685,-1.35044 0.561685,-0.56168 1.350435,-0.56168 0.78875,0 1.350435,0.56168 0.561685,0.56169 0.561685,1.35044 v 4.20666 l 7.648482,5.3539397 v 2.86817 l -7.648482,-3.05938 v 3.44181 l 2.868181,2.00773 v 2.39015 L 12,20.062004 Z" />
+  <path
+     style="fill:#ffffff;stroke:#ffffff;stroke-width:1"
+     d="m 12.003887,9.14549 q 0.456381,0 0.452514,0.58982 -0.0058,0.85862 0.0077,1.71336 0,0.0135 0.03674,0.0503 0.03868,0.0387 0.05028,0.0387 0.85668,0.0155 1.715295,0.0117 0.587879,-0.002 0.587879,0.45445 0,0.45638 -0.589813,0.45252 -0.858615,-0.005 -1.713361,0.008 -0.01354,0 -0.05028,0.0367 -0.03868,0.0387 -0.03868,0.0503 -0.01547,0.85669 -0.0116,1.7153 0.002,0.58787 -0.454446,0.58787 -0.456382,0 -0.452514,-0.58981 0.0058,-0.85861 -0.0077,-1.71529 0,-0.0116 -0.03674,-0.0503 -0.03868,-0.0367 -0.05028,-0.0367 -0.85668,-0.0155 -1.715295,-0.0135 -0.587881,0.004 -0.587881,-0.45251 0,-0.45638 0.589815,-0.45252 0.858615,0.005 1.713361,-0.008 0.01354,0 0.05028,-0.0387 0.03868,-0.0367 0.03868,-0.0483 0.01547,-0.85668 0.01354,-1.71529 -0.0038,-0.58981 0.452512,-0.58789 z" />
+</svg>

package/public/assets/svg/icons.svg

@@ -73,6 +73,9 @@
       <circle fill="currentColor" fill-opacity="0" stroke="currentColor" stroke-width="2" cx="12" cy="13" r="9" />
       <text fill="var(--mat-sys-primary)" x="12" y="19" font-size="16" font-family="Roboto" font-style="bolder" text-anchor="middle" >?</text>
     </svg>
+    <svg id="aisradar"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" height="16" width="16">
+      <path d="M7.39205625 13.42898125v2.1054125c0.0012125 0.18230625 -0.1574 0.3245625 -0.33850625 0.3035875 -3.607625 -0.441125 -6.45040625 -3.28390625 -6.89153125 -6.89153125 -0.020975 -0.18110625 0.12128125 -0.33971875 0.3035875 -0.33850625H2.5695c0.28766875 2.5344625 2.28800625 4.53416875 4.82255625 4.8210375Zm4.81345 -4.82255625h-3.59908125v3.59908125c1.86351875 -0.27193125 3.32715 -1.7355625 3.59908125 -3.59908125Zm-3.59908125 -4.81345v3.59908125h3.59908125c-0.27193125 -1.86351875 -1.7355625 -3.32715 -3.59908125 -3.59908125Zm6.92796875 4.81345h-2.1054125c-0.2870125 2.53505625 -2.2875 4.53554375 -4.82255625 4.82255625v2.1054125c-0.0012125 0.18230625 0.1574 0.3245625 0.33850625 0.3035875 3.607625 -0.441125 6.45040625 -3.28390625 6.89153125 -6.89153125 0.0218875 -0.18106875 -0.1196875 -0.34043125 -0.30206875 -0.340025Zm-2.1054125 -1.21436875h2.1054125c0.18230625 0.0012125 0.3245625 -0.1574 0.3035875 -0.33850625 -0.441125 -3.607625 -3.28390625 -6.45040625 -6.89153125 -6.89153125 -0.18110625 -0.020975 -0.33971875 0.12128125 -0.33850625 0.3035875V2.5695c2.5344625 0.28766875 4.53416875 2.28800625 4.8210375 4.82255625ZM7.05355 0.16201875C3.445925 0.60314375 0.60314375 3.445925 0.16201875 7.05355c-0.020975 0.18110625 0.12128125 0.33971875 0.3035875 0.33850625H2.5695c0.2870125 -2.53505 2.28750625 -4.53554375 4.82255625 -4.82255625V0.46409375c0.0003 -0.18170625 -0.15800625 -0.322975 -0.33850625 -0.302075ZM3.792975 7.39205625h3.59908125V3.792975c-1.86351875 0.27193125 -3.32715 1.7355625 -3.59908125 3.59908125Zm3.59908125 4.81345v-3.59908125H3.792975c0.27193125 1.86351875 1.7355625 3.32715 3.59908125 3.59908125Z" stroke-width="0.0625"></path>
+    </svg>
     <svg id="troubleshoot" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
       <path fill="currentColor" d="m22 20.59l-4.69-4.69A7.9 7.9 0 0 0 19 11c0-4.42-3.58-8-8-8c-4.08 0-7.44 3.05-7.93 7h2.02C5.57 7.17 8.03 5 11 5c3.31 0 6 2.69 6 6s-2.69 6-6 6c-2.42 0-4.5-1.44-5.45-3.5H3.4C4.45 16.69 7.46 19 11 19c1.85 0 3.55-.63 4.9-1.69L20.59 22z" />
       <path fill="var(--mat-sys-primary)" fill-opacity="1" d="M8.43 9.69L9.65 15h1.64l1.26-3.78l.95 2.28h2V12h-1l-1.25-3h-1.54l-1.12 3.37L9.35 7H7.7l-1.25 4H1v1.5h6.55z" />
@@ -173,6 +176,9 @@
       </mask>
       <rect width="16" height="16" fill="currentColor" mask="url(#simpleLinearGaugeTwotone)" />
     </svg>
+    <svg id="anchorWatch" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24">
+      <path fill="currentColor" d="M12 22c-1.1 0 -2.1875 -0.2 -3.2625 -0.6 -1.075 -0.4 -2.0375 -0.925 -2.8875 -1.575 -0.85 -0.65 -1.5375 -1.38335 -2.0625 -2.2 -0.525 -0.81665 -0.7875 -1.65 -0.7875 -2.5v-2.5l3.375 2.525 -1.45 1.45c0.51665 0.96665 1.4 1.82915 2.65 2.5875 1.25 0.75835 2.475 1.17915 3.675 1.2625V10.75H8v-1.5h3.25v-1.85c-0.63335 -0.23335 -1.125 -0.58335 -1.475 -1.05 -0.35 -0.46665 -0.525 -1 -0.525 -1.6 0 -0.766665 0.27085 -1.416665 0.8125 -1.95C10.60415 2.266665 11.25 2 12 2c0.76665 0 1.41665 0.266665 1.95 0.8 0.53335 0.533335 0.8 1.183335 0.8 1.95 0 0.6 -0.175 1.13335 -0.525 1.6 -0.35 0.46665 -0.84165 0.81665 -1.475 1.05v1.85H16v1.5h-3.25v9.7c1.2 -0.08335 2.425 -0.50415 3.675 -1.2625s2.13335 -1.62085 2.65 -2.5875l-1.45 -1.45L21 12.625v2.5c0 0.85 -0.2625 1.68335 -0.7875 2.5 -0.525 0.81665 -1.2125 1.55 -2.0625 2.2 -0.85 0.65 -1.8125 1.175 -2.8875 1.575C14.1875 21.8 13.1 22 12 22Zm0 -16c0.35 0 0.64585 -0.125 0.8875 -0.375 0.24165 -0.25 0.3625 -0.54165 0.3625 -0.875 0 -0.35 -0.12085 -0.645835 -0.3625 -0.8875C12.64585 3.620835 12.35 3.5 12 3.5c-0.33335 0 -0.625 0.120835 -0.875 0.3625S10.75 4.4 10.75 4.75c0 0.33335 0.125 0.625 0.375 0.875S11.66665 6 12 6Z" stroke-width="0.5"></path>
+    </svg>
     <svg id="linearGauge" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32">
       <path fill="var(--mat-sys-primary)" fill-opacity="0.4" d="M20 10h7v2h-7zm0 6h10v2H20zm0 6h7v2h-7zm-10-1.816V7H8v13.184a3 3 0 1 0 2 0" />
       <path fill="currentColor" d="M30 4H12.974A4.983 4.983 0 0 0 4 7v11.11a7 7 0 1 0 10 0V7a5 5 0 0 0-.101-1H30ZM9 28a4.993 4.993 0 0 1-3.332-8.718L6 18.983V7a3 3 0 0 1 6 0v11.983l.332.299A4.993 4.993 0 0 1 9 28" />

package/public/assets/svg/sar-distress-device/sart-eprib-mob.svg

@@ -0,0 +1,35 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <pattern
+       patternUnits="userSpaceOnUse"
+       width="19.450266"
+       height="19.450266"
+       patternTransform="translate(2.2748669,2.2748669)"
+       preserveAspectRatio="xMidYMid"
+       id="pattern4">
+      <path
+         d="M 9.7251331,0.56693 C 4.6671689,0.5668494 0.5668494,4.6671689 0.56693,9.7251331 0.5668494,14.783097 4.6671689,18.883417 9.7251331,18.883336 14.783097,18.883417 18.883417,14.783097 18.883336,9.7251331 18.883417,4.6671689 14.783097,0.5668494 9.7251331,0.56693 Z m -6.3515625,2.7089843 6.3515625,6.3515628 6.3515619,-6.3515628 0.09766,0.097656 -6.3515629,6.3515625 6.3515629,6.3515619 -0.09766,0.09766 L 9.7251331,9.8227891 3.3735706,16.174352 3.2759143,16.076695 9.6274771,9.7251331 3.2759143,3.3735706 Z"
+         style="fill:none;fill-opacity:0.983957;stroke:#ff001b;stroke-width:1.13386;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0"
+         id="path4" />
+      <path
+         d="m 3.3735706,3.2759143 -0.097656,0.097656 6.3515628,6.3515625 0.097656,-0.097656 z m 6.4492185,6.4492188 -0.097656,0.097656 6.3515619,6.3515629 0.09766,-0.09766 z"
+         style="fill:#ff0000;fill-opacity:0.983957;stroke:#ff001b;stroke-width:0.981037;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0"
+         id="path3" />
+      <path
+         d="M 16.076695,3.2759143 3.2759143,16.076695 3.3735706,16.174352 16.174352,3.3735706 Z"
+         style="fill:#ff0000;fill-opacity:0.983957;stroke:#ff001b;stroke-width:0.981037;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0"
+         id="path2" />
+    </pattern>
+  </defs>
+  <g
+     id="layer1">
+    <rect
+       style="stroke:none;fill:url(#pattern4)"
+       width="19.450266"
+       height="19.450266"
+       x="2.2748669"
+       y="2.2748669"
+       id="rect4" />
+  </g>
+</svg>

package/public/assets/svg/vessel/buddy.svg

@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <style>
+    :root {
+      --icon-fill: #00d000;
+      --icon-fill-opacity: 1;
+      --icon-stroke-opacity: 1;
+      --icon-stroke: #00d000;
+      --icon-stroke-width: 1;
+      --icon-stroke-dasharray: none;
+    }
+  </style>
+  <path
+    fill="var(--icon-fill)"
+    stroke="var(--icon-stroke)"
+    stroke-width="var(--icon-stroke-width)"
+    stroke-dasharray="var(--icon-stroke-dasharray)"
+    fill-opacity="var(--icon-fill-opacity)"
+    stroke-opacity="var(--icon-stroke-opacity)"
+    d="m 12.006775,5 c 0.105455,0 0.162864,0.1142445 0.242542,0.319296 0.305819,0.7827109 0.652654,1.5531172 0.970191,2.3346564 0.852428,2.093283 1.397279,4.3342036 1.525583,6.4485776 0.0785,1.291239 0.09549,2.879509 0.05097,4.764811 -0.0017,0.08423 -0.07906,0.14649 -0.161698,0.130061 -1.036975,-0.201536 -1.915767,-0.302304 -2.636376,-0.302304 -0.719438,-0.0012 -1.597644,0.0984 -2.6346193,0.298789 -0.082634,0.01643 -0.1600332,-0.04583 -0.1616984,-0.130061 -0.04218,-1.885303 -0.023433,-3.473573 0.05624,-4.764812 C 9.3897277,11.98464 9.9363367,9.7454778 10.790523,7.6521948 11.109232,6.8706557 11.457238,6.1008352 11.764229,5.319296 11.845078,5.1142445 11.902488,5 12.006772,5 Z" />
+    <circle
+     style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.347695;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1"
+     id="path43"
+     cx="12"
+     cy="12"
+     r="1.1764351" />
+</svg>

package/public/assets/svg/vessel/cargo.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <style>
+    :root {
+      --icon-fill: #b1b1b1;
+      --icon-fill-opacity: 1;
+      --icon-stroke-opacity: 1;
+      --icon-stroke: #049931;
+      --icon-stroke-width: 1;
+      --icon-stroke-dasharray: none;
+    }
+  </style>
+  <path
+    fill="var(--icon-fill)"
+    stroke="var(--icon-stroke)"
+    stroke-width="var(--icon-stroke-width)"
+    stroke-dasharray="var(--icon-stroke-dasharray)"
+    fill-opacity="var(--icon-fill-opacity)"
+    stroke-opacity="var(--icon-stroke-opacity)"
+    d="m 12.006443,0.9999993 c 1.733156,0 2.711171,1.1235145 3.416589,2.6024985 q 1.036944,2.1751957 1.342691,4.5658914 c 0.180495,1.429262 0.34995,3.2526658 0.364677,4.8016498 q 0.0553,6.188532 0.01286,8.923646 -0.01469,0.941176 -0.928283,1.097737 a 0.60596126,0.60043578 49.4 0 1 -0.29653,-0.0239 q -2.291231,-0.773575 -3.501316,-1.210085 -0.250485,-0.09025 -0.418096,-0.09025 -0.165767,0 -0.418096,0.09025 -1.210075,0.434676 -3.5013155,1.208242 a 0.60043578,0.60596126 40.6 0 1 -0.2965302,0.02208 Q 6.8695524,22.831195 6.854815,21.890029 6.8142999,19.154914 6.8732494,12.966372 C 6.8898606,11.417398 7.0611079,9.5939846 7.2416128,8.1647226 Q 7.5491934,5.7740371 8.5879909,3.6006746 c 0.7054187,-1.478984 1.6834231,-2.600655 3.4184321,-2.600655 z" />
+</svg>

package/public/assets/svg/vessel/diving-ops.svg

@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <style>
+    :root {
+      --icon-fill: #b1b1b1;
+      --icon-fill-opacity: 1;
+      --icon-stroke-opacity: 1;
+      --icon-stroke: #00ffff;
+      --icon-stroke-width: 0.75;
+      --icon-stroke-dasharray: none;
+    }
+  </style>
+  <path
+    fill="var(--icon-fill)"
+    stroke="var(--icon-stroke)"
+    stroke-width="var(--icon-stroke-width)"
+    stroke-dasharray="var(--icon-stroke-dasharray)"
+    fill-opacity="var(--icon-fill-opacity)"
+    stroke-opacity="var(--icon-stroke-opacity)"
+    d="m 12.005451,4.9999998 c -0.133231,0 -0.268411,0.06697 -0.40518,0.2013795 C 10.324554,6.454696 9.4644711,7.921577 9.0199738,9.6017041 8.8537297,10.225414 8.7769548,11.237608 8.7899237,12.638304 c 0.011797,1.357069 0.011249,3.235171 -0.00175,5.634512 -0.00355,0.469253 0.2033432,0.710344 0.620723,0.723309 A 0.39085117,0.38200839 35.7 0 0 9.5595,18.973305 c 0.824148,-0.281786 1.599091,-0.537064 2.325377,-0.765798 0.0059,-0.0024 0.04319,-0.0036 0.111571,-0.0036 0.06838,0 0.105676,0.0012 0.111571,0.0036 0.725107,0.229915 1.499503,0.486283 2.323649,0.769255 a 0.38200839,0.39085117 54.4 0 0 0.150259,0.02282 c 0.417379,-0.0118 0.625153,-0.252327 0.622793,-0.721586 -0.0094,-2.399342 -0.0078,-4.277438 0.0052,-5.634513 C 15.22523,11.242787 15.15045,10.230045 14.98538,9.605155 14.543241,7.9250275 13.685351,6.4576014 12.411991,5.203107 12.274044,5.0675181 12.13866,4.9999998 12.005429,4.9999998 Z" />
+  <g
+     transform="matrix(1.0989109,0,0,1.1103836,-1.2673173,0.3807347)">
+    <path
+       id="rect1"
+       style="fill:#ffffff;fill-opacity:0.983957;stroke:none;stroke-width:0.252692;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0"
+       d="m 9.7519531,8.9785156 v 0.3535156 l 4.1874999,2.6171878 h 0.451172 V 11.619141 L 10.164062,8.9785156 Z" />
+    <path
+       id="rect1-3"
+       style="fill:#ff0000;fill-opacity:0.983957;stroke:none;stroke-width:0.252692;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0"
+       d="m 10.167779,8.9793066 4.22657,2.6406054 V 8.9793066 Z m -0.4121198,0.353386 v 2.6171724 h 4.1875278 z" />
+  </g>
+</svg>

package/public/assets/svg/vessel/fishing.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <style>
+    :root {
+      --icon-fill: #b1b1b1;
+      --icon-fill-opacity: 1;
+      --icon-stroke-opacity: 1;
+      --icon-stroke: #ff9100;
+      --icon-stroke-width: 1;
+      --icon-stroke-dasharray: none;
+    }
+  </style>
+  <path
+    fill="var(--icon-fill)"
+    stroke="var(--icon-stroke)"
+    stroke-width="var(--icon-stroke-width)"
+    stroke-dasharray="var(--icon-stroke-dasharray)"
+    fill-opacity="var(--icon-fill-opacity)"
+    stroke-opacity="var(--icon-stroke-opacity)"
+    d="m 12.01442,5.0000045 q 0.184296,0 0.301253,0.1116404 1.974097,1.8642287 2.659893,4.4248843 0.264039,0.9852768 0.241002,3.9676868 c -0.01595,2.147761 0.04253,3.708964 -0.04253,5.07878 a 0.26226782,0.26758406 66.3 0 1 -0.06203,0.154172 q -0.299481,0.352644 -0.666302,0.232142 -1.424752,-0.467829 -2.330284,-0.769083 -0.0053,-0.0018 -0.116958,-0.0018 -0.111641,0 -0.116957,0.0018 -0.907306,0.299482 -2.332058,0.763766 -0.36682,0.118731 -0.6663013,-0.233913 a 0.26758406,0.26226782 23.8 0 1 -0.062021,-0.154171 c -0.081519,-1.37159 -0.019494,-2.932792 -0.028354,-5.080554 Q 8.7768231,10.512945 9.042635,9.5294412 9.735518,6.9705572 11.714932,5.1098728 11.831888,5 12.014414,5 Z" />
+</svg>

package/public/assets/svg/vessel/highspeed.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <style>
+    :root {
+      --icon-fill: #b1b1b1;
+      --icon-fill-opacity: 1;
+      --icon-stroke-opacity: 1;
+      --icon-stroke: #ffff05;
+      --icon-stroke-width: 0.9;
+      --icon-stroke-dasharray: none;
+    }
+  </style>
+  <g
+    fill="var(--icon-fill)"
+    stroke="var(--icon-stroke)"
+    stroke-width="var(--icon-stroke-width)"
+    stroke-dasharray="var(--icon-stroke-dasharray)"
+    fill-opacity="var(--icon-fill-opacity)"
+    stroke-opacity="var(--icon-stroke-opacity)">
+    <path
+       d="m 12.008993,4.2148446 q 0.14941,0 0.183756,0.094463 2.33904,6.4521084 4.114782,11.2967644 c 0.113374,0.309126 0.211237,0.753921 -0.134008,0.886153 q -0.216384,0.08408 -0.367512,-0.07902 -1.449444,-1.590274 -2.826765,-3.18226 -0.140767,-0.161433 -0.793418,-0.832922 -0.05669,-0.05669 -0.183759,-0.05669 -0.127063,-0.0019 -0.182038,0.05669 -0.654322,0.669769 -0.795141,0.831201 -1.379029,1.590273 -2.8319193,3.178826 -0.1511266,0.163152 -0.3675142,0.07902 C 7.4803156,16.353112 7.5799216,15.908325 7.6932617,15.600921 q 1.7826182,-4.842946 4.1302433,-11.2916195 0.03435,-0.094463 0.185475,-0.094463 z" />
+    <path
+       d="m 12.882257,14.816773 c -0.08701,-0.09979 -0.17507,-0.200209 -0.26139,-0.299984 -0.0594,-0.06821 -0.227958,-0.244538 -0.503481,-0.528038 -0.02397,-0.02397 -0.06208,-0.03501 -0.115725,-0.03501 -0.05371,-7.16e-4 -0.09263,0.0109 -0.115725,0.03501 -0.276246,0.282774 -0.44402,0.458131 -0.503479,0.526283 -0.08617,0.09928 -0.174555,0.198899 -0.261384,0.298229 -0.239759,1.236945 -0.517665,2.672047 -0.726276,3.74189 -0.04216,0.216225 -0.07944,0.52854 0.04918,0.622774 0.05384,0.03943 0.09926,0.02214 0.136842,-0.0544 0.36092,-0.744927 0.713503,-1.490989 1.056075,-2.236714 0.03491,-0.07564 0.133899,-0.2701 0.296477,-0.584178 0.0137,-0.02741 0.03502,-0.04118 0.06664,-0.04037 0.03152,0 0.05434,0.01355 0.0684,0.04037 0.162117,0.314888 0.261492,0.510233 0.296474,0.58593 0.342149,0.746537 0.692503,1.492738 1.052569,2.238466 0.03758,0.07657 0.08477,0.09381 0.138587,0.0544 0.128605,-0.09293 0.09131,-0.405341 0.04918,-0.622771 -0.207716,-1.069755 -0.513234,-2.573161 -0.751973,-3.810047 z" />
+  </g>
+</svg>

package/public/assets/svg/vessel/law-enforcement.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <style>
+    :root {
+      --icon-fill: #0000ff;
+      --icon-fill-opacity: 1;
+      --icon-stroke-opacity: 1;
+      --icon-stroke: #82829e;
+      --icon-stroke-width: 0.75;
+      --icon-stroke-dasharray: none;
+    }
+  </style>
+  <path
+    fill="var(--icon-fill)"
+    stroke="var(--icon-stroke)"
+    stroke-width="var(--icon-stroke-width)"
+    stroke-dasharray="var(--icon-stroke-dasharray)"
+    fill-opacity="var(--icon-fill-opacity)"
+    stroke-opacity="var(--icon-stroke-opacity)"
+     d="m 12.005451,4.9999998 c -0.133231,0 -0.268411,0.06697 -0.40518,0.2013795 C 10.324554,6.454696 9.4644711,7.921577 9.0199738,9.6017041 8.8537297,10.225414 8.7769548,11.237608 8.7899237,12.638304 c 0.011797,1.357069 0.011249,3.235171 -0.00175,5.634512 -0.00355,0.469253 0.2033432,0.710344 0.620723,0.723309 A 0.39085117,0.38200839 35.7 0 0 9.5595,18.973305 c 0.824148,-0.281786 1.599091,-0.537064 2.325377,-0.765798 0.0059,-0.0024 0.04319,-0.0036 0.111571,-0.0036 0.06838,0 0.105676,0.0012 0.111571,0.0036 0.725107,0.229915 1.499503,0.486283 2.323649,0.769255 a 0.38200839,0.39085117 54.4 0 0 0.150259,0.02282 c 0.417379,-0.0118 0.625153,-0.252327 0.622793,-0.721586 -0.0094,-2.399342 -0.0078,-4.277438 0.0052,-5.634513 C 15.22523,11.242787 15.15045,10.230045 14.98538,9.605155 14.543241,7.9250275 13.685351,6.4576014 12.411991,5.203107 12.274044,5.0675181 12.13866,4.9999998 12.005429,4.9999998 Z" />
+  <path
+     d="m 11.095336,13.163139 0.904663,-0.678497 0.88851,0.678497 -0.33925,-1.09852 0.904665,-0.710808 h -1.098521 l -0.355404,-1.098519 -0.355403,1.098519 h -1.09852 l 0.888508,0.710808 z m 0.904663,2.067803 Q 10.877247,14.948234 10.146247,13.942604 9.4152467,12.936972 9.4152467,11.709216 V 9.7383395 l 2.5847523,-0.9692811 2.584754,0.9692811 v 1.9708765 q 0,1.227756 -0.731,2.233388 -0.731001,1.00563 -1.853754,1.288338 z m 0,-0.678498 q 0.840045,-0.266552 1.389306,-1.06621 0.549259,-0.799659 0.549259,-1.777018 V 10.182595 L 11.999999,9.4556336 10.061434,10.182595 v 1.526621 q 0,0.977359 0.54926,1.777018 0.54926,0.799658 1.389305,1.06621 z m 0,-2.552444 z"
+     id="path1"
+     style="fill:#ffffff;stroke-width:0.00807734" />
+</svg>

package/public/assets/svg/vessel/military-ops.svg

@@ -0,0 +1,60 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <style>
+    :root {
+      --icon-fill: #4B5320;
+      --icon-fill-opacity: 1;
+      --icon-stroke-opacity: 1;
+      --icon-stroke: #82829e;
+      --icon-stroke-width: 1;
+      --icon-stroke-dasharray: none;
+    }
+  </style>
+  <path
+    fill="var(--icon-fill)"
+    stroke="var(--icon-stroke)"
+    stroke-width="var(--icon-stroke-width)"
+    stroke-dasharray="var(--icon-stroke-dasharray)"
+    fill-opacity="var(--icon-fill-opacity)"
+    stroke-opacity="var(--icon-stroke-opacity)"
+    d="m 12.005451,4.9999998 c -0.133231,0 -0.268411,0.06697 -0.40518,0.2013795 C 10.324554,6.454696 9.4644711,7.921577 9.0199738,9.6017041 8.8537297,10.225414 8.7769548,11.237608 8.7899237,12.638304 c 0.011797,1.357069 0.011249,3.235171 -0.00175,5.634512 -0.00355,0.469253 0.2033432,0.710344 0.620723,0.723309 A 0.39085117,0.38200839 35.7 0 0 9.5595,18.973305 c 0.824148,-0.281786 1.599091,-0.537064 2.325377,-0.765798 0.0059,-0.0024 0.04319,-0.0036 0.111571,-0.0036 0.06838,0 0.105676,0.0012 0.111571,0.0036 0.725107,0.229915 1.499503,0.486283 2.323649,0.769255 a 0.38200839,0.39085117 54.4 0 0 0.150259,0.02282 c 0.417379,-0.0118 0.625153,-0.252327 0.622793,-0.721586 -0.0094,-2.399342 -0.0078,-4.277438 0.0052,-5.634513 C 15.22523,11.242787 15.15045,10.230045 14.98538,9.605155 14.543241,7.9250275 13.685351,6.4576014 12.411991,5.203107 12.274044,5.0675181 12.13866,4.9999998 12.005429,4.9999998 Z" />
+  <g
+     transform="matrix(0.01317903,0,0,0.01317903,8.6261683,8.6261683)"
+     style="fill:#ffffff">
+    <g
+       style="fill:#ffffff">
+      <g
+         style="fill:#ffffff">
+        <polygon
+           points="175.174,169.351 175.174,212.441 256,254.909 336.826,212.441 336.826,169.351 256,211.819 "
+           style="fill:#ffffff" />
+      </g>
+    </g>
+    <g
+       style="fill:#ffffff">
+      <g
+         style="fill:#ffffff">
+        <polygon
+           points="175.174,92.033 175.174,135.122 256,177.59 336.826,135.122 336.826,92.033 256,134.501 "
+           style="fill:#ffffff" />
+      </g>
+    </g>
+    <g
+       style="fill:#ffffff">
+      <g
+         style="fill:#ffffff">
+        <polygon
+           points="175.174,246.669 175.174,289.759 256,332.227 336.826,289.759 336.826,246.669 256,289.138 "
+           style="fill:#ffffff" />
+      </g>
+    </g>
+    <g
+       style="fill:#ffffff">
+      <g
+         style="fill:#ffffff">
+        <path
+           d="M 103.352,0 V 431.794 L 256,512 408.648,431.794 V 0 Z M 256,450.624 c -12.272,0 -22.22,-9.949 -22.22,-22.22 0,-12.272 9.949,-22.22 22.22,-22.22 12.271,0 22.22,9.949 22.22,22.22 0,12.272 -9.948,22.22 -22.22,22.22 z M 367.126,308.066 256,366.456 144.874,308.067 V 41.883 L 256,100.273 367.126,41.884 Z"
+           style="fill:#ffffff" />
+      </g>
+    </g>
+  </g>
+</svg>

package/public/assets/svg/vessel/other.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <style>
+    :root {
+      --icon-fill: #b1b1b1;
+      --icon-fill-opacity: 1;
+      --icon-stroke-opacity: 1;
+      --icon-stroke: #50505f;
+      --icon-stroke-width: 1;
+      --icon-stroke-dasharray: none;
+    }
+  </style>
+  <path
+    fill="var(--icon-fill)"
+    stroke="var(--icon-stroke)"
+    stroke-width="var(--icon-stroke-width)"
+    stroke-dasharray="var(--icon-stroke-dasharray)"
+    fill-opacity="var(--icon-fill-opacity)"
+    stroke-opacity="var(--icon-stroke-opacity)"
+    d="m 17.163663,18.966244 -5.006064,-2.210421 a 0.45888923,0.55590095 0 0 0 -0.311973,0 L 6.834121,18.957454 A 0.45888923,0.55590095 0 0 1 6.2682179,18.186224 L 11.595324,5.3082185 a 0.45888923,0.55590095 0 0 1 0.821647,0 L 17.73138,18.195013 a 0.45888923,0.55590095 0 0 1 -0.567717,0.771231 z" />
+</svg>

package/public/assets/svg/vessel/passenger.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <style>
+    :root {
+      --icon-fill: #b1b1b1;
+      --icon-fill-opacity: 1;
+      --icon-stroke-opacity: 1;
+      --icon-stroke: #0026ff;
+      --icon-stroke-width: 1;
+      --icon-stroke-dasharray: none;
+    }
+  </style>
+  <path
+    fill="var(--icon-fill)"
+    stroke="var(--icon-stroke)"
+    stroke-width="var(--icon-stroke-width)"
+    stroke-dasharray="var(--icon-stroke-dasharray)"
+    fill-opacity="var(--icon-fill-opacity)"
+    stroke-opacity="var(--icon-stroke-opacity)"
+    d="m 12.004295,1.0000002 q 0.268046,0 0.613406,0.427837 2.561865,3.180423 3.249149,4.0532782 0.221655,0.2800693 0.242274,0.7353977 0.207904,4.5360979 0.690721,15.5739359 a 0.55154825,0.55326647 66.2 0 1 -0.161513,0.414091 l -0.623712,0.625431 a 0.58591263,0.58591263 0 0 1 -0.553265,0.152922 q -1.134024,-0.281788 -2.831625,-0.735397 -0.436427,-0.11684 -0.628873,-0.11684 -0.194153,0 -0.630587,0.11684 -1.697594,0.451891 -2.831618,0.733679 A 0.58591263,0.58591263 0 0 1 7.98538,22.828253 L 7.3616682,22.202822 A 0.55326647,0.55154825 23.8 0 1 7.2001549,21.788731 Q 7.6881328,10.750892 7.8994743,6.214795 7.9201165,5.7594666 8.14174,5.4793973 8.829024,4.6065421 11.392612,1.4278372 q 0.34536,-0.427837 0.611683,-0.427837 z" />
+</svg>

package/public/assets/svg/vessel/pilot.svg

@@ -0,0 +1,82 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <style>
+    :root {
+      --icon-fill: #b1b1b1;
+      --icon-fill-opacity: 1;
+      --icon-stroke-opacity: 1;
+      --icon-stroke: #00ffff;
+      --icon-stroke-width: 1;
+      --icon-stroke-dasharray: none;
+    }
+  </style>
+  <path
+    fill="var(--icon-fill)"
+    stroke="var(--icon-stroke)"
+    stroke-width="var(--icon-stroke-width)"
+    stroke-dasharray="var(--icon-stroke-dasharray)"
+    fill-opacity="var(--icon-fill-opacity)"
+    stroke-opacity="var(--icon-stroke-opacity)"
+    d="m 12.005451,4.9999995 c -0.133231,0 -0.268411,0.06697 -0.40518,0.2013795 -1.275717,1.2533167 -2.1358002,2.7201977 -2.5802972,4.4003248 -0.1662441,0.6237102 -0.243019,1.6359042 -0.2300501,3.0366002 0.011797,1.357069 0.011249,3.235171 -0.00175,5.634512 -0.00355,0.469253 0.2033431,0.710344 0.6207231,0.723309 a 0.39085117,0.38200839 35.7 0 0 0.150603,-0.02282 c 0.8241482,-0.281786 1.5990912,-0.537064 2.3253772,-0.765798 0.0059,-0.0024 0.04319,-0.0036 0.111571,-0.0036 0.06838,0 0.105676,0.0012 0.111571,0.0036 0.725107,0.229915 1.499503,0.486283 2.323649,0.769255 a 0.38200839,0.39085117 54.4 0 0 0.150259,0.02282 c 0.417379,-0.0118 0.625153,-0.252327 0.622793,-0.721586 -0.0094,-2.399342 -0.0078,-4.277438 0.0052,-5.634513 C 15.22523,11.242787 15.15045,10.230045 14.98538,9.6051547 14.543241,7.9250272 13.685351,6.4576011 12.411991,5.2031067 12.274044,5.0675178 12.13866,4.9999995 12.005429,4.9999995 Z" />
+  <g
+     id="g8">
+    <rect
+       style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.46153;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:3.2;stroke-opacity:0.550633"
+       id="rect1152-3-5"
+       width="0.303"
+       height="5.9790001"
+       x="11.8485"
+       y="-14.9895"
+       transform="rotate(90)"
+       ry="0.1465963" />
+    <rect
+       style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.46153;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:3.2;stroke-opacity:0.550633"
+       id="rect1152-3-5-3"
+       width="0.303"
+       height="5.9790001"
+       x="-4.5438046"
+       y="-19.381805"
+       transform="rotate(150)"
+       ry="0.1465963" />
+    <rect
+       style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.46153;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:3.2;stroke-opacity:0.550633"
+       id="rect1152-3-5-9"
+       width="0.303"
+       height="5.9790001"
+       x="4.2408051"
+       y="-19.381805"
+       transform="rotate(120)"
+       ry="0.1465963" />
+    <rect
+       style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.46153;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:3.2;stroke-opacity:0.550633"
+       id="rect1152-3-5-6"
+       width="0.303"
+       height="5.9790001"
+       x="11.8485"
+       y="9.0105"
+       ry="0.1465963" />
+    <rect
+       style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.46153;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:3.2;stroke-opacity:0.550633"
+       id="rect1152-3-5-85"
+       width="0.303"
+       height="5.9790001"
+       x="16.240805"
+       y="1.4028047"
+       transform="rotate(30)"
+       ry="0.1465963" />
+    <rect
+       style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.46153;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:3.2;stroke-opacity:0.550633"
+       id="rect1152-3-5-8"
+       width="0.303"
+       height="5.9790001"
+       x="16.240805"
+       y="-7.3818049"
+       transform="rotate(60)"
+       ry="0.1465963" />
+    <circle
+       style="fill:none;stroke:#ffffff;stroke-width:0.578727;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none"
+       id="path8"
+       cx="12"
+       cy="12"
+       r="2.0725486" />
+  </g>
+</svg>

package/public/assets/svg/vessel/pleasurecraft.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <style>
+    :root {
+      --icon-fill: #b1b1b1;
+      --icon-fill-opacity: 1;
+      --icon-stroke-opacity: 1;
+      --icon-stroke: #e600ff;
+      --icon-stroke-width: 1;
+      --icon-stroke-dasharray: none;
+    }
+  </style>
+  <path
+    fill="var(--icon-fill)"
+    stroke="var(--icon-stroke)"
+    stroke-width="var(--icon-stroke-width)"
+    stroke-dasharray="var(--icon-stroke-dasharray)"
+    fill-opacity="var(--icon-fill-opacity)"
+    stroke-opacity="var(--icon-stroke-opacity)"
+    d="m 12.004051,5 q 0.142769,0 0.202797,0.077873 0.971788,1.2621904 1.954932,2.5470934 c 0.369895,0.4834612 0.363412,0.8484907 0.412077,1.5639479 q 0.296893,4.3105917 0.611633,8.4492087 0.05355,0.712219 -0.0795,0.906901 c -0.254711,0.373136 -0.572692,0.536992 -1.072375,0.415319 -0.915008,-0.222261 -1.495807,-0.452635 -2.03443,-0.45426 -0.537,0 -1.119423,0.230375 -2.0328073,0.452635 C 9.4666948,19.080399 9.1487141,18.916518 8.8940033,18.5434 Q 8.7609673,18.348717 8.8145055,17.636506 9.1324862,13.497883 9.4326279,9.1872921 C 9.4812862,8.4718349 9.4748315,8.1068054 9.8447048,7.6233442 Q 10.829473,6.3400634 11.801262,5.077873 11.861272,5 12.004051,5 Z" />
+</svg>

package/public/assets/svg/vessel/sailing.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <style>
+    :root {
+      --icon-fill: #b1b1b1;
+      --icon-fill-opacity: 1;
+      --icon-stroke-opacity: 1;
+      --icon-stroke: #e600ff;
+      --icon-stroke-width: 1;
+      --icon-stroke-dasharray: none;
+    }
+  </style>
+  <path
+    fill="var(--icon-fill)"
+    stroke="var(--icon-stroke)"
+    stroke-width="var(--icon-stroke-width)"
+    stroke-dasharray="var(--icon-stroke-dasharray)"
+    fill-opacity="var(--icon-fill-opacity)"
+    stroke-opacity="var(--icon-stroke-opacity)"
+     d="m 12.006775,5 c 0.105455,0 0.162864,0.1142445 0.242542,0.319296 0.305819,0.7827109 0.652654,1.5531172 0.970191,2.3346564 0.852428,2.093283 1.397279,4.3342036 1.525583,6.4485776 0.0785,1.291239 0.09549,2.879509 0.05097,4.764811 -0.0017,0.08423 -0.07906,0.14649 -0.161698,0.130061 -1.036975,-0.201536 -1.915767,-0.302304 -2.636376,-0.302304 -0.719438,-0.0012 -1.597644,0.0984 -2.6346193,0.298789 -0.082634,0.01643 -0.1600332,-0.04583 -0.1616984,-0.130061 -0.04218,-1.885303 -0.023433,-3.473573 0.05624,-4.764812 C 9.3897277,11.98464 9.9363367,9.7454778 10.790523,7.6521948 11.109232,6.8706557 11.457238,6.1008352 11.764229,5.319296 11.845078,5.1142445 11.902488,5 12.006772,5 Z" />
+</svg>

package/public/assets/svg/vessel/sar.svg

@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <style>
+    :root {
+      --icon-fill: #ff0000;
+      --icon-fill-opacity: 1;
+      --icon-stroke-opacity: 1;
+      --icon-stroke: #ff0000;
+      --icon-stroke-width: 1;
+      --icon-stroke-dasharray: none;
+    }
+  </style>
+
+  <path
+    fill="var(--icon-fill)"
+    stroke="var(--icon-stroke)"
+    stroke-width="var(--icon-stroke-width)"
+    stroke-dasharray="var(--icon-stroke-dasharray)"
+    fill-opacity="var(--icon-fill-opacity)"
+    stroke-opacity="var(--icon-stroke-opacity)"
+    d="m 12.004699,5.0000002 q 0.178912,0 0.275491,0.1009076 2.639332,2.751054 2.607665,6.8475392 -0.02692,3.383053 -0.01898,6.367788 c 0.0015,0.479752 -0.286575,0.801949 -0.73781,0.642621 Q 12.90877,18.526901 12.482867,18.346331 12.202626,18.22595 11.996799,18.22595 q -0.205825,0 -0.486066,0.11861 -0.425903,0.180571 -1.6497817,0.610756 C 9.4097001,19.114642 9.1215428,18.792447 9.1247095,18.312695 Q 9.1357935,15.32796 9.1120405,11.944907 9.0851235,7.8484215 11.727622,5.1009079 11.824202,5.0000003 12.004699,5.0000002 Z" />
+  <path
+     style="fill:#ffffff;stroke: #ffffff;stroke-width:1"
+     d="m 11.58995,11.539655 q -0.03008,0.03541 -0.04116,0.03541 -0.699811,0.01239 -1.402788,0.0072 -0.482902,-0.0036 -0.482902,0.414252 0,0.417792 0.481319,0.414252 0.702977,-0.0018 1.404371,0.01239 0.0095,0 0.04116,0.03364 0.03008,0.0354 0.03008,0.04603 0.01108,0.784244 0.0063,1.57026 -0.0032,0.539944 0.370489,0.539944 0.373654,0 0.372071,-0.538175 -0.0032,-0.786014 0.0095,-1.570259 0,-0.01062 0.03166,-0.04603 0.03008,-0.03364 0.04116,-0.03364 0.69981,-0.01239 1.402789,-0.0072 0.482901,0.0036 0.482901,-0.414252 0,-0.417792 -0.481317,-0.416023 -0.702979,0.0036 -1.404373,-0.01062 -0.0095,0 -0.04116,-0.0354 -0.03008,-0.03364 -0.03008,-0.04603 -0.01108,-0.782474 -0.0063,-1.5684887 0.0032,-0.539943 -0.370488,-0.539943 -0.373654,-0.00177 -0.370488,0.5381732 0.0015,0.7860145 -0.01108,1.5702585 0,0.01062 -0.03167,0.04426 z"
+     id="path1" />
+</svg>

package/public/assets/svg/vessel/self.svg

@@ -0,0 +1,67 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <defs
+     id="defs9">
+    <filter
+       style="color-interpolation-filters:sRGB;"
+       id="filter43"
+       x="-0.30044789"
+       y="-0.13785713"
+       width="1.8344179"
+       height="1.3828571">
+      <feFlood
+         result="flood"
+         in="SourceGraphic"
+         flood-opacity="0.498039"
+         flood-color="rgb(0,0,0)"
+         id="feFlood42" />
+      <feGaussianBlur
+         result="blur"
+         in="SourceGraphic"
+         stdDeviation="0.700000"
+         id="feGaussianBlur42" />
+      <feOffset
+         result="offset"
+         in="blur"
+         dx="1.500000"
+         dy="1.500000"
+         id="feOffset42" />
+      <feComposite
+         result="comp1"
+         operator="in"
+         in="flood"
+         in2="offset"
+         id="feComposite42" />
+      <feComposite
+         result="comp2"
+         operator="over"
+         in="SourceGraphic"
+         in2="comp1"
+         id="feComposite43" />
+    </filter>
+  </defs>
+  <style>
+    :root {
+      --icon-fill: #ff9100;
+      --icon-fill-opacity: 1;
+      --icon-stroke-opacity: 1;
+      --icon-stroke: #ffffff;
+      --icon-stroke-width: 0.5;
+      --icon-stroke-dasharray: none;
+    }
+  </style>
+  <path
+    fill="var(--icon-fill)"
+    stroke="var(--icon-stroke)"
+    stroke-width="var(--icon-stroke-width)"
+    stroke-dasharray="var(--icon-stroke-dasharray)"
+    fill-opacity="var(--icon-fill-opacity)"
+    stroke-opacity="var(--icon-stroke-opacity)"
+    d="m 12.005451,4.9999998 c -0.133231,0 -0.268411,0.06697 -0.40518,0.2013795 C 10.324554,6.454696 9.4644711,7.921577 9.0199738,9.6017041 8.8537297,10.225414 8.7769548,11.237608 8.7899237,12.638304 c 0.011797,1.357069 0.011249,3.235171 -0.00175,5.634512 -0.00355,0.469253 0.2033432,0.710344 0.620723,0.723309 A 0.39085117,0.38200839 35.7 0 0 9.5595,18.973305 c 0.824148,-0.281786 1.599091,-0.537064 2.325377,-0.765798 0.0059,-0.0024 0.04319,-0.0036 0.111571,-0.0036 0.06838,0 0.105676,0.0012 0.111571,0.0036 0.725107,0.229915 1.499503,0.486283 2.323649,0.769255 a 0.38200839,0.39085117 54.4 0 0 0.150259,0.02282 c 0.417379,-0.0118 0.625153,-0.252327 0.622793,-0.721586 -0.0094,-2.399342 -0.0078,-4.277438 0.0052,-5.634513 C 15.22523,11.242787 15.15045,10.230045 14.98538,9.605155 14.543241,7.9250275 13.685351,6.4576014 12.411991,5.203107 12.274044,5.0675181 12.13866,4.9999998 12.005429,4.9999998 Z"
+    style="filter:url(#filter43)" />
+  <circle
+     style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.347695;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1"
+     id="path43"
+     cx="12"
+     cy="12"
+     r="1.1764351" />
+</svg>