@multiplatform.one/components 6.1.0 → 6.3.0

package/dist/cjs/charts/Sparkline.cjs

@@ -0,0 +1,103 @@
+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);
+var Sparkline_exports = {};
+__export(Sparkline_exports, {
+  Sparkline: () => Sparkline
+});
+module.exports = __toCommonJS(Sparkline_exports);
+var import_react_i18next = require("react-i18next");
+var import_ChartSurface = require("./ChartSurface.cjs");
+var import_accessibility = require("./accessibility.cjs");
+var import_math = require("./math.cjs");
+var import_series = require("./series.cjs");
+var import_useChartTheme = require("./useChartTheme.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Sparkline({
+  data,
+  height = 36,
+  width,
+  color,
+  showArea = true,
+  curve = "monotone",
+  strokeWidth = 1.5,
+  title,
+  label,
+  ...stackProps
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  const {
+    palette
+  } = (0, import_useChartTheme.useChartTheme)();
+  const stroke = color ?? palette.single;
+  const normalized = data.map((entry, index) => typeof entry === "number" ? {
+    label: String(index + 1),
+    value: entry
+  } : entry);
+  const ariaLabel = label ?? (0, import_accessibility.describeChart)({
+    typeLabel: t("Sparkline"),
+    title,
+    data: normalized
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChartSurface.ChartSurface, {
+    label: ariaLabel,
+    height,
+    width,
+    ...stackProps,
+    children: size => {
+      if (normalized.length === 0) return null;
+      const inset = strokeWidth + 1;
+      const xScale = (0, import_math.createPointScale)({
+        domain: normalized.map(datum => datum.label),
+        range: [inset, size.width - inset]
+      });
+      const yScale = (0, import_math.createLinearScale)({
+        domain: (0, import_math.valueDomain)(normalized.map(datum => datum.value), {
+          zeroBased: false
+        }),
+        range: [size.height - inset, inset],
+        nice: false
+      });
+      const points = normalized.map(datum => ({
+        x: xScale(datum.label) ?? inset,
+        y: yScale(datum.value)
+      }));
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [showArea ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_series.AreaSeries, {
+          points,
+          baseline: size.height - inset,
+          color: stroke,
+          curve
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_series.LineSeries, {
+          data: normalized,
+          points,
+          color: stroke,
+          strokeWidth,
+          curve,
+          showPoints: false
+        })]
+      });
+    }
+  });
+}

package/dist/cjs/charts/Sparkline.native.js

