fix: Inconsistencies and update the style setting on load for embedded styles from codingValues (#4599)

extensions/test-extension/src/custom-context-menu/codingValues.ts

@@ -23,28 +23,44 @@ const codingValues = {
   'SCT:69536005': {
     text: 'Head',
     type: 'site',
+    style: {
+      color: 'red',
+    },
   },
   'SCT:45048000': {
     text: 'Neck',
     type: 'site',
+    style: {
+      color: 'blue',
+    },
   },
   'SCT:818981001': {
     text: 'Abdomen',
     type: 'site',
+    style: {
+      color: 'orange',
+    },
   },
   'SCT:816092008': {
     text: 'Pelvis',
     type: 'site',
+    style: {
+      color: 'cyan',
+    },
   },
 
   // Findings
   'SCT:371861004': {
     text: 'Mild intimal coronary irregularities',
-    color: 'green',
+    style: {
+      color: 'green',
+    },
   },
   'SCT:194983005': {
     text: 'Aortic insufficiency',
-    color: 'darkred',
+    style: {
+      color: 'darkred',
+    },
   },
   'SCT:399232001': {
     text: '2-chamber',

extensions/test-extension/src/custom-context-menu/contextMenuCodeItem.ts

@@ -13,7 +13,7 @@ const codeMenuItem = {
       ...this,
       codeRef,
       code: { ref: codeRef, ...code },
-      label: code.text,
+      label: this.label || code.text || codeRef,
       commands: [
         {
           commandName: 'updateMeasurement',