@antv/gpt-vis 1.0.1 → 1.0.2

package/README.md

@@ -57,19 +57,14 @@ const gptVis = new GPTVis({
   height: 400,
 });
 
-// Markdown-like visualization syntax
-const visSyntax = `
-vis line
-data
-  - time 2020
-    value 100
-  - time 2021
-    value 120
-  - time 2022
-    value 150
-`;
-
-gptVis.render(visSyntax);
+gptVis.render({
+  type: 'line',
+  data: [
+    { time: '2020', value: 100 },
+    { time: '2021', value: 120 },
+    { time: '2022', value: 150 },
+  ],
+});
 ```
 
 ### Streaming Rendering
@@ -94,9 +89,73 @@ function onToken(token) {
 
 ## 📚 Syntax Guide
 
-`render()` supports two input formats: vis syntax (ideal for LLM streaming) and JSON objects (ideal for programmatic use).
+`render()` supports two input formats: JSON objects (ideal for programmatic use) and DSL syntax (ideal for LLM streaming).
+
+### Object Config
+
+Pass JSON objects directly for programmatic chart creation:
+
+**Line chart:**
+
+```javascript
+gptVis.render({
+  type: 'line',
+  data: [
+    { time: '2020', value: 100 },
+    { time: '2021', value: 120 },
+    { time: '2022', value: 150 },
+  ],
+});
+```
+
+**Pie chart:**
+
+```javascript
+gptVis.render({
+  type: 'pie',
+  data: [
+    { category: 'Android', value: 72 },
+    { category: 'iOS', value: 28 },
+  ],
+  innerRadius: 0.6,
+});
+```
+
+**Themes:**
+
+Three built-in themes, switchable via the `theme` property:
+
+| Theme           | Identifier | Background | Palette                                               |
+| --------------- | ---------- | ---------- | ----------------------------------------------------- |
+| Default (Light) | `default`  | `#FFF`     | `#1783FF` `#F08F56` `#D580FF` `#00C9C9` `#7863FF` ... |
+| Dark            | `dark`     | `#000`     | `#1783FF` `#F08F56` `#D580FF` `#00C9C9` `#7863FF` ... |
+| Academy         | `academy`  | `#FFF`     | `#4e79a7` `#f28e2c` `#e15759` `#76b7b2` `#59a14f` ... |
+
+```javascript
+gptVis.render({
+  type: 'line',
+  data: [
+    { time: '2020', value: 100 },
+    { time: '2021', value: 120 },
+  ],
+  theme: 'dark',
+});
+```
 
-### Vis Syntax
+**Custom Styles:**
+
+```javascript
+gptVis.render({
+  type: 'line',
+  data: [
+    { time: '2020', value: 100 },
+    { time: '2021', value: 120 },
+  ],
+  style: { lineWidth: 3, palette: ['#5B8FF9', '#5AD8A6'] },
+});
+```
+
+### DSL Syntax
 
 Declarative markdown-like syntax that LLMs can generate without learning complex APIs:
 
@@ -121,14 +180,6 @@ innerRadius 0.6
 
 **Themes:**
 
-Three built-in themes, switchable via the `theme` property:
-
-| Theme           | Identifier | Background | Palette                                               |
-| --------------- | ---------- | ---------- | ----------------------------------------------------- |
-| Default (Light) | `default`  | `#FFF`     | `#1783FF` `#F08F56` `#D580FF` `#00C9C9` `#7863FF` ... |
-| Dark            | `dark`     | `#000`     | `#1783FF` `#F08F56` `#D580FF` `#00C9C9` `#7863FF` ... |
-| Academy         | `academy`  | `#FFF`     | `#4e79a7` `#f28e2c` `#e15759` `#76b7b2` `#59a14f` ... |
-
 ```
 vis line
 data
@@ -179,18 +230,21 @@ data
       - name Phase 2
 ```
 
-### JSON Objects
-
-Also supports passing JSON objects directly, ideal for programmatic use:
+**Render DSL syntax:**
 
 ```javascript
-gptVis.render({
-  type: 'pie',
-  data: [
-    { category: 'Android', value: 72 },
-    { category: 'iOS', value: 28 },
-  ],
-});
+const visSyntax = `
+vis line
+data
+  - time 2020
+    value 100
+  - time 2021
+    value 120
+  - time 2022
+    value 150
+`;
+
+gptVis.render(visSyntax);
 ```
 
 ## 📊 Chart Types

package/README.zh-CN.md

