minerva-design 1.2.0 → 1.4.0

package/dist/charts/engine/signature.cjs

@@ -0,0 +1,2 @@
+var e=new WeakMap,t=0,n=n=>{let r=e.get(n);return r===void 0&&e.set(n,r=++t),r},r=(e,t,r)=>{let{base:i}=e,a=`${t}|${e.baseline}|${e.percent}|${i.x[0]},${i.x[1]}|${i.y[0]},${i.y[1]}`;for(let t of e.series)a+=`\n${t.key}|${t.type}|${n(t.cols)}|${t.colorCss}|${t.hidden}|${t.lineWidth}|${t.pointSize}|${t.opacity}|${t.barOffset}|${t.barHalfWidth}|${r(t.index)??``}|${t.curve}|${t.radius}`,t.type===`candlestick`?a+=`|${t.upColor}/${t.downColor}`:t.type===`heatmap`&&(a+=`|${t.colorScale.join(`;`)}/${t.valueRange[0]},${t.valueRange[1]}/${t.cellHalf.x},${t.cellHalf.y}`);return a};exports.itemsSignature=r;
+//# sourceMappingURL=signature.cjs.map

package/dist/charts/engine/signature.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature.cjs","names":["ids","counter","idOf","id","value","itemsSignature","model","signature","themeKey","base","s","stackOf"],"sources":["../../../../charts/src/engine/signature.ts"],"sourcesContent":["// Signature of what the render items (GPU buffers) of a model depend on:\n// when it is unchanged, the items of the previous model can be kept.\n\nimport type { ChartModel } from \"./model\";\n\nconst ids = new WeakMap<object, number>();\nlet counter = 0;\n\n/** Stable id of an object (data columns compare by identity) */\nconst idOf = (value: object): number => {\n  let id = ids.get(value);\n  if (id === undefined) ids.set(value, (id = ++counter));\n  return id;\n};\n\n/**\n * Every input of `buildItems` (and of the origin of its positions): data\n * identity, types, colors, visibility, widths, bar layout, stacks, curves,\n * radii, candlestick and heatmap colors. `themeKey` covers the colors resolved\n * from the theme that the model doesn't spell out (per-point colors);\n * `stackOf` gives the `stack` option of a series.\n */\nexport const itemsSignature = (\n  model: ChartModel,\n  themeKey: number | string,\n  stackOf: (index: number) => string | undefined,\n): string => {\n  const { base } = model;\n  let signature = `${themeKey}|${model.baseline}|${model.percent}|${base.x[0]},${base.x[1]}|${base.y[0]},${base.y[1]}`;\n  for (const s of model.series) {\n    signature += `\\n${s.key}|${s.type}|${idOf(s.cols)}|${s.colorCss}|${s.hidden}|${s.lineWidth}|${s.pointSize}|${s.opacity}|${s.barOffset}|${s.barHalfWidth}|${stackOf(s.index) ?? \"\"}|${s.curve}|${s.radius}`;\n    if (s.type === \"candlestick\") signature += `|${s.upColor}/${s.downColor}`;\n    else if (s.type === \"heatmap\")\n      signature += `|${s.colorScale.join(\";\")}/${s.valueRange[0]},${s.valueRange[1]}/${s.cellHalf.x},${s.cellHalf.y}`;\n  }\n  return signature;\n};\n"],"mappings":"AAKA,IAAMA,EAAM,IAAI,QACZC,EAAU,EAGRC,EAAQ,GAA0B,CACtC,IAAIC,EAAKH,EAAI,IAAII,CAAK,EAEtB,OADID,IAAO,IAAA,IAAWH,EAAI,IAAII,EAAQ,EAAK,EAAEH,CAAQ,EAC9CE,CACT,EASaE,GACX,EACA,EACA,IACW,CACX,GAAM,CAAE,QAASC,EACbC,EAAY,GAAGC,EAAS,GAAGF,EAAM,SAAS,GAAGA,EAAM,QAAQ,GAAGG,EAAK,EAAE,GAAG,GAAGA,EAAK,EAAE,GAAG,GAAGA,EAAK,EAAE,GAAG,GAAGA,EAAK,EAAE,KAChH,IAAK,IAAMC,KAAKJ,EAAM,OACpB,GAAa,KAAKI,EAAE,IAAI,GAAGA,EAAE,KAAK,GAAGR,EAAKQ,EAAE,IAAI,EAAE,GAAGA,EAAE,SAAS,GAAGA,EAAE,OAAO,GAAGA,EAAE,UAAU,GAAGA,EAAE,UAAU,GAAGA,EAAE,QAAQ,GAAGA,EAAE,UAAU,GAAGA,EAAE,aAAa,GAAGC,EAAQD,EAAE,KAAK,GAAK,GAAG,GAAGA,EAAE,MAAM,GAAGA,EAAE,SAC9LA,EAAE,OAAS,cAAe,GAAa,IAAIA,EAAE,QAAQ,GAAGA,EAAE,YACrDA,EAAE,OAAS,YAClB,GAAa,IAAIA,EAAE,WAAW,KAAK,GAAG,EAAE,GAAGA,EAAE,WAAW,GAAG,GAAGA,EAAE,WAAW,GAAG,GAAGA,EAAE,SAAS,EAAE,GAAGA,EAAE,SAAS,KAEhH,OAAOH,CACT"}

package/dist/charts/engine/signature.d.cts

@@ -0,0 +1,9 @@
+import { ChartModel } from './model.cjs';
+/**
+ * Every input of `buildItems` (and of the origin of its positions): data
+ * identity, types, colors, visibility, widths, bar layout, stacks, curves,
+ * radii, candlestick and heatmap colors. `themeKey` covers the colors resolved
+ * from the theme that the model doesn't spell out (per-point colors);
+ * `stackOf` gives the `stack` option of a series.
+ */
+export declare const itemsSignature: (model: ChartModel, themeKey: number | string, stackOf: (index: number) => string | undefined) => string;

package/dist/charts/engine/signature.d.ts

@@ -0,0 +1,9 @@
+import { ChartModel } from './model.js';
+/**
+ * Every input of `buildItems` (and of the origin of its positions): data
+ * identity, types, colors, visibility, widths, bar layout, stacks, curves,
+ * radii, candlestick and heatmap colors. `themeKey` covers the colors resolved
+ * from the theme that the model doesn't spell out (per-point colors);
+ * `stackOf` gives the `stack` option of a series.
+ */
+export declare const itemsSignature: (model: ChartModel, themeKey: number | string, stackOf: (index: number) => string | undefined) => string;

package/dist/charts/engine/signature.js

@@ -0,0 +1,13 @@
+//#region src/engine/signature.ts
+var e = /* @__PURE__ */ new WeakMap(), t = 0, n = (n) => {
+	let r = e.get(n);
+	return r === void 0 && e.set(n, r = ++t), r;
+}, r = (e, t, r) => {
+	let { base: i } = e, a = `${t}|${e.baseline}|${e.percent}|${i.x[0]},${i.x[1]}|${i.y[0]},${i.y[1]}`;
+	for (let t of e.series) a += `\n${t.key}|${t.type}|${n(t.cols)}|${t.colorCss}|${t.hidden}|${t.lineWidth}|${t.pointSize}|${t.opacity}|${t.barOffset}|${t.barHalfWidth}|${r(t.index) ?? ""}|${t.curve}|${t.radius}`, t.type === "candlestick" ? a += `|${t.upColor}/${t.downColor}` : t.type === "heatmap" && (a += `|${t.colorScale.join(";")}/${t.valueRange[0]},${t.valueRange[1]}/${t.cellHalf.x},${t.cellHalf.y}`);
+	return a;
+};
+//#endregion
+export { r as itemsSignature };
+
+//# sourceMappingURL=signature.js.map

package/dist/charts/engine/signature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature.js","names":["ids","counter","idOf","id","value","itemsSignature","model","signature","themeKey","base","s","stackOf"],"sources":["../../../../charts/src/engine/signature.ts"],"sourcesContent":["// Signature of what the render items (GPU buffers) of a model depend on:\n// when it is unchanged, the items of the previous model can be kept.\n\nimport type { ChartModel } from \"./model\";\n\nconst ids = new WeakMap<object, number>();\nlet counter = 0;\n\n/** Stable id of an object (data columns compare by identity) */\nconst idOf = (value: object): number => {\n  let id = ids.get(value);\n  if (id === undefined) ids.set(value, (id = ++counter));\n  return id;\n};\n\n/**\n * Every input of `buildItems` (and of the origin of its positions): data\n * identity, types, colors, visibility, widths, bar layout, stacks, curves,\n * radii, candlestick and heatmap colors. `themeKey` covers the colors resolved\n * from the theme that the model doesn't spell out (per-point colors);\n * `stackOf` gives the `stack` option of a series.\n */\nexport const itemsSignature = (\n  model: ChartModel,\n  themeKey: number | string,\n  stackOf: (index: number) => string | undefined,\n): string => {\n  const { base } = model;\n  let signature = `${themeKey}|${model.baseline}|${model.percent}|${base.x[0]},${base.x[1]}|${base.y[0]},${base.y[1]}`;\n  for (const s of model.series) {\n    signature += `\\n${s.key}|${s.type}|${idOf(s.cols)}|${s.colorCss}|${s.hidden}|${s.lineWidth}|${s.pointSize}|${s.opacity}|${s.barOffset}|${s.barHalfWidth}|${stackOf(s.index) ?? \"\"}|${s.curve}|${s.radius}`;\n    if (s.type === \"candlestick\") signature += `|${s.upColor}/${s.downColor}`;\n    else if (s.type === \"heatmap\")\n      signature += `|${s.colorScale.join(\";\")}/${s.valueRange[0]},${s.valueRange[1]}/${s.cellHalf.x},${s.cellHalf.y}`;\n  }\n  return signature;\n};\n"],"mappings":";AAKA,IAAMA,oBAAM,IAAI,QAAwB,GACpCC,IAAU,GAGRC,KAAQ,MAA0B;CACtC,IAAIC,IAAKH,EAAI,IAAII,CAAK;CAEtB,OADID,MAAO,KAAA,KAAWH,EAAI,IAAII,GAAQ,IAAK,EAAEH,CAAQ,GAC9CE;AACT,GASaE,KACX,GACA,GACA,MACW;CACX,IAAM,EAAE,YAASC,GACbC,IAAY,GAAGC,EAAS,GAAGF,EAAM,SAAS,GAAGA,EAAM,QAAQ,GAAGG,EAAK,EAAE,GAAG,GAAGA,EAAK,EAAE,GAAG,GAAGA,EAAK,EAAE,GAAG,GAAGA,EAAK,EAAE;CAChH,KAAK,IAAMC,KAAKJ,EAAM,QAEpB,AADA,KAAa,KAAKI,EAAE,IAAI,GAAGA,EAAE,KAAK,GAAGR,EAAKQ,EAAE,IAAI,EAAE,GAAGA,EAAE,SAAS,GAAGA,EAAE,OAAO,GAAGA,EAAE,UAAU,GAAGA,EAAE,UAAU,GAAGA,EAAE,QAAQ,GAAGA,EAAE,UAAU,GAAGA,EAAE,aAAa,GAAGC,EAAQD,EAAE,KAAK,KAAK,GAAG,GAAGA,EAAE,MAAM,GAAGA,EAAE,UAC9LA,EAAE,SAAS,gBAAe,KAAa,IAAIA,EAAE,QAAQ,GAAGA,EAAE,cACrDA,EAAE,SAAS,cAClB,KAAa,IAAIA,EAAE,WAAW,KAAK,GAAG,EAAE,GAAGA,EAAE,WAAW,GAAG,GAAGA,EAAE,WAAW,GAAG,GAAGA,EAAE,SAAS,EAAE,GAAGA,EAAE,SAAS;CAEhH,OAAOH;AACT"}

package/dist/charts/engine/theme.cjs

@@ -1,2 +1,2 @@
-const e=require("./color.cjs");var t=[`#4f46e5`,`#10b981`,`#f59e0b`,`#ef4444`,`#0ea5e9`,`#8b5cf6`,`#14b8a6`,`#f97316`],n=(e,t)=>e?.getPropertyValue(t).trim()??``,r=(t,r)=>{let i=t&&typeof getComputedStyle==`function`?getComputedStyle(t):null;return o(e=>n(i,e),e.domColorResolver(t),r,i?.fontFamily??``)},i=(e={},t)=>{let n=e.variables??{};return{...o(e=>n[e]?.trim()??``,a(n),t?.length?t:e.palette,``),...e.fontFamily?{fontFamily:e.fontFamily}:{},...e.fontSize?{fontSize:e.fontSize}:{}}},a=t=>(n,r)=>e.resolveStaticColor(n,t,r),o=(n,r,i,a)=>{let o=[.4,.4,.4,1],s=e=>r(e,o),c=(e,t)=>{for(let t of e)if(n(t))return s(`var(${t})`);return s(t)},l=c([`--surface-color`,`--background-color`],`#ffffff`),u=c([`--text-color`],`#1f2937`),d=c([`--text-secondary-color`,`--text-muted-color`],`#6b7280`),f=c([`--border-color`],`#e5e7eb`),p;if(i&&i.length)p=i.map(e=>s(e));else{let e=[];for(let t=1;t<=8;t++){let r=`--chart-series-${t}`;n(r)&&e.push(s(`var(${r})`))}p=e.length?e:[...[`--primary-color`,`--success-color`,`--warning-color`,`--danger-color`,`--info-color`].map((e,r)=>n(e)?s(`var(${e})`):s(t[r])),...t.slice(5).map(e=>s(e))]}let m=n(`--font-family-sans`)||a||`system-ui, -apple-system, 'Segoe UI', sans-serif`;return{palette:p,text:u,textMuted:d,grid:e.mix(l,f,.75),axis:f,background:l,surface:l,primary:p[0],fontFamily:m,fontSize:11,resolve:r}},s=e=>{if(typeof document>`u`)return()=>{};let t=[];if(typeof MutationObserver==`function`){let n=new MutationObserver(e);for(let e of[document.documentElement,document.body])e&&n.observe(e,{attributes:!0,attributeFilter:[`class`,`style`,`data-theme`,`data-mode`]});t.push(()=>n.disconnect())}if(typeof matchMedia==`function`){let n=matchMedia(`(prefers-color-scheme: dark)`);n.addEventListener?.(`change`,e),t.push(()=>n.removeEventListener?.(`change`,e))}return()=>t.forEach(e=>e())};exports.createTheme=i,exports.readTheme=r,exports.staticColorResolver=a,exports.watchTheme=s;
+const e=require("./color.cjs");var t=[`#4f46e5`,`#10b981`,`#f59e0b`,`#ef4444`,`#0ea5e9`,`#8b5cf6`,`#14b8a6`,`#f97316`],n=(e,t)=>e?.getPropertyValue(t).trim()??``,r=(t,r)=>{let i=t&&typeof getComputedStyle==`function`?getComputedStyle(t):null;return c(e=>n(i,e),e.memoizeColorResolver(e.domColorResolver(t)),r,i?.fontFamily??``)},i=[`text`,`textMuted`,`grid`,`axis`,`background`,`surface`,`primary`],a=(t,n)=>{if(t===n)return!1;if(t.palette.length!==n.palette.length||t.palette.some((t,r)=>!e.sameColor(t,n.palette[r]))||i.some(r=>!e.sameColor(t[r],n[r])))return!0;let r=t.resolve?.cache;if(!r||!n.resolve)return!0;let a=[NaN,NaN,NaN,NaN];for(let[t,i]of r){let r=n.resolve(t,a);if(!e.sameColor(i,r===a?null:r))return!0}return!1},o=(e={},t)=>{let n=e.variables??{};return{...c(e=>n[e]?.trim()??``,s(n),t?.length?t:e.palette,``),...e.fontFamily?{fontFamily:e.fontFamily}:{},...e.fontSize?{fontSize:e.fontSize}:{}}},s=t=>(n,r)=>e.resolveStaticColor(n,t,r),c=(n,r,i,a)=>{let o=[.4,.4,.4,1],s=e=>r(e,o),c=(e,t)=>{for(let t of e)if(n(t))return s(`var(${t})`);return s(t)},l=c([`--surface-color`,`--background-color`],`#ffffff`),u=c([`--text-color`],`#1f2937`),d=c([`--text-secondary-color`,`--text-muted-color`],`#6b7280`),f=c([`--border-color`],`#e5e7eb`),p;if(i&&i.length)p=i.map(e=>s(e));else{let e=[];for(let t=1;t<=8;t++){let r=`--chart-series-${t}`;n(r)&&e.push(s(`var(${r})`))}p=e.length?e:[...[`--primary-color`,`--success-color`,`--warning-color`,`--danger-color`,`--info-color`].map((e,r)=>n(e)?s(`var(${e})`):s(t[r])),...t.slice(5).map(e=>s(e))]}let m=n(`--font-family-sans`)||a||`system-ui, -apple-system, 'Segoe UI', sans-serif`;return{palette:p,text:u,textMuted:d,grid:e.mix(l,f,.75),axis:f,background:l,surface:l,primary:p[0],fontFamily:m,fontSize:11,resolve:r}},l=e=>{if(typeof document>`u`)return()=>{};let t=[];if(typeof MutationObserver==`function`){let n=new MutationObserver(e);for(let e of[document.documentElement,document.body])e&&n.observe(e,{attributes:!0,attributeFilter:[`class`,`style`,`data-theme`,`data-mode`]});t.push(()=>n.disconnect())}if(typeof matchMedia==`function`){let n=matchMedia(`(prefers-color-scheme: dark)`);n.addEventListener?.(`change`,e),t.push(()=>n.removeEventListener?.(`change`,e))}return()=>t.forEach(e=>e())};exports.createTheme=o,exports.readTheme=r,exports.staticColorResolver=s,exports.themeColorsChanged=a,exports.watchTheme=l;
 //# sourceMappingURL=theme.cjs.map

