Include unregulated in fold-change color scheme

Author: jmueller95

demo/index.html

@@ -25,7 +25,7 @@
           .ptmInputList = ${StoryFixtures.ptmGraphWithDetailsFixture.ptmInputList}
           .fullProteomeInputList = ${StoryFixtures.proteinExpressionFixture.fullProteomeInputList}
           .hue= ${'potency'}
-          .applicationMode = ${'editing'}
+          .applicationMode = ${'viewing'}
           .perturbedNodes = ${{up: ['Protein B', 'Protein D'], down:['Protein A', 'Protein C']}}
         >
         </biowc-pathwaygraph>

src/BiowcPathwaygraph.ts

@@ -2334,31 +2334,23 @@ export class BiowcPathwaygraph extends LitElement {
           this.allDowngoingLessThan0 ||
           (!this.anyDowngoingPTMs && !this.allUpgoingGreaterThan1);
         const interpolationCenter = isLogFoldChange ? 0 : 1;
-
-        switch ((<PTMNodeD3>node).regulation) {
-          case 'up':
-            return d3v6.interpolate(
-              unregulatedColor,
-              upregulatedColor
-            )(
-              (BiowcPathwaygraph._getNodeFoldChange(node) -
-                interpolationCenter) /
-                (this.maxPosFoldChange! - interpolationCenter)
-            );
-          case 'down':
-            return d3v6.interpolate(
-              unregulatedColor,
-              downregulatedColor
-            )(
-              (BiowcPathwaygraph._getNodeFoldChange(node) -
-                interpolationCenter) /
-                (this.maxNegFoldChange! - interpolationCenter)
-            );
-          case 'not':
-            return 'var(--unregulated-color)';
-          default:
-            return '';
+        const nodeFoldChange = BiowcPathwaygraph._getNodeFoldChange(node);
+        if (nodeFoldChange > interpolationCenter) {
+          return d3v6.interpolate(
+            unregulatedColor,
+            upregulatedColor
+          )(
+            (BiowcPathwaygraph._getNodeFoldChange(node) - interpolationCenter) /
+              (this.maxPosFoldChange! - interpolationCenter)
+          );
         }
+        return d3v6.interpolate(
+          unregulatedColor,
+          downregulatedColor
+        )(
+          (BiowcPathwaygraph._getNodeFoldChange(node) - interpolationCenter) /
+            (this.maxNegFoldChange! - interpolationCenter)
+        );
       }
       case 'potency': {
         return d3v6.interpolateRgbBasis(this.potencyColorScale)(

test/fixtures/StoryFixtures.ts

@@ -280,7 +280,7 @@ export default {
         details: {
           Sequence: 'GILGVIVT(ph)LK',
           Site: { text: 'Y512' },
-          'Fold Change': 0.9,
+          'Fold Change': 0.7,
           'p Value': 0.0003,
           '-log(EC50)': 6,
           MyUmbrellaTerm: ' ',