svelteplot 0.7.0-pr-274.0 → 0.7.0-pr-275.1
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.
- package/README.md +1 -1
- package/dist/Mark.svelte.d.ts +43 -36
- package/dist/marks/Area.svelte.d.ts +11 -4
- package/dist/marks/AreaX.svelte.d.ts +11 -4
- package/dist/marks/Arrow.svelte.d.ts +42 -35
- package/dist/marks/AxisX.svelte.d.ts +15 -8
- package/dist/marks/AxisY.svelte.d.ts +14 -7
- package/dist/marks/BarX.svelte.d.ts +11 -4
- package/dist/marks/BarY.svelte.d.ts +11 -4
- package/dist/marks/BollingerX.svelte.d.ts +10 -3
- package/dist/marks/BollingerY.svelte.d.ts +10 -3
- package/dist/marks/BoxY.svelte.d.ts +16 -9
- package/dist/marks/Brush.svelte.d.ts +58 -31
- package/dist/marks/Cell.svelte.d.ts +41 -34
- package/dist/marks/CustomMark.svelte.d.ts +10 -3
- package/dist/marks/CustomMarkHTML.svelte.d.ts +15 -8
- package/dist/marks/DifferenceY.svelte.d.ts +17 -10
- package/dist/marks/Dot.svelte.d.ts +42 -35
- package/dist/marks/DotX.svelte.d.ts +11 -4
- package/dist/marks/DotY.svelte.d.ts +11 -4
- package/dist/marks/Frame.svelte.d.ts +85 -17
- package/dist/marks/Geo.svelte.d.ts +42 -35
- package/dist/marks/GridX.svelte.d.ts +12 -5
- package/dist/marks/GridY.svelte.d.ts +12 -5
- package/dist/marks/HTMLTooltip.svelte.d.ts +14 -7
- package/dist/marks/Image.svelte.d.ts +10 -3
- package/dist/marks/Line.svelte.d.ts +43 -36
- package/dist/marks/LineX.svelte.d.ts +11 -4
- package/dist/marks/LineY.svelte.d.ts +11 -4
- package/dist/marks/Link.svelte.d.ts +41 -34
- package/dist/marks/Pointer.svelte.d.ts +13 -6
- package/dist/marks/Rect.svelte.d.ts +11 -4
- package/dist/marks/RectX.svelte.d.ts +10 -3
- package/dist/marks/RectY.svelte.d.ts +10 -3
- package/dist/marks/RuleX.svelte.d.ts +12 -5
- package/dist/marks/RuleY.svelte.d.ts +12 -5
- package/dist/marks/Spike.svelte.d.ts +11 -4
- package/dist/marks/Text.svelte.d.ts +18 -11
- package/dist/marks/TickX.svelte.d.ts +11 -4
- package/dist/marks/TickY.svelte.d.ts +11 -4
- package/dist/marks/Vector.svelte.d.ts +41 -34
- package/dist/marks/WaffleX.svelte.d.ts +10 -3
- package/dist/marks/WaffleY.svelte.d.ts +10 -3
- package/dist/marks/helpers/Anchor.svelte.d.ts +19 -12
- package/dist/marks/helpers/MarkerPath.svelte.d.ts +10 -3
- package/dist/marks/helpers/RectPath.svelte.d.ts +13 -6
- package/package.json +25 -16
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
SveltePlot is a visualization framework based on the [layered grammar of graphics](https://vita.had.co.nz/papers/layered-grammar.html) ideas. It's API is heavily inspired by [Observable Plot](https://github.com/observablehq/plot). Created by Gregor Aisch.
|
|
6
6
|
|
|
7
|
-
<img src="static/logo.
|
|
7
|
+
<img src="static/logo.svg" alt="SveltePlot logo" width="401" />
|
|
8
8
|
|
|
9
9
|
## Development
|
|
10
10
|
|
package/dist/Mark.svelte.d.ts
CHANGED
|
@@ -2,8 +2,8 @@ import { type Snippet } from 'svelte';
|
|
|
2
2
|
import { CHANNEL_SCALE } from './constants.js';
|
|
3
3
|
import type { ScaledChannelName, MarkType, DataRecord, ChannelAccessor, ScaleName, RawValue, ScaledDataRecord, ScaleType } from './types/index.js';
|
|
4
4
|
import { getUsedScales } from './helpers/scales.js';
|
|
5
|
-
declare
|
|
6
|
-
props
|
|
5
|
+
declare function $$render<Datum extends DataRecord>(): {
|
|
6
|
+
props: Partial<Partial<{
|
|
7
7
|
filter: import("./types/index.js").ConstantAccessor<boolean, Datum>;
|
|
8
8
|
facet: "auto" | "include" | "exclude";
|
|
9
9
|
fx: ChannelAccessor<Datum>;
|
|
@@ -32,41 +32,41 @@ declare class __sveltets_Render<Datum extends DataRecord> {
|
|
|
32
32
|
imageFilter: import("./types/index.js").ConstantAccessor<string, Datum>;
|
|
33
33
|
shapeRendering: import("./types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
|
|
34
34
|
paintOrder: import("./types/index.js").ConstantAccessor<string, Datum>;
|
|
35
|
-
onclick: import("svelte/elements
|
|
36
|
-
ondblclick: import("svelte/elements
|
|
37
|
-
onmouseup: import("svelte/elements
|
|
38
|
-
onmousedown: import("svelte/elements
|
|
39
|
-
onmouseenter: import("svelte/elements
|
|
40
|
-
onmousemove: import("svelte/elements
|
|
41
|
-
onmouseleave: import("svelte/elements
|
|
42
|
-
onmouseout: import("svelte/elements
|
|
43
|
-
onmouseover: import("svelte/elements
|
|
44
|
-
onpointercancel: import("svelte/elements
|
|
45
|
-
onpointerdown: import("svelte/elements
|
|
46
|
-
onpointerup: import("svelte/elements
|
|
47
|
-
onpointerenter: import("svelte/elements
|
|
48
|
-
onpointerleave: import("svelte/elements
|
|
49
|
-
onpointermove: import("svelte/elements
|
|
50
|
-
onpointerover: import("svelte/elements
|
|
51
|
-
onpointerout: import("svelte/elements
|
|
52
|
-
ondrag: import("svelte/elements
|
|
53
|
-
ondrop: import("svelte/elements
|
|
54
|
-
ondragstart: import("svelte/elements
|
|
55
|
-
ondragenter: import("svelte/elements
|
|
56
|
-
ondragleave: import("svelte/elements
|
|
57
|
-
ondragover: import("svelte/elements
|
|
58
|
-
ondragend: import("svelte/elements
|
|
59
|
-
ontouchstart: import("svelte/elements
|
|
60
|
-
ontouchmove: import("svelte/elements
|
|
61
|
-
ontouchend: import("svelte/elements
|
|
62
|
-
ontouchcancel: import("svelte/elements
|
|
63
|
-
oncontextmenu: import("svelte/elements
|
|
64
|
-
onwheel: import("svelte/elements
|
|
35
|
+
onclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
36
|
+
ondblclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
37
|
+
onmouseup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
38
|
+
onmousedown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
39
|
+
onmouseenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
40
|
+
onmousemove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
41
|
+
onmouseleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
42
|
+
onmouseout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
43
|
+
onmouseover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
44
|
+
onpointercancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
45
|
+
onpointerdown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
46
|
+
onpointerup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
47
|
+
onpointerenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
48
|
+
onpointerleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
49
|
+
onpointermove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
50
|
+
onpointerover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
51
|
+
onpointerout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
52
|
+
ondrag: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
53
|
+
ondrop: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
54
|
+
ondragstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
55
|
+
ondragenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
56
|
+
ondragleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
57
|
+
ondragover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
58
|
+
ondragend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
59
|
+
ontouchstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
60
|
+
ontouchmove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
61
|
+
ontouchend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
62
|
+
ontouchcancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
63
|
+
oncontextmenu: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
64
|
+
onwheel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
65
65
|
class: string;
|
|
66
66
|
style: string;
|
|
67
67
|
cursor: import("./types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
|
|
68
68
|
}>> & {
|
|
69
|
-
data?: Datum[]
|
|
69
|
+
data?: Datum[];
|
|
70
70
|
automatic?: boolean;
|
|
71
71
|
type: MarkType;
|
|
72
72
|
channels?: ScaledChannelName[];
|
|
@@ -76,11 +76,18 @@ declare class __sveltets_Render<Datum extends DataRecord> {
|
|
|
76
76
|
mark: any;
|
|
77
77
|
usedScales: ReturnType<typeof getUsedScales>;
|
|
78
78
|
scaledData: ScaledDataRecord<Datum>[];
|
|
79
|
-
}]
|
|
79
|
+
}]>;
|
|
80
80
|
defaults?: Partial<Record<ScaledChannelName, RawValue>>;
|
|
81
81
|
};
|
|
82
|
-
|
|
83
|
-
|
|
82
|
+
exports: {};
|
|
83
|
+
bindings: "";
|
|
84
|
+
slots: {};
|
|
85
|
+
events: {};
|
|
86
|
+
};
|
|
87
|
+
declare class __sveltets_Render<Datum extends DataRecord> {
|
|
88
|
+
props(): ReturnType<typeof $$render<Datum>>['props'];
|
|
89
|
+
events(): ReturnType<typeof $$render<Datum>>['events'];
|
|
90
|
+
slots(): ReturnType<typeof $$render<Datum>>['slots'];
|
|
84
91
|
bindings(): "";
|
|
85
92
|
exports(): {};
|
|
86
93
|
}
|
|
@@ -2,8 +2,8 @@ import { type CurveFactory } from 'd3-shape';
|
|
|
2
2
|
import callWithProps from '../helpers/callWithProps.js';
|
|
3
3
|
import type { CurveName, DataRecord, ConstantAccessor, ChannelAccessor, LinkableMarkProps, RawValue } from '../types/index.js';
|
|
4
4
|
import type { StackOptions } from '../transforms/stack.js';
|
|
5
|
-
declare
|
|
6
|
-
props
|
|
5
|
+
declare function $$render<Datum extends DataRecord>(): {
|
|
6
|
+
props: Partial<{
|
|
7
7
|
filter: ConstantAccessor<boolean, Datum>;
|
|
8
8
|
facet: "auto" | "include" | "exclude";
|
|
9
9
|
fx: ChannelAccessor<Datum>;
|
|
@@ -81,8 +81,15 @@ declare class __sveltets_Render<Datum extends DataRecord> {
|
|
|
81
81
|
canvas?: boolean;
|
|
82
82
|
areaClass?: ConstantAccessor<string, Datum>;
|
|
83
83
|
};
|
|
84
|
-
|
|
85
|
-
|
|
84
|
+
exports: {};
|
|
85
|
+
bindings: "";
|
|
86
|
+
slots: {};
|
|
87
|
+
events: {};
|
|
88
|
+
};
|
|
89
|
+
declare class __sveltets_Render<Datum extends DataRecord> {
|
|
90
|
+
props(): ReturnType<typeof $$render<Datum>>['props'];
|
|
91
|
+
events(): ReturnType<typeof $$render<Datum>>['events'];
|
|
92
|
+
slots(): ReturnType<typeof $$render<Datum>>['slots'];
|
|
86
93
|
bindings(): "";
|
|
87
94
|
exports(): {};
|
|
88
95
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { renameChannels } from '../transforms/rename.js';
|
|
2
2
|
import type { ChannelAccessor, DataRow } from '../types/index.js';
|
|
3
|
-
declare
|
|
4
|
-
props
|
|
3
|
+
declare function $$render<Datum extends DataRow>(): {
|
|
4
|
+
props: Omit<Partial<{
|
|
5
5
|
filter: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/data").RawValue>>;
|
|
6
6
|
facet: "auto" | "include" | "exclude";
|
|
7
7
|
fx: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
|
|
@@ -82,8 +82,15 @@ declare class __sveltets_Render<Datum extends DataRow> {
|
|
|
82
82
|
x?: ChannelAccessor<Datum>;
|
|
83
83
|
y?: ChannelAccessor<Datum>;
|
|
84
84
|
};
|
|
85
|
-
|
|
86
|
-
|
|
85
|
+
exports: {};
|
|
86
|
+
bindings: "";
|
|
87
|
+
slots: {};
|
|
88
|
+
events: {};
|
|
89
|
+
};
|
|
90
|
+
declare class __sveltets_Render<Datum extends DataRow> {
|
|
91
|
+
props(): ReturnType<typeof $$render<Datum>>['props'];
|
|
92
|
+
events(): ReturnType<typeof $$render<Datum>>['events'];
|
|
93
|
+
slots(): ReturnType<typeof $$render<Datum>>['slots'];
|
|
87
94
|
bindings(): "";
|
|
88
95
|
exports(): {};
|
|
89
96
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { DataRecord, ConstantAccessor, ChannelAccessor, RawValue } from '../types/index.js';
|
|
2
2
|
import { type SweepOption } from '../helpers/arrowPath.js';
|
|
3
3
|
import { replaceChannels } from '../transforms/rename.js';
|
|
4
|
-
declare
|
|
5
|
-
props
|
|
4
|
+
declare function $$render<Datum extends DataRecord>(): {
|
|
5
|
+
props: Omit<Partial<{
|
|
6
6
|
filter: ConstantAccessor<boolean, Datum>;
|
|
7
7
|
facet: "auto" | "include" | "exclude";
|
|
8
8
|
fx: ChannelAccessor<Datum>;
|
|
@@ -31,36 +31,36 @@ declare class __sveltets_Render<Datum extends DataRecord> {
|
|
|
31
31
|
imageFilter: ConstantAccessor<string, Datum>;
|
|
32
32
|
shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
|
|
33
33
|
paintOrder: ConstantAccessor<string, Datum>;
|
|
34
|
-
onclick: import("svelte/elements
|
|
35
|
-
ondblclick: import("svelte/elements
|
|
36
|
-
onmouseup: import("svelte/elements
|
|
37
|
-
onmousedown: import("svelte/elements
|
|
38
|
-
onmouseenter: import("svelte/elements
|
|
39
|
-
onmousemove: import("svelte/elements
|
|
40
|
-
onmouseleave: import("svelte/elements
|
|
41
|
-
onmouseout: import("svelte/elements
|
|
42
|
-
onmouseover: import("svelte/elements
|
|
43
|
-
onpointercancel: import("svelte/elements
|
|
44
|
-
onpointerdown: import("svelte/elements
|
|
45
|
-
onpointerup: import("svelte/elements
|
|
46
|
-
onpointerenter: import("svelte/elements
|
|
47
|
-
onpointerleave: import("svelte/elements
|
|
48
|
-
onpointermove: import("svelte/elements
|
|
49
|
-
onpointerover: import("svelte/elements
|
|
50
|
-
onpointerout: import("svelte/elements
|
|
51
|
-
ondrag: import("svelte/elements
|
|
52
|
-
ondrop: import("svelte/elements
|
|
53
|
-
ondragstart: import("svelte/elements
|
|
54
|
-
ondragenter: import("svelte/elements
|
|
55
|
-
ondragleave: import("svelte/elements
|
|
56
|
-
ondragover: import("svelte/elements
|
|
57
|
-
ondragend: import("svelte/elements
|
|
58
|
-
ontouchstart: import("svelte/elements
|
|
59
|
-
ontouchmove: import("svelte/elements
|
|
60
|
-
ontouchend: import("svelte/elements
|
|
61
|
-
ontouchcancel: import("svelte/elements
|
|
62
|
-
oncontextmenu: import("svelte/elements
|
|
63
|
-
onwheel: import("svelte/elements
|
|
34
|
+
onclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
35
|
+
ondblclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
36
|
+
onmouseup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
37
|
+
onmousedown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
38
|
+
onmouseenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
39
|
+
onmousemove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
40
|
+
onmouseleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
41
|
+
onmouseout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
42
|
+
onmouseover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
43
|
+
onpointercancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
44
|
+
onpointerdown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
45
|
+
onpointerup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
46
|
+
onpointerenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
47
|
+
onpointerleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
48
|
+
onpointermove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
49
|
+
onpointerover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
50
|
+
onpointerout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
51
|
+
ondrag: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
52
|
+
ondrop: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
53
|
+
ondragstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
54
|
+
ondragenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
55
|
+
ondragleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
56
|
+
ondragover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
57
|
+
ondragend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
58
|
+
ontouchstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
59
|
+
ontouchmove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
60
|
+
ontouchend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
61
|
+
ontouchcancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
62
|
+
oncontextmenu: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
63
|
+
onwheel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
|
|
64
64
|
class: string;
|
|
65
65
|
style: string;
|
|
66
66
|
cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
|
|
@@ -76,7 +76,7 @@ declare class __sveltets_Render<Datum extends DataRecord> {
|
|
|
76
76
|
/**
|
|
77
77
|
* the bend angle, in degrees; defaults to 0°; true for 22.5°
|
|
78
78
|
*/
|
|
79
|
-
bend?:
|
|
79
|
+
bend?: ConstantAccessor<number, Datum> | true;
|
|
80
80
|
/**
|
|
81
81
|
* the arrowhead angle, in degrees; defaults to 60°
|
|
82
82
|
*/
|
|
@@ -99,8 +99,15 @@ declare class __sveltets_Render<Datum extends DataRecord> {
|
|
|
99
99
|
inset?: ConstantAccessor<number, Datum>;
|
|
100
100
|
sweep?: SweepOption;
|
|
101
101
|
};
|
|
102
|
-
|
|
103
|
-
|
|
102
|
+
exports: {};
|
|
103
|
+
bindings: "";
|
|
104
|
+
slots: {};
|
|
105
|
+
events: {};
|
|
106
|
+
};
|
|
107
|
+
declare class __sveltets_Render<Datum extends DataRecord> {
|
|
108
|
+
props(): ReturnType<typeof $$render<Datum>>['props'];
|
|
109
|
+
events(): ReturnType<typeof $$render<Datum>>['events'];
|
|
110
|
+
slots(): ReturnType<typeof $$render<Datum>>['slots'];
|
|
104
111
|
bindings(): "";
|
|
105
112
|
exports(): {};
|
|
106
113
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { RawValue, ConstantAccessor } from '../types/index.js';
|
|
2
2
|
import type * as CSS from 'csstype';
|
|
3
3
|
import autoTimeFormat from '../helpers/autoTimeFormat.js';
|
|
4
|
-
declare
|
|
5
|
-
props
|
|
4
|
+
declare function $$render<Datum extends RawValue>(): {
|
|
5
|
+
props: Omit<Partial<{
|
|
6
6
|
filter: ConstantAccessor<boolean, Datum>;
|
|
7
7
|
facet: "auto" | "include" | "exclude";
|
|
8
8
|
fx: import("../types/channel").ChannelAccessor<Datum>;
|
|
@@ -65,7 +65,7 @@ declare class __sveltets_Render<Datum extends RawValue> {
|
|
|
65
65
|
style: string;
|
|
66
66
|
cursor: ConstantAccessor<CSS.Property.Cursor, Datum>;
|
|
67
67
|
}>, "fillOpacity" | "href" | "target" | "title" | "paintOrder"> & {
|
|
68
|
-
data?: Datum[]
|
|
68
|
+
data?: Datum[];
|
|
69
69
|
automatic?: boolean;
|
|
70
70
|
title?: string | false | null;
|
|
71
71
|
anchor?: "top" | "bottom";
|
|
@@ -76,10 +76,10 @@ declare class __sveltets_Render<Datum extends RawValue> {
|
|
|
76
76
|
tickFontSize?: ConstantAccessor<number, Datum>;
|
|
77
77
|
titleFontSize?: number;
|
|
78
78
|
tickPadding?: number;
|
|
79
|
-
tickFormat?: "auto" | Intl.
|
|
79
|
+
tickFormat?: "auto" | Intl.DateTimeFormatOptions | Intl.NumberFormatOptions | ((d: RawValue, i: number) => string);
|
|
80
80
|
tickClass?: ConstantAccessor<string, Datum>;
|
|
81
81
|
/** ticks is a shorthand for defining data, tickCount or interval */
|
|
82
|
-
ticks?:
|
|
82
|
+
ticks?: number | string | Datum[];
|
|
83
83
|
/** set to false or null to disable tick labels */
|
|
84
84
|
text?: boolean | null;
|
|
85
85
|
/** approximate number of ticks to be generated */
|
|
@@ -87,11 +87,18 @@ declare class __sveltets_Render<Datum extends RawValue> {
|
|
|
87
87
|
/** approximate number of pixels between generated ticks */
|
|
88
88
|
tickSpacing?: number;
|
|
89
89
|
/** text anchor for axis labels */
|
|
90
|
-
textAnchor?: ConstantAccessor<
|
|
90
|
+
textAnchor?: ConstantAccessor<CSS.Property.TextAnchor | "auto", Datum>;
|
|
91
91
|
removeDuplicateTicks: boolean;
|
|
92
92
|
};
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
exports: {};
|
|
94
|
+
bindings: "";
|
|
95
|
+
slots: {};
|
|
96
|
+
events: {};
|
|
97
|
+
};
|
|
98
|
+
declare class __sveltets_Render<Datum extends RawValue> {
|
|
99
|
+
props(): ReturnType<typeof $$render<Datum>>['props'];
|
|
100
|
+
events(): ReturnType<typeof $$render<Datum>>['events'];
|
|
101
|
+
slots(): ReturnType<typeof $$render<Datum>>['slots'];
|
|
95
102
|
bindings(): "";
|
|
96
103
|
exports(): {};
|
|
97
104
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { RawValue, ConstantAccessor } from '../types/index.js';
|
|
2
2
|
import autoTimeFormat from '../helpers/autoTimeFormat.js';
|
|
3
|
-
declare
|
|
4
|
-
props
|
|
3
|
+
declare function $$render<Datum extends RawValue>(): {
|
|
4
|
+
props: Omit<Partial<{
|
|
5
5
|
filter: ConstantAccessor<boolean, Datum>;
|
|
6
6
|
facet: "auto" | "include" | "exclude";
|
|
7
7
|
fx: import("../types/channel").ChannelAccessor<Datum>;
|
|
@@ -64,7 +64,7 @@ declare class __sveltets_Render<Datum extends RawValue> {
|
|
|
64
64
|
style: string;
|
|
65
65
|
cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
|
|
66
66
|
}>, "fillOpacity" | "href" | "target" | "title" | "paintOrder"> & {
|
|
67
|
-
data?: Datum[]
|
|
67
|
+
data?: Datum[];
|
|
68
68
|
automatic?: boolean;
|
|
69
69
|
title?: string | false | null;
|
|
70
70
|
anchor?: "left" | "right";
|
|
@@ -77,10 +77,10 @@ declare class __sveltets_Render<Datum extends RawValue> {
|
|
|
77
77
|
tickFontSize?: ConstantAccessor<number, Datum>;
|
|
78
78
|
titleFontSize?: number;
|
|
79
79
|
tickPadding?: number;
|
|
80
|
-
tickFormat?: "auto" | Intl.
|
|
80
|
+
tickFormat?: "auto" | Intl.DateTimeFormatOptions | Intl.NumberFormatOptions | ((d: RawValue) => string);
|
|
81
81
|
tickClass?: ConstantAccessor<string, Datum>;
|
|
82
82
|
/** ticks is a shorthand for defining data, tickCount or interval */
|
|
83
|
-
ticks?:
|
|
83
|
+
ticks?: number | string | Datum[];
|
|
84
84
|
/** set to false or null to disable tick labels */
|
|
85
85
|
text?: boolean | null;
|
|
86
86
|
/** approximate number of ticks to be generated */
|
|
@@ -88,8 +88,15 @@ declare class __sveltets_Render<Datum extends RawValue> {
|
|
|
88
88
|
/** approximate number of pixels between generated ticks */
|
|
89
89
|
tickSpacing?: number;
|
|
90
90
|
};
|
|
91
|
-
|
|
92
|
-
|
|
91
|
+
exports: {};
|
|
92
|
+
bindings: "";
|
|
93
|
+
slots: {};
|
|
94
|
+
events: {};
|
|
95
|
+
};
|
|
96
|
+
declare class __sveltets_Render<Datum extends RawValue> {
|
|
97
|
+
props(): ReturnType<typeof $$render<Datum>>['props'];
|
|
98
|
+
events(): ReturnType<typeof $$render<Datum>>['events'];
|
|
99
|
+
slots(): ReturnType<typeof $$render<Datum>>['slots'];
|
|
93
100
|
bindings(): "";
|
|
94
101
|
exports(): {};
|
|
95
102
|
}
|
|
@@ -2,8 +2,8 @@ import { stackX } from '../index.js';
|
|
|
2
2
|
import type { StackOptions } from '../transforms/stack.js';
|
|
3
3
|
import type { DataRow } from '../types/index.js';
|
|
4
4
|
import type { BaseRectMarkProps, ChannelAccessor, LinkableMarkProps } from '../types/index.js';
|
|
5
|
-
declare
|
|
6
|
-
props
|
|
5
|
+
declare function $$render<Datum extends DataRow>(): {
|
|
6
|
+
props: Partial<{
|
|
7
7
|
filter: import("../types/index.js").ConstantAccessor<boolean, Datum>;
|
|
8
8
|
facet: "auto" | "include" | "exclude";
|
|
9
9
|
fx: ChannelAccessor<Datum>;
|
|
@@ -78,8 +78,15 @@ declare class __sveltets_Render<Datum extends DataRow> {
|
|
|
78
78
|
*/
|
|
79
79
|
interval?: number | string;
|
|
80
80
|
};
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
exports: {};
|
|
82
|
+
bindings: "";
|
|
83
|
+
slots: {};
|
|
84
|
+
events: {};
|
|
85
|
+
};
|
|
86
|
+
declare class __sveltets_Render<Datum extends DataRow> {
|
|
87
|
+
props(): ReturnType<typeof $$render<Datum>>['props'];
|
|
88
|
+
events(): ReturnType<typeof $$render<Datum>>['events'];
|
|
89
|
+
slots(): ReturnType<typeof $$render<Datum>>['slots'];
|
|
83
90
|
bindings(): "";
|
|
84
91
|
exports(): {};
|
|
85
92
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { intervalY } from '../index.js';
|
|
2
2
|
import type { StackOptions } from '../transforms/stack.js';
|
|
3
3
|
import type { BaseRectMarkProps, ChannelAccessor, DataRow, LinkableMarkProps } from '../types/index.js';
|
|
4
|
-
declare
|
|
5
|
-
props
|
|
4
|
+
declare function $$render<Datum extends DataRow>(): {
|
|
5
|
+
props: Partial<{
|
|
6
6
|
filter: import("../types/index.js").ConstantAccessor<boolean, Datum>;
|
|
7
7
|
facet: "auto" | "include" | "exclude";
|
|
8
8
|
fx: ChannelAccessor<Datum>;
|
|
@@ -77,8 +77,15 @@ declare class __sveltets_Render<Datum extends DataRow> {
|
|
|
77
77
|
*/
|
|
78
78
|
interval?: number | string;
|
|
79
79
|
};
|
|
80
|
-
|
|
81
|
-
|
|
80
|
+
exports: {};
|
|
81
|
+
bindings: "";
|
|
82
|
+
slots: {};
|
|
83
|
+
events: {};
|
|
84
|
+
};
|
|
85
|
+
declare class __sveltets_Render<Datum extends DataRow> {
|
|
86
|
+
props(): ReturnType<typeof $$render<Datum>>['props'];
|
|
87
|
+
events(): ReturnType<typeof $$render<Datum>>['events'];
|
|
88
|
+
slots(): ReturnType<typeof $$render<Datum>>['slots'];
|
|
82
89
|
bindings(): "";
|
|
83
90
|
exports(): {};
|
|
84
91
|
}
|
|
@@ -1,8 +1,15 @@
|
|
|
1
1
|
import type { DataRecord } from '../types/index.js';
|
|
2
|
+
declare function $$render<Datum extends DataRecord>(): {
|
|
3
|
+
props: any;
|
|
4
|
+
exports: {};
|
|
5
|
+
bindings: "";
|
|
6
|
+
slots: {};
|
|
7
|
+
events: {};
|
|
8
|
+
};
|
|
2
9
|
declare class __sveltets_Render<Datum extends DataRecord> {
|
|
3
|
-
props():
|
|
4
|
-
events():
|
|
5
|
-
slots():
|
|
10
|
+
props(): ReturnType<typeof $$render<Datum>>['props'];
|
|
11
|
+
events(): ReturnType<typeof $$render<Datum>>['events'];
|
|
12
|
+
slots(): ReturnType<typeof $$render<Datum>>['slots'];
|
|
6
13
|
bindings(): "";
|
|
7
14
|
exports(): {};
|
|
8
15
|
}
|
|
@@ -1,8 +1,15 @@
|
|
|
1
1
|
import type { DataRecord } from '../types/index.js';
|
|
2
|
+
declare function $$render<Datum extends DataRecord>(): {
|
|
3
|
+
props: any;
|
|
4
|
+
exports: {};
|
|
5
|
+
bindings: "";
|
|
6
|
+
slots: {};
|
|
7
|
+
events: {};
|
|
8
|
+
};
|
|
2
9
|
declare class __sveltets_Render<Datum extends DataRecord> {
|
|
3
|
-
props():
|
|
4
|
-
events():
|
|
5
|
-
slots():
|
|
10
|
+
props(): ReturnType<typeof $$render<Datum>>['props'];
|
|
11
|
+
events(): ReturnType<typeof $$render<Datum>>['events'];
|
|
12
|
+
slots(): ReturnType<typeof $$render<Datum>>['slots'];
|
|
6
13
|
bindings(): "";
|
|
7
14
|
exports(): {};
|
|
8
15
|
}
|
|
@@ -1,32 +1,39 @@
|
|
|
1
1
|
import type { ChannelAccessor, DataRecord } from '../types';
|
|
2
|
-
declare
|
|
3
|
-
props
|
|
2
|
+
declare function $$render<Datum extends DataRecord>(): {
|
|
3
|
+
props: Pick<BaseMarkProps<Datum>, "fill" | "stroke" | "fx" | "fy" | "class"> & {
|
|
4
4
|
data: Datum[];
|
|
5
5
|
x: ChannelAccessor;
|
|
6
6
|
y: ChannelAccessor;
|
|
7
7
|
/**
|
|
8
8
|
* Options for the rule marks that represent the min/max range
|
|
9
9
|
*/
|
|
10
|
-
rule: Record<string, ChannelAccessor<
|
|
10
|
+
rule: Record<string, ChannelAccessor<Datum>>;
|
|
11
11
|
/**
|
|
12
12
|
* Options for the bar marks that represent the IQR range
|
|
13
13
|
*/
|
|
14
|
-
bar: Record<string, ChannelAccessor<
|
|
14
|
+
bar: Record<string, ChannelAccessor<Datum>>;
|
|
15
15
|
/**
|
|
16
16
|
* Options for the tick marks that represent the median
|
|
17
17
|
*/
|
|
18
|
-
tickMedian: Record<string, ChannelAccessor<
|
|
18
|
+
tickMedian: Record<string, ChannelAccessor<Datum>> | boolean;
|
|
19
19
|
/**
|
|
20
20
|
* Options for the tick marks that represent the min/max range
|
|
21
21
|
*/
|
|
22
|
-
tickMinMax: Record<string, ChannelAccessor<
|
|
22
|
+
tickMinMax: Record<string, ChannelAccessor<Datum>> | boolean;
|
|
23
23
|
/**
|
|
24
24
|
* Options for the dot marks that represent the outliers
|
|
25
25
|
*/
|
|
26
|
-
dot: Record<string, ChannelAccessor<
|
|
26
|
+
dot: Record<string, ChannelAccessor<Datum>>;
|
|
27
27
|
};
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
exports: {};
|
|
29
|
+
bindings: "";
|
|
30
|
+
slots: {};
|
|
31
|
+
events: {};
|
|
32
|
+
};
|
|
33
|
+
declare class __sveltets_Render<Datum extends DataRecord> {
|
|
34
|
+
props(): ReturnType<typeof $$render<Datum>>['props'];
|
|
35
|
+
events(): ReturnType<typeof $$render<Datum>>['events'];
|
|
36
|
+
slots(): ReturnType<typeof $$render<Datum>>['slots'];
|
|
30
37
|
bindings(): "";
|
|
31
38
|
exports(): {};
|
|
32
39
|
}
|
|
@@ -1,36 +1,62 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import type { DataRecord } from '../types/index.js';
|
|
2
|
+
declare function $$render<Datum extends DataRecord>(): {
|
|
3
|
+
props: Pick<BaseMarkProps<Datum>, "stroke" | "strokeOpacity" | "strokeDasharray" | "strokeLinejoin" | "strokeLinecap" | "cursor" | "strokeWidth" | "strokeMiterlimit" | "strokeDashoffset"> & {
|
|
4
|
+
brush: {
|
|
5
|
+
x1?: number | Date;
|
|
6
|
+
x2?: number | Date;
|
|
7
|
+
y1?: number | Date;
|
|
8
|
+
y2?: number | Date;
|
|
9
|
+
enabled: boolean;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* limit brushing to x or y dimension
|
|
13
|
+
*/
|
|
14
|
+
limitDimension?: false | "x" | "y";
|
|
15
|
+
/**
|
|
16
|
+
* whether brush can move/resize outside domain
|
|
17
|
+
*/
|
|
18
|
+
constrainToDomain?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* size of the (invisible) drag resize area around the edges of the brush selection
|
|
21
|
+
*/
|
|
22
|
+
resizeHandleSize?: number;
|
|
23
|
+
onbrushstart?: (evt: MouseEvent & {
|
|
24
|
+
brush: {
|
|
25
|
+
x1?: number | Date;
|
|
26
|
+
x2?: number | Date;
|
|
27
|
+
y1?: number | Date;
|
|
28
|
+
y2?: number | Date;
|
|
29
|
+
enabled: boolean;
|
|
30
|
+
};
|
|
31
|
+
}) => void;
|
|
32
|
+
onbrushend?: (evt: MouseEvent & {
|
|
33
|
+
brush: {
|
|
34
|
+
x1?: number | Date;
|
|
35
|
+
x2?: number | Date;
|
|
36
|
+
y1?: number | Date;
|
|
37
|
+
y2?: number | Date;
|
|
38
|
+
enabled: boolean;
|
|
39
|
+
};
|
|
40
|
+
}) => void;
|
|
41
|
+
onbrush?: (evt: MouseEvent & {
|
|
42
|
+
brush: {
|
|
43
|
+
x1?: number | Date;
|
|
44
|
+
x2?: number | Date;
|
|
45
|
+
y1?: number | Date;
|
|
46
|
+
y2?: number | Date;
|
|
47
|
+
enabled: boolean;
|
|
48
|
+
};
|
|
49
|
+
}) => void;
|
|
50
|
+
};
|
|
51
|
+
exports: {};
|
|
52
|
+
bindings: "brush";
|
|
53
|
+
slots: {};
|
|
54
|
+
events: {};
|
|
8
55
|
};
|
|
9
|
-
type BrushEvent = MouseEvent & {
|
|
10
|
-
brush: Brush;
|
|
11
|
-
};
|
|
12
|
-
interface BrushMarkProps extends Pick<BaseMarkProps<Datum>, 'cursor' | 'stroke' | 'strokeDasharray' | 'strokeOpacity' | 'strokeWidth' | 'strokeLinecap' | 'strokeDashoffset' | 'strokeLinejoin' | 'strokeMiterlimit'> {
|
|
13
|
-
brush: Brush;
|
|
14
|
-
/**
|
|
15
|
-
* limit brushing to x or y dimension
|
|
16
|
-
*/
|
|
17
|
-
limitDimension?: false | 'x' | 'y';
|
|
18
|
-
/**
|
|
19
|
-
* whether brush can move/resize outside domain
|
|
20
|
-
*/
|
|
21
|
-
constrainToDomain?: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* size of the (invisible) drag resize area around the edges of the brush selection
|
|
24
|
-
*/
|
|
25
|
-
resizeHandleSize?: number;
|
|
26
|
-
onbrushstart?: (evt: BrushEvent) => void;
|
|
27
|
-
onbrushend?: (evt: BrushEvent) => void;
|
|
28
|
-
onbrush?: (evt: BrushEvent) => void;
|
|
29
|
-
}
|
|
30
56
|
declare class __sveltets_Render<Datum extends DataRecord> {
|
|
31
|
-
props():
|
|
32
|
-
events():
|
|
33
|
-
slots():
|
|
57
|
+
props(): ReturnType<typeof $$render<Datum>>['props'];
|
|
58
|
+
events(): ReturnType<typeof $$render<Datum>>['events'];
|
|
59
|
+
slots(): ReturnType<typeof $$render<Datum>>['slots'];
|
|
34
60
|
bindings(): "brush";
|
|
35
61
|
exports(): {};
|
|
36
62
|
}
|
|
@@ -43,4 +69,5 @@ interface $$IsomorphicComponent {
|
|
|
43
69
|
}
|
|
44
70
|
/** For creating a two-dimensional brush selection */
|
|
45
71
|
declare const Brush: $$IsomorphicComponent;
|
|
72
|
+
type Brush<Datum extends DataRecord> = InstanceType<typeof Brush<Datum>>;
|
|
46
73
|
export default Brush;
|