package/dist/charts/engine/theme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.cjs","names":["domColorResolver","resolveStaticColor","mix","require_color","DEFAULT_PALETTE","readVar","style","name","readTheme","element","buildTheme","palette","createTheme","variables","input","staticColorResolver","value","fallback","fallbackGray","resolveColor","resolve","color","names","readVariable","background","text","textMuted","border","colors","c","custom","i","fontFamily","inheritedFont","watchTheme","cleanups","observer","onChange","node","query","fn"],"sources":["../../../../charts/src/engine/theme.ts"],"sourcesContent":["// Chart colors and fonts read from the Minerva CSS variables.\n\nimport {\n  domColorResolver,\n  mix,\n  resolveStaticColor,\n  type ColorResolver,\n  type Rgba,\n} from \"./color\";\n\nexport interface ChartTheme {\n  palette: Rgba[];\n  text: Rgba;\n  textMuted: Rgba;\n  grid: Rgba;\n  axis: Rgba;\n  background: Rgba;\n  surface: Rgba;\n  primary: Rgba;\n  fontFamily: string;\n  /** Tick label font size in CSS pixels */\n  fontSize: number;\n  /** Resolves the colors of the options (`var(--x)` included); static colors only when omitted */\n  resolve?: ColorResolver;\n}\n\n/** Used when no CSS variable is defined (e.g. without the Minerva stylesheet) */\nconst DEFAULT_PALETTE = [\n  \"#4f46e5\",\n  \"#10b981\",\n  \"#f59e0b\",\n  \"#ef4444\",\n  \"#0ea5e9\",\n  \"#8b5cf6\",\n  \"#14b8a6\",\n  \"#f97316\",\n];\n\nconst readVar = (style: CSSStyleDeclaration | null, name: string) =>\n  style?.getPropertyValue(name).trim() ?? \"\";\n\n/** Reads the theme from the computed style of `element` */\nexport const readTheme = (\n  element: Element | null,\n  palette?: readonly string[],\n): ChartTheme => {\n  const style =\n    element && typeof getComputedStyle === \"function\"\n      ? getComputedStyle(element)\n      : null;\n  return buildTheme(\n    (name) => readVar(style, name),\n    domColorResolver(element),\n    palette,\n    style?.fontFamily ?? \"\",\n  );\n};\n\n/** Theme of the charts drawn without a DOM (mini-programs, React Native) */\nexport interface ChartThemeInput {\n  /**\n   * Values of the Minerva CSS variables (`--primary-color`, `--text-color`,\n   * `--chart-series-1`, ...) used for the theme colors and to resolve\n   * `var(--name)` colors of the options\n   */\n  variables?: Readonly<Record<string, string>>;\n  /** Series colors (hex / rgb) */\n  palette?: readonly string[];\n  /** Font family of the labels */\n  fontFamily?: string;\n  /**\n   * Font size of the tick labels, in pixels\n   * @default 11\n   */\n  fontSize?: number;\n}\n\n/** Builds a theme from plain values (no DOM) */\nexport const createTheme = (\n  input: ChartThemeInput = {},\n  palette?: readonly string[],\n): ChartTheme => {\n  const variables = input.variables ?? {};\n  const theme = buildTheme(\n    (name) => variables[name]?.trim() ?? \"\",\n    staticColorResolver(variables),\n    palette?.length ? palette : input.palette,\n    \"\",\n  );\n  return {\n    ...theme,\n    ...(input.fontFamily ? { fontFamily: input.fontFamily } : {}),\n    ...(input.fontSize ? { fontSize: input.fontSize } : {}),\n  };\n};\n\n/** Resolver of `var(--name, fallback)` colors against plain variables */\nexport const staticColorResolver =\n  (variables: Readonly<Record<string, string>>): ColorResolver =>\n  (value, fallback) =>\n    resolveStaticColor(value, variables, fallback);\n\nconst buildTheme = (\n  readVariable: (name: string) => string,\n  resolve: ColorResolver,\n  palette: readonly string[] | undefined,\n  inheritedFont: string,\n): ChartTheme => {\n  const fallbackGray: Rgba = [0.4, 0.4, 0.4, 1];\n  const resolveColor = (value: string) => resolve(value, fallbackGray);\n  const color = (names: string[], fallback: string): Rgba => {\n    for (const name of names) {\n      if (readVariable(name)) return resolveColor(`var(${name})`);\n    }\n    return resolveColor(fallback);\n  };\n\n  const background = color(\n    [\"--surface-color\", \"--background-color\"],\n    \"#ffffff\",\n  );\n  const text = color([\"--text-color\"], \"#1f2937\");\n  const textMuted = color(\n    [\"--text-secondary-color\", \"--text-muted-color\"],\n    \"#6b7280\",\n  );\n  const border = color([\"--border-color\"], \"#e5e7eb\");\n\n  let colors: Rgba[];\n  if (palette && palette.length) {\n    colors = palette.map((c) => resolveColor(c));\n  } else {\n    const custom: Rgba[] = [];\n    for (let i = 1; i <= 8; i++) {\n      const name = `--chart-series-${i}`;\n      if (readVariable(name)) custom.push(resolveColor(`var(${name})`));\n    }\n    if (custom.length) {\n      colors = custom;\n    } else {\n      const themed = [\n        \"--primary-color\",\n        \"--success-color\",\n        \"--warning-color\",\n        \"--danger-color\",\n        \"--info-color\",\n      ].map((name, i) =>\n        readVariable(name)\n          ? resolveColor(`var(${name})`)\n          : resolveColor(DEFAULT_PALETTE[i]),\n      );\n      colors = [\n        ...themed,\n        ...DEFAULT_PALETTE.slice(5).map((c) => resolveColor(c)),\n      ];\n    }\n  }\n\n  const fontFamily =\n    readVariable(\"--font-family-sans\") ||\n    inheritedFont ||\n    \"system-ui, -apple-system, 'Segoe UI', sans-serif\";\n\n  return {\n    palette: colors,\n    text,\n    textMuted,\n    grid: mix(background, border, 0.75),\n    axis: border,\n    background,\n    surface: background,\n    primary: colors[0],\n    fontFamily,\n    fontSize: 11,\n    resolve,\n  };\n};\n\n/**\n * Calls `onChange` when the theme may have changed: attributes of `<html>` /\n * `<body>` (class, style, data-theme) and the color scheme.\n */\nexport const watchTheme = (onChange: () => void): (() => void) => {\n  if (typeof document === \"undefined\") return () => {};\n  const cleanups: (() => void)[] = [];\n  if (typeof MutationObserver === \"function\") {\n    const observer = new MutationObserver(onChange);\n    for (const node of [document.documentElement, document.body]) {\n      if (node) {\n        observer.observe(node, {\n          attributes: true,\n          attributeFilter: [\"class\", \"style\", \"data-theme\", \"data-mode\"],\n        });\n      }\n    }\n    cleanups.push(() => observer.disconnect());\n  }\n  if (typeof matchMedia === \"function\") {\n    const query = matchMedia(\"(prefers-color-scheme: dark)\");\n    query.addEventListener?.(\"change\", onChange);\n    cleanups.push(() => query.removeEventListener?.(\"change\", onChange));\n  }\n  return () => cleanups.forEach((fn) => fn());\n};\n"],"mappings":"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"}
+{"version":3,"file":"theme.cjs","names":["memoizeColorResolver","domColorResolver","sameColor","resolveStaticColor","mix","require_color","DEFAULT_PALETTE","readVar","style","name","readTheme","element","buildTheme","palette","THEME_COLORS","themeColorsChanged","previous","next","c","i","key","cache","probe","value","color","resolved","createTheme","variables","input","staticColorResolver","fallback","fallbackGray","resolveColor","resolve","names","readVariable","background","text","textMuted","border","colors","custom","fontFamily","inheritedFont","watchTheme","cleanups","observer","onChange","node","query","fn"],"sources":["../../../../charts/src/engine/theme.ts"],"sourcesContent":["// Chart colors and fonts read from the Minerva CSS variables.\n\nimport {\n  domColorResolver,\n  memoizeColorResolver,\n  mix,\n  resolveStaticColor,\n  sameColor,\n  type ColorResolver,\n  type MemoizedColorResolver,\n  type Rgba,\n} from \"./color\";\n\nexport interface ChartTheme {\n  palette: Rgba[];\n  text: Rgba;\n  textMuted: Rgba;\n  grid: Rgba;\n  axis: Rgba;\n  background: Rgba;\n  surface: Rgba;\n  primary: Rgba;\n  fontFamily: string;\n  /** Tick label font size in CSS pixels */\n  fontSize: number;\n  /** Resolves the colors of the options (`var(--x)` included); static colors only when omitted */\n  resolve?: ColorResolver;\n}\n\n/** Used when no CSS variable is defined (e.g. without the Minerva stylesheet) */\nconst DEFAULT_PALETTE = [\n  \"#4f46e5\",\n  \"#10b981\",\n  \"#f59e0b\",\n  \"#ef4444\",\n  \"#0ea5e9\",\n  \"#8b5cf6\",\n  \"#14b8a6\",\n  \"#f97316\",\n];\n\nconst readVar = (style: CSSStyleDeclaration | null, name: string) =>\n  style?.getPropertyValue(name).trim() ?? \"\";\n\n/**\n * Reads the theme from the computed style of `element`. Its resolver caches\n * the colors (DOM probes are costly): read the theme again to see new values.\n */\nexport const readTheme = (\n  element: Element | null,\n  palette?: readonly string[],\n): ChartTheme => {\n  const style =\n    element && typeof getComputedStyle === \"function\"\n      ? getComputedStyle(element)\n      : null;\n  return buildTheme(\n    (name) => readVar(style, name),\n    memoizeColorResolver(domColorResolver(element)),\n    palette,\n    style?.fontFamily ?? \"\",\n  );\n};\n\nconst THEME_COLORS = [\n  \"text\",\n  \"textMuted\",\n  \"grid\",\n  \"axis\",\n  \"background\",\n  \"surface\",\n  \"primary\",\n] as const;\n\n/**\n * Whether `next` (a re-read of `previous`) resolves any color differently:\n * the theme colors, the palette and every color `previous` has resolved so\n * far (series, points, annotations...). `true` when it cannot tell.\n */\nexport const themeColorsChanged = (\n  previous: ChartTheme,\n  next: ChartTheme,\n): boolean => {\n  if (previous === next) return false;\n  if (previous.palette.length !== next.palette.length) return true;\n  if (previous.palette.some((c, i) => !sameColor(c, next.palette[i])))\n    return true;\n  if (THEME_COLORS.some((key) => !sameColor(previous[key], next[key])))\n    return true;\n  const cache = (previous.resolve as Partial<MemoizedColorResolver> | undefined)\n    ?.cache;\n  if (!cache || !next.resolve) return true;\n  const probe: Rgba = [NaN, NaN, NaN, NaN];\n  for (const [value, color] of cache) {\n    const resolved = next.resolve(value, probe);\n    if (!sameColor(color, resolved === probe ? null : resolved)) return true;\n  }\n  return false;\n};\n\n/** Theme of the charts drawn without a DOM (mini-programs, React Native) */\nexport interface ChartThemeInput {\n  /**\n   * Values of the Minerva CSS variables (`--primary-color`, `--text-color`,\n   * `--chart-series-1`, ...) used for the theme colors and to resolve\n   * `var(--name)` colors of the options\n   */\n  variables?: Readonly<Record<string, string>>;\n  /** Series colors (hex / rgb) */\n  palette?: readonly string[];\n  /** Font family of the labels */\n  fontFamily?: string;\n  /**\n   * Font size of the tick labels, in pixels\n   * @default 11\n   */\n  fontSize?: number;\n}\n\n/** Builds a theme from plain values (no DOM) */\nexport const createTheme = (\n  input: ChartThemeInput = {},\n  palette?: readonly string[],\n): ChartTheme => {\n  const variables = input.variables ?? {};\n  const theme = buildTheme(\n    (name) => variables[name]?.trim() ?? \"\",\n    staticColorResolver(variables),\n    palette?.length ? palette : input.palette,\n    \"\",\n  );\n  return {\n    ...theme,\n    ...(input.fontFamily ? { fontFamily: input.fontFamily } : {}),\n    ...(input.fontSize ? { fontSize: input.fontSize } : {}),\n  };\n};\n\n/** Resolver of `var(--name, fallback)` colors against plain variables */\nexport const staticColorResolver =\n  (variables: Readonly<Record<string, string>>): ColorResolver =>\n  (value, fallback) =>\n    resolveStaticColor(value, variables, fallback);\n\nconst buildTheme = (\n  readVariable: (name: string) => string,\n  resolve: ColorResolver,\n  palette: readonly string[] | undefined,\n  inheritedFont: string,\n): ChartTheme => {\n  const fallbackGray: Rgba = [0.4, 0.4, 0.4, 1];\n  const resolveColor = (value: string) => resolve(value, fallbackGray);\n  const color = (names: string[], fallback: string): Rgba => {\n    for (const name of names) {\n      if (readVariable(name)) return resolveColor(`var(${name})`);\n    }\n    return resolveColor(fallback);\n  };\n\n  const background = color(\n    [\"--surface-color\", \"--background-color\"],\n    \"#ffffff\",\n  );\n  const text = color([\"--text-color\"], \"#1f2937\");\n  const textMuted = color(\n    [\"--text-secondary-color\", \"--text-muted-color\"],\n    \"#6b7280\",\n  );\n  const border = color([\"--border-color\"], \"#e5e7eb\");\n\n  let colors: Rgba[];\n  if (palette && palette.length) {\n    colors = palette.map((c) => resolveColor(c));\n  } else {\n    const custom: Rgba[] = [];\n    for (let i = 1; i <= 8; i++) {\n      const name = `--chart-series-${i}`;\n      if (readVariable(name)) custom.push(resolveColor(`var(${name})`));\n    }\n    if (custom.length) {\n      colors = custom;\n    } else {\n      const themed = [\n        \"--primary-color\",\n        \"--success-color\",\n        \"--warning-color\",\n        \"--danger-color\",\n        \"--info-color\",\n      ].map((name, i) =>\n        readVariable(name)\n          ? resolveColor(`var(${name})`)\n          : resolveColor(DEFAULT_PALETTE[i]),\n      );\n      colors = [\n        ...themed,\n        ...DEFAULT_PALETTE.slice(5).map((c) => resolveColor(c)),\n      ];\n    }\n  }\n\n  const fontFamily =\n    readVariable(\"--font-family-sans\") ||\n    inheritedFont ||\n    \"system-ui, -apple-system, 'Segoe UI', sans-serif\";\n\n  return {\n    palette: colors,\n    text,\n    textMuted,\n    grid: mix(background, border, 0.75),\n    axis: border,\n    background,\n    surface: background,\n    primary: colors[0],\n    fontFamily,\n    fontSize: 11,\n    resolve,\n  };\n};\n\n/**\n * Calls `onChange` when the theme may have changed: attributes of `<html>` /\n * `<body>` (class, style, data-theme) and the color scheme.\n */\nexport const watchTheme = (onChange: () => void): (() => void) => {\n  if (typeof document === \"undefined\") return () => {};\n  const cleanups: (() => void)[] = [];\n  if (typeof MutationObserver === \"function\") {\n    const observer = new MutationObserver(onChange);\n    for (const node of [document.documentElement, document.body]) {\n      if (node) {\n        observer.observe(node, {\n          attributes: true,\n          attributeFilter: [\"class\", \"style\", \"data-theme\", \"data-mode\"],\n        });\n      }\n    }\n    cleanups.push(() => observer.disconnect());\n  }\n  if (typeof matchMedia === \"function\") {\n    const query = matchMedia(\"(prefers-color-scheme: dark)\");\n    query.addEventListener?.(\"change\", onChange);\n    cleanups.push(() => query.removeEventListener?.(\"change\", onChange));\n  }\n  return () => cleanups.forEach((fn) => fn());\n};\n"],"mappings":"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"}

