svelteplot 0.10.1 → 0.10.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/LICENSE.md +1 -1
  2. package/dist/marks/AreaY.svelte +1 -0
  3. package/dist/marks/AreaY.svelte.d.ts +110 -0
  4. package/dist/marks/BollingerX.svelte.d.ts +2 -2
  5. package/dist/marks/BollingerY.svelte.d.ts +2 -2
  6. package/dist/marks/BoxY.svelte.d.ts +2 -2
  7. package/dist/marks/Brush.svelte.d.ts +2 -2
  8. package/dist/marks/CustomMark.svelte.d.ts +2 -2
  9. package/dist/marks/DifferenceY.svelte.d.ts +2 -2
  10. package/dist/transforms/interval.d.ts +18 -18
  11. package/dist/transforms/normalize.d.ts +34 -0
  12. package/dist/transforms/select.d.ts +182 -182
  13. package/dist/transforms/sort.d.ts +30 -30
  14. package/dist/transforms/window.d.ts +54 -54
  15. package/package.json +12 -4
  16. package/dist/ui/Checkbox.svelte +0 -14
  17. package/dist/ui/Checkbox.svelte.d.ts +0 -13
  18. package/dist/ui/ExamplesGrid.svelte +0 -81
  19. package/dist/ui/ExamplesGrid.svelte.d.ts +0 -11
  20. package/dist/ui/ExamplesPageList.svelte +0 -63
  21. package/dist/ui/ExamplesPageList.svelte.d.ts +0 -12
  22. package/dist/ui/ExamplesPagePreview.svelte +0 -145
  23. package/dist/ui/ExamplesPagePreview.svelte.d.ts +0 -12
  24. package/dist/ui/RadioInput.svelte +0 -27
  25. package/dist/ui/RadioInput.svelte.d.ts +0 -9
  26. package/dist/ui/Select.svelte +0 -27
  27. package/dist/ui/Select.svelte.d.ts +0 -9
  28. package/dist/ui/Slider.svelte +0 -47
  29. package/dist/ui/Slider.svelte.d.ts +0 -11
  30. package/dist/ui/Spiral.svelte +0 -35
  31. package/dist/ui/Spiral.svelte.d.ts +0 -15
  32. package/dist/ui/index.d.ts +0 -4
  33. package/dist/ui/index.js +0 -4
  34. package/dist/ui/isDark.svelte.d.ts +0 -6
  35. package/dist/ui/isDark.svelte.js +0 -10
