@apipass/design-system 5.9.0 → 6.2.0

package/dist/lib/ui/components/charts/TopList/top-list-option.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../chart-share.cjs");require("echarts/charts");require("echarts/components");const L=require("echarts/core");require("echarts/renderers");function M(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const B=M(L),h="–",b=160,E=12,O=88,w=56,c=16,C=20,p=4,S=8,T=800,f=12,V=14,N=1e-9,X=/[{}|]/g,k="top-list-values";function u(e){return e.value??0}function v(e){const t=Math.max(...e.map(u));return t>0?t:1}function U(e){const t=[...new Set(e.map(u))].sort((o,r)=>o-r),n=t.slice(1).map((o,r)=>o-t[r]);return n.length>0?Math.min(...n):1/0}function F(e){const t=v(e)*N,n=U(e)/(e.length+1);return Math.min(t,n)}function y(e){const t=F(e);return new Map(e.map((n,o)=>[n.id,u(n)+t*(e.length-o)]))}function m(e,t){const n=y(e),o=t==="desc"?-1:1,r=[...e].sort((a,i)=>o*(n.get(a.id)-n.get(i.id)));return new Map(r.map((a,i)=>[a.id,i+1]))}function A(e,t){return t??e.reduce((n,o)=>n+u(o),0)}function x(e,t){return t===0?0:u(e)/t}function g(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function D(e){return e.replace(X," ")}function H(e,t){const n=`${f}px ${t.fontFamily}`;return D(B.format.truncateText(e,b,n,"…"))}function I(e,t){return t===null?h:e.valueFormatter?e.valueFormatter(t):String(t)}function W(e,t){return e.value===null?h:_.formatShare(x(e,t))}function $(e){const t=[];return e.includes("value")&&t.push(O),e.includes("percent")&&t.push(w),t.length===0?0:t.reduce((n,o)=>n+o,0)+S}function j(e,t,n){const o=[];return e.valueDisplay.includes("value")&&o.push(`{value|${D(I(e,t.value))}}`),e.valueDisplay.includes("percent")&&o.push(`{percent|${W(t,n)}}`),o.join("")}function q(e,t){const n=(e-2*c)/t;return Math.max(1,Math.ceil(V/n))}function P(e,t){return e===void 0||(e-1)%t===0}function G(e,t){const{items:n,sort:o,theme:r}=e,a=m(n,o),i=e.labeledRowStep;return{type:"category",data:n.map(l=>l.id),inverse:o==="desc",animationDuration:0,animationDurationUpdate:e.animate?T:0,axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:r.labelColor,fontSize:f,interval:0,align:"right",margin:E,formatter:l=>{if(!P(a.get(l),i))return"";const d=t.get(l);return d?H(d.name,r):""}}}}function z(e,t,n){return o=>{const r=t.get(o.name);if(!r)return"";const a=r.value===null?"":` · ${_.formatShare(x(r,n))}`,i=g(I(e,r.value));return`<div>${g(r.name)}</div><div><b>${i}</b>${a}</div>`}}function K(e,t,n){const{theme:o}=e,r=m(e.items,e.sort),a=e.labeledRowStep;return{show:e.valueDisplay.length>0,position:"right",distance:S,fontSize:f,formatter:i=>{if(!P(r.get(i.name),a))return"";const l=t.get(i.name);return l?j(e,l,n):""},rich:{value:{color:o.labelColor,fontWeight:600,padding:[0,8,0,0]},percent:{color:o.labelColor}}}}function Y(e){const{items:t,theme:n,colorsByItemId:o}=e,r=new Map(t.map(s=>[s.id,s])),a=A(t,e.total),i=v(t),l=y(t),d=$(e.valueDisplay),R=n.seriesColors[0];return{animation:!0,animationDuration:0,animationDurationUpdate:e.animate?T:0,animationEasing:"linear",animationEasingUpdate:"linear",textStyle:{fontFamily:n.fontFamily,color:n.labelColor},grid:{top:c,bottom:c,left:c+b+E,right:c+d,containLabel:!1},tooltip:{trigger:"item",backgroundColor:n.tooltipBackgroundColor,borderColor:n.tooltipBorderColor,textStyle:{color:n.labelColor},formatter:z(e,r,a)},xAxis:{type:"value",min:0,max:i,show:!1},yAxis:G(e,r),series:[{id:k,type:"bar",realtimeSort:!0,barMaxWidth:C,itemStyle:{borderRadius:[0,p,p,0]},data:t.map(s=>({id:s.id,name:s.id,value:[l.get(s.id),s.id],itemStyle:{color:o[s.id]??R}})),encode:{x:0,y:1},label:K(e,r,a)}]}}exports.buildTopListOption=Y;exports.labeledRowStepFor=q;exports.rankById=m;exports.resolveTotal=A;
+//# sourceMappingURL=top-list-option.cjs.map

package/dist/lib/ui/components/charts/TopList/top-list-option.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-list-option.cjs","sources":["../../../../../../src/ui/components/charts/TopList/top-list-option.ts"],"sourcesContent":["import { formatShare } from \"../chart-share\";\nimport { echarts } from \"../echarts-modules\";\nimport type { ChartTheme } from \"../chart-theme\";\n\nexport interface TopListItem {\n  id: string;\n  name: string;\n  value: number | null;\n  colorToken?: string;\n}\n\nexport type TopListSort = \"desc\" | \"asc\";\n\nexport type TopListValueDisplay = \"value\" | \"percent\";\n\nexport interface TopListOptionInput {\n  items: TopListItem[];\n  sort: TopListSort;\n  total?: number;\n  valueDisplay: TopListValueDisplay[];\n  theme: ChartTheme;\n  colorsByItemId: Record<string, string>;\n  animate: boolean;\n  labeledRowStep: number;\n  valueFormatter?: (value: number) => string;\n}\n\nconst EMPTY_VALUE_TEXT: string = \"–\";\n\nconst NAME_MAX_WIDTH_PX: number = 160;\n\nconst NAME_TO_BAR_GAP_PX: number = 12;\n\nconst VALUE_COLUMN_WIDTH_PX: number = 88;\n\nconst PERCENT_COLUMN_WIDTH_PX: number = 56;\n\nconst GRID_PADDING_PX: number = 16;\n\nconst BAR_MAX_WIDTH_PX: number = 20;\n\nconst BAR_RADIUS_PX: number = 4;\n\nconst BAR_END_LABEL_DISTANCE_PX: number = 8;\n\nconst UPDATE_ANIMATION_MS: number = 800;\n\nconst LABEL_FONT_SIZE_PX: number = 12;\n\nconst MIN_LABELED_ROW_HEIGHT_PX: number = 14;\n\nconst TIE_BREAK_RELATIVE_STEP: number = 1e-9;\n\nconst RICH_TEXT_RESERVED: RegExp = /[{}|]/g;\n\nconst VALUE_SERIES_ID: string = \"top-list-values\";\n\n\nfunction valueOf(item: TopListItem): number {\n  return item.value ?? 0;\n}\n\nfunction maxValueOf(items: TopListItem[]): number {\n  const maxValue: number = Math.max(...items.map(valueOf));\n  return maxValue > 0 ? maxValue : 1;\n}\n\nfunction smallestGapBetweenDistinctValues(items: TopListItem[]): number {\n  const distinctValues: number[] = [...new Set(items.map(valueOf))].sort(\n    (first: number, second: number) => first - second,\n  );\n  const gaps: number[] = distinctValues\n    .slice(1)\n    .map((value: number, index: number) => value - distinctValues[index]);\n  return gaps.length > 0 ? Math.min(...gaps) : Infinity;\n}\n\nfunction tieBreakStepOf(items: TopListItem[]): number {\n  const relativeStep: number = maxValueOf(items) * TIE_BREAK_RELATIVE_STEP;\n  const stepThatKeepsDistinctValuesApart: number =\n    smallestGapBetweenDistinctValues(items) / (items.length + 1);\n  return Math.min(relativeStep, stepThatKeepsDistinctValuesApart);\n}\n\nfunction plottedValuesById(items: TopListItem[]): Map<string, number> {\n  const tieBreakStep: number = tieBreakStepOf(items);\n  return new Map(\n    items.map((item: TopListItem, position: number) => [\n      item.id,\n      valueOf(item) + tieBreakStep * (items.length - position),\n    ]),\n  );\n}\n\nexport function rankById(items: TopListItem[], sort: TopListSort): Map<string, number> {\n  const plottedValues: Map<string, number> = plottedValuesById(items);\n  const direction: number = sort === \"desc\" ? -1 : 1;\n  const ranked: TopListItem[] = [...items].sort(\n    (first: TopListItem, second: TopListItem) =>\n      direction * ((plottedValues.get(first.id) as number) - (plottedValues.get(second.id) as number)),\n  );\n  return new Map(ranked.map((item: TopListItem, index: number) => [item.id, index + 1]));\n}\n\nexport function resolveTotal(items: TopListItem[], total?: number): number {\n  return total ?? items.reduce((sum: number, item: TopListItem) => sum + valueOf(item), 0);\n}\n\nfunction shareOf(item: TopListItem, total: number): number {\n  return total === 0 ? 0 : valueOf(item) / total;\n}\n\nfunction escapeHtml(text: string): string {\n  return text.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\");\n}\n\nfunction plainRichText(text: string): string {\n  return text.replace(RICH_TEXT_RESERVED, \" \");\n}\n\nfunction truncatedName(name: string, theme: ChartTheme): string {\n  const font: string = `${LABEL_FONT_SIZE_PX}px ${theme.fontFamily}`;\n  return plainRichText(echarts.format.truncateText(name, NAME_MAX_WIDTH_PX, font, \"…\"));\n}\n\nfunction formatValueText(input: TopListOptionInput, value: number | null): string {\n  if (value === null) return EMPTY_VALUE_TEXT;\n  return input.valueFormatter ? input.valueFormatter(value) : String(value);\n}\n\nfunction formatShareText(item: TopListItem, total: number): string {\n  return item.value === null ? EMPTY_VALUE_TEXT : formatShare(shareOf(item, total));\n}\n\nfunction barEndLabelWidthPx(valueDisplay: TopListValueDisplay[]): number {\n  const widths: number[] = [];\n  if (valueDisplay.includes(\"value\")) widths.push(VALUE_COLUMN_WIDTH_PX);\n  if (valueDisplay.includes(\"percent\")) widths.push(PERCENT_COLUMN_WIDTH_PX);\n  if (widths.length === 0) return 0;\n  return widths.reduce((sum: number, width: number) => sum + width, 0) + BAR_END_LABEL_DISTANCE_PX;\n}\n\nfunction barEndLabelText(input: TopListOptionInput, item: TopListItem, total: number): string {\n  const parts: string[] = [];\n  if (input.valueDisplay.includes(\"value\")) {\n    parts.push(`{value|${plainRichText(formatValueText(input, item.value))}}`);\n  }\n  if (input.valueDisplay.includes(\"percent\")) {\n    parts.push(`{percent|${formatShareText(item, total)}}`);\n  }\n  return parts.join(\"\");\n}\n\nexport function labeledRowStepFor(canvasHeightPx: number, itemCount: number): number {\n  const rowHeightPx: number = (canvasHeightPx - 2 * GRID_PADDING_PX) / itemCount;\n  return Math.max(1, Math.ceil(MIN_LABELED_ROW_HEIGHT_PX / rowHeightPx));\n}\n\nfunction isRowLabeled(rank: number | undefined, step: number): boolean {\n  return rank === undefined || (rank - 1) % step === 0;\n}\n\nfunction categoryAxis(\n  input: TopListOptionInput,\n  itemsById: Map<string, TopListItem>,\n): Record<string, unknown> {\n  const { items, sort, theme } = input;\n  const ranks: Map<string, number> = rankById(items, sort);\n  const step: number = input.labeledRowStep;\n  return {\n    type: \"category\",\n    data: items.map((item: TopListItem) => item.id),\n    inverse: sort === \"desc\",\n    animationDuration: 0,\n    animationDurationUpdate: input.animate ? UPDATE_ANIMATION_MS : 0,\n    axisLine: { show: false },\n    axisTick: { show: false },\n    axisLabel: {\n      color: theme.labelColor,\n      fontSize: LABEL_FONT_SIZE_PX,\n      interval: 0,\n      align: \"right\",\n      margin: NAME_TO_BAR_GAP_PX,\n      formatter: (id: string) => {\n        if (!isRowLabeled(ranks.get(id), step)) return \"\";\n        const item: TopListItem | undefined = itemsById.get(id);\n        return item ? truncatedName(item.name, theme) : \"\";\n      },\n    },\n  };\n}\n\nfunction tooltipFormatter(\n  input: TopListOptionInput,\n  itemsById: Map<string, TopListItem>,\n  total: number,\n): (params: { name: string }) => string {\n  return (params: { name: string }) => {\n    const item: TopListItem | undefined = itemsById.get(params.name);\n    if (!item) return \"\";\n    const share: string = item.value === null ? \"\" : ` · ${formatShare(shareOf(item, total))}`;\n    const value: string = escapeHtml(formatValueText(input, item.value));\n    return `<div>${escapeHtml(item.name)}</div><div><b>${value}</b>${share}</div>`;\n  };\n}\n\nfunction barEndLabel(\n  input: TopListOptionInput,\n  itemsById: Map<string, TopListItem>,\n  total: number,\n): Record<string, unknown> {\n  const { theme } = input;\n  const ranks: Map<string, number> = rankById(input.items, input.sort);\n  const step: number = input.labeledRowStep;\n  return {\n    show: input.valueDisplay.length > 0,\n    position: \"right\",\n    distance: BAR_END_LABEL_DISTANCE_PX,\n    fontSize: LABEL_FONT_SIZE_PX,\n    formatter: (params: { name: string }) => {\n      if (!isRowLabeled(ranks.get(params.name), step)) return \"\";\n      const item: TopListItem | undefined = itemsById.get(params.name);\n      return item ? barEndLabelText(input, item, total) : \"\";\n    },\n    rich: {\n      value: { color: theme.labelColor, fontWeight: 600, padding: [0, 8, 0, 0] },\n      percent: { color: theme.labelColor },\n    },\n  };\n}\n\nexport function buildTopListOption(input: TopListOptionInput): Record<string, unknown> {\n  const { items, theme, colorsByItemId } = input;\n  const itemsById: Map<string, TopListItem> = new Map(\n    items.map((item: TopListItem) => [item.id, item]),\n  );\n  const total: number = resolveTotal(items, input.total);\n  const maxValue: number = maxValueOf(items);\n  const plottedValues: Map<string, number> = plottedValuesById(items);\n  const reservedRightPx: number = barEndLabelWidthPx(input.valueDisplay);\n  const fallbackColor: string = theme.seriesColors[0];\n  \n  return {\n    animation: true,\n    animationDuration: 0,\n    animationDurationUpdate: input.animate ? UPDATE_ANIMATION_MS : 0,\n    animationEasing: \"linear\",\n    animationEasingUpdate: \"linear\",\n    textStyle: { fontFamily: theme.fontFamily, color: theme.labelColor },\n    grid: {\n      top: GRID_PADDING_PX,\n      bottom: GRID_PADDING_PX,\n      left: GRID_PADDING_PX + NAME_MAX_WIDTH_PX + NAME_TO_BAR_GAP_PX,\n      right: GRID_PADDING_PX + reservedRightPx,\n      containLabel: false,\n    },\n    tooltip: {\n      trigger: \"item\",\n      backgroundColor: theme.tooltipBackgroundColor,\n      borderColor: theme.tooltipBorderColor,\n      textStyle: { color: theme.labelColor },\n      formatter: tooltipFormatter(input, itemsById, total),\n    },\n    xAxis: { type: \"value\", min: 0, max: maxValue, show: false },\n    yAxis: categoryAxis(input, itemsById),\n    series: [\n      {\n        id: VALUE_SERIES_ID,\n        type: \"bar\",\n        realtimeSort: true,\n        barMaxWidth: BAR_MAX_WIDTH_PX,\n        itemStyle: { borderRadius: [0, BAR_RADIUS_PX, BAR_RADIUS_PX, 0] },\n        data: items.map((item: TopListItem) => ({\n          id: item.id,\n          name: item.id,\n          value: [plottedValues.get(item.id) as number, item.id],\n          itemStyle: { color: colorsByItemId[item.id] ?? fallbackColor },\n        })),\n        encode: { x: 0, y: 1 },\n        label: barEndLabel(input, itemsById, total),\n      },\n    ],\n  };\n}\n"],"names":["EMPTY_VALUE_TEXT","NAME_MAX_WIDTH_PX","NAME_TO_BAR_GAP_PX","VALUE_COLUMN_WIDTH_PX","PERCENT_COLUMN_WIDTH_PX","GRID_PADDING_PX","BAR_MAX_WIDTH_PX","BAR_RADIUS_PX","BAR_END_LABEL_DISTANCE_PX","UPDATE_ANIMATION_MS","LABEL_FONT_SIZE_PX","MIN_LABELED_ROW_HEIGHT_PX","TIE_BREAK_RELATIVE_STEP","RICH_TEXT_RESERVED","VALUE_SERIES_ID","valueOf","item","maxValueOf","items","maxValue","smallestGapBetweenDistinctValues","distinctValues","first","second","gaps","value","index","tieBreakStepOf","relativeStep","stepThatKeepsDistinctValuesApart","plottedValuesById","tieBreakStep","position","rankById","sort","plottedValues","direction","ranked","resolveTotal","total","sum","shareOf","escapeHtml","text","plainRichText","truncatedName","name","theme","font","echarts","formatValueText","input","formatShareText","formatShare","barEndLabelWidthPx","valueDisplay","widths","width","barEndLabelText","parts","labeledRowStepFor","canvasHeightPx","itemCount","rowHeightPx","isRowLabeled","rank","step","categoryAxis","itemsById","ranks","id","tooltipFormatter","params","share","barEndLabel","buildTopListOption","colorsByItemId","reservedRightPx","fallbackColor"],"mappings":"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"}