package/dist/charts/engine/theme.d.cts

@@ -14,8 +14,17 @@ export interface ChartTheme {
     /** Resolves the colors of the options (`var(--x)` included); static colors only when omitted */
     resolve?: ColorResolver;
 }
-/** Reads the theme from the computed style of `element` */
+/**
+ * Reads the theme from the computed style of `element`. Its resolver caches
+ * the colors (DOM probes are costly): read the theme again to see new values.
+ */
 export declare const readTheme: (element: Element | null, palette?: readonly string[]) => ChartTheme;
+/**
+ * Whether `next` (a re-read of `previous`) resolves any color differently:
+ * the theme colors, the palette and every color `previous` has resolved so
+ * far (series, points, annotations...). `true` when it cannot tell.
+ */
+export declare const themeColorsChanged: (previous: ChartTheme, next: ChartTheme) => boolean;
 /** Theme of the charts drawn without a DOM (mini-programs, React Native) */
 export interface ChartThemeInput {
     /**

package/dist/charts/engine/theme.d.ts

@@ -14,8 +14,17 @@ export interface ChartTheme {
     /** Resolves the colors of the options (`var(--x)` included); static colors only when omitted */
     resolve?: ColorResolver;
 }
-/** Reads the theme from the computed style of `element` */
+/**
+ * Reads the theme from the computed style of `element`. Its resolver caches
+ * the colors (DOM probes are costly): read the theme again to see new values.
+ */
 export declare const readTheme: (element: Element | null, palette?: readonly string[]) => ChartTheme;
+/**
+ * Whether `next` (a re-read of `previous`) resolves any color differently:
+ * the theme colors, the palette and every color `previous` has resolved so
+ * far (series, points, annotations...). `true` when it cannot tell.
+ */
+export declare const themeColorsChanged: (previous: ChartTheme, next: ChartTheme) => boolean;
 /** Theme of the charts drawn without a DOM (mini-programs, React Native) */
 export interface ChartThemeInput {
     /**

package/dist/charts/engine/theme.js

@@ -1,6 +1,6 @@
-import { domColorResolver as e, mix as t, resolveStaticColor as n } from "./color.js";
+import { domColorResolver as e, memoizeColorResolver as t, mix as n, resolveStaticColor as r, sameColor as i } from "./color.js";
 //#region src/engine/theme.ts
-var r = [
+var a = [
 	"#4f46e5",
 	"#10b981",
 	"#f59e0b",
@@ -9,27 +9,51 @@ var r = [
 	"#8b5cf6",
 	"#14b8a6",
 	"#f97316"
-], i = (e, t) => e?.getPropertyValue(t).trim() ?? "", a = (t, n) => {
-	let r = t && typeof getComputedStyle == "function" ? getComputedStyle(t) : null;
-	return c((e) => i(r, e), e(t), n, r?.fontFamily ?? "");
-}, o = (e = {}, t) => {
+], o = (e, t) => e?.getPropertyValue(t).trim() ?? "", s = (n, r) => {
+	let i = n && typeof getComputedStyle == "function" ? getComputedStyle(n) : null;
+	return f((e) => o(i, e), t(e(n)), r, i?.fontFamily ?? "");
+}, c = [
+	"text",
+	"textMuted",
+	"grid",
+	"axis",
+	"background",
+	"surface",
+	"primary"
+], l = (e, t) => {
+	if (e === t) return !1;
+	if (e.palette.length !== t.palette.length || e.palette.some((e, n) => !i(e, t.palette[n])) || c.some((n) => !i(e[n], t[n]))) return !0;
+	let n = e.resolve?.cache;
+	if (!n || !t.resolve) return !0;
+	let r = [
+		NaN,
+		NaN,
+		NaN,
+		NaN
+	];
+	for (let [e, a] of n) {
+		let n = t.resolve(e, r);
+		if (!i(a, n === r ? null : n)) return !0;
+	}
+	return !1;
+}, u = (e = {}, t) => {
 	let n = e.variables ?? {};
 	return {
-		...c((e) => n[e]?.trim() ?? "", s(n), t?.length ? t : e.palette, ""),
+		...f((e) => n[e]?.trim() ?? "", d(n), t?.length ? t : e.palette, ""),
 		...e.fontFamily ? { fontFamily: e.fontFamily } : {},
 		...e.fontSize ? { fontSize: e.fontSize } : {}
 	};
-}, s = (e) => (t, r) => n(t, e, r), c = (e, n, i, a) => {
+}, d = (e) => (t, n) => r(t, e, n), f = (e, t, r, i) => {
 	let o = [
 		.4,
 		.4,
 		.4,
 		1
-	], s = (e) => n(e, o), c = (t, n) => {
+	], s = (e) => t(e, o), c = (t, n) => {
 		for (let n of t) if (e(n)) return s(`var(${n})`);
 		return s(n);
 	}, l = c(["--surface-color", "--background-color"], "#ffffff"), u = c(["--text-color"], "#1f2937"), d = c(["--text-secondary-color", "--text-muted-color"], "#6b7280"), f = c(["--border-color"], "#e5e7eb"), p;
-	if (i && i.length) p = i.map((e) => s(e));
+	if (r && r.length) p = r.map((e) => s(e));
 	else {
 		let t = [];
 		for (let n = 1; n <= 8; n++) {
@@ -42,23 +66,23 @@ var r = [
 			"--warning-color",
 			"--danger-color",
 			"--info-color"
-		].map((t, n) => e(t) ? s(`var(${t})`) : s(r[n])), ...r.slice(5).map((e) => s(e))];
+		].map((t, n) => e(t) ? s(`var(${t})`) : s(a[n])), ...a.slice(5).map((e) => s(e))];
 	}
-	let m = e("--font-family-sans") || a || "system-ui, -apple-system, 'Segoe UI', sans-serif";
+	let m = e("--font-family-sans") || i || "system-ui, -apple-system, 'Segoe UI', sans-serif";
 	return {
 		palette: p,
 		text: u,
 		textMuted: d,
-		grid: t(l, f, .75),
+		grid: n(l, f, .75),
 		axis: f,
 		background: l,
 		surface: l,
 		primary: p[0],
 		fontFamily: m,
 		fontSize: 11,
-		resolve: n
+		resolve: t
 	};
-}, l = (e) => {
+}, p = (e) => {
 	if (typeof document > "u") return () => {};
 	let t = [];
 	if (typeof MutationObserver == "function") {
@@ -81,6 +105,6 @@ var r = [
 	return () => t.forEach((e) => e());
 };
 //#endregion
-export { o as createTheme, a as readTheme, s as staticColorResolver, l as watchTheme };
+export { u as createTheme, s as readTheme, d as staticColorResolver, l as themeColorsChanged, p as watchTheme };
 
 //# sourceMappingURL=theme.js.map

package/dist/charts/engine/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["DEFAULT_PALETTE","readVar","style","name","readTheme","element","buildTheme","domColorResolver","palette","createTheme","variables","input","staticColorResolver","resolveStaticColor","value","fallback","fallbackGray","resolveColor","resolve","color","names","readVariable","background","text","textMuted","border","colors","c","custom","i","fontFamily","inheritedFont","mix","watchTheme","cleanups","observer","onChange","node","query","fn"],"sources":["../../../../charts/src/engine/theme.ts"],"sourcesContent":["// Chart colors and fonts read from the Minerva CSS variables.\n\nimport {\n  domColorResolver,\n  mix,\n  resolveStaticColor,\n  type ColorResolver,\n  type Rgba,\n} from \"./color\";\n\nexport interface ChartTheme {\n  palette: Rgba[];\n  text: Rgba;\n  textMuted: Rgba;\n  grid: Rgba;\n  axis: Rgba;\n  background: Rgba;\n  surface: Rgba;\n  primary: Rgba;\n  fontFamily: string;\n  /** Tick label font size in CSS pixels */\n  fontSize: number;\n  /** Resolves the colors of the options (`var(--x)` included); static colors only when omitted */\n  resolve?: ColorResolver;\n}\n\n/** Used when no CSS variable is defined (e.g. without the Minerva stylesheet) */\nconst DEFAULT_PALETTE = [\n  \"#4f46e5\",\n  \"#10b981\",\n  \"#f59e0b\",\n  \"#ef4444\",\n  \"#0ea5e9\",\n  \"#8b5cf6\",\n  \"#14b8a6\",\n  \"#f97316\",\n];\n\nconst readVar = (style: CSSStyleDeclaration | null, name: string) =>\n  style?.getPropertyValue(name).trim() ?? \"\";\n\n/** Reads the theme from the computed style of `element` */\nexport const readTheme = (\n  element: Element | null,\n  palette?: readonly string[],\n): ChartTheme => {\n  const style =\n    element && typeof getComputedStyle === \"function\"\n      ? getComputedStyle(element)\n      : null;\n  return buildTheme(\n    (name) => readVar(style, name),\n    domColorResolver(element),\n    palette,\n    style?.fontFamily ?? \"\",\n  );\n};\n\n/** Theme of the charts drawn without a DOM (mini-programs, React Native) */\nexport interface ChartThemeInput {\n  /**\n   * Values of the Minerva CSS variables (`--primary-color`, `--text-color`,\n   * `--chart-series-1`, ...) used for the theme colors and to resolve\n   * `var(--name)` colors of the options\n   */\n  variables?: Readonly<Record<string, string>>;\n  /** Series colors (hex / rgb) */\n  palette?: readonly string[];\n  /** Font family of the labels */\n  fontFamily?: string;\n  /**\n   * Font size of the tick labels, in pixels\n   * @default 11\n   */\n  fontSize?: number;\n}\n\n/** Builds a theme from plain values (no DOM) */\nexport const createTheme = (\n  input: ChartThemeInput = {},\n  palette?: readonly string[],\n): ChartTheme => {\n  const variables = input.variables ?? {};\n  const theme = buildTheme(\n    (name) => variables[name]?.trim() ?? \"\",\n    staticColorResolver(variables),\n    palette?.length ? palette : input.palette,\n    \"\",\n  );\n  return {\n    ...theme,\n    ...(input.fontFamily ? { fontFamily: input.fontFamily } : {}),\n    ...(input.fontSize ? { fontSize: input.fontSize } : {}),\n  };\n};\n\n/** Resolver of `var(--name, fallback)` colors against plain variables */\nexport const staticColorResolver =\n  (variables: Readonly<Record<string, string>>): ColorResolver =>\n  (value, fallback) =>\n    resolveStaticColor(value, variables, fallback);\n\nconst buildTheme = (\n  readVariable: (name: string) => string,\n  resolve: ColorResolver,\n  palette: readonly string[] | undefined,\n  inheritedFont: string,\n): ChartTheme => {\n  const fallbackGray: Rgba = [0.4, 0.4, 0.4, 1];\n  const resolveColor = (value: string) => resolve(value, fallbackGray);\n  const color = (names: string[], fallback: string): Rgba => {\n    for (const name of names) {\n      if (readVariable(name)) return resolveColor(`var(${name})`);\n    }\n    return resolveColor(fallback);\n  };\n\n  const background = color(\n    [\"--surface-color\", \"--background-color\"],\n    \"#ffffff\",\n  );\n  const text = color([\"--text-color\"], \"#1f2937\");\n  const textMuted = color(\n    [\"--text-secondary-color\", \"--text-muted-color\"],\n    \"#6b7280\",\n  );\n  const border = color([\"--border-color\"], \"#e5e7eb\");\n\n  let colors: Rgba[];\n  if (palette && palette.length) {\n    colors = palette.map((c) => resolveColor(c));\n  } else {\n    const custom: Rgba[] = [];\n    for (let i = 1; i <= 8; i++) {\n      const name = `--chart-series-${i}`;\n      if (readVariable(name)) custom.push(resolveColor(`var(${name})`));\n    }\n    if (custom.length) {\n      colors = custom;\n    } else {\n      const themed = [\n        \"--primary-color\",\n        \"--success-color\",\n        \"--warning-color\",\n        \"--danger-color\",\n        \"--info-color\",\n      ].map((name, i) =>\n        readVariable(name)\n          ? resolveColor(`var(${name})`)\n          : resolveColor(DEFAULT_PALETTE[i]),\n      );\n      colors = [\n        ...themed,\n        ...DEFAULT_PALETTE.slice(5).map((c) => resolveColor(c)),\n      ];\n    }\n  }\n\n  const fontFamily =\n    readVariable(\"--font-family-sans\") ||\n    inheritedFont ||\n    \"system-ui, -apple-system, 'Segoe UI', sans-serif\";\n\n  return {\n    palette: colors,\n    text,\n    textMuted,\n    grid: mix(background, border, 0.75),\n    axis: border,\n    background,\n    surface: background,\n    primary: colors[0],\n    fontFamily,\n    fontSize: 11,\n    resolve,\n  };\n};\n\n/**\n * Calls `onChange` when the theme may have changed: attributes of `<html>` /\n * `<body>` (class, style, data-theme) and the color scheme.\n */\nexport const watchTheme = (onChange: () => void): (() => void) => {\n  if (typeof document === \"undefined\") return () => {};\n  const cleanups: (() => void)[] = [];\n  if (typeof MutationObserver === \"function\") {\n    const observer = new MutationObserver(onChange);\n    for (const node of [document.documentElement, document.body]) {\n      if (node) {\n        observer.observe(node, {\n          attributes: true,\n          attributeFilter: [\"class\", \"style\", \"data-theme\", \"data-mode\"],\n        });\n      }\n    }\n    cleanups.push(() => observer.disconnect());\n  }\n  if (typeof matchMedia === \"function\") {\n    const query = matchMedia(\"(prefers-color-scheme: dark)\");\n    query.addEventListener?.(\"change\", onChange);\n    cleanups.push(() => query.removeEventListener?.(\"change\", onChange));\n  }\n  return () => cleanups.forEach((fn) => fn());\n};\n"],"mappings":"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"}
+{"version":3,"file":"theme.js","names":["DEFAULT_PALETTE","readVar","style","name","readTheme","element","buildTheme","memoizeColorResolver","domColorResolver","palette","THEME_COLORS","themeColorsChanged","previous","next","sameColor","c","i","key","cache","probe","value","color","resolved","createTheme","variables","input","staticColorResolver","resolveStaticColor","fallback","fallbackGray","resolveColor","resolve","names","readVariable","background","text","textMuted","border","colors","custom","fontFamily","inheritedFont","mix","watchTheme","cleanups","observer","onChange","node","query","fn"],"sources":["../../../../charts/src/engine/theme.ts"],"sourcesContent":["// Chart colors and fonts read from the Minerva CSS variables.\n\nimport {\n  domColorResolver,\n  memoizeColorResolver,\n  mix,\n  resolveStaticColor,\n  sameColor,\n  type ColorResolver,\n  type MemoizedColorResolver,\n  type Rgba,\n} from \"./color\";\n\nexport interface ChartTheme {\n  palette: Rgba[];\n  text: Rgba;\n  textMuted: Rgba;\n  grid: Rgba;\n  axis: Rgba;\n  background: Rgba;\n  surface: Rgba;\n  primary: Rgba;\n  fontFamily: string;\n  /** Tick label font size in CSS pixels */\n  fontSize: number;\n  /** Resolves the colors of the options (`var(--x)` included); static colors only when omitted */\n  resolve?: ColorResolver;\n}\n\n/** Used when no CSS variable is defined (e.g. without the Minerva stylesheet) */\nconst DEFAULT_PALETTE = [\n  \"#4f46e5\",\n  \"#10b981\",\n  \"#f59e0b\",\n  \"#ef4444\",\n  \"#0ea5e9\",\n  \"#8b5cf6\",\n  \"#14b8a6\",\n  \"#f97316\",\n];\n\nconst readVar = (style: CSSStyleDeclaration | null, name: string) =>\n  style?.getPropertyValue(name).trim() ?? \"\";\n\n/**\n * Reads the theme from the computed style of `element`. Its resolver caches\n * the colors (DOM probes are costly): read the theme again to see new values.\n */\nexport const readTheme = (\n  element: Element | null,\n  palette?: readonly string[],\n): ChartTheme => {\n  const style =\n    element && typeof getComputedStyle === \"function\"\n      ? getComputedStyle(element)\n      : null;\n  return buildTheme(\n    (name) => readVar(style, name),\n    memoizeColorResolver(domColorResolver(element)),\n    palette,\n    style?.fontFamily ?? \"\",\n  );\n};\n\nconst THEME_COLORS = [\n  \"text\",\n  \"textMuted\",\n  \"grid\",\n  \"axis\",\n  \"background\",\n  \"surface\",\n  \"primary\",\n] as const;\n\n/**\n * Whether `next` (a re-read of `previous`) resolves any color differently:\n * the theme colors, the palette and every color `previous` has resolved so\n * far (series, points, annotations...). `true` when it cannot tell.\n */\nexport const themeColorsChanged = (\n  previous: ChartTheme,\n  next: ChartTheme,\n): boolean => {\n  if (previous === next) return false;\n  if (previous.palette.length !== next.palette.length) return true;\n  if (previous.palette.some((c, i) => !sameColor(c, next.palette[i])))\n    return true;\n  if (THEME_COLORS.some((key) => !sameColor(previous[key], next[key])))\n    return true;\n  const cache = (previous.resolve as Partial<MemoizedColorResolver> | undefined)\n    ?.cache;\n  if (!cache || !next.resolve) return true;\n  const probe: Rgba = [NaN, NaN, NaN, NaN];\n  for (const [value, color] of cache) {\n    const resolved = next.resolve(value, probe);\n    if (!sameColor(color, resolved === probe ? null : resolved)) return true;\n  }\n  return false;\n};\n\n/** Theme of the charts drawn without a DOM (mini-programs, React Native) */\nexport interface ChartThemeInput {\n  /**\n   * Values of the Minerva CSS variables (`--primary-color`, `--text-color`,\n   * `--chart-series-1`, ...) used for the theme colors and to resolve\n   * `var(--name)` colors of the options\n   */\n  variables?: Readonly<Record<string, string>>;\n  /** Series colors (hex / rgb) */\n  palette?: readonly string[];\n  /** Font family of the labels */\n  fontFamily?: string;\n  /**\n   * Font size of the tick labels, in pixels\n   * @default 11\n   */\n  fontSize?: number;\n}\n\n/** Builds a theme from plain values (no DOM) */\nexport const createTheme = (\n  input: ChartThemeInput = {},\n  palette?: readonly string[],\n): ChartTheme => {\n  const variables = input.variables ?? {};\n  const theme = buildTheme(\n    (name) => variables[name]?.trim() ?? \"\",\n    staticColorResolver(variables),\n    palette?.length ? palette : input.palette,\n    \"\",\n  );\n  return {\n    ...theme,\n    ...(input.fontFamily ? { fontFamily: input.fontFamily } : {}),\n    ...(input.fontSize ? { fontSize: input.fontSize } : {}),\n  };\n};\n\n/** Resolver of `var(--name, fallback)` colors against plain variables */\nexport const staticColorResolver =\n  (variables: Readonly<Record<string, string>>): ColorResolver =>\n  (value, fallback) =>\n    resolveStaticColor(value, variables, fallback);\n\nconst buildTheme = (\n  readVariable: (name: string) => string,\n  resolve: ColorResolver,\n  palette: readonly string[] | undefined,\n  inheritedFont: string,\n): ChartTheme => {\n  const fallbackGray: Rgba = [0.4, 0.4, 0.4, 1];\n  const resolveColor = (value: string) => resolve(value, fallbackGray);\n  const color = (names: string[], fallback: string): Rgba => {\n    for (const name of names) {\n      if (readVariable(name)) return resolveColor(`var(${name})`);\n    }\n    return resolveColor(fallback);\n  };\n\n  const background = color(\n    [\"--surface-color\", \"--background-color\"],\n    \"#ffffff\",\n  );\n  const text = color([\"--text-color\"], \"#1f2937\");\n  const textMuted = color(\n    [\"--text-secondary-color\", \"--text-muted-color\"],\n    \"#6b7280\",\n  );\n  const border = color([\"--border-color\"], \"#e5e7eb\");\n\n  let colors: Rgba[];\n  if (palette && palette.length) {\n    colors = palette.map((c) => resolveColor(c));\n  } else {\n    const custom: Rgba[] = [];\n    for (let i = 1; i <= 8; i++) {\n      const name = `--chart-series-${i}`;\n      if (readVariable(name)) custom.push(resolveColor(`var(${name})`));\n    }\n    if (custom.length) {\n      colors = custom;\n    } else {\n      const themed = [\n        \"--primary-color\",\n        \"--success-color\",\n        \"--warning-color\",\n        \"--danger-color\",\n        \"--info-color\",\n      ].map((name, i) =>\n        readVariable(name)\n          ? resolveColor(`var(${name})`)\n          : resolveColor(DEFAULT_PALETTE[i]),\n      );\n      colors = [\n        ...themed,\n        ...DEFAULT_PALETTE.slice(5).map((c) => resolveColor(c)),\n      ];\n    }\n  }\n\n  const fontFamily =\n    readVariable(\"--font-family-sans\") ||\n    inheritedFont ||\n    \"system-ui, -apple-system, 'Segoe UI', sans-serif\";\n\n  return {\n    palette: colors,\n    text,\n    textMuted,\n    grid: mix(background, border, 0.75),\n    axis: border,\n    background,\n    surface: background,\n    primary: colors[0],\n    fontFamily,\n    fontSize: 11,\n    resolve,\n  };\n};\n\n/**\n * Calls `onChange` when the theme may have changed: attributes of `<html>` /\n * `<body>` (class, style, data-theme) and the color scheme.\n */\nexport const watchTheme = (onChange: () => void): (() => void) => {\n  if (typeof document === \"undefined\") return () => {};\n  const cleanups: (() => void)[] = [];\n  if (typeof MutationObserver === \"function\") {\n    const observer = new MutationObserver(onChange);\n    for (const node of [document.documentElement, document.body]) {\n      if (node) {\n        observer.observe(node, {\n          attributes: true,\n          attributeFilter: [\"class\", \"style\", \"data-theme\", \"data-mode\"],\n        });\n      }\n    }\n    cleanups.push(() => observer.disconnect());\n  }\n  if (typeof matchMedia === \"function\") {\n    const query = matchMedia(\"(prefers-color-scheme: dark)\");\n    query.addEventListener?.(\"change\", onChange);\n    cleanups.push(() => query.removeEventListener?.(\"change\", onChange));\n  }\n  return () => cleanups.forEach((fn) => fn());\n};\n"],"mappings":"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"}