@@ -57,19 +57,14 @@ const gptVis = new GPTVis({
   height: 400,
 });
 
-// 类 Markdown 的可视化语法
-const visSyntax = `
-vis line
-data
-  - time 2020
-    value 100
-  - time 2021
-    value 120
-  - time 2022
-    value 150
-`;
-
-gptVis.render(visSyntax);
+gptVis.render({
+  type: 'line',
+  data: [
+    { time: '2020', value: 100 },
+    { time: '2021', value: 120 },
+    { time: '2022', value: 150 },
+  ],
+});
 ```
 
 ### 流式渲染
@@ -94,9 +89,73 @@ function onToken(token) {
 
 ## 📚 语法指南
 
-`render()` 支持两种输入格式：vis 语法（适合 LLM 流式生成）和 JSON 对象（适合程序化调用）。
+`render()` 支持两种输入格式：对象配置（适合程序化调用）和 DSL 语法（适合 LLM 流式生成）。
+
+### 对象配置
+
+直接传入 JSON 对象，适合程序化图表创建：
+
+**折线图：**
+
+```javascript
+gptVis.render({
+  type: 'line',
+  data: [
+    { time: '2020', value: 100 },
+    { time: '2021', value: 120 },
+    { time: '2022', value: 150 },
+  ],
+});
+```
+
+**饼图：**
+
+```javascript
+gptVis.render({
+  type: 'pie',
+  data: [
+    { category: 'Android', value: 72 },
+    { category: 'iOS', value: 28 },
+  ],
+  innerRadius: 0.6,
+});
+```
+
+**主题：**
+
+内置三套主题，通过 `theme` 属性切换：
+
+| 主题         | 标识      | 背景色 | 色板                                                  |
+| ------------ | --------- | ------ | ----------------------------------------------------- |
+| 默认（亮色） | `default` | `#FFF` | `#1783FF` `#F08F56` `#D580FF` `#00C9C9` `#7863FF` ... |
+| 暗色         | `dark`    | `#000` | `#1783FF` `#F08F56` `#D580FF` `#00C9C9` `#7863FF` ... |
+| 学术         | `academy` | `#FFF` | `#4e79a7` `#f28e2c` `#e15759` `#76b7b2` `#59a14f` ... |
+
+```javascript
+gptVis.render({
+  type: 'line',
+  data: [
+    { time: '2020', value: 100 },
+    { time: '2021', value: 120 },
+  ],
+  theme: 'dark',
+});
+```
 
-### Vis 语法
+**自定义样式：**
+
+```javascript
+gptVis.render({
+  type: 'line',
+  data: [
+    { time: '2020', value: 100 },
+    { time: '2021', value: 120 },
+  ],
+  style: { lineWidth: 3, palette: ['#5B8FF9', '#5AD8A6'] },
+});
+```
+
+### DSL 语法
 
 类 Markdown 的声明式语法，LLM 无需学习复杂 API 即可生成：
 
@@ -121,14 +180,6 @@ innerRadius 0.6
 
 **主题：**
 
-内置三套主题，通过 `theme` 属性切换：
-
-| 主题         | 标识      | 背景色 | 色板                                                  |
-| ------------ | --------- | ------ | ----------------------------------------------------- |
-| 默认（亮色） | `default` | `#FFF` | `#1783FF` `#F08F56` `#D580FF` `#00C9C9` `#7863FF` ... |
-| 暗色         | `dark`    | `#000` | `#1783FF` `#F08F56` `#D580FF` `#00C9C9` `#7863FF` ... |
-| 学术         | `academy` | `#FFF` | `#4e79a7` `#f28e2c` `#e15759` `#76b7b2` `#59a14f` ... |
-
 ```
 vis line
 data
@@ -179,18 +230,21 @@ data
       - name 第二阶段
 ```
 
-### JSON 对象
-
-也支持直接传入 JSON 对象，适合程序化调用：
+**使用 DSL 语法渲染：**
 
 ```javascript
-gptVis.render({
-  type: 'pie',
-  data: [
-    { category: 'Android', value: 72 },
-    { category: 'iOS', value: 28 },
-  ],
-});
+const visSyntax = `
+vis line
+data
+  - time 2020
+    value 100
+  - time 2021
+    value 120
+  - time 2022
+    value 150
+`;
+
+gptVis.render(visSyntax);
 ```
 
 ## 📊 图表类型

package/dist/cjs/util/crosshair-axis-labels.d.ts