package/dist/lib/ui/components/charts/TopList/top-list-option.js

@@ -0,0 +1,178 @@
+import { formatShare as _ } from "../chart-share.js";
+import "echarts/charts";
+import "echarts/components";
+import * as L from "echarts/core";
+import "echarts/renderers";
+const g = "–", h = 160, E = 12, M = 88, P = 56, c = 16, B = 20, f = 4, b = 8, T = 800, m = 12, C = 14, w = 1e-9, V = /[{}|]/g, X = "top-list-values";
+function u(t) {
+  return t.value ?? 0;
+}
+function v(t) {
+  const e = Math.max(...t.map(u));
+  return e > 0 ? e : 1;
+}
+function N(t) {
+  const e = [...new Set(t.map(u))].sort(
+    (o, a) => o - a
+  ), n = e.slice(1).map((o, a) => o - e[a]);
+  return n.length > 0 ? Math.min(...n) : 1 / 0;
+}
+function O(t) {
+  const e = v(t) * w, n = N(t) / (t.length + 1);
+  return Math.min(e, n);
+}
+function x(t) {
+  const e = O(t);
+  return new Map(
+    t.map((n, o) => [
+      n.id,
+      u(n) + e * (t.length - o)
+    ])
+  );
+}
+function A(t, e) {
+  const n = x(t), o = e === "desc" ? -1 : 1, a = [...t].sort(
+    (r, i) => o * (n.get(r.id) - n.get(i.id))
+  );
+  return new Map(a.map((r, i) => [r.id, i + 1]));
+}
+function U(t, e) {
+  return e ?? t.reduce((n, o) => n + u(o), 0);
+}
+function S(t, e) {
+  return e === 0 ? 0 : u(t) / e;
+}
+function p(t) {
+  return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function I(t) {
+  return t.replace(V, " ");
+}
+function k(t, e) {
+  const n = `${m}px ${e.fontFamily}`;
+  return I(L.format.truncateText(t, h, n, "…"));
+}
+function D(t, e) {
+  return e === null ? g : t.valueFormatter ? t.valueFormatter(e) : String(e);
+}
+function H(t, e) {
+  return t.value === null ? g : _(S(t, e));
+}
+function F(t) {
+  const e = [];
+  return t.includes("value") && e.push(M), t.includes("percent") && e.push(P), e.length === 0 ? 0 : e.reduce((n, o) => n + o, 0) + b;
+}
+function W(t, e, n) {
+  const o = [];
+  return t.valueDisplay.includes("value") && o.push(`{value|${I(D(t, e.value))}}`), t.valueDisplay.includes("percent") && o.push(`{percent|${H(e, n)}}`), o.join("");
+}
+function q(t, e) {
+  const n = (t - 2 * c) / e;
+  return Math.max(1, Math.ceil(C / n));
+}
+function y(t, e) {
+  return t === void 0 || (t - 1) % e === 0;
+}
+function $(t, e) {
+  const { items: n, sort: o, theme: a } = t, r = A(n, o), i = t.labeledRowStep;
+  return {
+    type: "category",
+    data: n.map((l) => l.id),
+    inverse: o === "desc",
+    animationDuration: 0,
+    animationDurationUpdate: t.animate ? T : 0,
+    axisLine: { show: !1 },
+    axisTick: { show: !1 },
+    axisLabel: {
+      color: a.labelColor,
+      fontSize: m,
+      interval: 0,
+      align: "right",
+      margin: E,
+      formatter: (l) => {
+        if (!y(r.get(l), i)) return "";
+        const d = e.get(l);
+        return d ? k(d.name, a) : "";
+      }
+    }
+  };
+}
+function G(t, e, n) {
+  return (o) => {
+    const a = e.get(o.name);
+    if (!a) return "";
+    const r = a.value === null ? "" : ` · ${_(S(a, n))}`, i = p(D(t, a.value));
+    return `<div>${p(a.name)}</div><div><b>${i}</b>${r}</div>`;
+  };
+}
+function z(t, e, n) {
+  const { theme: o } = t, a = A(t.items, t.sort), r = t.labeledRowStep;
+  return {
+    show: t.valueDisplay.length > 0,
+    position: "right",
+    distance: b,
+    fontSize: m,
+    formatter: (i) => {
+      if (!y(a.get(i.name), r)) return "";
+      const l = e.get(i.name);
+      return l ? W(t, l, n) : "";
+    },
+    rich: {
+      value: { color: o.labelColor, fontWeight: 600, padding: [0, 8, 0, 0] },
+      percent: { color: o.labelColor }
+    }
+  };
+}
+function J(t) {
+  const { items: e, theme: n, colorsByItemId: o } = t, a = new Map(
+    e.map((s) => [s.id, s])
+  ), r = U(e, t.total), i = v(e), l = x(e), d = F(t.valueDisplay), R = n.seriesColors[0];
+  return {
+    animation: !0,
+    animationDuration: 0,
+    animationDurationUpdate: t.animate ? T : 0,
+    animationEasing: "linear",
+    animationEasingUpdate: "linear",
+    textStyle: { fontFamily: n.fontFamily, color: n.labelColor },
+    grid: {
+      top: c,
+      bottom: c,
+      left: c + h + E,
+      right: c + d,
+      containLabel: !1
+    },
+    tooltip: {
+      trigger: "item",
+      backgroundColor: n.tooltipBackgroundColor,
+      borderColor: n.tooltipBorderColor,
+      textStyle: { color: n.labelColor },
+      formatter: G(t, a, r)
+    },
+    xAxis: { type: "value", min: 0, max: i, show: !1 },
+    yAxis: $(t, a),
+    series: [
+      {
+        id: X,
+        type: "bar",
+        realtimeSort: !0,
+        barMaxWidth: B,
+        itemStyle: { borderRadius: [0, f, f, 0] },
+        data: e.map((s) => ({
+          id: s.id,
+          name: s.id,
+          value: [l.get(s.id), s.id],
+          itemStyle: { color: o[s.id] ?? R }
+        })),
+        encode: { x: 0, y: 1 },
+        label: z(t, a, r)
+      }
+    ]
+  };
+}
+export {
+  J as buildTopListOption,
+  q as labeledRowStepFor,
+  A as rankById,
+  U as resolveTotal
+};
+//# sourceMappingURL=top-list-option.js.map

package/dist/lib/ui/components/charts/TopList/top-list-option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-list-option.js","sources":["../../../../../../src/ui/components/charts/TopList/top-list-option.ts"],"sourcesContent":["import { formatShare } from \"../chart-share\";\nimport { echarts } from \"../echarts-modules\";\nimport type { ChartTheme } from \"../chart-theme\";\n\nexport interface TopListItem {\n  id: string;\n  name: string;\n  value: number | null;\n  colorToken?: string;\n}\n\nexport type TopListSort = \"desc\" | \"asc\";\n\nexport type TopListValueDisplay = \"value\" | \"percent\";\n\nexport interface TopListOptionInput {\n  items: TopListItem[];\n  sort: TopListSort;\n  total?: number;\n  valueDisplay: TopListValueDisplay[];\n  theme: ChartTheme;\n  colorsByItemId: Record<string, string>;\n  animate: boolean;\n  labeledRowStep: number;\n  valueFormatter?: (value: number) => string;\n}\n\nconst EMPTY_VALUE_TEXT: string = \"–\";\n\nconst NAME_MAX_WIDTH_PX: number = 160;\n\nconst NAME_TO_BAR_GAP_PX: number = 12;\n\nconst VALUE_COLUMN_WIDTH_PX: number = 88;\n\nconst PERCENT_COLUMN_WIDTH_PX: number = 56;\n\nconst GRID_PADDING_PX: number = 16;\n\nconst BAR_MAX_WIDTH_PX: number = 20;\n\nconst BAR_RADIUS_PX: number = 4;\n\nconst BAR_END_LABEL_DISTANCE_PX: number = 8;\n\nconst UPDATE_ANIMATION_MS: number = 800;\n\nconst LABEL_FONT_SIZE_PX: number = 12;\n\nconst MIN_LABELED_ROW_HEIGHT_PX: number = 14;\n\nconst TIE_BREAK_RELATIVE_STEP: number = 1e-9;\n\nconst RICH_TEXT_RESERVED: RegExp = /[{}|]/g;\n\nconst VALUE_SERIES_ID: string = \"top-list-values\";\n\n\nfunction valueOf(item: TopListItem): number {\n  return item.value ?? 0;\n}\n\nfunction maxValueOf(items: TopListItem[]): number {\n  const maxValue: number = Math.max(...items.map(valueOf));\n  return maxValue > 0 ? maxValue : 1;\n}\n\nfunction smallestGapBetweenDistinctValues(items: TopListItem[]): number {\n  const distinctValues: number[] = [...new Set(items.map(valueOf))].sort(\n    (first: number, second: number) => first - second,\n  );\n  const gaps: number[] = distinctValues\n    .slice(1)\n    .map((value: number, index: number) => value - distinctValues[index]);\n  return gaps.length > 0 ? Math.min(...gaps) : Infinity;\n}\n\nfunction tieBreakStepOf(items: TopListItem[]): number {\n  const relativeStep: number = maxValueOf(items) * TIE_BREAK_RELATIVE_STEP;\n  const stepThatKeepsDistinctValuesApart: number =\n    smallestGapBetweenDistinctValues(items) / (items.length + 1);\n  return Math.min(relativeStep, stepThatKeepsDistinctValuesApart);\n}\n\nfunction plottedValuesById(items: TopListItem[]): Map<string, number> {\n  const tieBreakStep: number = tieBreakStepOf(items);\n  return new Map(\n    items.map((item: TopListItem, position: number) => [\n      item.id,\n      valueOf(item) + tieBreakStep * (items.length - position),\n    ]),\n  );\n}\n\nexport function rankById(items: TopListItem[], sort: TopListSort): Map<string, number> {\n  const plottedValues: Map<string, number> = plottedValuesById(items);\n  const direction: number = sort === \"desc\" ? -1 : 1;\n  const ranked: TopListItem[] = [...items].sort(\n    (first: TopListItem, second: TopListItem) =>\n      direction * ((plottedValues.get(first.id) as number) - (plottedValues.get(second.id) as number)),\n  );\n  return new Map(ranked.map((item: TopListItem, index: number) => [item.id, index + 1]));\n}\n\nexport function resolveTotal(items: TopListItem[], total?: number): number {\n  return total ?? items.reduce((sum: number, item: TopListItem) => sum + valueOf(item), 0);\n}\n\nfunction shareOf(item: TopListItem, total: number): number {\n  return total === 0 ? 0 : valueOf(item) / total;\n}\n\nfunction escapeHtml(text: string): string {\n  return text.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\");\n}\n\nfunction plainRichText(text: string): string {\n  return text.replace(RICH_TEXT_RESERVED, \" \");\n}\n\nfunction truncatedName(name: string, theme: ChartTheme): string {\n  const font: string = `${LABEL_FONT_SIZE_PX}px ${theme.fontFamily}`;\n  return plainRichText(echarts.format.truncateText(name, NAME_MAX_WIDTH_PX, font, \"…\"));\n}\n\nfunction formatValueText(input: TopListOptionInput, value: number | null): string {\n  if (value === null) return EMPTY_VALUE_TEXT;\n  return input.valueFormatter ? input.valueFormatter(value) : String(value);\n}\n\nfunction formatShareText(item: TopListItem, total: number): string {\n  return item.value === null ? EMPTY_VALUE_TEXT : formatShare(shareOf(item, total));\n}\n\nfunction barEndLabelWidthPx(valueDisplay: TopListValueDisplay[]): number {\n  const widths: number[] = [];\n  if (valueDisplay.includes(\"value\")) widths.push(VALUE_COLUMN_WIDTH_PX);\n  if (valueDisplay.includes(\"percent\")) widths.push(PERCENT_COLUMN_WIDTH_PX);\n  if (widths.length === 0) return 0;\n  return widths.reduce((sum: number, width: number) => sum + width, 0) + BAR_END_LABEL_DISTANCE_PX;\n}\n\nfunction barEndLabelText(input: TopListOptionInput, item: TopListItem, total: number): string {\n  const parts: string[] = [];\n  if (input.valueDisplay.includes(\"value\")) {\n    parts.push(`{value|${plainRichText(formatValueText(input, item.value))}}`);\n  }\n  if (input.valueDisplay.includes(\"percent\")) {\n    parts.push(`{percent|${formatShareText(item, total)}}`);\n  }\n  return parts.join(\"\");\n}\n\nexport function labeledRowStepFor(canvasHeightPx: number, itemCount: number): number {\n  const rowHeightPx: number = (canvasHeightPx - 2 * GRID_PADDING_PX) / itemCount;\n  return Math.max(1, Math.ceil(MIN_LABELED_ROW_HEIGHT_PX / rowHeightPx));\n}\n\nfunction isRowLabeled(rank: number | undefined, step: number): boolean {\n  return rank === undefined || (rank - 1) % step === 0;\n}\n\nfunction categoryAxis(\n  input: TopListOptionInput,\n  itemsById: Map<string, TopListItem>,\n): Record<string, unknown> {\n  const { items, sort, theme } = input;\n  const ranks: Map<string, number> = rankById(items, sort);\n  const step: number = input.labeledRowStep;\n  return {\n    type: \"category\",\n    data: items.map((item: TopListItem) => item.id),\n    inverse: sort === \"desc\",\n    animationDuration: 0,\n    animationDurationUpdate: input.animate ? UPDATE_ANIMATION_MS : 0,\n    axisLine: { show: false },\n    axisTick: { show: false },\n    axisLabel: {\n      color: theme.labelColor,\n      fontSize: LABEL_FONT_SIZE_PX,\n      interval: 0,\n      align: \"right\",\n      margin: NAME_TO_BAR_GAP_PX,\n      formatter: (id: string) => {\n        if (!isRowLabeled(ranks.get(id), step)) return \"\";\n        const item: TopListItem | undefined = itemsById.get(id);\n        return item ? truncatedName(item.name, theme) : \"\";\n      },\n    },\n  };\n}\n\nfunction tooltipFormatter(\n  input: TopListOptionInput,\n  itemsById: Map<string, TopListItem>,\n  total: number,\n): (params: { name: string }) => string {\n  return (params: { name: string }) => {\n    const item: TopListItem | undefined = itemsById.get(params.name);\n    if (!item) return \"\";\n    const share: string = item.value === null ? \"\" : ` · ${formatShare(shareOf(item, total))}`;\n    const value: string = escapeHtml(formatValueText(input, item.value));\n    return `<div>${escapeHtml(item.name)}</div><div><b>${value}</b>${share}</div>`;\n  };\n}\n\nfunction barEndLabel(\n  input: TopListOptionInput,\n  itemsById: Map<string, TopListItem>,\n  total: number,\n): Record<string, unknown> {\n  const { theme } = input;\n  const ranks: Map<string, number> = rankById(input.items, input.sort);\n  const step: number = input.labeledRowStep;\n  return {\n    show: input.valueDisplay.length > 0,\n    position: \"right\",\n    distance: BAR_END_LABEL_DISTANCE_PX,\n    fontSize: LABEL_FONT_SIZE_PX,\n    formatter: (params: { name: string }) => {\n      if (!isRowLabeled(ranks.get(params.name), step)) return \"\";\n      const item: TopListItem | undefined = itemsById.get(params.name);\n      return item ? barEndLabelText(input, item, total) : \"\";\n    },\n    rich: {\n      value: { color: theme.labelColor, fontWeight: 600, padding: [0, 8, 0, 0] },\n      percent: { color: theme.labelColor },\n    },\n  };\n}\n\nexport function buildTopListOption(input: TopListOptionInput): Record<string, unknown> {\n  const { items, theme, colorsByItemId } = input;\n  const itemsById: Map<string, TopListItem> = new Map(\n    items.map((item: TopListItem) => [item.id, item]),\n  );\n  const total: number = resolveTotal(items, input.total);\n  const maxValue: number = maxValueOf(items);\n  const plottedValues: Map<string, number> = plottedValuesById(items);\n  const reservedRightPx: number = barEndLabelWidthPx(input.valueDisplay);\n  const fallbackColor: string = theme.seriesColors[0];\n  \n  return {\n    animation: true,\n    animationDuration: 0,\n    animationDurationUpdate: input.animate ? UPDATE_ANIMATION_MS : 0,\n    animationEasing: \"linear\",\n    animationEasingUpdate: \"linear\",\n    textStyle: { fontFamily: theme.fontFamily, color: theme.labelColor },\n    grid: {\n      top: GRID_PADDING_PX,\n      bottom: GRID_PADDING_PX,\n      left: GRID_PADDING_PX + NAME_MAX_WIDTH_PX + NAME_TO_BAR_GAP_PX,\n      right: GRID_PADDING_PX + reservedRightPx,\n      containLabel: false,\n    },\n    tooltip: {\n      trigger: \"item\",\n      backgroundColor: theme.tooltipBackgroundColor,\n      borderColor: theme.tooltipBorderColor,\n      textStyle: { color: theme.labelColor },\n      formatter: tooltipFormatter(input, itemsById, total),\n    },\n    xAxis: { type: \"value\", min: 0, max: maxValue, show: false },\n    yAxis: categoryAxis(input, itemsById),\n    series: [\n      {\n        id: VALUE_SERIES_ID,\n        type: \"bar\",\n        realtimeSort: true,\n        barMaxWidth: BAR_MAX_WIDTH_PX,\n        itemStyle: { borderRadius: [0, BAR_RADIUS_PX, BAR_RADIUS_PX, 0] },\n        data: items.map((item: TopListItem) => ({\n          id: item.id,\n          name: item.id,\n          value: [plottedValues.get(item.id) as number, item.id],\n          itemStyle: { color: colorsByItemId[item.id] ?? fallbackColor },\n        })),\n        encode: { x: 0, y: 1 },\n        label: barEndLabel(input, itemsById, total),\n      },\n    ],\n  };\n}\n"],"names":["EMPTY_VALUE_TEXT","NAME_MAX_WIDTH_PX","NAME_TO_BAR_GAP_PX","VALUE_COLUMN_WIDTH_PX","PERCENT_COLUMN_WIDTH_PX","GRID_PADDING_PX","BAR_MAX_WIDTH_PX","BAR_RADIUS_PX","BAR_END_LABEL_DISTANCE_PX","UPDATE_ANIMATION_MS","LABEL_FONT_SIZE_PX","MIN_LABELED_ROW_HEIGHT_PX","TIE_BREAK_RELATIVE_STEP","RICH_TEXT_RESERVED","VALUE_SERIES_ID","valueOf","item","maxValueOf","items","maxValue","smallestGapBetweenDistinctValues","distinctValues","first","second","gaps","value","index","tieBreakStepOf","relativeStep","stepThatKeepsDistinctValuesApart","plottedValuesById","tieBreakStep","position","rankById","sort","plottedValues","direction","ranked","resolveTotal","total","sum","shareOf","escapeHtml","text","plainRichText","truncatedName","name","theme","font","echarts","formatValueText","input","formatShareText","formatShare","barEndLabelWidthPx","valueDisplay","widths","width","barEndLabelText","parts","labeledRowStepFor","canvasHeightPx","itemCount","rowHeightPx","isRowLabeled","rank","step","categoryAxis","itemsById","ranks","id","tooltipFormatter","params","share","barEndLabel","buildTopListOption","colorsByItemId","reservedRightPx","fallbackColor"],"mappings":"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"}

