Bidirectonal KML Color writing

Author: ingalls

lib/parser/from_geojson.ts

@@ -357,11 +357,11 @@ export async function from_geojson(
                     },
                     Style: {
                         LineStyle: {
-                            color: { _text: strokeColor.as_hexa().slice(1) },
+                            color: { _text: strokeColor.as_kml() },
                             width: { _text: cot.event.detail.strokeWeight?._attributes?.value ? cot.event.detail.strokeWeight._attributes.value : 3 }
                         },
                         PolyStyle: {
-                            color: { _text: fillColor.as_hexa().slice(1) },
+                            color: { _text: fillColor.as_kml() },
                         }
                     }
                 }

lib/utils/color.ts

@@ -52,6 +52,15 @@ export default class Color {
          }).hexa();
     }
 
+    as_kml(): string {
+        const a = Math.round(this.a).toString(16).padStart(2, '0');
+        const b = Math.round(this.b).toString(16).padStart(2, '0');
+        const g = Math.round(this.g).toString(16).padStart(2, '0');
+        const r = Math.round(this.r).toString(16).padStart(2, '0');
+
+        return `${a}${b}${g}${r}`.toUpperCase();
+    }
+
     as_32bit(): number {
         return (this.a << 24) | (this.r << 16) | (this.g << 8) | this.b;
     }

test/cot-shapes.test.ts

@@ -162,14 +162,14 @@ test.only('Basic Circle', async (t) => {
             labels: true,
             archived: true,
             precisionlocation: { altsrc: 'DTED0' },
-            stroke: '#FFFF77',
-            'stroke-opacity': 0,
+            stroke: '#0077FF',
+            'stroke-opacity': 1,
             'stroke-width': 3,
             'stroke-style': 'solid',
             'marker-color': '#FF7700',
             'marker-opacity': 1,
             'fill-opacity': 0,
-            fill: '#00FF77',
+            fill: '#0077FF',
             shape: { ellipse: { major: 185753.64687066682, minor: 185753.64687066682, angle: 360 } },
             metadata: {}
         },
@@ -264,7 +264,7 @@ test.only('Basic Circle', async (t) => {
                 archive: { _attributes: {} },
                 creator: { _attributes: { uid: 'ANDROID-764679f74013dfe2', callsign: 'COTAK Admin Ingalls', time: '2025-07-09T22:12:06.038Z', type: 'a-f-G-E-V-C' } },
                 precisionlocation: { _attributes: { altsrc: 'DTED0' } },
-                strokeColor: { "_attributes": { "value": 16777079 } },
+                strokeColor: { "_attributes": { "value": -16746497 } },
                 strokeWeight: { "_attributes": { "value": 3 } },
                 labels_on: { "_attributes": { "value": true } },
                 tog: { "_attributes": { "enabled": "0" } },