@@ -1,9 +1,15 @@
 import { type Chart } from '@antv/g2';
 import type { VisualizationTheme } from '../types';
+export type CrosshairAxisLabelsOptions = {
+    showXLabel?: boolean;
+    useStandaloneYLabel?: boolean;
+    yAxisPosition?: 'left' | 'right';
+    yField?: string;
+};
 /**
  * Bridges G2 tooltip crosshairs to axis value tags.
  *
  * G2 does not currently expose axis tags for tooltip crosshairs, so this adapter
  * reads the rule geometry created by G2 5.4 and renders labels with LineCrosshair.
  */
-export declare const bindCrosshairAxisLabels: (chart: Chart, theme: VisualizationTheme) => (() => void);
+export declare const bindCrosshairAxisLabels: (chart: Chart, theme: VisualizationTheme, { showXLabel, useStandaloneYLabel, yAxisPosition, yField, }?: CrosshairAxisLabelsOptions) => (() => void);

package/dist/cjs/util/crosshair-axis-labels.js

@@ -25,27 +25,41 @@ module.exports = __toCommonJS(crosshair_axis_labels_exports);
 var import_component = require("@antv/component");
 var import_g2 = require("@antv/g2");
 var import_tokens = require("./tokens");
+var MAX_CROSSHAIR_DECIMAL_PLACES = 6;
 var formatCrosshairAxisValue = (value, formatter, precision) => {
   if (value === void 0 || value === null || value === "")
     return "";
+  let displayValue = value;
   try {
     const formatted = formatter == null ? void 0 : formatter(value);
-    if (formatted !== void 0 && formatted !== null)
-      return String(formatted);
+    if (formatted !== void 0 && formatted !== null) {
+      const numericFormatted = typeof formatted === "number" || typeof formatted === "string" && formatted.trim() !== "" && Number.isFinite(Number(formatted)) ? Number(formatted) : void 0;
+      if (numericFormatted === void 0)
+        return String(formatted);
+      displayValue = numericFormatted;
+    }
   } catch {
   }
-  if (value instanceof Date)
-    return value.toLocaleString();
-  if (typeof value === "number" && Number.isFinite(value) && precision !== void 0) {
-    return value.toFixed(precision);
+  if (displayValue instanceof Date)
+    return displayValue.toLocaleString();
+  if (typeof displayValue === "number" && Number.isFinite(displayValue)) {
+    if (displayValue !== 0 && Math.abs(displayValue) < 10 ** -MAX_CROSSHAIR_DECIMAL_PLACES) {
+      return Number(displayValue.toPrecision(4)).toString();
+    }
+    const decimalPlaces = Math.min(
+      Math.max(precision ?? MAX_CROSSHAIR_DECIMAL_PLACES, 0),
+      MAX_CROSSHAIR_DECIMAL_PLACES
+    );
+    return Number(displayValue.toFixed(decimalPlaces)).toString();
   }
-  return String(value);
+  return String(displayValue);
 };
 var getNumberPrecision = (value) => {
   var _a;
   if (!Number.isFinite(value) || value === 0)
     return 0;
-  const [coefficient, exponentText = "0"] = Math.abs(value).toExponential().split("e");
+  const normalizedValue = Number(value.toPrecision(12));
+  const [coefficient, exponentText = "0"] = Math.abs(normalizedValue).toExponential().split("e");
   const coefficientPrecision = ((_a = coefficient.split(".")[1]) == null ? void 0 : _a.length) || 0;
   return Math.max(0, coefficientPrecision - Number(exponentText));
 };
@@ -64,7 +78,7 @@ var getCrosshairScalePrecision = (scale) => {
   }
   if (!Number.isFinite(interval))
     return void 0;
-  return Math.min(getNumberPrecision(interval) + 2, 20);
+  return Math.min(getNumberPrecision(interval) + 2, MAX_CROSSHAIR_DECIMAL_PLACES);
 };
 var getCrosshairTagStyle = (theme, tokens) => ({
   lineLineWidth: 0,
@@ -86,6 +100,25 @@ var getCrosshairTagStyle = (theme, tokens) => ({
   tagLabelLineWidth: 0,
   tagPointerEvents: "none"
 });
+var getStandaloneTagStyle = (theme, tokens) => ({
+  align: "start",
+  verticalAlign: "middle",
+  padding: [4, 7],
+  radius: 6,
+  backgroundFill: tokens.textPrimary,
+  backgroundStroke: "transparent",
+  backgroundLineWidth: 0,
+  backgroundShadowColor: theme === "dark" ? "rgba(0, 0, 0, 0.38)" : "rgba(15, 23, 42, 0.18)",
+  backgroundShadowBlur: 8,
+  backgroundShadowOffsetY: 2,
+  labelFill: tokens.background,
+  labelFillOpacity: 1,
+  labelFontFamily: import_tokens.CHART_FONT_FAMILY,
+  labelFontSize: 11,
+  labelFontWeight: 500,
+  labelLineWidth: 0,
+  pointerEvents: "none"
+});
 var clamp = (value, min, max) => Math.min(Math.max(value, Math.min(min, max)), Math.max(min, max));
 var invertCrosshairValue = (scale, value) => {
   var _a, _b, _c;
@@ -122,12 +155,41 @@ var getTooltipPlot = (context) => {
     return void 0;
   return (0, import_g2.selectPlotArea)(root);
 };
-var getCartesianView = (context) => {
+var getScaleField = (scale) => {
+  var _a, _b;
+  return (_b = (_a = scale == null ? void 0 : scale.getOptions) == null ? void 0 : _a.call(scale)) == null ? void 0 : _b.field;
+};
+var findYScaleByField = (view, yField) => {
+  var _a;
+  return (_a = Object.entries(view.scale).find(
+    ([scaleName, scale]) => /^y\d*$/.test(scaleName) && getScaleField(scale) === yField
+  )) == null ? void 0 : _a[1];
+};
+var getYScale = (view, yField) => yField ? findYScaleByField(view, yField) : view.scale.y;
+var getCartesianView = (context, yField) => {
   var _a;
   return (_a = context.views) == null ? void 0 : _a.find(
-    ({ coordinate, scale }) => Boolean((scale == null ? void 0 : scale.x) && (scale == null ? void 0 : scale.y)) && typeof (coordinate == null ? void 0 : coordinate.invert) === "function"
+    (view) => {
+      var _a2, _b;
+      return Boolean(((_a2 = view.scale) == null ? void 0 : _a2.x) && getYScale(view, yField)) && typeof ((_b = view.coordinate) == null ? void 0 : _b.invert) === "function";
+    }
   );
 };
+var hasAxisField = (field, yField) => Array.isArray(field) ? field.includes(yField) : field === yField;
+var getYAxisLinePosition = (view, yField, position, fallback, plotX) => {
+  var _a;
+  if (!yField)
+    return fallback;
+  const axis = (_a = view.components) == null ? void 0 : _a.find(
+    ({ bbox, position: axisPosition, scales, type }) => type === "axisY" && axisPosition === position && Number.isFinite(Number(bbox == null ? void 0 : bbox.x)) && (scales == null ? void 0 : scales.some((scale) => hasAxisField(scale.field, yField)))
+  );
+  if (!(axis == null ? void 0 : axis.bbox))
+    return fallback;
+  const x = Number(axis.bbox.x);
+  const width = Number(axis.bbox.width);
+  const axisX = position === "right" || !Number.isFinite(width) ? x : x + width;
+  return axisX - plotX;
+};
 var getRuleLine = (rule) => {
   var _a, _b, _c, _d;
   const x1 = Number((_a = rule == null ? void 0 : rule.style) == null ? void 0 : _a.x1);
@@ -155,24 +217,33 @@ var invertCoordinate = (view, point) => {
     return void 0;
   }
 };
-var bindCrosshairAxisLabels = (chart, theme) => {
+var bindCrosshairAxisLabels = (chart, theme, {
+  showXLabel = true,
+  useStandaloneYLabel = false,
+  yAxisPosition = "left",
+  yField
+} = {}) => {
   if (!chart || typeof chart.on !== "function")
     return () => void 0;
   const tagStyle = getCrosshairTagStyle(theme, (0, import_tokens.getChartVisualTokens)(theme));
+  const standaloneTagStyle = getStandaloneTagStyle(theme, (0, import_tokens.getChartVisualTokens)(theme));
   let boundPlot = null;
   let xCrosshair = null;
   let yCrosshair = null;
+  let standaloneYTag = null;
   let latestPointerY = null;
   let latestXValue;
   const destroyCrosshairs = () => {
     xCrosshair == null ? void 0 : xCrosshair.destroy();
     yCrosshair == null ? void 0 : yCrosshair.destroy();
+    standaloneYTag == null ? void 0 : standaloneYTag.destroy();
     xCrosshair = null;
     yCrosshair = null;
+    standaloneYTag = null;
     boundPlot = null;
   };
   const hideCrosshairs = () => {
-    for (const crosshair of [xCrosshair, yCrosshair]) {
+    for (const crosshair of [xCrosshair, yCrosshair, standaloneYTag]) {
       if (crosshair)
         crosshair.style.visibility = "hidden";
     }
@@ -193,7 +264,7 @@ var bindCrosshairAxisLabels = (chart, theme) => {
     const xEnd = [xLine.x2 + plotX, xLine.y2 + plotY];
     const yStart = [yLine.x1 + plotX, yLine.y1 + plotY];
     const yEnd = [yLine.x2 + plotX, yLine.y2 + plotY];
-    if (!xCrosshair) {
+    if (showXLabel && !xCrosshair) {
       xCrosshair = new import_component.LineCrosshair({
         style: { ...tagStyle, startPos: xStart, endPos: xEnd, tagText: xText, tagPosition: "end" }
       });
@@ -201,31 +272,38 @@ var bindCrosshairAxisLabels = (chart, theme) => {
       xCrosshair.style.pointerEvents = "none";
       layer.appendChild(xCrosshair);
     }
-    if (!yCrosshair) {
+    if (showXLabel && !useStandaloneYLabel && !yCrosshair) {
       yCrosshair = new import_component.LineCrosshair({
         style: {
           ...tagStyle,
           startPos: yStart,
           endPos: yEnd,
           tagText: yText,
-          tagPosition: "start"
+          tagPosition: yAxisPosition === "right" ? "end" : "start"
         }
       });
       yCrosshair.style.zIndex = 7;
       yCrosshair.style.pointerEvents = "none";
       layer.appendChild(yCrosshair);
     }
+    if ((useStandaloneYLabel || !showXLabel) && !standaloneYTag) {
+      standaloneYTag = new import_component.Tag({ style: { ...standaloneTagStyle, text: yText } });
+      standaloneYTag.style.zIndex = 7;
+      standaloneYTag.style.pointerEvents = "none";
+      layer.appendChild(standaloneYTag);
+    }
     boundPlot = plot;
   };
   const updateCrosshairs = (event) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const context = chart.getContext();
     const plot = getTooltipPlot(context);
-    const view = getCartesianView(context);
+    const view = getCartesianView(context, yField);
     if (!plot || !view) {
       hideCrosshairs();
       return;
     }
+    const yScale = getYScale(view, yField);
     const verticalRule = getRuleLine(plot.ruleY);
     const horizontalRule = getRuleLine(plot.ruleX);
     if (!verticalRule || !horizontalRule) {
@@ -240,36 +318,55 @@ var bindCrosshairAxisLabels = (chart, theme) => {
     const y = clamp(pointerY, verticalRule.y1, verticalRule.y2);
     const invertedPosition = invertCoordinate(view, [x, y]);
     const xValue = latestXValue ?? invertCrosshairValue(view.scale.x, invertedPosition == null ? void 0 : invertedPosition[0]);
-    const yValue = invertCrosshairValue(view.scale.y, invertedPosition == null ? void 0 : invertedPosition[1]) ?? ((_c = (_b = (_a = event.data) == null ? void 0 : _a.items) == null ? void 0 : _b[0]) == null ? void 0 : _c.value);
+    const yValue = invertCrosshairValue(yScale, invertedPosition == null ? void 0 : invertedPosition[1]) ?? ((_c = (_b = (_a = event.data) == null ? void 0 : _a.items) == null ? void 0 : _b[0]) == null ? void 0 : _c.value);
     const xText = formatCrosshairAxisValue(xValue, (_e = (_d = view.scale.x).getFormatter) == null ? void 0 : _e.call(_d));
     const yText = formatCrosshairAxisValue(
       yValue,
-      (_g = (_f = view.scale.y).getFormatter) == null ? void 0 : _g.call(_f),
-      getCrosshairScalePrecision(view.scale.y)
+      (_f = yScale == null ? void 0 : yScale.getFormatter) == null ? void 0 : _f.call(yScale),
+      getCrosshairScalePrecision(yScale)
     );
     if (!xText || !yText) {
       hideCrosshairs();
       return;
     }
-    if ((_h = plot.ruleY) == null ? void 0 : _h.style) {
+    if ((_g = plot.ruleY) == null ? void 0 : _g.style) {
       plot.ruleY.style.x1 = x;
       plot.ruleY.style.x2 = x;
     }
-    if ((_i = plot.ruleX) == null ? void 0 : _i.style) {
+    if ((_h = plot.ruleX) == null ? void 0 : _h.style) {
       plot.ruleX.style.y1 = y;
       plot.ruleX.style.y2 = y;
     }
     const displayVerticalRule = { ...verticalRule, x1: x, x2: x };
     const displayHorizontalRule = { ...horizontalRule, y1: y, y2: y };
     ensureCrosshairs(plot, displayVerticalRule, displayHorizontalRule, xText, yText);
-    if (!xCrosshair || !yCrosshair)
+    if (showXLabel && !xCrosshair || (useStandaloneYLabel ? !standaloneYTag : !yCrosshair && !standaloneYTag))
       return;
-    xCrosshair.setText(xText);
-    xCrosshair.setPointer([x + plotX, verticalRule.y2 + plotY]);
-    xCrosshair.style.visibility = "visible";
-    yCrosshair.setText(yText);
-    yCrosshair.setPointer([horizontalRule.x1 + plotX, y + plotY]);
-    yCrosshair.style.visibility = "visible";
+    if (xCrosshair) {
+      xCrosshair.setText(xText);
+      xCrosshair.setPointer([x + plotX, verticalRule.y2 + plotY]);
+      xCrosshair.style.visibility = "visible";
+    }
+    if (yCrosshair) {
+      yCrosshair.setText(yText);
+      yCrosshair.setPointer([
+        (yAxisPosition === "right" ? horizontalRule.x2 : horizontalRule.x1) + plotX,
+        y + plotY
+      ]);
+      yCrosshair.style.visibility = "visible";
+    }
+    if (standaloneYTag) {
+      const yAxisX = getYAxisLinePosition(
+        view,
+        yField,
+        yAxisPosition,
+        yAxisPosition === "right" ? horizontalRule.x2 : horizontalRule.x1,
+        plotX
+      );
+      standaloneYTag.update({ text: yText });
+      standaloneYTag.setLocalPosition([yAxisX + plotX, y + plotY]);
+      standaloneYTag.style.visibility = "visible";
+    }
   };
   const onPointerMove = (event) => {
     const y = Number(event.offsetY ?? event.canvasY);

package/dist/cjs/util/html.d.ts

@@ -0,0 +1 @@
+export declare const escapeHtml: (value: unknown) => string;

package/dist/cjs/util/html.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/util/html.ts
+var html_exports = {};
+__export(html_exports, {
+  escapeHtml: () => escapeHtml
+});
+module.exports = __toCommonJS(html_exports);
+var escapeHtml = (value) => (value == null ? "" : String(value)).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  escapeHtml
+});

package/dist/cjs/util/theme.js

@@ -156,12 +156,12 @@ var createTheme = (type) => {
       } : {}
     },
     axisY: {
-      lineLineWidth: isAcademy ? 1 : 0.75,
+      lineLineWidth: 1,
       grid: true,
       gridStroke: tokens.axisGrid,
       gridStrokeOpacity: 1,
-      gridLineWidth: isAcademy ? 1 : 0.5,
-      gridLineDash: isAcademy ? [0, 0] : [2, 4],
+      gridLineWidth: isAcademy ? 1 : 0.75,
+      gridLineDash: isAcademy ? [0, 0] : [3, 3],
       gridFilter: filterBaselineGrid
     },
     axisRadar: {

package/dist/cjs/util/tokens.js

@@ -43,8 +43,8 @@ var LIGHT_TOKENS = {
   textPrimary: "#1F2937",
   textSecondary: "#667085",
   grid: "#E7EAF0",
-  axisGrid: "#EAECF0",
-  axisLine: "#D0D5DD",
+  axisGrid: "#D0D5DD",
+  axisLine: "#98A2B3",
   axisTick: "#98A2B3",
   separator: "#FFFFFF",
   tooltipBackground: "rgba(255, 255, 255, 0.96)",
@@ -58,8 +58,8 @@ var DARK_TOKENS = {
   textPrimary: "#F3F4F6",
   textSecondary: "#A7AFBE",
   grid: "#343841",
-  axisGrid: "#2B2F36",
-  axisLine: "#454B56",
+  axisGrid: "#475467",
+  axisLine: "#667085",
   axisTick: "#596170",
   separator: "#141414",
   tooltipBackground: "rgba(26, 27, 31, 0.96)",