package/dist/lib/ui/components/charts/chart-color-tone.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./chart-label-color.cjs"),a=255;function i(e,n){const r=u.parseColorChannels(e);if(!r)return e;const[o,l,s]=r.map(t=>Math.round(t+(a-t)*n));return`rgb(${o}, ${l}, ${s})`}exports.lightenColor=i;
+//# sourceMappingURL=chart-color-tone.cjs.map

package/dist/lib/ui/components/charts/chart-color-tone.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-color-tone.cjs","sources":["../../../../../src/ui/components/charts/chart-color-tone.ts"],"sourcesContent":["import { parseColorChannels } from \"./chart-label-color\";\n\nconst MAX_CHANNEL: number = 255;\n\nexport function lightenColor(color: string, amount: number): string {\n  const channels: [number, number, number] | undefined = parseColorChannels(color);\n  if (!channels) return color;\n  const [red, green, blue] = channels.map((channel: number) =>\n    Math.round(channel + (MAX_CHANNEL - channel) * amount),\n  );\n  return `rgb(${red}, ${green}, ${blue})`;\n}\n"],"names":["MAX_CHANNEL","lightenColor","color","amount","channels","parseColorChannels","red","green","blue","channel"],"mappings":"2HAEMA,EAAsB,IAErB,SAASC,EAAaC,EAAeC,EAAwB,CAClE,MAAMC,EAAiDC,EAAAA,mBAAmBH,CAAK,EAC/E,GAAI,CAACE,EAAU,OAAOF,EACtB,KAAM,CAACI,EAAKC,EAAOC,CAAI,EAAIJ,EAAS,IAAKK,GACvC,KAAK,MAAMA,GAAWT,EAAcS,GAAWN,CAAM,CAAA,EAEvD,MAAO,OAAOG,CAAG,KAAKC,CAAK,KAAKC,CAAI,GACtC"}

