svelteplot 0.0.1-alpha.16 → 0.0.1-alpha.18

package/dist/Plot.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { PlotProps } from './types.js';
 declare const __propDef: {
     props: PlotProps;
@@ -11,5 +11,5 @@ type PlotProps_ = typeof __propDef.props;
 export { PlotProps_ as PlotProps };
 export type PlotEvents = typeof __propDef.events;
 export type PlotSlots = typeof __propDef.slots;
-export default class Plot extends SvelteComponent<PlotProps, PlotEvents, PlotSlots> {
+export default class Plot extends SvelteComponentTyped<PlotProps, PlotEvents, PlotSlots> {
 }

package/dist/classes/Scale.svelte.js

@@ -2,7 +2,7 @@ import resolveChannel from '../helpers/resolveChannel.js';
 import { extent } from 'd3-array';
 import { CHANNEL_SCALE } from '../contants.js';
 import { isDateOrNull, isNumberOrNull, isStringOrNull } from '../helpers/typeChecks.js';
-import { uniq } from 'underscore';
+import uniq from 'underscore/modules/uniq.js';
 const FUNCTION = '(function)';
 export class Scale {
     name = undefined;

package/dist/contants.d.ts

@@ -1,3 +1,3 @@
-import type { ScaleName, ChannelName } from './types';
+import type { ScaleName, ChannelName } from './types.js';
 export declare const SCALE_TYPES: Record<ScaleName, symbol>;
 export declare const CHANNEL_SCALE: Record<ChannelName, ScaleName>;

package/dist/helpers/GroupMultiple.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { DataRow } from '../types.js';
 declare const __propDef: {
     props: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type GroupMultipleProps = typeof __propDef.props;
 export type GroupMultipleEvents = typeof __propDef.events;
 export type GroupMultipleSlots = typeof __propDef.slots;
-export default class GroupMultiple extends SvelteComponent<GroupMultipleProps, GroupMultipleEvents, GroupMultipleSlots> {
+export default class GroupMultiple extends SvelteComponentTyped<GroupMultipleProps, GroupMultipleEvents, GroupMultipleSlots> {
 }
 export {};

package/dist/helpers/autoTimeFormat.js

@@ -1,5 +1,5 @@
 import dayjs from 'dayjs';
-import { isDate } from 'underscore';
+import isDate from 'underscore/modules/isDate.js';
 export default function autoTimeFormat(x, plotWidth) {
     const daysPer100Px = ((toNumber(x.domain[1]) - toNumber(x.domain[0])) / plotWidth / 864e5) * 100;
     const format = daysPer100Px < 1 ? 'HH:mm\nMMM DD' : daysPer100Px < 30 ? 'DD\nMMM' : 'MMM\nYYYY';

package/dist/marks/Area.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { MarkProps, BaseMarkStyleProps, ChannelAccessor, Curve } from '../types.js';
 export type AreaMarkProps = MarkProps & BaseMarkStyleProps & {
     x1?: ChannelAccessor;
@@ -23,6 +23,6 @@ declare const __propDef: {
 export type AreaProps = typeof __propDef.props;
 export type AreaEvents = typeof __propDef.events;
 export type AreaSlots = typeof __propDef.slots;
-export default class Area extends SvelteComponent<AreaProps, AreaEvents, AreaSlots> {
+export default class Area extends SvelteComponentTyped<AreaProps, AreaEvents, AreaSlots> {
 }
 export {};

package/dist/marks/AreaX.svelte

@@ -3,10 +3,9 @@
 <script>import Area from "./Area.svelte";
 import { stackX, recordizeX, renameChannels } from "..";
 let { data: rawData, stack, ...rawChannels } = $props();
-let { data, ...channels } = $derived(renameChannels(stackX(recordizeX({ data: rawData, ...rawChannels }), stack), { y: "y1" }));
+let { data, ...channels } = $derived(
+  renameChannels(stackX(recordizeX({ data: rawData, ...rawChannels }), stack), { y: "y1" })
+);
 </script>
 
-<Area
-    {data}
-    {...channels}
-/>
+<Area {data} {...channels} />

package/dist/marks/AreaX.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { MarkProps, BaseMarkStyleProps, ChannelAccessor, Curve } from '../types.js';
 import type { CurveFactory } from 'd3-shape';
 import type { StackOptions } from '../transforms/stack.js';
@@ -25,6 +25,6 @@ declare const __propDef: {
 export type AreaXProps = typeof __propDef.props;
 export type AreaXEvents = typeof __propDef.events;
 export type AreaXSlots = typeof __propDef.slots;
-export default class AreaX extends SvelteComponent<AreaXProps, AreaXEvents, AreaXSlots> {
+export default class AreaX extends SvelteComponentTyped<AreaXProps, AreaXEvents, AreaXSlots> {
 }
 export {};

package/dist/marks/AreaY.svelte

@@ -3,11 +3,10 @@
 <script>import Area from "./Area.svelte";
 import { stackY, recordizeY, renameChannels } from "..";
 let { data: rawData, stack, ...rawChannels } = $props();
-let { data, ...channels } = $derived(renameChannels(stackY(recordizeY({ data: rawData, ...rawChannels }), stack), { x: "x1" }));
+let { data, ...channels } = $derived(
+  renameChannels(stackY(recordizeY({ data: rawData, ...rawChannels }), stack), { x: "x1" })
+);
 $inspect({ data, channels });
 </script>
 
-<Area
-    {data}
-    {...channels}
-/>
+<Area {data} {...channels} />

package/dist/marks/AreaY.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { MarkProps, BaseMarkStyleProps, ChannelAccessor, Curve } from '../types.js';
 import type { CurveFactory } from 'd3-shape';
 import type { StackOptions } from '../transforms/stack.js';
@@ -25,6 +25,6 @@ declare const __propDef: {
 export type AreaYProps = typeof __propDef.props;
 export type AreaYEvents = typeof __propDef.events;
 export type AreaYSlots = typeof __propDef.slots;
-export default class AreaY extends SvelteComponent<AreaYProps, AreaYEvents, AreaYSlots> {
+export default class AreaY extends SvelteComponentTyped<AreaYProps, AreaYEvents, AreaYSlots> {
 }
 export {};

package/dist/marks/AxisX.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { AxisMarkOptions } from '../types.js';
 declare const __propDef: {
     props: AxisMarkOptions & {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type AxisXProps = typeof __propDef.props;
 export type AxisXEvents = typeof __propDef.events;
 export type AxisXSlots = typeof __propDef.slots;
-export default class AxisX extends SvelteComponent<AxisXProps, AxisXEvents, AxisXSlots> {
+export default class AxisX extends SvelteComponentTyped<AxisXProps, AxisXEvents, AxisXSlots> {
 }
 export {};

package/dist/marks/AxisY.svelte

@@ -1,5 +1,4 @@
 <script>import { getContext } from "svelte";
-import { get } from "underscore";
 import BaseMark from "./BaseMark.svelte";
 import getBaseStyles from "../helpers/getBaseStyles.js";
 import autoTimeFormat from "../helpers/autoTimeFormat.js";

package/dist/marks/AxisY.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { AxisYMarkProps } from '../types.js';
 declare const __propDef: {
     props: AxisYMarkProps;
@@ -10,6 +10,6 @@ declare const __propDef: {
 export type AxisYProps = typeof __propDef.props;
 export type AxisYEvents = typeof __propDef.events;
 export type AxisYSlots = typeof __propDef.slots;
-export default class AxisY extends SvelteComponent<AxisYProps, AxisYEvents, AxisYSlots> {
+export default class AxisY extends SvelteComponentTyped<AxisYProps, AxisYEvents, AxisYSlots> {
 }
 export {};

package/dist/marks/BarX.svelte

@@ -34,9 +34,9 @@ function isValid(value) {
                           ? null
                           : 'currentColor'}
                     style:stroke={maybeStrokeColor ? plot.colorScale(maybeStrokeColor) : null}
-                    transform="translate({[minx, plot.yScale(cy)+inset]})"
+                    transform="translate({[minx, plot.yScale(cy) + inset]})"
                     width={maxx - minx}
-                    height={plot.yScale.bandwidth()- inset*2}
+                    height={plot.yScale.bandwidth() - inset * 2}
                 />
             {/if}
         {/each}

package/dist/marks/BarX.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { MarkProps, BaseMarkStyleProps, ChannelAccessor, DataRow } from '../types.js';
 import type { StackOptions } from '../transforms/stack.js';
 export type BarXMarkProps = MarkProps & BaseMarkStyleProps & {
@@ -20,6 +20,6 @@ declare const __propDef: {
 export type BarXProps = typeof __propDef.props;
 export type BarXEvents = typeof __propDef.events;
 export type BarXSlots = typeof __propDef.slots;
-export default class BarX extends SvelteComponent<BarXProps, BarXEvents, BarXSlots> {
+export default class BarX extends SvelteComponentTyped<BarXProps, BarXEvents, BarXSlots> {
 }
 export {};

package/dist/marks/BarY.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { MarkProps, BaseMarkStyleProps, ChannelAccessor, DataRow } from '../types.js';
 import type { StackOptions } from '../transforms/stack.js';
 export type BarYMarkProps = MarkProps & BaseMarkStyleProps & {
@@ -20,6 +20,6 @@ declare const __propDef: {
 export type BarYProps = typeof __propDef.props;
 export type BarYEvents = typeof __propDef.events;
 export type BarYSlots = typeof __propDef.slots;
-export default class BarY extends SvelteComponent<BarYProps, BarYEvents, BarYSlots> {
+export default class BarY extends SvelteComponentTyped<BarYProps, BarYEvents, BarYSlots> {
 }
 export {};

package/dist/marks/BaseMark.svelte

@@ -1,6 +1,6 @@
 <script context="module"></script>
 
-<script generics="T extends BaseMarkProps">import { Mark } from "../classes/Mark.svelte";
+<script generics="T extends BaseMarkProps">import { Mark } from "../classes/Mark.svelte.js";
 import { getContext } from "svelte";
 const plot = getContext("svelteplot");
 let {

package/dist/marks/BaseMark.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { BaseMarkProps } from '../types.js';
 import { type Snippet } from 'svelte';
 declare class __sveltets_Render<T extends BaseMarkProps> {
@@ -15,6 +15,6 @@ declare class __sveltets_Render<T extends BaseMarkProps> {
 export type BaseMarkProps<T extends BaseMarkProps> = ReturnType<__sveltets_Render<T>['props']>;
 export type BaseMarkEvents<T extends BaseMarkProps> = ReturnType<__sveltets_Render<T>['events']>;
 export type BaseMarkSlots<T extends BaseMarkProps> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class BaseMark<T extends BaseMarkProps> extends SvelteComponent<BaseMarkProps<T>, BaseMarkEvents<T>, BaseMarkSlots<T>> {
+export default class BaseMark<T extends BaseMarkProps> extends SvelteComponentTyped<BaseMarkProps<T>, BaseMarkEvents<T>, BaseMarkSlots<T>> {
 }
 export {};

package/dist/marks/ColorLegend.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -9,6 +9,6 @@ declare const __propDef: {
 export type ColorLegendProps = typeof __propDef.props;
 export type ColorLegendEvents = typeof __propDef.events;
 export type ColorLegendSlots = typeof __propDef.slots;
-export default class ColorLegend extends SvelteComponent<ColorLegendProps, ColorLegendEvents, ColorLegendSlots> {
+export default class ColorLegend extends SvelteComponentTyped<ColorLegendProps, ColorLegendEvents, ColorLegendSlots> {
 }
 export {};

package/dist/marks/Dot.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { MarkProps, BaseMarkStyleProps, ChannelAccessor, DataRow } from '../types.js';
 export type DotMarkProps = MarkProps & BaseMarkStyleProps & {
     data: DataRow[];
@@ -18,6 +18,6 @@ declare const __propDef: {
 export type DotProps = typeof __propDef.props;
 export type DotEvents = typeof __propDef.events;
 export type DotSlots = typeof __propDef.slots;
-export default class Dot extends SvelteComponent<DotProps, DotEvents, DotSlots> {
+export default class Dot extends SvelteComponentTyped<DotProps, DotEvents, DotSlots> {
 }
 export {};

package/dist/marks/DotX.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { RawValue } from '../types.js';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type DotXProps = typeof __propDef.props;
 export type DotXEvents = typeof __propDef.events;
 export type DotXSlots = typeof __propDef.slots;
-export default class DotX extends SvelteComponent<DotXProps, DotXEvents, DotXSlots> {
+export default class DotX extends SvelteComponentTyped<DotXProps, DotXEvents, DotXSlots> {
 }
 export {};

package/dist/marks/DotY.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { RawValue } from '../types.js';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type DotYProps = typeof __propDef.props;
 export type DotYEvents = typeof __propDef.events;
 export type DotYSlots = typeof __propDef.slots;
-export default class DotY extends SvelteComponent<DotYProps, DotYEvents, DotYSlots> {
+export default class DotY extends SvelteComponentTyped<DotYProps, DotYEvents, DotYSlots> {
 }
 export {};

package/dist/marks/Frame.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { FrameProps } from '../types.js';
 declare const __propDef: {
     props: import("../types.js").BaseMarkStyleProps;
@@ -11,5 +11,5 @@ type FrameProps_ = typeof __propDef.props;
 export { FrameProps_ as FrameProps };
 export type FrameEvents = typeof __propDef.events;
 export type FrameSlots = typeof __propDef.slots;
-export default class Frame extends SvelteComponent<FrameProps, FrameEvents, FrameSlots> {
+export default class Frame extends SvelteComponentTyped<FrameProps, FrameEvents, FrameSlots> {
 }

package/dist/marks/GridX.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { GridOptions, ChannelAccessor } from '../types.js';
 declare const __propDef: {
     props: Partial<import("../types.js").MarkProps> & GridOptions & {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type GridXProps = typeof __propDef.props;
 export type GridXEvents = typeof __propDef.events;
 export type GridXSlots = typeof __propDef.slots;
-export default class GridX extends SvelteComponent<GridXProps, GridXEvents, GridXSlots> {
+export default class GridX extends SvelteComponentTyped<GridXProps, GridXEvents, GridXSlots> {
 }
 export {};

package/dist/marks/GridY.svelte

@@ -1,7 +1,6 @@
 <script>import { getContext } from "svelte";
 import BaseMark from "./BaseMark.svelte";
 import getBaseStyles from "../helpers/getBaseStyles.js";
-import { get } from "underscore";
 const plot = getContext("svelteplot");
 let { ticks = [], automatic = false, ...styleProps } = $props();
 let autoTickCount = $derived(plot.plotHeight / (plot.options.y?.tickSpacing || 80));

package/dist/marks/GridY.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { GridYMarkProps } from '../types.js';
 declare const __propDef: {
     props: GridYMarkProps;
@@ -10,6 +10,6 @@ declare const __propDef: {
 export type GridYProps = typeof __propDef.props;
 export type GridYEvents = typeof __propDef.events;
 export type GridYSlots = typeof __propDef.slots;
-export default class GridY extends SvelteComponent<GridYProps, GridYEvents, GridYSlots> {
+export default class GridY extends SvelteComponentTyped<GridYProps, GridYEvents, GridYSlots> {
 }
 export {};

package/dist/marks/Line.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { MarkProps, BaseMarkStyleProps, ChannelAccessor, Curve, DataRow } from '../types.js';
 export type LineMarkProps = MarkProps & BaseMarkStyleProps & {
     data: DataRow[];
@@ -22,6 +22,6 @@ declare const __propDef: {
 export type LineProps = typeof __propDef.props;
 export type LineEvents = typeof __propDef.events;
 export type LineSlots = typeof __propDef.slots;
-export default class Line extends SvelteComponent<LineProps, LineEvents, LineSlots> {
+export default class Line extends SvelteComponentTyped<LineProps, LineEvents, LineSlots> {
 }
 export {};

package/dist/marks/LineX.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { CurveFactory } from 'd3-shape';
 import type { MarkProps, BaseMarkStyleProps, ChannelAccessor, Curve, RawValue } from '../types.js';
 export type LineXMarkProps = MarkProps & BaseMarkStyleProps & {
@@ -19,6 +19,6 @@ declare const __propDef: {
 export type LineXProps = typeof __propDef.props;
 export type LineXEvents = typeof __propDef.events;
 export type LineXSlots = typeof __propDef.slots;
-export default class LineX extends SvelteComponent<LineXProps, LineXEvents, LineXSlots> {
+export default class LineX extends SvelteComponentTyped<LineXProps, LineXEvents, LineXSlots> {
 }
 export {};

package/dist/marks/LineY.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { MarkProps, BaseMarkStyleProps, ChannelAccessor, Curve } from '../types.js';
 export type LineYMarkProps = MarkProps & BaseMarkStyleProps & {
     data: RawValue[];
@@ -20,6 +20,6 @@ declare const __propDef: {
 export type LineYProps = typeof __propDef.props;
 export type LineYEvents = typeof __propDef.events;
 export type LineYSlots = typeof __propDef.slots;
-export default class LineY extends SvelteComponent<LineYProps, LineYEvents, LineYSlots> {
+export default class LineY extends SvelteComponentTyped<LineYProps, LineYEvents, LineYSlots> {
 }
 export {};

package/dist/marks/RuleX.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { RuleXMarkProps } from '../types.js';
 declare const __propDef: {
     props: RuleXMarkProps;
@@ -10,6 +10,6 @@ declare const __propDef: {
 export type RuleXProps = typeof __propDef.props;
 export type RuleXEvents = typeof __propDef.events;
 export type RuleXSlots = typeof __propDef.slots;
-export default class RuleX extends SvelteComponent<RuleXProps, RuleXEvents, RuleXSlots> {
+export default class RuleX extends SvelteComponentTyped<RuleXProps, RuleXEvents, RuleXSlots> {
 }
 export {};

package/dist/marks/RuleY.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { RuleYMarkProps } from '../types.js';
 declare const __propDef: {
     props: RuleYMarkProps;
@@ -10,6 +10,6 @@ declare const __propDef: {
 export type RuleYProps = typeof __propDef.props;
 export type RuleYEvents = typeof __propDef.events;
 export type RuleYSlots = typeof __propDef.slots;
-export default class RuleY extends SvelteComponent<RuleYProps, RuleYEvents, RuleYSlots> {
+export default class RuleY extends SvelteComponentTyped<RuleYProps, RuleYEvents, RuleYSlots> {
 }
 export {};

package/dist/marks/SymbolLegend.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -9,6 +9,6 @@ declare const __propDef: {
 export type SymbolLegendProps = typeof __propDef.props;
 export type SymbolLegendEvents = typeof __propDef.events;
 export type SymbolLegendSlots = typeof __propDef.slots;
-export default class SymbolLegend extends SvelteComponent<SymbolLegendProps, SymbolLegendEvents, SymbolLegendSlots> {
+export default class SymbolLegend extends SvelteComponentTyped<SymbolLegendProps, SymbolLegendEvents, SymbolLegendSlots> {
 }
 export {};

package/dist/marks/TickX.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { TickMarkProps } from '../types.js';
 declare const __propDef: {
     props: TickMarkProps;
@@ -10,6 +10,6 @@ declare const __propDef: {
 export type TickXProps = typeof __propDef.props;
 export type TickXEvents = typeof __propDef.events;
 export type TickXSlots = typeof __propDef.slots;
-export default class TickX extends SvelteComponent<TickXProps, TickXEvents, TickXSlots> {
+export default class TickX extends SvelteComponentTyped<TickXProps, TickXEvents, TickXSlots> {
 }
 export {};

package/dist/marks/TickY.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { TickMarkProps } from '../types.js';
 declare const __propDef: {
     props: TickMarkProps;
@@ -10,6 +10,6 @@ declare const __propDef: {
 export type TickYProps = typeof __propDef.props;
 export type TickYEvents = typeof __propDef.events;
 export type TickYSlots = typeof __propDef.slots;
-export default class TickY extends SvelteComponent<TickYProps, TickYEvents, TickYSlots> {
+export default class TickY extends SvelteComponentTyped<TickYProps, TickYEvents, TickYSlots> {
 }
 export {};

package/dist/transforms/recordize.d.ts

@@ -1,3 +1,3 @@
-import type { TransformArg } from "../types.js";
+import type { TransformArg } from '../types.js';
 export declare function recordizeX({ data, ...channels }: TransformArg): TransformArg;
 export declare function recordizeY({ data, ...channels }: TransformArg): TransformArg;

package/dist/transforms/recordize.js

@@ -1,13 +1,17 @@
-import isDataRecord from "../helpers/isDataRecord.js";
+import isDataRecord from '../helpers/isDataRecord.js';
 // This transform takes an array of raw values as input and returns
 export function recordizeX({ data, ...channels }) {
     const dataIsRawValueArray = !isDataRecord(data[0]);
     if (dataIsRawValueArray) {
         return {
-            data: data.map((value, index) => ({ __value: value, __index: index, ___orig___: value })),
+            data: data.map((value, index) => ({
+                __value: value,
+                __index: index,
+                ___orig___: value
+            })),
             ...channels,
             x: '__value',
-            y: '__index',
+            y: '__index'
         };
     }
     return { data, ...channels };
@@ -18,10 +22,14 @@ export function recordizeY({ data, ...channels }) {
     const dataIsRawValueArray = !isDataRecord(data[0]);
     if (dataIsRawValueArray) {
         return {
-            data: data.map((value, index) => ({ __value: value, __index: index, ___orig___: value })),
+            data: data.map((value, index) => ({
+                __value: value,
+                __index: index,
+                ___orig___: value
+            })),
             ...channels,
             x: '__index',
-            y: '__value',
+            y: '__value'
         };
     }
     return { data, ...channels };

package/dist/transforms/rename.d.ts

@@ -1,4 +1,4 @@
-import type { ChannelName, TransformArg } from "../types.js";
+import type { ChannelName, TransformArg } from '../types.js';
 type RenameChannelsOptions = Record<ChannelName, ChannelName>;
 export declare function renameChannels({ data, ...channels }: TransformArg, options: RenameChannelsOptions): TransformArg;
 export {};

package/dist/transforms/stack.js

@@ -13,7 +13,7 @@ const STACK_ORDER = {
     none: stackOrderNone,
     sum: stackOrderAscending,
     appearance: stackOrderAppearance,
-    "inside-out": stackOrderInsideOut,
+    'inside-out': stackOrderInsideOut
 };
 const STACK_OFFSET = {
     none: null,
@@ -26,7 +26,9 @@ function stackXY(byDim, data, channels, options) {
     const secondDim = byDim === 'x' ? 'y' : 'x';
     const byLow = `${byDim}1`;
     const byHigh = `${byDim}2`;
-    if (channels[byDim] !== undefined && channels[`${byLow}`] === undefined && channels[`${byHigh}`] === undefined) {
+    if (channels[byDim] !== undefined &&
+        channels[`${byLow}`] === undefined &&
+        channels[`${byHigh}`] === undefined) {
         const resolvedData = data.map((d) => ({
             ...(isDataRecord(d) ? d : { __orig: d }),
             [`__${secondDim}`]: resolveChannel(secondDim, d, channels),
@@ -42,7 +44,7 @@ function stackXY(byDim, data, channels, options) {
             .order(stackOrder)
             .offset(STACK_OFFSET[options.offset])
             .keys(union(resolvedData.map((d) => d.__group)))
-            .value(([, group], key) => group.get(key) ? group.get(key)[`__${byDim}`] : 0)(indexed);
+            .value(([, group], key) => (group.get(key) ? group.get(key)[`__${byDim}`] : 0))(indexed);
         const newData = series
             .map((values) => {
             const groupKey = values.key;
@@ -55,7 +57,12 @@ function stackXY(byDim, data, channels, options) {
         })
             .flat(1);
         console.log({ newData });
-        return { data: newData, ...channels, [byDim]: undefined, ...{ [byLow]: `__${byLow}`, [byHigh]: `__${byHigh}` } };
+        return {
+            data: newData,
+            ...channels,
+            [byDim]: undefined,
+            ...{ [byLow]: `__${byLow}`, [byHigh]: `__${byHigh}` }
+        };
     }
     return { data, ...channels };
 }

package/dist/types.d.ts

@@ -1,6 +1,6 @@
 import type { Snippet } from 'svelte';
 import type { SCALE_TYPES } from './contants.js';
-import type { Plot } from './classes/Plot.svelte';
+import type { Plot } from './classes/Plot.svelte.js';
 import type { MouseEventHandler } from 'svelte/elements';
 export type ScaleName = 'opacity' | 'color' | 'x' | 'y' | 'angle' | 'radius' | 'symbol' | 'width' | 'fontSize';
 export type Datasets = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.0.1-alpha.16",
+    "version": "0.0.1-alpha.18",
     "scripts": {
         "dev": "vite dev",
         "build": "vite build",
@@ -26,14 +26,12 @@
         "!dist/**/*.test.*",
         "!dist/**/*.spec.*"
     ],
-    "peerDependencies": {
-        "svelte": "^4.0.0"
-    },
     "devDependencies": {
         "@playwright/test": "^1.40.1",
         "@sveltejs/adapter-auto": "^3.1.0",
         "@sveltejs/kit": "^2.3.2",
         "@types/chroma-js": "^2.4.3",
+        "@types/d3-dsv": "^3.0.7",
         "@types/d3-interpolate": "^3.0.4",
         "@types/d3-random": "^3.0.3",
         "@types/d3-scale-chromatic": "^3.0.3",