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

package/dist/components/RadialGradient.svelte

@@ -1,190 +0,0 @@
-<script lang="ts" module>
-  import type { Snippet } from 'svelte';
-  import type { Without } from '../utils/types.js';
-  import type { SVGAttributes } from 'svelte/elements';
-
-  export type RadialGradientPropsWithoutHTML = {
-    /**
-     * Unique id for radialGradient
-     */
-    id?: string;
-
-    /**
-     * Array array of strings (colors), will equally distributed from 0-100%.
-     * If array of tuples, will use first value as the offset, and second as color
-     *
-     * @default ['var(--tw-gradient-from)', 'var(--tw-gradient-to)']
-     */
-    stops?: string[] | [string | number, string][];
-
-    /**
-     * The x coordinate of the center of the gradient
-     * @default '50%'
-     */
-    cx?: string;
-
-    /**
-     * The y coordinate of the center of the gradient
-     * @default '50%'
-     */
-    cy?: string;
-
-    /**
-     * The x coordinate of the focal point of the gradient
-     * @default cx
-     */
-    fx?: string;
-
-    /**
-     * The y coordinate of the focal point of the gradient
-     * @default cy
-     */
-    fy?: string;
-
-    /**
-     * The radius of the gradient
-     */
-    r?: string;
-
-    // TODO: Svelte / Typescript does not know `<radialRadiant fr="...">`
-    // fr = '0%';
-
-    /**
-     * Indicates how the gradient behaves if it starts or ends inside the bounds
-     * of the shape containing the gradient
-     *
-     * @default 'pad'
-     */
-    spreadMethod?: 'pad' | 'reflect' | 'repeat';
-
-    /**
-     * Transform attribute for the gradient
-     */
-    transform?: string | null;
-
-    /**
-     * Define the coordinate system for attributes (i.e. gradientUnits)
-     *
-     * @default 'objectBoundingBox'
-     */
-    units?: 'objectBoundingBox' | 'userSpaceOnUse';
-
-    children?: Snippet<[{ id: string; gradient: string }]>;
-
-    /**
-     * Render as a child of the gradient and will opt out of the default stops
-     * being rendered.
-     */
-    stopsContent?: Snippet;
-  };
-
-  export type RadialGradientProps = RadialGradientPropsWithoutHTML &
-    Without<SVGAttributes<SVGRadialGradientElement>, RadialGradientPropsWithoutHTML>;
-</script>
-
-<script lang="ts">
-  import { getLayerContext } from '../contexts/layer.js';
-  import { getComputedStyles } from '../utils/canvas.js';
-  import { parsePercent } from '../utils/math.js';
-  import { getChartContext } from '../contexts/chart.js';
-  import { createId } from '../utils/createId.js';
-  import { extractLayerProps } from '../utils/attributes.js';
-  import { cls } from '@layerstack/tailwind';
-
-  const uid = $props.id();
-
-  let {
-    id = createId('radialGradient-', uid),
-    stops = ['var(--tw-gradient-from)', 'var(--tw-gradient-to)'],
-    cx = '50%',
-    cy = '50%',
-    fx = cx,
-    fy = cy,
-    r = '50%',
-    // fr = '0%'; // TODO: Svelte / Typescript does not know `<radialRadiant fr="...">`
-    spreadMethod = 'pad',
-    transform = undefined,
-    units = 'objectBoundingBox',
-    children,
-    stopsContent,
-    class: className,
-    ...restProps
-  }: RadialGradientProps = $props();
-
-  const ctx = getChartContext();
-
-  const layerCtx = getLayerContext();
-
-  let canvasGradient = $state<CanvasGradient>();
-
-  function render(_ctx: CanvasRenderingContext2D) {
-    // TODO: Set correct values: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createRadialGradient.  See also: LinearGradient
-    // TODO: Memoize `createRadialGradient()` (see LinearGradient)
-    const gradient = _ctx.createRadialGradient(0, 0, 0, 0, 0, 0);
-
-    // Use `getComputedStyles()` to convert each stop (if using CSS variables and/or classes) to color values
-    for (let i = 0; i < stops.length; i++) {
-      const stop = stops[i];
-      if (Array.isArray(stop)) {
-        const { fill } = getComputedStyles(_ctx.canvas, {
-          styles: { fill: stop[1] },
-          classes: className,
-        });
-        gradient.addColorStop(parsePercent(stop[0]), fill);
-      } else {
-        const { fill } = getComputedStyles(_ctx.canvas, {
-          styles: { fill: stop },
-          classes: className,
-        });
-        gradient.addColorStop(i / (stops.length - 1), fill);
-      }
-    }
-
-    canvasGradient = gradient;
-  }
-
-  if (layerCtx === 'canvas') {
-    ctx.registerComponent({
-      name: 'Gradient',
-      kind: 'group',
-      canvasRender: {
-        render,
-        deps: () => [stops, cx, cy, fx, fy, ctx.width, ctx.height],
-      },
-    });
-  }
-</script>
-
-{#if layerCtx === 'canvas'}
-  {@render children?.({ id, gradient: canvasGradient as any })}
-{:else if layerCtx === 'svg'}
-  <defs>
-    <radialGradient
-      {id}
-      {cx}
-      {cy}
-      {fx}
-      {fy}
-      {r}
-      {spreadMethod}
-      gradientTransform={transform}
-      gradientUnits={units}
-      {...extractLayerProps({ ...restProps, class: className }, 'lc-radial-gradient')}
-    >
-      {#if stopsContent}
-        {@render stopsContent()}
-      {:else if stops}
-        {@const stopClass = cls('lc-radial-gradient-stop', className)}
-        {#each stops as stop, i}
-          {#if Array.isArray(stop)}
-            <stop offset={stop[0]} stop-color={stop[1]} class={stopClass} />
-          {:else}
-            <stop offset="{i * (100 / (stops.length - 1))}%" stop-color={stop} class={stopClass} />
-          {/if}
-        {/each}
-      {/if}
-    </radialGradient>
-  </defs>
-
-  {@render children?.({ id, gradient: `url(#${id})` })}
-{/if}

package/dist/components/Raster.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 RasterPropsWithoutHTML = {
-    /**
-     * 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;
-    /** Pixel size (downsampling factor). Higher = fewer pixels, faster. @default 1 */
-    pixelSize?: number;
-    /** Gaussian blur radius applied to grid values. @default 0 */
-    blur?: number;
-    /** Image rendering quality hint. @default 'auto' */
-    imageRendering?: 'auto' | 'pixelated' | 'crisp-edges';
-} & Pick<CommonStyleProps, 'opacity'>;
-export type RasterProps = RasterPropsWithoutHTML & Without<SVGAttributes<SVGImageElement>, RasterPropsWithoutHTML>;
-declare const Raster: import("svelte").Component<RasterProps, {}, "">;
-type Raster = ReturnType<typeof Raster>;
-export default Raster;