layerchart 0.76.1 → 0.78.0

package/dist/components/charts/AreaChart.svelte

@@ -165,20 +165,22 @@
           : (s.value ?? (s.data ? undefined : s.key)),
       fill: s.color,
       fillOpacity: 0.3,
+      ...props.area,
+      ...s.props,
       class: cls(
         'transition-opacity',
-        highlightSeriesKey && highlightSeriesKey !== s.key && 'opacity-10'
+        highlightSeriesKey && highlightSeriesKey !== s.key && 'opacity-10',
+        props.area?.class,
+        s.props?.class
       ),
-      ...props.area,
-      ...s.props,
       line: {
+        stroke: s.color,
+        ...lineProps,
         class: cls(
-          !('stroke-width' in lineProps) && 'stroke-2',
           'transition-opacity',
-          highlightSeriesKey && highlightSeriesKey !== s.key && 'opacity-10'
+          highlightSeriesKey && highlightSeriesKey !== s.key && 'opacity-10',
+          lineProps.class
         ),
-        stroke: s.color,
-        ...lineProps,
       },
     };
 
@@ -239,6 +241,7 @@
     padding,
     tooltip,
     series,
+    visibleSeries,
     getAreaProps,
   }}
 

package/dist/components/charts/BarChart.svelte

@@ -226,13 +226,15 @@
       strokeWidth: 1,
       insets: stackInsets,
       fill: s.color,
-      class: cls(
-        'transition-opacity',
-        highlightSeriesKey && highlightSeriesKey !== s.key && 'opacity-10'
-      ),
       onBarClick: (e) => onBarClick({ data: e.data, series: s }),
       ...props.bars,
       ...s.props,
+      class: cls(
+        'transition-opacity',
+        highlightSeriesKey && highlightSeriesKey !== s.key && 'opacity-10',
+        props.bars?.class,
+        s.props?.class
+      ),
     };
 
     return barsProps;
@@ -305,6 +307,7 @@
     padding,
     tooltip,
     series,
+    visibleSeries,
     getBarsProps,
   }}
   <slot {...slotProps}>

package/dist/components/charts/LineChart.svelte

@@ -118,13 +118,15 @@
     const splineProps: ComponentProps<Spline> = {
       data: s.data,
       y: s.value ?? (s.data ? undefined : s.key),
-      class: cls(
-        'stroke-2 transition-opacity',
-        highlightSeriesKey && highlightSeriesKey !== s.key && 'opacity-10'
-      ),
       stroke: s.color,
       ...props.spline,
       ...s.props,
+      class: cls(
+        'transition-opacity',
+        highlightSeriesKey && highlightSeriesKey !== s.key && 'opacity-10',
+        props.spline?.class,
+        s.props?.class
+      ),
     };
 
     return splineProps;
@@ -181,6 +183,7 @@
     padding,
     tooltip,
     series,
+    visibleSeries,
     getSplineProps,
   }}
   <slot {...slotProps}>

package/dist/components/charts/PieChart.svelte

@@ -195,6 +195,8 @@
     height,
     padding,
     tooltip,
+    series,
+    visibleData,
   }}
   <slot {...slotProps}>
     <svelte:component this={renderContext === 'canvas' ? Canvas : Svg} {center}>
@@ -231,12 +233,14 @@
                   // Workaround for `tooltip={{ mode: 'manual' }}
                   onTooltipClick({ data: d });
                 }}
+                {...props.arc}
+                {...s.props}
                 class={cls(
                   'transition-opacity',
-                  highlightKey && highlightKey !== keyAccessor(d) && 'opacity-50'
+                  highlightKey && highlightKey !== keyAccessor(d) && 'opacity-50',
+                  props.arc?.class,
+                  s.props?.class
                 )}
-                {...props.arc}
-                {...s.props}
               />
             {:else}
               <Pie

package/dist/components/charts/ScatterChart.svelte

@@ -103,12 +103,14 @@
       stroke: s.color,
       fill: s.color,
       fillOpacity: 0.3,
+      ...props.points,
+      ...s.props,
       class: cls(
         'transition-opacity',
-        highlightSeriesKey && highlightSeriesKey !== s.key && 'opacity-10'
+        highlightSeriesKey && highlightSeriesKey !== s.key && 'opacity-10',
+        props.points?.class,
+        s.props?.class
       ),
-      ...props.points,
-      ...s.props,
     };
 
     return pointsProps;
@@ -154,7 +156,21 @@
   let:tooltip
   let:config
 >
-  {@const slotProps = { x, xScale, y, yScale, c, cScale, width, height, padding, tooltip, series }}
+  {@const slotProps = {
+    x,
+    xScale,
+    y,
+    yScale,
+    c,
+    cScale,
+    width,
+    height,
+    padding,
+    tooltip,
+    series,
+    visibleSeries,
+    getPointsProps,
+  }}
   {@const activeSeries = tooltip.data
     ? (series.find((s) => s.key === tooltip.data.seriesKey) ?? series[0])
     : null}

package/package.json

@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "0.76.1",
+  "version": "0.78.0",
   "devDependencies": {
     "@changesets/cli": "^2.27.10",
     "@mdi/js": "^7.4.47",