layerchart 2.0.0-next.60 → 2.0.0-next.62

package/dist/components/geo/GeoSpline.svelte

@@ -1,78 +0,0 @@
-<script lang="ts" module>
-  import { curveNatural, type CurveFactory, type CurveFactoryLineOnly } from 'd3-shape';
-  import type { Without } from '../../utils/types.js';
-  import type { PathProps } from '../Path.svelte';
-
-  export type GeoSplinePropsWithoutHTML = {
-    /**
-     * Link between two points on the globe.
-     */
-    link: { source: [number, number]; target: [number, number] };
-
-    /**
-     * The amount of loft to apply to the middle of the curve.
-     *
-     * @default 1.0
-     */
-    loft?: number;
-
-    /**
-     * Curve of spline drawn. Imported via d3-shape.
-     *
-     * @example
-     * import { curveNatural } from 'd3-shape';
-     * <GeoSpline curve={curveNatural} />
-     *
-     * @default curveNatural
-     */
-    curve?: CurveFactory | CurveFactoryLineOnly;
-  };
-
-  export type GeoSplineProps = GeoSplinePropsWithoutHTML &
-    Without<PathProps, GeoSplinePropsWithoutHTML>;
-</script>
-
-<script lang="ts">
-  import { geoOrthographic, geoInterpolate } from 'd3-geo';
-  import { line as d3Line } from 'd3-shape';
-
-  import { getGeoContext } from '../../contexts/geo.js';
-  import { extractLayerProps } from '../../utils/attributes.js';
-  import Path from '../Path.svelte';
-
-  let { link, loft = 1.0, curve = curveNatural, ...restProps }: GeoSplineProps = $props();
-
-  const geo = getGeoContext();
-
-  const loftedProjection = $derived(
-    geo.projection
-      ? geoOrthographic()
-          .translate(geo.projection.translate())
-          .rotate(geo.projection.rotate())
-          .scale(geo.projection.scale() * loft)
-      : undefined
-  );
-
-  const source = $derived(geo.projection ? geo.projection(link.source) : [0, 0]) as [
-    number,
-    number,
-  ];
-  const target = $derived(geo.projection ? geo.projection(link.target) : [0, 0]) as [
-    number,
-    number,
-  ];
-  const middle = $derived(
-    geo.projection ? loftedProjection!(geoInterpolate(link.source, link.target)(0.5)) : [0, 0]
-  ) as [number, number];
-
-  // Build SVG path directly since coordinates are already projected to screen space.
-  // Using Spline would double-project via its geo mode.
-  const d = $derived(
-    d3Line<[number, number]>()
-      .x((d) => d[0])
-      .y((d) => d[1])
-      .curve(curve)([source, middle, target]) ?? ''
-  );
-</script>
-
-<Path pathData={d} {...extractLayerProps(restProps, 'lc-geo-spline')} />

package/dist/components/geo/GeoSpline.svelte.d.ts

@@ -1,32 +0,0 @@
-import { type CurveFactory, type CurveFactoryLineOnly } from 'd3-shape';
-import type { Without } from '../../utils/types.js';
-import type { PathProps } from '../Path.svelte';
-export type GeoSplinePropsWithoutHTML = {
-    /**
-     * Link between two points on the globe.
-     */
-    link: {
-        source: [number, number];
-        target: [number, number];
-    };
-    /**
-     * The amount of loft to apply to the middle of the curve.
-     *
-     * @default 1.0
-     */
-    loft?: number;
-    /**
-     * Curve of spline drawn. Imported via d3-shape.
-     *
-     * @example
-     * import { curveNatural } from 'd3-shape';
-     * <GeoSpline curve={curveNatural} />
-     *
-     * @default curveNatural
-     */
-    curve?: CurveFactory | CurveFactoryLineOnly;
-};
-export type GeoSplineProps = GeoSplinePropsWithoutHTML & Without<PathProps, GeoSplinePropsWithoutHTML>;
-declare const GeoSpline: import("svelte").Component<GeoSplineProps, {}, "">;
-type GeoSpline = ReturnType<typeof GeoSpline>;
-export default GeoSpline;

package/dist/components/geo/GeoTile.svelte.d.ts

@@ -1,39 +0,0 @@
-import type { ComponentProps, Snippet } from 'svelte';
-export type GeoTilePropsWithoutHTML = {
-    url: (x: number, y: number, z: number) => string;
-    /**
-     * The zoom delta for the tile.
-     *
-     * @default 0
-     */
-    zoomDelta?: number;
-    /**
-     * The tile size for the tile.
-     *
-     * @default 256
-     */
-    tileSize?: number;
-    /**
-     * Whether to disable the cache for the tile.
-     *
-     * @default false
-     */
-    disableCache?: boolean;
-    /**
-     * Additional props to apply to the `Group` component.
-     */
-    group?: Partial<ComponentProps<typeof Group>>;
-    /**
-     * Whether to enable debug mode for the tile.
-     *
-     * @default false
-     */
-    debug?: boolean;
-    children?: Snippet<[{
-        tiles: any[];
-    }]>;
-};
-import Group from '../Group.svelte';
-declare const GeoTile: import("svelte").Component<GeoTilePropsWithoutHTML, {}, "">;
-type GeoTile = ReturnType<typeof GeoTile>;
-export default GeoTile;

