minerva-design 1.2.0 → 1.3.0

package/dist/charts/engine/renderers/shaders.cjs

@@ -62,21 +62,21 @@ struct Out {
   @builtin(position) pos: vec4f,
   @location(0) t: f32,
 };
-@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec2f, @location(1) b: vec2f) -> Out {
+@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec3f, @location(1) b: vec3f) -> Out {
   var out: Out;
-  if (gap(a) || gap(b)) {
+  if (gap(a.xy) || gap(b.xy) || abs(a.z) > 1e37 || abs(b.z) > 1e37) {
     out.pos = HIDDEN;
     return out;
   }
   let c = corner(vi);
   let p = select(a, b, c.y > 0.5);
-  let y = select(u.params.x, p.y, c.x > 0.5);
+  let y = select(p.z, p.y, c.x > 0.5);
   out.pos = vec4f(toClip(vec2f(p.x, y)), 0.0, 1.0);
   out.t = c.x;
   return out;
 }
 @fragment fn fs(v: Out) -> @location(0) vec4f {
-  let a = u.color.a * u.params.y * (0.3 + 0.7 * v.t);
+  let a = u.color.a * u.params.y * (0.25 + 0.75 * v.t * v.t);
   return vec4f(u.color.rgb * a, a);
 }
 `,r=`${e}
@@ -84,33 +84,42 @@ struct Out {
   @builtin(position) pos: vec4f,
   @location(0) local: vec2f,
   @location(1) @interpolate(flat) hs: vec2f,
+  @location(2) @interpolate(flat) color: vec4f,
 };
-@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) inst: vec3f) -> Out {
+@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) inst: vec3f, @location(1) color: vec4f) -> Out {
   var out: Out;
   if (gap(inst.xy) || abs(inst.z) > 1e37) {
     out.pos = HIDDEN;
     return out;
   }
-  let hw = max(abs(u.params.x * u.xform.x) * 0.5 * u.viewport.x, 0.5);
+  let dpr = u.viewport.z;
+  let rawHw = abs(u.params.x * u.xform.x) * 0.5 * u.viewport.x;
   let p0 = toPx(inst.xy);
   let y1 = toPx(vec2f(inst.x, inst.z)).y;
   let lo = min(p0.y, y1);
   let hi = max(p0.y, y1);
-  let hsz = vec2f(hw, (hi - lo) * 0.5);
+  // the gap between cells fades out on small cells (dense heatmaps stay
+  // solid); without a gap, cells overlap by a pixel so no seam shows
+  let fade = clamp((min(rawHw, (hi - lo) * 0.5) - 3.0 * dpr) / (2.0 * dpr), 0.0, 1.0);
+  let inset = u.params.z * dpr * fade - select(0.0, 0.5 * (1.0 - fade), u.params.z > 0.0);
+  let minHalf = u.params.w * dpr;
+  let hw = max(max(rawHw - inset, 0.5), minHalf);
+  let hsz = vec2f(hw, max((hi - lo) * 0.5 - inset, minHalf));
   let center = vec2f(p0.x, (lo + hi) * 0.5);
   let ext = hsz + vec2f(1.0);
   let c = corner(vi) * 2.0 - 1.0;
   out.pos = pxToClip(center + c * ext);
   out.local = c * ext;
   out.hs = hsz;
+  out.color = color;
   return out;
 }
 @fragment fn fs(v: Out) -> @location(0) vec4f {
   let r = min(u.params.y * u.viewport.z, min(v.hs.x, v.hs.y));
   let q = abs(v.local) - v.hs + vec2f(r);
   let d = length(max(q, vec2f(0.0))) + min(max(q.x, q.y), 0.0) - r;
-  let a = clamp(0.5 - d, 0.0, 1.0) * u.color.a;
-  return vec4f(u.color.rgb * a, a);
+  let a = clamp(0.5 - d, 0.0, 1.0) * v.color.a;
+  return vec4f(v.color.rgb * a, a);
 }
 `,i=`${e}
 struct Out {
@@ -186,37 +195,45 @@ void main() {
   float a = clamp(u_params.x - dist + 0.5, 0.0, 1.0) * u_color.a;
   outColor = vec4(u_color.rgb * a, a);
 }`},c={vertex:`${o}
-in vec2 a_a;
-in vec2 a_b;
+in vec3 a_a;
+in vec3 a_b;
 out float v_t;
 void main() {
   v_t = 0.0;
-  if (gap(a_a) || gap(a_b)) { gl_Position = HIDDEN; return; }
+  if (gap(a_a.xy) || gap(a_b.xy) || abs(a_a.z) > 1e37 || abs(a_b.z) > 1e37) { gl_Position = HIDDEN; return; }
   vec2 c = corner();
-  vec2 p = c.y > 0.5 ? a_b : a_a;
-  float y = c.x > 0.5 ? p.y : u_params.x;
+  vec3 p = c.y > 0.5 ? a_b : a_a;
+  float y = c.x > 0.5 ? p.y : p.z;
   gl_Position = vec4(toClip(vec2(p.x, y)), 0.0, 1.0);
   v_t = c.x;
 }`,fragment:`${a}
 in float v_t;
 out vec4 outColor;
 void main() {
-  float a = u_color.a * u_params.y * (0.3 + 0.7 * v_t);
+  float a = u_color.a * u_params.y * (0.25 + 0.75 * v_t * v_t);
   outColor = vec4(u_color.rgb * a, a);
 }`},l={vertex:`${o}
 in vec3 a_inst;
+in vec4 a_color;
 out vec2 v_local;
 flat out vec2 v_half;
+flat out vec4 v_color;
 void main() {
   v_local = vec2(0.0);
   v_half = vec2(0.0);
+  v_color = a_color;
   if (gap(a_inst.xy) || abs(a_inst.z) > 1e37) { gl_Position = HIDDEN; return; }
-  float hw = max(abs(u_params.x * u_xform.x) * 0.5 * u_viewport.x, 0.5);
+  float dpr = u_viewport.z;
+  float rawHw = abs(u_params.x * u_xform.x) * 0.5 * u_viewport.x;
   vec2 p0 = toPx(a_inst.xy);
   float y1 = toPx(vec2(a_inst.x, a_inst.z)).y;
   float lo = min(p0.y, y1);
   float hi = max(p0.y, y1);
-  vec2 hsz = vec2(hw, (hi - lo) * 0.5);
+  float fade = clamp((min(rawHw, (hi - lo) * 0.5) - 3.0 * dpr) / (2.0 * dpr), 0.0, 1.0);
+  float inset = u_params.z * dpr * fade - (u_params.z > 0.0 ? 0.5 * (1.0 - fade) : 0.0);
+  float minHalf = u_params.w * dpr;
+  float hw = max(max(rawHw - inset, 0.5), minHalf);
+  vec2 hsz = vec2(hw, max((hi - lo) * 0.5 - inset, minHalf));
   vec2 center = vec2(p0.x, (lo + hi) * 0.5);
   vec2 ext = hsz + vec2(1.0);
   vec2 c = corner() * 2.0 - 1.0;
@@ -226,13 +243,14 @@ void main() {
 }`,fragment:`${a}
 in vec2 v_local;
 flat in vec2 v_half;
+flat in vec4 v_color;
 out vec4 outColor;
 void main() {
   float r = min(u_params.y * u_viewport.z, min(v_half.x, v_half.y));
   vec2 q = abs(v_local) - v_half + vec2(r);
   float d = length(max(q, vec2(0.0))) + min(max(q.x, q.y), 0.0) - r;
-  float a = clamp(0.5 - d, 0.0, 1.0) * u_color.a;
-  outColor = vec4(u_color.rgb * a, a);
+  float a = clamp(0.5 - d, 0.0, 1.0) * v_color.a;
+  outColor = vec4(v_color.rgb * a, a);
 }`},u={vertex:`${o}
 in vec2 a_pos;
 in float a_size;

package/dist/charts/engine/renderers/shaders.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"shaders.cjs","names":["WGSL_COMMON","WGSL_LINE","WGSL_AREA","WGSL_BAR","WGSL_SCATTER","GLSL_HEADER","GLSL_VERTEX_COMMON","GLSL_LINE","GLSL_AREA","GLSL_BAR","GLSL_SCATTER"],"sources":["../../../../../charts/src/engine/renderers/shaders.ts"],"sourcesContent":["// WGSL (WebGPU) and GLSL ES 3.0 (WebGL2) programs. Every primitive is an\n// instanced 4-vertex triangle strip; anti-aliasing comes from signed\n// distance functions in pixel space (no MSAA needed).\n//\n// Uniforms (both backends):\n//   xform    = (xScale, xOffset, yScale, yOffset)  relative data -> clip\n//   viewport = (width px, height px, dpr, 0)\n//   color    = straight RGBA of the series\n//   params   = line: (half width px) | area: (baseline, opacity)\n//              bar: (half width in x units, radius px) | scatter: (opacity, stroke px)\n// Output colors are premultiplied.\n\nconst WGSL_COMMON = /* wgsl */ `\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n`;\n\nexport const WGSL_LINE = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) len: f32,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec2f, @location(1) b: vec2f) -> Out {\n  var out: Out;\n  if (gap(a) || gap(b)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let pa = toPx(a);\n  let pb = toPx(b);\n  let d = pb - pa;\n  let len = length(d);\n  var dir = vec2f(1.0, 0.0);\n  if (len > 1e-6) { dir = d / len; }\n  let nrm = vec2f(-dir.y, dir.x);\n  let hw = u.params.x + 1.0;\n  let c = corner(vi);\n  let along = mix(-hw, len + hw, c.x);\n  let across = mix(-hw, hw, c.y);\n  out.pos = pxToClip(pa + dir * along + nrm * across);\n  out.local = vec2f(along, across);\n  out.len = len;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let x = clamp(v.local.x, 0.0, v.len);\n  let dist = length(vec2f(v.local.x - x, v.local.y));\n  let a = clamp(u.params.x - dist + 0.5, 0.0, 1.0) * u.color.a;\n  return vec4f(u.color.rgb * a, a);\n}\n`;\n\nexport const WGSL_AREA = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) t: f32,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec2f, @location(1) b: vec2f) -> Out {\n  var out: Out;\n  if (gap(a) || gap(b)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let c = corner(vi);\n  let p = select(a, b, c.y > 0.5);\n  let y = select(u.params.x, p.y, c.x > 0.5);\n  out.pos = vec4f(toClip(vec2f(p.x, y)), 0.0, 1.0);\n  out.t = c.x;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let a = u.color.a * u.params.y * (0.3 + 0.7 * v.t);\n  return vec4f(u.color.rgb * a, a);\n}\n`;\n\nexport const WGSL_BAR = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) @interpolate(flat) hs: vec2f,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) inst: vec3f) -> Out {\n  var out: Out;\n  if (gap(inst.xy) || abs(inst.z) > 1e37) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let hw = max(abs(u.params.x * u.xform.x) * 0.5 * u.viewport.x, 0.5);\n  let p0 = toPx(inst.xy);\n  let y1 = toPx(vec2f(inst.x, inst.z)).y;\n  let lo = min(p0.y, y1);\n  let hi = max(p0.y, y1);\n  let hsz = vec2f(hw, (hi - lo) * 0.5);\n  let center = vec2f(p0.x, (lo + hi) * 0.5);\n  let ext = hsz + vec2f(1.0);\n  let c = corner(vi) * 2.0 - 1.0;\n  out.pos = pxToClip(center + c * ext);\n  out.local = c * ext;\n  out.hs = hsz;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let r = min(u.params.y * u.viewport.z, min(v.hs.x, v.hs.y));\n  let q = abs(v.local) - v.hs + vec2f(r);\n  let d = length(max(q, vec2f(0.0))) + min(max(q.x, q.y), 0.0) - r;\n  let a = clamp(0.5 - d, 0.0, 1.0) * u.color.a;\n  return vec4f(u.color.rgb * a, a);\n}\n`;\n\nexport const WGSL_SCATTER = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) @interpolate(flat) r: f32,\n  @location(2) @interpolate(flat) color: vec4f,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) p: vec2f, @location(1) size: f32, @location(2) color: vec4f) -> Out {\n  var out: Out;\n  if (gap(p) || !(size > 0.0)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let r = size * 0.5 * u.viewport.z;\n  let ext = r + 1.0;\n  let c = corner(vi) * 2.0 - 1.0;\n  out.pos = pxToClip(toPx(p) + c * ext);\n  out.local = c * ext;\n  out.r = r;\n  out.color = color;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let d = length(v.local) - v.r;\n  let cover = clamp(0.5 - d, 0.0, 1.0);\n  let inner = clamp(0.5 - (d + u.params.y * u.viewport.z), 0.0, 1.0);\n  let a = v.color.a * (inner * u.params.x + (cover - inner));\n  return vec4f(v.color.rgb * a, a);\n}\n`;\n\nconst GLSL_HEADER = /* glsl */ `#version 300 es\nprecision highp float;\nuniform vec4 u_xform;\nuniform vec4 u_viewport;\nuniform vec4 u_color;\nuniform vec4 u_params;\n`;\n\nconst GLSL_VERTEX_COMMON = /* glsl */ `${GLSL_HEADER}\nbool gap(vec2 p) { return abs(p.x) > 1e37 || abs(p.y) > 1e37; }\nvec2 toClip(vec2 p) { return vec2(p.x * u_xform.x + u_xform.y, p.y * u_xform.z + u_xform.w); }\nvec2 toPx(vec2 p) { return (toClip(p) * 0.5 + 0.5) * u_viewport.xy; }\nvec4 pxToClip(vec2 p) { return vec4(p / u_viewport.xy * 2.0 - 1.0, 0.0, 1.0); }\nvec2 corner() { return vec2(float(gl_VertexID & 1), float(gl_VertexID >> 1)); }\nconst vec4 HIDDEN = vec4(2.0, 2.0, 2.0, 1.0);\n`;\n\nexport const GLSL_LINE = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec2 a_a;\nin vec2 a_b;\nout vec2 v_local;\nout float v_len;\nvoid main() {\n  v_local = vec2(0.0);\n  v_len = 0.0;\n  if (gap(a_a) || gap(a_b)) { gl_Position = HIDDEN; return; }\n  vec2 pa = toPx(a_a);\n  vec2 pb = toPx(a_b);\n  vec2 d = pb - pa;\n  float len = length(d);\n  vec2 dir = len > 1e-6 ? d / len : vec2(1.0, 0.0);\n  vec2 nrm = vec2(-dir.y, dir.x);\n  float hw = u_params.x + 1.0;\n  vec2 c = corner();\n  float along = mix(-hw, len + hw, c.x);\n  float across = mix(-hw, hw, c.y);\n  gl_Position = pxToClip(pa + dir * along + nrm * across);\n  v_local = vec2(along, across);\n  v_len = len;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin vec2 v_local;\nin float v_len;\nout vec4 outColor;\nvoid main() {\n  float x = clamp(v_local.x, 0.0, v_len);\n  float dist = length(vec2(v_local.x - x, v_local.y));\n  float a = clamp(u_params.x - dist + 0.5, 0.0, 1.0) * u_color.a;\n  outColor = vec4(u_color.rgb * a, a);\n}`,\n};\n\nexport const GLSL_AREA = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec2 a_a;\nin vec2 a_b;\nout float v_t;\nvoid main() {\n  v_t = 0.0;\n  if (gap(a_a) || gap(a_b)) { gl_Position = HIDDEN; return; }\n  vec2 c = corner();\n  vec2 p = c.y > 0.5 ? a_b : a_a;\n  float y = c.x > 0.5 ? p.y : u_params.x;\n  gl_Position = vec4(toClip(vec2(p.x, y)), 0.0, 1.0);\n  v_t = c.x;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin float v_t;\nout vec4 outColor;\nvoid main() {\n  float a = u_color.a * u_params.y * (0.3 + 0.7 * v_t);\n  outColor = vec4(u_color.rgb * a, a);\n}`,\n};\n\nexport const GLSL_BAR = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec3 a_inst;\nout vec2 v_local;\nflat out vec2 v_half;\nvoid main() {\n  v_local = vec2(0.0);\n  v_half = vec2(0.0);\n  if (gap(a_inst.xy) || abs(a_inst.z) > 1e37) { gl_Position = HIDDEN; return; }\n  float hw = max(abs(u_params.x * u_xform.x) * 0.5 * u_viewport.x, 0.5);\n  vec2 p0 = toPx(a_inst.xy);\n  float y1 = toPx(vec2(a_inst.x, a_inst.z)).y;\n  float lo = min(p0.y, y1);\n  float hi = max(p0.y, y1);\n  vec2 hsz = vec2(hw, (hi - lo) * 0.5);\n  vec2 center = vec2(p0.x, (lo + hi) * 0.5);\n  vec2 ext = hsz + vec2(1.0);\n  vec2 c = corner() * 2.0 - 1.0;\n  gl_Position = pxToClip(center + c * ext);\n  v_local = c * ext;\n  v_half = hsz;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin vec2 v_local;\nflat in vec2 v_half;\nout vec4 outColor;\nvoid main() {\n  float r = min(u_params.y * u_viewport.z, min(v_half.x, v_half.y));\n  vec2 q = abs(v_local) - v_half + vec2(r);\n  float d = length(max(q, vec2(0.0))) + min(max(q.x, q.y), 0.0) - r;\n  float a = clamp(0.5 - d, 0.0, 1.0) * u_color.a;\n  outColor = vec4(u_color.rgb * a, a);\n}`,\n};\n\nexport const GLSL_SCATTER = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec2 a_pos;\nin float a_size;\nin vec4 a_color;\nout vec2 v_local;\nflat out float v_r;\nflat out vec4 v_color;\nvoid main() {\n  v_local = vec2(0.0);\n  v_r = 0.0;\n  v_color = a_color;\n  if (gap(a_pos) || !(a_size > 0.0)) { gl_Position = HIDDEN; return; }\n  float r = a_size * 0.5 * u_viewport.z;\n  float ext = r + 1.0;\n  vec2 c = corner() * 2.0 - 1.0;\n  gl_Position = pxToClip(toPx(a_pos) + c * ext);\n  v_local = c * ext;\n  v_r = r;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin vec2 v_local;\nflat in float v_r;\nflat in vec4 v_color;\nout vec4 outColor;\nvoid main() {\n  float d = length(v_local) - v_r;\n  float cover = clamp(0.5 - d, 0.0, 1.0);\n  float inner = clamp(0.5 - (d + u_params.y * u_viewport.z), 0.0, 1.0);\n  float a = v_color.a * (inner * u_params.x + (cover - inner));\n  outColor = vec4(v_color.rgb * a, a);\n}`,\n};\n"],"mappings":"AAYA,IAAMA,EAAyB;;;;;;;;;;;;;;;;;;;;;;;;;EA2BlBC,EAAuB,GAAGD,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCtCE,EAAuB,GAAGF,EAAY;;;;;;;;;;;;;;;;;;;;;;EAwBtCG,EAAsB,GAAGH,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmCrCI,EAA0B,GAAGJ,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BhDK,EAAyB;;;;;;EAQzBC,EAAgC,GAAGD,EAAY;;;;;;;EASxCE,EAAY,CACvB,OAAmB,GAAGD,EAAmB;;;;;;;;;;;;;;;;;;;;;;GAuBzC,SAAqB,GAAGD,EAAY;;;;;;;;;EAUtC,EAEaG,EAAY,CACvB,OAAmB,GAAGF,EAAmB;;;;;;;;;;;;GAazC,SAAqB,GAAGD,EAAY;;;;;;EAOtC,EAEaI,EAAW,CACtB,OAAmB,GAAGH,EAAmB;;;;;;;;;;;;;;;;;;;;GAqBzC,SAAqB,GAAGD,EAAY;;;;;;;;;;EAWtC,EAEaK,EAAe,CAC1B,OAAmB,GAAGJ,EAAmB;;;;;;;;;;;;;;;;;;GAmBzC,SAAqB,GAAGD,EAAY;;;;;;;;;;;EAYtC"}
+{"version":3,"file":"shaders.cjs","names":["WGSL_COMMON","WGSL_LINE","WGSL_AREA","WGSL_BAR","WGSL_SCATTER","GLSL_HEADER","GLSL_VERTEX_COMMON","GLSL_LINE","GLSL_AREA","GLSL_BAR","GLSL_SCATTER"],"sources":["../../../../../charts/src/engine/renderers/shaders.ts"],"sourcesContent":["// WGSL (WebGPU) and GLSL ES 3.0 (WebGL2) programs. Every primitive is an\n// instanced 4-vertex triangle strip; anti-aliasing comes from signed\n// distance functions in pixel space (no MSAA needed).\n//\n// Uniforms (both backends):\n//   xform    = (xScale, xOffset, yScale, yOffset)  relative data -> clip\n//   viewport = (width px, height px, dpr, 0)\n//   color    = straight RGBA of the series\n//   params   = line: (half width px) | area: (_, opacity)\n//              bar: (half width in x units, radius px, inset px, min half px)\n//              scatter: (opacity, stroke px)\n// Bars and scatter dots carry their own color (unorm8x4 per instance).\n// Output colors are premultiplied.\n\nconst WGSL_COMMON = /* wgsl */ `\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n`;\n\nexport const WGSL_LINE = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) len: f32,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec2f, @location(1) b: vec2f) -> Out {\n  var out: Out;\n  if (gap(a) || gap(b)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let pa = toPx(a);\n  let pb = toPx(b);\n  let d = pb - pa;\n  let len = length(d);\n  var dir = vec2f(1.0, 0.0);\n  if (len > 1e-6) { dir = d / len; }\n  let nrm = vec2f(-dir.y, dir.x);\n  let hw = u.params.x + 1.0;\n  let c = corner(vi);\n  let along = mix(-hw, len + hw, c.x);\n  let across = mix(-hw, hw, c.y);\n  out.pos = pxToClip(pa + dir * along + nrm * across);\n  out.local = vec2f(along, across);\n  out.len = len;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let x = clamp(v.local.x, 0.0, v.len);\n  let dist = length(vec2f(v.local.x - x, v.local.y));\n  let a = clamp(u.params.x - dist + 0.5, 0.0, 1.0) * u.color.a;\n  return vec4f(u.color.rgb * a, a);\n}\n`;\n\nexport const WGSL_AREA = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) t: f32,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec3f, @location(1) b: vec3f) -> Out {\n  var out: Out;\n  if (gap(a.xy) || gap(b.xy) || abs(a.z) > 1e37 || abs(b.z) > 1e37) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let c = corner(vi);\n  let p = select(a, b, c.y > 0.5);\n  let y = select(p.z, p.y, c.x > 0.5);\n  out.pos = vec4f(toClip(vec2f(p.x, y)), 0.0, 1.0);\n  out.t = c.x;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let a = u.color.a * u.params.y * (0.25 + 0.75 * v.t * v.t);\n  return vec4f(u.color.rgb * a, a);\n}\n`;\n\nexport const WGSL_BAR = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) @interpolate(flat) hs: vec2f,\n  @location(2) @interpolate(flat) color: vec4f,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) inst: vec3f, @location(1) color: vec4f) -> Out {\n  var out: Out;\n  if (gap(inst.xy) || abs(inst.z) > 1e37) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let dpr = u.viewport.z;\n  let rawHw = abs(u.params.x * u.xform.x) * 0.5 * u.viewport.x;\n  let p0 = toPx(inst.xy);\n  let y1 = toPx(vec2f(inst.x, inst.z)).y;\n  let lo = min(p0.y, y1);\n  let hi = max(p0.y, y1);\n  // the gap between cells fades out on small cells (dense heatmaps stay\n  // solid); without a gap, cells overlap by a pixel so no seam shows\n  let fade = clamp((min(rawHw, (hi - lo) * 0.5) - 3.0 * dpr) / (2.0 * dpr), 0.0, 1.0);\n  let inset = u.params.z * dpr * fade - select(0.0, 0.5 * (1.0 - fade), u.params.z > 0.0);\n  let minHalf = u.params.w * dpr;\n  let hw = max(max(rawHw - inset, 0.5), minHalf);\n  let hsz = vec2f(hw, max((hi - lo) * 0.5 - inset, minHalf));\n  let center = vec2f(p0.x, (lo + hi) * 0.5);\n  let ext = hsz + vec2f(1.0);\n  let c = corner(vi) * 2.0 - 1.0;\n  out.pos = pxToClip(center + c * ext);\n  out.local = c * ext;\n  out.hs = hsz;\n  out.color = color;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let r = min(u.params.y * u.viewport.z, min(v.hs.x, v.hs.y));\n  let q = abs(v.local) - v.hs + vec2f(r);\n  let d = length(max(q, vec2f(0.0))) + min(max(q.x, q.y), 0.0) - r;\n  let a = clamp(0.5 - d, 0.0, 1.0) * v.color.a;\n  return vec4f(v.color.rgb * a, a);\n}\n`;\n\nexport const WGSL_SCATTER = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) @interpolate(flat) r: f32,\n  @location(2) @interpolate(flat) color: vec4f,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) p: vec2f, @location(1) size: f32, @location(2) color: vec4f) -> Out {\n  var out: Out;\n  if (gap(p) || !(size > 0.0)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let r = size * 0.5 * u.viewport.z;\n  let ext = r + 1.0;\n  let c = corner(vi) * 2.0 - 1.0;\n  out.pos = pxToClip(toPx(p) + c * ext);\n  out.local = c * ext;\n  out.r = r;\n  out.color = color;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let d = length(v.local) - v.r;\n  let cover = clamp(0.5 - d, 0.0, 1.0);\n  let inner = clamp(0.5 - (d + u.params.y * u.viewport.z), 0.0, 1.0);\n  let a = v.color.a * (inner * u.params.x + (cover - inner));\n  return vec4f(v.color.rgb * a, a);\n}\n`;\n\nconst GLSL_HEADER = /* glsl */ `#version 300 es\nprecision highp float;\nuniform vec4 u_xform;\nuniform vec4 u_viewport;\nuniform vec4 u_color;\nuniform vec4 u_params;\n`;\n\nconst GLSL_VERTEX_COMMON = /* glsl */ `${GLSL_HEADER}\nbool gap(vec2 p) { return abs(p.x) > 1e37 || abs(p.y) > 1e37; }\nvec2 toClip(vec2 p) { return vec2(p.x * u_xform.x + u_xform.y, p.y * u_xform.z + u_xform.w); }\nvec2 toPx(vec2 p) { return (toClip(p) * 0.5 + 0.5) * u_viewport.xy; }\nvec4 pxToClip(vec2 p) { return vec4(p / u_viewport.xy * 2.0 - 1.0, 0.0, 1.0); }\nvec2 corner() { return vec2(float(gl_VertexID & 1), float(gl_VertexID >> 1)); }\nconst vec4 HIDDEN = vec4(2.0, 2.0, 2.0, 1.0);\n`;\n\nexport const GLSL_LINE = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec2 a_a;\nin vec2 a_b;\nout vec2 v_local;\nout float v_len;\nvoid main() {\n  v_local = vec2(0.0);\n  v_len = 0.0;\n  if (gap(a_a) || gap(a_b)) { gl_Position = HIDDEN; return; }\n  vec2 pa = toPx(a_a);\n  vec2 pb = toPx(a_b);\n  vec2 d = pb - pa;\n  float len = length(d);\n  vec2 dir = len > 1e-6 ? d / len : vec2(1.0, 0.0);\n  vec2 nrm = vec2(-dir.y, dir.x);\n  float hw = u_params.x + 1.0;\n  vec2 c = corner();\n  float along = mix(-hw, len + hw, c.x);\n  float across = mix(-hw, hw, c.y);\n  gl_Position = pxToClip(pa + dir * along + nrm * across);\n  v_local = vec2(along, across);\n  v_len = len;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin vec2 v_local;\nin float v_len;\nout vec4 outColor;\nvoid main() {\n  float x = clamp(v_local.x, 0.0, v_len);\n  float dist = length(vec2(v_local.x - x, v_local.y));\n  float a = clamp(u_params.x - dist + 0.5, 0.0, 1.0) * u_color.a;\n  outColor = vec4(u_color.rgb * a, a);\n}`,\n};\n\nexport const GLSL_AREA = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec3 a_a;\nin vec3 a_b;\nout float v_t;\nvoid main() {\n  v_t = 0.0;\n  if (gap(a_a.xy) || gap(a_b.xy) || abs(a_a.z) > 1e37 || abs(a_b.z) > 1e37) { gl_Position = HIDDEN; return; }\n  vec2 c = corner();\n  vec3 p = c.y > 0.5 ? a_b : a_a;\n  float y = c.x > 0.5 ? p.y : p.z;\n  gl_Position = vec4(toClip(vec2(p.x, y)), 0.0, 1.0);\n  v_t = c.x;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin float v_t;\nout vec4 outColor;\nvoid main() {\n  float a = u_color.a * u_params.y * (0.25 + 0.75 * v_t * v_t);\n  outColor = vec4(u_color.rgb * a, a);\n}`,\n};\n\nexport const GLSL_BAR = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec3 a_inst;\nin vec4 a_color;\nout vec2 v_local;\nflat out vec2 v_half;\nflat out vec4 v_color;\nvoid main() {\n  v_local = vec2(0.0);\n  v_half = vec2(0.0);\n  v_color = a_color;\n  if (gap(a_inst.xy) || abs(a_inst.z) > 1e37) { gl_Position = HIDDEN; return; }\n  float dpr = u_viewport.z;\n  float rawHw = abs(u_params.x * u_xform.x) * 0.5 * u_viewport.x;\n  vec2 p0 = toPx(a_inst.xy);\n  float y1 = toPx(vec2(a_inst.x, a_inst.z)).y;\n  float lo = min(p0.y, y1);\n  float hi = max(p0.y, y1);\n  float fade = clamp((min(rawHw, (hi - lo) * 0.5) - 3.0 * dpr) / (2.0 * dpr), 0.0, 1.0);\n  float inset = u_params.z * dpr * fade - (u_params.z > 0.0 ? 0.5 * (1.0 - fade) : 0.0);\n  float minHalf = u_params.w * dpr;\n  float hw = max(max(rawHw - inset, 0.5), minHalf);\n  vec2 hsz = vec2(hw, max((hi - lo) * 0.5 - inset, minHalf));\n  vec2 center = vec2(p0.x, (lo + hi) * 0.5);\n  vec2 ext = hsz + vec2(1.0);\n  vec2 c = corner() * 2.0 - 1.0;\n  gl_Position = pxToClip(center + c * ext);\n  v_local = c * ext;\n  v_half = hsz;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin vec2 v_local;\nflat in vec2 v_half;\nflat in vec4 v_color;\nout vec4 outColor;\nvoid main() {\n  float r = min(u_params.y * u_viewport.z, min(v_half.x, v_half.y));\n  vec2 q = abs(v_local) - v_half + vec2(r);\n  float d = length(max(q, vec2(0.0))) + min(max(q.x, q.y), 0.0) - r;\n  float a = clamp(0.5 - d, 0.0, 1.0) * v_color.a;\n  outColor = vec4(v_color.rgb * a, a);\n}`,\n};\n\nexport const GLSL_SCATTER = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec2 a_pos;\nin float a_size;\nin vec4 a_color;\nout vec2 v_local;\nflat out float v_r;\nflat out vec4 v_color;\nvoid main() {\n  v_local = vec2(0.0);\n  v_r = 0.0;\n  v_color = a_color;\n  if (gap(a_pos) || !(a_size > 0.0)) { gl_Position = HIDDEN; return; }\n  float r = a_size * 0.5 * u_viewport.z;\n  float ext = r + 1.0;\n  vec2 c = corner() * 2.0 - 1.0;\n  gl_Position = pxToClip(toPx(a_pos) + c * ext);\n  v_local = c * ext;\n  v_r = r;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin vec2 v_local;\nflat in float v_r;\nflat in vec4 v_color;\nout vec4 outColor;\nvoid main() {\n  float d = length(v_local) - v_r;\n  float cover = clamp(0.5 - d, 0.0, 1.0);\n  float inner = clamp(0.5 - (d + u_params.y * u_viewport.z), 0.0, 1.0);\n  float a = v_color.a * (inner * u_params.x + (cover - inner));\n  outColor = vec4(v_color.rgb * a, a);\n}`,\n};\n"],"mappings":"AAcA,IAAMA,EAAyB;;;;;;;;;;;;;;;;;;;;;;;;;EA2BlBC,EAAuB,GAAGD,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCtCE,EAAuB,GAAGF,EAAY;;;;;;;;;;;;;;;;;;;;;;EAwBtCG,EAAsB,GAAGH,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CrCI,EAA0B,GAAGJ,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BhDK,EAAyB;;;;;;EAQzBC,EAAgC,GAAGD,EAAY;;;;;;;EASxCE,EAAY,CACvB,OAAmB,GAAGD,EAAmB;;;;;;;;;;;;;;;;;;;;;;GAuBzC,SAAqB,GAAGD,EAAY;;;;;;;;;EAUtC,EAEaG,EAAY,CACvB,OAAmB,GAAGF,EAAmB;;;;;;;;;;;;GAazC,SAAqB,GAAGD,EAAY;;;;;;EAOtC,EAEaI,EAAW,CACtB,OAAmB,GAAGH,EAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BzC,SAAqB,GAAGD,EAAY;;;;;;;;;;;EAYtC,EAEaK,EAAe,CAC1B,OAAmB,GAAGJ,EAAmB;;;;;;;;;;;;;;;;;;GAmBzC,SAAqB,GAAGD,EAAY;;;;;;;;;;;EAYtC"}

package/dist/charts/engine/renderers/shaders.d.cts

@@ -1,6 +1,6 @@
 export declare const WGSL_LINE = "\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) len: f32,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec2f, @location(1) b: vec2f) -> Out {\n  var out: Out;\n  if (gap(a) || gap(b)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let pa = toPx(a);\n  let pb = toPx(b);\n  let d = pb - pa;\n  let len = length(d);\n  var dir = vec2f(1.0, 0.0);\n  if (len > 1e-6) { dir = d / len; }\n  let nrm = vec2f(-dir.y, dir.x);\n  let hw = u.params.x + 1.0;\n  let c = corner(vi);\n  let along = mix(-hw, len + hw, c.x);\n  let across = mix(-hw, hw, c.y);\n  out.pos = pxToClip(pa + dir * along + nrm * across);\n  out.local = vec2f(along, across);\n  out.len = len;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let x = clamp(v.local.x, 0.0, v.len);\n  let dist = length(vec2f(v.local.x - x, v.local.y));\n  let a = clamp(u.params.x - dist + 0.5, 0.0, 1.0) * u.color.a;\n  return vec4f(u.color.rgb * a, a);\n}\n";
-export declare const WGSL_AREA = "\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) t: f32,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec2f, @location(1) b: vec2f) -> Out {\n  var out: Out;\n  if (gap(a) || gap(b)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let c = corner(vi);\n  let p = select(a, b, c.y > 0.5);\n  let y = select(u.params.x, p.y, c.x > 0.5);\n  out.pos = vec4f(toClip(vec2f(p.x, y)), 0.0, 1.0);\n  out.t = c.x;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let a = u.color.a * u.params.y * (0.3 + 0.7 * v.t);\n  return vec4f(u.color.rgb * a, a);\n}\n";
-export declare const WGSL_BAR = "\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) @interpolate(flat) hs: vec2f,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) inst: vec3f) -> Out {\n  var out: Out;\n  if (gap(inst.xy) || abs(inst.z) > 1e37) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let hw = max(abs(u.params.x * u.xform.x) * 0.5 * u.viewport.x, 0.5);\n  let p0 = toPx(inst.xy);\n  let y1 = toPx(vec2f(inst.x, inst.z)).y;\n  let lo = min(p0.y, y1);\n  let hi = max(p0.y, y1);\n  let hsz = vec2f(hw, (hi - lo) * 0.5);\n  let center = vec2f(p0.x, (lo + hi) * 0.5);\n  let ext = hsz + vec2f(1.0);\n  let c = corner(vi) * 2.0 - 1.0;\n  out.pos = pxToClip(center + c * ext);\n  out.local = c * ext;\n  out.hs = hsz;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let r = min(u.params.y * u.viewport.z, min(v.hs.x, v.hs.y));\n  let q = abs(v.local) - v.hs + vec2f(r);\n  let d = length(max(q, vec2f(0.0))) + min(max(q.x, q.y), 0.0) - r;\n  let a = clamp(0.5 - d, 0.0, 1.0) * u.color.a;\n  return vec4f(u.color.rgb * a, a);\n}\n";
+export declare const WGSL_AREA = "\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) t: f32,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec3f, @location(1) b: vec3f) -> Out {\n  var out: Out;\n  if (gap(a.xy) || gap(b.xy) || abs(a.z) > 1e37 || abs(b.z) > 1e37) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let c = corner(vi);\n  let p = select(a, b, c.y > 0.5);\n  let y = select(p.z, p.y, c.x > 0.5);\n  out.pos = vec4f(toClip(vec2f(p.x, y)), 0.0, 1.0);\n  out.t = c.x;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let a = u.color.a * u.params.y * (0.25 + 0.75 * v.t * v.t);\n  return vec4f(u.color.rgb * a, a);\n}\n";
+export declare const WGSL_BAR = "\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) @interpolate(flat) hs: vec2f,\n  @location(2) @interpolate(flat) color: vec4f,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) inst: vec3f, @location(1) color: vec4f) -> Out {\n  var out: Out;\n  if (gap(inst.xy) || abs(inst.z) > 1e37) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let dpr = u.viewport.z;\n  let rawHw = abs(u.params.x * u.xform.x) * 0.5 * u.viewport.x;\n  let p0 = toPx(inst.xy);\n  let y1 = toPx(vec2f(inst.x, inst.z)).y;\n  let lo = min(p0.y, y1);\n  let hi = max(p0.y, y1);\n  // the gap between cells fades out on small cells (dense heatmaps stay\n  // solid); without a gap, cells overlap by a pixel so no seam shows\n  let fade = clamp((min(rawHw, (hi - lo) * 0.5) - 3.0 * dpr) / (2.0 * dpr), 0.0, 1.0);\n  let inset = u.params.z * dpr * fade - select(0.0, 0.5 * (1.0 - fade), u.params.z > 0.0);\n  let minHalf = u.params.w * dpr;\n  let hw = max(max(rawHw - inset, 0.5), minHalf);\n  let hsz = vec2f(hw, max((hi - lo) * 0.5 - inset, minHalf));\n  let center = vec2f(p0.x, (lo + hi) * 0.5);\n  let ext = hsz + vec2f(1.0);\n  let c = corner(vi) * 2.0 - 1.0;\n  out.pos = pxToClip(center + c * ext);\n  out.local = c * ext;\n  out.hs = hsz;\n  out.color = color;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let r = min(u.params.y * u.viewport.z, min(v.hs.x, v.hs.y));\n  let q = abs(v.local) - v.hs + vec2f(r);\n  let d = length(max(q, vec2f(0.0))) + min(max(q.x, q.y), 0.0) - r;\n  let a = clamp(0.5 - d, 0.0, 1.0) * v.color.a;\n  return vec4f(v.color.rgb * a, a);\n}\n";
 export declare const WGSL_SCATTER = "\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) @interpolate(flat) r: f32,\n  @location(2) @interpolate(flat) color: vec4f,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) p: vec2f, @location(1) size: f32, @location(2) color: vec4f) -> Out {\n  var out: Out;\n  if (gap(p) || !(size > 0.0)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let r = size * 0.5 * u.viewport.z;\n  let ext = r + 1.0;\n  let c = corner(vi) * 2.0 - 1.0;\n  out.pos = pxToClip(toPx(p) + c * ext);\n  out.local = c * ext;\n  out.r = r;\n  out.color = color;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let d = length(v.local) - v.r;\n  let cover = clamp(0.5 - d, 0.0, 1.0);\n  let inner = clamp(0.5 - (d + u.params.y * u.viewport.z), 0.0, 1.0);\n  let a = v.color.a * (inner * u.params.x + (cover - inner));\n  return vec4f(v.color.rgb * a, a);\n}\n";
 export declare const GLSL_LINE: {
     vertex: string;

package/dist/charts/engine/renderers/shaders.d.ts

@@ -1,6 +1,6 @@
 export declare const WGSL_LINE = "\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) len: f32,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec2f, @location(1) b: vec2f) -> Out {\n  var out: Out;\n  if (gap(a) || gap(b)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let pa = toPx(a);\n  let pb = toPx(b);\n  let d = pb - pa;\n  let len = length(d);\n  var dir = vec2f(1.0, 0.0);\n  if (len > 1e-6) { dir = d / len; }\n  let nrm = vec2f(-dir.y, dir.x);\n  let hw = u.params.x + 1.0;\n  let c = corner(vi);\n  let along = mix(-hw, len + hw, c.x);\n  let across = mix(-hw, hw, c.y);\n  out.pos = pxToClip(pa + dir * along + nrm * across);\n  out.local = vec2f(along, across);\n  out.len = len;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let x = clamp(v.local.x, 0.0, v.len);\n  let dist = length(vec2f(v.local.x - x, v.local.y));\n  let a = clamp(u.params.x - dist + 0.5, 0.0, 1.0) * u.color.a;\n  return vec4f(u.color.rgb * a, a);\n}\n";
-export declare const WGSL_AREA = "\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) t: f32,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec2f, @location(1) b: vec2f) -> Out {\n  var out: Out;\n  if (gap(a) || gap(b)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let c = corner(vi);\n  let p = select(a, b, c.y > 0.5);\n  let y = select(u.params.x, p.y, c.x > 0.5);\n  out.pos = vec4f(toClip(vec2f(p.x, y)), 0.0, 1.0);\n  out.t = c.x;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let a = u.color.a * u.params.y * (0.3 + 0.7 * v.t);\n  return vec4f(u.color.rgb * a, a);\n}\n";
-export declare const WGSL_BAR = "\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) @interpolate(flat) hs: vec2f,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) inst: vec3f) -> Out {\n  var out: Out;\n  if (gap(inst.xy) || abs(inst.z) > 1e37) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let hw = max(abs(u.params.x * u.xform.x) * 0.5 * u.viewport.x, 0.5);\n  let p0 = toPx(inst.xy);\n  let y1 = toPx(vec2f(inst.x, inst.z)).y;\n  let lo = min(p0.y, y1);\n  let hi = max(p0.y, y1);\n  let hsz = vec2f(hw, (hi - lo) * 0.5);\n  let center = vec2f(p0.x, (lo + hi) * 0.5);\n  let ext = hsz + vec2f(1.0);\n  let c = corner(vi) * 2.0 - 1.0;\n  out.pos = pxToClip(center + c * ext);\n  out.local = c * ext;\n  out.hs = hsz;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let r = min(u.params.y * u.viewport.z, min(v.hs.x, v.hs.y));\n  let q = abs(v.local) - v.hs + vec2f(r);\n  let d = length(max(q, vec2f(0.0))) + min(max(q.x, q.y), 0.0) - r;\n  let a = clamp(0.5 - d, 0.0, 1.0) * u.color.a;\n  return vec4f(u.color.rgb * a, a);\n}\n";
+export declare const WGSL_AREA = "\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) t: f32,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec3f, @location(1) b: vec3f) -> Out {\n  var out: Out;\n  if (gap(a.xy) || gap(b.xy) || abs(a.z) > 1e37 || abs(b.z) > 1e37) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let c = corner(vi);\n  let p = select(a, b, c.y > 0.5);\n  let y = select(p.z, p.y, c.x > 0.5);\n  out.pos = vec4f(toClip(vec2f(p.x, y)), 0.0, 1.0);\n  out.t = c.x;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let a = u.color.a * u.params.y * (0.25 + 0.75 * v.t * v.t);\n  return vec4f(u.color.rgb * a, a);\n}\n";
+export declare const WGSL_BAR = "\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) @interpolate(flat) hs: vec2f,\n  @location(2) @interpolate(flat) color: vec4f,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) inst: vec3f, @location(1) color: vec4f) -> Out {\n  var out: Out;\n  if (gap(inst.xy) || abs(inst.z) > 1e37) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let dpr = u.viewport.z;\n  let rawHw = abs(u.params.x * u.xform.x) * 0.5 * u.viewport.x;\n  let p0 = toPx(inst.xy);\n  let y1 = toPx(vec2f(inst.x, inst.z)).y;\n  let lo = min(p0.y, y1);\n  let hi = max(p0.y, y1);\n  // the gap between cells fades out on small cells (dense heatmaps stay\n  // solid); without a gap, cells overlap by a pixel so no seam shows\n  let fade = clamp((min(rawHw, (hi - lo) * 0.5) - 3.0 * dpr) / (2.0 * dpr), 0.0, 1.0);\n  let inset = u.params.z * dpr * fade - select(0.0, 0.5 * (1.0 - fade), u.params.z > 0.0);\n  let minHalf = u.params.w * dpr;\n  let hw = max(max(rawHw - inset, 0.5), minHalf);\n  let hsz = vec2f(hw, max((hi - lo) * 0.5 - inset, minHalf));\n  let center = vec2f(p0.x, (lo + hi) * 0.5);\n  let ext = hsz + vec2f(1.0);\n  let c = corner(vi) * 2.0 - 1.0;\n  out.pos = pxToClip(center + c * ext);\n  out.local = c * ext;\n  out.hs = hsz;\n  out.color = color;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let r = min(u.params.y * u.viewport.z, min(v.hs.x, v.hs.y));\n  let q = abs(v.local) - v.hs + vec2f(r);\n  let d = length(max(q, vec2f(0.0))) + min(max(q.x, q.y), 0.0) - r;\n  let a = clamp(0.5 - d, 0.0, 1.0) * v.color.a;\n  return vec4f(v.color.rgb * a, a);\n}\n";
 export declare const WGSL_SCATTER = "\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) @interpolate(flat) r: f32,\n  @location(2) @interpolate(flat) color: vec4f,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) p: vec2f, @location(1) size: f32, @location(2) color: vec4f) -> Out {\n  var out: Out;\n  if (gap(p) || !(size > 0.0)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let r = size * 0.5 * u.viewport.z;\n  let ext = r + 1.0;\n  let c = corner(vi) * 2.0 - 1.0;\n  out.pos = pxToClip(toPx(p) + c * ext);\n  out.local = c * ext;\n  out.r = r;\n  out.color = color;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let d = length(v.local) - v.r;\n  let cover = clamp(0.5 - d, 0.0, 1.0);\n  let inner = clamp(0.5 - (d + u.params.y * u.viewport.z), 0.0, 1.0);\n  let a = v.color.a * (inner * u.params.x + (cover - inner));\n  return vec4f(v.color.rgb * a, a);\n}\n";
 export declare const GLSL_LINE: {
     vertex: string;

package/dist/charts/engine/renderers/shaders.js

@@ -38,21 +38,21 @@ struct Out {
   @builtin(position) pos: vec4f,
   @location(0) t: f32,
 };
-@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec2f, @location(1) b: vec2f) -> Out {
+@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec3f, @location(1) b: vec3f) -> Out {
   var out: Out;
-  if (gap(a) || gap(b)) {
+  if (gap(a.xy) || gap(b.xy) || abs(a.z) > 1e37 || abs(b.z) > 1e37) {
     out.pos = HIDDEN;
     return out;
   }
   let c = corner(vi);
   let p = select(a, b, c.y > 0.5);
-  let y = select(u.params.x, p.y, c.x > 0.5);
+  let y = select(p.z, p.y, c.x > 0.5);
   out.pos = vec4f(toClip(vec2f(p.x, y)), 0.0, 1.0);
   out.t = c.x;
   return out;
 }
 @fragment fn fs(v: Out) -> @location(0) vec4f {
-  let a = u.color.a * u.params.y * (0.3 + 0.7 * v.t);
+  let a = u.color.a * u.params.y * (0.25 + 0.75 * v.t * v.t);
   return vec4f(u.color.rgb * a, a);
 }
 `, r = `${e}
@@ -60,33 +60,42 @@ struct Out {
   @builtin(position) pos: vec4f,
   @location(0) local: vec2f,
   @location(1) @interpolate(flat) hs: vec2f,
+  @location(2) @interpolate(flat) color: vec4f,
 };
-@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) inst: vec3f) -> Out {
+@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) inst: vec3f, @location(1) color: vec4f) -> Out {
   var out: Out;
   if (gap(inst.xy) || abs(inst.z) > 1e37) {
     out.pos = HIDDEN;
     return out;
   }
-  let hw = max(abs(u.params.x * u.xform.x) * 0.5 * u.viewport.x, 0.5);
+  let dpr = u.viewport.z;
+  let rawHw = abs(u.params.x * u.xform.x) * 0.5 * u.viewport.x;
   let p0 = toPx(inst.xy);
   let y1 = toPx(vec2f(inst.x, inst.z)).y;
   let lo = min(p0.y, y1);
   let hi = max(p0.y, y1);
-  let hsz = vec2f(hw, (hi - lo) * 0.5);
+  // the gap between cells fades out on small cells (dense heatmaps stay
+  // solid); without a gap, cells overlap by a pixel so no seam shows
+  let fade = clamp((min(rawHw, (hi - lo) * 0.5) - 3.0 * dpr) / (2.0 * dpr), 0.0, 1.0);
+  let inset = u.params.z * dpr * fade - select(0.0, 0.5 * (1.0 - fade), u.params.z > 0.0);
+  let minHalf = u.params.w * dpr;
+  let hw = max(max(rawHw - inset, 0.5), minHalf);
+  let hsz = vec2f(hw, max((hi - lo) * 0.5 - inset, minHalf));
   let center = vec2f(p0.x, (lo + hi) * 0.5);
   let ext = hsz + vec2f(1.0);
   let c = corner(vi) * 2.0 - 1.0;
   out.pos = pxToClip(center + c * ext);
   out.local = c * ext;
   out.hs = hsz;
+  out.color = color;
   return out;
 }
 @fragment fn fs(v: Out) -> @location(0) vec4f {
   let r = min(u.params.y * u.viewport.z, min(v.hs.x, v.hs.y));
   let q = abs(v.local) - v.hs + vec2f(r);
   let d = length(max(q, vec2f(0.0))) + min(max(q.x, q.y), 0.0) - r;
-  let a = clamp(0.5 - d, 0.0, 1.0) * u.color.a;
-  return vec4f(u.color.rgb * a, a);
+  let a = clamp(0.5 - d, 0.0, 1.0) * v.color.a;
+  return vec4f(v.color.rgb * a, a);
 }
 `, i = `${e}
 struct Out {
@@ -160,15 +169,15 @@ void main() {
 }`
 }, c = {
 	vertex: `${o}
-in vec2 a_a;
-in vec2 a_b;
+in vec3 a_a;
+in vec3 a_b;
 out float v_t;
 void main() {
   v_t = 0.0;
-  if (gap(a_a) || gap(a_b)) { gl_Position = HIDDEN; return; }
+  if (gap(a_a.xy) || gap(a_b.xy) || abs(a_a.z) > 1e37 || abs(a_b.z) > 1e37) { gl_Position = HIDDEN; return; }
   vec2 c = corner();
-  vec2 p = c.y > 0.5 ? a_b : a_a;
-  float y = c.x > 0.5 ? p.y : u_params.x;
+  vec3 p = c.y > 0.5 ? a_b : a_a;
+  float y = c.x > 0.5 ? p.y : p.z;
   gl_Position = vec4(toClip(vec2(p.x, y)), 0.0, 1.0);
   v_t = c.x;
 }`,
@@ -176,24 +185,32 @@ void main() {
 in float v_t;
 out vec4 outColor;
 void main() {
-  float a = u_color.a * u_params.y * (0.3 + 0.7 * v_t);
+  float a = u_color.a * u_params.y * (0.25 + 0.75 * v_t * v_t);
   outColor = vec4(u_color.rgb * a, a);
 }`
 }, l = {
 	vertex: `${o}
 in vec3 a_inst;
+in vec4 a_color;
 out vec2 v_local;
 flat out vec2 v_half;
+flat out vec4 v_color;
 void main() {
   v_local = vec2(0.0);
   v_half = vec2(0.0);
+  v_color = a_color;
   if (gap(a_inst.xy) || abs(a_inst.z) > 1e37) { gl_Position = HIDDEN; return; }
-  float hw = max(abs(u_params.x * u_xform.x) * 0.5 * u_viewport.x, 0.5);
+  float dpr = u_viewport.z;
+  float rawHw = abs(u_params.x * u_xform.x) * 0.5 * u_viewport.x;
   vec2 p0 = toPx(a_inst.xy);
   float y1 = toPx(vec2(a_inst.x, a_inst.z)).y;
   float lo = min(p0.y, y1);
   float hi = max(p0.y, y1);
-  vec2 hsz = vec2(hw, (hi - lo) * 0.5);
+  float fade = clamp((min(rawHw, (hi - lo) * 0.5) - 3.0 * dpr) / (2.0 * dpr), 0.0, 1.0);
+  float inset = u_params.z * dpr * fade - (u_params.z > 0.0 ? 0.5 * (1.0 - fade) : 0.0);
+  float minHalf = u_params.w * dpr;
+  float hw = max(max(rawHw - inset, 0.5), minHalf);
+  vec2 hsz = vec2(hw, max((hi - lo) * 0.5 - inset, minHalf));
   vec2 center = vec2(p0.x, (lo + hi) * 0.5);
   vec2 ext = hsz + vec2(1.0);
   vec2 c = corner() * 2.0 - 1.0;
@@ -204,13 +221,14 @@ void main() {
 	fragment: `${a}
 in vec2 v_local;
 flat in vec2 v_half;
+flat in vec4 v_color;
 out vec4 outColor;
 void main() {
   float r = min(u_params.y * u_viewport.z, min(v_half.x, v_half.y));
   vec2 q = abs(v_local) - v_half + vec2(r);
   float d = length(max(q, vec2(0.0))) + min(max(q.x, q.y), 0.0) - r;
-  float a = clamp(0.5 - d, 0.0, 1.0) * u_color.a;
-  outColor = vec4(u_color.rgb * a, a);
+  float a = clamp(0.5 - d, 0.0, 1.0) * v_color.a;
+  outColor = vec4(v_color.rgb * a, a);
 }`
 }, u = {
 	vertex: `${o}

package/dist/charts/engine/renderers/shaders.js.map

@@ -1 +1 @@
-{"version":3,"file":"shaders.js","names":["WGSL_COMMON","WGSL_LINE","WGSL_AREA","WGSL_BAR","WGSL_SCATTER","GLSL_HEADER","GLSL_VERTEX_COMMON","GLSL_LINE","GLSL_AREA","GLSL_BAR","GLSL_SCATTER"],"sources":["../../../../../charts/src/engine/renderers/shaders.ts"],"sourcesContent":["// WGSL (WebGPU) and GLSL ES 3.0 (WebGL2) programs. Every primitive is an\n// instanced 4-vertex triangle strip; anti-aliasing comes from signed\n// distance functions in pixel space (no MSAA needed).\n//\n// Uniforms (both backends):\n//   xform    = (xScale, xOffset, yScale, yOffset)  relative data -> clip\n//   viewport = (width px, height px, dpr, 0)\n//   color    = straight RGBA of the series\n//   params   = line: (half width px) | area: (baseline, opacity)\n//              bar: (half width in x units, radius px) | scatter: (opacity, stroke px)\n// Output colors are premultiplied.\n\nconst WGSL_COMMON = /* wgsl */ `\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n`;\n\nexport const WGSL_LINE = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) len: f32,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec2f, @location(1) b: vec2f) -> Out {\n  var out: Out;\n  if (gap(a) || gap(b)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let pa = toPx(a);\n  let pb = toPx(b);\n  let d = pb - pa;\n  let len = length(d);\n  var dir = vec2f(1.0, 0.0);\n  if (len > 1e-6) { dir = d / len; }\n  let nrm = vec2f(-dir.y, dir.x);\n  let hw = u.params.x + 1.0;\n  let c = corner(vi);\n  let along = mix(-hw, len + hw, c.x);\n  let across = mix(-hw, hw, c.y);\n  out.pos = pxToClip(pa + dir * along + nrm * across);\n  out.local = vec2f(along, across);\n  out.len = len;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let x = clamp(v.local.x, 0.0, v.len);\n  let dist = length(vec2f(v.local.x - x, v.local.y));\n  let a = clamp(u.params.x - dist + 0.5, 0.0, 1.0) * u.color.a;\n  return vec4f(u.color.rgb * a, a);\n}\n`;\n\nexport const WGSL_AREA = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) t: f32,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec2f, @location(1) b: vec2f) -> Out {\n  var out: Out;\n  if (gap(a) || gap(b)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let c = corner(vi);\n  let p = select(a, b, c.y > 0.5);\n  let y = select(u.params.x, p.y, c.x > 0.5);\n  out.pos = vec4f(toClip(vec2f(p.x, y)), 0.0, 1.0);\n  out.t = c.x;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let a = u.color.a * u.params.y * (0.3 + 0.7 * v.t);\n  return vec4f(u.color.rgb * a, a);\n}\n`;\n\nexport const WGSL_BAR = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) @interpolate(flat) hs: vec2f,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) inst: vec3f) -> Out {\n  var out: Out;\n  if (gap(inst.xy) || abs(inst.z) > 1e37) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let hw = max(abs(u.params.x * u.xform.x) * 0.5 * u.viewport.x, 0.5);\n  let p0 = toPx(inst.xy);\n  let y1 = toPx(vec2f(inst.x, inst.z)).y;\n  let lo = min(p0.y, y1);\n  let hi = max(p0.y, y1);\n  let hsz = vec2f(hw, (hi - lo) * 0.5);\n  let center = vec2f(p0.x, (lo + hi) * 0.5);\n  let ext = hsz + vec2f(1.0);\n  let c = corner(vi) * 2.0 - 1.0;\n  out.pos = pxToClip(center + c * ext);\n  out.local = c * ext;\n  out.hs = hsz;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let r = min(u.params.y * u.viewport.z, min(v.hs.x, v.hs.y));\n  let q = abs(v.local) - v.hs + vec2f(r);\n  let d = length(max(q, vec2f(0.0))) + min(max(q.x, q.y), 0.0) - r;\n  let a = clamp(0.5 - d, 0.0, 1.0) * u.color.a;\n  return vec4f(u.color.rgb * a, a);\n}\n`;\n\nexport const WGSL_SCATTER = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) @interpolate(flat) r: f32,\n  @location(2) @interpolate(flat) color: vec4f,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) p: vec2f, @location(1) size: f32, @location(2) color: vec4f) -> Out {\n  var out: Out;\n  if (gap(p) || !(size > 0.0)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let r = size * 0.5 * u.viewport.z;\n  let ext = r + 1.0;\n  let c = corner(vi) * 2.0 - 1.0;\n  out.pos = pxToClip(toPx(p) + c * ext);\n  out.local = c * ext;\n  out.r = r;\n  out.color = color;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let d = length(v.local) - v.r;\n  let cover = clamp(0.5 - d, 0.0, 1.0);\n  let inner = clamp(0.5 - (d + u.params.y * u.viewport.z), 0.0, 1.0);\n  let a = v.color.a * (inner * u.params.x + (cover - inner));\n  return vec4f(v.color.rgb * a, a);\n}\n`;\n\nconst GLSL_HEADER = /* glsl */ `#version 300 es\nprecision highp float;\nuniform vec4 u_xform;\nuniform vec4 u_viewport;\nuniform vec4 u_color;\nuniform vec4 u_params;\n`;\n\nconst GLSL_VERTEX_COMMON = /* glsl */ `${GLSL_HEADER}\nbool gap(vec2 p) { return abs(p.x) > 1e37 || abs(p.y) > 1e37; }\nvec2 toClip(vec2 p) { return vec2(p.x * u_xform.x + u_xform.y, p.y * u_xform.z + u_xform.w); }\nvec2 toPx(vec2 p) { return (toClip(p) * 0.5 + 0.5) * u_viewport.xy; }\nvec4 pxToClip(vec2 p) { return vec4(p / u_viewport.xy * 2.0 - 1.0, 0.0, 1.0); }\nvec2 corner() { return vec2(float(gl_VertexID & 1), float(gl_VertexID >> 1)); }\nconst vec4 HIDDEN = vec4(2.0, 2.0, 2.0, 1.0);\n`;\n\nexport const GLSL_LINE = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec2 a_a;\nin vec2 a_b;\nout vec2 v_local;\nout float v_len;\nvoid main() {\n  v_local = vec2(0.0);\n  v_len = 0.0;\n  if (gap(a_a) || gap(a_b)) { gl_Position = HIDDEN; return; }\n  vec2 pa = toPx(a_a);\n  vec2 pb = toPx(a_b);\n  vec2 d = pb - pa;\n  float len = length(d);\n  vec2 dir = len > 1e-6 ? d / len : vec2(1.0, 0.0);\n  vec2 nrm = vec2(-dir.y, dir.x);\n  float hw = u_params.x + 1.0;\n  vec2 c = corner();\n  float along = mix(-hw, len + hw, c.x);\n  float across = mix(-hw, hw, c.y);\n  gl_Position = pxToClip(pa + dir * along + nrm * across);\n  v_local = vec2(along, across);\n  v_len = len;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin vec2 v_local;\nin float v_len;\nout vec4 outColor;\nvoid main() {\n  float x = clamp(v_local.x, 0.0, v_len);\n  float dist = length(vec2(v_local.x - x, v_local.y));\n  float a = clamp(u_params.x - dist + 0.5, 0.0, 1.0) * u_color.a;\n  outColor = vec4(u_color.rgb * a, a);\n}`,\n};\n\nexport const GLSL_AREA = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec2 a_a;\nin vec2 a_b;\nout float v_t;\nvoid main() {\n  v_t = 0.0;\n  if (gap(a_a) || gap(a_b)) { gl_Position = HIDDEN; return; }\n  vec2 c = corner();\n  vec2 p = c.y > 0.5 ? a_b : a_a;\n  float y = c.x > 0.5 ? p.y : u_params.x;\n  gl_Position = vec4(toClip(vec2(p.x, y)), 0.0, 1.0);\n  v_t = c.x;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin float v_t;\nout vec4 outColor;\nvoid main() {\n  float a = u_color.a * u_params.y * (0.3 + 0.7 * v_t);\n  outColor = vec4(u_color.rgb * a, a);\n}`,\n};\n\nexport const GLSL_BAR = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec3 a_inst;\nout vec2 v_local;\nflat out vec2 v_half;\nvoid main() {\n  v_local = vec2(0.0);\n  v_half = vec2(0.0);\n  if (gap(a_inst.xy) || abs(a_inst.z) > 1e37) { gl_Position = HIDDEN; return; }\n  float hw = max(abs(u_params.x * u_xform.x) * 0.5 * u_viewport.x, 0.5);\n  vec2 p0 = toPx(a_inst.xy);\n  float y1 = toPx(vec2(a_inst.x, a_inst.z)).y;\n  float lo = min(p0.y, y1);\n  float hi = max(p0.y, y1);\n  vec2 hsz = vec2(hw, (hi - lo) * 0.5);\n  vec2 center = vec2(p0.x, (lo + hi) * 0.5);\n  vec2 ext = hsz + vec2(1.0);\n  vec2 c = corner() * 2.0 - 1.0;\n  gl_Position = pxToClip(center + c * ext);\n  v_local = c * ext;\n  v_half = hsz;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin vec2 v_local;\nflat in vec2 v_half;\nout vec4 outColor;\nvoid main() {\n  float r = min(u_params.y * u_viewport.z, min(v_half.x, v_half.y));\n  vec2 q = abs(v_local) - v_half + vec2(r);\n  float d = length(max(q, vec2(0.0))) + min(max(q.x, q.y), 0.0) - r;\n  float a = clamp(0.5 - d, 0.0, 1.0) * u_color.a;\n  outColor = vec4(u_color.rgb * a, a);\n}`,\n};\n\nexport const GLSL_SCATTER = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec2 a_pos;\nin float a_size;\nin vec4 a_color;\nout vec2 v_local;\nflat out float v_r;\nflat out vec4 v_color;\nvoid main() {\n  v_local = vec2(0.0);\n  v_r = 0.0;\n  v_color = a_color;\n  if (gap(a_pos) || !(a_size > 0.0)) { gl_Position = HIDDEN; return; }\n  float r = a_size * 0.5 * u_viewport.z;\n  float ext = r + 1.0;\n  vec2 c = corner() * 2.0 - 1.0;\n  gl_Position = pxToClip(toPx(a_pos) + c * ext);\n  v_local = c * ext;\n  v_r = r;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin vec2 v_local;\nflat in float v_r;\nflat in vec4 v_color;\nout vec4 outColor;\nvoid main() {\n  float d = length(v_local) - v_r;\n  float cover = clamp(0.5 - d, 0.0, 1.0);\n  float inner = clamp(0.5 - (d + u_params.y * u_viewport.z), 0.0, 1.0);\n  float a = v_color.a * (inner * u_params.x + (cover - inner));\n  outColor = vec4(v_color.rgb * a, a);\n}`,\n};\n"],"mappings":";AAYA,IAAMA,IAAyB,mnBA2BlBC,IAAuB,GAAGD,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCtCE,IAAuB,GAAGF,EAAY;;;;;;;;;;;;;;;;;;;;;;GAwBtCG,IAAsB,GAAGH,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCrCI,IAA0B,GAAGJ,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BhDK,IAAyB,6IAQzBC,IAAgC,GAAGD,EAAY;;;;;;;GASxCE,IAAY;CACvB,QAAmB,GAAGD,EAAmB;;;;;;;;;;;;;;;;;;;;;;;CAuBzC,UAAqB,GAAGD,EAAY;;;;;;;;;;AAUtC,GAEaG,IAAY;CACvB,QAAmB,GAAGF,EAAmB;;;;;;;;;;;;;CAazC,UAAqB,GAAGD,EAAY;;;;;;;AAOtC,GAEaI,IAAW;CACtB,QAAmB,GAAGH,EAAmB;;;;;;;;;;;;;;;;;;;;;CAqBzC,UAAqB,GAAGD,EAAY;;;;;;;;;;;AAWtC,GAEaK,IAAe;CAC1B,QAAmB,GAAGJ,EAAmB;;;;;;;;;;;;;;;;;;;CAmBzC,UAAqB,GAAGD,EAAY;;;;;;;;;;;;AAYtC"}
+{"version":3,"file":"shaders.js","names":["WGSL_COMMON","WGSL_LINE","WGSL_AREA","WGSL_BAR","WGSL_SCATTER","GLSL_HEADER","GLSL_VERTEX_COMMON","GLSL_LINE","GLSL_AREA","GLSL_BAR","GLSL_SCATTER"],"sources":["../../../../../charts/src/engine/renderers/shaders.ts"],"sourcesContent":["// WGSL (WebGPU) and GLSL ES 3.0 (WebGL2) programs. Every primitive is an\n// instanced 4-vertex triangle strip; anti-aliasing comes from signed\n// distance functions in pixel space (no MSAA needed).\n//\n// Uniforms (both backends):\n//   xform    = (xScale, xOffset, yScale, yOffset)  relative data -> clip\n//   viewport = (width px, height px, dpr, 0)\n//   color    = straight RGBA of the series\n//   params   = line: (half width px) | area: (_, opacity)\n//              bar: (half width in x units, radius px, inset px, min half px)\n//              scatter: (opacity, stroke px)\n// Bars and scatter dots carry their own color (unorm8x4 per instance).\n// Output colors are premultiplied.\n\nconst WGSL_COMMON = /* wgsl */ `\nstruct U {\n  xform: vec4f,\n  viewport: vec4f,\n  color: vec4f,\n  params: vec4f,\n};\n@group(0) @binding(0) var<uniform> u: U;\n\nfn gap(p: vec2f) -> bool {\n  return abs(p.x) > 1e37 || abs(p.y) > 1e37;\n}\nfn toClip(p: vec2f) -> vec2f {\n  return vec2f(p.x * u.xform.x + u.xform.y, p.y * u.xform.z + u.xform.w);\n}\nfn toPx(p: vec2f) -> vec2f {\n  return (toClip(p) * 0.5 + 0.5) * u.viewport.xy;\n}\nfn pxToClip(p: vec2f) -> vec4f {\n  return vec4f(p / u.viewport.xy * 2.0 - 1.0, 0.0, 1.0);\n}\nfn corner(vi: u32) -> vec2f {\n  return vec2f(f32(vi & 1u), f32(vi >> 1u));\n}\nconst HIDDEN = vec4f(2.0, 2.0, 2.0, 1.0);\n`;\n\nexport const WGSL_LINE = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) len: f32,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec2f, @location(1) b: vec2f) -> Out {\n  var out: Out;\n  if (gap(a) || gap(b)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let pa = toPx(a);\n  let pb = toPx(b);\n  let d = pb - pa;\n  let len = length(d);\n  var dir = vec2f(1.0, 0.0);\n  if (len > 1e-6) { dir = d / len; }\n  let nrm = vec2f(-dir.y, dir.x);\n  let hw = u.params.x + 1.0;\n  let c = corner(vi);\n  let along = mix(-hw, len + hw, c.x);\n  let across = mix(-hw, hw, c.y);\n  out.pos = pxToClip(pa + dir * along + nrm * across);\n  out.local = vec2f(along, across);\n  out.len = len;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let x = clamp(v.local.x, 0.0, v.len);\n  let dist = length(vec2f(v.local.x - x, v.local.y));\n  let a = clamp(u.params.x - dist + 0.5, 0.0, 1.0) * u.color.a;\n  return vec4f(u.color.rgb * a, a);\n}\n`;\n\nexport const WGSL_AREA = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) t: f32,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) a: vec3f, @location(1) b: vec3f) -> Out {\n  var out: Out;\n  if (gap(a.xy) || gap(b.xy) || abs(a.z) > 1e37 || abs(b.z) > 1e37) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let c = corner(vi);\n  let p = select(a, b, c.y > 0.5);\n  let y = select(p.z, p.y, c.x > 0.5);\n  out.pos = vec4f(toClip(vec2f(p.x, y)), 0.0, 1.0);\n  out.t = c.x;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let a = u.color.a * u.params.y * (0.25 + 0.75 * v.t * v.t);\n  return vec4f(u.color.rgb * a, a);\n}\n`;\n\nexport const WGSL_BAR = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) @interpolate(flat) hs: vec2f,\n  @location(2) @interpolate(flat) color: vec4f,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) inst: vec3f, @location(1) color: vec4f) -> Out {\n  var out: Out;\n  if (gap(inst.xy) || abs(inst.z) > 1e37) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let dpr = u.viewport.z;\n  let rawHw = abs(u.params.x * u.xform.x) * 0.5 * u.viewport.x;\n  let p0 = toPx(inst.xy);\n  let y1 = toPx(vec2f(inst.x, inst.z)).y;\n  let lo = min(p0.y, y1);\n  let hi = max(p0.y, y1);\n  // the gap between cells fades out on small cells (dense heatmaps stay\n  // solid); without a gap, cells overlap by a pixel so no seam shows\n  let fade = clamp((min(rawHw, (hi - lo) * 0.5) - 3.0 * dpr) / (2.0 * dpr), 0.0, 1.0);\n  let inset = u.params.z * dpr * fade - select(0.0, 0.5 * (1.0 - fade), u.params.z > 0.0);\n  let minHalf = u.params.w * dpr;\n  let hw = max(max(rawHw - inset, 0.5), minHalf);\n  let hsz = vec2f(hw, max((hi - lo) * 0.5 - inset, minHalf));\n  let center = vec2f(p0.x, (lo + hi) * 0.5);\n  let ext = hsz + vec2f(1.0);\n  let c = corner(vi) * 2.0 - 1.0;\n  out.pos = pxToClip(center + c * ext);\n  out.local = c * ext;\n  out.hs = hsz;\n  out.color = color;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let r = min(u.params.y * u.viewport.z, min(v.hs.x, v.hs.y));\n  let q = abs(v.local) - v.hs + vec2f(r);\n  let d = length(max(q, vec2f(0.0))) + min(max(q.x, q.y), 0.0) - r;\n  let a = clamp(0.5 - d, 0.0, 1.0) * v.color.a;\n  return vec4f(v.color.rgb * a, a);\n}\n`;\n\nexport const WGSL_SCATTER = /* wgsl */ `${WGSL_COMMON}\nstruct Out {\n  @builtin(position) pos: vec4f,\n  @location(0) local: vec2f,\n  @location(1) @interpolate(flat) r: f32,\n  @location(2) @interpolate(flat) color: vec4f,\n};\n@vertex fn vs(@builtin(vertex_index) vi: u32, @location(0) p: vec2f, @location(1) size: f32, @location(2) color: vec4f) -> Out {\n  var out: Out;\n  if (gap(p) || !(size > 0.0)) {\n    out.pos = HIDDEN;\n    return out;\n  }\n  let r = size * 0.5 * u.viewport.z;\n  let ext = r + 1.0;\n  let c = corner(vi) * 2.0 - 1.0;\n  out.pos = pxToClip(toPx(p) + c * ext);\n  out.local = c * ext;\n  out.r = r;\n  out.color = color;\n  return out;\n}\n@fragment fn fs(v: Out) -> @location(0) vec4f {\n  let d = length(v.local) - v.r;\n  let cover = clamp(0.5 - d, 0.0, 1.0);\n  let inner = clamp(0.5 - (d + u.params.y * u.viewport.z), 0.0, 1.0);\n  let a = v.color.a * (inner * u.params.x + (cover - inner));\n  return vec4f(v.color.rgb * a, a);\n}\n`;\n\nconst GLSL_HEADER = /* glsl */ `#version 300 es\nprecision highp float;\nuniform vec4 u_xform;\nuniform vec4 u_viewport;\nuniform vec4 u_color;\nuniform vec4 u_params;\n`;\n\nconst GLSL_VERTEX_COMMON = /* glsl */ `${GLSL_HEADER}\nbool gap(vec2 p) { return abs(p.x) > 1e37 || abs(p.y) > 1e37; }\nvec2 toClip(vec2 p) { return vec2(p.x * u_xform.x + u_xform.y, p.y * u_xform.z + u_xform.w); }\nvec2 toPx(vec2 p) { return (toClip(p) * 0.5 + 0.5) * u_viewport.xy; }\nvec4 pxToClip(vec2 p) { return vec4(p / u_viewport.xy * 2.0 - 1.0, 0.0, 1.0); }\nvec2 corner() { return vec2(float(gl_VertexID & 1), float(gl_VertexID >> 1)); }\nconst vec4 HIDDEN = vec4(2.0, 2.0, 2.0, 1.0);\n`;\n\nexport const GLSL_LINE = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec2 a_a;\nin vec2 a_b;\nout vec2 v_local;\nout float v_len;\nvoid main() {\n  v_local = vec2(0.0);\n  v_len = 0.0;\n  if (gap(a_a) || gap(a_b)) { gl_Position = HIDDEN; return; }\n  vec2 pa = toPx(a_a);\n  vec2 pb = toPx(a_b);\n  vec2 d = pb - pa;\n  float len = length(d);\n  vec2 dir = len > 1e-6 ? d / len : vec2(1.0, 0.0);\n  vec2 nrm = vec2(-dir.y, dir.x);\n  float hw = u_params.x + 1.0;\n  vec2 c = corner();\n  float along = mix(-hw, len + hw, c.x);\n  float across = mix(-hw, hw, c.y);\n  gl_Position = pxToClip(pa + dir * along + nrm * across);\n  v_local = vec2(along, across);\n  v_len = len;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin vec2 v_local;\nin float v_len;\nout vec4 outColor;\nvoid main() {\n  float x = clamp(v_local.x, 0.0, v_len);\n  float dist = length(vec2(v_local.x - x, v_local.y));\n  float a = clamp(u_params.x - dist + 0.5, 0.0, 1.0) * u_color.a;\n  outColor = vec4(u_color.rgb * a, a);\n}`,\n};\n\nexport const GLSL_AREA = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec3 a_a;\nin vec3 a_b;\nout float v_t;\nvoid main() {\n  v_t = 0.0;\n  if (gap(a_a.xy) || gap(a_b.xy) || abs(a_a.z) > 1e37 || abs(a_b.z) > 1e37) { gl_Position = HIDDEN; return; }\n  vec2 c = corner();\n  vec3 p = c.y > 0.5 ? a_b : a_a;\n  float y = c.x > 0.5 ? p.y : p.z;\n  gl_Position = vec4(toClip(vec2(p.x, y)), 0.0, 1.0);\n  v_t = c.x;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin float v_t;\nout vec4 outColor;\nvoid main() {\n  float a = u_color.a * u_params.y * (0.25 + 0.75 * v_t * v_t);\n  outColor = vec4(u_color.rgb * a, a);\n}`,\n};\n\nexport const GLSL_BAR = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec3 a_inst;\nin vec4 a_color;\nout vec2 v_local;\nflat out vec2 v_half;\nflat out vec4 v_color;\nvoid main() {\n  v_local = vec2(0.0);\n  v_half = vec2(0.0);\n  v_color = a_color;\n  if (gap(a_inst.xy) || abs(a_inst.z) > 1e37) { gl_Position = HIDDEN; return; }\n  float dpr = u_viewport.z;\n  float rawHw = abs(u_params.x * u_xform.x) * 0.5 * u_viewport.x;\n  vec2 p0 = toPx(a_inst.xy);\n  float y1 = toPx(vec2(a_inst.x, a_inst.z)).y;\n  float lo = min(p0.y, y1);\n  float hi = max(p0.y, y1);\n  float fade = clamp((min(rawHw, (hi - lo) * 0.5) - 3.0 * dpr) / (2.0 * dpr), 0.0, 1.0);\n  float inset = u_params.z * dpr * fade - (u_params.z > 0.0 ? 0.5 * (1.0 - fade) : 0.0);\n  float minHalf = u_params.w * dpr;\n  float hw = max(max(rawHw - inset, 0.5), minHalf);\n  vec2 hsz = vec2(hw, max((hi - lo) * 0.5 - inset, minHalf));\n  vec2 center = vec2(p0.x, (lo + hi) * 0.5);\n  vec2 ext = hsz + vec2(1.0);\n  vec2 c = corner() * 2.0 - 1.0;\n  gl_Position = pxToClip(center + c * ext);\n  v_local = c * ext;\n  v_half = hsz;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin vec2 v_local;\nflat in vec2 v_half;\nflat in vec4 v_color;\nout vec4 outColor;\nvoid main() {\n  float r = min(u_params.y * u_viewport.z, min(v_half.x, v_half.y));\n  vec2 q = abs(v_local) - v_half + vec2(r);\n  float d = length(max(q, vec2(0.0))) + min(max(q.x, q.y), 0.0) - r;\n  float a = clamp(0.5 - d, 0.0, 1.0) * v_color.a;\n  outColor = vec4(v_color.rgb * a, a);\n}`,\n};\n\nexport const GLSL_SCATTER = {\n  vertex: /* glsl */ `${GLSL_VERTEX_COMMON}\nin vec2 a_pos;\nin float a_size;\nin vec4 a_color;\nout vec2 v_local;\nflat out float v_r;\nflat out vec4 v_color;\nvoid main() {\n  v_local = vec2(0.0);\n  v_r = 0.0;\n  v_color = a_color;\n  if (gap(a_pos) || !(a_size > 0.0)) { gl_Position = HIDDEN; return; }\n  float r = a_size * 0.5 * u_viewport.z;\n  float ext = r + 1.0;\n  vec2 c = corner() * 2.0 - 1.0;\n  gl_Position = pxToClip(toPx(a_pos) + c * ext);\n  v_local = c * ext;\n  v_r = r;\n}`,\n  fragment: /* glsl */ `${GLSL_HEADER}\nin vec2 v_local;\nflat in float v_r;\nflat in vec4 v_color;\nout vec4 outColor;\nvoid main() {\n  float d = length(v_local) - v_r;\n  float cover = clamp(0.5 - d, 0.0, 1.0);\n  float inner = clamp(0.5 - (d + u_params.y * u_viewport.z), 0.0, 1.0);\n  float a = v_color.a * (inner * u_params.x + (cover - inner));\n  outColor = vec4(v_color.rgb * a, a);\n}`,\n};\n"],"mappings":";AAcA,IAAMA,IAAyB,mnBA2BlBC,IAAuB,GAAGD,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCtCE,IAAuB,GAAGF,EAAY;;;;;;;;;;;;;;;;;;;;;;GAwBtCG,IAAsB,GAAGH,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CrCI,IAA0B,GAAGJ,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BhDK,IAAyB,6IAQzBC,IAAgC,GAAGD,EAAY;;;;;;;GASxCE,IAAY;CACvB,QAAmB,GAAGD,EAAmB;;;;;;;;;;;;;;;;;;;;;;;CAuBzC,UAAqB,GAAGD,EAAY;;;;;;;;;;AAUtC,GAEaG,IAAY;CACvB,QAAmB,GAAGF,EAAmB;;;;;;;;;;;;;CAazC,UAAqB,GAAGD,EAAY;;;;;;;AAOtC,GAEaI,IAAW;CACtB,QAAmB,GAAGH,EAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BzC,UAAqB,GAAGD,EAAY;;;;;;;;;;;;AAYtC,GAEaK,IAAe;CAC1B,QAAmB,GAAGJ,EAAmB;;;;;;;;;;;;;;;;;;;CAmBzC,UAAqB,GAAGD,EAAY;;;;;;;;;;;;AAYtC"}

package/dist/charts/engine/renderers/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","names":["GAP"],"sources":["../../../../../charts/src/engine/renderers/types.ts"],"sourcesContent":["// Contract between the chart and its data-layer backends.\n\nimport type { Rgba } from \"../color\";\nimport type { ChartRendererKind } from \"../types\";\n\n/**\n * Data -> clip-space transform. Positions are uploaded relative to an\n * origin (float32 keeps its precision for timestamps), so\n * `clip = relative * scale + offset`.\n */\nexport interface RenderTransform {\n  xScale: number;\n  xOffset: number;\n  yScale: number;\n  yOffset: number;\n}\n\nexport interface RenderFrame {\n  transform: RenderTransform;\n  /** Size of the drawing buffer in device pixels */\n  width: number;\n  height: number;\n  /** Device pixel ratio */\n  dpr: number;\n}\n\n/** Missing values are written as this sentinel (NaN is unreliable in shaders) */\nexport const GAP = 3e38;\n\ninterface RenderItemBase {\n  /** Identifies the GPU resources of the item */\n  key: string;\n  /** Changes when the buffers must be uploaded again */\n  version: number;\n  /** Straight RGBA */\n  color: Rgba;\n}\n\nexport interface LineItem extends RenderItemBase {\n  kind: \"line\";\n  /** Interleaved relative x, y */\n  points: Float32Array;\n  count: number;\n  /** CSS pixels */\n  width: number;\n  sorted: boolean;\n}\n\nexport interface AreaItem extends RenderItemBase {\n  kind: \"area\";\n  points: Float32Array;\n  count: number;\n  /** Relative y of the baseline */\n  baseline: number;\n  opacity: number;\n  sorted: boolean;\n}\n\nexport interface BarItem extends RenderItemBase {\n  kind: \"bar\";\n  /** Interleaved relative x (center), y0, y1 */\n  instances: Float32Array;\n  count: number;\n  /** Half of the bar width, in relative x units */\n  halfWidth: number;\n  /** Corner radius in CSS pixels */\n  radius: number;\n  /** Instances are sorted by x */\n  sorted: boolean;\n}\n\nexport interface ScatterItem extends RenderItemBase {\n  kind: \"scatter\";\n  /** Per point: x f32, y f32, diameter (CSS px) f32, color unorm8x4 */\n  instances: ArrayBuffer;\n  count: number;\n  opacity: number;\n  /** Outline width in CSS pixels */\n  stroke: number;\n}\n\nexport type RenderItem = LineItem | AreaItem | BarItem | ScatterItem;\n\nexport interface ChartRenderer {\n  readonly kind: ChartRendererKind;\n  readonly canvas: HTMLCanvasElement;\n  /** Drawing buffer size in device pixels */\n  resize(width: number, height: number): void;\n  render(items: readonly RenderItem[], frame: RenderFrame): void;\n  destroy(): void;\n}\n\n/** Called when the backend is lost (GPU reset, too many contexts, ...) */\nexport type RendererLostHandler = () => void;\n\nexport const SCATTER_STRIDE = 16;\n"],"mappings":"AA2BA,IAAaA,EAAM"}
+{"version":3,"file":"types.cjs","names":["GAP"],"sources":["../../../../../charts/src/engine/renderers/types.ts"],"sourcesContent":["// Contract between the chart and its data-layer backends.\n\nimport type { Rgba } from \"../color\";\nimport type { ChartRendererKind } from \"../types\";\n\n/**\n * Data -> clip-space transform. Positions are uploaded relative to an\n * origin (float32 keeps its precision for timestamps), so\n * `clip = relative * scale + offset`.\n */\nexport interface RenderTransform {\n  xScale: number;\n  xOffset: number;\n  yScale: number;\n  yOffset: number;\n}\n\nexport interface RenderFrame {\n  transform: RenderTransform;\n  /** Size of the drawing buffer in device pixels */\n  width: number;\n  height: number;\n  /** Device pixel ratio */\n  dpr: number;\n}\n\n/** Missing values are written as this sentinel (NaN is unreliable in shaders) */\nexport const GAP = 3e38;\n\ninterface RenderItemBase {\n  /** Identifies the GPU resources of the item */\n  key: string;\n  /** Changes when the buffers must be uploaded again */\n  version: number;\n  /** Straight RGBA */\n  color: Rgba;\n}\n\nexport interface LineItem extends RenderItemBase {\n  kind: \"line\";\n  /** Interleaved relative x, y */\n  points: Float32Array;\n  count: number;\n  /** CSS pixels */\n  width: number;\n  sorted: boolean;\n}\n\nexport interface AreaItem extends RenderItemBase {\n  kind: \"area\";\n  /** Interleaved relative x, y (top) and y of the bottom edge (baseline or stack below) */\n  points: Float32Array;\n  count: number;\n  opacity: number;\n  sorted: boolean;\n}\n\nexport interface BarItem extends RenderItemBase {\n  kind: \"bar\";\n  /** Per bar: relative x (center) f32, y0 f32, y1 f32, color unorm8x4 */\n  instances: ArrayBuffer;\n  count: number;\n  /** Half of the bar width, in relative x units */\n  halfWidth: number;\n  /** Corner radius in CSS pixels */\n  radius: number;\n  /** Space removed on every side, in CSS pixels (heatmap cells) */\n  inset: number;\n  /** Smallest half width / half height, in CSS pixels (wicks, flat candles) */\n  minHalf: number;\n  /** Instances are sorted by x */\n  sorted: boolean;\n}\n\nexport interface ScatterItem extends RenderItemBase {\n  kind: \"scatter\";\n  /** Per point: x f32, y f32, diameter (CSS px) f32, color unorm8x4 */\n  instances: ArrayBuffer;\n  count: number;\n  opacity: number;\n  /** Outline width in CSS pixels */\n  stroke: number;\n}\n\nexport type RenderItem = LineItem | AreaItem | BarItem | ScatterItem;\n\nexport interface ChartRenderer {\n  readonly kind: ChartRendererKind;\n  readonly canvas: HTMLCanvasElement;\n  /** Drawing buffer size in device pixels */\n  resize(width: number, height: number): void;\n  render(items: readonly RenderItem[], frame: RenderFrame): void;\n  destroy(): void;\n}\n\n/** Called when the backend is lost (GPU reset, too many contexts, ...) */\nexport type RendererLostHandler = () => void;\n\nexport const SCATTER_STRIDE = 16;\n/** Bytes per bar instance */\nexport const BAR_STRIDE = 16;\n/** Floats per area point */\nexport const AREA_STRIDE = 3;\n"],"mappings":"AA2BA,IAAaA,EAAM"}

package/dist/charts/engine/renderers/types.d.cts

@@ -40,22 +40,25 @@ export interface LineItem extends RenderItemBase {
 }
 export interface AreaItem extends RenderItemBase {
     kind: "area";
+    /** Interleaved relative x, y (top) and y of the bottom edge (baseline or stack below) */
     points: Float32Array;
     count: number;
-    /** Relative y of the baseline */
-    baseline: number;
     opacity: number;
     sorted: boolean;
 }
 export interface BarItem extends RenderItemBase {
     kind: "bar";
-    /** Interleaved relative x (center), y0, y1 */
-    instances: Float32Array;
+    /** Per bar: relative x (center) f32, y0 f32, y1 f32, color unorm8x4 */
+    instances: ArrayBuffer;
     count: number;
     /** Half of the bar width, in relative x units */
     halfWidth: number;
     /** Corner radius in CSS pixels */
     radius: number;
+    /** Space removed on every side, in CSS pixels (heatmap cells) */
+    inset: number;
+    /** Smallest half width / half height, in CSS pixels (wicks, flat candles) */
+    minHalf: number;
     /** Instances are sorted by x */
     sorted: boolean;
 }
@@ -80,4 +83,8 @@ export interface ChartRenderer {
 /** Called when the backend is lost (GPU reset, too many contexts, ...) */
 export type RendererLostHandler = () => void;
 export declare const SCATTER_STRIDE = 16;
+/** Bytes per bar instance */
+export declare const BAR_STRIDE = 16;
+/** Floats per area point */
+export declare const AREA_STRIDE = 3;
 export {};

package/dist/charts/engine/renderers/types.d.ts

@@ -40,22 +40,25 @@ export interface LineItem extends RenderItemBase {
 }
 export interface AreaItem extends RenderItemBase {
     kind: "area";
+    /** Interleaved relative x, y (top) and y of the bottom edge (baseline or stack below) */
     points: Float32Array;
     count: number;
-    /** Relative y of the baseline */
-    baseline: number;
     opacity: number;
     sorted: boolean;
 }
 export interface BarItem extends RenderItemBase {
     kind: "bar";
-    /** Interleaved relative x (center), y0, y1 */
-    instances: Float32Array;
+    /** Per bar: relative x (center) f32, y0 f32, y1 f32, color unorm8x4 */
+    instances: ArrayBuffer;
     count: number;
     /** Half of the bar width, in relative x units */
     halfWidth: number;
     /** Corner radius in CSS pixels */
     radius: number;
+    /** Space removed on every side, in CSS pixels (heatmap cells) */
+    inset: number;
+    /** Smallest half width / half height, in CSS pixels (wicks, flat candles) */
+    minHalf: number;
     /** Instances are sorted by x */
     sorted: boolean;
 }
@@ -80,4 +83,8 @@ export interface ChartRenderer {
 /** Called when the backend is lost (GPU reset, too many contexts, ...) */
 export type RendererLostHandler = () => void;
 export declare const SCATTER_STRIDE = 16;
+/** Bytes per bar instance */
+export declare const BAR_STRIDE = 16;
+/** Floats per area point */
+export declare const AREA_STRIDE = 3;
 export {};

package/dist/charts/engine/renderers/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["GAP"],"sources":["../../../../../charts/src/engine/renderers/types.ts"],"sourcesContent":["// Contract between the chart and its data-layer backends.\n\nimport type { Rgba } from \"../color\";\nimport type { ChartRendererKind } from \"../types\";\n\n/**\n * Data -> clip-space transform. Positions are uploaded relative to an\n * origin (float32 keeps its precision for timestamps), so\n * `clip = relative * scale + offset`.\n */\nexport interface RenderTransform {\n  xScale: number;\n  xOffset: number;\n  yScale: number;\n  yOffset: number;\n}\n\nexport interface RenderFrame {\n  transform: RenderTransform;\n  /** Size of the drawing buffer in device pixels */\n  width: number;\n  height: number;\n  /** Device pixel ratio */\n  dpr: number;\n}\n\n/** Missing values are written as this sentinel (NaN is unreliable in shaders) */\nexport const GAP = 3e38;\n\ninterface RenderItemBase {\n  /** Identifies the GPU resources of the item */\n  key: string;\n  /** Changes when the buffers must be uploaded again */\n  version: number;\n  /** Straight RGBA */\n  color: Rgba;\n}\n\nexport interface LineItem extends RenderItemBase {\n  kind: \"line\";\n  /** Interleaved relative x, y */\n  points: Float32Array;\n  count: number;\n  /** CSS pixels */\n  width: number;\n  sorted: boolean;\n}\n\nexport interface AreaItem extends RenderItemBase {\n  kind: \"area\";\n  points: Float32Array;\n  count: number;\n  /** Relative y of the baseline */\n  baseline: number;\n  opacity: number;\n  sorted: boolean;\n}\n\nexport interface BarItem extends RenderItemBase {\n  kind: \"bar\";\n  /** Interleaved relative x (center), y0, y1 */\n  instances: Float32Array;\n  count: number;\n  /** Half of the bar width, in relative x units */\n  halfWidth: number;\n  /** Corner radius in CSS pixels */\n  radius: number;\n  /** Instances are sorted by x */\n  sorted: boolean;\n}\n\nexport interface ScatterItem extends RenderItemBase {\n  kind: \"scatter\";\n  /** Per point: x f32, y f32, diameter (CSS px) f32, color unorm8x4 */\n  instances: ArrayBuffer;\n  count: number;\n  opacity: number;\n  /** Outline width in CSS pixels */\n  stroke: number;\n}\n\nexport type RenderItem = LineItem | AreaItem | BarItem | ScatterItem;\n\nexport interface ChartRenderer {\n  readonly kind: ChartRendererKind;\n  readonly canvas: HTMLCanvasElement;\n  /** Drawing buffer size in device pixels */\n  resize(width: number, height: number): void;\n  render(items: readonly RenderItem[], frame: RenderFrame): void;\n  destroy(): void;\n}\n\n/** Called when the backend is lost (GPU reset, too many contexts, ...) */\nexport type RendererLostHandler = () => void;\n\nexport const SCATTER_STRIDE = 16;\n"],"mappings":";AA2BA,IAAaA,IAAM"}
+{"version":3,"file":"types.js","names":["GAP"],"sources":["../../../../../charts/src/engine/renderers/types.ts"],"sourcesContent":["// Contract between the chart and its data-layer backends.\n\nimport type { Rgba } from \"../color\";\nimport type { ChartRendererKind } from \"../types\";\n\n/**\n * Data -> clip-space transform. Positions are uploaded relative to an\n * origin (float32 keeps its precision for timestamps), so\n * `clip = relative * scale + offset`.\n */\nexport interface RenderTransform {\n  xScale: number;\n  xOffset: number;\n  yScale: number;\n  yOffset: number;\n}\n\nexport interface RenderFrame {\n  transform: RenderTransform;\n  /** Size of the drawing buffer in device pixels */\n  width: number;\n  height: number;\n  /** Device pixel ratio */\n  dpr: number;\n}\n\n/** Missing values are written as this sentinel (NaN is unreliable in shaders) */\nexport const GAP = 3e38;\n\ninterface RenderItemBase {\n  /** Identifies the GPU resources of the item */\n  key: string;\n  /** Changes when the buffers must be uploaded again */\n  version: number;\n  /** Straight RGBA */\n  color: Rgba;\n}\n\nexport interface LineItem extends RenderItemBase {\n  kind: \"line\";\n  /** Interleaved relative x, y */\n  points: Float32Array;\n  count: number;\n  /** CSS pixels */\n  width: number;\n  sorted: boolean;\n}\n\nexport interface AreaItem extends RenderItemBase {\n  kind: \"area\";\n  /** Interleaved relative x, y (top) and y of the bottom edge (baseline or stack below) */\n  points: Float32Array;\n  count: number;\n  opacity: number;\n  sorted: boolean;\n}\n\nexport interface BarItem extends RenderItemBase {\n  kind: \"bar\";\n  /** Per bar: relative x (center) f32, y0 f32, y1 f32, color unorm8x4 */\n  instances: ArrayBuffer;\n  count: number;\n  /** Half of the bar width, in relative x units */\n  halfWidth: number;\n  /** Corner radius in CSS pixels */\n  radius: number;\n  /** Space removed on every side, in CSS pixels (heatmap cells) */\n  inset: number;\n  /** Smallest half width / half height, in CSS pixels (wicks, flat candles) */\n  minHalf: number;\n  /** Instances are sorted by x */\n  sorted: boolean;\n}\n\nexport interface ScatterItem extends RenderItemBase {\n  kind: \"scatter\";\n  /** Per point: x f32, y f32, diameter (CSS px) f32, color unorm8x4 */\n  instances: ArrayBuffer;\n  count: number;\n  opacity: number;\n  /** Outline width in CSS pixels */\n  stroke: number;\n}\n\nexport type RenderItem = LineItem | AreaItem | BarItem | ScatterItem;\n\nexport interface ChartRenderer {\n  readonly kind: ChartRendererKind;\n  readonly canvas: HTMLCanvasElement;\n  /** Drawing buffer size in device pixels */\n  resize(width: number, height: number): void;\n  render(items: readonly RenderItem[], frame: RenderFrame): void;\n  destroy(): void;\n}\n\n/** Called when the backend is lost (GPU reset, too many contexts, ...) */\nexport type RendererLostHandler = () => void;\n\nexport const SCATTER_STRIDE = 16;\n/** Bytes per bar instance */\nexport const BAR_STRIDE = 16;\n/** Floats per area point */\nexport const AREA_STRIDE = 3;\n"],"mappings":";AA2BA,IAAaA,IAAM"}

package/dist/charts/engine/renderers/webgl2.cjs

@@ -1,2 +1,2 @@
-const e=require("./range.cjs"),t=require("./shaders.cjs");var n={line:[`a_a`,`a_b`],area:[`a_a`,`a_b`],bar:[`a_inst`],scatter:[`a_pos`,`a_size`,`a_color`]},r=(e,t,n)=>{let r=(t,n)=>{let r=e.createShader(t);return r?(e.shaderSource(r,n),e.compileShader(r),e.getShaderParameter(r,e.COMPILE_STATUS)?r:(e.deleteShader(r),null)):null},i=r(e.VERTEX_SHADER,t.vertex),a=r(e.FRAGMENT_SHADER,t.fragment),o=e.createProgram();return!i||!a||!o?null:(e.attachShader(o,i),e.attachShader(o,a),n.forEach((t,n)=>e.bindAttribLocation(o,n,t)),e.linkProgram(o),e.deleteShader(i),e.deleteShader(a),e.getProgramParameter(o,e.LINK_STATUS)?{program:o,xform:e.getUniformLocation(o,`u_xform`),viewport:e.getUniformLocation(o,`u_viewport`),color:e.getUniformLocation(o,`u_color`),params:e.getUniformLocation(o,`u_params`)}:(e.deleteProgram(o),null))},i=/swiftshader|llvmpipe|softpipe|software|basic render driver|microsoft basic/i,a=e=>{let t=e.getExtension(`WEBGL_debug_renderer_info`),n=t?e.getParameter(t.UNMASKED_RENDERER_WEBGL):e.getParameter(e.RENDERER);return i.test(String(n??``))},o=(i,o,s=!1)=>{let c=i.getContext(`webgl2`,{alpha:!0,premultipliedAlpha:!0,antialias:!1,depth:!1,stencil:!1,preserveDrawingBuffer:!1,failIfMajorPerformanceCaveat:s});if(!c)return null;if(s&&a(c))return c.getExtension(`WEBGL_lose_context`)?.loseContext(),null;let l=r(c,t.GLSL_LINE,n.line),u=r(c,t.GLSL_AREA,n.area),d=r(c,t.GLSL_BAR,n.bar),f=r(c,t.GLSL_SCATTER,n.scatter);if(!l||!u||!d||!f)return null;let p={line:l,area:u,bar:d,scatter:f},m=!1,h=e=>{e.preventDefault(),m=!0,o()};i.addEventListener(`webglcontextlost`,h);let g=new Map,_=(e,t)=>{let n=c.FLOAT;switch(e.kind){case`line`:case`area`:c.enableVertexAttribArray(0),c.vertexAttribPointer(0,2,n,!1,8,t*8),c.vertexAttribDivisor(0,1),c.enableVertexAttribArray(1),c.vertexAttribPointer(1,2,n,!1,8,t*8+8),c.vertexAttribDivisor(1,1);break;case`bar`:c.enableVertexAttribArray(0),c.vertexAttribPointer(0,3,n,!1,12,t*12),c.vertexAttribDivisor(0,1);break;default:c.enableVertexAttribArray(0),c.vertexAttribPointer(0,2,n,!1,16,0),c.vertexAttribDivisor(0,1),c.enableVertexAttribArray(1),c.vertexAttribPointer(1,1,n,!1,16,8),c.vertexAttribDivisor(1,1),c.enableVertexAttribArray(2),c.vertexAttribPointer(2,4,c.UNSIGNED_BYTE,!0,16,12),c.vertexAttribDivisor(2,1)}},v=e=>{c.deleteBuffer(e.buffer),c.deleteVertexArray(e.vao)},y=e=>{let t=g.get(e.key);if(t&&t.version===e.version&&t.kind===e.kind)return t;t&&v(t);let n=c.createBuffer(),r=c.createVertexArray();if(!n||!r)return null;switch(c.bindVertexArray(r),c.bindBuffer(c.ARRAY_BUFFER,n),e.kind){case`line`:case`area`:c.bufferData(c.ARRAY_BUFFER,e.points,c.STATIC_DRAW,0,e.count*2);break;case`bar`:c.bufferData(c.ARRAY_BUFFER,e.instances,c.STATIC_DRAW,0,e.count*3);break;default:c.bufferData(c.ARRAY_BUFFER,e.instances,c.STATIC_DRAW)}_(e,0),c.bindVertexArray(null);let i={version:e.version,kind:e.kind,buffer:n,vao:r,first:0};return g.set(e.key,i),i},b=(e,t)=>{switch(e.kind){case`line`:return[e.width*t.dpr/2,0];case`area`:return[e.baseline,e.opacity];case`bar`:return[e.halfWidth,e.radius];default:return[e.opacity,e.stroke]}};return{kind:`webgl2`,canvas:i,resize(e,t){i.width=Math.max(1,e),i.height=Math.max(1,t)},render(t,n){if(m||c.isContextLost())return;c.viewport(0,0,i.width,i.height),c.clearColor(0,0,0,0),c.clear(c.COLOR_BUFFER_BIT),c.enable(c.BLEND),c.blendFunc(c.ONE,c.ONE_MINUS_SRC_ALPHA);let r=n.transform,a=new Set;for(let i of t){a.add(i.key);let[t,o]=e.instanceRange(i,n);if(o<=0)continue;let s=y(i);if(!s)continue;let l=p[i.kind];c.useProgram(l.program),c.uniform4f(l.xform,r.xScale,r.xOffset,r.yScale,r.yOffset),c.uniform4f(l.viewport,n.width,n.height,n.dpr,0),c.uniform4f(l.color,i.color[0],i.color[1],i.color[2],i.color[3]);let[u,d]=b(i,n);c.uniform4f(l.params,u,d,0,0),c.bindVertexArray(s.vao),s.first!==t&&(c.bindBuffer(c.ARRAY_BUFFER,s.buffer),_(i,t),s.first=t),c.drawArraysInstanced(c.TRIANGLE_STRIP,0,4,o)}c.bindVertexArray(null);for(let[e,t]of g)a.has(e)||(v(t),g.delete(e))},destroy(){if(i.removeEventListener(`webglcontextlost`,h),!c.isContextLost()){for(let e of g.values())v(e);for(let e of Object.values(p))c.deleteProgram(e.program)}g.clear(),c.getExtension(`WEBGL_lose_context`)?.loseContext()}}};exports.SOFTWARE_RENDERER=i,exports.createWebGl2Renderer=o;
+const e=require("./range.cjs"),t=require("./shaders.cjs");var n={line:[`a_a`,`a_b`],area:[`a_a`,`a_b`],bar:[`a_inst`,`a_color`],scatter:[`a_pos`,`a_size`,`a_color`]},r=(e,t,n)=>{let r=(t,n)=>{let r=e.createShader(t);return r?(e.shaderSource(r,n),e.compileShader(r),e.getShaderParameter(r,e.COMPILE_STATUS)?r:(e.deleteShader(r),null)):null},i=r(e.VERTEX_SHADER,t.vertex),a=r(e.FRAGMENT_SHADER,t.fragment),o=e.createProgram();return!i||!a||!o?null:(e.attachShader(o,i),e.attachShader(o,a),n.forEach((t,n)=>e.bindAttribLocation(o,n,t)),e.linkProgram(o),e.deleteShader(i),e.deleteShader(a),e.getProgramParameter(o,e.LINK_STATUS)?{program:o,xform:e.getUniformLocation(o,`u_xform`),viewport:e.getUniformLocation(o,`u_viewport`),color:e.getUniformLocation(o,`u_color`),params:e.getUniformLocation(o,`u_params`)}:(e.deleteProgram(o),null))},i=/swiftshader|llvmpipe|softpipe|software|basic render driver|microsoft basic/i,a=e=>{let t=e.getExtension(`WEBGL_debug_renderer_info`),n=t?e.getParameter(t.UNMASKED_RENDERER_WEBGL):e.getParameter(e.RENDERER);return i.test(String(n??``))},o=(i,o,s=!1)=>{let c=i.getContext(`webgl2`,{alpha:!0,premultipliedAlpha:!0,antialias:!1,depth:!1,stencil:!1,preserveDrawingBuffer:!1,failIfMajorPerformanceCaveat:s});if(!c)return null;if(s&&a(c))return c.getExtension(`WEBGL_lose_context`)?.loseContext(),null;let l=r(c,t.GLSL_LINE,n.line),u=r(c,t.GLSL_AREA,n.area),d=r(c,t.GLSL_BAR,n.bar),f=r(c,t.GLSL_SCATTER,n.scatter);if(!l||!u||!d||!f)return null;let p={line:l,area:u,bar:d,scatter:f},m=!1,h=e=>{e.preventDefault(),m=!0,o()};i.addEventListener(`webglcontextlost`,h);let g=new Map,_=(e,t)=>{let n=c.FLOAT;switch(e.kind){case`line`:c.enableVertexAttribArray(0),c.vertexAttribPointer(0,2,n,!1,8,t*8),c.vertexAttribDivisor(0,1),c.enableVertexAttribArray(1),c.vertexAttribPointer(1,2,n,!1,8,t*8+8),c.vertexAttribDivisor(1,1);break;case`area`:c.enableVertexAttribArray(0),c.vertexAttribPointer(0,3,n,!1,12,t*12),c.vertexAttribDivisor(0,1),c.enableVertexAttribArray(1),c.vertexAttribPointer(1,3,n,!1,12,(t+1)*12),c.vertexAttribDivisor(1,1);break;case`bar`:c.enableVertexAttribArray(0),c.vertexAttribPointer(0,3,n,!1,16,t*16),c.vertexAttribDivisor(0,1),c.enableVertexAttribArray(1),c.vertexAttribPointer(1,4,c.UNSIGNED_BYTE,!0,16,t*16+12),c.vertexAttribDivisor(1,1);break;default:c.enableVertexAttribArray(0),c.vertexAttribPointer(0,2,n,!1,16,0),c.vertexAttribDivisor(0,1),c.enableVertexAttribArray(1),c.vertexAttribPointer(1,1,n,!1,16,8),c.vertexAttribDivisor(1,1),c.enableVertexAttribArray(2),c.vertexAttribPointer(2,4,c.UNSIGNED_BYTE,!0,16,12),c.vertexAttribDivisor(2,1)}},v=e=>{c.deleteBuffer(e.buffer),c.deleteVertexArray(e.vao)},y=e=>{let t=g.get(e.key);if(t&&t.version===e.version&&t.kind===e.kind)return t;t&&v(t);let n=c.createBuffer(),r=c.createVertexArray();if(!n||!r)return null;switch(c.bindVertexArray(r),c.bindBuffer(c.ARRAY_BUFFER,n),e.kind){case`line`:c.bufferData(c.ARRAY_BUFFER,e.points,c.STATIC_DRAW,0,e.count*2);break;case`area`:c.bufferData(c.ARRAY_BUFFER,e.points,c.STATIC_DRAW,0,e.count*3);break;default:c.bufferData(c.ARRAY_BUFFER,e.instances,c.STATIC_DRAW)}_(e,0),c.bindVertexArray(null);let i={version:e.version,kind:e.kind,buffer:n,vao:r,first:0};return g.set(e.key,i),i},b=(e,t)=>{switch(e.kind){case`line`:return[e.width*t.dpr/2,0,0,0];case`area`:return[0,e.opacity,0,0];case`bar`:return[e.halfWidth,e.radius,e.inset,e.minHalf];default:return[e.opacity,e.stroke,0,0]}};return{kind:`webgl2`,canvas:i,resize(e,t){i.width=Math.max(1,e),i.height=Math.max(1,t)},render(t,n){if(m||c.isContextLost())return;c.viewport(0,0,i.width,i.height),c.clearColor(0,0,0,0),c.clear(c.COLOR_BUFFER_BIT),c.enable(c.BLEND),c.blendFunc(c.ONE,c.ONE_MINUS_SRC_ALPHA);let r=n.transform,a=new Set;for(let i of t){a.add(i.key);let[t,o]=e.instanceRange(i,n);if(o<=0)continue;let s=y(i);if(!s)continue;let l=p[i.kind];c.useProgram(l.program),c.uniform4f(l.xform,r.xScale,r.xOffset,r.yScale,r.yOffset),c.uniform4f(l.viewport,n.width,n.height,n.dpr,0),c.uniform4f(l.color,i.color[0],i.color[1],i.color[2],i.color[3]);let[u,d,f,m]=b(i,n);c.uniform4f(l.params,u,d,f,m),c.bindVertexArray(s.vao),s.first!==t&&(c.bindBuffer(c.ARRAY_BUFFER,s.buffer),_(i,t),s.first=t),c.drawArraysInstanced(c.TRIANGLE_STRIP,0,4,o)}c.bindVertexArray(null);for(let[e,t]of g)a.has(e)||(v(t),g.delete(e))},destroy(){if(i.removeEventListener(`webglcontextlost`,h),!c.isContextLost()){for(let e of g.values())v(e);for(let e of Object.values(p))c.deleteProgram(e.program)}g.clear(),c.getExtension(`WEBGL_lose_context`)?.loseContext()}}};exports.SOFTWARE_RENDERER=i,exports.createWebGl2Renderer=o;
 //# sourceMappingURL=webgl2.cjs.map