package/dist/lib/ui/components/charts/chart-color-tone.js

@@ -0,0 +1,14 @@
+import { parseColorChannels as a } from "./chart-label-color.js";
+const i = 255;
+function p(r, o) {
+  const n = a(r);
+  if (!n) return r;
+  const [t, s, u] = n.map(
+    (e) => Math.round(e + (i - e) * o)
+  );
+  return `rgb(${t}, ${s}, ${u})`;
+}
+export {
+  p as lightenColor
+};
+//# sourceMappingURL=chart-color-tone.js.map

package/dist/lib/ui/components/charts/chart-color-tone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-color-tone.js","sources":["../../../../../src/ui/components/charts/chart-color-tone.ts"],"sourcesContent":["import { parseColorChannels } from \"./chart-label-color\";\n\nconst MAX_CHANNEL: number = 255;\n\nexport function lightenColor(color: string, amount: number): string {\n  const channels: [number, number, number] | undefined = parseColorChannels(color);\n  if (!channels) return color;\n  const [red, green, blue] = channels.map((channel: number) =>\n    Math.round(channel + (MAX_CHANNEL - channel) * amount),\n  );\n  return `rgb(${red}, ${green}, ${blue})`;\n}\n"],"names":["MAX_CHANNEL","lightenColor","color","amount","channels","parseColorChannels","red","green","blue","channel"],"mappings":";AAEA,MAAMA,IAAsB;AAErB,SAASC,EAAaC,GAAeC,GAAwB;AAClE,QAAMC,IAAiDC,EAAmBH,CAAK;AAC/E,MAAI,CAACE,EAAU,QAAOF;AACtB,QAAM,CAACI,GAAKC,GAAOC,CAAI,IAAIJ,EAAS;AAAA,IAAI,CAACK,MACvC,KAAK,MAAMA,KAAWT,IAAcS,KAAWN,CAAM;AAAA,EAAA;AAEvD,SAAO,OAAOG,CAAG,KAAKC,CAAK,KAAKC,CAAI;AACtC;"}

package/dist/lib/ui/components/charts/chart-label-color.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i="#ffffff",l="#1e1e1e",u=.0144,L=1;function f(t){const n=t/255;return n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4)}function s(t){const n=t.trim().match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);if(n){const r=n[1],o=r.length===3?r.split("").map(a=>a+a).join(""):r;return[0,2,4].map(a=>parseInt(o.slice(a,a+2),16))}const e=t.trim().match(/^rgba?\(\s*(\d+)[\s,]+(\d+)[\s,]+(\d+)/i);if(e)return[Number(e[1]),Number(e[2]),Number(e[3])]}function m(t){const n=s(t);if(!n)return;const[e,r,o]=n.map(f);return .2126*e+.7152*r+.0722*o}function c(t,n){return(t+.05)/(n+.05)}function d(t){const n=m(t);if(n===void 0)return i;const e=c(L,n);return c(n,u)>=e?l:i}exports.labelColorOnFill=d;exports.parseColorChannels=s;
+//# sourceMappingURL=chart-label-color.cjs.map

package/dist/lib/ui/components/charts/chart-label-color.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-label-color.cjs","sources":["../../../../../src/ui/components/charts/chart-label-color.ts"],"sourcesContent":["// O rótulo dentro da fatia é lido contra a cor da série, não contra o fundo da página: a paleta\n// de séries é a mesma nos dois temas, então quem decide entre texto claro e escuro é o\n// preenchimento. O branco que o ECharts usa por padrão reprova no contraste em toda a paleta —\n// 2,24:1 sobre a `yellow-500`.\nconst LABEL_ON_DARK_FILL: string = \"#ffffff\";\n\nconst LABEL_ON_LIGHT_FILL: string = \"#1e1e1e\";\n\nconst LABEL_ON_LIGHT_FILL_LUMINANCE: number = 0.0144;\n\nconst WHITE_LUMINANCE: number = 1;\n\nfunction channelLuminance(channel: number): number {\n  const normalized: number = channel / 255;\n  return normalized <= 0.03928\n    ? normalized / 12.92\n    : Math.pow((normalized + 0.055) / 1.055, 2.4);\n}\n\nexport function parseColorChannels(color: string): [number, number, number] | undefined {\n  const hexMatch: RegExpMatchArray | null = color\n    .trim()\n    .match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n  if (hexMatch) {\n    const digits: string = hexMatch[1];\n    const expanded: string =\n      digits.length === 3\n        ? digits\n            .split(\"\")\n            .map((digit: string) => digit + digit)\n            .join(\"\")\n        : digits;\n    return [0, 2, 4].map((start: number) => parseInt(expanded.slice(start, start + 2), 16)) as [\n      number,\n      number,\n      number,\n    ];\n  }\n\n  const rgbMatch: RegExpMatchArray | null = color\n    .trim()\n    .match(/^rgba?\\(\\s*(\\d+)[\\s,]+(\\d+)[\\s,]+(\\d+)/i);\n  if (rgbMatch) {\n    return [Number(rgbMatch[1]), Number(rgbMatch[2]), Number(rgbMatch[3])];\n  }\n\n  return undefined;\n}\n\nfunction relativeLuminance(color: string): number | undefined {\n  const channels: [number, number, number] | undefined = parseColorChannels(color);\n  if (!channels) return undefined;\n  const [red, green, blue] = channels.map(channelLuminance);\n  return 0.2126 * red + 0.7152 * green + 0.0722 * blue;\n}\n\nfunction contrastRatio(lighter: number, darker: number): number {\n  return (lighter + 0.05) / (darker + 0.05);\n}\n\nexport function labelColorOnFill(fillColor: string): string {\n  const luminance: number | undefined = relativeLuminance(fillColor);\n  if (luminance === undefined) return LABEL_ON_DARK_FILL;\n  const againstLightText: number = contrastRatio(WHITE_LUMINANCE, luminance);\n  const againstDarkText: number = contrastRatio(luminance, LABEL_ON_LIGHT_FILL_LUMINANCE);\n  return againstDarkText >= againstLightText ? LABEL_ON_LIGHT_FILL : LABEL_ON_DARK_FILL;\n}\n"],"names":["LABEL_ON_DARK_FILL","LABEL_ON_LIGHT_FILL","LABEL_ON_LIGHT_FILL_LUMINANCE","WHITE_LUMINANCE","channelLuminance","channel","normalized","parseColorChannels","color","hexMatch","digits","expanded","digit","start","rgbMatch","relativeLuminance","channels","red","green","blue","contrastRatio","lighter","darker","labelColorOnFill","fillColor","luminance","againstLightText"],"mappings":"gFAIA,MAAMA,EAA6B,UAE7BC,EAA8B,UAE9BC,EAAwC,MAExCC,EAA0B,EAEhC,SAASC,EAAiBC,EAAyB,CACjD,MAAMC,EAAqBD,EAAU,IACrC,OAAOC,GAAc,OACjBA,EAAa,MACb,KAAK,KAAKA,EAAa,MAAS,MAAO,GAAG,CAChD,CAEO,SAASC,EAAmBC,EAAqD,CACtF,MAAMC,EAAoCD,EACvC,KAAA,EACA,MAAM,+BAA+B,EACxC,GAAIC,EAAU,CACZ,MAAMC,EAAiBD,EAAS,CAAC,EAC3BE,EACJD,EAAO,SAAW,EACdA,EACG,MAAM,EAAE,EACR,IAAKE,GAAkBA,EAAQA,CAAK,EACpC,KAAK,EAAE,EACVF,EACN,MAAO,CAAC,EAAG,EAAG,CAAC,EAAE,IAAKG,GAAkB,SAASF,EAAS,MAAME,EAAOA,EAAQ,CAAC,EAAG,EAAE,CAAC,CAKxF,CAEA,MAAMC,EAAoCN,EACvC,KAAA,EACA,MAAM,yCAAyC,EAClD,GAAIM,EACF,MAAO,CAAC,OAAOA,EAAS,CAAC,CAAC,EAAG,OAAOA,EAAS,CAAC,CAAC,EAAG,OAAOA,EAAS,CAAC,CAAC,CAAC,CAIzE,CAEA,SAASC,EAAkBP,EAAmC,CAC5D,MAAMQ,EAAiDT,EAAmBC,CAAK,EAC/E,GAAI,CAACQ,EAAU,OACf,KAAM,CAACC,EAAKC,EAAOC,CAAI,EAAIH,EAAS,IAAIZ,CAAgB,EACxD,MAAO,OAASa,EAAM,MAASC,EAAQ,MAASC,CAClD,CAEA,SAASC,EAAcC,EAAiBC,EAAwB,CAC9D,OAAQD,EAAU,MAASC,EAAS,IACtC,CAEO,SAASC,EAAiBC,EAA2B,CAC1D,MAAMC,EAAgCV,EAAkBS,CAAS,EACjE,GAAIC,IAAc,OAAW,OAAOzB,EACpC,MAAM0B,EAA2BN,EAAcjB,EAAiBsB,CAAS,EAEzE,OADgCL,EAAcK,EAAWvB,CAA6B,GAC5DwB,EAAmBzB,EAAsBD,CACrE"}