package/dist/charts/engine/three-d/canvas2d.cjs

@@ -0,0 +1,2 @@
+const e=require("./render-types.cjs");var t=4e4,n=0,r=1,i=2,a=(e,t,n,r,i,a,o)=>{let s=new Float32Array(i),c=new Float32Array(i),l=new Float32Array(i),u=new Float32Array(i);for(let d=0;d<i;d++){let i=d*n+r,f=t[i],p=t[i+1],m=t[i+2],h=e[3]*f+e[7]*p+e[11]*m+e[15],g=1/(h>1e-9?h:1e-9);s[d]=((e[0]*f+e[4]*p+e[8]*m+e[12])*g+1)*.5*a,c[d]=(1-(e[1]*f+e[5]*p+e[9]*m+e[13])*g)*.5*o,l[d]=(e[2]*f+e[6]*p+e[10]*m+e[14])*g,u[d]=h}return{x:s,y:c,z:l,w:u}},o=e=>e<0?0:e>255?255:Math.round(e),s=s=>{let l=s.getContext(`2d`);if(!l)return null;let u=new Map,d=(e,t,n)=>{let r=o(e)<<16|o(t)<<8|o(n),i=u.get(r);return i===void 0&&(i=`rgb(${r>>16},${r>>8&255},${r&255})`,u.size>4096&&u.clear(),u.set(r,i)),i},f=(o,u)=>{let{width:f,height:p}=s,m=u.dpr;l.setTransform(1,0,0,1,0,0),l.clearRect(0,0,f,p);let h=e.drawOrder(o),g=u.viewProj,[_,v,y,b]=u.lighting,x=u.light,S=u.fog[0]*255,C=u.fog[1]*255,w=u.fog[2]*255,T=0;for(let e of h)e.kind===`points`&&(T+=e.count);let E=Math.max(1,Math.ceil(T/t)),D=[],O=[],k=[],A=0;for(let e of h)A+=e.kind===`mesh`?e.indices.length/3:e.kind===`points`?Math.ceil(e.count/E):e.count;let j=new Float32Array(A),M=new Uint8Array(A),N=new Uint16Array(A),P=new Uint32Array(A),F=0;h.forEach((e,t)=>{let o=e.kind===`mesh`?e.vertices:e.data;if(O.push(new Float32Array(o)),k.push(new Uint8Array(o)),e.kind===`mesh`){let r=O[t],i=a(g,r,7,0,e.vertexCount,f,p);D.push(i);let o=e.indices;for(let e=0;e+2<o.length;e+=3){let r=o[e],a=o[e+1],s=o[e+2];i.w[r]<=0||i.w[a]<=0||i.w[s]<=0||(j[F]=(i.z[r]+i.z[a]+i.z[s])/3,M[F]=n,N[F]=t,P[F]=e,F++)}}else if(e.kind===`points`){let n=O[t],i=a(g,n,5,0,e.count,f,p);D.push(i);for(let n=0;n<e.count;n+=E)i.w[n]<=0||(j[F]=i.z[n],M[F]=r,N[F]=t,P[F]=n,F++)}else{let n=O[t],r=a(g,n,7,0,e.count,f,p),o=a(g,n,7,3,e.count,f,p);D.push({x:c(r.x,o.x),y:c(r.y,o.y),z:c(r.z,o.z),w:c(r.w,o.w)});let s=e.bias*5;for(let n=0;n<e.count;n++)r.w[n]<=0||o.w[n]<=0||(j[F]=(r.z[n]+o.z[n])/2-s,M[F]=i,N[F]=t,P[F]=n,F++)}});let I=new Uint32Array(F);for(let e=0;e<F;e++)I[e]=e;I.sort((e,t)=>j[t]-j[e]),l.lineJoin=`round`,l.lineCap=`round`;let L=-1,R=e=>{e!==L&&(l.globalAlpha=e,L=e)},z=u.distance-u.radius;for(let e=0;e<F;e++){let t=I[e],a=h[N[t]],o=D[N[t]],s=O[N[t]],c=k[N[t]];if(!a||!o||!s||!c)continue;let f=P[t];if(a.kind===`mesh`&&M[t]===n){let e=a.indices[f],t=a.indices[f+1],n=a.indices[f+2],r=s[e*7],i=s[e*7+1],p=s[e*7+2],m=s[t*7]-r,h=s[t*7+1]-i,g=s[t*7+2]-p,S=s[n*7]-r,C=s[n*7+1]-i,w=s[n*7+2]-p,T=h*w-g*C,E=g*S-m*w,D=m*C-h*S,O=Math.hypot(T,E,D)||1;T/=O,E/=O,D/=O;let k=u.eye[0]-r,A=u.eye[1]-i,j=u.eye[2]-p,M=Math.hypot(k,A,j)||1;k/=M,A/=M,j/=M,T*k+E*A+D*j<0&&(T=-T,E=-E,D=-D);let N=Math.max(0,T*x[0]+E*x[1]+D*x[2]),P=x[0]+k,F=x[1]+A,I=x[2]+j,L=Math.hypot(P,F,I)||1;P/=L,F/=L,I/=L;let z=Math.max(0,T*P+E*F+D*I)**+b*y*255,B=_+v*N,V=e*28+24,H=t*28+24,U=n*28+24,W=(c[V]+c[H]+c[U])/3,G=(c[V+1]+c[H+1]+c[U+1])/3,K=(c[V+2]+c[H+2]+c[U+2])/3,q=(c[V+3]+c[H+3]+c[U+3])/765,J=d(W*B+z,G*B+z,K*B+z);R(a.opacity*q),l.beginPath(),l.moveTo(o.x[e],o.y[e]),l.lineTo(o.x[t],o.y[t]),l.lineTo(o.x[n],o.y[n]),l.closePath(),l.fillStyle=J,l.fill(),a.opacity>=1&&(l.strokeStyle=J,l.lineWidth=.75,l.stroke())}else if(a.kind===`points`&&M[t]===r){let e=a.perspective&&!u.orthographic?Math.max(.5,Math.min(2,u.distance/Math.max(o.w[f],1e-6))):1,t=Math.max(.5,s[f*5+3]*m*e/2),n=f*20+16,r=s[f*5]-u.eye[0],i=s[f*5+1]-u.eye[1],p=s[f*5+2]-u.eye[2],h=Math.max(0,Math.min(1,(Math.hypot(r,i,p)-z)/(2*u.radius)))*.45,g=c[n]+(S-c[n])*h,_=c[n+1]+(C-c[n+1])*h,v=c[n+2]+(w-c[n+2])*h;R(a.opacity*(c[n+3]/255)),l.fillStyle=d(g,_,v),t<1.5?l.fillRect(o.x[f]-t,o.y[f]-t,t*2,t*2):(l.beginPath(),l.arc(o.x[f],o.y[f],t,0,Math.PI*2),l.fill())}else if(a.kind===`lines`&&M[t]===i){let e=f*28+24,t=o.x.length/2;R(a.opacity*(c[e+3]/255)),l.strokeStyle=d(c[e],c[e+1],c[e+2]),l.lineWidth=Math.max(.5,a.width*m),l.beginPath(),l.moveTo(o.x[f],o.y[f]),l.lineTo(o.x[t+f],o.y[t+f]),l.stroke()}}l.globalAlpha=1};return{kind:`canvas2d`,canvas:s,resize(e,t){s.width=Math.max(1,e),s.height=Math.max(1,t)},render(e,t){f(e,t)},destroy(){u.clear(),l.setTransform(1,0,0,1,0,0),l.clearRect(0,0,s.width,s.height)}}},c=(e,t)=>{let n=new Float32Array(e.length+t.length);return n.set(e,0),n.set(t,e.length),n};exports.CPU_POINT_BUDGET=t,exports.createCanvas2d3D=s;
+//# sourceMappingURL=canvas2d.cjs.map