@@ -8,21 +8,21 @@ export declare function sort<T>({ data, ...channels }: TransformArg<T>, options?
8
8
  sort: null;
9
9
  filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
10
10
  facet?: "auto" | "include" | "exclude" | undefined;
11
- fx?: import("../types/index.js").ChannelAccessor<T>;
12
- fy?: import("../types/index.js").ChannelAccessor<T>;
11
+ fx?: import("../types/channel.js").ChannelAccessor<T>;
12
+ fy?: import("../types/channel.js").ChannelAccessor<T>;
13
13
  dx?: import("../types/index.js").ConstantAccessor<number, T>;
14
14
  dy?: import("../types/index.js").ConstantAccessor<number, T>;
15
- dodgeX?: import("./dodge").DodgeXOptions | undefined;
16
- dodgeY?: import("./dodge").DodgeYOptions | undefined;
17
- fill?: import("../types/index.js").ChannelAccessor<T>;
15
+ dodgeX?: import("./dodge.js").DodgeXOptions | undefined;
16
+ dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
17
+ fill?: import("../types/channel.js").ChannelAccessor<T>;
18
18
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
19
- stroke?: import("../types/index.js").ChannelAccessor<T>;
19
+ stroke?: import("../types/channel.js").ChannelAccessor<T>;
20
20
  strokeWidth?: import("../types/index.js").ConstantAccessor<number, T>;
21
21
  strokeOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
22
22
  strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, T>;
23
23
  strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, T>;
24
24
  strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, T>;
25
- opacity?: import("../types/index.js").ChannelAccessor<T>;
25
+ opacity?: import("../types/channel.js").ChannelAccessor<T>;
26
26
  strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
27
27
  strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
28
28
  mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
@@ -70,25 +70,25 @@ export declare function sort<T>({ data, ...channels }: TransformArg<T>, options?
70
70
  } | {
71
71
  filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
72
72
  facet?: "auto" | "include" | "exclude" | undefined;
73
- fx?: import("../types/index.js").ChannelAccessor<T>;
74
- fy?: import("../types/index.js").ChannelAccessor<T>;
73
+ fx?: import("../types/channel.js").ChannelAccessor<T>;
74
+ fy?: import("../types/channel.js").ChannelAccessor<T>;
75
75
  dx?: import("../types/index.js").ConstantAccessor<number, T>;
76
76
  dy?: import("../types/index.js").ConstantAccessor<number, T>;
77
- dodgeX?: import("./dodge").DodgeXOptions | undefined;
78
- dodgeY?: import("./dodge").DodgeYOptions | undefined;
79
- fill?: import("../types/index.js").ChannelAccessor<T>;
77
+ dodgeX?: import("./dodge.js").DodgeXOptions | undefined;
78
+ dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
79
+ fill?: import("../types/channel.js").ChannelAccessor<T>;
80
80
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
81
- sort?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
81
+ sort?: ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | {
82
82
  channel: string;
83
83
  order?: "ascending" | "descending";
84
- } | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, T>;
85
- stroke?: import("../types/index.js").ChannelAccessor<T>;
84
+ } | import("../types/index.js").ConstantAccessor<import("../types/data.js").RawValue, T>;
85
+ stroke?: import("../types/channel.js").ChannelAccessor<T>;
86
86
  strokeWidth?: import("../types/index.js").ConstantAccessor<number, T>;
87
87
  strokeOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
88
88
  strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, T>;
89
89
  strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, T>;
90
90
  strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, T>;
91
- opacity?: import("../types/index.js").ChannelAccessor<T>;
91
+ opacity?: import("../types/channel.js").ChannelAccessor<T>;
92
92
  strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
93
93
  strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
94
94
  mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
@@ -142,21 +142,21 @@ export declare function shuffle({ data, ...channels }: TransformArg<DataRow[]>,
142
142
  [IS_SORTED]: boolean;
143
143
  filter?: import("../types/index.js").ConstantAccessor<boolean, DataRow[]>;
144
144
  facet?: "auto" | "include" | "exclude" | undefined;
145
- fx?: import("../types/index.js").ChannelAccessor<DataRow[]>;
146
- fy?: import("../types/index.js").ChannelAccessor<DataRow[]>;
145
+ fx?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
146
+ fy?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
147
147
  dx?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
148
148
  dy?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
149
- dodgeX?: import("./dodge").DodgeXOptions | undefined;
150
- dodgeY?: import("./dodge").DodgeYOptions | undefined;
151
- fill?: import("../types/index.js").ChannelAccessor<DataRow[]>;
149
+ dodgeX?: import("./dodge.js").DodgeXOptions | undefined;
150
+ dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
151
+ fill?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
152
152
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
153
- stroke?: import("../types/index.js").ChannelAccessor<DataRow[]>;
153
+ stroke?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
154
154
  strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
155
155
  strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
156
156
  strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRow[]>;
157
157
  strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRow[]>;
158
158
  strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
159
- opacity?: import("../types/index.js").ChannelAccessor<DataRow[]>;
159
+ opacity?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
160
160
  strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRow[]>;
161
161
  strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
162
162
  mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRow[]>;
@@ -208,21 +208,21 @@ export declare function reverse({ data, ...channels }: TransformArg<DataRow[]>):
208
208
  [IS_SORTED]: boolean;
209
209
  filter?: import("../types/index.js").ConstantAccessor<boolean, DataRow[]>;
210
210
  facet?: "auto" | "include" | "exclude" | undefined;
211
- fx?: import("../types/index.js").ChannelAccessor<DataRow[]>;
212
- fy?: import("../types/index.js").ChannelAccessor<DataRow[]>;
211
+ fx?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
212
+ fy?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
213
213
  dx?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
214
214
  dy?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
215
- dodgeX?: import("./dodge").DodgeXOptions | undefined;
216
- dodgeY?: import("./dodge").DodgeYOptions | undefined;
217
- fill?: import("../types/index.js").ChannelAccessor<DataRow[]>;
215
+ dodgeX?: import("./dodge.js").DodgeXOptions | undefined;
216
+ dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
217
+ fill?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
218
218
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
219
- stroke?: import("../types/index.js").ChannelAccessor<DataRow[]>;
219
+ stroke?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
220
220
  strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
221
221
  strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
222
222
  strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRow[]>;
223
223
  strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRow[]>;
224
224
  strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
225
- opacity?: import("../types/index.js").ChannelAccessor<DataRow[]>;
225
+ opacity?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
226
226
  strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRow[]>;
227
227
  strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
228
228
  mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRow[]>;
@@ -8,35 +8,35 @@ type WindowOptions = {
8
8
  strict: boolean;
9
9
  };
10
10
  export declare function windowX(args: TransformArg<DataRecord>, options: WindowOptions): {
11
- filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/index.js").RawValue>>;
11
+ filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/data.js").RawValue>>;
12
12
  facet?: "auto" | "include" | "exclude" | undefined;
13
- fx?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
14
- fy?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
15
- dx?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
16
- dy?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
17
- dodgeX?: import("./dodge").DodgeXOptions | undefined;
18
- dodgeY?: import("./dodge").DodgeYOptions | undefined;
19
- fill?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
20
- fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
21
- sort?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
13
+ fx?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
14
+ fy?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
15
+ dx?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
16
+ dy?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
17
+ dodgeX?: import("./dodge.js").DodgeXOptions | undefined;
18
+ dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
19
+ fill?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
20
+ fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
21
+ sort?: ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | {
22
22
  channel: string;
23
23
  order?: "ascending" | "descending";
24
- } | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, Record<string | symbol, import("../types/index.js").RawValue>>;
25
- stroke?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
26
- strokeWidth?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
27
- strokeOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
28
- strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types/index.js").RawValue>>;
29
- strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types/index.js").RawValue>>;
30
- strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
31
- opacity?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
32
- strokeDasharray?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
33
- strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
34
- mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/index.js").RawValue>>;
24
+ } | import("../types/index.js").ConstantAccessor<import("../types/data.js").RawValue, Record<string | symbol, import("../types/data.js").RawValue>>;
25
+ stroke?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
26
+ strokeWidth?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
27
+ strokeOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
28
+ strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types/data.js").RawValue>>;
29
+ strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types/data.js").RawValue>>;
30
+ strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
31
+ opacity?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
32
+ strokeDasharray?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data.js").RawValue>>;
33
+ strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
34
+ mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/data.js").RawValue>>;
35
35
  clipPath?: string | undefined;
36
36
  mask?: string | undefined;
37
- imageFilter?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
38
- shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types/index.js").RawValue>>;
39
- paintOrder?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
37
+ imageFilter?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data.js").RawValue>>;
38
+ shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types/data.js").RawValue>>;
39
+ paintOrder?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data.js").RawValue>>;
40
40
  onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
41
41
  ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
42
42
  onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
@@ -69,42 +69,42 @@ export declare function windowX(args: TransformArg<DataRecord>, options: WindowO
69
69
  onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
70
70
  class?: string | undefined;
71
71
  style?: string | undefined;
72
- cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/index.js").RawValue>>;
72
+ cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/data.js").RawValue>>;
73
73
  data: {
74
- [x: string]: import("../types/index.js").RawValue;
75
- [x: symbol]: import("../types/index.js").RawValue;
74
+ [x: string]: import("../types/data.js").RawValue;
75
+ [x: symbol]: import("../types/data.js").RawValue;
76
76
  }[];
77
77
  };
78
78
  export declare function windowY(args: TransformArg<DataRecord>, options: WindowOptions): {
79
- filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/index.js").RawValue>>;
79
+ filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/data.js").RawValue>>;
80
80
  facet?: "auto" | "include" | "exclude" | undefined;
81
- fx?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
82
- fy?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
83
- dx?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
84
- dy?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
85
- dodgeX?: import("./dodge").DodgeXOptions | undefined;
86
- dodgeY?: import("./dodge").DodgeYOptions | undefined;
87
- fill?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
88
- fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
89
- sort?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
81
+ fx?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
82
+ fy?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
83
+ dx?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
84
+ dy?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
85
+ dodgeX?: import("./dodge.js").DodgeXOptions | undefined;
86
+ dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
87
+ fill?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
88
+ fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
89
+ sort?: ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | {
90
90
  channel: string;
91
91
  order?: "ascending" | "descending";
92
- } | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, Record<string | symbol, import("../types/index.js").RawValue>>;
93
- stroke?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
94
- strokeWidth?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
95
- strokeOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
96
- strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types/index.js").RawValue>>;
97
- strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types/index.js").RawValue>>;
98
- strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
99
- opacity?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
100
- strokeDasharray?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
101
- strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
102
- mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/index.js").RawValue>>;
92
+ } | import("../types/index.js").ConstantAccessor<import("../types/data.js").RawValue, Record<string | symbol, import("../types/data.js").RawValue>>;
93
+ stroke?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
94
+ strokeWidth?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
95
+ strokeOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
96
+ strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types/data.js").RawValue>>;
97
+ strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types/data.js").RawValue>>;
98
+ strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
99
+ opacity?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
100
+ strokeDasharray?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data.js").RawValue>>;
101
+ strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
102
+ mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/data.js").RawValue>>;
103
103
  clipPath?: string | undefined;
104
104
  mask?: string | undefined;
105
- imageFilter?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
106
- shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types/index.js").RawValue>>;
107
- paintOrder?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
105
+ imageFilter?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data.js").RawValue>>;
106
+ shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types/data.js").RawValue>>;
107
+ paintOrder?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data.js").RawValue>>;
108
108
  onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
109
109
  ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
110
110
  onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
@@ -137,10 +137,10 @@ export declare function windowY(args: TransformArg<DataRecord>, options: WindowO
137
137
  onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
138
138
  class?: string | undefined;
139
139
  style?: string | undefined;
140
- cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/index.js").RawValue>>;
140
+ cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/data.js").RawValue>>;
141
141
  data: {
142
- [x: string]: import("../types/index.js").RawValue;
143
- [x: symbol]: import("../types/index.js").RawValue;
142
+ [x: string]: import("../types/data.js").RawValue;
143
+ [x: symbol]: import("../types/data.js").RawValue;
144
144
  }[];
145
145
  };
146
146
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "svelteplot",
3
- "version": "0.10.1",
3
+ "version": "0.10.3",
4
4
  "description": "A Svelte-native data visualization framework based on the layered grammar of graphics principles.",
5
5
  "keywords": [
6
6
  "svelte",
@@ -16,11 +16,16 @@
16
16
  "bugs": {
17
17
  "url": "https://github.com/svelteplot/svelteplot/issues"
18
18
  },
19
+ "repository": {
20
+ "type": "git",
21
+ "url": "git+https://github.com/svelteplot/svelteplot.git"
22
+ },
19
23
  "license": "ISC",
20
24
  "author": {
21
25
  "name": "Gregor Aisch",
22
26
  "email": "gka@users.noreply.github.com"
23
27
  },
28
+ "packageManager": "pnpm@10.0.0",
24
29
  "type": "module",
25
30
  "exports": {
26
31
  ".": {
@@ -61,7 +66,7 @@
61
66
  "docs:api:marks": "node scripts/generate-api.js --marks && prettier --write .",
62
67
  "docs:api:plot": "node scripts/generate-api.js --plot && prettier --write .",
63
68
  "docs:api:transforms": "node scripts/generate-api.js --transforms && prettier --write .",
64
- "format": "prettier --write .",
69
+ "format": "prettier --write . && eslint --fix package.json",
65
70
  "lint": "prettier --check src && eslint src package.json",
66
71
  "lint:types": "tsc --noEmit",
67
72
  "prepack": "npx svelte-package",
@@ -89,8 +94,10 @@
89
94
  "es-toolkit": "^1.44.0",
90
95
  "fast-equals": "^6.0.0",
91
96
  "interval-tree-1d": "^1.0.4",
92
- "merge-deep": "^3.0.3",
93
- "svelte": "5"
97
+ "merge-deep": "^3.0.3"
98
+ },
99
+ "peerDependencies": {
100
+ "svelte": "^5.43.0"
94
101
  },
95
102
  "devDependencies": {
96
103
  "@aitodotai/json-stringify-pretty-compact": "^1.3.0",
@@ -154,6 +161,7 @@
154
161
  "svelte-check": "^4.3.5",
155
162
  "svelte-eslint-parser": "1.4.1",
156
163
  "svelte-highlight": "^7.9.0",
164
+ "svelte": "5",
157
165
  "svg-path-parser": "^1.1.0",
158
166
  "temml": "^0.13.1",
159
167
  "topojson-client": "^3.1.0",
@@ -1,14 +0,0 @@
1
- <script>
2
- let { label, value = $bindable(), ...restProps } = $props();
3
- </script>
4
-
5
- <label class="checkbox">
6
- <input type="checkbox" bind:checked={value} {...restProps} />
7
- <!-- eslint-disable-next-line svelte/no-at-html-tags -->
8
- {@html label}</label>
9
-
10
- <style>
11
- label.checkbox + :global(label.checkbox) {
12
- margin-left: 0.7em;
13
- }
14
- </style>
@@ -1,13 +0,0 @@
1
- export default Checkbox;
2
- type Checkbox = {
3
- $on?(type: string, callback: (e: any) => void): () => void;
4
- $set?(props: Partial<$$ComponentProps>): void;
5
- };
6
- declare const Checkbox: import("svelte").Component<{
7
- label: any;
8
- value?: any;
9
- } & Record<string, any>, {}, "value">;
10
- type $$ComponentProps = {
11
- label: any;
12
- value?: any;
13
- } & Record<string, any>;
@@ -1,81 +0,0 @@
1
- <script>
2
- import { resolve } from '$app/paths';
3
- import { useDark } from './isDark.svelte';
4
- let { examples } = $props();
5
-
6
- const exampleImages = import.meta.glob('../../snapshots/*/*.png', {
7
- eager: true,
8
- query: {
9
- enhanced: true,
10
- w: 640
11
- }
12
- });
13
-
14
- const ds = useDark();
15
- </script>
16
-
17
- <div class="list">
18
- {#each examples as page, i (i)}
19
- <a href={resolve(page.url)}>
20
- <div>
21
- {#if exampleImages[`../../snapshots/${page.key}.png`]}
22
- <enhanced:img
23
- src={ds.isDark
24
- ? exampleImages[`../../snapshots/${page.key}.dark.png`].default.img.src
25
- : exampleImages[`../../snapshots/${page.key}.png`].default.img.src}
26
- alt={page.title} />
27
- {/if}
28
- </div>
29
- <h4>
30
- {page.title}
31
- </h4>
32
- </a>
33
- {/each}
34
- </div>
35
-
36
- <style>
37
- .list {
38
- display: grid;
39
- grid-template-columns: repeat(3, 1fr);
40
- gap: 1rem;
41
- width: 100%;
42
- margin: 2rem 0;
43
- }
44
-
45
- .list > a {
46
- display: flex;
47
- flex-direction: column;
48
- align-items: left;
49
- row-gap: 0.3rem;
50
- text-decoration: none;
51
-
52
- > div {
53
- border: 1px solid #88888822;
54
- border-radius: 2px;
55
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
56
- padding: 1.5ex 1.5ex 0.4ex 1.5ex;
57
- }
58
-
59
- &:hover {
60
- text-decoration: underline;
61
- color: var(--svp-text);
62
- > div {
63
- border: 1px solid var(--svp-text);
64
- }
65
- }
66
- }
67
-
68
- .list :global(img) {
69
- width: 100%;
70
- box-sizing: border-box;
71
- border-radius: 3px;
72
- transition: transform 0.2s ease-in-out;
73
- }
74
-
75
- .list h4 {
76
- margin: 0rem;
77
- font-weight: normal;
78
- font-size: 13px;
79
- line-height: 1;
80
- }
81
- </style>
@@ -1,11 +0,0 @@
1
- export default ExamplesGrid;
2
- type ExamplesGrid = {
3
- $on?(type: string, callback: (e: any) => void): () => void;
4
- $set?(props: Partial<$$ComponentProps>): void;
5
- };
6
- declare const ExamplesGrid: import("svelte").Component<{
7
- examples: any;
8
- }, {}, "">;
9
- type $$ComponentProps = {
10
- examples: any;
11
- };
@@ -1,63 +0,0 @@
1
- <script lang="ts">
2
- import { resolve } from '$app/paths';
3
- let {
4
- paths,
5
- pages
6
- }: {
7
- paths: Record<string, string[]>;
8
- pages: Record<
9
- string,
10
- {
11
- title: string;
12
- description?: string;
13
- sortKey?: number;
14
- transforms?: string[];
15
- }
16
- >;
17
- } = $props();
18
-
19
- function sortPages(a: string, b: string) {
20
- const sortA = pages[a].sortKey ?? 10;
21
- const sortB = pages[b].sortKey ?? 10;
22
- return sortA - sortB;
23
- }
24
- </script>
25
-
26
- <div class="column-container">
27
- {#each Object.entries(paths).sort( (a, b) => a[0].localeCompare(b[0]) ) as [group, groupPages] (group)}
28
- <div>
29
- <h3>
30
- <a href={resolve(`/examples/${group}`)}
31
- >{pages[groupPages.find((p) => p.endsWith('/_index.svelte'))]?.title ??
32
- group}</a>
33
- </h3>
34
- <ul>
35
- {#each groupPages
36
- .sort(sortPages)
37
- .filter((p) => !p.endsWith('/_index.svelte')) as page (page)}
38
- <li>
39
- <a href={resolve(page.replace('./', './examples/').replace('.svelte', ''))}
40
- >{pages[page].title}</a>
41
- </li>
42
- {/each}
43
- </ul>
44
- </div>
45
- {/each}
46
- </div>
47
-
48
- <style>
49
- .column-container {
50
- columns: 2;
51
- column-gap: 1rem;
52
- column-fill: balance;
53
- > div {
54
- padding-top: 1em;
55
- break-before: column;
56
- break-inside: avoid-column;
57
- }
58
- h3 {
59
- break-before: avoid-column;
60
- text-transform: capitalize;
61
- }
62
- }
63
- </style>
@@ -1,12 +0,0 @@
1
- type $$ComponentProps = {
2
- paths: Record<string, string[]>;
3
- pages: Record<string, {
4
- title: string;
5
- description?: string;
6
- sortKey?: number;
7
- transforms?: string[];
8
- }>;
9
- };
10
- declare const ExamplesPageList: import("svelte").Component<$$ComponentProps, {}, "">;
11
- type ExamplesPageList = ReturnType<typeof ExamplesPageList>;
12
- export default ExamplesPageList;