package/dist/lib/ui/components/charts/chart-label-color.js

@@ -0,0 +1,35 @@
+const o = "#ffffff", s = "#1e1e1e";
+function L(t) {
+  const n = t / 255;
+  return n <= 0.03928 ? n / 12.92 : Math.pow((n + 0.055) / 1.055, 2.4);
+}
+function u(t) {
+  const n = t.trim().match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
+  if (n) {
+    const r = n[1], i = r.length === 3 ? r.split("").map((a) => a + a).join("") : r;
+    return [0, 2, 4].map((a) => parseInt(i.slice(a, a + 2), 16));
+  }
+  const e = t.trim().match(/^rgba?\(\s*(\d+)[\s,]+(\d+)[\s,]+(\d+)/i);
+  if (e)
+    return [Number(e[1]), Number(e[2]), Number(e[3])];
+}
+function f(t) {
+  const n = u(t);
+  if (!n) return;
+  const [e, r, i] = n.map(L);
+  return 0.2126 * e + 0.7152 * r + 0.0722 * i;
+}
+function c(t, n) {
+  return (t + 0.05) / (n + 0.05);
+}
+function _(t) {
+  const n = f(t);
+  if (n === void 0) return o;
+  const e = c(1, n);
+  return c(n, 0.0144) >= e ? s : o;
+}
+export {
+  _ as labelColorOnFill,
+  u as parseColorChannels
+};
+//# sourceMappingURL=chart-label-color.js.map

package/dist/lib/ui/components/charts/chart-label-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-label-color.js","sources":["../../../../../src/ui/components/charts/chart-label-color.ts"],"sourcesContent":["// O rótulo dentro da fatia é lido contra a cor da série, não contra o fundo da página: a paleta\n// de séries é a mesma nos dois temas, então quem decide entre texto claro e escuro é o\n// preenchimento. O branco que o ECharts usa por padrão reprova no contraste em toda a paleta —\n// 2,24:1 sobre a `yellow-500`.\nconst LABEL_ON_DARK_FILL: string = \"#ffffff\";\n\nconst LABEL_ON_LIGHT_FILL: string = \"#1e1e1e\";\n\nconst LABEL_ON_LIGHT_FILL_LUMINANCE: number = 0.0144;\n\nconst WHITE_LUMINANCE: number = 1;\n\nfunction channelLuminance(channel: number): number {\n  const normalized: number = channel / 255;\n  return normalized <= 0.03928\n    ? normalized / 12.92\n    : Math.pow((normalized + 0.055) / 1.055, 2.4);\n}\n\nexport function parseColorChannels(color: string): [number, number, number] | undefined {\n  const hexMatch: RegExpMatchArray | null = color\n    .trim()\n    .match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n  if (hexMatch) {\n    const digits: string = hexMatch[1];\n    const expanded: string =\n      digits.length === 3\n        ? digits\n            .split(\"\")\n            .map((digit: string) => digit + digit)\n            .join(\"\")\n        : digits;\n    return [0, 2, 4].map((start: number) => parseInt(expanded.slice(start, start + 2), 16)) as [\n      number,\n      number,\n      number,\n    ];\n  }\n\n  const rgbMatch: RegExpMatchArray | null = color\n    .trim()\n    .match(/^rgba?\\(\\s*(\\d+)[\\s,]+(\\d+)[\\s,]+(\\d+)/i);\n  if (rgbMatch) {\n    return [Number(rgbMatch[1]), Number(rgbMatch[2]), Number(rgbMatch[3])];\n  }\n\n  return undefined;\n}\n\nfunction relativeLuminance(color: string): number | undefined {\n  const channels: [number, number, number] | undefined = parseColorChannels(color);\n  if (!channels) return undefined;\n  const [red, green, blue] = channels.map(channelLuminance);\n  return 0.2126 * red + 0.7152 * green + 0.0722 * blue;\n}\n\nfunction contrastRatio(lighter: number, darker: number): number {\n  return (lighter + 0.05) / (darker + 0.05);\n}\n\nexport function labelColorOnFill(fillColor: string): string {\n  const luminance: number | undefined = relativeLuminance(fillColor);\n  if (luminance === undefined) return LABEL_ON_DARK_FILL;\n  const againstLightText: number = contrastRatio(WHITE_LUMINANCE, luminance);\n  const againstDarkText: number = contrastRatio(luminance, LABEL_ON_LIGHT_FILL_LUMINANCE);\n  return againstDarkText >= againstLightText ? LABEL_ON_LIGHT_FILL : LABEL_ON_DARK_FILL;\n}\n"],"names":["LABEL_ON_DARK_FILL","LABEL_ON_LIGHT_FILL","channelLuminance","channel","normalized","parseColorChannels","color","hexMatch","digits","expanded","digit","start","rgbMatch","relativeLuminance","channels","red","green","blue","contrastRatio","lighter","darker","labelColorOnFill","fillColor","luminance","againstLightText"],"mappings":"AAIA,MAAMA,IAA6B,WAE7BC,IAA8B;AAMpC,SAASC,EAAiBC,GAAyB;AACjD,QAAMC,IAAqBD,IAAU;AACrC,SAAOC,KAAc,UACjBA,IAAa,QACb,KAAK,KAAKA,IAAa,SAAS,OAAO,GAAG;AAChD;AAEO,SAASC,EAAmBC,GAAqD;AACtF,QAAMC,IAAoCD,EACvC,KAAA,EACA,MAAM,+BAA+B;AACxC,MAAIC,GAAU;AACZ,UAAMC,IAAiBD,EAAS,CAAC,GAC3BE,IACJD,EAAO,WAAW,IACdA,EACG,MAAM,EAAE,EACR,IAAI,CAACE,MAAkBA,IAAQA,CAAK,EACpC,KAAK,EAAE,IACVF;AACN,WAAO,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAACG,MAAkB,SAASF,EAAS,MAAME,GAAOA,IAAQ,CAAC,GAAG,EAAE,CAAC;AAAA,EAKxF;AAEA,QAAMC,IAAoCN,EACvC,KAAA,EACA,MAAM,yCAAyC;AAClD,MAAIM;AACF,WAAO,CAAC,OAAOA,EAAS,CAAC,CAAC,GAAG,OAAOA,EAAS,CAAC,CAAC,GAAG,OAAOA,EAAS,CAAC,CAAC,CAAC;AAIzE;AAEA,SAASC,EAAkBP,GAAmC;AAC5D,QAAMQ,IAAiDT,EAAmBC,CAAK;AAC/E,MAAI,CAACQ,EAAU;AACf,QAAM,CAACC,GAAKC,GAAOC,CAAI,IAAIH,EAAS,IAAIZ,CAAgB;AACxD,SAAO,SAASa,IAAM,SAASC,IAAQ,SAASC;AAClD;AAEA,SAASC,EAAcC,GAAiBC,GAAwB;AAC9D,UAAQD,IAAU,SAASC,IAAS;AACtC;AAEO,SAASC,EAAiBC,GAA2B;AAC1D,QAAMC,IAAgCV,EAAkBS,CAAS;AACjE,MAAIC,MAAc,OAAW,QAAOvB;AACpC,QAAMwB,IAA2BN,EAAc,GAAiBK,CAAS;AAEzE,SADgCL,EAAcK,GAAW,MAA6B,KAC5DC,IAAmBvB,IAAsBD;AACrE;"}

package/dist/lib/ui/components/charts/chart-palette.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=["--sds-color-blue-500","--sds-color-green-500","--sds-color-pink-500","--sds-color-yellow-500","--sds-color-red-500","--sds-color-blue-700","--sds-color-green-700","--sds-color-pink-700","--sds-color-yellow-700","--sds-color-red-700"];exports.CHART_SERIES_COLOR_TOKENS=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=["--sds-color-blue-500","--sds-color-green-500","--sds-color-pink-500","--sds-color-yellow-500","--sds-color-red-500","--sds-color-blue-700","--sds-color-green-700","--sds-color-pink-700","--sds-color-yellow-700","--sds-color-red-700"],s="--sds-color-gray-400";exports.CHART_NEUTRAL_COLOR_TOKEN=s;exports.CHART_SERIES_COLOR_TOKENS=o;
 //# sourceMappingURL=chart-palette.cjs.map

package/dist/lib/ui/components/charts/chart-palette.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart-palette.cjs","sources":["../../../../../src/ui/components/charts/chart-palette.ts"],"sourcesContent":["// Ordenada para afastar ao máximo os matizes de séries vizinhas: os cinco cromáticos do tema\n// no passo 500, e só depois os mesmos cinco no 700. As rampas neutras ficam de fora porque se\n// confundem com grade e eixo — a `brand-500` deste tema é cinza.\nexport const CHART_SERIES_COLOR_TOKENS: string[] = [\n  \"--sds-color-blue-500\",\n  \"--sds-color-green-500\",\n  \"--sds-color-pink-500\",\n  \"--sds-color-yellow-500\",\n  \"--sds-color-red-500\",\n  \"--sds-color-blue-700\",\n  \"--sds-color-green-700\",\n  \"--sds-color-pink-700\",\n  \"--sds-color-yellow-700\",\n  \"--sds-color-red-700\",\n];\n"],"names":["CHART_SERIES_COLOR_TOKENS"],"mappings":"gFAGO,MAAMA,EAAsC,CACjD,uBACA,wBACA,uBACA,yBACA,sBACA,uBACA,wBACA,uBACA,yBACA,qBACF"}
+{"version":3,"file":"chart-palette.cjs","sources":["../../../../../src/ui/components/charts/chart-palette.ts"],"sourcesContent":["// Ordenada para afastar ao máximo os matizes de séries vizinhas: os cinco cromáticos do tema\n// no passo 500, e só depois os mesmos cinco no 700. As rampas neutras ficam de fora porque se\n// confundem com grade e eixo — a `brand-500` deste tema é cinza.\nexport const CHART_SERIES_COLOR_TOKENS: string[] = [\n  \"--sds-color-blue-500\",\n  \"--sds-color-green-500\",\n  \"--sds-color-pink-500\",\n  \"--sds-color-yellow-500\",\n  \"--sds-color-red-500\",\n  \"--sds-color-blue-700\",\n  \"--sds-color-green-700\",\n  \"--sds-color-pink-700\",\n  \"--sds-color-yellow-700\",\n  \"--sds-color-red-700\",\n];\n\nexport const CHART_NEUTRAL_COLOR_TOKEN: string = \"--sds-color-gray-400\";\n"],"names":["CHART_SERIES_COLOR_TOKENS","CHART_NEUTRAL_COLOR_TOKEN"],"mappings":"gFAGO,MAAMA,EAAsC,CACjD,uBACA,wBACA,uBACA,yBACA,sBACA,uBACA,wBACA,uBACA,yBACA,qBACF,EAEaC,EAAoC"}

package/dist/lib/ui/components/charts/chart-palette.js

@@ -9,8 +9,9 @@ const o = [
   "--sds-color-pink-700",
   "--sds-color-yellow-700",
   "--sds-color-red-700"
-];
+], s = "--sds-color-gray-400";
 export {
+  s as CHART_NEUTRAL_COLOR_TOKEN,
   o as CHART_SERIES_COLOR_TOKENS
 };
 //# sourceMappingURL=chart-palette.js.map

