@cardenelabs/cdl 0.40.8 → 0.40.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +19 -1
  2. package/dist/index.cjs +86 -77
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.js +86 -77
  5. package/dist/index.js.map +1 -1
  6. package/dist/react.cjs +86 -77
  7. package/dist/react.cjs.map +1 -1
  8. package/dist/react.js +86 -77
  9. package/dist/react.js.map +1 -1
  10. package/package.json +1 -1
  11. package/src/kinds/chart-stat.tsx +42 -22
package/dist/react.cjs CHANGED
@@ -12731,6 +12731,7 @@ function ChartStatNode({
12731
12731
  const data = resolveChartData(node.chartData ?? [], stateValues);
12732
12732
  const total = data.reduce((acc, d) => acc + d.value, 0) || 1;
12733
12733
  const \u533A\u753B = \u533A\u753B\u306E\u5272\u4ED8(node.w, node.h, data.length);
12734
+ const \u5272\u5408\u3092\u51FA\u3059 = data.length > 1;
12734
12735
  return /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `translate(${x0} ${y0})`, children: [
12735
12736
  /* @__PURE__ */ jsxRuntime.jsx(
12736
12737
  "rect",
@@ -12752,83 +12753,91 @@ function ChartStatNode({
12752
12753
  const \u8272 = \u5370\u306E\u8272(d.tone, idx);
12753
12754
  const \u6570\u5024 = \u5B9F\u5024\u8868\u8A18(d.value);
12754
12755
  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);
12755
- return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-role": "chart-stat-item", transform: `translate(${\u67A02.x} ${\u67A02.y})`, children: [
12756
- idx > 0 && /* @__PURE__ */ jsxRuntime.jsx(
12757
- "line",
12758
- {
12759
- "data-cdl-role": "chart-stat-divider",
12760
- x1: 0,
12761
- y1: \u533A\u753B.\u4F59\u767D,
12762
- x2: 0,
12763
- y2: \u67A02.h - \u533A\u753B.\u4F59\u767D,
12764
- stroke: "var(--cdl-divider, #d4d4d8)",
12765
- strokeWidth: 1
12766
- }
12767
- ),
12768
- /* @__PURE__ */ jsxRuntime.jsx(
12769
- "text",
12770
- {
12771
- "data-cdl-role": "chart-stat-label",
12772
- x: \u67A02.w / 2,
12773
- y: \u533A\u753B.\u540D\u524D\u306Ey,
12774
- fontSize: \u533A\u753B.\u540D\u524D\u306E\u7D1A,
12775
- fontWeight: 700,
12776
- textAnchor: "middle",
12777
- fill: "var(--cdl-text-dim, #5a6270)",
12778
- children: d.label
12779
- }
12780
- ),
12781
- /* @__PURE__ */ jsxRuntime.jsx(
12782
- "text",
12783
- {
12784
- "data-cdl-role": "chart-stat-value",
12785
- "data-cdl-unresolved": d.unresolved ? "true" : void 0,
12786
- x: \u67A02.w / 2,
12787
- y: \u533A\u753B.\u6570\u5024\u306Ey,
12788
- fontSize: \u6570\u5024\u306E\u7D1A,
12789
- fontWeight: 700,
12790
- textAnchor: "middle",
12791
- fill: \u8272,
12792
- children: \u6570\u5024
12793
- }
12794
- ),
12795
- /* @__PURE__ */ jsxRuntime.jsx(
12796
- "circle",
12797
- {
12798
- "data-cdl-role": "chart-stat-track",
12799
- cx: \u67A02.w / 2,
12800
- cy: \u533A\u753B.\u5F27\u306Ey,
12801
- r: \u533A\u753B.\u5F27\u306E\u534A\u5F84,
12802
- fill: "none",
12803
- stroke: "var(--cdl-divider, #d4d4d8)",
12804
- strokeWidth: \u533A\u753B.\u5F27\u306E\u592A\u3055,
12805
- strokeOpacity: 0.5
12806
- }
12807
- ),
12808
- frac > 0 && /* @__PURE__ */ jsxRuntime.jsx(
12809
- "path",
12810
- {
12811
- "data-cdl-role": "chart-stat-arc",
12812
- d: \u5F27\u306E\u90533(\u67A02.w / 2, \u533A\u753B.\u5F27\u306Ey, \u533A\u753B.\u5F27\u306E\u534A\u5F84, Math.min(frac, 0.9999)),
12813
- fill: "none",
12814
- stroke: \u8272,
12815
- strokeWidth: \u533A\u753B.\u5F27\u306E\u592A\u3055,
12816
- strokeLinecap: "round"
12817
- }
12818
- ),
12819
- /* @__PURE__ */ jsxRuntime.jsx(
12820
- "text",
12821
- {
12822
- "data-cdl-role": "chart-stat-share",
12823
- x: \u67A02.w / 2,
12824
- y: \u533A\u753B.\u5272\u5408\u306Ey,
12825
- fontSize: \u533A\u753B.\u5272\u5408\u306E\u7D1A,
12826
- textAnchor: "middle",
12827
- fill: "var(--cdl-text-dim, #5a6270)",
12828
- children: \u5272\u5408\u8868\u8A18(frac)
12829
- }
12830
- )
12831
- ] }, `stat-${idx}`);
12756
+ return /* @__PURE__ */ jsxRuntime.jsxs(
12757
+ "g",
12758
+ {
12759
+ "data-cdl-role": "chart-stat-item",
12760
+ transform: `translate(${\u67A02.x} ${\u67A02.y})`,
12761
+ children: [
12762
+ idx > 0 && /* @__PURE__ */ jsxRuntime.jsx(
12763
+ "line",
12764
+ {
12765
+ "data-cdl-role": "chart-stat-divider",
12766
+ x1: 0,
12767
+ y1: \u533A\u753B.\u4F59\u767D,
12768
+ x2: 0,
12769
+ y2: \u67A02.h - \u533A\u753B.\u4F59\u767D,
12770
+ stroke: "var(--cdl-divider, #d4d4d8)",
12771
+ strokeWidth: 1
12772
+ }
12773
+ ),
12774
+ /* @__PURE__ */ jsxRuntime.jsx(
12775
+ "text",
12776
+ {
12777
+ "data-cdl-role": "chart-stat-label",
12778
+ x: \u67A02.w / 2,
12779
+ y: \u533A\u753B.\u540D\u524D\u306Ey,
12780
+ fontSize: \u533A\u753B.\u540D\u524D\u306E\u7D1A,
12781
+ fontWeight: 700,
12782
+ textAnchor: "middle",
12783
+ fill: "var(--cdl-text-dim, #5a6270)",
12784
+ children: d.label
12785
+ }
12786
+ ),
12787
+ /* @__PURE__ */ jsxRuntime.jsx(
12788
+ "text",
12789
+ {
12790
+ "data-cdl-role": "chart-stat-value",
12791
+ "data-cdl-unresolved": d.unresolved ? "true" : void 0,
12792
+ x: \u67A02.w / 2,
12793
+ y: \u533A\u753B.\u6570\u5024\u306Ey,
12794
+ fontSize: \u6570\u5024\u306E\u7D1A,
12795
+ fontWeight: 700,
12796
+ textAnchor: "middle",
12797
+ fill: \u8272,
12798
+ children: \u6570\u5024
12799
+ }
12800
+ ),
12801
+ \u5272\u5408\u3092\u51FA\u3059 && /* @__PURE__ */ jsxRuntime.jsx(
12802
+ "circle",
12803
+ {
12804
+ "data-cdl-role": "chart-stat-track",
12805
+ cx: \u67A02.w / 2,
12806
+ cy: \u533A\u753B.\u5F27\u306Ey,
12807
+ r: \u533A\u753B.\u5F27\u306E\u534A\u5F84,
12808
+ fill: "none",
12809
+ stroke: "var(--cdl-divider, #d4d4d8)",
12810
+ strokeWidth: \u533A\u753B.\u5F27\u306E\u592A\u3055,
12811
+ strokeOpacity: 0.5
12812
+ }
12813
+ ),
12814
+ \u5272\u5408\u3092\u51FA\u3059 && frac > 0 && /* @__PURE__ */ jsxRuntime.jsx(
12815
+ "path",
12816
+ {
12817
+ "data-cdl-role": "chart-stat-arc",
12818
+ d: \u5F27\u306E\u90533(\u67A02.w / 2, \u533A\u753B.\u5F27\u306Ey, \u533A\u753B.\u5F27\u306E\u534A\u5F84, Math.min(frac, 0.9999)),
12819
+ fill: "none",
12820
+ stroke: \u8272,
12821
+ strokeWidth: \u533A\u753B.\u5F27\u306E\u592A\u3055,
12822
+ strokeLinecap: "round"
12823
+ }
12824
+ ),
12825
+ \u5272\u5408\u3092\u51FA\u3059 && /* @__PURE__ */ jsxRuntime.jsx(
12826
+ "text",
12827
+ {
12828
+ "data-cdl-role": "chart-stat-share",
12829
+ x: \u67A02.w / 2,
12830
+ y: \u533A\u753B.\u5272\u5408\u306Ey,
12831
+ fontSize: \u533A\u753B.\u5272\u5408\u306E\u7D1A,
12832
+ textAnchor: "middle",
12833
+ fill: "var(--cdl-text-dim, #5a6270)",
12834
+ children: \u5272\u5408\u8868\u8A18(frac)
12835
+ }
12836
+ )
12837
+ ]
12838
+ },
12839
+ `stat-${idx}`
12840
+ );
12832
12841
  })
12833
12842
  ] });
12834
12843
  }