@@ -0,0 +1,116 @@
+"use strict";
+
+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);
+var Sparkline_exports = {};
+__export(Sparkline_exports, {
+  Sparkline: () => Sparkline
+});
+module.exports = __toCommonJS(Sparkline_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_i18next = require("react-i18next");
+var import_ChartSurface = require("./ChartSurface.native.js");
+var import_accessibility = require("./accessibility.native.js");
+var import_math = require("./math.native.js");
+var import_series = require("./series.native.js");
+var import_useChartTheme = require("./useChartTheme.native.js");
+function Sparkline(param) {
+  var {
+    data,
+    height = 36,
+    width,
+    color,
+    showArea = true,
+    curve = "monotone",
+    strokeWidth = 1.5,
+    title,
+    label,
+    ...stackProps
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    palette
+  } = (0, import_useChartTheme.useChartTheme)();
+  var stroke = color !== null && color !== void 0 ? color : palette.single;
+  var normalized = data.map(function (entry, index) {
+    return typeof entry === "number" ? {
+      label: String(index + 1),
+      value: entry
+    } : entry;
+  });
+  var ariaLabel = label !== null && label !== void 0 ? label : (0, import_accessibility.describeChart)({
+    typeLabel: t("Sparkline"),
+    title,
+    data: normalized
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChartSurface.ChartSurface, {
+    label: ariaLabel,
+    height,
+    width,
+    ...stackProps,
+    children: function children(size) {
+      if (normalized.length === 0) return null;
+      var inset = strokeWidth + 1;
+      var xScale = (0, import_math.createPointScale)({
+        domain: normalized.map(function (datum) {
+          return datum.label;
+        }),
+        range: [inset, size.width - inset]
+      });
+      var yScale = (0, import_math.createLinearScale)({
+        domain: (0, import_math.valueDomain)(normalized.map(function (datum) {
+          return datum.value;
+        }), {
+          zeroBased: false
+        }),
+        range: [size.height - inset, inset],
+        nice: false
+      });
+      var points = normalized.map(function (datum) {
+        var _xScale;
+        return {
+          x: (_xScale = xScale(datum.label)) !== null && _xScale !== void 0 ? _xScale : inset,
+          y: yScale(datum.value)
+        };
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [showArea ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_series.AreaSeries, {
+          points,
+          baseline: size.height - inset,
+          color: stroke,
+          curve
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_series.LineSeries, {
+          data: normalized,
+          points,
+          color: stroke,
+          strokeWidth,
+          curve,
+          showPoints: false
+        })]
+      });
+    }
+  });
+}
+//# sourceMappingURL=Sparkline.native.js.map

package/dist/cjs/charts/Sparkline.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Sparkline_exports","__export","Sparkline","module","exports","import_jsx_runtime","require","import_react_i18next","import_ChartSurface","import_accessibility","import_math","import_series","import_useChartTheme","param","data","height","width","color","showArea","curve","strokeWidth","title","label","stackProps","t","useTranslation","palette","useChartTheme","stroke","single","normalized","map","entry","index","String","ariaLabel","describeChart","typeLabel","jsx","ChartSurface","children","size","length","inset","xScale","createPointScale","domain","datum","range","yScale","createLinearScale","valueDomain","zeroBased","nice","points","_xScale","x","y","jsxs","Fragment","AreaSeries","baseline","LineSeries"],"sources":["../../../src/charts/Sparkline.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/charts/accessibility.cjs

@@ -0,0 +1,62 @@
+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);
+var accessibility_exports = {};
+__export(accessibility_exports, {
+  describeChart: () => describeChart,
+  describeDatum: () => describeDatum
+});
+module.exports = __toCommonJS(accessibility_exports);
+var import_math = require("./math.cjs");
+function describeChart(input) {
+  const {
+    typeLabel,
+    title,
+    data
+  } = input;
+  const formatValue = input.formatValue ?? import_math.formatChartValue;
+  const head = title ? `${typeLabel}, ${title}` : typeLabel;
+  if (data.length === 0) return `${head}: no data`;
+  if (data.length === 1) {
+    return `${head}: 1 data point. ${data[0].label} ${formatValue(data[0].value)}`;
+  }
+  let highest = data[0];
+  let lowest = data[0];
+  let total = 0;
+  for (const datum of data) {
+    if (datum.value > highest.value) highest = datum;
+    if (datum.value < lowest.value) lowest = datum;
+    total += datum.value;
+  }
+  const parts = [`${head}: ${data.length} data points`, `highest ${highest.label} (${formatValue(highest.value)})`, `lowest ${lowest.label} (${formatValue(lowest.value)})`];
+  if (input.includeShare) parts.push(`total ${formatValue(total)}`);
+  return `${parts[0]}. ${parts.slice(1).join("; ")}`;
+}
+function describeDatum(input) {
+  const formatValue = input.formatValue ?? import_math.formatChartValue;
+  const base = `${input.datum.label}: ${formatValue(input.datum.value)}`;
+  if (input.total && input.total > 0) {
+    const share = Math.round(input.datum.value / input.total * 100);
+    return `${base} (${share}%)`;
+  }
+  return base;
+}

package/dist/cjs/charts/accessibility.native.js

@@ -0,0 +1,86 @@
+"use strict";
+
+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);
+var accessibility_exports = {};
+__export(accessibility_exports, {
+  describeChart: () => describeChart,
+  describeDatum: () => describeDatum
+});
+module.exports = __toCommonJS(accessibility_exports);
+var import_math = require("./math.native.js");
+function describeChart(input) {
+  var _input_formatValue;
+  var {
+    typeLabel,
+    title,
+    data
+  } = input;
+  var formatValue = (_input_formatValue = input.formatValue) !== null && _input_formatValue !== void 0 ? _input_formatValue : import_math.formatChartValue;
+  var head = title ? `${typeLabel}, ${title}` : typeLabel;
+  if (data.length === 0) return `${head}: no data`;
+  if (data.length === 1) {
+    return `${head}: 1 data point. ${data[0].label} ${formatValue(data[0].value)}`;
+  }
+  var highest = data[0];
+  var lowest = data[0];
+  var total = 0;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = data[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var datum = _step.value;
+      if (datum.value > highest.value) highest = datum;
+      if (datum.value < lowest.value) lowest = datum;
+      total += datum.value;
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  var parts = [`${head}: ${data.length} data points`, `highest ${highest.label} (${formatValue(highest.value)})`, `lowest ${lowest.label} (${formatValue(lowest.value)})`];
+  if (input.includeShare) parts.push(`total ${formatValue(total)}`);
+  return `${parts[0]}. ${parts.slice(1).join("; ")}`;
+}
+function describeDatum(input) {
+  var _input_formatValue;
+  var formatValue = (_input_formatValue = input.formatValue) !== null && _input_formatValue !== void 0 ? _input_formatValue : import_math.formatChartValue;
+  var base = `${input.datum.label}: ${formatValue(input.datum.value)}`;
+  if (input.total && input.total > 0) {
+    var share = Math.round(input.datum.value / input.total * 100);
+    return `${base} (${share}%)`;
+  }
+  return base;
+}
+//# sourceMappingURL=accessibility.native.js.map

package/dist/cjs/charts/accessibility.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","accessibility_exports","__export","describeChart","describeDatum","module","exports","import_math","require","input","_input_formatValue","typeLabel","title","data","formatValue","formatChartValue","head","length","label","highest","lowest","total","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","datum","err","return"],"sources":["../../../src/charts/accessibility.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA;AAAA;AASAC,MAAA,CAAAC,OAAA,GAAAV,YAAiC,CAAAK,qBAAA;AAqB1B,IAAAM,WAAS,GAAAC,OAAc,mBAAmC;AAC/D,SAAML,aAAaA,CAAAM,KAAO;EAC1B,IAAAC,kBAAoB;EACpB;IAAMC,SAAO;IAAAC,KAAQ;IAAGC;EAAA,IAASJ,KAAK;EACtC,IAAIK,WAAK,IAAAJ,kBAA4B,GAAAD,KAAA,CAAAK,WAAA,cAAAJ,kBAAA,cAAAA,kBAAA,GAAAH,WAAA,CAAAQ,gBAAA;EACrC,IAAIC,IAAA,GAAKJ,KAAA,MAAWD,SAAG,KAAAC,KAAA,KAAAD,SAAA;EACrB,IAAAE,IAAA,CAAOI,MAAG,KAAI,aAAAD,IAAmB,WAAa;EAChD,IAAAH,IAAA,CAAAI,MAAA;IACA,OAAI,GAAAD,IAAU,mBAAMH,IAAA,IAAAK,KAAA,IAAAJ,WAAA,CAAAD,IAAA,IAAAb,KAAA;EACpB;EACA,IAAImB,OAAA,GAAQN,IAAA;EACZ,IAAAO,MAAA,GAAWP,IAAA,GAAS;EAClB,IAAAQ,KAAI,GAAM;EACV,IAAAC,yBAAyB,OAAO;IAAAC,iBAAS;IAAAC,cAAA;EACzC;IACF,SAAAC,SAAA,GAAAZ,IAAA,CAAAa,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;MACA,IAAMS,KAAA,GAAQH,KAAA,CAAA5B,KAAA;MACZ,IAAG+B,KAAI,CAAK/B,KAAK,GAAAmB,OAAM,CAAAnB,KAAA,EAAAmB,OAAA,GAAAY,KAAA;MACvB,IAAAA,KAAW,CAAA/B,KAAA,GAAQoB,MAAK,CAAApB,KAAK,EAAAoB,MAAA,GAAYW,KAAA;MACzCV,KAAA,IAAUU,KAAA,CAAO/B,KAAK;IACxB;EACA,SAAIgC,GAAM;IACVT,iBAAkB,OAAK;IACzBC,cAAA,GAAAQ,GAAA;EAaO,UAAS;IACd,IAAM;MACN,IAAM,CAAAV,yBAA2B,IAAKG,SAAA,CAAAQ,MAAY,IAAM,IAAM;QAC1DR,SAAM,CAAAQ,MAAS;MACjB;IACA,UAAU;MACZ,IAAAV,iBAAA;QACA,MAAOC,cAAA;MACT","ignoreList":[]}

package/dist/cjs/charts/composeChart.cjs

@@ -0,0 +1,69 @@
+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);
+var composeChart_exports = {};
+__export(composeChart_exports, {
+  computeCartesianPlot: () => computeCartesianPlot,
+  resolveSeriesFills: () => resolveSeriesFills,
+  thinCategories: () => thinCategories
+});
+module.exports = __toCommonJS(composeChart_exports);
+var import_Axis = require("./Axis.cjs");
+var import_math = require("./math.cjs");
+function computeCartesianPlot(size, input) {
+  const {
+    showXAxis,
+    showYAxis,
+    yTickLabels,
+    fontSize
+  } = input;
+  const top = Math.ceil(fontSize / 2) + 2;
+  const right = 4;
+  const bottom = showXAxis ? import_Axis.AXIS_TICK_LENGTH + import_Axis.AXIS_LABEL_GAP + Math.ceil(fontSize * 1.15) : 4;
+  const maxYLabelWidth = showYAxis ? Math.max(0, ...yTickLabels.map(label => (0, import_math.approximateTextWidth)(label, fontSize))) : 0;
+  const left = showYAxis ? Math.ceil(maxYLabelWidth) + import_Axis.AXIS_TICK_LENGTH + import_Axis.AXIS_LABEL_GAP + 2 : 4;
+  return {
+    x: left,
+    y: top,
+    width: Math.max(0, size.width - left - right),
+    height: Math.max(0, size.height - top - bottom)
+  };
+}
+function resolveSeriesFills(data, palette, input) {
+  return data.map((datum, index) => {
+    if (datum.color) return datum.color;
+    if (input?.colors && input.colors.length > 0) return input.colors[index % input.colors.length];
+    if (input?.categorical) return palette.categorical[index % palette.categorical.length];
+    return input?.color ?? palette.single;
+  });
+}
+const MAX_X_LABEL_SLOT = 72;
+const X_LABEL_SLOT_GAP = 8;
+function thinCategories(labels, plotWidth, fontSize) {
+  if (labels.length <= 1 || plotWidth <= 0) return labels;
+  const widest = Math.max(...labels.map(label => (0, import_math.approximateTextWidth)(label, fontSize)));
+  const slot = Math.min(widest, MAX_X_LABEL_SLOT) + X_LABEL_SLOT_GAP;
+  const capacity = Math.max(1, Math.floor(plotWidth / slot));
+  if (labels.length <= capacity) return labels;
+  const stride = Math.ceil(labels.length / capacity);
+  return labels.filter((_, index) => index % stride === 0);
+}

