@gemx-dev/heatmap-react 3.5.92-dev.22 → 3.5.92-dev.23

package/dist/esm/index.js

@@ -6103,19 +6103,24 @@ class ScrollBucketRenderer {
         if (canvas.width <= 0 || canvas.height <= 0)
             return;
         const buckets = this.mapToBuckets(data);
-        if (buckets.length === 0)
-            return;
-        const maxPercent = Math.max(...buckets.map((b) => b.percent));
-        if (maxPercent <= 0)
-            return;
+        const maxPercent = buckets.length > 0 ? Math.max(...buckets.map((b) => b.percent)) : 0;
+        // Coldest hue (240 = blue) used as the baseline for buckets with no data
+        const coldColor = 'hsla(240, 100%, 50%, 0.6)';
         const gradient = context.createLinearGradient(0, 0, 0, canvas.height);
-        for (const bucket of buckets) {
-            const stopMid = (bucket.startY + bucket.endY) / 2 / 100;
-            // Same hue direction as HeatmapHelper.scroll() (MaxHue = 240):
-            // high percent → hue 0 (red/hot), low percent → hue 240 (blue/cold)
-            const hue = (1 - bucket.percent / maxPercent) * 240;
-            const color = `hsla(${Math.round(hue)}, 100%, 50%, 0.6)`;
-            gradient.addColorStop(stopMid, color);
+        if (buckets.length === 0 || maxPercent <= 0) {
+            // No data — fill entire canvas with the coldest color
+            gradient.addColorStop(0, coldColor);
+            gradient.addColorStop(1, coldColor);
+        }
+        else {
+            for (const bucket of buckets) {
+                const stopMid = (bucket.startY + bucket.endY) / 2 / 100;
+                // Same hue direction as HeatmapHelper.scroll() (MaxHue = 240):
+                // high percent → hue 0 (red/hot), low percent → hue 240 (blue/cold)
+                const hue = (1 - bucket.percent / maxPercent) * 240;
+                const color = `hsla(${Math.round(hue)}, 100%, 50%, 0.6)`;
+                gradient.addColorStop(stopMid, color);
+            }
         }
         context.fillStyle = gradient;
         context.fillRect(0, 0, canvas.width, canvas.height);

package/dist/esm/index.mjs

@@ -6103,19 +6103,24 @@ class ScrollBucketRenderer {
         if (canvas.width <= 0 || canvas.height <= 0)
             return;
         const buckets = this.mapToBuckets(data);
-        if (buckets.length === 0)
-            return;
-        const maxPercent = Math.max(...buckets.map((b) => b.percent));
-        if (maxPercent <= 0)
-            return;
+        const maxPercent = buckets.length > 0 ? Math.max(...buckets.map((b) => b.percent)) : 0;
+        // Coldest hue (240 = blue) used as the baseline for buckets with no data
+        const coldColor = 'hsla(240, 100%, 50%, 0.6)';
         const gradient = context.createLinearGradient(0, 0, 0, canvas.height);
-        for (const bucket of buckets) {
-            const stopMid = (bucket.startY + bucket.endY) / 2 / 100;
-            // Same hue direction as HeatmapHelper.scroll() (MaxHue = 240):
-            // high percent → hue 0 (red/hot), low percent → hue 240 (blue/cold)
-            const hue = (1 - bucket.percent / maxPercent) * 240;
-            const color = `hsla(${Math.round(hue)}, 100%, 50%, 0.6)`;
-            gradient.addColorStop(stopMid, color);
+        if (buckets.length === 0 || maxPercent <= 0) {
+            // No data — fill entire canvas with the coldest color
+            gradient.addColorStop(0, coldColor);
+            gradient.addColorStop(1, coldColor);
+        }
+        else {
+            for (const bucket of buckets) {
+                const stopMid = (bucket.startY + bucket.endY) / 2 / 100;
+                // Same hue direction as HeatmapHelper.scroll() (MaxHue = 240):
+                // high percent → hue 0 (red/hot), low percent → hue 240 (blue/cold)
+                const hue = (1 - bucket.percent / maxPercent) * 240;
+                const color = `hsla(${Math.round(hue)}, 100%, 50%, 0.6)`;
+                gradient.addColorStop(stopMid, color);
+            }
         }
         context.fillStyle = gradient;
         context.fillRect(0, 0, canvas.width, canvas.height);

package/dist/esm/libs/visualizer/renderers/ScrollBucketRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollBucketRenderer.d.ts","sourceRoot":"","sources":["../../../../src/libs/visualizer/renderers/ScrollBucketRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAEjE,MAAM,WAAW,iBAAiB;IAChC;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,OAAO,EAAE,MAAM,CAAC;CACjB;AAYD,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,QAAQ,CAAoC;IACpD,OAAO,CAAC,kBAAkB,CAAqC;IAC/D,OAAO,CAAC,aAAa,CAA8C;gBAEvD,OAAO,EAAE,aAAa,GAAG,IAAI;IAKzC,OAAO,CAAC,MAAM,CAIZ;IAEF,OAAO,CAAC,wBAAwB,CAG9B;IAEF,OAAO,CAAC,wBAAwB,CAS9B;IAEF,KAAK,QAAO,IAAI,CAEd;IAEF,KAAK,QAAO,IAAI,CAGd;IAEF;;;;;OAKG;IACH,YAAY,GAAU,MAAM,iBAAiB,EAAE,KAAG,OAAO,CAAC,IAAI,CAAC,CAQ7D;IAEF,OAAO,CAAC,IAAI,CAuCV;IAEF;;;;;;;OAOG;IACH,OAAO,CAAC,YAAY,CA0BlB;CACH"}
+{"version":3,"file":"ScrollBucketRenderer.d.ts","sourceRoot":"","sources":["../../../../src/libs/visualizer/renderers/ScrollBucketRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAEjE,MAAM,WAAW,iBAAiB;IAChC;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,OAAO,EAAE,MAAM,CAAC;CACjB;AAYD,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,QAAQ,CAAoC;IACpD,OAAO,CAAC,kBAAkB,CAAqC;IAC/D,OAAO,CAAC,aAAa,CAA8C;gBAEvD,OAAO,EAAE,aAAa,GAAG,IAAI;IAKzC,OAAO,CAAC,MAAM,CAIZ;IAEF,OAAO,CAAC,wBAAwB,CAG9B;IAEF,OAAO,CAAC,wBAAwB,CAS9B;IAEF,KAAK,QAAO,IAAI,CAEd;IAEF,KAAK,QAAO,IAAI,CAGd;IAEF;;;;;OAKG;IACH,YAAY,GAAU,MAAM,iBAAiB,EAAE,KAAG,OAAO,CAAC,IAAI,CAAC,CAQ7D;IAEF,OAAO,CAAC,IAAI,CA4CV;IAEF;;;;;;;OAOG;IACH,OAAO,CAAC,YAAY,CA0BlB;CACH"}