package/dist/charts/engine/three-d/canvas2d.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas2d.cjs","names":["drawOrder","require_render_types","CPU_POINT_BUDGET","TRIANGLE","POINT","SEGMENT","projectAll","x","count","y","z","w","i","o","stride","offset","px","data","py","pz","cw","m","iw","width","height","clamp255","v","createCanvas2d3D","ctx","canvas","styles","style","key","r","g","b","s","render","dpr","frame","ordered","items","ambient","diffuse","specular","shininess","L","fogR","fogG","fogB","totalPoints","item","pointStride","projected","floats","bytes","capacity","depth","kind","owner","element","n","raw","f32","k","p","idx","t","a","c","concat","bias","order","currentAlpha","alpha","value","near","u8","e","ax","ay","az","ux","uy","uz","vx","vy","vz","nx","ny","nz","len","ex","ey","ez","el","lambert","hx","hy","hz","hl","spec","light","ca","cb","cc","bl","ac","fill","scale","radius","wx","wy","wz","fog","half","out"],"sources":["../../../../../charts/src/engine/three-d/canvas2d.ts"],"sourcesContent":["// Canvas2D backend of the 3D charts: CPU projection and the painter's\n// algorithm (every triangle, dot and segment sorted back to front), flat\n// lighting per triangle. Point clouds are decimated to a fixed budget; the\n// chart also resamples the surfaces (`CPU_BUDGET`) for this backend.\n\nimport {\n  drawOrder,\n  type Frame3D,\n  type Item3D,\n  type Renderer3D,\n} from \"./render-types\";\n\n/** Largest number of dots drawn per frame (by stride over every point item) */\nexport const CPU_POINT_BUDGET = 40_000;\n\nconst TRIANGLE = 0;\nconst POINT = 1;\nconst SEGMENT = 2;\n\ninterface Projected {\n  x: Float32Array;\n  y: Float32Array;\n  z: Float32Array;\n  w: Float32Array;\n}\n\nconst projectAll = (\n  m: Float32Array,\n  data: Float32Array,\n  stride: number,\n  offset: number,\n  count: number,\n  width: number,\n  height: number,\n): Projected => {\n  const x = new Float32Array(count);\n  const y = new Float32Array(count);\n  const z = new Float32Array(count);\n  const w = new Float32Array(count);\n  for (let i = 0; i < count; i++) {\n    const o = i * stride + offset;\n    const px = data[o];\n    const py = data[o + 1];\n    const pz = data[o + 2];\n    const cw = m[3] * px + m[7] * py + m[11] * pz + m[15];\n    const iw = 1 / (cw > 1e-9 ? cw : 1e-9);\n    x[i] = ((m[0] * px + m[4] * py + m[8] * pz + m[12]) * iw + 1) * 0.5 * width;\n    y[i] =\n      (1 - (m[1] * px + m[5] * py + m[9] * pz + m[13]) * iw) * 0.5 * height;\n    z[i] = (m[2] * px + m[6] * py + m[10] * pz + m[14]) * iw;\n    w[i] = cw;\n  }\n  return { x, y, z, w };\n};\n\nconst clamp255 = (v: number) => (v < 0 ? 0 : v > 255 ? 255 : Math.round(v));\n\nexport const createCanvas2d3D = (\n  canvas: HTMLCanvasElement,\n): Renderer3D | null => {\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return null;\n  const styles = new Map<number, string>();\n  const style = (r: number, g: number, b: number) => {\n    const key = (clamp255(r) << 16) | (clamp255(g) << 8) | clamp255(b);\n    let s = styles.get(key);\n    if (s === undefined) {\n      s = `rgb(${key >> 16},${(key >> 8) & 255},${key & 255})`;\n      if (styles.size > 4096) styles.clear();\n      styles.set(key, s);\n    }\n    return s;\n  };\n\n  const render = (items: readonly Item3D[], frame: Frame3D) => {\n    const { width, height } = canvas;\n    const dpr = frame.dpr;\n    ctx.setTransform(1, 0, 0, 1, 0, 0);\n    ctx.clearRect(0, 0, width, height);\n    const ordered = drawOrder(items);\n    const m = frame.viewProj;\n    const [ambient, diffuse, specular, shininess] = frame.lighting;\n    const L = frame.light;\n    const fogR = frame.fog[0] * 255;\n    const fogG = frame.fog[1] * 255;\n    const fogB = frame.fog[2] * 255;\n\n    let totalPoints = 0;\n    for (const item of ordered)\n      if (item.kind === \"points\") totalPoints += item.count;\n    const pointStride = Math.max(1, Math.ceil(totalPoints / CPU_POINT_BUDGET));\n\n    // ---- collect the primitives\n    const projected: (Projected | null)[] = [];\n    // typed views of every item (floats and bytes of the same buffer)\n    const floats: Float32Array[] = [];\n    const bytes: Uint8Array[] = [];\n    let capacity = 0;\n    for (const item of ordered) {\n      capacity +=\n        item.kind === \"mesh\"\n          ? item.indices.length / 3\n          : item.kind === \"points\"\n            ? Math.ceil(item.count / pointStride)\n            : item.count;\n    }\n    const depth = new Float32Array(capacity);\n    const kind = new Uint8Array(capacity);\n    const owner = new Uint16Array(capacity);\n    const element = new Uint32Array(capacity);\n    let n = 0;\n    ordered.forEach((item, k) => {\n      const raw = item.kind === \"mesh\" ? item.vertices : item.data;\n      floats.push(new Float32Array(raw));\n      bytes.push(new Uint8Array(raw));\n      if (item.kind === \"mesh\") {\n        const f32 = floats[k]!;\n        const p = projectAll(m, f32, 7, 0, item.vertexCount, width, height);\n        projected.push(p);\n        const idx = item.indices;\n        for (let t = 0; t + 2 < idx.length; t += 3) {\n          const a = idx[t];\n          const b = idx[t + 1];\n          const c = idx[t + 2];\n          if (p.w[a] <= 0 || p.w[b] <= 0 || p.w[c] <= 0) continue;\n          depth[n] = (p.z[a] + p.z[b] + p.z[c]) / 3;\n          kind[n] = TRIANGLE;\n          owner[n] = k;\n          element[n] = t;\n          n++;\n        }\n      } else if (item.kind === \"points\") {\n        const f32 = floats[k]!;\n        const p = projectAll(m, f32, 5, 0, item.count, width, height);\n        projected.push(p);\n        for (let i = 0; i < item.count; i += pointStride) {\n          if (p.w[i] <= 0) continue;\n          depth[n] = p.z[i];\n          kind[n] = POINT;\n          owner[n] = k;\n          element[n] = i;\n          n++;\n        }\n      } else {\n        const f32 = floats[k]!;\n        // both ends: projected as two interleaved point lists\n        const a = projectAll(m, f32, 7, 0, item.count, width, height);\n        const b = projectAll(m, f32, 7, 3, item.count, width, height);\n        projected.push({\n          x: concat(a.x, b.x),\n          y: concat(a.y, b.y),\n          z: concat(a.z, b.z),\n          w: concat(a.w, b.w),\n        });\n        const bias = item.bias * 5;\n        for (let i = 0; i < item.count; i++) {\n          if (a.w[i] <= 0 || b.w[i] <= 0) continue;\n          depth[n] = (a.z[i] + b.z[i]) / 2 - bias;\n          kind[n] = SEGMENT;\n          owner[n] = k;\n          element[n] = i;\n          n++;\n        }\n      }\n    });\n    const order = new Uint32Array(n);\n    for (let i = 0; i < n; i++) order[i] = i;\n    order.sort((a, b) => depth[b] - depth[a]);\n\n    // ---- draw back to front\n    ctx.lineJoin = \"round\";\n    ctx.lineCap = \"round\";\n    let currentAlpha = -1;\n    const alpha = (value: number) => {\n      if (value !== currentAlpha) {\n        ctx.globalAlpha = value;\n        currentAlpha = value;\n      }\n    };\n    const near = frame.distance - frame.radius;\n    for (let o = 0; o < n; o++) {\n      const i = order[o];\n      const item = ordered[owner[i]];\n      const p = projected[owner[i]];\n      const f32 = floats[owner[i]];\n      const u8 = bytes[owner[i]];\n      if (!item || !p || !f32 || !u8) continue;\n      const e = element[i];\n      if (item.kind === \"mesh\" && kind[i] === TRIANGLE) {\n        const a = item.indices[e];\n        const b = item.indices[e + 1];\n        const c = item.indices[e + 2];\n        // flat normal facing the camera\n        const ax = f32[a * 7],\n          ay = f32[a * 7 + 1],\n          az = f32[a * 7 + 2];\n        const ux = f32[b * 7] - ax,\n          uy = f32[b * 7 + 1] - ay,\n          uz = f32[b * 7 + 2] - az;\n        const vx = f32[c * 7] - ax,\n          vy = f32[c * 7 + 1] - ay,\n          vz = f32[c * 7 + 2] - az;\n        let nx = uy * vz - uz * vy;\n        let ny = uz * vx - ux * vz;\n        let nz = ux * vy - uy * vx;\n        const len = Math.hypot(nx, ny, nz) || 1;\n        nx /= len;\n        ny /= len;\n        nz /= len;\n        let ex = frame.eye[0] - ax;\n        let ey = frame.eye[1] - ay;\n        let ez = frame.eye[2] - az;\n        const el = Math.hypot(ex, ey, ez) || 1;\n        ex /= el;\n        ey /= el;\n        ez /= el;\n        if (nx * ex + ny * ey + nz * ez < 0) {\n          nx = -nx;\n          ny = -ny;\n          nz = -nz;\n        }\n        const lambert = Math.max(0, nx * L[0] + ny * L[1] + nz * L[2]);\n        let hx = L[0] + ex;\n        let hy = L[1] + ey;\n        let hz = L[2] + ez;\n        const hl = Math.hypot(hx, hy, hz) || 1;\n        hx /= hl;\n        hy /= hl;\n        hz /= hl;\n        const spec =\n          Math.pow(Math.max(0, nx * hx + ny * hy + nz * hz), shininess) *\n          specular *\n          255;\n        const light = ambient + diffuse * lambert;\n        const ca = a * 28 + 24;\n        const cb = b * 28 + 24;\n        const cc = c * 28 + 24;\n        const r = (u8[ca] + u8[cb] + u8[cc]) / 3;\n        const g = (u8[ca + 1] + u8[cb + 1] + u8[cc + 1]) / 3;\n        const bl = (u8[ca + 2] + u8[cb + 2] + u8[cc + 2]) / 3;\n        const ac = (u8[ca + 3] + u8[cb + 3] + u8[cc + 3]) / 765;\n        const fill = style(\n          r * light + spec,\n          g * light + spec,\n          bl * light + spec,\n        );\n        alpha(item.opacity * ac);\n        ctx.beginPath();\n        ctx.moveTo(p.x[a], p.y[a]);\n        ctx.lineTo(p.x[b], p.y[b]);\n        ctx.lineTo(p.x[c], p.y[c]);\n        ctx.closePath();\n        ctx.fillStyle = fill;\n        ctx.fill();\n        if (item.opacity >= 1) {\n          // hides the seams between neighbouring triangles\n          ctx.strokeStyle = fill;\n          ctx.lineWidth = 0.75;\n          ctx.stroke();\n        }\n      } else if (item.kind === \"points\" && kind[i] === POINT) {\n        const scale =\n          item.perspective && !frame.orthographic\n            ? Math.max(\n                0.5,\n                Math.min(2, frame.distance / Math.max(p.w[e], 1e-6)),\n              )\n            : 1;\n        const radius = Math.max(0.5, (f32[e * 5 + 3] * dpr * scale) / 2);\n        const c = e * 20 + 16;\n        const wx = f32[e * 5] - frame.eye[0];\n        const wy = f32[e * 5 + 1] - frame.eye[1];\n        const wz = f32[e * 5 + 2] - frame.eye[2];\n        const fog =\n          Math.max(\n            0,\n            Math.min(1, (Math.hypot(wx, wy, wz) - near) / (2 * frame.radius)),\n          ) * 0.45;\n        const r = u8[c] + (fogR - u8[c]) * fog;\n        const g = u8[c + 1] + (fogG - u8[c + 1]) * fog;\n        const b = u8[c + 2] + (fogB - u8[c + 2]) * fog;\n        alpha(item.opacity * (u8[c + 3] / 255));\n        ctx.fillStyle = style(r, g, b);\n        if (radius < 1.5) {\n          ctx.fillRect(\n            p.x[e] - radius,\n            p.y[e] - radius,\n            radius * 2,\n            radius * 2,\n          );\n        } else {\n          ctx.beginPath();\n          ctx.arc(p.x[e], p.y[e], radius, 0, Math.PI * 2);\n          ctx.fill();\n        }\n      } else if (item.kind === \"lines\" && kind[i] === SEGMENT) {\n        const c = e * 28 + 24;\n        const half = p.x.length / 2;\n        alpha(item.opacity * (u8[c + 3] / 255));\n        ctx.strokeStyle = style(u8[c], u8[c + 1], u8[c + 2]);\n        ctx.lineWidth = Math.max(0.5, item.width * dpr);\n        ctx.beginPath();\n        ctx.moveTo(p.x[e], p.y[e]);\n        ctx.lineTo(p.x[half + e], p.y[half + e]);\n        ctx.stroke();\n      }\n    }\n    ctx.globalAlpha = 1;\n  };\n\n  return {\n    kind: \"canvas2d\",\n    canvas,\n    resize(width, height) {\n      canvas.width = Math.max(1, width);\n      canvas.height = Math.max(1, height);\n    },\n    render(items, frame) {\n      render(items, frame);\n    },\n    destroy() {\n      styles.clear();\n      ctx.setTransform(1, 0, 0, 1, 0, 0);\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n    },\n  };\n};\n\nconst concat = (a: Float32Array, b: Float32Array) => {\n  const out = new Float32Array(a.length + b.length);\n  out.set(a, 0);\n  out.set(b, a.length);\n  return out;\n};\n"],"mappings":"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"}

package/dist/charts/engine/three-d/canvas2d.d.cts

@@ -0,0 +1,4 @@
+import { Renderer3D } from './render-types.cjs';
+/** Largest number of dots drawn per frame (by stride over every point item) */
+export declare const CPU_POINT_BUDGET = 40000;
+export declare const createCanvas2d3D: (canvas: HTMLCanvasElement) => Renderer3D | null;

package/dist/charts/engine/three-d/canvas2d.d.ts

@@ -0,0 +1,4 @@
+import { Renderer3D } from './render-types.js';
+/** Largest number of dots drawn per frame (by stride over every point item) */
+export declare const CPU_POINT_BUDGET = 40000;
+export declare const createCanvas2d3D: (canvas: HTMLCanvasElement) => Renderer3D | null;

package/dist/charts/engine/three-d/canvas2d.js

