@cardenelabs/cdl 0.40.7 → 0.40.9

package/dist/react.cjs

@@ -9926,6 +9926,19 @@ function StateDiffCard({
     }
   );
 }
+
+// src/kinds/axis-ticks.ts
+function \u76EE\u76DB\u308A\u306E\u523B\u307F(\u7BC4\u56F2, \u76EE\u5B89\u306E\u672C\u6570) {
+  if (!(\u7BC4\u56F2 > 0) || false) return 0;
+  const \u7C97\u3044 = \u7BC4\u56F2 / \u76EE\u5B89\u306E\u672C\u6570;
+  const \u6841 = 10 ** Math.floor(Math.log10(\u7C97\u3044));
+  const \u6B63\u898F = \u7C97\u3044 / \u6841;
+  const \u5019\u88DC = \u6B63\u898F <= 1 ? 1 : \u6B63\u898F <= 2 ? 2 : \u6B63\u898F <= 2.5 ? 2.5 : \u6B63\u898F <= 5 ? 5 : 10;
+  return \u5019\u88DC * \u6841;
+}
+var \u76EE\u76DB\u308A\u306E\u76EE\u5B89 = 4;
+var \u5024\u672D\u306E\u7D1A = 12;
+var \u8EF8\u306E\u540D\u524D\u306E\u7D1A = 11;
 var \u6570\u3092\u66F8\u304F = (value) => value.toLocaleString("en-US", { maximumFractionDigits: 12 });
 function \u6298\u308C\u7DDA\u306E\u76EE\u76DB(values) {
   let rawMin = values.length > 0 ? Math.min(...values) : 0;
@@ -9935,11 +9948,7 @@ function \u6298\u308C\u7DDA\u306E\u76EE\u76DB(values) {
     rawMin -= room;
     rawMax += room;
   }
-  const roughStep = (rawMax - rawMin) / 4;
-  const power = 10 ** Math.floor(Math.log10(roughStep));
-  const fraction = roughStep / power;
-  const niceFraction = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 2.5 ? 2.5 : fraction <= 5 ? 5 : 10;
-  const step = niceFraction * power;
+  const step = \u76EE\u76DB\u308A\u306E\u523B\u307F(rawMax - rawMin, \u76EE\u76DB\u308A\u306E\u76EE\u5B89);
   const min = Math.floor(rawMin / step) * step;
   const max = Math.ceil(rawMax / step) * step;
   const tickCount = Math.round((max - min) / step);
@@ -10046,6 +10055,7 @@ function ChartLineNode({
       /* @__PURE__ */ jsxRuntime.jsx(
         "text",
         {
+          "data-cdl-role": "chart-line-tick",
           x: PAD_LEFT2 - 8,
           y: t.y + 4,
           fontSize: 11,
@@ -10123,7 +10133,7 @@ function ChartLineNode({
             "data-cdl-role": "chart-line-value",
             x: cx,
             y: labelY,
-            fontSize: 11,
+            fontSize: \u5024\u672D\u306E\u7D1A,
             fontWeight: 600,
             textAnchor: "middle",
             fill: "var(--cdl-text, #1a1f2a)",
@@ -10181,9 +10191,10 @@ function ChartLineNode({
         /* @__PURE__ */ jsxRuntime.jsx(
           "text",
           {
+            "data-cdl-role": "chart-line-label",
             x: cx,
             y: PAD_TOP2 + canvasH + 20,
-            fontSize: 12,
+            fontSize: \u8EF8\u306E\u540D\u524D\u306E\u7D1A,
             textAnchor: "middle",
             fill: "var(--cdl-text-dim, #5a6270)",
             children: d.label
@@ -12720,6 +12731,7 @@ function ChartStatNode({
   const data = resolveChartData(node.chartData ?? [], stateValues);
   const total = data.reduce((acc, d) => acc + d.value, 0) || 1;
   const \u533A\u753B = \u533A\u753B\u306E\u5272\u4ED8(node.w, node.h, data.length);
+  const \u5272\u5408\u3092\u51FA\u3059 = data.length > 1;
   return /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `translate(${x0} ${y0})`, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "rect",
@@ -12741,83 +12753,91 @@ function ChartStatNode({
       const \u8272 = \u5370\u306E\u8272(d.tone, idx);
       const \u6570\u5024 = \u5B9F\u5024\u8868\u8A18(d.value);
       const \u6570\u5024\u306E\u7D1A = \u53CE\u3081\u308B\u7D1A(\u6570\u5024, \u67A02.w - \u533A\u753B.\u4F59\u767D * 2, \u533A\u753B.\u6570\u5024\u306E\u7D1A, \u533A\u753B.\u540D\u524D\u306E\u7D1A + 1);
-      return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-role": "chart-stat-item", transform: `translate(${\u67A02.x} ${\u67A02.y})`, children: [
-        idx > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-          "line",
-          {
-            "data-cdl-role": "chart-stat-divider",
-            x1: 0,
-            y1: \u533A\u753B.\u4F59\u767D,
-            x2: 0,
-            y2: \u67A02.h - \u533A\u753B.\u4F59\u767D,
-            stroke: "var(--cdl-divider, #d4d4d8)",
-            strokeWidth: 1
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "text",
-          {
-            "data-cdl-role": "chart-stat-label",
-            x: \u67A02.w / 2,
-            y: \u533A\u753B.\u540D\u524D\u306Ey,
-            fontSize: \u533A\u753B.\u540D\u524D\u306E\u7D1A,
-            fontWeight: 700,
-            textAnchor: "middle",
-            fill: "var(--cdl-text-dim, #5a6270)",
-            children: d.label
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "text",
-          {
-            "data-cdl-role": "chart-stat-value",
-            "data-cdl-unresolved": d.unresolved ? "true" : void 0,
-            x: \u67A02.w / 2,
-            y: \u533A\u753B.\u6570\u5024\u306Ey,
-            fontSize: \u6570\u5024\u306E\u7D1A,
-            fontWeight: 700,
-            textAnchor: "middle",
-            fill: \u8272,
-            children: \u6570\u5024
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "circle",
-          {
-            "data-cdl-role": "chart-stat-track",
-            cx: \u67A02.w / 2,
-            cy: \u533A\u753B.\u5F27\u306Ey,
-            r: \u533A\u753B.\u5F27\u306E\u534A\u5F84,
-            fill: "none",
-            stroke: "var(--cdl-divider, #d4d4d8)",
-            strokeWidth: \u533A\u753B.\u5F27\u306E\u592A\u3055,
-            strokeOpacity: 0.5
-          }
-        ),
-        frac > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            "data-cdl-role": "chart-stat-arc",
-            d: \u5F27\u306E\u90533(\u67A02.w / 2, \u533A\u753B.\u5F27\u306Ey, \u533A\u753B.\u5F27\u306E\u534A\u5F84, Math.min(frac, 0.9999)),
-            fill: "none",
-            stroke: \u8272,
-            strokeWidth: \u533A\u753B.\u5F27\u306E\u592A\u3055,
-            strokeLinecap: "round"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "text",
-          {
-            "data-cdl-role": "chart-stat-share",
-            x: \u67A02.w / 2,
-            y: \u533A\u753B.\u5272\u5408\u306Ey,
-            fontSize: \u533A\u753B.\u5272\u5408\u306E\u7D1A,
-            textAnchor: "middle",
-            fill: "var(--cdl-text-dim, #5a6270)",
-            children: \u5272\u5408\u8868\u8A18(frac)
-          }
-        )
-      ] }, `stat-${idx}`);
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "g",
+        {
+          "data-cdl-role": "chart-stat-item",
+          transform: `translate(${\u67A02.x} ${\u67A02.y})`,
+          children: [
+            idx > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+              "line",
+              {
+                "data-cdl-role": "chart-stat-divider",
+                x1: 0,
+                y1: \u533A\u753B.\u4F59\u767D,
+                x2: 0,
+                y2: \u67A02.h - \u533A\u753B.\u4F59\u767D,
+                stroke: "var(--cdl-divider, #d4d4d8)",
+                strokeWidth: 1
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "text",
+              {
+                "data-cdl-role": "chart-stat-label",
+                x: \u67A02.w / 2,
+                y: \u533A\u753B.\u540D\u524D\u306Ey,
+                fontSize: \u533A\u753B.\u540D\u524D\u306E\u7D1A,
+                fontWeight: 700,
+                textAnchor: "middle",
+                fill: "var(--cdl-text-dim, #5a6270)",
+                children: d.label
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "text",
+              {
+                "data-cdl-role": "chart-stat-value",
+                "data-cdl-unresolved": d.unresolved ? "true" : void 0,
+                x: \u67A02.w / 2,
+                y: \u533A\u753B.\u6570\u5024\u306Ey,
+                fontSize: \u6570\u5024\u306E\u7D1A,
+                fontWeight: 700,
+                textAnchor: "middle",
+                fill: \u8272,
+                children: \u6570\u5024
+              }
+            ),
+            \u5272\u5408\u3092\u51FA\u3059 && /* @__PURE__ */ jsxRuntime.jsx(
+              "circle",
+              {
+                "data-cdl-role": "chart-stat-track",
+                cx: \u67A02.w / 2,
+                cy: \u533A\u753B.\u5F27\u306Ey,
+                r: \u533A\u753B.\u5F27\u306E\u534A\u5F84,
+                fill: "none",
+                stroke: "var(--cdl-divider, #d4d4d8)",
+                strokeWidth: \u533A\u753B.\u5F27\u306E\u592A\u3055,
+                strokeOpacity: 0.5
+              }
+            ),
+            \u5272\u5408\u3092\u51FA\u3059 && frac > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                "data-cdl-role": "chart-stat-arc",
+                d: \u5F27\u306E\u90533(\u67A02.w / 2, \u533A\u753B.\u5F27\u306Ey, \u533A\u753B.\u5F27\u306E\u534A\u5F84, Math.min(frac, 0.9999)),
+                fill: "none",
+                stroke: \u8272,
+                strokeWidth: \u533A\u753B.\u5F27\u306E\u592A\u3055,
+                strokeLinecap: "round"
+              }
+            ),
+            \u5272\u5408\u3092\u51FA\u3059 && /* @__PURE__ */ jsxRuntime.jsx(
+              "text",
+              {
+                "data-cdl-role": "chart-stat-share",
+                x: \u67A02.w / 2,
+                y: \u533A\u753B.\u5272\u5408\u306Ey,
+                fontSize: \u533A\u753B.\u5272\u5408\u306E\u7D1A,
+                textAnchor: "middle",
+                fill: "var(--cdl-text-dim, #5a6270)",
+                children: \u5272\u5408\u8868\u8A18(frac)
+              }
+            )
+          ]
+        },
+        `stat-${idx}`
+      );
     })
   ] });
 }
@@ -13398,19 +13418,13 @@ function \u53CE\u3081\u308B\u7D1A2(\u540D\u524D\u305F\u3061, \u5E45, \u4E0A\u965
   while (\u7D1A > \u4E0B\u9650 && Math.max(...\u540D\u524D\u305F\u3061.map((n) => textWidth(n, \u7D1A))) > \u5E45) \u7D1A -= 1;
   return \u7D1A;
 }
-function \u76EE\u76DB\u308A\u306E\u523B\u307F(\u6700\u5927, \u76EE\u5B89\u306E\u672C\u6570) {
-  if (!(\u6700\u5927 > 0) || false) return 0;
-  const \u7C97\u3044 = \u6700\u5927 / \u76EE\u5B89\u306E\u672C\u6570;
-  const \u6841 = 10 ** Math.floor(Math.log10(\u7C97\u3044));
-  const \u6B63\u898F = \u7C97\u3044 / \u6841;
-  const \u5019\u88DC = \u6B63\u898F <= 1 ? 1 : \u6B63\u898F <= 2 ? 2 : \u6B63\u898F <= 2.5 ? 2.5 : \u6B63\u898F <= 5 ? 5 : 10;
-  return \u5019\u88DC * \u6841;
-}
 function \u5C0F\u6570\u306E\u6841(n) {
   const [\u4EEE\u6570, \u6307\u6570] = n.toExponential().split("e");
   const \u5C0F\u6570\u90E8 = (\u4EEE\u6570 ?? "").split(".")[1]?.length ?? 0;
   return Math.min(20, Math.max(0, \u5C0F\u6570\u90E8 - Number(\u6307\u6570)));
 }
+var \u5024\u672D\u306E\u7D1A2 = 12;
+var \u8EF8\u306E\u540D\u524D\u306E\u7D1A2 = 11;
 var \u6841\u3067\u4E38\u3081\u308B = (v, \u6841) => Number(v.toFixed(\u6841));
 function ChartBarNode({
   node,
@@ -13429,9 +13443,9 @@ function ChartBarNode({
   const canvasW = node.w - PAD_LEFT2 - PAD_RIGHT2;
   const canvasH = node.h - PAD_TOP2 - PAD_BOTTOM2;
   const vMax = data.length > 0 ? Math.max(...data.map((d) => d.value)) : 1;
-  const \u76EE\u76DB\u308A\u306E\u76EE\u5B89 = 4;
+  const \u76EE\u76DB\u308A\u306E\u76EE\u5B892 = 4;
   const \u5929\u4E95\u306E\u3082\u3068 = vMax > 0 ? vMax : 1;
-  const \u523B\u307F = \u76EE\u76DB\u308A\u306E\u523B\u307F(\u5929\u4E95\u306E\u3082\u3068, \u76EE\u76DB\u308A\u306E\u76EE\u5B89);
+  const \u523B\u307F = \u76EE\u76DB\u308A\u306E\u523B\u307F(\u5929\u4E95\u306E\u3082\u3068, \u76EE\u76DB\u308A\u306E\u76EE\u5B892);
   const \u523B\u307F\u306E\u6841 = \u5C0F\u6570\u306E\u6841(\u523B\u307F);
   const \u5929\u4E95 = \u6841\u3067\u4E38\u3081\u308B(Math.ceil(\u5929\u4E95\u306E\u3082\u3068 / \u523B\u307F - 1e-9) * \u523B\u307F, \u523B\u307F\u306E\u6841);
   const \u68D2\u3068\u9699\u9593\u306E\u6BD4 = 2.2;
@@ -13531,7 +13545,7 @@ function ChartBarNode({
             "data-cdl-role": "chart-bar-value",
             x: bx + barW / 2,
             y: \u898B\u3048\u3066\u3044\u308B\u982D - 8,
-            fontSize: 12,
+            fontSize: \u5024\u672D\u306E\u7D1A2,
             fontWeight: 600,
             textAnchor: "middle",
             fill: "var(--cdl-text, #1a1f2a)",
@@ -13544,7 +13558,7 @@ function ChartBarNode({
             "data-cdl-role": "chart-bar-label",
             x: bx + barW / 2,
             y: PAD_TOP2 + canvasH + 18,
-            fontSize: 11,
+            fontSize: \u8EF8\u306E\u540D\u524D\u306E\u7D1A2,
             textAnchor: "middle",
             fill: "var(--cdl-text-dim, #5a6270)",
             children: d.label