package/dist/lib/ui/components/charts/chart-palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-palette.js","sources":["../../../../../src/ui/components/charts/chart-palette.ts"],"sourcesContent":["// Ordenada para afastar ao máximo os matizes de séries vizinhas: os cinco cromáticos do tema\n// no passo 500, e só depois os mesmos cinco no 700. As rampas neutras ficam de fora porque se\n// confundem com grade e eixo — a `brand-500` deste tema é cinza.\nexport const CHART_SERIES_COLOR_TOKENS: string[] = [\n  \"--sds-color-blue-500\",\n  \"--sds-color-green-500\",\n  \"--sds-color-pink-500\",\n  \"--sds-color-yellow-500\",\n  \"--sds-color-red-500\",\n  \"--sds-color-blue-700\",\n  \"--sds-color-green-700\",\n  \"--sds-color-pink-700\",\n  \"--sds-color-yellow-700\",\n  \"--sds-color-red-700\",\n];\n"],"names":["CHART_SERIES_COLOR_TOKENS"],"mappings":"AAGO,MAAMA,IAAsC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"chart-palette.js","sources":["../../../../../src/ui/components/charts/chart-palette.ts"],"sourcesContent":["// Ordenada para afastar ao máximo os matizes de séries vizinhas: os cinco cromáticos do tema\n// no passo 500, e só depois os mesmos cinco no 700. As rampas neutras ficam de fora porque se\n// confundem com grade e eixo — a `brand-500` deste tema é cinza.\nexport const CHART_SERIES_COLOR_TOKENS: string[] = [\n  \"--sds-color-blue-500\",\n  \"--sds-color-green-500\",\n  \"--sds-color-pink-500\",\n  \"--sds-color-yellow-500\",\n  \"--sds-color-red-500\",\n  \"--sds-color-blue-700\",\n  \"--sds-color-green-700\",\n  \"--sds-color-pink-700\",\n  \"--sds-color-yellow-700\",\n  \"--sds-color-red-700\",\n];\n\nexport const CHART_NEUTRAL_COLOR_TOKEN: string = \"--sds-color-gray-400\";\n"],"names":["CHART_SERIES_COLOR_TOKENS","CHART_NEUTRAL_COLOR_TOKEN"],"mappings":"AAGO,MAAMA,IAAsC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAoC;"}

package/dist/lib/ui/components/charts/chart-share.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=new Intl.NumberFormat(void 0,{style:"percent",maximumFractionDigits:1});function r(t){return e.format(t)}exports.formatShare=r;
+//# sourceMappingURL=chart-share.cjs.map

package/dist/lib/ui/components/charts/chart-share.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-share.cjs","sources":["../../../../../src/ui/components/charts/chart-share.ts"],"sourcesContent":["const SHARE_FORMAT: Intl.NumberFormat = new Intl.NumberFormat(undefined, {\n  style: \"percent\",\n  maximumFractionDigits: 1,\n});\n\nexport function formatShare(share: number): string {\n  return SHARE_FORMAT.format(share);\n}\n"],"names":["SHARE_FORMAT","formatShare","share"],"mappings":"gFAAA,MAAMA,EAAkC,IAAI,KAAK,aAAa,OAAW,CACvE,MAAO,UACP,sBAAuB,CACzB,CAAC,EAEM,SAASC,EAAYC,EAAuB,CACjD,OAAOF,EAAa,OAAOE,CAAK,CAClC"}

package/dist/lib/ui/components/charts/chart-share.js

@@ -0,0 +1,11 @@
+const r = new Intl.NumberFormat(void 0, {
+  style: "percent",
+  maximumFractionDigits: 1
+});
+function e(t) {
+  return r.format(t);
+}
+export {
+  e as formatShare
+};
+//# sourceMappingURL=chart-share.js.map

package/dist/lib/ui/components/charts/chart-share.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-share.js","sources":["../../../../../src/ui/components/charts/chart-share.ts"],"sourcesContent":["const SHARE_FORMAT: Intl.NumberFormat = new Intl.NumberFormat(undefined, {\n  style: \"percent\",\n  maximumFractionDigits: 1,\n});\n\nexport function formatShare(share: number): string {\n  return SHARE_FORMAT.format(share);\n}\n"],"names":["SHARE_FORMAT","formatShare","share"],"mappings":"AAAA,MAAMA,IAAkC,IAAI,KAAK,aAAa,QAAW;AAAA,EACvE,OAAO;AAAA,EACP,uBAAuB;AACzB,CAAC;AAEM,SAASC,EAAYC,GAAuB;AACjD,SAAOF,EAAa,OAAOE,CAAK;AAClC;"}

package/dist/lib/ui/components/charts/chart-theme.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./chart-palette.cjs");function a(t,e){const r=window.getComputedStyle(t).getPropertyValue(e).trim();return r===""?void 0:r}function o(t,e,r){const l=t.getPropertyValue(e).trim();return l===""?r:l}function s(t){const e=window.getComputedStyle(t);return{seriesColors:d.CHART_SERIES_COLOR_TOKENS.map(r=>o(e,r,"#4b5563")),axisLineColor:o(e,"--sds-color-border-default-secondary","#9ca3af"),splitLineColor:o(e,"--sds-color-border-default-default","#e5e7eb"),labelColor:o(e,"--sds-color-text-default-secondary","#6b7280"),tooltipBackgroundColor:o(e,"--sds-color-background-default-default","#ffffff"),tooltipBorderColor:o(e,"--sds-color-border-default-default","#d1d5db"),fontFamily:o(e,"--sds-typography-body-font-family","inherit")}}exports.readChartTheme=s;exports.resolveColorToken=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./chart-palette.cjs");function d(t,e){const r=window.getComputedStyle(t).getPropertyValue(e).trim();return r===""?void 0:r}function o(t,e,r){const l=t.getPropertyValue(e).trim();return l===""?r:l}function n(t){const e=window.getComputedStyle(t);return{seriesColors:a.CHART_SERIES_COLOR_TOKENS.map(r=>o(e,r,"#4b5563")),neutralColor:o(e,a.CHART_NEUTRAL_COLOR_TOKEN,"#9ca3af"),axisLineColor:o(e,"--sds-color-border-default-secondary","#9ca3af"),splitLineColor:o(e,"--sds-color-border-default-default","#e5e7eb"),labelColor:o(e,"--sds-color-text-default-secondary","#6b7280"),tooltipBackgroundColor:o(e,"--sds-color-background-default-default","#ffffff"),tooltipBorderColor:o(e,"--sds-color-border-default-default","#d1d5db"),fontFamily:o(e,"--sds-typography-body-font-family","inherit")}}exports.readChartTheme=n;exports.resolveColorToken=d;
 //# sourceMappingURL=chart-theme.cjs.map

package/dist/lib/ui/components/charts/chart-theme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart-theme.cjs","sources":["../../../../../src/ui/components/charts/chart-theme.ts"],"sourcesContent":["import { CHART_SERIES_COLOR_TOKENS } from \"./chart-palette\";\n\nexport interface ChartTheme {\n  seriesColors: string[];\n  axisLineColor: string;\n  splitLineColor: string;\n  labelColor: string;\n  tooltipBackgroundColor: string;\n  tooltipBorderColor: string;\n  fontFamily: string;\n}\n\n// O renderizador canvas não entende `var(--token)`, então a cor precisa chegar resolvida. A\n// resolução é contra o elemento hospedeiro para que tema aplicado em escopo menor que `:root`\n// continue valendo.\nexport function resolveColorToken(element: HTMLElement, token: string): string | undefined {\n  const value: string = window.getComputedStyle(element).getPropertyValue(token).trim();\n  return value === \"\" ? undefined : value;\n}\n\nfunction resolveToken(styles: CSSStyleDeclaration, token: string, fallback: string): string {\n  const value: string = styles.getPropertyValue(token).trim();\n  return value === \"\" ? fallback : value;\n}\n\nexport function readChartTheme(element: HTMLElement): ChartTheme {\n  const styles: CSSStyleDeclaration = window.getComputedStyle(element);\n  return {\n    seriesColors: CHART_SERIES_COLOR_TOKENS.map((token: string) =>\n      resolveToken(styles, token, \"#4b5563\"),\n    ),\n    // A escala de borda deste tema vai do claro para o escuro: `tertiary` é a mais escura,\n    // não a mais suave. A grade fica na `default` para ficar atrás do dado, e o eixo na\n    // `secondary` para se separar da grade sem competir com as linhas.\n    axisLineColor: resolveToken(styles, \"--sds-color-border-default-secondary\", \"#9ca3af\"),\n    splitLineColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#e5e7eb\"),\n    labelColor: resolveToken(styles, \"--sds-color-text-default-secondary\", \"#6b7280\"),\n    tooltipBackgroundColor: resolveToken(\n      styles,\n      \"--sds-color-background-default-default\",\n      \"#ffffff\",\n    ),\n    tooltipBorderColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#d1d5db\"),\n    fontFamily: resolveToken(styles, \"--sds-typography-body-font-family\", \"inherit\"),\n  };\n}\n"],"names":["resolveColorToken","element","token","value","resolveToken","styles","fallback","readChartTheme","CHART_SERIES_COLOR_TOKENS"],"mappings":"uHAeO,SAASA,EAAkBC,EAAsBC,EAAmC,CACzF,MAAMC,EAAgB,OAAO,iBAAiBF,CAAO,EAAE,iBAAiBC,CAAK,EAAE,KAAA,EAC/E,OAAOC,IAAU,GAAK,OAAYA,CACpC,CAEA,SAASC,EAAaC,EAA6BH,EAAeI,EAA0B,CAC1F,MAAMH,EAAgBE,EAAO,iBAAiBH,CAAK,EAAE,KAAA,EACrD,OAAOC,IAAU,GAAKG,EAAWH,CACnC,CAEO,SAASI,EAAeN,EAAkC,CAC/D,MAAMI,EAA8B,OAAO,iBAAiBJ,CAAO,EACnE,MAAO,CACL,aAAcO,EAAAA,0BAA0B,IAAKN,GAC3CE,EAAaC,EAAQH,EAAO,SAAS,CAAA,EAKvC,cAAeE,EAAaC,EAAQ,uCAAwC,SAAS,EACrF,eAAgBD,EAAaC,EAAQ,qCAAsC,SAAS,EACpF,WAAYD,EAAaC,EAAQ,qCAAsC,SAAS,EAChF,uBAAwBD,EACtBC,EACA,yCACA,SAAA,EAEF,mBAAoBD,EAAaC,EAAQ,qCAAsC,SAAS,EACxF,WAAYD,EAAaC,EAAQ,oCAAqC,SAAS,CAAA,CAEnF"}
+{"version":3,"file":"chart-theme.cjs","sources":["../../../../../src/ui/components/charts/chart-theme.ts"],"sourcesContent":["import { CHART_SERIES_COLOR_TOKENS, CHART_NEUTRAL_COLOR_TOKEN as NEUTRAL_COLOR_TOKEN } from \"./chart-palette\";\n\nexport interface ChartTheme {\n  seriesColors: string[];\n  neutralColor: string;\n  axisLineColor: string;\n  splitLineColor: string;\n  labelColor: string;\n  tooltipBackgroundColor: string;\n  tooltipBorderColor: string;\n  fontFamily: string;\n}\n\n// O renderizador canvas não entende `var(--token)`, então a cor precisa chegar resolvida. A\n// resolução é contra o elemento hospedeiro para que tema aplicado em escopo menor que `:root`\n// continue valendo.\nexport function resolveColorToken(element: HTMLElement, token: string): string | undefined {\n  const value: string = window.getComputedStyle(element).getPropertyValue(token).trim();\n  return value === \"\" ? undefined : value;\n}\n\nfunction resolveToken(styles: CSSStyleDeclaration, token: string, fallback: string): string {\n  const value: string = styles.getPropertyValue(token).trim();\n  return value === \"\" ? fallback : value;\n}\n\nexport function readChartTheme(element: HTMLElement): ChartTheme {\n  const styles: CSSStyleDeclaration = window.getComputedStyle(element);\n  return {\n    seriesColors: CHART_SERIES_COLOR_TOKENS.map((token: string) =>\n      resolveToken(styles, token, \"#4b5563\"),\n    ),\n    neutralColor: resolveToken(styles, NEUTRAL_COLOR_TOKEN, \"#9ca3af\"),\n    // A escala de borda deste tema vai do claro para o escuro: `tertiary` é a mais escura,\n    // não a mais suave. A grade fica na `default` para ficar atrás do dado, e o eixo na\n    // `secondary` para se separar da grade sem competir com as linhas.\n    axisLineColor: resolveToken(styles, \"--sds-color-border-default-secondary\", \"#9ca3af\"),\n    splitLineColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#e5e7eb\"),\n    labelColor: resolveToken(styles, \"--sds-color-text-default-secondary\", \"#6b7280\"),\n    tooltipBackgroundColor: resolveToken(\n      styles,\n      \"--sds-color-background-default-default\",\n      \"#ffffff\",\n    ),\n    tooltipBorderColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#d1d5db\"),\n    fontFamily: resolveToken(styles, \"--sds-typography-body-font-family\", \"inherit\"),\n  };\n}\n"],"names":["resolveColorToken","element","token","value","resolveToken","styles","fallback","readChartTheme","CHART_SERIES_COLOR_TOKENS","NEUTRAL_COLOR_TOKEN"],"mappings":"uHAgBO,SAASA,EAAkBC,EAAsBC,EAAmC,CACzF,MAAMC,EAAgB,OAAO,iBAAiBF,CAAO,EAAE,iBAAiBC,CAAK,EAAE,KAAA,EAC/E,OAAOC,IAAU,GAAK,OAAYA,CACpC,CAEA,SAASC,EAAaC,EAA6BH,EAAeI,EAA0B,CAC1F,MAAMH,EAAgBE,EAAO,iBAAiBH,CAAK,EAAE,KAAA,EACrD,OAAOC,IAAU,GAAKG,EAAWH,CACnC,CAEO,SAASI,EAAeN,EAAkC,CAC/D,MAAMI,EAA8B,OAAO,iBAAiBJ,CAAO,EACnE,MAAO,CACL,aAAcO,EAAAA,0BAA0B,IAAKN,GAC3CE,EAAaC,EAAQH,EAAO,SAAS,CAAA,EAEvC,aAAcE,EAAaC,EAAQI,EAAAA,0BAAqB,SAAS,EAIjE,cAAeL,EAAaC,EAAQ,uCAAwC,SAAS,EACrF,eAAgBD,EAAaC,EAAQ,qCAAsC,SAAS,EACpF,WAAYD,EAAaC,EAAQ,qCAAsC,SAAS,EAChF,uBAAwBD,EACtBC,EACA,yCACA,SAAA,EAEF,mBAAoBD,EAAaC,EAAQ,qCAAsC,SAAS,EACxF,WAAYD,EAAaC,EAAQ,oCAAqC,SAAS,CAAA,CAEnF"}