@@ -0,0 +1,104 @@
+import { drawOrder as e } from "./render-types.js";
+//#region src/engine/three-d/canvas2d.ts
+var t = 4e4, n = 0, r = 1, i = 2, a = (e, t, n, r, i, a, o) => {
+	let s = new Float32Array(i), c = new Float32Array(i), l = new Float32Array(i), u = new Float32Array(i);
+	for (let d = 0; d < i; d++) {
+		let i = d * n + r, f = t[i], p = t[i + 1], m = t[i + 2], h = e[3] * f + e[7] * p + e[11] * m + e[15], g = 1 / (h > 1e-9 ? h : 1e-9);
+		s[d] = ((e[0] * f + e[4] * p + e[8] * m + e[12]) * g + 1) * .5 * a, c[d] = (1 - (e[1] * f + e[5] * p + e[9] * m + e[13]) * g) * .5 * o, l[d] = (e[2] * f + e[6] * p + e[10] * m + e[14]) * g, u[d] = h;
+	}
+	return {
+		x: s,
+		y: c,
+		z: l,
+		w: u
+	};
+}, o = (e) => e < 0 ? 0 : e > 255 ? 255 : Math.round(e), s = (s) => {
+	let l = s.getContext("2d");
+	if (!l) return null;
+	let u = /* @__PURE__ */ new Map(), d = (e, t, n) => {
+		let r = o(e) << 16 | o(t) << 8 | o(n), i = u.get(r);
+		return i === void 0 && (i = `rgb(${r >> 16},${r >> 8 & 255},${r & 255})`, u.size > 4096 && u.clear(), u.set(r, i)), i;
+	}, f = (o, u) => {
+		let { width: f, height: p } = s, m = u.dpr;
+		l.setTransform(1, 0, 0, 1, 0, 0), l.clearRect(0, 0, f, p);
+		let h = e(o), g = u.viewProj, [_, v, y, b] = u.lighting, x = u.light, S = u.fog[0] * 255, C = u.fog[1] * 255, w = u.fog[2] * 255, T = 0;
+		for (let e of h) e.kind === "points" && (T += e.count);
+		let E = Math.max(1, Math.ceil(T / t)), D = [], O = [], k = [], A = 0;
+		for (let e of h) A += e.kind === "mesh" ? e.indices.length / 3 : e.kind === "points" ? Math.ceil(e.count / E) : e.count;
+		let j = new Float32Array(A), M = new Uint8Array(A), N = new Uint16Array(A), P = new Uint32Array(A), F = 0;
+		h.forEach((e, t) => {
+			let o = e.kind === "mesh" ? e.vertices : e.data;
+			if (O.push(new Float32Array(o)), k.push(new Uint8Array(o)), e.kind === "mesh") {
+				let r = O[t], i = a(g, r, 7, 0, e.vertexCount, f, p);
+				D.push(i);
+				let o = e.indices;
+				for (let e = 0; e + 2 < o.length; e += 3) {
+					let r = o[e], a = o[e + 1], s = o[e + 2];
+					i.w[r] <= 0 || i.w[a] <= 0 || i.w[s] <= 0 || (j[F] = (i.z[r] + i.z[a] + i.z[s]) / 3, M[F] = n, N[F] = t, P[F] = e, F++);
+				}
+			} else if (e.kind === "points") {
+				let n = O[t], i = a(g, n, 5, 0, e.count, f, p);
+				D.push(i);
+				for (let n = 0; n < e.count; n += E) i.w[n] <= 0 || (j[F] = i.z[n], M[F] = r, N[F] = t, P[F] = n, F++);
+			} else {
+				let n = O[t], r = a(g, n, 7, 0, e.count, f, p), o = a(g, n, 7, 3, e.count, f, p);
+				D.push({
+					x: c(r.x, o.x),
+					y: c(r.y, o.y),
+					z: c(r.z, o.z),
+					w: c(r.w, o.w)
+				});
+				let s = e.bias * 5;
+				for (let n = 0; n < e.count; n++) r.w[n] <= 0 || o.w[n] <= 0 || (j[F] = (r.z[n] + o.z[n]) / 2 - s, M[F] = i, N[F] = t, P[F] = n, F++);
+			}
+		});
+		let I = new Uint32Array(F);
+		for (let e = 0; e < F; e++) I[e] = e;
+		I.sort((e, t) => j[t] - j[e]), l.lineJoin = "round", l.lineCap = "round";
+		let L = -1, R = (e) => {
+			e !== L && (l.globalAlpha = e, L = e);
+		}, z = u.distance - u.radius;
+		for (let e = 0; e < F; e++) {
+			let t = I[e], a = h[N[t]], o = D[N[t]], s = O[N[t]], c = k[N[t]];
+			if (!a || !o || !s || !c) continue;
+			let f = P[t];
+			if (a.kind === "mesh" && M[t] === n) {
+				let e = a.indices[f], t = a.indices[f + 1], n = a.indices[f + 2], r = s[e * 7], i = s[e * 7 + 1], p = s[e * 7 + 2], m = s[t * 7] - r, h = s[t * 7 + 1] - i, g = s[t * 7 + 2] - p, S = s[n * 7] - r, C = s[n * 7 + 1] - i, w = s[n * 7 + 2] - p, T = h * w - g * C, E = g * S - m * w, D = m * C - h * S, O = Math.hypot(T, E, D) || 1;
+				T /= O, E /= O, D /= O;
+				let k = u.eye[0] - r, A = u.eye[1] - i, j = u.eye[2] - p, M = Math.hypot(k, A, j) || 1;
+				k /= M, A /= M, j /= M, T * k + E * A + D * j < 0 && (T = -T, E = -E, D = -D);
+				let N = Math.max(0, T * x[0] + E * x[1] + D * x[2]), P = x[0] + k, F = x[1] + A, I = x[2] + j, L = Math.hypot(P, F, I) || 1;
+				P /= L, F /= L, I /= L;
+				let z = Math.max(0, T * P + E * F + D * I) ** +b * y * 255, B = _ + v * N, V = e * 28 + 24, H = t * 28 + 24, U = n * 28 + 24, W = (c[V] + c[H] + c[U]) / 3, G = (c[V + 1] + c[H + 1] + c[U + 1]) / 3, K = (c[V + 2] + c[H + 2] + c[U + 2]) / 3, q = (c[V + 3] + c[H + 3] + c[U + 3]) / 765, J = d(W * B + z, G * B + z, K * B + z);
+				R(a.opacity * q), l.beginPath(), l.moveTo(o.x[e], o.y[e]), l.lineTo(o.x[t], o.y[t]), l.lineTo(o.x[n], o.y[n]), l.closePath(), l.fillStyle = J, l.fill(), a.opacity >= 1 && (l.strokeStyle = J, l.lineWidth = .75, l.stroke());
+			} else if (a.kind === "points" && M[t] === r) {
+				let e = a.perspective && !u.orthographic ? Math.max(.5, Math.min(2, u.distance / Math.max(o.w[f], 1e-6))) : 1, t = Math.max(.5, s[f * 5 + 3] * m * e / 2), n = f * 20 + 16, r = s[f * 5] - u.eye[0], i = s[f * 5 + 1] - u.eye[1], p = s[f * 5 + 2] - u.eye[2], h = Math.max(0, Math.min(1, (Math.hypot(r, i, p) - z) / (2 * u.radius))) * .45, g = c[n] + (S - c[n]) * h, _ = c[n + 1] + (C - c[n + 1]) * h, v = c[n + 2] + (w - c[n + 2]) * h;
+				R(a.opacity * (c[n + 3] / 255)), l.fillStyle = d(g, _, v), t < 1.5 ? l.fillRect(o.x[f] - t, o.y[f] - t, t * 2, t * 2) : (l.beginPath(), l.arc(o.x[f], o.y[f], t, 0, Math.PI * 2), l.fill());
+			} else if (a.kind === "lines" && M[t] === i) {
+				let e = f * 28 + 24, t = o.x.length / 2;
+				R(a.opacity * (c[e + 3] / 255)), l.strokeStyle = d(c[e], c[e + 1], c[e + 2]), l.lineWidth = Math.max(.5, a.width * m), l.beginPath(), l.moveTo(o.x[f], o.y[f]), l.lineTo(o.x[t + f], o.y[t + f]), l.stroke();
+			}
+		}
+		l.globalAlpha = 1;
+	};
+	return {
+		kind: "canvas2d",
+		canvas: s,
+		resize(e, t) {
+			s.width = Math.max(1, e), s.height = Math.max(1, t);
+		},
+		render(e, t) {
+			f(e, t);
+		},
+		destroy() {
+			u.clear(), l.setTransform(1, 0, 0, 1, 0, 0), l.clearRect(0, 0, s.width, s.height);
+		}
+	};
+}, c = (e, t) => {
+	let n = new Float32Array(e.length + t.length);
+	return n.set(e, 0), n.set(t, e.length), n;
+};
+//#endregion
+export { t as CPU_POINT_BUDGET, s as createCanvas2d3D };
+
+//# sourceMappingURL=canvas2d.js.map

package/dist/charts/engine/three-d/canvas2d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas2d.js","names":["CPU_POINT_BUDGET","TRIANGLE","POINT","SEGMENT","projectAll","x","count","y","z","w","i","o","stride","offset","px","data","py","pz","cw","m","iw","width","height","clamp255","v","createCanvas2d3D","ctx","canvas","styles","style","key","r","g","b","s","render","dpr","frame","ordered","drawOrder","items","ambient","diffuse","specular","shininess","L","fogR","fogG","fogB","totalPoints","item","pointStride","projected","floats","bytes","capacity","depth","kind","owner","element","n","raw","f32","k","p","idx","t","a","c","concat","bias","order","currentAlpha","alpha","value","near","u8","e","ax","ay","az","ux","uy","uz","vx","vy","vz","nx","ny","nz","len","ex","ey","ez","el","lambert","hx","hy","hz","hl","spec","light","ca","cb","cc","bl","ac","fill","scale","radius","wx","wy","wz","fog","half","out"],"sources":["../../../../../charts/src/engine/three-d/canvas2d.ts"],"sourcesContent":["// Canvas2D backend of the 3D charts: CPU projection and the painter's\n// algorithm (every triangle, dot and segment sorted back to front), flat\n// lighting per triangle. Point clouds are decimated to a fixed budget; the\n// chart also resamples the surfaces (`CPU_BUDGET`) for this backend.\n\nimport {\n  drawOrder,\n  type Frame3D,\n  type Item3D,\n  type Renderer3D,\n} from \"./render-types\";\n\n/** Largest number of dots drawn per frame (by stride over every point item) */\nexport const CPU_POINT_BUDGET = 40_000;\n\nconst TRIANGLE = 0;\nconst POINT = 1;\nconst SEGMENT = 2;\n\ninterface Projected {\n  x: Float32Array;\n  y: Float32Array;\n  z: Float32Array;\n  w: Float32Array;\n}\n\nconst projectAll = (\n  m: Float32Array,\n  data: Float32Array,\n  stride: number,\n  offset: number,\n  count: number,\n  width: number,\n  height: number,\n): Projected => {\n  const x = new Float32Array(count);\n  const y = new Float32Array(count);\n  const z = new Float32Array(count);\n  const w = new Float32Array(count);\n  for (let i = 0; i < count; i++) {\n    const o = i * stride + offset;\n    const px = data[o];\n    const py = data[o + 1];\n    const pz = data[o + 2];\n    const cw = m[3] * px + m[7] * py + m[11] * pz + m[15];\n    const iw = 1 / (cw > 1e-9 ? cw : 1e-9);\n    x[i] = ((m[0] * px + m[4] * py + m[8] * pz + m[12]) * iw + 1) * 0.5 * width;\n    y[i] =\n      (1 - (m[1] * px + m[5] * py + m[9] * pz + m[13]) * iw) * 0.5 * height;\n    z[i] = (m[2] * px + m[6] * py + m[10] * pz + m[14]) * iw;\n    w[i] = cw;\n  }\n  return { x, y, z, w };\n};\n\nconst clamp255 = (v: number) => (v < 0 ? 0 : v > 255 ? 255 : Math.round(v));\n\nexport const createCanvas2d3D = (\n  canvas: HTMLCanvasElement,\n): Renderer3D | null => {\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return null;\n  const styles = new Map<number, string>();\n  const style = (r: number, g: number, b: number) => {\n    const key = (clamp255(r) << 16) | (clamp255(g) << 8) | clamp255(b);\n    let s = styles.get(key);\n    if (s === undefined) {\n      s = `rgb(${key >> 16},${(key >> 8) & 255},${key & 255})`;\n      if (styles.size > 4096) styles.clear();\n      styles.set(key, s);\n    }\n    return s;\n  };\n\n  const render = (items: readonly Item3D[], frame: Frame3D) => {\n    const { width, height } = canvas;\n    const dpr = frame.dpr;\n    ctx.setTransform(1, 0, 0, 1, 0, 0);\n    ctx.clearRect(0, 0, width, height);\n    const ordered = drawOrder(items);\n    const m = frame.viewProj;\n    const [ambient, diffuse, specular, shininess] = frame.lighting;\n    const L = frame.light;\n    const fogR = frame.fog[0] * 255;\n    const fogG = frame.fog[1] * 255;\n    const fogB = frame.fog[2] * 255;\n\n    let totalPoints = 0;\n    for (const item of ordered)\n      if (item.kind === \"points\") totalPoints += item.count;\n    const pointStride = Math.max(1, Math.ceil(totalPoints / CPU_POINT_BUDGET));\n\n    // ---- collect the primitives\n    const projected: (Projected | null)[] = [];\n    // typed views of every item (floats and bytes of the same buffer)\n    const floats: Float32Array[] = [];\n    const bytes: Uint8Array[] = [];\n    let capacity = 0;\n    for (const item of ordered) {\n      capacity +=\n        item.kind === \"mesh\"\n          ? item.indices.length / 3\n          : item.kind === \"points\"\n            ? Math.ceil(item.count / pointStride)\n            : item.count;\n    }\n    const depth = new Float32Array(capacity);\n    const kind = new Uint8Array(capacity);\n    const owner = new Uint16Array(capacity);\n    const element = new Uint32Array(capacity);\n    let n = 0;\n    ordered.forEach((item, k) => {\n      const raw = item.kind === \"mesh\" ? item.vertices : item.data;\n      floats.push(new Float32Array(raw));\n      bytes.push(new Uint8Array(raw));\n      if (item.kind === \"mesh\") {\n        const f32 = floats[k]!;\n        const p = projectAll(m, f32, 7, 0, item.vertexCount, width, height);\n        projected.push(p);\n        const idx = item.indices;\n        for (let t = 0; t + 2 < idx.length; t += 3) {\n          const a = idx[t];\n          const b = idx[t + 1];\n          const c = idx[t + 2];\n          if (p.w[a] <= 0 || p.w[b] <= 0 || p.w[c] <= 0) continue;\n          depth[n] = (p.z[a] + p.z[b] + p.z[c]) / 3;\n          kind[n] = TRIANGLE;\n          owner[n] = k;\n          element[n] = t;\n          n++;\n        }\n      } else if (item.kind === \"points\") {\n        const f32 = floats[k]!;\n        const p = projectAll(m, f32, 5, 0, item.count, width, height);\n        projected.push(p);\n        for (let i = 0; i < item.count; i += pointStride) {\n          if (p.w[i] <= 0) continue;\n          depth[n] = p.z[i];\n          kind[n] = POINT;\n          owner[n] = k;\n          element[n] = i;\n          n++;\n        }\n      } else {\n        const f32 = floats[k]!;\n        // both ends: projected as two interleaved point lists\n        const a = projectAll(m, f32, 7, 0, item.count, width, height);\n        const b = projectAll(m, f32, 7, 3, item.count, width, height);\n        projected.push({\n          x: concat(a.x, b.x),\n          y: concat(a.y, b.y),\n          z: concat(a.z, b.z),\n          w: concat(a.w, b.w),\n        });\n        const bias = item.bias * 5;\n        for (let i = 0; i < item.count; i++) {\n          if (a.w[i] <= 0 || b.w[i] <= 0) continue;\n          depth[n] = (a.z[i] + b.z[i]) / 2 - bias;\n          kind[n] = SEGMENT;\n          owner[n] = k;\n          element[n] = i;\n          n++;\n        }\n      }\n    });\n    const order = new Uint32Array(n);\n    for (let i = 0; i < n; i++) order[i] = i;\n    order.sort((a, b) => depth[b] - depth[a]);\n\n    // ---- draw back to front\n    ctx.lineJoin = \"round\";\n    ctx.lineCap = \"round\";\n    let currentAlpha = -1;\n    const alpha = (value: number) => {\n      if (value !== currentAlpha) {\n        ctx.globalAlpha = value;\n        currentAlpha = value;\n      }\n    };\n    const near = frame.distance - frame.radius;\n    for (let o = 0; o < n; o++) {\n      const i = order[o];\n      const item = ordered[owner[i]];\n      const p = projected[owner[i]];\n      const f32 = floats[owner[i]];\n      const u8 = bytes[owner[i]];\n      if (!item || !p || !f32 || !u8) continue;\n      const e = element[i];\n      if (item.kind === \"mesh\" && kind[i] === TRIANGLE) {\n        const a = item.indices[e];\n        const b = item.indices[e + 1];\n        const c = item.indices[e + 2];\n        // flat normal facing the camera\n        const ax = f32[a * 7],\n          ay = f32[a * 7 + 1],\n          az = f32[a * 7 + 2];\n        const ux = f32[b * 7] - ax,\n          uy = f32[b * 7 + 1] - ay,\n          uz = f32[b * 7 + 2] - az;\n        const vx = f32[c * 7] - ax,\n          vy = f32[c * 7 + 1] - ay,\n          vz = f32[c * 7 + 2] - az;\n        let nx = uy * vz - uz * vy;\n        let ny = uz * vx - ux * vz;\n        let nz = ux * vy - uy * vx;\n        const len = Math.hypot(nx, ny, nz) || 1;\n        nx /= len;\n        ny /= len;\n        nz /= len;\n        let ex = frame.eye[0] - ax;\n        let ey = frame.eye[1] - ay;\n        let ez = frame.eye[2] - az;\n        const el = Math.hypot(ex, ey, ez) || 1;\n        ex /= el;\n        ey /= el;\n        ez /= el;\n        if (nx * ex + ny * ey + nz * ez < 0) {\n          nx = -nx;\n          ny = -ny;\n          nz = -nz;\n        }\n        const lambert = Math.max(0, nx * L[0] + ny * L[1] + nz * L[2]);\n        let hx = L[0] + ex;\n        let hy = L[1] + ey;\n        let hz = L[2] + ez;\n        const hl = Math.hypot(hx, hy, hz) || 1;\n        hx /= hl;\n        hy /= hl;\n        hz /= hl;\n        const spec =\n          Math.pow(Math.max(0, nx * hx + ny * hy + nz * hz), shininess) *\n          specular *\n          255;\n        const light = ambient + diffuse * lambert;\n        const ca = a * 28 + 24;\n        const cb = b * 28 + 24;\n        const cc = c * 28 + 24;\n        const r = (u8[ca] + u8[cb] + u8[cc]) / 3;\n        const g = (u8[ca + 1] + u8[cb + 1] + u8[cc + 1]) / 3;\n        const bl = (u8[ca + 2] + u8[cb + 2] + u8[cc + 2]) / 3;\n        const ac = (u8[ca + 3] + u8[cb + 3] + u8[cc + 3]) / 765;\n        const fill = style(\n          r * light + spec,\n          g * light + spec,\n          bl * light + spec,\n        );\n        alpha(item.opacity * ac);\n        ctx.beginPath();\n        ctx.moveTo(p.x[a], p.y[a]);\n        ctx.lineTo(p.x[b], p.y[b]);\n        ctx.lineTo(p.x[c], p.y[c]);\n        ctx.closePath();\n        ctx.fillStyle = fill;\n        ctx.fill();\n        if (item.opacity >= 1) {\n          // hides the seams between neighbouring triangles\n          ctx.strokeStyle = fill;\n          ctx.lineWidth = 0.75;\n          ctx.stroke();\n        }\n      } else if (item.kind === \"points\" && kind[i] === POINT) {\n        const scale =\n          item.perspective && !frame.orthographic\n            ? Math.max(\n                0.5,\n                Math.min(2, frame.distance / Math.max(p.w[e], 1e-6)),\n              )\n            : 1;\n        const radius = Math.max(0.5, (f32[e * 5 + 3] * dpr * scale) / 2);\n        const c = e * 20 + 16;\n        const wx = f32[e * 5] - frame.eye[0];\n        const wy = f32[e * 5 + 1] - frame.eye[1];\n        const wz = f32[e * 5 + 2] - frame.eye[2];\n        const fog =\n          Math.max(\n            0,\n            Math.min(1, (Math.hypot(wx, wy, wz) - near) / (2 * frame.radius)),\n          ) * 0.45;\n        const r = u8[c] + (fogR - u8[c]) * fog;\n        const g = u8[c + 1] + (fogG - u8[c + 1]) * fog;\n        const b = u8[c + 2] + (fogB - u8[c + 2]) * fog;\n        alpha(item.opacity * (u8[c + 3] / 255));\n        ctx.fillStyle = style(r, g, b);\n        if (radius < 1.5) {\n          ctx.fillRect(\n            p.x[e] - radius,\n            p.y[e] - radius,\n            radius * 2,\n            radius * 2,\n          );\n        } else {\n          ctx.beginPath();\n          ctx.arc(p.x[e], p.y[e], radius, 0, Math.PI * 2);\n          ctx.fill();\n        }\n      } else if (item.kind === \"lines\" && kind[i] === SEGMENT) {\n        const c = e * 28 + 24;\n        const half = p.x.length / 2;\n        alpha(item.opacity * (u8[c + 3] / 255));\n        ctx.strokeStyle = style(u8[c], u8[c + 1], u8[c + 2]);\n        ctx.lineWidth = Math.max(0.5, item.width * dpr);\n        ctx.beginPath();\n        ctx.moveTo(p.x[e], p.y[e]);\n        ctx.lineTo(p.x[half + e], p.y[half + e]);\n        ctx.stroke();\n      }\n    }\n    ctx.globalAlpha = 1;\n  };\n\n  return {\n    kind: \"canvas2d\",\n    canvas,\n    resize(width, height) {\n      canvas.width = Math.max(1, width);\n      canvas.height = Math.max(1, height);\n    },\n    render(items, frame) {\n      render(items, frame);\n    },\n    destroy() {\n      styles.clear();\n      ctx.setTransform(1, 0, 0, 1, 0, 0);\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n    },\n  };\n};\n\nconst concat = (a: Float32Array, b: Float32Array) => {\n  const out = new Float32Array(a.length + b.length);\n  out.set(a, 0);\n  out.set(b, a.length);\n  return out;\n};\n"],"mappings":"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"}