package/dist/cjs/charts/composeChart.native.js

@@ -0,0 +1,79 @@
+"use strict";
+
+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);
+var composeChart_exports = {};
+__export(composeChart_exports, {
+  computeCartesianPlot: () => computeCartesianPlot,
+  resolveSeriesFills: () => resolveSeriesFills,
+  thinCategories: () => thinCategories
+});
+module.exports = __toCommonJS(composeChart_exports);
+var import_Axis = require("./Axis.native.js");
+var import_math = require("./math.native.js");
+function computeCartesianPlot(size, input) {
+  var {
+    showXAxis,
+    showYAxis,
+    yTickLabels,
+    fontSize
+  } = input;
+  var top = Math.ceil(fontSize / 2) + 2;
+  var right = 4;
+  var bottom = showXAxis ? import_Axis.AXIS_TICK_LENGTH + import_Axis.AXIS_LABEL_GAP + Math.ceil(fontSize * 1.15) : 4;
+  var maxYLabelWidth = showYAxis ? Math.max(0, ...yTickLabels.map(function (label) {
+    return (0, import_math.approximateTextWidth)(label, fontSize);
+  })) : 0;
+  var left = showYAxis ? Math.ceil(maxYLabelWidth) + import_Axis.AXIS_TICK_LENGTH + import_Axis.AXIS_LABEL_GAP + 2 : 4;
+  return {
+    x: left,
+    y: top,
+    width: Math.max(0, size.width - left - right),
+    height: Math.max(0, size.height - top - bottom)
+  };
+}
+function resolveSeriesFills(data, palette, input) {
+  return data.map(function (datum, index) {
+    var _ref;
+    if (datum.color) return datum.color;
+    if ((input === null || input === void 0 ? void 0 : input.colors) && input.colors.length > 0) return input.colors[index % input.colors.length];
+    if (input === null || input === void 0 ? void 0 : input.categorical) return palette.categorical[index % palette.categorical.length];
+    return (_ref = input === null || input === void 0 ? void 0 : input.color) !== null && _ref !== void 0 ? _ref : palette.single;
+  });
+}
+var MAX_X_LABEL_SLOT = 72;
+var X_LABEL_SLOT_GAP = 8;
+function thinCategories(labels, plotWidth, fontSize) {
+  if (labels.length <= 1 || plotWidth <= 0) return labels;
+  var widest = Math.max(...labels.map(function (label) {
+    return (0, import_math.approximateTextWidth)(label, fontSize);
+  }));
+  var slot = Math.min(widest, MAX_X_LABEL_SLOT) + X_LABEL_SLOT_GAP;
+  var capacity = Math.max(1, Math.floor(plotWidth / slot));
+  if (labels.length <= capacity) return labels;
+  var stride = Math.ceil(labels.length / capacity);
+  return labels.filter(function (_, index) {
+    return index % stride === 0;
+  });
+}
+//# sourceMappingURL=composeChart.native.js.map