package/dist/lib/ui/components/charts/chart-theme.js

@@ -1,4 +1,4 @@
-import { CHART_SERIES_COLOR_TOKENS as d } from "./chart-palette.js";
+import { CHART_SERIES_COLOR_TOKENS as d, CHART_NEUTRAL_COLOR_TOKEN as a } from "./chart-palette.js";
 function s(t, o) {
   const r = window.getComputedStyle(t).getPropertyValue(o).trim();
   return r === "" ? void 0 : r;
@@ -7,12 +7,13 @@ function e(t, o, r) {
   const l = t.getPropertyValue(o).trim();
   return l === "" ? r : l;
 }
-function n(t) {
+function f(t) {
   const o = window.getComputedStyle(t);
   return {
     seriesColors: d.map(
       (r) => e(o, r, "#4b5563")
     ),
+    neutralColor: e(o, a, "#9ca3af"),
     // A escala de borda deste tema vai do claro para o escuro: `tertiary` é a mais escura,
     // não a mais suave. A grade fica na `default` para ficar atrás do dado, e o eixo na
     // `secondary` para se separar da grade sem competir com as linhas.
@@ -29,7 +30,7 @@ function n(t) {
   };
 }
 export {
-  n as readChartTheme,
+  f as readChartTheme,
   s as resolveColorToken
 };
 //# sourceMappingURL=chart-theme.js.map

package/dist/lib/ui/components/charts/chart-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-theme.js","sources":["../../../../../src/ui/components/charts/chart-theme.ts"],"sourcesContent":["import { CHART_SERIES_COLOR_TOKENS } from \"./chart-palette\";\n\nexport interface ChartTheme {\n  seriesColors: string[];\n  axisLineColor: string;\n  splitLineColor: string;\n  labelColor: string;\n  tooltipBackgroundColor: string;\n  tooltipBorderColor: string;\n  fontFamily: string;\n}\n\n// O renderizador canvas não entende `var(--token)`, então a cor precisa chegar resolvida. A\n// resolução é contra o elemento hospedeiro para que tema aplicado em escopo menor que `:root`\n// continue valendo.\nexport function resolveColorToken(element: HTMLElement, token: string): string | undefined {\n  const value: string = window.getComputedStyle(element).getPropertyValue(token).trim();\n  return value === \"\" ? undefined : value;\n}\n\nfunction resolveToken(styles: CSSStyleDeclaration, token: string, fallback: string): string {\n  const value: string = styles.getPropertyValue(token).trim();\n  return value === \"\" ? fallback : value;\n}\n\nexport function readChartTheme(element: HTMLElement): ChartTheme {\n  const styles: CSSStyleDeclaration = window.getComputedStyle(element);\n  return {\n    seriesColors: CHART_SERIES_COLOR_TOKENS.map((token: string) =>\n      resolveToken(styles, token, \"#4b5563\"),\n    ),\n    // A escala de borda deste tema vai do claro para o escuro: `tertiary` é a mais escura,\n    // não a mais suave. A grade fica na `default` para ficar atrás do dado, e o eixo na\n    // `secondary` para se separar da grade sem competir com as linhas.\n    axisLineColor: resolveToken(styles, \"--sds-color-border-default-secondary\", \"#9ca3af\"),\n    splitLineColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#e5e7eb\"),\n    labelColor: resolveToken(styles, \"--sds-color-text-default-secondary\", \"#6b7280\"),\n    tooltipBackgroundColor: resolveToken(\n      styles,\n      \"--sds-color-background-default-default\",\n      \"#ffffff\",\n    ),\n    tooltipBorderColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#d1d5db\"),\n    fontFamily: resolveToken(styles, \"--sds-typography-body-font-family\", \"inherit\"),\n  };\n}\n"],"names":["resolveColorToken","element","token","value","resolveToken","styles","fallback","readChartTheme","CHART_SERIES_COLOR_TOKENS"],"mappings":";AAeO,SAASA,EAAkBC,GAAsBC,GAAmC;AACzF,QAAMC,IAAgB,OAAO,iBAAiBF,CAAO,EAAE,iBAAiBC,CAAK,EAAE,KAAA;AAC/E,SAAOC,MAAU,KAAK,SAAYA;AACpC;AAEA,SAASC,EAAaC,GAA6BH,GAAeI,GAA0B;AAC1F,QAAMH,IAAgBE,EAAO,iBAAiBH,CAAK,EAAE,KAAA;AACrD,SAAOC,MAAU,KAAKG,IAAWH;AACnC;AAEO,SAASI,EAAeN,GAAkC;AAC/D,QAAMI,IAA8B,OAAO,iBAAiBJ,CAAO;AACnE,SAAO;AAAA,IACL,cAAcO,EAA0B;AAAA,MAAI,CAACN,MAC3CE,EAAaC,GAAQH,GAAO,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKvC,eAAeE,EAAaC,GAAQ,wCAAwC,SAAS;AAAA,IACrF,gBAAgBD,EAAaC,GAAQ,sCAAsC,SAAS;AAAA,IACpF,YAAYD,EAAaC,GAAQ,sCAAsC,SAAS;AAAA,IAChF,wBAAwBD;AAAA,MACtBC;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,oBAAoBD,EAAaC,GAAQ,sCAAsC,SAAS;AAAA,IACxF,YAAYD,EAAaC,GAAQ,qCAAqC,SAAS;AAAA,EAAA;AAEnF;"}
+{"version":3,"file":"chart-theme.js","sources":["../../../../../src/ui/components/charts/chart-theme.ts"],"sourcesContent":["import { CHART_SERIES_COLOR_TOKENS, CHART_NEUTRAL_COLOR_TOKEN as NEUTRAL_COLOR_TOKEN } from \"./chart-palette\";\n\nexport interface ChartTheme {\n  seriesColors: string[];\n  neutralColor: string;\n  axisLineColor: string;\n  splitLineColor: string;\n  labelColor: string;\n  tooltipBackgroundColor: string;\n  tooltipBorderColor: string;\n  fontFamily: string;\n}\n\n// O renderizador canvas não entende `var(--token)`, então a cor precisa chegar resolvida. A\n// resolução é contra o elemento hospedeiro para que tema aplicado em escopo menor que `:root`\n// continue valendo.\nexport function resolveColorToken(element: HTMLElement, token: string): string | undefined {\n  const value: string = window.getComputedStyle(element).getPropertyValue(token).trim();\n  return value === \"\" ? undefined : value;\n}\n\nfunction resolveToken(styles: CSSStyleDeclaration, token: string, fallback: string): string {\n  const value: string = styles.getPropertyValue(token).trim();\n  return value === \"\" ? fallback : value;\n}\n\nexport function readChartTheme(element: HTMLElement): ChartTheme {\n  const styles: CSSStyleDeclaration = window.getComputedStyle(element);\n  return {\n    seriesColors: CHART_SERIES_COLOR_TOKENS.map((token: string) =>\n      resolveToken(styles, token, \"#4b5563\"),\n    ),\n    neutralColor: resolveToken(styles, NEUTRAL_COLOR_TOKEN, \"#9ca3af\"),\n    // A escala de borda deste tema vai do claro para o escuro: `tertiary` é a mais escura,\n    // não a mais suave. A grade fica na `default` para ficar atrás do dado, e o eixo na\n    // `secondary` para se separar da grade sem competir com as linhas.\n    axisLineColor: resolveToken(styles, \"--sds-color-border-default-secondary\", \"#9ca3af\"),\n    splitLineColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#e5e7eb\"),\n    labelColor: resolveToken(styles, \"--sds-color-text-default-secondary\", \"#6b7280\"),\n    tooltipBackgroundColor: resolveToken(\n      styles,\n      \"--sds-color-background-default-default\",\n      \"#ffffff\",\n    ),\n    tooltipBorderColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#d1d5db\"),\n    fontFamily: resolveToken(styles, \"--sds-typography-body-font-family\", \"inherit\"),\n  };\n}\n"],"names":["resolveColorToken","element","token","value","resolveToken","styles","fallback","readChartTheme","CHART_SERIES_COLOR_TOKENS","NEUTRAL_COLOR_TOKEN"],"mappings":";AAgBO,SAASA,EAAkBC,GAAsBC,GAAmC;AACzF,QAAMC,IAAgB,OAAO,iBAAiBF,CAAO,EAAE,iBAAiBC,CAAK,EAAE,KAAA;AAC/E,SAAOC,MAAU,KAAK,SAAYA;AACpC;AAEA,SAASC,EAAaC,GAA6BH,GAAeI,GAA0B;AAC1F,QAAMH,IAAgBE,EAAO,iBAAiBH,CAAK,EAAE,KAAA;AACrD,SAAOC,MAAU,KAAKG,IAAWH;AACnC;AAEO,SAASI,EAAeN,GAAkC;AAC/D,QAAMI,IAA8B,OAAO,iBAAiBJ,CAAO;AACnE,SAAO;AAAA,IACL,cAAcO,EAA0B;AAAA,MAAI,CAACN,MAC3CE,EAAaC,GAAQH,GAAO,SAAS;AAAA,IAAA;AAAA,IAEvC,cAAcE,EAAaC,GAAQI,GAAqB,SAAS;AAAA;AAAA;AAAA;AAAA,IAIjE,eAAeL,EAAaC,GAAQ,wCAAwC,SAAS;AAAA,IACrF,gBAAgBD,EAAaC,GAAQ,sCAAsC,SAAS;AAAA,IACpF,YAAYD,EAAaC,GAAQ,sCAAsC,SAAS;AAAA,IAChF,wBAAwBD;AAAA,MACtBC;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,oBAAoBD,EAAaC,GAAQ,sCAAsC,SAAS;AAAA,IACxF,YAAYD,EAAaC,GAAQ,qCAAqC,SAAS;AAAA,EAAA;AAEnF;"}

package/dist/lib/ui/components/charts/echarts-modules.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("echarts/charts"),n=require("echarts/components"),a=require("echarts/core"),i=require("echarts/renderers");function u(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=u(a);function l(){s.use([c.LineChart,c.BarChart,n.GridComponent,n.TooltipComponent,n.LegendComponent,i.CanvasRenderer])}exports.echarts=s;exports.registerEchartsModules=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("echarts/charts"),o=require("echarts/components"),a=require("echarts/core"),u=require("echarts/renderers");function i(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=i(a);function l(){c.use([r.LineChart,r.BarChart,r.PieChart,r.SunburstChart,o.GridComponent,o.TooltipComponent,o.LegendComponent,u.CanvasRenderer])}exports.echarts=c;exports.registerEchartsModules=l;
 //# sourceMappingURL=echarts-modules.cjs.map

package/dist/lib/ui/components/charts/echarts-modules.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"echarts-modules.cjs","sources":["../../../../../src/ui/components/charts/echarts-modules.ts"],"sourcesContent":["import { BarChart, LineChart } from \"echarts/charts\";\nimport { GridComponent, LegendComponent, TooltipComponent } from \"echarts/components\";\nimport * as echarts from \"echarts/core\";\nimport { CanvasRenderer } from \"echarts/renderers\";\n\n// Precisa ser função, e não efeito de módulo: no topo do arquivo o rollup apaga a chamada ao\n// empacotar a lib (retorno não usado = código morto), e o consumidor recebe os imports sem\n// registro nenhum, quebrando em runtime com \"series.type: line not exists\".\nexport function registerEchartsModules(): void {\n  echarts.use([\n    LineChart,\n    BarChart,\n    GridComponent,\n    TooltipComponent,\n    LegendComponent,\n    CanvasRenderer,\n  ]);\n}\n\nexport { echarts };\n"],"names":["registerEchartsModules","echarts","LineChart","BarChart","GridComponent","TooltipComponent","LegendComponent","CanvasRenderer"],"mappings":"qeAQO,SAASA,GAA+B,CAC7CC,EAAQ,IAAI,CACVC,EAAAA,UACAC,EAAAA,SACAC,EAAAA,cACAC,EAAAA,iBACAC,EAAAA,gBACAC,EAAAA,cAAA,CACD,CACH"}
+{"version":3,"file":"echarts-modules.cjs","sources":["../../../../../src/ui/components/charts/echarts-modules.ts"],"sourcesContent":["import { BarChart, LineChart, PieChart, SunburstChart } from \"echarts/charts\";\nimport { GridComponent, LegendComponent, TooltipComponent } from \"echarts/components\";\nimport * as echarts from \"echarts/core\";\nimport { CanvasRenderer } from \"echarts/renderers\";\n\n// Precisa ser função, e não efeito de módulo: no topo do arquivo o rollup apaga a chamada ao\n// empacotar a lib (retorno não usado = código morto), e o consumidor recebe os imports sem\n// registro nenhum, quebrando em runtime com \"series.type: line not exists\".\nexport function registerEchartsModules(): void {\n  echarts.use([\n    LineChart,\n    BarChart,\n    PieChart,\n    SunburstChart,\n    GridComponent,\n    TooltipComponent,\n    LegendComponent,\n    CanvasRenderer,\n  ]);\n}\n\nexport { echarts };\n"],"names":["registerEchartsModules","echarts","LineChart","BarChart","PieChart","SunburstChart","GridComponent","TooltipComponent","LegendComponent","CanvasRenderer"],"mappings":"qeAQO,SAASA,GAA+B,CAC7CC,EAAQ,IAAI,CACVC,EAAAA,UACAC,EAAAA,SACAC,EAAAA,SACAC,EAAAA,cACAC,EAAAA,cACAC,EAAAA,iBACAC,EAAAA,gBACAC,EAAAA,cAAA,CACD,CACH"}

package/dist/lib/ui/components/charts/echarts-modules.js

@@ -1,19 +1,21 @@
-import { LineChart as o, BarChart as r } from "echarts/charts";
-import { GridComponent as e, TooltipComponent as t, LegendComponent as n } from "echarts/components";
-import * as m from "echarts/core";
+import { LineChart as r, BarChart as o, PieChart as t, SunburstChart as e } from "echarts/charts";
+import { GridComponent as n, TooltipComponent as m, LegendComponent as a } from "echarts/components";
+import * as i from "echarts/core";
 import { CanvasRenderer as p } from "echarts/renderers";
-function C() {
-  m.use([
-    o,
+function f() {
+  i.use([
     r,
-    e,
+    o,
     t,
+    e,
     n,
+    m,
+    a,
     p
   ]);
 }
 export {
-  m as echarts,
-  C as registerEchartsModules
+  i as echarts,
+  f as registerEchartsModules
 };
 //# sourceMappingURL=echarts-modules.js.map

package/dist/lib/ui/components/charts/echarts-modules.js.map

@@ -1 +1 @@
-{"version":3,"file":"echarts-modules.js","sources":["../../../../../src/ui/components/charts/echarts-modules.ts"],"sourcesContent":["import { BarChart, LineChart } from \"echarts/charts\";\nimport { GridComponent, LegendComponent, TooltipComponent } from \"echarts/components\";\nimport * as echarts from \"echarts/core\";\nimport { CanvasRenderer } from \"echarts/renderers\";\n\n// Precisa ser função, e não efeito de módulo: no topo do arquivo o rollup apaga a chamada ao\n// empacotar a lib (retorno não usado = código morto), e o consumidor recebe os imports sem\n// registro nenhum, quebrando em runtime com \"series.type: line not exists\".\nexport function registerEchartsModules(): void {\n  echarts.use([\n    LineChart,\n    BarChart,\n    GridComponent,\n    TooltipComponent,\n    LegendComponent,\n    CanvasRenderer,\n  ]);\n}\n\nexport { echarts };\n"],"names":["registerEchartsModules","echarts","LineChart","BarChart","GridComponent","TooltipComponent","LegendComponent","CanvasRenderer"],"mappings":";;;;AAQO,SAASA,IAA+B;AAC7C,EAAAC,EAAQ,IAAI;AAAA,IACVC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AACH;"}
+{"version":3,"file":"echarts-modules.js","sources":["../../../../../src/ui/components/charts/echarts-modules.ts"],"sourcesContent":["import { BarChart, LineChart, PieChart, SunburstChart } from \"echarts/charts\";\nimport { GridComponent, LegendComponent, TooltipComponent } from \"echarts/components\";\nimport * as echarts from \"echarts/core\";\nimport { CanvasRenderer } from \"echarts/renderers\";\n\n// Precisa ser função, e não efeito de módulo: no topo do arquivo o rollup apaga a chamada ao\n// empacotar a lib (retorno não usado = código morto), e o consumidor recebe os imports sem\n// registro nenhum, quebrando em runtime com \"series.type: line not exists\".\nexport function registerEchartsModules(): void {\n  echarts.use([\n    LineChart,\n    BarChart,\n    PieChart,\n    SunburstChart,\n    GridComponent,\n    TooltipComponent,\n    LegendComponent,\n    CanvasRenderer,\n  ]);\n}\n\nexport { echarts };\n"],"names":["registerEchartsModules","echarts","LineChart","BarChart","PieChart","SunburstChart","GridComponent","TooltipComponent","LegendComponent","CanvasRenderer"],"mappings":";;;;AAQO,SAASA,IAA+B;AAC7C,EAAAC,EAAQ,IAAI;AAAA,IACVC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AACH;"}

package/dist/lib/ui/primitives/Table/Table.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),b=require("./DataDrivenTable.cjs"),e=require("./TableBase.cjs");function n(l){return"columns"in l&&l.columns?a.jsx(b.DataDrivenTable,{...l}):a.jsx(e.TableBase,{...l})}exports.TableBody=e.TableBody;exports.TableCell=e.TableCell;exports.TableColumn=e.TableColumn;exports.TableHead=e.TableHead;exports.TableRow=e.TableRow;exports.Table=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../vendor/clsx/dist/clsx.cjs"),m=require("react"),n=require("react-aria-components");;/* empty css            */const g=require("../../icons/IconChevronDown.cjs"),f=require("../../icons/IconChevronUp.cjs"),j=require("../Checkbox/Checkbox.cjs"),p=require("../Radio/Radio.cjs"),h=m.createContext("checkbox");function v(s){const l=Number(s);return`${s}`.trim()!==""&&Number.isFinite(l)?`${l}px`:`${s}`}function y({bleed:s=!1,dense:l=!1,grid:t=!1,striped:o=!1,selectionType:i="checkbox",maxHeight:a,className:d,...r}){const b=a!==void 0,C=c.clsx(d,"table-container",s&&"table-container-bleed",b&&"table-container-scrollable"),N=b?{"--table-max-height":v(a)}:void 0,T=c.clsx("sds-table",s&&"table-bleed",l&&"table-dense",t&&"table-grid",o&&"sds-table-striped");return e.jsx("div",{className:C,style:N,children:e.jsx(h.Provider,{value:i,children:e.jsx(n.Table,{className:T,...r})})})}function x({align:s="start",className:l,...t}){const o=c.clsx(l,"table-column",`table-align-${s}`);return e.jsx(n.Column,{className:o,...t,children:({allowsSorting:i,sortDirection:a})=>e.jsx("div",{className:c.clsx("table-column-inner"),children:e.jsxs(e.Fragment,{children:[t.children,i&&e.jsx("span",{"aria-hidden":"true",className:c.clsx("sort-indicator",!a&&"sort-indicator-unsorted"),children:a==="descending"?e.jsx(g.IconChevronDown,{}):e.jsx(f.IconChevronUp,{})})]})})})}function k({className:s,...l}){return e.jsx(n.TableBody,{...l})}function q({className:s,columns:l,children:t,...o}){const{selectionBehavior:i,selectionMode:a,allowsDragging:d}=n.useTableOptions(),r=m.useContext(h),b=c.clsx(s,"table-head");return e.jsxs(n.TableHeader,{className:b,...o,children:[d&&e.jsx(x,{}),i==="toggle"&&e.jsx(x,{className:c.clsx("table-selection-col",r==="radio"&&"table-selection-col--radio"),children:a==="multiple"&&e.jsx(n.Checkbox,{slot:"selection",className:"table-selection-checkbox",children:e.jsx(j.Checkbox,{})})}),e.jsx(n.Collection,{items:l,children:t})]})}function w({id:s,columns:l,children:t,className:o,...i}){const{selectionBehavior:a,allowsDragging:d}=n.useTableOptions(),r=m.useContext(h),b=c.clsx(o,"table-row");return e.jsxs(n.Row,{id:s,...i,className:b,children:[d&&e.jsx(u,{children:e.jsx(n.Button,{slot:"drag",children:"≡"})}),a==="toggle"&&e.jsx(u,{className:c.clsx("table-selection-cell",r==="radio"&&"table-selection-cell--radio"),children:e.jsx(n.Checkbox,{slot:"selection",className:"table-selection-checkbox",children:r==="radio"?e.jsx(p.Radio,{}):e.jsx(j.Checkbox,{})})}),e.jsx(n.Collection,{items:l,children:t})]})}function u({align:s="start",className:l,...t}){const o=c.clsx(l,"table-cell",`table-align-${s}`);return e.jsx(n.Cell,{className:o,...t})}exports.Table=y;exports.TableBody=k;exports.TableCell=u;exports.TableColumn=x;exports.TableHead=q;exports.TableRow=w;
 //# sourceMappingURL=Table.cjs.map