drizzle-cube 0.5.8 → 0.6.1

package/dist/client/components/charts/HeatMapChart.helpers.d.ts

@@ -0,0 +1,64 @@
+import { AxisFormatConfig, ChartDisplayConfig } from '../../types.js';
+/**
+ * Maximum dimensions for heatmap to prevent browser lockup. 50x50 = 2500 cells.
+ */
+export declare const MAX_HEATMAP_ROWS = 50;
+export declare const MAX_HEATMAP_COLS = 50;
+/** Parse color string (hex or rgb) to RGB values. */
+export declare function parseColor(color: string): {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+/** Relative luminance of a color (0 black .. 1 white) per WCAG. */
+export declare function getLuminance(color: string): number;
+/** Contrasting text color (white or dark) based on a background color. */
+export declare function getContrastingTextColor(bgColor: string): string;
+interface HeatMapDatum {
+    x: string;
+    y: number | null;
+}
+interface HeatMapSerie {
+    id: string;
+    data: HeatMapDatum[];
+}
+export interface HeatMapTransformResult {
+    data: HeatMapSerie[];
+    truncated: boolean;
+    originalRows: number;
+    originalCols: number;
+}
+/**
+ * Transform drizzle-cube flat query results to nivo heatmap format.
+ *
+ * Groups rows by the Y dimension, sorts X chronologically when possible, and
+ * truncates to MAX_HEATMAP_ROWS x MAX_HEATMAP_COLS to prevent browser lockup.
+ */
+export declare function transformToHeatMapFormat(data: Record<string, unknown>[], xAxisField: string | undefined, yAxisField: string | undefined, valueField: string | undefined, xGranularity?: string, yGranularity?: string): HeatMapTransformResult;
+/** Coerce an axis config value (string | array | undefined) to a single field. */
+export declare function firstField(value: string | string[] | undefined): string | undefined;
+export interface HeatMapDisplayOptions {
+    showLabels: boolean;
+    cellShape: 'rect' | 'circle';
+    showLegend: boolean;
+    xAxisFormat?: AxisFormatConfig;
+    yAxisFormat?: AxisFormatConfig;
+    valueFormat?: AxisFormatConfig;
+}
+/** Resolve heatmap display options from the (loosely-typed) display config. */
+export declare function resolveHeatMapDisplayOptions(displayConfig: ChartDisplayConfig | undefined): HeatMapDisplayOptions;
+/** Build an axis `format` fn that applies the given axis format config (or none). */
+export declare function makeAxisFormatter(format: AxisFormatConfig | undefined): ((v: string | number) => string) | undefined;
+/** Resolve the heatmap value formatter (custom format or nivo default). */
+export declare function makeValueFormatter(valueFormat: AxisFormatConfig | undefined): ((v: number) => string) | string;
+/** Sequential colours config for nivo; falls back to a built-in scheme. */
+export declare function resolveHeatMapColors(colors: string[]): {
+    type: 'sequential';
+    colors: [string, string];
+} | {
+    type: 'sequential';
+    scheme: 'greens';
+};
+/** Default sequential blue gradient when no palette gradient is supplied. */
+export declare const DEFAULT_HEATMAP_COLORS: string[];
+export {};

package/dist/client/components/charts/KpiDelta.config.d.ts

@@ -1,4 +1,4 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 /**
  * Configuration for the KPI Delta chart type
  */

package/dist/client/components/charts/KpiDelta.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 declare const KpiDelta: React.NamedExoticComponent<ChartProps>;
 export default KpiDelta;

package/dist/client/components/charts/KpiDelta.helpers.d.ts

@@ -0,0 +1,20 @@
+import { ChartAxisConfig } from '../../types.js';
+/** Coerce a config axis value (string | array | undefined) to a field list. */
+export declare function toFieldList(axis: ChartAxisConfig['yAxis']): string[];
+/** Sort rows ascending by the dimension field (stable when absent). */
+export declare function sortByDimension<T extends Record<string, any>>(data: T[], dimensionField: string | undefined): T[];
+/** Extract finite numeric values for a field. */
+export declare function extractNumericValues(rows: Record<string, any>[], valueField: string): number[];
+export interface DeltaStats {
+    lastValue: number;
+    absoluteChange: number;
+    percentageChange: number;
+    isPositiveChange: boolean;
+}
+/** Compute last value + delta vs the previous value. Requires >= 2 values. */
+export declare function computeDelta(values: number[]): DeltaStats;
+/**
+ * Resolve a palette colour by index, falling back to a default. Used for both
+ * the positive and negative delta colours.
+ */
+export declare function resolvePaletteColor(colorIndex: number | undefined, colors: string[] | undefined, fallback: string): string;

package/dist/client/components/charts/KpiNumber.config.d.ts

@@ -1,4 +1,4 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 /**
  * Configuration for the KPI Number chart type
  */

package/dist/client/components/charts/KpiNumber.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 declare const KpiNumber: React.NamedExoticComponent<ChartProps>;
 export default KpiNumber;

package/dist/client/components/charts/KpiNumber.helpers.d.ts

@@ -0,0 +1,30 @@
+import { ChartAxisConfig, ChartDisplayConfig } from '../../types.js';
+/** Extract the value field list from chart config (string | array | undefined). */
+export declare function getKpiValueFields(yAxis: ChartAxisConfig['yAxis']): string[];
+/** Sort rows ascending by the time-dimension field (stable when absent). */
+export declare function sortKpiData<T extends Record<string, any>>(data: T[] | undefined, timeDimensionField: string | undefined): T[];
+/**
+ * Extract numeric values for the configured field, falling back to the first
+ * numeric field on each row when the configured field is absent.
+ */
+export declare function extractKpiValues(dataToUse: Record<string, any>[], valueField: string): number[];
+/** Compute avg/min/max over a numeric series (0s when empty). */
+export declare function computeKpiStats(values: number[]): {
+    avg: number;
+    min: number;
+    max: number;
+};
+/**
+ * Format a numeric KPI value with thousands/millions/billions suffixes,
+ * honouring a custom `formatValue`, `decimals` and `prefix` from displayConfig.
+ */
+export declare function formatKpiNumber(value: number | null | undefined, displayConfig: ChartDisplayConfig): string;
+/**
+ * Resolve the label to display for a KPI field: prefer the resolved field label,
+ * but fall back to the raw field name when the label looks empty/too short.
+ */
+export declare function resolveDisplayLabel(label: string | undefined, fieldName: string): string;
+/** Resolve the main value colour from the palette / displayConfig overrides. */
+export declare function resolveValueColor(valueColorIndex: number | undefined, colors: string[] | undefined): string;
+/** Resolve the variance colour (green/red based on sign), with palette overrides. */
+export declare function resolveVarianceColor(variance: number | null, positiveColorIndex: number | undefined, negativeColorIndex: number | undefined, colors: string[] | undefined): string;

package/dist/client/components/charts/KpiStates.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+type KpiStateVariant = 'muted' | 'danger' | 'warning';
+/** Resolve the shared `height`/`minHeight` style used by every KPI card state. */
+export declare function kpiHeightStyle(height: string | number): React.CSSProperties;
+/**
+ * Centred KPI state card (no-data / config-error / insufficient-data).
+ *
+ * Owns the duplicated centred flex wrapper shared by KpiNumber and KpiDelta.
+ * Callers supply already-resolved title/hint text (i18n resolved at the call
+ * site) plus an optional colour variant and extra children.
+ */
+export declare function KpiCenteredState({ height, title, hint, variant, children }: {
+    height: string | number;
+    title: React.ReactNode;
+    hint?: React.ReactNode;
+    variant?: KpiStateVariant;
+    children?: React.ReactNode;
+}): React.JSX.Element;
+export {};

package/dist/client/components/charts/KpiText.config.d.ts

@@ -1,4 +1,4 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 /**
  * Configuration for the KPI Text chart type
  */

package/dist/client/components/charts/KpiText.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 declare const KpiText: React.NamedExoticComponent<ChartProps>;
 export default KpiText;

package/dist/client/components/charts/LineChart.config.d.ts

@@ -1,4 +1,4 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 /**
  * Configuration for the line chart type
  */

package/dist/client/components/charts/LineChart.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 declare const LineChart: React.NamedExoticComponent<ChartProps>;
 export default LineChart;

package/dist/client/components/charts/MarkdownChart.config.d.ts

@@ -1,4 +1,4 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 /**
  * Configuration for the Markdown chart type
  */

package/dist/client/components/charts/MarkdownChart.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 declare const MarkdownChart: React.NamedExoticComponent<ChartProps>;
 export default MarkdownChart;

package/dist/client/components/charts/MeasureProfileChart.config.d.ts

@@ -1,4 +1,4 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 /**
  * Configuration for the measure profile chart type
  */

package/dist/client/components/charts/MeasureProfileChart.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 declare const MeasureProfileChart: React.NamedExoticComponent<ChartProps>;
 export default MeasureProfileChart;

package/dist/client/components/charts/PieChart.config.d.ts

@@ -1,4 +1,4 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 /**
  * Configuration for the pie chart type
  */

package/dist/client/components/charts/PieChart.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 declare const PieChart: React.NamedExoticComponent<ChartProps>;
 export default PieChart;

package/dist/client/components/charts/RadarChart.config.d.ts

@@ -1,4 +1,4 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 /**
  * Configuration for the radar chart type
  */

package/dist/client/components/charts/RadarChart.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 declare const RadarChart: React.NamedExoticComponent<ChartProps>;
 export default RadarChart;

package/dist/client/components/charts/RadialBarChart.config.d.ts

@@ -1,4 +1,4 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 /**
  * Configuration for the radial bar chart type
  */

package/dist/client/components/charts/RadialBarChart.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 declare const RadialBarChart: React.NamedExoticComponent<ChartProps>;
 export default RadialBarChart;

package/dist/client/components/charts/RetentionCombinedChart.config.d.ts

@@ -1,2 +1,2 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 export declare const retentionCombinedConfig: ChartTypeConfig;

package/dist/client/components/charts/RetentionCombinedChart.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 /**
  * Retention display mode
  * - 'heatmap': Show retention as color-coded bars

package/dist/client/components/charts/RetentionHeatmap.config.d.ts

@@ -1,2 +1,2 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 export declare const retentionHeatmapConfig: ChartTypeConfig;

package/dist/client/components/charts/RetentionHeatmap.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 /**
  * RetentionHeatmap Component
  */

package/dist/client/components/charts/SankeyChart.config.d.ts

@@ -1,4 +1,4 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 /**
  * Configuration for the sankey chart type
  *

package/dist/client/components/charts/SankeyChart.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 /**
  * SankeyChart Component
  *

package/dist/client/components/charts/ScatterChart.config.d.ts

@@ -1,4 +1,4 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 /**
  * Configuration for the scatter chart type
  */

package/dist/client/components/charts/ScatterChart.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 declare const ScatterChart: React.NamedExoticComponent<ChartProps>;
 export default ScatterChart;

package/dist/client/components/charts/ScatterChart.helpers.d.ts

@@ -0,0 +1,43 @@
+import { CHART_MARGINS } from '../../utils/chartConstants.js';
+import { AxisFormatConfig, ChartAxisConfig, ChartDisplayConfig, CubeQuery } from '../../types.js';
+export interface ScatterRenderState {
+    showLegend: boolean;
+    showGrid: boolean;
+    showTooltip: boolean;
+    /** Whether to render one Scatter per series group vs a single series. */
+    hasSeries: boolean;
+    xAxisFormat?: AxisFormatConfig;
+    /** For scatter charts the y-axis uses the left-axis format config. */
+    yAxisFormat?: AxisFormatConfig;
+    chartMargins: typeof CHART_MARGINS;
+}
+/**
+ * Resolve all render-time display flags, axis formats and margins for the
+ * scatter chart from the display config and the transformed series keys.
+ */
+export declare function resolveScatterRenderState(displayConfig: ChartDisplayConfig | undefined, seriesKeys: string[]): ScatterRenderState;
+export interface ScatterAxisFields {
+    xAxisField: string;
+    yAxisField: string;
+    seriesFields: string[];
+    /** Set when the config is invalid (no usable axis fields). */
+    errorCode?: 'axisInvalid' | 'axisFields';
+}
+/** Resolve x/y/series fields supporting both the new and legacy config shapes. */
+export declare function resolveScatterAxisFields(chartConfig: ChartAxisConfig | undefined): ScatterAxisFields;
+export interface ScatterPoint {
+    x: number;
+    y: number;
+    name: string;
+    timeValues: Record<string, string>;
+    originalItem: Record<string, any>;
+}
+export interface ScatterTransform {
+    scatterData: ScatterPoint[];
+    seriesGroups: Record<string, ScatterPoint[]>;
+}
+/**
+ * Transform rows into scatter points, grouping by series when configured.
+ * Null x/y coordinates are filtered out. Mirrors the original two-branch logic.
+ */
+export declare function transformScatterData(data: Record<string, any>[], xAxisField: string, yAxisField: string, seriesFields: string[], timeDimensionFields: string[], queryObject: CubeQuery | undefined): ScatterTransform;

package/dist/client/components/charts/ScatterSeries.d.ts

@@ -0,0 +1,17 @@
+import { ColorPalette } from '../../types.js';
+import { ScatterPoint } from './ScatterChart.helpers.js';
+interface ScatterSeriesProps {
+    hasSeries: boolean;
+    seriesKeys: string[];
+    seriesGroups: Record<string, ScatterPoint[]>;
+    scatterData: ScatterPoint[];
+    colorPalette?: ColorPalette;
+    hoveredLegend: string | null;
+}
+/**
+ * Renders the `<Scatter>` series for ScatterChart — one per series group when
+ * `hasSeries`, otherwise a single series. Returned as a fragment so it composes
+ * inside the Recharts chart children. Behaviour matches the original inline JSX.
+ */
+export declare function ScatterSeries({ hasSeries, seriesKeys, seriesGroups, scatterData, colorPalette, hoveredLegend }: ScatterSeriesProps): import("react").JSX.Element;
+export {};

package/dist/client/components/charts/ScatterTooltip.d.ts

@@ -0,0 +1,21 @@
+import { AxisFormatConfig } from '../../types.js';
+import { ScatterPoint } from './ScatterChart.helpers.js';
+interface ScatterTooltipProps {
+    active?: boolean;
+    payload?: Array<{
+        payload?: ScatterPoint;
+    }>;
+    xAxisField: string;
+    yAxisField: string;
+    xAxisFormat?: AxisFormatConfig;
+    yAxisFormat?: AxisFormatConfig;
+    getFieldLabel: (field: string) => string;
+}
+/**
+ * Custom Recharts tooltip content for ScatterChart.
+ *
+ * Extracted from the inline `content` render prop to keep the chart body lean.
+ * Renders the point name, any time-dimension values, and the formatted x/y.
+ */
+export declare function ScatterTooltip({ active, payload, xAxisField, yAxisField, xAxisFormat, yAxisFormat, getFieldLabel }: ScatterTooltipProps): import("react").JSX.Element | null;
+export {};

package/dist/client/components/charts/SunburstChart.config.d.ts

@@ -1,4 +1,4 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 /**
  * Configuration for the sunburst chart type
  *

package/dist/client/components/charts/SunburstChart.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 /**
  * SunburstChart Component
  *

package/dist/client/components/charts/TreeMapChart.config.d.ts

@@ -1,4 +1,4 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 /**
  * Configuration for the treemap chart type
  */

package/dist/client/components/charts/TreeMapChart.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 declare const TreeMapChart: React.NamedExoticComponent<ChartProps>;
 export default TreeMapChart;

package/dist/client/components/charts/TreeMapChart.helpers.d.ts

@@ -0,0 +1,37 @@
+import { AxisFormatConfig, ChartAxisConfig, ColorPalette, CubeQuery } from '../../types.js';
+export interface TreemapDatum {
+    name: string;
+    size: number;
+    fill?: string;
+    series?: string;
+    [key: string]: unknown;
+}
+export interface TreemapBuildResult {
+    treemapData: TreemapDatum[];
+    isNumericSeries: boolean;
+    seriesField?: string;
+}
+/**
+ * Build treemap data (config or auto-detect), then drop non-positive sizes.
+ * Returns `null` when the legacy path can't find a usable size field.
+ */
+export declare function buildTreemapData(data: Record<string, any>[], chartConfig: ChartAxisConfig | undefined, queryObject: CubeQuery | undefined, colorPalette: ColorPalette | undefined): TreemapBuildResult | null;
+/** Min/max of the (numeric) series field across the raw rows. */
+export declare function seriesMinMax(data: Record<string, any>[], seriesField: string): {
+    min: number;
+    max: number;
+};
+/** Format a numeric value with the optional axis format (or `.toFixed(2)`). */
+export declare function formatSeriesValue(value: number, format: AxisFormatConfig | undefined): string;
+export interface LegendEntry {
+    value: string;
+    type: 'rect';
+    color: string;
+}
+/**
+ * Build the legend entries for the treemap: a gradient ramp for numeric series,
+ * or discrete swatches for categorical series. Empty when not applicable.
+ */
+export declare function buildTreemapLegend(data: Record<string, any>[], treemapData: TreemapDatum[], showLegend: boolean, seriesField: string | undefined, isNumericSeries: boolean, leftYAxisFormat: AxisFormatConfig | undefined): LegendEntry[];
+/** Adjust the outer container height to make room for a legend, if present. */
+export declare function adjustHeightForLegend(height: string | number, hasLegend: boolean): string | number;

package/dist/client/components/charts/TreeMapContent.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { AxisFormatConfig, ChartAxisConfig, ColorPalette, CubeQuery } from '../../types.js';
+import { ChartDataPointClickEvent } from '../../types/drill.js';
+import { TreemapDatum } from './TreeMapChart.helpers.js';
+interface TreeMapContentOptions {
+    treemapData: TreemapDatum[];
+    colorPalette?: ColorPalette;
+    hoveredIndex: number | null;
+    setHoveredIndex: (index: number | null) => void;
+    leftYAxisFormat?: AxisFormatConfig;
+    drillEnabled?: boolean;
+    onDataPointClick?: (event: ChartDataPointClickEvent) => void;
+    queryObject?: CubeQuery;
+    chartConfig?: ChartAxisConfig;
+}
+/**
+ * Build the Recharts `content` renderer for treemap cells.
+ *
+ * Encapsulates the per-cell rect + foreignObject overlay, hover state and drill
+ * click handler that previously lived inline in TreeMapChart (the highest-
+ * complexity hot spots). Behaviour is identical to the original.
+ */
+export declare function makeTreeMapContent({ treemapData, colorPalette, hoveredIndex, setHoveredIndex, leftYAxisFormat, drillEnabled, onDataPointClick, queryObject, chartConfig, }: TreeMapContentOptions): (props: any) => React.JSX.Element | null;
+export {};

package/dist/client/components/charts/TreeMapLegend.d.ts

@@ -0,0 +1,13 @@
+import { AxisFormatConfig } from '../../types.js';
+import { LegendEntry } from './TreeMapChart.helpers.js';
+interface TreeMapLegendProps {
+    isNumericSeries: boolean;
+    seriesField?: string;
+    seriesLabel: string;
+    legendPayload: LegendEntry[];
+    data: Record<string, any>[];
+    leftYAxisFormat?: AxisFormatConfig;
+}
+/** Treemap legend wrapper — gradient for numeric series, swatches otherwise. */
+export declare function TreeMapLegend({ isNumericSeries, seriesField, seriesLabel, legendPayload, data, leftYAxisFormat, }: TreeMapLegendProps): import("react").JSX.Element;
+export {};

package/dist/client/components/charts/WaterfallChart.config.d.ts

@@ -1,4 +1,4 @@
-import { ChartTypeConfig } from '../../charts/chartConfigs';
+import { ChartTypeConfig } from '../../charts/chartConfigs.js';
 /**
  * Configuration for the waterfall chart type
  */

package/dist/client/components/charts/WaterfallChart.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChartProps } from '../../types';
+import { ChartProps } from '../../types.js';
 declare const WaterfallChart: React.NamedExoticComponent<ChartProps>;
 export default WaterfallChart;