package/dist/cjs/charts/composeChart.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","composeChart_exports","__export","computeCartesianPlot","resolveSeriesFills","thinCategories","module","exports","import_Axis","require","import_math","size","input","showXAxis","showYAxis","yTickLabels","fontSize","top","Math","ceil","right","bottom","AXIS_TICK_LENGTH","AXIS_LABEL_GAP","maxYLabelWidth","max","map","label","approximateTextWidth","left","x","y","width","height","data","palette","datum","index","_ref","color","colors","length","categorical","single","MAX_X_LABEL_SLOT","X_LABEL_SLOT_GAP","labels","plotWidth","widest"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/charts/index.cjs

@@ -0,0 +1,66 @@
+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);
+var charts_exports = {};
+__export(charts_exports, {
+  AreaChart: () => import_LineChart.AreaChart,
+  AreaSeries: () => import_series.AreaSeries,
+  BarChart: () => import_BarChart.BarChart,
+  BarSeries: () => import_series.BarSeries,
+  ChartSurface: () => import_ChartSurface.ChartSurface,
+  LineChart: () => import_LineChart.LineChart,
+  LineSeries: () => import_series.LineSeries,
+  PieChart: () => import_PieChart.PieChart,
+  PieSeries: () => import_series.PieSeries,
+  Sparkline: () => import_Sparkline.Sparkline,
+  XAxis: () => import_Axis.XAxis,
+  YAxis: () => import_Axis.YAxis,
+  approximateTextWidth: () => import_math.approximateTextWidth,
+  arcCentroid: () => import_math.arcCentroid,
+  arcPath: () => import_math.arcPath,
+  areaPath: () => import_math.areaPath,
+  createBandScale: () => import_math.createBandScale,
+  createLinearScale: () => import_math.createLinearScale,
+  createPointScale: () => import_math.createPointScale,
+  createTimeScale: () => import_math.createTimeScale,
+  describeChart: () => import_accessibility.describeChart,
+  describeDatum: () => import_accessibility.describeDatum,
+  formatChartValue: () => import_math.formatChartValue,
+  getLinearTicks: () => import_math.getLinearTicks,
+  getTimeTicks: () => import_math.getTimeTicks,
+  linePath: () => import_math.linePath,
+  pieSlices: () => import_math.pieSlices,
+  truncateLabel: () => import_math.truncateLabel,
+  useChartTheme: () => import_useChartTheme.useChartTheme,
+  valueDomain: () => import_math.valueDomain
+});
+module.exports = __toCommonJS(charts_exports);
+var import_math = require("./math.cjs");
+var import_accessibility = require("./accessibility.cjs");
+var import_useChartTheme = require("./useChartTheme.cjs");
+var import_ChartSurface = require("./ChartSurface.cjs");
+var import_Axis = require("./Axis.cjs");
+var import_series = require("./series.cjs");
+var import_BarChart = require("./BarChart.cjs");
+var import_LineChart = require("./LineChart.cjs");
+var import_PieChart = require("./PieChart.cjs");
+var import_Sparkline = require("./Sparkline.cjs");

