layerchart 2.0.0-next.60 → 2.0.0-next.61

package/dist/components/ClipPath.svelte

@@ -1,150 +0,0 @@
-<script lang="ts" module>
-  import { createId } from '../utils/createId.js';
-  import type { Without } from '../utils/types.js';
-  import type { Snippet } from 'svelte';
-  import type { SVGAttributes } from 'svelte/elements';
-  import { getLayerContext } from '../contexts/layer.js';
-
-  export type ClipPathPropsWithoutHTML = {
-    /**
-     * A unique id for the clipPath.
-     *
-     */
-    id?: string;
-
-    /**
-     * Use existing path or shape (by id) for clipPath
-     *
-     */
-    useId?: string;
-
-    /**
-     * Whether to disable clipping (show all).
-     *
-     * @default false
-     */
-    disabled?: boolean;
-
-    /**
-     * Invert the clip — content renders *outside* the shape instead of inside.
-     * Implemented by combining the shape with an outer rect covering the chart
-     * bounds and applying the even-odd fill rule.
-     *
-     * @default false
-     */
-    invert?: boolean;
-
-    /**
-     * SVG path `d` string describing the clip shape. When provided, this single
-     * value drives all three layers:
-     * - SVG: rendered as `<path d={path}>` inside the `<clipPath>`
-     * - Canvas: wrapped in `Path2D` and applied via `ctx.clip(...)`
-     * - HTML: emitted as CSS `clip-path: path("...")` on a wrapper `<div>`
-     *
-     * For shapes that can't be expressed as an SVG path (or for advanced
-     * per-layer customization), use the `clip` snippet (SVG) alongside `path`.
-     */
-    path?: string;
-
-    /**
-     * A snippet to insert custom SVG content into the `<clipPath>`. When
-     * omitted and `path` is set, a `<path d={path}>` is rendered automatically.
-     */
-    clip?: Snippet<[{ id: string }]>;
-
-    /**
-     * Children to render in the `<g>` element that links to the clipPath (if not disabled).
-     * Provides the id, url, and useId for the clipPath as snippet props.
-     */
-    children?: Snippet<[{ id: string; url: string; useId?: string }]>;
-  };
-
-  export type ClipPathProps = ClipPathPropsWithoutHTML &
-    Without<SVGAttributes<SVGClipPathElement>, ClipPathPropsWithoutHTML>;
-</script>
-
-<script lang="ts">
-  import { getChartContext } from '../contexts/chart.js';
-
-  const uid = $props.id();
-
-  let {
-    id = createId('clipPath-', uid),
-    useId,
-    disabled = false,
-    invert = false,
-    children,
-    clip,
-    path,
-    ...restProps
-  }: ClipPathPropsWithoutHTML = $props();
-
-  const url = $derived(`url(#${id})`);
-
-  const layerCtx = getLayerContext();
-  const chartCtx = getChartContext();
-
-  // Outer rect covering the chart bounds — combined with the clip shape under
-  // the even-odd fill rule to invert the clip.
-  const outerRect = $derived(`M0,0 H${chartCtx.width} V${chartCtx.height} H0 Z`);
-
-  // Effective path used for canvas + html layers when inverting.
-  const effectivePath = $derived(invert && path ? `${outerRect} ${path}` : path);
-
-  // Cache the Path2D so `ctx.clip()` gets a stable reference per `path` change.
-  const canvasPath = $derived(
-    layerCtx === 'canvas' && effectivePath ? new Path2D(effectivePath) : undefined
-  );
-
-  if (layerCtx === 'canvas') {
-    chartCtx.registerComponent({
-      name: 'ClipPath',
-      kind: 'group',
-      canvasRender: {
-        render: (ctx) => {
-          if (!disabled && canvasPath) {
-            ctx.clip(canvasPath, invert ? 'evenodd' : 'nonzero');
-          }
-        },
-        deps: () => [disabled, canvasPath, invert],
-      },
-    });
-  }
-</script>
-
-{#if layerCtx === 'svg'}
-  <defs>
-    <clipPath {id} {...restProps}>
-      {#if clip}
-        {@render clip({ id })}
-      {:else if effectivePath}
-        <path d={effectivePath} clip-rule={invert ? 'evenodd' : undefined} />
-      {/if}
-
-      {#if useId}
-        <use href="#{useId}" />
-      {/if}
-    </clipPath>
-  </defs>
-{/if}
-
-{#if children}
-  {#if disabled}
-    {@render children({ id, url, useId })}
-  {:else if layerCtx === 'svg'}
-    <g style:clip-path={url} class="lc-clip-path-g">
-      {@render children({ id, url, useId })}
-    </g>
-  {:else if layerCtx === 'html' && effectivePath}
-    <div
-      class="lc-clip-path-div"
-      style:position="absolute"
-      style:inset="0"
-      style:clip-path={invert ? `path(evenodd, "${effectivePath}")` : `path("${effectivePath}")`}
-    >
-      {@render children({ id, url, useId })}
-    </div>
-  {:else}
-    {@render children({ id, url, useId })}
-  {/if}
-{/if}

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

@@ -1,60 +0,0 @@
-import type { Without } from '../utils/types.js';
-import type { Snippet } from 'svelte';
-import type { SVGAttributes } from 'svelte/elements';
-export type ClipPathPropsWithoutHTML = {
-    /**
-     * A unique id for the clipPath.
-     *
-     */
-    id?: string;
-    /**
-     * Use existing path or shape (by id) for clipPath
-     *
-     */
-    useId?: string;
-    /**
-     * Whether to disable clipping (show all).
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Invert the clip — content renders *outside* the shape instead of inside.
-     * Implemented by combining the shape with an outer rect covering the chart
-     * bounds and applying the even-odd fill rule.
-     *
-     * @default false
-     */
-    invert?: boolean;
-    /**
-     * SVG path `d` string describing the clip shape. When provided, this single
-     * value drives all three layers:
-     * - SVG: rendered as `<path d={path}>` inside the `<clipPath>`
-     * - Canvas: wrapped in `Path2D` and applied via `ctx.clip(...)`
-     * - HTML: emitted as CSS `clip-path: path("...")` on a wrapper `<div>`
-     *
-     * For shapes that can't be expressed as an SVG path (or for advanced
-     * per-layer customization), use the `clip` snippet (SVG) alongside `path`.
-     */
-    path?: string;
-    /**
-     * A snippet to insert custom SVG content into the `<clipPath>`. When
-     * omitted and `path` is set, a `<path d={path}>` is rendered automatically.
-     */
-    clip?: Snippet<[{
-        id: string;
-    }]>;
-    /**
-     * Children to render in the `<g>` element that links to the clipPath (if not disabled).
-     * Provides the id, url, and useId for the clipPath as snippet props.
-     */
-    children?: Snippet<[{
-        id: string;
-        url: string;
-        useId?: string;
-    }]>;
-};
-export type ClipPathProps = ClipPathPropsWithoutHTML & Without<SVGAttributes<SVGClipPathElement>, ClipPathPropsWithoutHTML>;
-declare const ClipPath: import("svelte").Component<ClipPathPropsWithoutHTML, {}, "">;
-type ClipPath = ReturnType<typeof ClipPath>;
-export default ClipPath;

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

@@ -1,48 +0,0 @@
-import type { SVGAttributes } from 'svelte/elements';
-import type { CommonStyleProps, Without } from '../utils/types.js';
-import type { Accessor } from '../utils/common.js';
-import type { InterpolateMethod } from '../utils/rasterInterpolate.js';
-export type ContourPropsWithoutHTML = {
-    /**
-     * Input data. Interpretation depends on other props:
-     * - With `width`/`height`: flat array of grid values (row-major order)
-     * - With `value` accessor: array of objects with x/y/value properties (scattered data)
-     * - Without: uses chart context data for scattered interpolation
-     */
-    data?: number[] | Float64Array | any[];
-    /** Grid width (columns). When set, `data` is treated as a flat grid array. */
-    width?: number;
-    /** Grid height (rows). When set, `data` is treated as a flat grid array. */
-    height?: number;
-    /** Left bound of the raster in data coordinates. Defaults to `0` in grid mode. */
-    x1?: number;
-    /** Top bound of the raster in data coordinates. Defaults to `0` in grid mode. */
-    y1?: number;
-    /** Right bound of the raster in data coordinates. Defaults to `width` in grid mode. */
-    x2?: number;
-    /** Bottom bound of the raster in data coordinates. Defaults to `height` in grid mode. */
-    y2?: number;
-    /**
-     * Value channel. Interpretation depends on the type:
-     * - `(x, y) => number`: continuous function evaluated at each pixel (function sampling mode)
-     * - `string | number | (d) => any`: accessor for scattered data interpolation
-     * @default 'value'
-     */
-    value?: Accessor | ((x: number, y: number) => number);
-    /** X accessor for scattered data. Defaults to chart context. */
-    x?: Accessor;
-    /** Y accessor for scattered data. Defaults to chart context. */
-    y?: Accessor;
-    /** Interpolation method for scattered data. @default 'barycentric' */
-    interpolate?: InterpolateMethod;
-    /** Number of contour thresholds or explicit threshold values. @default 10 */
-    thresholds?: number | number[];
-    /** Gaussian blur radius applied to grid values. @default 0 */
-    blur?: number;
-    /** Whether to smooth contour lines. @default true */
-    smooth?: boolean;
-} & CommonStyleProps;
-export type ContourProps = ContourPropsWithoutHTML & Without<SVGAttributes<SVGGElement>, ContourPropsWithoutHTML>;
-declare const Contour: import("svelte").Component<ContourProps, {}, "">;
-type Contour = ReturnType<typeof Contour>;
-export default Contour;

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

@@ -1,21 +0,0 @@
-import type { SVGAttributes } from 'svelte/elements';
-import type { CommonStyleProps, Without } from '../utils/types.js';
-import type { Accessor } from '../utils/common.js';
-export type DensityPropsWithoutHTML = {
-    /** Override chart data. Defaults to chart context data. */
-    data?: any[];
-    /** X accessor. Defaults to chart context x accessor. */
-    x?: Accessor;
-    /** Y accessor. Defaults to chart context y accessor. */
-    y?: Accessor;
-    /** Weight accessor for weighted density estimation. */
-    weight?: Accessor;
-    /** KDE bandwidth in pixels. @default 20 */
-    bandwidth?: number;
-    /** Number of contour thresholds. @default 20 */
-    thresholds?: number;
-} & CommonStyleProps;
-export type DensityProps = DensityPropsWithoutHTML & Without<SVGAttributes<SVGGElement>, DensityPropsWithoutHTML>;
-declare const Density: import("svelte").Component<DensityProps, {}, "">;
-type Density = ReturnType<typeof Density>;
-export default Density;