layerchart 2.0.0-next.6 → 2.0.0-next.60

package/dist/components/Spline.svelte.d.ts

@@ -1,20 +1,14 @@
-import type { Snippet } from 'svelte';
-import type { MarkerOptions } from './MarkerWrapper.svelte';
-import type { CommonStyleProps, Without } from '../utils/types.js';
+import type { Without } from '../utils/types.js';
 import type { SVGAttributes } from 'svelte/elements';
 import type { CurveFactory, CurveFactoryLineOnly, Line } from 'd3-shape';
-import { type MotionProp } from '../utils/motion.svelte.js';
 import { type Accessor } from '../utils/common.js';
+import type { MotionProp } from '../utils/motion.svelte.js';
+import type { ColorProp, StyleProp } from '../utils/dataProp.js';
 export type SplinePropsWithoutHTML = {
     /**
      * Override data instead of using context
      */
     data?: any;
-    /**
-     * Pass `<path d={...} />` explicitly instead of calculating
-     * from data / context
-     */
-    pathData?: string | undefined | null;
     /**
      * Override `x` accessor from Chart context
      */
@@ -24,23 +18,9 @@ export type SplinePropsWithoutHTML = {
      */
     y?: Accessor;
     /**
-     * Whether to animate the drawing of the path over time.
-     * Pass either `true` or an object with transition options to
-     * enable the transition.
-     *
-     * Works best with `tweened` disabled.
-     */
-    draw?: boolean | Parameters<typeof _drawTransition>[1];
-    /**
-     * Curve of spline drawn. Imported via d3-shape.
-     *
-     * @example
-     * import { curveNatural } from 'd3-shape';
-     * <Spline curve={curveNatural} />
-     *
-     * @type {CurveFactory | CurveFactoryLineOnly | undefined}
+     * Series key to use for accessor.  Only applicable if `<Chart>` uses `series` and `x`/`y` are not set.
      */
-    curve?: CurveFactory | CurveFactoryLineOnly;
+    seriesKey?: string;
     /**
      * Function to determine if a point is defined
      *
@@ -49,47 +29,39 @@ export type SplinePropsWithoutHTML = {
      */
     defined?: Parameters<Line<any>['defined']>[0];
     /**
-     * Marker to attach to both start and end points of the line
-     */
-    marker?: MarkerOptions;
-    /**
-     * Marker to attach to the middle point of the line
-     */
-    markerMid?: MarkerOptions;
-    /**
-     * Marker to attach to the start point of the line
+     * Curve of path drawn. Imported via d3-shape.
+     *
+     * @example
+     * import { curveNatural } from 'd3-shape';
+     * <Path curve={curveNatural} />
+     *
+     * @type {CurveFactory | CurveFactoryLineOnly | undefined}
      */
-    markerStart?: MarkerOptions;
+    curve?: CurveFactory | CurveFactoryLineOnly;
     /**
-     * Marker to attach to the end point of the line
+     * Stroke color or function returning stroke per data point.
+     * When a function, consecutive points with the same value are grouped
+     * into separate path segments, enabling per-segment styling.
      */
-    markerEnd?: MarkerOptions;
+    stroke?: ColorProp;
     /**
-     * Add additional content at the start of the line.
-     *
-     * Receives `{ point: DOMPoint }` as a snippet prop.
+     * Fill color or function returning fill per data point.
+     * When a function, acts as a grouping channel like `stroke`.
      */
-    startContent?: Snippet<[{
-        point: DOMPoint;
-    }]>;
+    fill?: ColorProp;
     /**
-     * Add additional content at the end of the line.
-     *
-     * Receives `{ point: DOMPoint }` as a snippet prop.
+     * Opacity or function returning opacity per data point.
+     * When a function, acts as a grouping channel like `stroke`.
      */
-    endContent?: Snippet<[{
-        point: DOMPoint;
-    }]>;
+    opacity?: StyleProp<number | undefined>;
     /**
-     * A reference to the `<path>` element.
-     *
-     * @bindable
+     * Whether to animate the path using tweened interpolation.
+     * When set, the line will animate from the baseline (y=0) on mount.
      */
-    splineRef?: SVGPathElement;
     motion?: MotionProp;
-} & CommonStyleProps;
+} & Omit<PathProps, 'x' | 'y' | 'motion' | 'stroke' | 'fill' | 'opacity'>;
 export type SplineProps = SplinePropsWithoutHTML & Without<SVGAttributes<SVGPathElement>, SplinePropsWithoutHTML>;
-import { draw as _drawTransition } from 'svelte/transition';
-declare const Spline: import("svelte").Component<SplineProps, {}, "splineRef">;
+import { type PathProps } from './Path.svelte';
+declare const Spline: import("svelte").Component<SplineProps, {}, "">;
 type Spline = ReturnType<typeof Spline>;
 export default Spline;