package/dist/components/geo/Graticule.svelte

@@ -1,45 +0,0 @@
-<script lang="ts" module>
-  import type { Without } from '../../utils/types.js';
-  import type { ComponentProps } from 'svelte';
-  import GeoPath, { type GeoPathProps } from './GeoPath.svelte';
-
-  export type GraticulePropsWithoutHTML = {
-    lines?: Partial<ComponentProps<typeof GeoPath>> | boolean | undefined;
-    outline?: Partial<ComponentProps<typeof GeoPath>> | boolean | undefined;
-    stepX?: number;
-    stepY?: number;
-  };
-
-  export type GraticuleProps = GraticulePropsWithoutHTML &
-    Without<GeoPathProps, Omit<GraticulePropsWithoutHTML, 'ref'>>;
-</script>
-
-<script lang="ts">
-  import { geoGraticule } from 'd3-geo';
-  import { extractLayerProps } from '../../utils/attributes.js';
-  import Group from '../Group.svelte';
-
-  let { lines, outline, stepX = 10, stepY = 10, ...restProps }: GraticuleProps = $props();
-
-  const graticule = $derived(geoGraticule().step([stepX, stepY]));
-</script>
-
-<Group class="lc-graticule-g">
-  <!-- TODO: Any reason to still render the single `MultiLineString` path if using `lines` and/or `outline` -->
-  {#if !lines && !outline}
-    <GeoPath geojson={graticule()} {...extractLayerProps(restProps, 'lc-graticule-geo-path')} />
-  {/if}
-
-  {#if lines}
-    {#each graticule.lines() as line}
-      <GeoPath geojson={line} {...extractLayerProps(lines, 'lc-graticule-geo-line')} />
-    {/each}
-  {/if}
-
-  {#if outline}
-    <GeoPath
-      geojson={graticule.outline()}
-      {...extractLayerProps(outline, 'lc-graticule-geo-outline')}
-    />
-  {/if}
-</Group>

package/dist/components/geo/TileImage.svelte.d.ts

@@ -1,49 +0,0 @@
-import type { Without } from '../../utils/types.js';
-export type TileImagePropsWithoutHTML = {
-    /**
-     * x position of the tile
-     */
-    x: number;
-    /**
-     * y position of the tile
-     */
-    y: number;
-    /**
-     * z position of the tile
-     */
-    z: number;
-    /**
-     * translate x
-     */
-    tx: number;
-    /**
-   * translate y
-
-   */
-    ty: number;
-    /**
-     * scale of the tile
-     */
-    scale: number;
-    /**
-     * Whether to disable cache
-     *
-     * @default false
-     */
-    disableCache?: boolean;
-    /**
-     * Whether to enable debug mode
-     *
-     * @default false
-     */
-    debug?: boolean;
-    /**
-     * URL function to get the tile image
-     */
-    url: (x: number, y: number, z: number) => string;
-};
-export type TileImageProps = TileImagePropsWithoutHTML & Omit<Without<SVGAttributes<SVGImageElement>, TileImagePropsWithoutHTML>, 'href'>;
-import type { SVGAttributes } from 'svelte/elements';
-declare const TileImage: import("svelte").Component<TileImageProps, {}, "">;
-type TileImage = ReturnType<typeof TileImage>;
-export default TileImage;

package/dist/components/graph/Ribbon.svelte

@@ -1,141 +0,0 @@
-<script lang="ts" module>
-  import type { PointerEventHandler, SVGAttributes } from 'svelte/elements';
-
-  import Path, { type PathPropsWithoutHTML } from '../Path.svelte';
-  import type { MotionProp } from '../../utils/motion.svelte.js';
-  import type { CommonStyleProps, Without } from '../../utils/types.js';
-
-  export type RibbonPropsWithoutHTML = {
-    /**
-     * A single chord object from the d3-chord layout, containing `source` and `target`
-     * sub-objects each with `startAngle`, `endAngle`, `value`, and `index`.
-     */
-    chord: import('d3-chord').Chord;
-
-    /**
-     * The radius of the ribbon.
-     */
-    radius?: number;
-
-    /**
-     * When true, uses `ribbonArrow()` instead of `ribbon()` to render
-     * directed ribbons with arrowheads.
-     *
-     * @default false
-     */
-    directed?: boolean;
-
-    /**
-     * The radius of the arrowhead when `directed` is true.
-     * Only applies when `directed` is true.
-     */
-    headRadius?: number;
-
-    /**
-     * Setup pointer events to show tooltip for related data.
-     *
-     * **Must set `data` prop as well**
-     */
-    tooltip?: boolean;
-
-    /**
-     * Data to set when showing tooltip
-     */
-    data?: any;
-
-    /**
-     * Animation/transition configuration for the ribbon path.
-     */
-    motion?: MotionProp;
-
-    onpointerenter?: PointerEventHandler<SVGPathElement>;
-    onpointermove?: PointerEventHandler<SVGPathElement>;
-    onpointerleave?: PointerEventHandler<SVGPathElement>;
-    ontouchmove?: (e: TouchEvent & { currentTarget: SVGPathElement }) => void;
-  } & CommonStyleProps;
-
-  export type RibbonProps = RibbonPropsWithoutHTML &
-    Without<SVGAttributes<SVGPathElement>, RibbonPropsWithoutHTML & PathPropsWithoutHTML>;
-</script>
-
-<script lang="ts">
-  import { ribbon as d3ribbon, ribbonArrow as d3ribbonArrow } from 'd3-chord';
-
-  import { getChartContext } from '../../contexts/chart.js';
-  import { cls } from '@layerstack/tailwind';
-
-  let {
-    chord,
-    radius,
-    directed = false,
-    headRadius,
-    fill,
-    fillOpacity,
-    stroke,
-    strokeWidth,
-    opacity,
-    data,
-    onpointerenter,
-    onpointermove,
-    onpointerleave,
-    ontouchmove,
-    tooltip,
-    motion,
-    class: className,
-    ...restProps
-  }: RibbonProps = $props();
-
-  const ctx = getChartContext();
-
-  const ribbonGenerator = $derived.by(() => {
-    if (directed) {
-      const gen = d3ribbonArrow();
-      if (radius != null) gen.radius(radius);
-      if (headRadius != null) gen.headRadius(headRadius);
-      return gen;
-    } else {
-      const gen = d3ribbon();
-      if (radius != null) gen.radius(radius);
-      return gen;
-    }
-  });
-
-  // @ts-expect-error - Chord type is compatible with Ribbon at runtime; radius is set on the generator
-  const pathData = $derived(ribbonGenerator(chord) ?? undefined);
-
-  const onPointerEnter: PointerEventHandler<SVGPathElement> = (e) => {
-    onpointerenter?.(e);
-    if (tooltip) ctx.tooltip.show(e, data);
-  };
-
-  const onPointerMove: PointerEventHandler<SVGPathElement> = (e) => {
-    onpointermove?.(e);
-    if (tooltip) ctx.tooltip.show(e, data);
-  };
-
-  const onPointerLeave: PointerEventHandler<SVGPathElement> = (e) => {
-    onpointerleave?.(e);
-    if (tooltip) ctx.tooltip.hide();
-  };
-</script>
-
-<Path
-  {pathData}
-  {fill}
-  {fillOpacity}
-  {stroke}
-  {strokeWidth}
-  {opacity}
-  {motion}
-  {...restProps}
-  class={cls('lc-ribbon', className)}
-  onpointerenter={onPointerEnter}
-  onpointermove={onPointerMove}
-  onpointerleave={onPointerLeave}
-  ontouchmove={(e) => {
-    ontouchmove?.(e);
-    if (tooltip) {
-      e.preventDefault();
-    }
-  }}
-/>

package/dist/components/graph/Ribbon.svelte.d.ts

@@ -1,51 +0,0 @@
-import type { PointerEventHandler, SVGAttributes } from 'svelte/elements';
-import { type PathPropsWithoutHTML } from '../Path.svelte';
-import type { MotionProp } from '../../utils/motion.svelte.js';
-import type { CommonStyleProps, Without } from '../../utils/types.js';
-export type RibbonPropsWithoutHTML = {
-    /**
-     * A single chord object from the d3-chord layout, containing `source` and `target`
-     * sub-objects each with `startAngle`, `endAngle`, `value`, and `index`.
-     */
-    chord: import('d3-chord').Chord;
-    /**
-     * The radius of the ribbon.
-     */
-    radius?: number;
-    /**
-     * When true, uses `ribbonArrow()` instead of `ribbon()` to render
-     * directed ribbons with arrowheads.
-     *
-     * @default false
-     */
-    directed?: boolean;
-    /**
-     * The radius of the arrowhead when `directed` is true.
-     * Only applies when `directed` is true.
-     */
-    headRadius?: number;
-    /**
-     * Setup pointer events to show tooltip for related data.
-     *
-     * **Must set `data` prop as well**
-     */
-    tooltip?: boolean;
-    /**
-     * Data to set when showing tooltip
-     */
-    data?: any;
-    /**
-     * Animation/transition configuration for the ribbon path.
-     */
-    motion?: MotionProp;
-    onpointerenter?: PointerEventHandler<SVGPathElement>;
-    onpointermove?: PointerEventHandler<SVGPathElement>;
-    onpointerleave?: PointerEventHandler<SVGPathElement>;
-    ontouchmove?: (e: TouchEvent & {
-        currentTarget: SVGPathElement;
-    }) => void;
-} & CommonStyleProps;
-export type RibbonProps = RibbonPropsWithoutHTML & Without<SVGAttributes<SVGPathElement>, RibbonPropsWithoutHTML & PathPropsWithoutHTML>;
-declare const Ribbon: import("svelte").Component<RibbonProps, {}, "">;
-type Ribbon = ReturnType<typeof Ribbon>;
-export default Ribbon;