package/dist/charts/engine/three-d/chart.cjs

@@ -0,0 +1,2 @@
+const e=require("../color.cjs"),t=require("../locale.cjs"),n=require("../scale.cjs"),r=require("../theme.cjs"),i=require("./colormap.cjs"),a=require("./detect.cjs"),o=require("./dom.cjs"),s=require("./labels.cjs"),c=require("./model.cjs"),l=require("./geometry.cjs"),u=require("./hover.cjs"),d=require("./math.cjs"),f=require("./overlay.cjs"),ee=require("./pick.cjs"),te=require("./sort.cjs");var ne=(e,t,n)=>{let r=t===1?e*16:t===2?e*400:e;return Math.exp(Math.max(-1,Math.min(1,r*(n?.01:.0025))))},p={ambient:.5,diffuse:.6,specular:.25,shininess:32},re=12,ie=.45,ae=5,oe=380,se=e=>d.clampCamera({azimuth:e?.azimuth??d.DEFAULT_CAMERA.azimuth,elevation:e?.elevation??d.DEFAULT_CAMERA.elevation,zoom:e?.zoom??d.DEFAULT_CAMERA.zoom,pan:[0,0],projection:e?.projection??d.DEFAULT_CAMERA.projection}),m=e=>({...e,pan:[e.pan[0],e.pan[1]]}),ce=(e,t)=>e.azimuth===t.azimuth&&e.elevation===t.elevation&&e.zoom===t.zoom&&e.pan[0]===t.pan[0]&&e.pan[1]===t.pan[1]&&e.projection===t.projection,le=(e,t,n)=>{let r=(t.azimuth-e.azimuth)%360;return r>180&&(r-=360),r<-180&&(r+=360),d.clampCamera({azimuth:e.azimuth+r*n,elevation:e.elevation+(t.elevation-e.elevation)*n,zoom:e.zoom*(t.zoom/e.zoom)**+n,pan:[e.pan[0]+(t.pan[0]-e.pan[0])*n,e.pan[1]+(t.pan[1]-e.pan[1])*n],projection:n<.5?e.projection:t.projection})},ue=(e,t,n)=>{let r=Math.max(30,Math.min(72,e*.08)),i=Math.max(14,Math.min(28,t*.05)),a=Math.max(30,Math.min(56,t*.1)),o=n?74:0,s={x:r,y:i,width:Math.max(10,e-r*2-o),height:Math.max(10,t-i-a)};if(!n)return{fit:s,bar:null};let c=Math.max(40,Math.min(260,t*.62));return{fit:s,bar:{x:e-66,y:(t-c)/2+8,w:12,h:c}}},de=(de,pe)=>{let h=de.ownerDocument,g=h.defaultView,_=o.createChart3DDom(de),v=_.stage,y=pe,b=r.readTheme(_.root,y.palette),me=0,x=!1,S=new Map,C=(e,t)=>{S.get(e)?.forEach(e=>e(t))},he=new Set,w=c.buildModel(y),T,E,ge=``,_e=0,ve=l.createGeometryBuilder(),D={items:[],targets:[],counts:[]},O=!0,k=ee.createPicker(),ye=te.createDepthSorter(),A=null,be=0,xe=()=>{},Se=new Promise(e=>{xe=e}),j=se(y.camera),Ce=JSON.stringify(y.camera??{}),M=m(j),N=null,P=0,F=!0,I=null,L=null,R=f.overlayStyle(b,fe(b)),z=null,B=null,V=null,H=null,we=!1,U=!0,W=0,G=typeof g?.matchMedia==`function`?g.matchMedia(`(prefers-reduced-motion: reduce)`):null,K=()=>{let e=y.interaction;if(e===!1)return null;let t=typeof e==`object`?e:{};return{rotate:t.rotate??!0,zoom:t.zoom??!0,wheel:t.wheel??`modifier`,pan:t.pan??!0,keyboard:t.keyboard??!0}},Te=()=>{let e=y.autoRotate;return e===!0?re:typeof e==`number`&&Number.isFinite(e)?e:0},Ee=()=>y.colorBar!==!1&&!!w.colorDomain,De=()=>({...y,series:y.series.map((e,t)=>{let n=e.id??String(t);return he.has(n)?{...e,hidden:!e.hidden}:e})}),Oe=t=>b.resolve?b.resolve(t,[.5,.5,.5,1]):e.parseColor(t)??[.5,.5,.5,1],ke=()=>{let t=`${JSON.stringify(y.colorScale??`viridis`)}|${me}`;(t!==ge||!E)&&(ge=t,E=i.colorLut(i.colorStops(y.colorScale,(t,n)=>b.resolve?b.resolve(t,n):e.parseColor(t)??n)),_e++);let n=b.palette.length?b.palette:[b.primary];T={series:w.series.map((e,t)=>e.color?Oe(e.color):n[t%n.length]??b.primary),resolve:Oe,lut:E,wire:[b.text[0],b.text[1],b.text[2],.38]}},q=()=>{w=c.buildModel(De()),ke(),O=!0,R=f.overlayStyle(b,fe(b)),je(),Me(),J(!0),z&&H&&Ue(H.x,H.y)},Ae=``,je=()=>{let t=y.legend,n=w.series.filter(e=>e.name).length,r=t===void 0?n>1:!!t,i=typeof t==`object`?t:{},a=i.toggle??!0,c=i.position===`bottom`,l=`${r}|${c}|${a}`;if(r&&w.series.forEach((t,n)=>{l+=`\n${t.id}\u0001${t.name}\u0001${e.toCss(T.series[n]??b.primary)}\u0001${t.hidden}`}),l===Ae)return;Ae=l;let u=[..._.legend.children].indexOf(h.activeElement);_.legend.replaceChildren(),_.legend.style.display=r?`flex`:`none`,r&&(_.legend.style.order=c?`1`:`0`,_.legend.style.padding=c?`8px 4px 0`:`0 4px 8px`,w.series.forEach((t,n)=>{if(!t.name)return;let r=h.createElement(a?`button`:`span`);r instanceof HTMLButtonElement&&(r.type=`button`,r.setAttribute(`aria-pressed`,String(!t.hidden)),r.addEventListener(`click`,()=>{he.has(t.id)?he.delete(t.id):he.add(t.id);let{labels:e}=w.locale;_.live.textContent=s.fill(t.hidden?e.shown:e.hidden,{name:t.name}),q()})),o.style(r,{display:`inline-flex`,alignItems:`center`,gap:`6px`,padding:`2px 4px`,margin:`0`,border:`0`,borderRadius:`4px`,background:`none`,font:`inherit`,color:`var(--text-secondary-color, #6b7280)`,cursor:a?`pointer`:`default`,opacity:t.hidden?`0.45`:`1`,textDecoration:t.hidden?`line-through`:`none`}),r.append(o.swatch(h,e.toCss(T.series[n]??b.primary),t.type!==`bar`&&t.type!==`surface`),h.createTextNode(t.name)),_.legend.appendChild(r)}),u>=0&&_.legend.children[u]?.focus())},Me=()=>{let{labels:e,count:t}=w.locale,n=w.series.map(e=>e.name).filter(Boolean).join(e.listSeparator);v.setAttribute(`aria-roledescription`,e.chart),v.setAttribute(`aria-label`,y.ariaLabel??(n?s.fill(e.chartNamed,{names:n}):e.chart)),K()?.keyboard?v.tabIndex=0:v.removeAttribute(`tabindex`),v.style.cursor=K()?.rotate?`grab`:`default`;let r=[];r.push(s.fill(e.seriesCount,{count:t(w.series.length)}));for(let n of w.series){let i=n.name||s.fill(e.series,{n:n.index+1}),a=n.type===`surface`?s.fill(e.grid,{rows:t(n.grid.rows),cols:t(n.grid.cols)}):n.type===`bar`?s.fill(e.bars,{count:t(n.bars.count)}):s.fill(n.type===`line`?e.vertices:e.points,{count:t(n.cols.count)});r.push(s.fill(n.hidden?e.seriesSummaryHidden:e.seriesSummary,{name:i,type:e[n.type],size:a}))}for(let t of[`x`,`y`,`z`]){let n=w[t],i=n.categories?n.categories.join(e.listSeparator):s.fill(e.range,{min:n.format(n.domain[0]),max:n.format(n.domain[1])});r.push(s.fill(n.title?e.axisTitled:e.axis,{axis:t.toUpperCase(),title:n.title,range:i}))}_.summary.textContent=r.join(` `)};function J(e=!0){e&&(F=!0),!(x||P||!g)&&(P=g.requestAnimationFrame(Fe))}let Ne=()=>Te()!==0&&U&&!we&&!Z&&!N&&!G?.matches&&h.visibilityState!==`hidden`,Pe=e=>{let t=[0,0,0];for(let n=0;n<3;n++)t[n]=-e.right[n]*.35+e.up[n]*.55-e.forward[n]*.7;return t[2]+=.35,d.normalize(t)};function Fe(e){if(P=0,x)return;let t=v.clientWidth,n=v.clientHeight;if(t<=0||n<=0)return;let r=g?.devicePixelRatio||1;if(N){let t=Math.min(1,(e-N.start)/oe),n=1-(1-t)**3;M=le(N.from,N.to,n),t>=1&&(M=m(N.to),N=null,C(`camera`,m(M))),F=!0}else if(Ne()){let t=W?Math.min(.1,(e-W)/1e3):0;t>0&&(M=d.clampCamera({...M,azimuth:M.azimuth-Te()*t}),F=!0),W=e}else W=0;o.sizeCanvas(_.background,t,n,r),o.sizeCanvas(_.foreground,t,n,r);let i=ue(t,n,Ee()),a=y.camera?.fov??32,s=[w.x.half,w.y.half,w.z.half],c=d.cameraFrame(M,s,t,n,i.fit,a);if(I=c,L=i,F){F=!1;let e=_.background.getContext(`2d`);if(e&&(e.setTransform(r,0,0,r,0,0),e.clearRect(0,0,t,n),y.box!==!1&&f.drawWalls(e,c,w,R)),A){O&&(D=ve(w,T,A.kind===`canvas2d`?l.CPU_BUDGET:l.GPU_BUDGET,_e),O=!1,k.reset());let e=Math.max(1,Math.round(t*r)),i=Math.max(1,Math.round(n*r));(A.canvas.width!==e||A.canvas.height!==i)&&A.resize(e,i),A.canvas.style.width=`${t}px`,A.canvas.style.height=`${n}px`;let a=y.lighting??{},o={viewProj:c.viewProj,eye:c.eye,light:Pe(c),orthographic:c.orthographic,distance:c.distance,radius:c.radius,width:e,height:i,dpr:r,lighting:[a.ambient??p.ambient,a.diffuse??p.diffuse,a.specular??p.specular,a.shininess??p.shininess],fog:b.background};A.render(A.kind===`canvas2d`?D.items:ye(D.items,o),o)}}Ie(c,i,t,n,r),(N||Ne())&&J(!0)}let Ie=(e,t,n,r,i)=>{let a=_.foreground.getContext(`2d`);if(a){if(a.setTransform(i,0,0,i,0,0),a.clearRect(0,0,n,r),y.box!==!1&&f.drawAxes(a,e,w,R,{left:4,top:4,right:t.bar?t.bar.x-10:n-4,bottom:r-4}),t.bar&&w.colorDomain){let e=typeof y.colorBar==`object`?y.colorBar:{};f.drawColorBar(a,t.bar,E,w.colorDomain,e.format??Le(),e.title??(w.colorFromZ?w.z.title:``),R,n)}if(z&&B){let t=u.highlightShape(D.targets,z,B.color);t&&f.drawHighlight(a,e,w,t,R)}}},Le=()=>{let e=w.colorDomain,{locale:t}=w;if(!e)return t.value;if(w.colorFromZ&&y.zAxis?.format)return y.zAxis.format;let r=n.tickStep(e[0],e[1],5);return r>0?t.ticks(r,Math.max(Math.abs(e[0]),Math.abs(e[1]))):t.value},Re=()=>y.tooltip!==!1,ze=()=>({x:v.offsetLeft,y:v.offsetTop}),Y=e=>{let t=e&&!O?u.hoverEvent(w,D.targets,e,T,ze()):null,n=t===null!=(B===null)||!!t&&!!B&&(t.seriesIndex!==B.seriesIndex||t.index!==B.index||t.type!==B.type);if(z=t?e:null,B=t,Be(),I&&L){let e=v.clientWidth,t=v.clientHeight;e>0&&t>0&&Ie(I,L,e,t,g?.devicePixelRatio||1)}n&&C(`hover`,t)},Be=()=>{let e=_.tooltip;if(!B||!z||!Re()){e.style.display=`none`;return}let t=typeof y.tooltip==`object`?y.tooltip.render:void 0,n=t?t(B):Ve(B);if(n===null){e.style.display=`none`;return}typeof n==`string`?e.textContent=n:e.replaceChildren(n),e.style.display=`block`;let r=v.clientWidth,i=v.clientHeight,a=e.offsetWidth,o=e.offsetHeight,s=z.x+16;s+a>r-4&&(s=z.x-16-a),s=Math.max(4,s);let c=Math.max(4,Math.min(i-o-4,z.y-o/2));e.style.transform=`translate(${Math.round(s)}px, ${Math.round(c)}px)`},Ve=e=>{let t=h.createDocumentFragment(),n=o.style(h.createElement(`div`),{display:`flex`,alignItems:`center`,gap:`6px`,fontWeight:`600`,marginBottom:`4px`,color:`var(--text-color, #1f2937)`});n.append(o.swatch(h,e.color,e.type!==`bar`),h.createTextNode(e.seriesName||s.fill(w.locale.labels.series,{n:e.seriesIndex+1}))),t.append(n);let r=typeof y.colorBar==`object`&&y.colorBar.title?y.colorBar.title:``;for(let n of u.tooltipRows(w,e,r)){let e=o.style(h.createElement(`div`),{display:`flex`,alignItems:`center`,gap:`8px`}),r=o.style(h.createElement(`span`),{flex:`1 1 auto`,color:`var(--text-secondary-color, #6b7280)`});r.textContent=n.name;let i=o.style(h.createElement(`span`),{fontWeight:n.name?`600`:`400`,fontVariantNumeric:`tabular-nums`,marginLeft:n.name?`12px`:`0`});i.textContent=n.value,n.name?e.append(r,i):e.append(i),t.append(e)}return t},He=(e,t)=>!I||O||!A?null:k.pick(D.targets,I,e,t),X=0,Ue=(e,t)=>{V={x:e,y:t},!X&&g&&(X=g.requestAnimationFrame(()=>{X=0;let e=V;V=null,!(!e||x||Z)&&Y(He(e.x,e.y))}))},Z=null,Q=new Map,We=e=>{let t=v.getBoundingClientRect();return{x:e.clientX-t.left,y:e.clientY-t.top}},Ge=()=>L?.fit.height??Math.max(1,v.clientHeight),$=(e,t=!0)=>{let n=d.clampCamera(e);ce(n,M)||(M=n,N=null,z&&Y(null),J(!0),t&&C(`camera`,m(M)))},Ke=e=>{if(G?.matches||!g){$(e);return}N={from:m(M),to:m(e),start:g.performance.now()},J(!0)},qe=()=>{let e=[...Q.values()],t=e[0]??{x:0,y:0},n=e[1]??t;return{distance:Math.hypot(t.x-n.x,t.y-n.y),center:{x:(t.x+n.x)/2,y:(t.y+n.y)/2}}},Je=(e,t)=>{Z={mode:e,pointers:Q,start:m(M),origin:t,distance:e===`pinch`?qe().distance:0,moved:!1},N=null,z&&Y(null),v.style.cursor=e===`rotate`?`grabbing`:`move`},Ye=e=>{let t=K();if(!t)return;let n=We(e);if(Q.set(e.pointerId,n),v.setPointerCapture?.(e.pointerId),Q.size===2&&(t.zoom||t.pan)){Je(`pinch`,qe().center);return}if(Q.size>1)return;let r=t.pan&&(e.button===2||e.shiftKey||e.button===1);r?Je(`pan`,n):t.rotate&&e.button===0?Je(`rotate`,n):Z=null,(r||e.button===1)&&e.preventDefault()},Xe=e=>{let t=We(e);if(H=t,Q.has(e.pointerId)&&Q.set(e.pointerId,t),!Z){if(e.pointerType===`touch`&&Q.size)return;(Re()||S.get(`hover`)?.size||S.get(`click`)?.size)&&Ue(t.x,t.y);return}let n=K();if(!n)return;if(Z.mode===`pinch`){let{distance:e,center:t}=qe(),r=Z.distance>0?e/Z.distance:1,i=Ge();$({...Z.start,zoom:n.zoom?Z.start.zoom*r:Z.start.zoom,pan:n.pan?[Z.start.pan[0]+(t.x-Z.origin.x)/i,Z.start.pan[1]+(t.y-Z.origin.y)/i]:Z.start.pan}),Z.moved=!0;return}let r=t.x-Z.origin.x,i=t.y-Z.origin.y;if(!(!Z.moved&&Math.hypot(r,i)<3)){if(Z.moved=!0,Z.mode===`pan`){let e=Ge();$({...Z.start,pan:[Z.start.pan[0]+r/e,Z.start.pan[1]+i/e]})}else $({...Z.start,azimuth:Z.start.azimuth-r*ie,elevation:Z.start.elevation+i*ie})}},Ze=e=>{let t=Z;if(Q.delete(e.pointerId),v.hasPointerCapture?.(e.pointerId)&&v.releasePointerCapture(e.pointerId),Q.size===1&&t?.mode===`pinch`){let e=[...Q.values()][0];Je(`rotate`,e);return}if(!Q.size){if(Z=null,v.style.cursor=K()?.rotate?`grab`:`default`,t&&!t.moved&&e.button===0){let t=We(e),n=He(t.x,t.y);Y(n),B&&C(`click`,B)}Ne()&&J(!1)}},Qe=e=>{Q.delete(e.pointerId),Q.size||(Z=null,v.style.cursor=K()?.rotate?`grab`:`default`)},$e=e=>{e.pointerType!==`touch`&&(we=!0)},et=()=>{we=!1,V=null,H=null,!Z&&z&&Y(null),Ne()&&J(!1)},tt=e=>{let t=K();if(!t?.zoom)return;let n=e.ctrlKey&&!e.metaKey;if(t.wheel===`modifier`&&!e.ctrlKey&&!e.metaKey)return;e.preventDefault();let r=ne(e.deltaY,e.deltaMode,n),i=M.zoom/r,a=L;if(!a){$({...M,zoom:i});return}let o=d.clampCamera({...M,zoom:i}),s=o.zoom/M.zoom,c=a.fit.height,l=a.fit.x+a.fit.width/2+M.pan[0]*c,u=a.fit.y+a.fit.height/2+M.pan[1]*c,f=We(e),ee=f.x-s*(f.x-l),te=f.y-s*(f.y-u);$({...o,pan:[M.pan[0]+(ee-l)/c,M.pan[1]+(te-u)/c]}),z&&Y(null)},nt=e=>{K()&&(e.preventDefault(),Ke(j))},rt=e=>{K()?.pan&&e.preventDefault()},it=()=>{let e;try{e=v.matches(`:focus-visible`)}catch{e=!0}e&&(v.style.boxShadow=`0 0 0 2px var(--primary-color, #4f46e5)`)},at=()=>{v.style.boxShadow=``},ot=e=>{let t=K();if(!t?.keyboard)return;let n=null,r=e.shiftKey?15:ae;switch(e.key){case`ArrowLeft`:t.rotate&&(n={...M,azimuth:M.azimuth+r});break;case`ArrowRight`:t.rotate&&(n={...M,azimuth:M.azimuth-r});break;case`ArrowUp`:t.rotate&&(n={...M,elevation:M.elevation+r});break;case`ArrowDown`:t.rotate&&(n={...M,elevation:M.elevation-r});break;case`+`:case`=`:t.zoom&&(n={...M,zoom:M.zoom*1.2});break;case`-`:case`_`:t.zoom&&(n={...M,zoom:M.zoom/1.2});break;case`0`:case`Home`:e.preventDefault(),Ke(j);return;case`Escape`:H=null,z&&(e.preventDefault(),Y(null));return;default:return}n&&(e.preventDefault(),$(n))};v.addEventListener(`pointerdown`,Ye),v.addEventListener(`pointermove`,Xe),v.addEventListener(`pointerup`,Ze),v.addEventListener(`pointercancel`,Qe),v.addEventListener(`pointerenter`,$e),v.addEventListener(`pointerleave`,et),v.addEventListener(`wheel`,tt,{passive:!1}),v.addEventListener(`dblclick`,nt),v.addEventListener(`contextmenu`,rt),v.addEventListener(`keydown`,ot),v.addEventListener(`focus`,it),v.addEventListener(`blur`,at);let st=typeof ResizeObserver==`function`?new ResizeObserver(()=>{k.reset(),J(!0)}):null;st?.observe(v);let ct=typeof IntersectionObserver==`function`?new IntersectionObserver(e=>{let t=e[e.length-1];if(!t)return;let n=U;U=t.isIntersecting,U&&!n&&J(!0)}):null;ct?.observe(v);let lt=()=>{h.visibilityState!==`hidden`&&J(!1)};h.addEventListener(`visibilitychange`,lt);let ut=null,dt=()=>{ft(),J(!0)},ft=()=>{ut?.removeEventListener?.(`change`,dt),ut=typeof g?.matchMedia==`function`?g.matchMedia(`(resolution: ${g.devicePixelRatio||1}dppx)`):null,ut?.addEventListener?.(`change`,dt)};ft();let pt=()=>J(!1);G?.addEventListener?.(`change`,pt);let mt=()=>{if(x)return;let e=r.readTheme(_.root,y.palette);r.themeColorsChanged(b,e)&&me++,b=e,q()},ht=r.watchTheme(mt),gt=typeof g?.MutationObserver==`function`?new g.MutationObserver(()=>{!x&&t.resolveLocale(y.locale)!==w.locale.locale&&q()}):null;gt?.observe(h.documentElement,{attributes:!0,attributeFilter:[`lang`]});let _t=async(e=new Set)=>{let t=++be,n=await a.createRenderer3D(y.renderer??`auto`,()=>{let e=o.layerCanvas(h);return e.className=`minerva-chart-data`,e},t=>{x||A?.kind!==t||(A.destroy(),A.canvas.remove(),A=null,_t(new Set([...e,t])))},e);if(x||t!==be){n?.destroy();return}A&&(A.destroy(),A.canvas.remove()),A=n,O=!0,n?(_.root.dataset.renderer=n.kind,v.insertBefore(n.canvas,_.foreground),C(`renderer`,n.kind)):delete _.root.dataset.renderer,xe(n?.kind??null),J(!0)};return ke(),q(),_t(),{setOptions(e){if(x)return;let t=y;y=e,(e.palette??[]).join()!==(t.palette??[]).join()&&(b=r.readTheme(_.root,e.palette),me++);let n=JSON.stringify(e.camera??{});n!==Ce&&(Ce=n,j=se(e.camera),$({...j})),(e.renderer??`auto`)!==(t.renderer??`auto`)&&_t(),q()},resize(){k.reset(),J(!0)},resetCamera(){$(m(j))},getCamera:()=>m(M),setCamera(e){x||$({azimuth:e.azimuth??M.azimuth,elevation:e.elevation??M.elevation,zoom:e.zoom??M.zoom,pan:e.pan?[e.pan[0],e.pan[1]]:M.pan,projection:e.projection??M.projection})},getRenderer:()=>A?.kind??null,ready:Se,refreshTheme:mt,on(e,t){let n=S.get(e);return n||(n=new Set,S.set(e,n)),n.add(t),()=>{n.delete(t)}},destroy(){x||(x=!0,be++,P&&g?.cancelAnimationFrame(P),X&&g?.cancelAnimationFrame(X),P=0,X=0,st?.disconnect(),ct?.disconnect(),h.removeEventListener(`visibilitychange`,lt),ut?.removeEventListener?.(`change`,dt),G?.removeEventListener?.(`change`,pt),ht(),gt?.disconnect(),v.removeEventListener(`pointerdown`,Ye),v.removeEventListener(`pointermove`,Xe),v.removeEventListener(`pointerup`,Ze),v.removeEventListener(`pointercancel`,Qe),v.removeEventListener(`pointerenter`,$e),v.removeEventListener(`pointerleave`,et),v.removeEventListener(`wheel`,tt),v.removeEventListener(`dblclick`,nt),v.removeEventListener(`contextmenu`,rt),v.removeEventListener(`keydown`,ot),v.removeEventListener(`focus`,it),v.removeEventListener(`blur`,at),A?.destroy(),A=null,S.clear(),xe(null),_.root.remove())}}};function fe(t){return e.luminance(t.background)<.4||e.luminance(t.text)>.6}exports.createChart3D=de,exports.initialCamera=se,exports.stageLayout=ue;
+//# sourceMappingURL=chart.cjs.map