layerchart 0.50.0 → 0.51.1

package/dist/components/ChartContext.svelte

@@ -1,5 +1,5 @@
 <!-- Wrapper to allow getting LayerCake context from <Chart> and exposing with a strongly type context getter -->
-<script context="module">import { createScale } from '../index.js/utils/scales.js';
+<script context="module">import { createScale } from '../utils/scales.js';
 import { createEventDispatcher, getContext, onMount, setContext, } from 'svelte';
 import { derived, writable } from 'svelte/store';
 export const chartContextKey = Symbol();

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

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import { type AnyScale } from '../index.js/utils/scales.js';
+import { type AnyScale } from '../utils/scales.js';
 import type { HierarchyNode } from 'd3-hierarchy';
 import { type Readable } from 'svelte/store';
 export declare const chartContextKey: unique symbol;
@@ -98,7 +98,7 @@ declare class __sveltets_Render<TData> {
     props(): {
         x1?: import("../utils/common.js").Accessor<TData>;
         x1Scale?: AnyScale<any, any, any, any> | undefined;
-        x1Domain?: import("../index.js/utils/scales.js").DomainType | undefined;
+        x1Domain?: import("../utils/scales.js").DomainType | undefined;
         x1Range?: string[] | number[] | ((args: {
             xScale: AnyScale;
             width: number;
@@ -106,7 +106,7 @@ declare class __sveltets_Render<TData> {
         }) => number[] | string[]) | undefined;
         y1?: import("../utils/common.js").Accessor<TData>;
         y1Scale?: AnyScale<any, any, any, any> | undefined;
-        y1Domain?: import("../index.js/utils/scales.js").DomainType | undefined;
+        y1Domain?: import("../utils/scales.js").DomainType | undefined;
         y1Range?: string[] | number[] | ((args: {
             yScale: AnyScale;
             width: number;
@@ -114,7 +114,7 @@ declare class __sveltets_Render<TData> {
         }) => number[] | string[]) | undefined;
         c?: import("../utils/common.js").Accessor<TData>;
         cScale?: AnyScale<any, any, any, any> | undefined;
-        cDomain?: import("../index.js/utils/scales.js").DomainType | undefined;
+        cDomain?: import("../utils/scales.js").DomainType | undefined;
         cRange?: string[] | undefined;
         /** Use radial instead of cartesian coordinates, mapping `x` to `angle` and `y`` to radial.  Radial lines are positioned relative to the origin, use transform (ex. `<Group center>`) to change the origin */ radial?: boolean;
         data?: SankeyGraph<any, any> | TData[] | HierarchyNode<TData> | undefined;

package/dist/components/charts/AreaChart.svelte

@@ -8,6 +8,7 @@ import Axis from '../Axis.svelte';
 import Chart from '../Chart.svelte';
 import Highlight from '../Highlight.svelte';
 import Labels from '../Labels.svelte';
+import Line from '../Line.svelte';
 import Points from '../Points.svelte';
 import Svg from '../layout/Svg.svelte';
 import * as Tooltip from '../tooltip/index.js';
@@ -94,6 +95,12 @@ $: xScale = accessor(x)(chartData[0]) instanceof Date ? scaleTime() : scaleLinea
 
       <slot name="marks" {...slotProps}>
         {#each series as s, i}
+          {@const lineProps = {
+            ...props.line,
+            ...(typeof props.area?.line === 'object' ? props.area.line : null),
+            ...(typeof s.props?.line === 'object' ? s.props.line : null),
+          }}
+
           <Area
             data={s.data}
             y0={stackSeries
@@ -106,11 +113,15 @@ $: xScale = accessor(x)(chartData[0]) instanceof Date ? scaleTime() : scaleLinea
               : Array.isArray(s.value)
                 ? s.value[1]
                 : (s.value ?? s.key)}
-            line={{ class: 'stroke-2', stroke: s.color }}
             fill={s.color}
             fill-opacity={0.3}
             {...props.area}
             {...s.props}
+            line={{
+              class: !('stroke-width' in lineProps) ? 'stroke-2' : '',
+              stroke: s.color,
+              ...lineProps,
+            }}
           />
         {/each}
       </slot>

package/dist/components/charts/AreaChart.svelte.d.ts

@@ -4,6 +4,7 @@ import Area from '../Area.svelte';
 import Axis from '../Axis.svelte';
 import Highlight from '../Highlight.svelte';
 import Labels from '../Labels.svelte';
+import Line from '../Line.svelte';
 import Points from '../Points.svelte';
 import { type Accessor } from '../../utils/common.js';
 declare class __sveltets_Render<TData> {
@@ -234,6 +235,7 @@ declare class __sveltets_Render<TData> {
             xAxis?: Partial<ComponentProps<Axis>>;
             yAxis?: Partial<ComponentProps<Axis>>;
             area?: Partial<ComponentProps<Area>>;
+            line?: Partial<ComponentProps<Line>>;
             points?: Partial<ComponentProps<Points>>;
             highlight?: Partial<ComponentProps<Highlight>>;
             labels?: Partial<ComponentProps<Labels>>;

package/dist/components/index.d.ts

@@ -55,7 +55,6 @@ export { default as Threshold } from './Threshold.svelte';
 export { default as TileImage } from './TileImage.svelte';
 export * as Tooltip from './tooltip/index.js';
 export { default as TransformContext, transformContext } from './TransformContext.svelte';
-export { default as TransformControls } from './TransformControls.svelte';
 export { default as Tree } from './Tree.svelte';
 export { default as Treemap } from './Treemap.svelte';
 export { default as Voronoi } from './Voronoi.svelte';

package/dist/components/index.js

@@ -56,7 +56,7 @@ export { default as Threshold } from './Threshold.svelte';
 export { default as TileImage } from './TileImage.svelte';
 export * as Tooltip from './tooltip/index.js';
 export { default as TransformContext, transformContext } from './TransformContext.svelte';
-export { default as TransformControls } from './TransformControls.svelte';
+// export { default as TransformControls } from './TransformControls.svelte'; // TODO: Restore once no longer using `svelet-ux` or `@mdi/js` (as they are dev dependencies)
 export { default as Tree } from './Tree.svelte';
 export { default as Treemap } from './Treemap.svelte';
 export { default as Voronoi } from './Voronoi.svelte';

package/dist/utils/event.js

@@ -1,4 +1,4 @@
-import { isSVGElement, isSVGGraphicsElement, isSVGSVGElement, isTouchEvent } from 'svelte-ux';
+import { isSVGElement, isSVGGraphicsElement, isSVGSVGElement, isTouchEvent, } from '@layerstack/utils';
 // See: https://github.com/airbnb/visx/blob/master/packages/visx-event/src/localPointGeneric.ts
 // TODO: Matches event.layerX/Y, but are deprecated (https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/layerX).
 //       Similar and could be replaced by event.offsetX/Y (but not identical)

package/dist/utils/scales.js

@@ -2,7 +2,7 @@ import { derived } from 'svelte/store';
 import { tweened, spring } from 'svelte/motion';
 import { motionStore } from '../stores/motionStore.js';
 import { scaleBand } from 'd3-scale';
-import { unique } from 'svelte-ux/utils/array';
+import { unique } from '@layerstack/utils/array';
 /**
  * Implemenation for missing `scaleBand().invert()`
  *

package/package.json

@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "0.50.0",
+  "version": "0.51.1",
   "devDependencies": {
     "@changesets/cli": "^2.27.7",
     "@mdi/js": "^7.4.47",
@@ -68,10 +68,10 @@
   },
   "type": "module",
   "dependencies": {
-    "@layerstack/svelte-actions": "^0.0.3",
-    "@layerstack/svelte-stores": "^0.0.3",
-    "@layerstack/tailwind": "^0.0.5",
-    "@layerstack/utils": "^0.0.3",
+    "@layerstack/svelte-actions": "^0.0.4",
+    "@layerstack/svelte-stores": "^0.0.4",
+    "@layerstack/tailwind": "^0.0.6",
+    "@layerstack/utils": "^0.0.4",
     "d3-array": "^3.2.4",
     "d3-color": "^3.1.0",
     "d3-delaunay": "^6.0.4",