@cfasim-ui/charts 0.4.6 → 0.4.8

package/dist/BarChart/BarChart.d.ts

@@ -1,3 +1,4 @@
+import { NumberFormat } from '@cfasim-ui/shared';
 import { ChartData, ChartCommonProps, ChartHoverPayload, ChartTooltipBaseProps } from '../_shared/index.js';
 export type BarChartData = ChartData;
 export interface BarSeries {
@@ -27,13 +28,26 @@ interface BarChartProps extends ChartCommonProps {
     layout?: "grouped" | "stacked";
     /** Force the value axis to start at this value or lower (default 0). */
     valueMin?: number;
+    /**
+     * Scale type for the value axis. `"linear"` (default) maps values
+     * directly to pixels; `"log"` uses a base-10 log mapping. On a log
+     * axis, non-positive values collapse to the visible minimum, and
+     * `valueMin <= 0` is ignored. Stacked layout + log produces a
+     * cumulative axis but individual segment sizes are no longer
+     * proportional to their values.
+     */
+    valueScaleType?: "linear" | "log";
     /**
      * Tick placement on the value axis (numeric). Number = interval,
      * array = explicit values. When omitted, ticks are chosen automatically.
      */
     valueTicks?: number | number[];
-    /** Formatter for value-axis tick labels. */
-    valueTickFormat?: (value: number) => string;
+    /**
+     * Formatter for value-axis tick labels. Accepts a preset name, a
+     * printf-style format string, or a function. See `formatNumber` in
+     * `@cfasim-ui/shared`.
+     */
+    valueTickFormat?: NumberFormat;
     /** Formatter for category-axis labels. Receives the resolved category string. */
     categoryFormat?: (label: string, index: number) => string;
     /**
@@ -77,6 +91,7 @@ declare const __VLS_component: import('vue').DefineComponent<BarChartProps, {},
     orientation: "vertical" | "horizontal";
     layout: "grouped" | "stacked";
     valueMin: number;
+    valueScaleType: "linear" | "log";
     barPadding: number;
     groupGap: number;
     valueGrid: boolean;

package/dist/ChartMenu/download.d.ts

@@ -1,4 +1,9 @@
 export declare function downloadBlob(blob: Blob, name: string): void;
+/** Clone `svg` and inline the styles that don't survive a standalone render:
+ *  inherited `color`/`font-*` on the root (so `currentColor` and unset
+ *  font-family resolve), and any `var(--…)` references in fill/stroke
+ *  attributes resolved against the document. */
+export declare function prepareSvgForExport(svg: SVGSVGElement): SVGSVGElement;
 export declare function saveSvg(svg: SVGSVGElement, filename: string): void;
 export declare function savePng(svg: SVGSVGElement, filename: string): void;
 export declare function downloadCsv(csv: string, filename: string): void;

package/dist/ChartMenu/download.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ChoroplethMap/ChoroplethMap.d.ts

@@ -1,4 +1,5 @@
 import { Topology } from 'topojson-specification';
+import { NumberFormat } from '@cfasim-ui/shared';
 export type GeoType = "states" | "counties" | "hsas";
 export interface StateData {
     /** FIPS code (e.g. "06" for California, "04015" for a county) or name */
@@ -94,11 +95,12 @@ type __VLS_Props = {
         value?: number | string;
     }) => string;
     /**
-     * Formatter for numeric values shown in the default tooltip. Receives
-     * the raw value. Ignored when `tooltipFormat` is provided (the caller
-     * controls the entire tooltip in that case).
+     * Formatter for numeric values shown in the default tooltip. Accepts a
+     * preset name, a printf-style format string, or a function. Ignored when
+     * `tooltipFormat` is provided (the caller controls the entire tooltip in
+     * that case). See `formatNumber` in `@cfasim-ui/shared`.
      */
-    tooltipValueFormat?: (value: number) => string;
+    tooltipValueFormat?: NumberFormat;
     /**
      * Boundary for tooltip flip/clamp. `"none"` always places to the right of
      * the pointer with no clamping. `"chart"` (default) uses the map

package/dist/DataTable/DataTable.d.ts

@@ -1,13 +1,24 @@
-import { ModelOutput } from '@cfasim-ui/shared';
+import { ModelOutput, NumberFormat } from '@cfasim-ui/shared';
 export type TableRecord = Record<string, ArrayLike<number | string | boolean>>;
 export type TableData = TableRecord | ModelOutput;
 export type ColumnWidth = "small" | "medium" | "large";
 export type ColumnAlign = "left" | "center" | "right";
+export type CellValue = number | string | boolean;
+export type ColumnFormatter = (value: CellValue, row: number) => string;
 export interface ColumnConfig {
     label?: string;
     width?: ColumnWidth | number;
     align?: ColumnAlign;
     cellClass?: string;
+    /**
+     * Custom formatter for cell values in this column. Accepts a
+     * {@link NumberFormat} (preset name, printf-style string, or
+     * `(value) => string` function — see `formatNumber` in
+     * `@cfasim-ui/shared`) or a `(value, row) => string` function for full
+     * control. Number presets/sprintf only apply to numeric cells; other
+     * types fall back to default rendering. Used in CSV exports.
+     */
+    format?: NumberFormat | ColumnFormatter;
 }
 type __VLS_Props = {
     data: TableData;

package/dist/LineChart/LineChart.d.ts

@@ -1,3 +1,4 @@
+import { NumberFormat } from '@cfasim-ui/shared';
 import { ChartData, ChartCommonProps, ChartHoverPayload, ChartTooltipBaseProps } from '../_shared/index.js';
 /**
  * Numeric input accepted by the chart. `number[]` and any standard numeric
@@ -80,6 +81,13 @@ interface LineChartProps extends ChartCommonProps {
     areaSections?: AreaSection[];
     lineOpacity?: number;
     yMin?: number;
+    /**
+     * Scale type for the y axis. `"linear"` (default) maps values directly
+     * to pixels; `"log"` uses a base-10 log mapping. On a log axis,
+     * non-positive values collapse to the visible minimum, and `yMin <= 0`
+     * is ignored.
+     */
+    yScaleType?: "linear" | "log";
     /**
      * Offset applied to index-based x values (e.g. `xMin: 10` starts the
      * x axis at 10 instead of 0). Ignored when any series or area has
@@ -99,10 +107,18 @@ interface LineChartProps extends ChartCommonProps {
      * omitted, ticks are chosen automatically.
      */
     yTicks?: number | number[];
-    /** Formatter for x-axis tick labels. Receives the raw numeric value. */
-    xTickFormat?: (value: number, index: number) => string;
-    /** Formatter for y-axis tick labels. Receives the raw numeric value. */
-    yTickFormat?: (value: number) => string;
+    /**
+     * Formatter for x-axis tick labels. Accepts a preset name, a printf-style
+     * format string, or a function. The two-arg function form `(value, index)`
+     * is also supported for index-based labels. See `formatNumber` in
+     * `@cfasim-ui/shared`.
+     */
+    xTickFormat?: NumberFormat | ((value: number, index: number) => string);
+    /**
+     * Formatter for y-axis tick labels. Accepts a preset name, a printf-style
+     * format string, or a function. See `formatNumber` in `@cfasim-ui/shared`.
+     */
+    yTickFormat?: NumberFormat;
     /**
      * @deprecated Use `xTickFormat` (e.g. `(_, i) => labels[i]`) together
      * with `xTicks` for explicit control. Still honored for tooltip x-labels
@@ -138,6 +154,7 @@ declare const __VLS_component: import('vue').DefineComponent<LineChartProps, {},
 }>, {
     menu: boolean | string;
     lineOpacity: number;
+    yScaleType: "linear" | "log";
     tooltipClamp: "none" | "chart" | "window";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: HTMLDivElement;

package/dist/_shared/ChartAnnotations.d.ts

@@ -21,5 +21,5 @@ type __VLS_Props = {
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     annotations: readonly ChartAnnotation[];
     bounds: ChartBounds;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGGElement>;
 export default _default;

package/dist/_shared/chartProps.d.ts

@@ -1,3 +1,4 @@
+import { NumberFormat } from '@cfasim-ui/shared';
 import { ChartAnnotation } from './annotations.js';
 import { ChartPadding } from './useChartPadding.js';
 /**
@@ -23,11 +24,12 @@ export interface ChartCommonProps {
     /** Boundary for tooltip flip/clamp. Default: `"chart"`. */
     tooltipClamp?: "none" | "chart" | "window";
     /**
-     * Formatter for numeric values shown in the default tooltip. Receives
-     * the raw value. When omitted, the chart falls back to its value-axis
-     * tick formatter, then `formatTick`.
+     * Formatter for numeric values shown in the default tooltip. Accepts a
+     * preset name, a printf-style format string, or a function. When
+     * omitted, the chart falls back to its value-axis tick formatter, then
+     * `formatTick`. See `formatNumber` in `@cfasim-ui/shared`.
      */
-    tooltipValueFormat?: (value: number) => string;
+    tooltipValueFormat?: NumberFormat;
     /**
      * Custom CSV content (string or function) for the Download CSV menu
      * item. When omitted, CSV is generated from the chart's series.

package/dist/_shared/index.d.ts

@@ -1,5 +1,6 @@
 export { snap, niceStep, intervalValues, formatTick, type ChartData, } from './axes.js';
 export { computeTickValues, type TickValueOptions } from './computeTicks.js';
+export { scaleFraction, clampExtentForScale, computeLogTickValues, LOG_FLOOR, type ScaleType, } from './scale.js';
 export { useChartSize, type ChartSizeOptions } from './useChartSize.js';
 export { useChartPadding, INLINE_LEGEND_HEIGHT, type ChartPaddingOptions, type ChartPadding, type ChartBounds, } from './useChartPadding.js';
 export { useChartTooltip, type ChartTooltipOptions, } from './useChartTooltip.js';

package/dist/_shared/scale.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Linear and log scale helpers shared by chart components. The chart
+ * computes a `[min, max]` data extent then maps values to pixels via
+ * `scaleFraction`; log mode clamps `min` to a positive floor so we
+ * never take `log10(0)` or `log10(-x)`.
+ */
+export type ScaleType = "linear" | "log";
+/** Default floor used when a log-scale extent contains no positive data. */
+export declare const LOG_FLOOR = 1;
+/**
+ * Project a value onto a [0, 1] fraction of the axis range. The caller
+ * multiplies by the pixel range and adds the axis origin. On log
+ * scales, non-positive values collapse to the visible minimum so they
+ * sit on the axis floor instead of producing -Infinity.
+ */
+export declare function scaleFraction(v: number, min: number, max: number, type: ScaleType): number;
+/**
+ * Clamp the lower bound of a data extent so it's safe for log scale.
+ * For linear scales the inputs are returned unchanged. For log scales,
+ * `min` is raised to the smallest positive value in the data (or
+ * `LOG_FLOOR` when no positive values exist), and `max` is also
+ * floored to that value so a degenerate axis still renders.
+ */
+export declare function clampExtentForScale(min: number, max: number, type: ScaleType, smallestPositive: number): {
+    min: number;
+    max: number;
+};
+/**
+ * Generate tick values for a log axis. By default returns powers of 10
+ * inside `[min, max]`. Pass `ticks` as an explicit array to override;
+ * numeric `ticks` (linear interval) is ignored on a log axis since it
+ * would produce a swarm of densely-packed labels — use an array for
+ * non-default tick placement.
+ */
+export declare function computeLogTickValues(opts: {
+    min: number;
+    max: number;
+    ticks?: number | number[];
+}): number[];

package/dist/_shared/scale.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/_shared/useChartFoundation.d.ts

@@ -1,3 +1,4 @@
+import { NumberFormat } from '@cfasim-ui/shared';
 import { ChartPadding } from './useChartPadding.js';
 import { TooltipClamp } from '../tooltip-position.js';
 export interface ChartFoundationOptions {
@@ -79,4 +80,4 @@ export declare function useChartFoundation(opts: ChartFoundationOptions): {
  * falls back to the chart's axis tick formatter, and finally to
  * `formatTick`. Both chart components use the same precedence order.
  */
-export declare function makeTooltipValueFormatter(tooltipFormat: () => ((v: number) => string) | undefined, axisFormat: () => ((v: number) => string) | undefined): (v: number) => string;
+export declare function makeTooltipValueFormatter(tooltipFormat: () => NumberFormat | undefined, axisFormat: () => NumberFormat | undefined): (v: number) => string;

package/dist/index.css

@@ -1,2 +1,2 @@
-.chart-menu-trigger-area[data-v-b3c563e8]{z-index:1;position:absolute;top:0;right:0}.chart-menu-button[data-v-b3c563e8]{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;opacity:0;border-radius:.25em;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.chart-menu-button[data-state=open][data-v-b3c563e8]{opacity:1}.chart-menu-button[data-v-b3c563e8]:hover{background:var(--color-bg-1,#0000000d);color:var(--color-text)}.chart-menu-content{z-index:100;background:var(--color-bg-0);border:1px solid var(--color-border);border-radius:.25em;min-width:140px;padding:.25em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.chart-menu-item{font-size:var(--font-size-sm);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:.25em;outline:none;align-items:center;padding:.375em .5em;display:flex}.chart-menu-item[data-highlighted]{background:var(--color-primary);color:#fff}.line-chart-wrapper[data-v-ebe2731e]{width:100%;position:relative}.line-chart-wrapper[data-v-ebe2731e]:hover .chart-menu-button{opacity:1}.line-chart-tooltip-label[data-v-ebe2731e]{margin-bottom:.25em;font-weight:600}.line-chart-tooltip-row[data-v-ebe2731e]{align-items:center;gap:.375em;display:flex}.line-chart-download-link[data-v-ebe2731e]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.line-chart-tooltip-swatch[data-v-ebe2731e]{border-radius:50%;flex-shrink:0;width:.625em;height:.625em;display:inline-block}.bar-chart-wrapper[data-v-690ebb3c]{width:100%;position:relative}.bar-chart-wrapper[data-v-690ebb3c]:hover .chart-menu-button{opacity:1}.bar-chart-tooltip-label[data-v-690ebb3c]{margin-bottom:.25em;font-weight:600}.bar-chart-tooltip-row[data-v-690ebb3c]{align-items:center;gap:.375em;display:flex}.bar-chart-download-link[data-v-690ebb3c]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.bar-chart-tooltip-swatch[data-v-690ebb3c]{border-radius:50%;flex-shrink:0;width:.625em;height:.625em;display:inline-block}.choropleth-wrapper[data-v-f0f75b22]{--choropleth-legend-bg:var(--color-bg-0,#fff);width:100%;position:relative}.choropleth-wrapper svg[data-v-f0f75b22]{width:100%;height:auto;display:block}.choropleth-wrapper.pannable svg[data-v-f0f75b22]{cursor:grab}.choropleth-wrapper.pannable svg[data-v-f0f75b22]:active{cursor:grabbing}.choropleth-wrapper[data-v-f0f75b22]:hover .chart-menu-button{opacity:1}.state-path[data-v-f0f75b22]{cursor:pointer}.choropleth-reset[data-v-f0f75b22]{font:inherit;color:var(--color-text-secondary,#555);background:var(--color-bg-0,#fff);border:1px solid var(--color-border,#e5e7eb);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:12px;position:absolute;bottom:8px;left:8px;box-shadow:0 1px 2px #0000000d}.choropleth-reset[data-v-f0f75b22]:hover{background:var(--color-bg-1,#f8f9fa);color:var(--color-text,#212529)}.choropleth-header[data-v-f0f75b22]{background:var(--choropleth-legend-bg);color:currentColor;border-radius:4px;flex-direction:column;align-items:center;gap:10px;width:fit-content;margin:0 auto;padding:8px 14px;display:flex}.choropleth-title[data-v-f0f75b22]{font-size:14px;font-weight:600;line-height:1.2}.choropleth-legend[data-v-f0f75b22]{align-items:center;gap:14px;font-size:13px;line-height:1.2;display:flex}.choropleth-legend-title[data-v-f0f75b22]{font-weight:600}.choropleth-legend-item[data-v-f0f75b22]{align-items:center;gap:6px;display:inline-flex}.choropleth-legend-swatch[data-v-f0f75b22]{border-radius:3px;width:12px;height:12px;display:inline-block}.choropleth-legend-continuous[data-v-f0f75b22]{flex-direction:column;width:160px;display:flex}.choropleth-legend-gradient[data-v-f0f75b22]{border-radius:2px;height:12px}.choropleth-legend-ticks[data-v-f0f75b22]{opacity:.7;height:14px;margin-top:4px;font-size:11px;position:relative}.choropleth-legend-ticks>span[data-v-f0f75b22]{position:absolute;transform:translate(-50%)}.chart-tooltip-anchor[data-v-44377f70]{pointer-events:none;width:1px;height:1px;position:absolute}.chart-tooltip-content{z-index:100;background:var(--color-bg-0,#fff);border:1px solid var(--color-border,#e5e7eb);font-size:var(--font-size-sm,.875rem);pointer-events:none;border-radius:.375em;padding:.5em .75em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.TableOuter[data-v-d5c290dc]{display:inline-block;position:relative}.TableOuter.full-width[data-v-d5c290dc]{display:block}.TableWrapper[data-v-d5c290dc]{font-size:var(--font-size-sm);overflow-x:auto}.Table[data-v-d5c290dc]{border-collapse:collapse;font-variant-numeric:tabular-nums;border:1px solid var(--color-border);table-layout:fixed;margin:0;display:table}.Table.full-width[data-v-d5c290dc]{width:100%}.Table tr[data-v-d5c290dc],.Table th[data-v-d5c290dc],.Table td[data-v-d5c290dc]{background:0 0;border:none}.Table th[data-v-d5c290dc],.Table td[data-v-d5c290dc]{white-space:nowrap;text-align:left;padding:.75em 1.25em}.Table th[data-v-d5c290dc]{border-bottom:1px solid var(--color-border-header);font-weight:600;position:sticky;top:0}.Table tbody td[data-v-d5c290dc]{border-bottom:1px solid var(--color-border)}.Table tbody tr:last-child td[data-v-d5c290dc]{border-bottom:none}.TableOuter[data-v-d5c290dc] .chart-menu-trigger-area{top:4px;right:4px}.TableOuter[data-v-d5c290dc] .chart-menu-button{opacity:1}.TableOuter.has-menu .Table thead th[data-v-d5c290dc]:last-child{padding-right:2.5em}
+.chart-menu-trigger-area[data-v-b3c563e8]{z-index:1;position:absolute;top:0;right:0}.chart-menu-button[data-v-b3c563e8]{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;opacity:0;border-radius:.25em;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.chart-menu-button[data-state=open][data-v-b3c563e8]{opacity:1}.chart-menu-button[data-v-b3c563e8]:hover{background:var(--color-bg-1,#0000000d);color:var(--color-text)}.chart-menu-content{z-index:100;background:var(--color-bg-0);border:1px solid var(--color-border);border-radius:.25em;min-width:140px;padding:.25em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.chart-menu-item{font-size:var(--font-size-sm);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:.25em;outline:none;align-items:center;padding:.375em .5em;display:flex}.chart-menu-item[data-highlighted]{background:var(--color-primary);color:#fff}.line-chart-wrapper[data-v-384bab8e]{width:100%;position:relative}.line-chart-wrapper[data-v-384bab8e]:hover .chart-menu-button{opacity:1}.line-chart-tooltip-label[data-v-384bab8e]{margin-bottom:.25em;font-weight:600}.line-chart-tooltip-row[data-v-384bab8e]{align-items:center;gap:.375em;display:flex}.line-chart-download-link[data-v-384bab8e]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.line-chart-tooltip-swatch[data-v-384bab8e]{border-radius:50%;flex-shrink:0;width:.625em;height:.625em;display:inline-block}.bar-chart-wrapper[data-v-734e6c4e]{width:100%;position:relative}.bar-chart-wrapper[data-v-734e6c4e]:hover .chart-menu-button{opacity:1}.bar-chart-tooltip-label[data-v-734e6c4e]{margin-bottom:.25em;font-weight:600}.bar-chart-tooltip-row[data-v-734e6c4e]{align-items:center;gap:.375em;display:flex}.bar-chart-download-link[data-v-734e6c4e]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.bar-chart-tooltip-swatch[data-v-734e6c4e]{border-radius:50%;flex-shrink:0;width:.625em;height:.625em;display:inline-block}.choropleth-wrapper[data-v-a53cf9ce]{--choropleth-legend-bg:var(--color-bg-0,#fff);width:100%;position:relative}.choropleth-wrapper svg[data-v-a53cf9ce]{width:100%;height:auto;display:block}.choropleth-wrapper.pannable svg[data-v-a53cf9ce]{cursor:grab}.choropleth-wrapper.pannable svg[data-v-a53cf9ce]:active{cursor:grabbing}.choropleth-wrapper[data-v-a53cf9ce]:hover .chart-menu-button{opacity:1}.state-path[data-v-a53cf9ce]{cursor:pointer}.choropleth-reset[data-v-a53cf9ce]{font:inherit;color:var(--color-text-secondary,#555);background:var(--color-bg-0,#fff);border:1px solid var(--color-border,#e5e7eb);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:12px;position:absolute;bottom:8px;left:8px;box-shadow:0 1px 2px #0000000d}.choropleth-reset[data-v-a53cf9ce]:hover{background:var(--color-bg-1,#f8f9fa);color:var(--color-text,#212529)}.choropleth-header[data-v-a53cf9ce]{background:var(--choropleth-legend-bg);color:currentColor;border-radius:4px;flex-direction:column;align-items:center;gap:10px;width:fit-content;margin:0 auto;padding:8px 14px;display:flex}.choropleth-title[data-v-a53cf9ce]{font-size:14px;font-weight:600;line-height:1.2}.choropleth-legend[data-v-a53cf9ce]{align-items:center;gap:14px;font-size:13px;line-height:1.2;display:flex}.choropleth-legend-title[data-v-a53cf9ce]{font-weight:600}.choropleth-legend-item[data-v-a53cf9ce]{align-items:center;gap:6px;display:inline-flex}.choropleth-legend-swatch[data-v-a53cf9ce]{border-radius:3px;width:12px;height:12px;display:inline-block}.choropleth-legend-continuous[data-v-a53cf9ce]{flex-direction:column;width:160px;display:flex}.choropleth-legend-gradient[data-v-a53cf9ce]{border-radius:2px;height:12px}.choropleth-legend-ticks[data-v-a53cf9ce]{opacity:.7;height:14px;margin-top:4px;font-size:11px;position:relative}.choropleth-legend-ticks>span[data-v-a53cf9ce]{position:absolute;transform:translate(-50%)}.chart-tooltip-anchor[data-v-44377f70]{pointer-events:none;width:1px;height:1px;position:absolute}.chart-tooltip-content{z-index:100;background:var(--color-bg-0,#fff);border:1px solid var(--color-border,#e5e7eb);font-size:var(--font-size-sm,.875rem);pointer-events:none;border-radius:.375em;padding:.5em .75em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.TableOuter[data-v-d6b3bce8]{display:inline-block;position:relative}.TableOuter.full-width[data-v-d6b3bce8]{display:block}.TableWrapper[data-v-d6b3bce8]{font-size:var(--font-size-sm);overflow-x:auto}.Table[data-v-d6b3bce8]{border-collapse:collapse;font-variant-numeric:tabular-nums;border:1px solid var(--color-border);table-layout:fixed;margin:0;display:table}.Table.full-width[data-v-d6b3bce8]{width:100%}.Table tr[data-v-d6b3bce8],.Table th[data-v-d6b3bce8],.Table td[data-v-d6b3bce8]{background:0 0;border:none}.Table th[data-v-d6b3bce8],.Table td[data-v-d6b3bce8]{white-space:nowrap;text-align:left;padding:.75em 1.25em}.Table th[data-v-d6b3bce8]{border-bottom:1px solid var(--color-border-header);font-weight:600;position:sticky;top:0}.Table tbody td[data-v-d6b3bce8]{border-bottom:1px solid var(--color-border)}.Table tbody tr:last-child td[data-v-d6b3bce8]{border-bottom:none}.TableOuter[data-v-d6b3bce8] .chart-menu-trigger-area{top:4px;right:4px}.TableOuter[data-v-d6b3bce8] .chart-menu-button{opacity:1}.TableOuter.has-menu .Table thead th[data-v-d6b3bce8]:last-child{padding-right:2.5em}
 /*$vite$:1*/