layerchart 2.0.0-next.43 → 2.0.0-next.45

package/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2024 Sean Lynch
+Copyright (c) 2026 Sean Lynch
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/components/AnnotationLine.svelte

@@ -35,7 +35,7 @@
 </script>
 
 <script lang="ts">
-  import { getChartContext } from './Chart.svelte';
+  import { getChartContext } from '../contexts/chart.js';
   import Line from './Line.svelte';
   import Text from './Text.svelte';
   import type { Placement } from './types.js';

package/dist/components/AnnotationPoint.svelte

@@ -41,7 +41,7 @@
 </script>
 
 <script lang="ts">
-  import { getChartContext } from './Chart.svelte';
+  import { getChartContext } from '../contexts/chart.js';
   import Circle from './Circle.svelte';
   import Text from './Text.svelte';
   import type { Placement } from './types.js';

package/dist/components/AnnotationRange.svelte

@@ -47,7 +47,7 @@
 </script>
 
 <script lang="ts">
-  import { getChartContext } from './Chart.svelte';
+  import { getChartContext } from '../contexts/chart.js';
   import LinearGradient from './LinearGradient.svelte';
   import Pattern from './Pattern.svelte';
   import Rect from './Rect.svelte';
@@ -72,20 +72,21 @@
 
   const ctx = getChartContext();
 
