layerchart 2.0.0-next.5 → 2.0.0-next.51

package/dist/components/Arc.svelte

@@ -2,8 +2,7 @@
   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 { createMotion, type MotionProp } from '../utils/motion.svelte.js';
   import type { CommonStyleProps, Without } from '../utils/types.js';
 
@@ -113,11 +112,11 @@
     offset?: number;
 
     /**
-     * Tooltip context to setup pointer events to show tooltip for related data.
+     * Setup pointer events to show tooltip for related data.
      *
      * **Must set `data` prop as well**
      */
-    tooltipContext?: TooltipContextValue;
+    tooltip?: boolean;
 
     /**
      * Data to set when showing tooltip
@@ -128,7 +127,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 +159,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,8 +187,8 @@
   import { scaleLinear } from 'd3-scale';
 
   import { degreesToRadians } from '../utils/math.js';
-  import { getChartContext } from './Chart.svelte';
-  import { extractLayerProps, layerClass } from '../utils/attributes.js';
+  import { getChartContext } from '../contexts/chart.js';
+  import { extractLayerProps } from '../utils/attributes.js';
   import { cls } from '@layerstack/tailwind';
   import { max } from 'd3-array';
   import {
@@ -230,7 +229,7 @@
     onpointermove = () => {},
     onpointerleave = () => {},
     ontouchmove = () => {},
-    tooltipContext,
+    tooltip,
     track = false,
     children,
     class: className,
@@ -251,7 +250,7 @@
   const ctx = getChartContext();
 
   const endAngle = $derived(
-    endAngleProp ?? degreesToRadians(ctx.config.xRange ? max(ctx.xRange) : max(range))
+    endAngleProp ?? degreesToRadians(ctx.xRange ? max(ctx.xRange) : max(range))
   );
 
   const motionEndAngle = createMotion(initialValue, () => value, motion);
@@ -353,17 +352,17 @@
 
   const onPointerEnter: PointerEventHandler<SVGPathElement> = (e) => {
     onpointerenter?.(e);
-    tooltipContext?.show(e, data);
+    if (tooltip) ctx.tooltip.show(e, data);
   };
 
   const onPointerMove: PointerEventHandler<SVGPathElement> = (e) => {
     onpointermove?.(e);
-    tooltipContext?.show(e, data);
+    if (tooltip) ctx.tooltip.show(e, data);
   };
 
   const onPointerLeave: PointerEventHandler<SVGPathElement> = (e) => {
     onpointerleave?.(e);
-    tooltipContext?.hide();
+    if (tooltip) ctx.tooltip.hide();
   };
 
   function getTrackTextProps(position: ArcTextPosition, opts: ArcTextOptions = {}) {
@@ -398,33 +397,34 @@
 </script>
 
 {#if track}
-  <Spline
+  <Path
     pathData={trackArc()}
     stroke="none"
-    bind:splineRef={trackRef}
-    {...extractLayerProps(track, 'arc-track')}
+    bind:pathRef={trackRef}
+    {...extractLayerProps(track, 'lc-arc-track')}
   />
 {/if}
 
-<Spline
-  bind:splineRef={ref}
+<Path
+  bind:pathRef={ref}
   pathData={arc()}
   transform="translate({xOffset}, {yOffset})"
   {fill}
   {fillOpacity}
   {stroke}
-  stroke-width={strokeWidth}
+  {strokeWidth}
   {opacity}
   {...restProps}
-  class={cls(layerClass('arc-line'), className)}
+  class={cls('lc-arc-line', className)}
   onpointerenter={onPointerEnter}
   onpointermove={onPointerMove}
   onpointerleave={onPointerLeave}
   ontouchmove={(e) => {
     ontouchmove?.(e);
-    if (!tooltipContext) return;
-    // Prevent touch to not interfere with pointer when using tooltip
-    e.preventDefault();
+    if (tooltip) {
+      // Prevent touch to not interfere with pointer when using tooltip
+      e.preventDefault();
+    }
   }}
 />
 

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

@@ -1,7 +1,6 @@
 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 MotionProp } from '../utils/motion.svelte.js';
 import type { CommonStyleProps, Without } from '../utils/types.js';
 export type ArcPropsWithoutHTML = {
@@ -94,11 +93,11 @@ export type ArcPropsWithoutHTML = {
      */
     offset?: number;
     /**
-     * Tooltip context to setup pointer events to show tooltip for related data.
+     * Setup pointer events to show tooltip for related data.
      *
      * **Must set `data` prop as well**
      */
-    tooltipContext?: TooltipContextValue;
+    tooltip?: boolean;
     /**
      * Data to set when showing tooltip
      */
@@ -107,7 +106,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 +130,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 {};