matterviz 0.1.12 → 0.1.13

package/dist/plot/ScatterPlotControls.svelte.d.ts

@@ -1,42 +1,15 @@
-import { DraggablePane } from '..';
-import type { DataSeries, Markers } from './';
-import type { ComponentProps, Snippet } from 'svelte';
-interface Props {
-    show_controls?: boolean;
-    controls_open?: boolean;
-    plot_controls?: Snippet<[]>;
+import type { AxisConfig, ControlsConfig } from './';
+import type { DataSeries, DisplayConfig, PlotControlsProps, StyleOverrides } from './types';
+type $$ComponentProps = Omit<PlotControlsProps, `children` | `post_children`> & {
     series?: readonly DataSeries[];
-    markers?: Markers;
-    show_zero_lines?: boolean;
-    x_grid?: boolean | Record<string, unknown>;
-    y_grid?: boolean | Record<string, unknown>;
-    y2_grid?: boolean | Record<string, unknown>;
-    has_y2_points?: boolean;
-    x_range?: [number | null, number | null];
-    y_range?: [number | null, number | null];
-    y2_range?: [number | null, number | null];
-    auto_x_range?: [number, number];
-    auto_y_range?: [number, number];
-    auto_y2_range?: [number, number];
-    x_format?: string;
-    y_format?: string;
-    y2_format?: string;
-    point_size?: number;
-    point_color?: string;
-    point_opacity?: number;
-    point_stroke_width?: number;
-    point_stroke_color?: string;
-    point_stroke_opacity?: number;
-    line_width?: number;
-    line_color?: string;
-    line_opacity?: number;
-    line_dash?: string;
-    show_points?: boolean;
-    show_lines?: boolean;
+    x_axis?: AxisConfig;
+    y_axis?: AxisConfig;
+    y2_axis?: AxisConfig;
+    display?: DisplayConfig;
+    styles?: StyleOverrides;
+    controls?: ControlsConfig;
     selected_series_idx?: number;
-    toggle_props?: ComponentProps<typeof DraggablePane>[`toggle_props`];
-    pane_props?: ComponentProps<typeof DraggablePane>[`pane_props`];
-}
-declare const ScatterPlotControls: import("svelte").Component<Props, {}, "show_controls" | "show_zero_lines" | "x_grid" | "y_grid" | "y2_grid" | "x_format" | "y_format" | "y2_format" | "point_size" | "markers" | "point_color" | "point_opacity" | "point_stroke_width" | "point_stroke_color" | "point_stroke_opacity" | "line_width" | "line_color" | "line_opacity" | "line_dash" | "show_points" | "show_lines" | "controls_open" | "selected_series_idx" | "x_range" | "y_range" | "y2_range">;
+};
+declare const ScatterPlotControls: import("svelte").Component<$$ComponentProps, {}, "display" | "controls" | "y_axis" | "y2_axis" | "x_axis" | "styles" | "selected_series_idx">;
 type ScatterPlotControls = ReturnType<typeof ScatterPlotControls>;
 export default ScatterPlotControls;

package/dist/plot/ScatterPoint.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import { symbol_map } from './';
+<script lang="ts">import { symbol_map } from '../labels';
 import { DEFAULTS } from '../settings';
 import * as d3_symbols from 'd3-shape';
 import { symbol } from 'd3-shape';

package/dist/plot/ScatterPoint.svelte.d.ts

@@ -1,7 +1,7 @@
-import type { HoverStyle, LabelStyle, Point, PointStyle, XyObj } from './';
+import type { HoverStyle, LabelStyle, Point } from './';
+import type { PointStyle, TweenedOptions, XyObj } from './types';
 import type { SVGAttributes } from 'svelte/elements';