package/dist/cjs/charts/index.native.js

@@ -0,0 +1,69 @@
+"use strict";
+
+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);
+var charts_exports = {};
+__export(charts_exports, {
+  AreaChart: () => import_LineChart.AreaChart,
+  AreaSeries: () => import_series.AreaSeries,
+  BarChart: () => import_BarChart.BarChart,
+  BarSeries: () => import_series.BarSeries,
+  ChartSurface: () => import_ChartSurface.ChartSurface,
+  LineChart: () => import_LineChart.LineChart,
+  LineSeries: () => import_series.LineSeries,
+  PieChart: () => import_PieChart.PieChart,
+  PieSeries: () => import_series.PieSeries,
+  Sparkline: () => import_Sparkline.Sparkline,
+  XAxis: () => import_Axis.XAxis,
+  YAxis: () => import_Axis.YAxis,
+  approximateTextWidth: () => import_math.approximateTextWidth,
+  arcCentroid: () => import_math.arcCentroid,
+  arcPath: () => import_math.arcPath,
+  areaPath: () => import_math.areaPath,
+  createBandScale: () => import_math.createBandScale,
+  createLinearScale: () => import_math.createLinearScale,
+  createPointScale: () => import_math.createPointScale,
+  createTimeScale: () => import_math.createTimeScale,
+  describeChart: () => import_accessibility.describeChart,
+  describeDatum: () => import_accessibility.describeDatum,
+  formatChartValue: () => import_math.formatChartValue,
+  getLinearTicks: () => import_math.getLinearTicks,
+  getTimeTicks: () => import_math.getTimeTicks,
+  linePath: () => import_math.linePath,
+  pieSlices: () => import_math.pieSlices,
+  truncateLabel: () => import_math.truncateLabel,
+  useChartTheme: () => import_useChartTheme.useChartTheme,
+  valueDomain: () => import_math.valueDomain
+});
+module.exports = __toCommonJS(charts_exports);
+var import_math = require("./math.native.js");
+var import_accessibility = require("./accessibility.native.js");
+var import_useChartTheme = require("./useChartTheme.native.js");
+var import_ChartSurface = require("./ChartSurface.native.js");
+var import_Axis = require("./Axis.native.js");
+var import_series = require("./series.native.js");
+var import_BarChart = require("./BarChart.native.js");
+var import_LineChart = require("./LineChart.native.js");
+var import_PieChart = require("./PieChart.native.js");
+var import_Sparkline = require("./Sparkline.native.js");
+//# sourceMappingURL=index.native.js.map