-  const rect = $derived<ComponentProps<typeof Rect>>({
-    x: x
-      ? ctx.xScale(x[0] ?? ctx.xDomain[0]) -
-        (isScaleBand(ctx.xScale) ? (ctx.xScale.padding() * ctx.xScale.step()) / 2 : 0)
-      : ctx.xRange[0],
-    y: y ? ctx.yScale(y[1] ?? ctx.yDomain[1]) : ctx.yRange[1],
-    width: x
-      ? ctx.xScale(x[1] ?? ctx.xDomain[1]) -
-        ctx.xScale(x[0] ?? ctx.xDomain[0]) +
-        (isScaleBand(ctx.xScale) ? ctx.xScale.step() : 0)
-      : ctx.width,
-    height: y
-      ? ctx.yScale(y[0] ?? ctx.yDomain[0]) - ctx.yScale(y[1] ?? ctx.yDomain[1])
-      : ctx.height,
+  const rect = $derived.by(() => {
+    const x0 = x ? ctx.xScale(x[0] ?? ctx.xDomain[0]) : ctx.xRange[0];
+    const x1 = x ? ctx.xScale(x[1] ?? ctx.xDomain[1]) : ctx.xRange[1];
+    const y0 = y ? ctx.yScale(y[0] ?? ctx.yDomain[0]) : ctx.yRange[0];
+    const y1 = y ? ctx.yScale(y[1] ?? ctx.yDomain[1]) : ctx.yRange[1];
+
+    const bandPadding = isScaleBand(ctx.xScale) ? (ctx.xScale.padding() * ctx.xScale.step()) / 2 : 0;
+    const bandStep = isScaleBand(ctx.xScale) ? ctx.xScale.step() : 0;
+
+    return {
+      x: Math.min(x0, x1) - bandPadding,
+      y: Math.min(y0, y1),
+      width: Math.abs(x1 - x0) + bandStep,
+      height: Math.abs(y1 - y0),
+    } satisfies ComponentProps<typeof Rect>;
   });
 
   const labelProps = $derived<ComponentProps<typeof Text>>({

package/dist/components/Arc.svelte

@@ -2,8 +2,8 @@
   import type { ComponentProps, Snippet } from 'svelte';
   import type { PointerEventHandler, SVGAttributes } from 'svelte/elements';
 
-  import Spline, { type SplinePropsWithoutHTML } from './Spline.svelte';
-  import type { TooltipContextValue } from './tooltip/TooltipContext.svelte';
+  import Path, { type PathPropsWithoutHTML } from './Path.svelte';
+  import type { TooltipContextValue } from '../contexts/tooltip.js';
   import { createMotion, type MotionProp } from '../utils/motion.svelte.js';
   import type { CommonStyleProps, Without } from '../utils/types.js';
 
@@ -128,7 +128,7 @@
      * Pass true to enable the track with default props, or pass an object
      * of props to enable the track.
      */
-    track?: boolean | Partial<ComponentProps<typeof Spline>>;
+    track?: boolean | Partial<ComponentProps<typeof Path>>;
 
     /**
      * A reference to the track element
@@ -160,9 +160,9 @@
   } & CommonStyleProps;
 
   export type ArcProps = ArcPropsWithoutHTML &
-    // we omit the spline props to avoid conflicts with attribute names since we are
-    // passing them through to `<Spline />`
-    Without<SVGAttributes<SVGPathElement>, ArcPropsWithoutHTML & SplinePropsWithoutHTML>;
+    // we omit the path props to avoid conflicts with attribute names since we are
+    // passing them through to `<Path />`
+    Without<SVGAttributes<SVGPathElement>, ArcPropsWithoutHTML & PathPropsWithoutHTML>;
 </script>
 
 <script lang="ts">
@@ -188,7 +188,7 @@
   import { scaleLinear } from 'd3-scale';
 
   import { degreesToRadians } from '../utils/math.js';
-  import { getChartContext } from './Chart.svelte';
+  import { getChartContext } from '../contexts/chart.js';
   import { extractLayerProps } from '../utils/attributes.js';
   import { cls } from '@layerstack/tailwind';
   import { max } from 'd3-array';
@@ -398,7 +398,7 @@
 </script>
 
 {#if track}
-  <Spline
+  <Path
     pathData={trackArc()}
     stroke="none"
     bind:pathRef={trackRef}
@@ -406,14 +406,14 @@
   />
 {/if}
 
-<Spline
+<Path
   bind:pathRef={ref}
   pathData={arc()}
   transform="translate({xOffset}, {yOffset})"
   {fill}
   {fillOpacity}
   {stroke}
-  stroke-width={strokeWidth}
+  {strokeWidth}
   {opacity}
   {...restProps}
   class={cls('lc-arc-line', className)}

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

@@ -1,7 +1,7 @@
 import type { ComponentProps, Snippet } from 'svelte';
 import type { SVGAttributes } from 'svelte/elements';
-import Spline, { type SplinePropsWithoutHTML } from './Spline.svelte';
-import type { TooltipContextValue } from './tooltip/TooltipContext.svelte';
+import Path, { type PathPropsWithoutHTML } from './Path.svelte';
+import type { TooltipContextValue } from '../contexts/tooltip.js';
 import { type MotionProp } from '../utils/motion.svelte.js';
 import type { CommonStyleProps, Without } from '../utils/types.js';
 export type ArcPropsWithoutHTML = {
@@ -107,7 +107,7 @@ export type ArcPropsWithoutHTML = {
      * Pass true to enable the track with default props, or pass an object
      * of props to enable the track.
      */
-    track?: boolean | Partial<ComponentProps<typeof Spline>>;
+    track?: boolean | Partial<ComponentProps<typeof Path>>;
     /**
      * A reference to the track element
      *
@@ -131,7 +131,7 @@ export type ArcPropsWithoutHTML = {
     ]>;
     motion?: MotionProp;
 } & CommonStyleProps;
-export type ArcProps = ArcPropsWithoutHTML & Without<SVGAttributes<SVGPathElement>, ArcPropsWithoutHTML & SplinePropsWithoutHTML>;
+export type ArcProps = ArcPropsWithoutHTML & Without<SVGAttributes<SVGPathElement>, ArcPropsWithoutHTML & PathPropsWithoutHTML>;
 import { type GetArcTextProps } from '../utils/arcText.svelte.js';
 declare const Arc: import("svelte").Component<ArcProps, {}, "ref" | "trackRef">;
 type Arc = ReturnType<typeof Arc>;

package/dist/components/Arc.svelte.test.d.ts

@@ -0,0 +1 @@
+export {};