-import { type TweenedOptions } from 'svelte/motion';
-interface Props extends Omit<SVGAttributes<SVGGElement>, `style` | `offset` | `origin` | `transform`> {
+type $$ComponentProps = Omit<SVGAttributes<SVGGElement>, `style` | `offset` | `origin` | `transform`> & {
     x: number;
     y: number;
     style?: PointStyle;
@@ -11,7 +11,7 @@ interface Props extends Omit<SVGAttributes<SVGGElement>, `style` | `offset` | `o
     point_tween?: TweenedOptions<XyObj>;
     origin?: XyObj;
     is_hovered?: boolean;
-}
-declare const ScatterPoint: import("svelte").Component<Props, {}, "">;
+};
+declare const ScatterPoint: import("svelte").Component<$$ComponentProps, {}, "">;
 type ScatterPoint = ReturnType<typeof ScatterPoint>;
 export default ScatterPoint;

package/dist/plot/SpacegroupBarPlot.svelte

@@ -0,0 +1,235 @@
+<script lang="ts">import { format_num } from '..';
+import { format_value } from '../labels';
+import { BarPlot } from './';
+import { CRYSTAL_SYSTEM_COLORS, CRYSTAL_SYSTEM_RANGES, CRYSTAL_SYSTEMS, } from '../symmetry';
+import { normalize_spacegroup, SPACEGROUP_NUM_TO_SYMBOL, spacegroup_to_crystal_system, } from '../symmetry/spacegroups';
+import { SvelteMap } from 'svelte/reactivity';
+const MAX_SPACEGROUP = 230;
+let { data, show_counts = true, orientation = `vertical`, x_axis = {}, y_axis = {}, ...rest } = $props();
+// Normalize input data to space group numbers
+const normalized_data = $derived(data.map((sg) => normalize_spacegroup(sg)).filter((sg) => sg !== null));
+// Compute histogram of space group numbers
+const histogram = $derived.by(() => {
+    const hist = new SvelteMap();
+    // Count occurrences
+    for (const sg of normalized_data) {
+        hist.set(sg, (hist.get(sg) ?? 0) + 1);
+    }
+    return hist;
+});
+// Group counts by crystal system
+const crystal_system_stats = $derived.by(() => {
+    const stats = new SvelteMap();
+    for (const system of CRYSTAL_SYSTEMS) {
+        stats.set(system, { count: 0, spacegroups: [] });
+    }
+    for (const [sg, count] of histogram) {
+        const system = spacegroup_to_crystal_system(sg);
+        if (system) {
+            const stat = stats.get(system);
+            stat.count += count;
+            stat.spacegroups.push(sg);
+        }
+    }
+    return stats;
+});
+// Create sorted list of space groups for x-axis
+const sorted_spacegroups = $derived(Array.from(histogram.keys()).sort((a, b) => a - b));
+// Smart tick selection: thin out ticks for dense data
+const x_axis_ticks = $derived.by(() => {
+    const non_zero_count = sorted_spacegroups.filter((sg) => (histogram.get(sg) ?? 0) > 0).length;
+    // If data is dense (>40 space groups with data), show only multiples of 5
+    return non_zero_count > 40
+        ? sorted_spacegroups.filter((sg) => sg % 5 === 0)
+        : sorted_spacegroups;
+});
+// Build BarSeries - one series per crystal system for proper coloring
+const bar_series = $derived.by(() => {
+    const series_by_system = new SvelteMap();
+    // Group data by crystal system
+    for (const sg of sorted_spacegroups) {
+        const system = spacegroup_to_crystal_system(sg);
+        if (system) {
+            let series = series_by_system.get(system);
+            if (!series) {
+                series = { x: [], y: [] };
+                series_by_system.set(system, series);
+            }
+            series.x.push(sg);
+            series.y.push(histogram.get(sg) ?? 0);
+        }
+    }
+    // Convert to BarSeries array, maintaining order of crystal systems
+    const result = [];
+    for (const system of CRYSTAL_SYSTEMS) {
+        const data = series_by_system.get(system);
+        if (data) {
+            const { x, y } = data;
+            const color = CRYSTAL_SYSTEM_COLORS[system];
+            result.push({ x, y, color, label: system, bar_width: 0.9, visible: true });
+        }
+    }
+    return result;
+});
+// Always show full space group range (1-230)
+const x_range = [0.5, MAX_SPACEGROUP + 0.5];
+// Calculate crystal system region boundaries using full theoretical ranges
+const crystal_system_regions = $derived.by(() => {
+    const [range_min, range_max] = x_range;
+    return CRYSTAL_SYSTEMS.map((system) => {
+        const [sg_min, sg_max] = CRYSTAL_SYSTEM_RANGES[system];
+        const stats = crystal_system_stats.get(system);
+        return {
+            system,
+            sg_start: sg_min,
+            sg_end: sg_max,
+            count: stats?.count ?? 0,
+            color: CRYSTAL_SYSTEM_COLORS[system],
+        };
+    }).filter((region) => region.sg_end >= range_min && region.sg_start <= range_max);
+});
+const total_count = $derived(normalized_data.length);
+// Build axis configurations based on orientation
+const x_axis_config = $derived(orientation === `horizontal` ? { ...x_axis, label: x_axis.label ?? `Counts` } : {
+    ...x_axis,
+    label: x_axis.label ?? `International Spacegroup Number`,
+    range: x_range,
+    ticks: x_axis_ticks,
+    tick_rotation: x_axis.tick_rotation ?? 90, // Rotate ticks 90° to avoid overlap
+    label_shift: { x: 0, y: 20, ...x_axis.label_shift }, // Move label down for rotated ticks
+});
+const y_axis_config = $derived(orientation === `horizontal`
+    ? {
+        ...y_axis,
+        label: y_axis.label ?? `International Spacegroup Number`,
+        range: x_range,
+        ticks: x_axis_ticks,
+        tick_rotation: y_axis.tick_rotation ?? 0,
+    }
+    : { ...y_axis, label: y_axis.label ?? `Counts` });
+</script>
+
+{#snippet tooltip(info: BarTooltipProps)}
+  {@const { x: sg, y: count } = info}
+  {@const system = spacegroup_to_crystal_system(sg)}
+  Space Group: {format_value(sg, `.0f`)} ({SPACEGROUP_NUM_TO_SYMBOL[sg]})<br />
+  {#if system}
+    Crystal System: {system}<br />
+  {/if}
+  Count: {format_value(count, `.0f`)}
+{/snippet}
+
+{#snippet user_content({ width, height, x_scale_fn, y_scale_fn, pad }: {
+  width: number
+  height: number
+  x_scale_fn: (x: number) => number
+  y_scale_fn: (y: number) => number
+  pad: { t: number; b: number; l: number; r: number }
+})}
+  <g class="crystal-system-overlays">
+    {#each crystal_system_regions as region (region.system)}
+      {#if orientation === `vertical`}
+        {@const x_start = x_scale_fn(region.sg_start - 0.5)}
+        {@const x_end = x_scale_fn(region.sg_end + 0.5)}
+        {@const x_center = (x_start + x_end) / 2}
+        {@const rect_width = x_end - x_start}
+        <!-- Background colored rectangle (vertical mode) -->
+        <rect
+          x={x_start}
+          y={pad.t}
+          width={rect_width}
+          height={height - pad.t - pad.b}
+          fill={region.color}
+          opacity="0.15"
+          stroke={region.color}
+          stroke-width="1"
+          stroke-opacity="0.3"
+        />
+        <!-- Crystal system label (rotated 90 degrees) at top edge -->
+        <text
+          x={x_center}
+          y={pad.t + 15}
+          text-anchor="start"
+          font-size="14"
+          fill="var(--text-color, black)"
+          opacity="0.6"
+          transform="rotate(90, {x_center}, {pad.t + 15})"
+        >
+          {region.system}
+        </text>
+        <!-- Count annotation at top -->
+        {#if show_counts && total_count > 0}
+          {@const y_offset = region.system === `triclinic` ? -20 : -5}
+          <text
+            x={x_center}
+            y={pad.t + y_offset}
+            text-anchor="middle"
+            font-size="12"
+            fill="var(--text-color, black)"
+          >
+            {format_num(region.count, `,~`)} ({
+              format_num(region.count / total_count, `.1~%`)
+            })
+          </text>
+        {/if}
+      {:else}
+        {@const y_start = y_scale_fn(region.sg_end + 0.5)}
+        {@const y_end = y_scale_fn(region.sg_start - 0.5)}
+        {@const y_center = (y_start + y_end) / 2}
+        {@const rect_height = y_end - y_start}
+        <!-- Background colored rectangle (horizontal mode) -->
+        <rect
+          x={pad.l}
+          y={y_start}
+          width={width - pad.l - pad.r}
+          height={rect_height}
+          fill={region.color}
+          opacity="0.15"
+          stroke={region.color}
+          stroke-width="1"
+          stroke-opacity="0.3"
+        />
+        <!-- Crystal system label (horizontal) at left edge -->
+        <text
+          x={width - pad.r - 8}
+          y={y_center}
+          text-anchor="end"
+          dominant-baseline="central"
+          font-size="14"
+          fill="var(--text-color, black)"
+          opacity="0.6"
+        >
+          {region.system}
+        </text>
+        <!-- Count annotation at right -->
+        {#if show_counts && total_count > 0}
+          <text
+            x={width - pad.r + 5}
+            y={y_center}
+            text-anchor="start"
+            dominant-baseline="central"
+            font-size="12"
+            fill="var(--text-color, black)"
+          >
+            {format_num(region.count, `,~`)} ({
+              format_num(region.count / total_count, `.1~%`)
+            })
+          </text>
+        {/if}
+      {/if}
+    {/each}
+  </g>
+{/snippet}
+
+<BarPlot
+  {...rest}
+  series={bar_series}
+  {orientation}
+  mode="overlay"
+  x_axis={x_axis_config}
+  y_axis={y_axis_config}
+  show_legend={false}
+  show_controls={false}
+  {tooltip}
+  {user_content}
+/>

package/dist/plot/SpacegroupBarPlot.svelte.d.ts

@@ -0,0 +1,9 @@
+import { BarPlot } from './';
+import type { ComponentProps } from 'svelte';
+type $$ComponentProps = ComponentProps<typeof BarPlot> & {
+    data: (number | string)[];
+    show_counts?: boolean;
+};
+declare const SpacegroupBarPlot: import("svelte").Component<$$ComponentProps, {}, "">;
+type SpacegroupBarPlot = ReturnType<typeof SpacegroupBarPlot>;
+export default SpacegroupBarPlot;

package/dist/plot/data-transform.d.ts

@@ -1,4 +1,5 @@
-import type { D3SymbolName, DataSeries, Point } from './';
+import type { D3SymbolName } from '../labels';
+import type { DataSeries, Point } from './';
 export declare function extract_series_color(series_data: DataSeries): string;
 export declare const prepare_legend_data: (series: DataSeries[]) => {
     series_idx: number;
@@ -9,5 +10,4 @@ export declare const prepare_legend_data: (series: DataSeries[]) => {
         symbol_color: string;
     };
 }[];
-export declare function filter_visible_series(series: DataSeries[]): DataSeries[];
 export declare function create_data_points(series: DataSeries[], filter_fn?: (series: DataSeries) => boolean): Point[];

package/dist/plot/data-transform.js

@@ -6,7 +6,7 @@ export function extract_series_color(series_data) {
         (Array.isArray(series_data.point_style)
             ? series_data.point_style[0]?.fill
             : series_data.point_style?.fill) ||
-        `#4682b4`;
+        `#4A9EFF`;
 }
 // Prepare legend data from series array
 export const prepare_legend_data = (series) => series.map((series_data, series_idx) => ({
@@ -20,10 +20,6 @@ export const prepare_legend_data = (series) => series.map((series_data, series_i
         symbol_color: extract_series_color(series_data),
     },
 }));
-// Filter visible series from series array
-export function filter_visible_series(series) {
-    return series.filter((s) => s.visible ?? true);
-}
 // Create data points from series for analysis
 export function create_data_points(series, filter_fn) {
     return series

package/dist/plot/index.d.ts

@@ -1,8 +1,3 @@
-import type { SimulationNodeDatum } from 'd3-force';
-import type { ComponentProps } from 'svelte';
-import type ColorBar from './ColorBar.svelte';
-import PlotLegend from './PlotLegend.svelte';
-import type { D3SymbolName } from './formatting';
 export interface TweenedOptions<T> {
     delay?: number;
     duration?: number | ((from: T, to: T) => number);
@@ -13,213 +8,30 @@ export { default as BarPlot } from './BarPlot.svelte';
 export { default as BarPlotControls } from './BarPlotControls.svelte';
 export { default as ColorBar } from './ColorBar.svelte';
 export { default as ColorScaleSelect } from './ColorScaleSelect.svelte';
+export * from './data-transform';
 export { default as ElementScatter } from './ElementScatter.svelte';
 export { default as Histogram } from './Histogram.svelte';
 export { default as HistogramControls } from './HistogramControls.svelte';
+export * from './interactions';
+export * from './layout';
 export { default as Line } from './Line.svelte';
+export { default as PlotControls } from './PlotControls.svelte';
 export { default as PlotLegend } from './PlotLegend.svelte';
+export * from './scales';
 export { default as ScatterPlot } from './ScatterPlot.svelte';
 export { default as ScatterPlotControls } from './ScatterPlotControls.svelte';
 export { default as ScatterPoint } from './ScatterPoint.svelte';
-export * from './data-transform';
-export * from './formatting';
-export * from './interactions';
-export * from './layout';
-export * from './scales';
-export type XyObj = {
-    x: number;
-    y: number;
-};
-export type Sides = {
-    t?: number;
-    b?: number;
-    l?: number;
-    r?: number;
-};
+export { default as SpacegroupBarPlot } from './SpacegroupBarPlot.svelte';
+export * from './types';
 export declare const line_types: readonly ["solid", "dashed", "dotted"];
 export type LineType = (typeof line_types)[number];
-export type Point = {
-    x: number;
-    y: number;
-    metadata?: {
-        [key: string]: unknown;
-    };
-    offset?: XyObj;
-};
-export interface PointStyle {
-    fill?: string;
-    radius?: number;
-    stroke?: string;
-    stroke_width?: number;
-    stroke_opacity?: number;
-    fill_opacity?: number;
-    symbol_type?: D3SymbolName;
-    symbol_size?: number | null;
-    shape?: string;
-    cursor?: string;
-}
-export interface HoverStyle {
-    enabled?: boolean;
-    scale?: number;
-    stroke?: string;
-    stroke_width?: number;
-    brightness?: number;
-}
-export interface LabelStyle {
-    text?: string;
-    offset?: XyObj;
-    font_size?: string;
-    font_family?: string;
-    auto_placement?: boolean;
-}
-export interface PlotPoint extends Point {
-    color_value?: number | null;
-    metadata?: Record<string, unknown>;
-    point_style?: PointStyle;
-    point_hover?: HoverStyle;
-    point_label?: LabelStyle;
-    point_offset?: XyObj;
-    point_tween?: TweenedOptions<XyObj>;
-}
-export type Markers = `line` | `points` | `line+points`;
-export interface DataSeries {
-    x: readonly number[];
-    y: readonly number[];
-    markers?: Markers;
-    y_axis?: `y1` | `y2`;
-    color_values?: (number | null)[] | null;
-    size_values?: readonly (number | null)[] | null;
-    metadata?: Record<string, unknown>[] | Record<string, unknown>;
-    point_style?: PointStyle[] | PointStyle;
-    point_hover?: HoverStyle[] | HoverStyle;
-    point_label?: LabelStyle[] | LabelStyle;
-    point_offset?: XyObj[] | XyObj;
-    point_tween?: TweenedOptions<XyObj>;
-    visible?: boolean;
-    label?: string;
-    unit?: string;
-    line_style?: {
-        stroke?: string;
-        stroke_width?: number;
-        line_dash?: string;
-    };
-}
-export interface InternalPoint extends PlotPoint {
-    series_idx: number;
-    point_idx: number;
-    size_value?: number | null;
-}
-export interface Tooltip {
-    show: boolean;
-    x: number;
-    y: number;
-    title?: string;
-    items?: {
-        label: string;
-        value: string;
-        color?: string;
-    }[];
-}
-export interface TooltipProps {
-    x: number;
-    y: number;
-    metadata?: Record<string, unknown> | null;
-    color?: string | null;
-    label?: string | null;
-    series_idx: number;
-}
-export interface ScatterTooltipProps extends TooltipProps {
-    cx: number;
-    cy: number;
-    x_formatted: string;
-    y_formatted: string;
-}
-export interface BarTooltipProps extends TooltipProps {
-    bar_idx: number;
-    orient_x: number;
-    orient_y: number;
-}
-export type TimeInterval = `day` | `month` | `year`;
-export type ScaleType = `linear` | `log`;
-export type QuadrantCounts = {
-    top_left: number;
-    top_right: number;
-    bottom_left: number;
-    bottom_right: number;
-};
-export interface LabelNode extends SimulationNodeDatum {
-    id: string;
-    anchor_x: number;
-    anchor_y: number;
-    point_node: InternalPoint;
-    label_width: number;
-    label_height: number;
-}
-export interface LabelPlacementConfig {
-    collision_strength: number;
-    link_strength: number;
-    link_distance: number;
-    placement_ticks: number;
-    link_distance_range?: [number | null, number | null];
-}
-export type HoverConfig = {
-    threshold_px: number;
-};
-export interface AnchorNode extends SimulationNodeDatum {
-    id: string;
-    fx: number;
-    fy: number;
-    point_radius: number;
-    show_color_bar?: boolean;
-    color_bar?: ComponentProps<typeof ColorBar> | null;
-    label_placement_config?: Partial<LabelPlacementConfig>;
-}
-export type LegendConfig = Omit<ComponentProps<typeof PlotLegend>, `series_data` | `on_drag_start` | `on_drag` | `on_drag_end`> & {
-    margin?: number | Sides;
-    tween?: TweenedOptions<XyObj>;
-    responsive?: boolean;
-    draggable?: boolean;
-};
 export declare const cells_3x3: readonly ["top-left", "top-center", "top-right", "middle-left", "middle-center", "middle-right", "bottom-left", "bottom-center", "bottom-right"];
 export declare const corner_cells: readonly ["top-left", "top-right", "bottom-left", "bottom-right"];
 export type Cell3x3 = (typeof cells_3x3)[number];
 export type Corner = (typeof corner_cells)[number];
-export interface LegendItem {
-    label: string;
-    visible: boolean;
-    series_idx: number;
-    display_style: {
-        symbol_type?: D3SymbolName;
-        symbol_color?: string;
-        line_color?: string;
-        line_dash?: string;
-    };
-}
-export type UserContentProps = {
-    height: number;
-    width: number;
-    x_scale_fn: (x: number) => number;
-    y_scale_fn: (y: number) => number;
-    pad: Required<Sides>;
-    x_min: number;
-    y_min: number;
-    x_max: number;
-    y_max: number;
+export declare const DEFAULT_GRID_STYLE: {
+    readonly stroke: "var(--border-color, gray)";
+    readonly 'stroke-dasharray': "4";
+    readonly 'stroke-width': "1";
 };
-export type Orientation = `vertical` | `horizontal`;
-export type BarMode = `overlay` | `stacked` | `grouped`;
-export interface BarSeries {
-    x: readonly number[];
-    y: readonly number[];
-    label?: string;
-    color?: string;
-    bar_width?: number | readonly number[];
-    visible?: boolean;
-    metadata?: Record<string, unknown>[] | Record<string, unknown>;
-    labels?: readonly (string | null | undefined)[];
-    render_mode?: `bar` | `line`;
-    line_style?: {
-        stroke_width?: number;
-        line_dash?: string;
-    };
-}
+export declare const DEFAULT_MARKERS: "line+points";

package/dist/plot/index.js

@@ -1,21 +1,22 @@
-import PlotLegend from './PlotLegend.svelte';
 export { default as BarPlot } from './BarPlot.svelte';
 export { default as BarPlotControls } from './BarPlotControls.svelte';
 export { default as ColorBar } from './ColorBar.svelte';
 export { default as ColorScaleSelect } from './ColorScaleSelect.svelte';
+export * from './data-transform';
 export { default as ElementScatter } from './ElementScatter.svelte';
 export { default as Histogram } from './Histogram.svelte';
 export { default as HistogramControls } from './HistogramControls.svelte';
+export * from './interactions';
+export * from './layout';
 export { default as Line } from './Line.svelte';
+export { default as PlotControls } from './PlotControls.svelte';
 export { default as PlotLegend } from './PlotLegend.svelte';
+export * from './scales';
 export { default as ScatterPlot } from './ScatterPlot.svelte';
 export { default as ScatterPlotControls } from './ScatterPlotControls.svelte';
 export { default as ScatterPoint } from './ScatterPoint.svelte';
-export * from './data-transform';
-export * from './formatting';
-export * from './interactions';
-export * from './layout';
-export * from './scales';
+export { default as SpacegroupBarPlot } from './SpacegroupBarPlot.svelte';
+export * from './types';
 export const line_types = [`solid`, `dashed`, `dotted`];
 // Define grid cell identifiers
 export const cells_3x3 = [
@@ -35,3 +36,10 @@ export const corner_cells = [
     `bottom-left`,
     `bottom-right`,
 ];
+// Default grid line style (SSOT for all plot components)
+export const DEFAULT_GRID_STYLE = {
+    'stroke': `var(--border-color, gray)`,
+    'stroke-dasharray': `4`,
+    'stroke-width': `1`,
+};
+export const DEFAULT_MARKERS = `line+points`;

package/dist/plot/layout.d.ts

@@ -1,27 +1,21 @@
-import type { Sides } from './';
+import type { AxisConfig, Sides } from './';
 export declare function measure_text_width(text: string, font?: string): number;
 export interface AutoPaddingConfig {
-    base_padding: Required<Sides>;
-    y_ticks?: (string | number)[];
-    y_format?: string;
-    y2_ticks?: (string | number)[];
-    y2_format?: string;
+    padding: Partial<Sides>;
+    default_padding: Required<Sides>;
+    y_axis?: AxisConfig & {
+        tick_values?: (string | number)[];
+    };
+    y2_axis?: AxisConfig & {
+        tick_values?: (string | number)[];
+    };
     label_gap?: number;
 }
-export declare const calc_auto_padding: ({ base_padding, y_ticks, y_format, y2_ticks, y2_format, label_gap, }: AutoPaddingConfig) => Required<Sides>;
+export declare const calc_auto_padding: ({ padding, default_padding, y_axis, y2_axis, label_gap, }: AutoPaddingConfig) => Required<Sides>;
 export declare function constrain_tooltip_position(base_x: number, base_y: number, tooltip_width: number, tooltip_height: number, chart_width: number, chart_height: number): {
     x: number;
     y: number;
 };
-export declare function get_chart_dimensions(width: number, height: number, padding: {
-    t: number;
-    b: number;
-    l: number;
-    r: number;
-}): {
-    width: number;
-    height: number;
-};
 export type PlacementPosition = `top-left` | `top-right` | `bottom-left` | `bottom-right` | `top-center` | `right-center` | `bottom-center` | `left-center`;
 export interface LegendPlacement {
     x: number;