From 71f04ff6a9b425ffcb64dc0c65f09bfd03d8c1bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20Arroyo=20Torrens?= <jarroyo@cartodb.com>
Date: Thu, 19 Dec 2019 00:37:43 +0100
Subject: [PATCH 1/2] Fix bestSubPalette detection

---
 .../viz/expressions/color/palettes/Palette.js | 30 ++++++++++++-------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/renderer/viz/expressions/color/palettes/Palette.js b/src/renderer/viz/expressions/color/palettes/Palette.js
index 0b8a9c5c3..65c0ff62f 100644
--- a/src/renderer/viz/expressions/color/palettes/Palette.js
+++ b/src/renderer/viz/expressions/color/palettes/Palette.js
@@ -3,8 +3,6 @@ import { hexToRgb } from '../../utils';
 import { RGBA } from '../rgb';
 import { constant } from '../../../expressions';
 
-const MIN_CARTOCOLOR_SUBPALETTE_SIZE = 2;
-
 /**
  * Color palettes.
  *
@@ -70,23 +68,33 @@ export default class Palette extends BaseExpression {
     }
 
     _getBestSubPalette (subPaletteIndex) {
-        subPaletteIndex = subPaletteIndex <= MIN_CARTOCOLOR_SUBPALETTE_SIZE
-            ? MIN_CARTOCOLOR_SUBPALETTE_SIZE
-            : subPaletteIndex;
-        const longestSubPalette = this.getLongestSubPalette();
-        const subPalette = (subPaletteIndex < longestSubPalette.length
-            ? [...this.subPalettes[subPaletteIndex]]
-            : [...longestSubPalette]);
+        const longestSubPaletteIndex = this.getLongestSubPaletteIndex();
+        const smallestSubPaletteIndex = this.getSmallestSubPaletteIndex();
+        if (!Number.isInteger(subPaletteIndex) || subPaletteIndex > longestSubPaletteIndex) {
+            subPaletteIndex = longestSubPaletteIndex;
+        } else if (subPaletteIndex < smallestSubPaletteIndex) {
+            subPaletteIndex = smallestSubPaletteIndex;
+        }
+        const subPalette = [...this.subPalettes[subPaletteIndex]];
         return subPalette.map(color =>
             new RGBA(constant(color.r), constant(color.g), constant(color.b), constant(color.a))
         );
     }
 
-    getLongestSubPalette () {
+    getSmallestSubPaletteIndex () {
+        const s = this.subPalettes;
+        for (let i = 0; i <= 20; i++) {
+            if (s[i]) {
+                return i;
+            }
+        }
+    }
+
+    getLongestSubPaletteIndex () {
         const s = this.subPalettes;
         for (let i = 20; i >= 0; i--) {
             if (s[i]) {
-                return s[i];
+                return i;
             }
         }
     }

From 3192d7aab718e77e664e30e274b04e2e91c1d763 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20Arroyo=20Torrens?= <jarroyo@cartodb.com>
Date: Thu, 19 Dec 2019 00:42:26 +0100
Subject: [PATCH 2/2] Add regression test

---
 .../cartocolor-subpalette/reference.png       | Bin 0 -> 7627 bytes
 .../cartocolor-subpalette/scenario.js         |  19 ++++++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 test/integration/render/scenarios/regression/cartocolor-subpalette/reference.png
 create mode 100644 test/integration/render/scenarios/regression/cartocolor-subpalette/scenario.js

diff --git a/test/integration/render/scenarios/regression/cartocolor-subpalette/reference.png b/test/integration/render/scenarios/regression/cartocolor-subpalette/reference.png
new file mode 100644
index 0000000000000000000000000000000000000000..0bb3efe724cc96717f241d961b0ecb845138f8d2
GIT binary patch
literal 7627
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

literal 0
HcmV?d00001

diff --git a/test/integration/render/scenarios/regression/cartocolor-subpalette/scenario.js b/test/integration/render/scenarios/regression/cartocolor-subpalette/scenario.js
new file mode 100644
index 000000000..01ac91116
--- /dev/null
+++ b/test/integration/render/scenarios/regression/cartocolor-subpalette/scenario.js
@@ -0,0 +1,19 @@
+const map = new CartoMap({
+    container: 'map',
+    background: 'black'
+});
+
+const source = new carto.source.GeoJSON(sources['points3']);
+const viz = new carto.Viz(`
+    color: ramp(top(@prop, @num), CB_BLUES)
+    width: 50
+    @prop: $cat
+    @num: 2
+`);
+const layer = new carto.Layer('layer', source, viz);
+
+viz.variables.num.blendTo(2, 0);
+layer.addTo(map);
+layer.on('loaded', () => {
+    window.loaded = true;
+});