Merge branch 'main' into next

Author: techniq

packages/layerchart/CHANGELOG.md

@@ -448,6 +448,18 @@
 
 - fix(Text): Respect font weight when canvas rendered ([#458](https://github.com/techniq/layerchart/pull/458))
 
+## 1.0.13
+
+### Patch Changes
+
+- fix(Canvas): Fix pointer events (hit canvas) when using Brave browser with fingerprinting protection enabled ([#755](https://github.com/techniq/layerchart/pull/755))
+
+## 1.0.12
+
+### Patch Changes
+
+- fix(Axis): Fix reactivity issue with xRange/yRange in Svelte 5.34+. Fixes #641 ([#643](https://github.com/techniq/layerchart/pull/643))
+
 ## 1.0.11
 
 ### Patch Changes
@@ -1009,6 +1021,7 @@
 - breaking(Bar|Bars): Replaced `inset: number` prop with `insets: Insets | undefined`. ([#321](https://github.com/techniq/layerchart/pull/321))
 
   To migrate from `inset` to `insets` replace `inset = n` with:
+
   - `insets = { x: n / 2 }` if `orientation="vertical"`
   - `insets = { y: n / 2 }` if `orientation="horizontal"`
 
@@ -2104,6 +2117,7 @@
   ```
 
   **Additional**
+
   - Rename tooltipContext's `top`/`left` to `x`/`y`
   - Add `anchor` prop to align based on corner/edge/center (9 points) of tooltip instead of always top-left corner.
   - Add more tooltip examples

packages/layerchart/src/lib/utils/color.ts

@@ -1,14 +1,14 @@
 /** Generator to create a new color on each call */
-export function* rgbColorGenerator(step = 500) {
+export function* rgbColorGenerator(step = 200) {
   let nextColor = 0;
 
-  while (nextColor < 16777216) {
-    const r = nextColor & 0xff;
-    const g = (nextColor & 0xff00) >> 8;
-    const b = (nextColor & 0xff0000) >> 16;
+  while (nextColor < 1 << 21) {
+    const r = nextColor & 0x7f;
+    const g = (nextColor >> 7) & 0x7f;
+    const b = (nextColor >> 14) & 0x7f;
 
     nextColor += step;
-    yield { r, g, b, a: 255 };
+    yield { r: r * 2, g: g * 2, b: b * 2, a: 255 };
   }
 
   return { r: 0, g: 0, b: 0, a: 255 };
@@ -17,10 +17,13 @@ export function* rgbColorGenerator(step = 500) {
 type RGBColor = { r: number; g: number; b: number; a?: number };
 
 export function getColorStr(color: RGBColor) {
+  const r = color.r & 0xfe;
+  const g = color.g & 0xfe;
+  const b = color.b & 0xfe;
   if (color.a !== undefined) {
-    return `rgba(${color.r},${color.g},${color.b},${color.a})`;
+    return `rgba(${r},${g},${b},${color.a})`;
   } else {
-    return `rgb(${color.r},${color.g},${color.b})`;
+    return `rgb(${r},${g},${b})`;
   }
 }