svelteplot 0.3.11-pr-153.0 → 0.3.11
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/dist/helpers/colors.d.ts +1 -1
- package/dist/helpers/index.d.ts +5 -2
- package/dist/helpers/scales.d.ts +1 -1
- package/dist/helpers/typeChecks.d.ts +4 -4
- package/dist/marks/AreaX.svelte.d.ts +1 -2
- package/dist/marks/AreaY.svelte.d.ts +1 -2
- package/dist/marks/AxisX.svelte.d.ts +1 -1
- package/dist/marks/AxisY.svelte.d.ts +1 -1
- package/dist/marks/BarX.svelte.d.ts +1 -1
- package/dist/marks/BollingerX.svelte.d.ts +73 -2
- package/dist/marks/BollingerY.svelte.d.ts +73 -2
- package/dist/marks/BoxY.svelte.d.ts +65 -6
- package/dist/marks/CustomMark.svelte.d.ts +80 -2
- package/dist/marks/DifferenceY.svelte.d.ts +66 -7
- package/dist/marks/Line.svelte.d.ts +2 -2
- package/dist/marks/LineX.svelte.d.ts +1 -2
- package/dist/marks/LineY.svelte.d.ts +1 -2
- package/dist/transforms/bollinger.d.ts +66 -1
- package/dist/transforms/group.d.ts +12 -4
- package/dist/transforms/index.d.ts +1 -1
- package/dist/transforms/index.js +1 -1
- package/dist/transforms/interval.d.ts +122 -2
- package/dist/transforms/map.d.ts +184 -4
- package/dist/transforms/normalize.d.ts +123 -3
- package/dist/transforms/select.d.ts +427 -7
- package/dist/transforms/sort.d.ts +242 -3
- package/dist/transforms/stack.d.ts +0 -15
- package/dist/transforms/stack.js +1 -31
- package/dist/transforms/window.d.ts +130 -2
- package/dist/ui/ExamplesGrid.svelte +1 -2
- package/package.json +125 -126
|
@@ -3,14 +3,253 @@ export declare const SORT_KEY: unique symbol;
|
|
|
3
3
|
export declare const IS_SORTED: unique symbol;
|
|
4
4
|
export declare function sort({ data, ...channels }: TransformArg<DataRecord>, options?: {
|
|
5
5
|
reverse?: boolean;
|
|
6
|
-
}):
|
|
6
|
+
}): {
|
|
7
|
+
[IS_SORTED]: string | number | true | symbol | Date | {
|
|
8
|
+
channel: string;
|
|
9
|
+
order?: "ascending" | "descending";
|
|
10
|
+
} | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | ((d: DataRecord) => import("../types/index.js").RawValue);
|
|
11
|
+
sort: null;
|
|
12
|
+
filter?: import("../types/index.js").ConstantAccessor<boolean, DataRecord>;
|
|
13
|
+
facet?: "auto" | "include" | "exclude" | undefined;
|
|
14
|
+
fx?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
15
|
+
fy?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
16
|
+
dx?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
17
|
+
dy?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
18
|
+
fill?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
19
|
+
fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
20
|
+
stroke?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
21
|
+
strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
22
|
+
strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
23
|
+
strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRecord>;
|
|
24
|
+
strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRecord>;
|
|
25
|
+
strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
26
|
+
opacity?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
27
|
+
strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
|
|
28
|
+
strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
29
|
+
mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRecord>;
|
|
30
|
+
clipPath?: string | undefined;
|
|
31
|
+
imageFilter?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
|
|
32
|
+
shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, DataRecord>;
|
|
33
|
+
paintOrder?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
|
|
34
|
+
onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
35
|
+
ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
36
|
+
onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
37
|
+
onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
38
|
+
onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
39
|
+
onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
40
|
+
onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
41
|
+
onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
42
|
+
onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
43
|
+
onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
44
|
+
onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
45
|
+
onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
46
|
+
onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
47
|
+
onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
48
|
+
onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
49
|
+
onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
50
|
+
onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
51
|
+
ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
52
|
+
ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
53
|
+
ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
54
|
+
ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
55
|
+
ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
56
|
+
ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
57
|
+
ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
58
|
+
ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
59
|
+
ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
60
|
+
ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
61
|
+
ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
62
|
+
oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
63
|
+
onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
64
|
+
class?: string | null | undefined;
|
|
65
|
+
cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, DataRecord>;
|
|
66
|
+
data: {
|
|
67
|
+
___orig___?: import("../types/index.js").RawValue | [import("../types/index.js").RawValue, import("../types/index.js").RawValue];
|
|
68
|
+
}[];
|
|
69
|
+
} | {
|
|
70
|
+
filter?: import("../types/index.js").ConstantAccessor<boolean, DataRecord>;
|
|
71
|
+
facet?: "auto" | "include" | "exclude" | undefined;
|
|
72
|
+
fx?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
73
|
+
fy?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
74
|
+
dx?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
75
|
+
dy?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
76
|
+
fill?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
77
|
+
fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
78
|
+
sort?: {
|
|
79
|
+
channel: string;
|
|
80
|
+
order?: "ascending" | "descending";
|
|
81
|
+
} | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, DataRecord>;
|
|
82
|
+
stroke?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
83
|
+
strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
84
|
+
strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
85
|
+
strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRecord>;
|
|
86
|
+
strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRecord>;
|
|
87
|
+
strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
88
|
+
opacity?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
89
|
+
strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
|
|
90
|
+
strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
91
|
+
mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRecord>;
|
|
92
|
+
clipPath?: string | undefined;
|
|
93
|
+
imageFilter?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
|
|
94
|
+
shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, DataRecord>;
|
|
95
|
+
paintOrder?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
|
|
96
|
+
onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
97
|
+
ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
98
|
+
onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
99
|
+
onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
100
|
+
onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
101
|
+
onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
102
|
+
onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
103
|
+
onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
104
|
+
onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
105
|
+
onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
106
|
+
onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
107
|
+
onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
108
|
+
onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
109
|
+
onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
110
|
+
onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
111
|
+
onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
112
|
+
onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
113
|
+
ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
114
|
+
ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
115
|
+
ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
116
|
+
ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
117
|
+
ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
118
|
+
ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
119
|
+
ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
120
|
+
ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
121
|
+
ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
122
|
+
ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
123
|
+
ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
124
|
+
oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
125
|
+
onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
126
|
+
class?: string | null | undefined;
|
|
127
|
+
cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, DataRecord>;
|
|
128
|
+
data: DataRecord[];
|
|
129
|
+
};
|
|
7
130
|
/**
|
|
8
131
|
* shuffles the data row order
|
|
9
132
|
*/
|
|
10
133
|
export declare function shuffle({ data, ...channels }: TransformArg<DataRow[]>, options?: {
|
|
11
134
|
seed?: number;
|
|
12
|
-
}):
|
|
135
|
+
}): {
|
|
136
|
+
sort: null;
|
|
137
|
+
[IS_SORTED]: boolean;
|
|
138
|
+
filter?: import("../types/index.js").ConstantAccessor<boolean, DataRow[]>;
|
|
139
|
+
facet?: "auto" | "include" | "exclude" | undefined;
|
|
140
|
+
fx?: import("../types/index.js").ChannelAccessor<DataRow[]>;
|
|
141
|
+
fy?: import("../types/index.js").ChannelAccessor<DataRow[]>;
|
|
142
|
+
dx?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
|
|
143
|
+
dy?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
|
|
144
|
+
fill?: import("../types/index.js").ChannelAccessor<DataRow[]>;
|
|
145
|
+
fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
|
|
146
|
+
stroke?: import("../types/index.js").ChannelAccessor<DataRow[]>;
|
|
147
|
+
strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
|
|
148
|
+
strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
|
|
149
|
+
strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRow[]>;
|
|
150
|
+
strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRow[]>;
|
|
151
|
+
strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
|
|
152
|
+
opacity?: import("../types/index.js").ChannelAccessor<DataRow[]>;
|
|
153
|
+
strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRow[]>;
|
|
154
|
+
strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
|
|
155
|
+
mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRow[]>;
|
|
156
|
+
clipPath?: string | undefined;
|
|
157
|
+
imageFilter?: import("../types/index.js").ConstantAccessor<string, DataRow[]>;
|
|
158
|
+
shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, DataRow[]>;
|
|
159
|
+
paintOrder?: import("../types/index.js").ConstantAccessor<string, DataRow[]>;
|
|
160
|
+
onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
161
|
+
ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
162
|
+
onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
163
|
+
onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
164
|
+
onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
165
|
+
onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
166
|
+
onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
167
|
+
onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
168
|
+
onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
169
|
+
onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
170
|
+
onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
171
|
+
onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
172
|
+
onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
173
|
+
onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
174
|
+
onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
175
|
+
onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
176
|
+
onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
177
|
+
ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
178
|
+
ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
179
|
+
ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
180
|
+
ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
181
|
+
ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
182
|
+
ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
183
|
+
ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
184
|
+
ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
185
|
+
ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
186
|
+
ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
187
|
+
ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
188
|
+
oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
189
|
+
onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
190
|
+
class?: string | null | undefined;
|
|
191
|
+
cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, DataRow[]>;
|
|
192
|
+
data: DataRow[][];
|
|
193
|
+
};
|
|
13
194
|
/**
|
|
14
195
|
* reverses the data row order
|
|
15
196
|
*/
|
|
16
|
-
export declare function reverse({ data, ...channels }: TransformArg<DataRow[]>):
|
|
197
|
+
export declare function reverse({ data, ...channels }: TransformArg<DataRow[]>): {
|
|
198
|
+
sort: null;
|
|
199
|
+
[IS_SORTED]: boolean;
|
|
200
|
+
filter?: import("../types/index.js").ConstantAccessor<boolean, DataRow[]>;
|
|
201
|
+
facet?: "auto" | "include" | "exclude" | undefined;
|
|
202
|
+
fx?: import("../types/index.js").ChannelAccessor<DataRow[]>;
|
|
203
|
+
fy?: import("../types/index.js").ChannelAccessor<DataRow[]>;
|
|
204
|
+
dx?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
|
|
205
|
+
dy?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
|
|
206
|
+
fill?: import("../types/index.js").ChannelAccessor<DataRow[]>;
|
|
207
|
+
fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
|
|
208
|
+
stroke?: import("../types/index.js").ChannelAccessor<DataRow[]>;
|
|
209
|
+
strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
|
|
210
|
+
strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
|
|
211
|
+
strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRow[]>;
|
|
212
|
+
strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRow[]>;
|
|
213
|
+
strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
|
|
214
|
+
opacity?: import("../types/index.js").ChannelAccessor<DataRow[]>;
|
|
215
|
+
strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRow[]>;
|
|
216
|
+
strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
|
|
217
|
+
mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRow[]>;
|
|
218
|
+
clipPath?: string | undefined;
|
|
219
|
+
imageFilter?: import("../types/index.js").ConstantAccessor<string, DataRow[]>;
|
|
220
|
+
shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, DataRow[]>;
|
|
221
|
+
paintOrder?: import("../types/index.js").ConstantAccessor<string, DataRow[]>;
|
|
222
|
+
onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
223
|
+
ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
224
|
+
onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
225
|
+
onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
226
|
+
onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
227
|
+
onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
228
|
+
onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
229
|
+
onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
230
|
+
onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
231
|
+
onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
232
|
+
onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
233
|
+
onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
234
|
+
onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
235
|
+
onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
236
|
+
onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
237
|
+
onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
238
|
+
onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
239
|
+
ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
240
|
+
ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
241
|
+
ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
242
|
+
ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
243
|
+
ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
244
|
+
ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
245
|
+
ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
246
|
+
ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
247
|
+
ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
248
|
+
ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
249
|
+
ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
250
|
+
oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
251
|
+
onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
252
|
+
class?: string | null | undefined;
|
|
253
|
+
cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, DataRow[]>;
|
|
254
|
+
data: DataRow[][];
|
|
255
|
+
};
|
|
@@ -8,18 +8,3 @@ export type StackOptions = {
|
|
|
8
8
|
};
|
|
9
9
|
export declare function stackY<T>({ data, ...channels }: T, opts?: Partial<StackOptions>): T;
|
|
10
10
|
export declare function stackX({ data, ...channels }: TransformArg, opts?: Partial<StackOptions>): TransformArg;
|
|
11
|
-
export declare function stackMarimekko({ data, x, y, value, ...rest }: {
|
|
12
|
-
[x: string]: any;
|
|
13
|
-
data: any;
|
|
14
|
-
x: any;
|
|
15
|
-
y: any;
|
|
16
|
-
value: any;
|
|
17
|
-
}, { x: xOpt, y: yOpt }?: {}): {
|
|
18
|
-
data: any[];
|
|
19
|
-
x: symbol;
|
|
20
|
-
x1: symbol;
|
|
21
|
-
x2: symbol;
|
|
22
|
-
y: symbol;
|
|
23
|
-
y1: symbol;
|
|
24
|
-
y2: symbol;
|
|
25
|
-
};
|
package/dist/transforms/stack.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import isDataRecord from '../helpers/isDataRecord.js';
|
|
2
2
|
import { resolveChannel } from '../helpers/resolve.js';
|
|
3
3
|
import { stack, stackOffsetExpand, stackOffsetSilhouette, stackOffsetWiggle, stackOrderAppearance, stackOrderAscending, stackOrderInsideOut, stackOrderNone, stackOffsetDiverging } from 'd3-shape';
|
|
4
|
-
import { index, union,
|
|
4
|
+
import { index, union, groups as d3Groups } from 'd3-array';
|
|
5
5
|
const GROUP = Symbol('group');
|
|
6
6
|
const FACET = Symbol('group');
|
|
7
7
|
const DEFAULT_STACK_OPTIONS = {
|
|
@@ -110,33 +110,3 @@ function applyDefaults(opts) {
|
|
|
110
110
|
}
|
|
111
111
|
return { ...DEFAULT_STACK_OPTIONS, ...opts };
|
|
112
112
|
}
|
|
113
|
-
const X = Symbol('x'), X1 = Symbol('x1'), X2 = Symbol('x2');
|
|
114
|
-
const Y = Symbol('y'), Y1 = Symbol('y1'), Y2 = Symbol('y2');
|
|
115
|
-
export function stackMarimekko({ data, x, y, value, ...rest }, { x: xOpt, y: yOpt } = {}) {
|
|
116
|
-
const total = sum(data, (d) => d[value]);
|
|
117
|
-
let xPos = 0;
|
|
118
|
-
const grouped = d3Groups(data, (d) => d[x]).flatMap(([k, items]) => {
|
|
119
|
-
const groupValue = sum(items, (d) => d[value]);
|
|
120
|
-
const x1 = xPos, x2 = xPos + groupValue;
|
|
121
|
-
xPos = x2;
|
|
122
|
-
let yPos = 0;
|
|
123
|
-
return items.map((d) => {
|
|
124
|
-
const y1 = yPos, y2 = yPos + d[value];
|
|
125
|
-
yPos = y2;
|
|
126
|
-
const normX1 = xOpt?.percent ? x1 / total : x1;
|
|
127
|
-
const normX2 = xOpt?.percent ? x2 / total : x2;
|
|
128
|
-
const normY1 = yOpt?.percent ? y1 / groupValue : y1;
|
|
129
|
-
const normY2 = yOpt?.percent ? y2 / groupValue : y2;
|
|
130
|
-
return {
|
|
131
|
-
...d,
|
|
132
|
-
[X1]: normX1,
|
|
133
|
-
[X2]: normX2,
|
|
134
|
-
[Y1]: normY1,
|
|
135
|
-
[Y2]: normY2,
|
|
136
|
-
[X]: (normX1 + normX2) / 2,
|
|
137
|
-
[Y]: (normY1 + normY2) / 2
|
|
138
|
-
};
|
|
139
|
-
});
|
|
140
|
-
});
|
|
141
|
-
return { ...rest, data: grouped, x: X, x1: X1, x2: X2, y: Y, y1: Y1, y2: Y2 };
|
|
142
|
-
}
|
|
@@ -7,6 +7,134 @@ type WindowOptions = {
|
|
|
7
7
|
reduce: ReducerName;
|
|
8
8
|
strict: boolean;
|
|
9
9
|
};
|
|
10
|
-
export declare function windowX(args: TransformArg<DataRecord>, options: WindowOptions):
|
|
11
|
-
|
|
10
|
+
export declare function windowX(args: TransformArg<DataRecord>, options: WindowOptions): {
|
|
11
|
+
filter?: import("../types/index.js").ConstantAccessor<boolean, DataRecord>;
|
|
12
|
+
facet?: "auto" | "include" | "exclude" | undefined;
|
|
13
|
+
fx?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
14
|
+
fy?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
15
|
+
dx?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
16
|
+
dy?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
17
|
+
fill?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
18
|
+
fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
19
|
+
sort?: {
|
|
20
|
+
channel: string;
|
|
21
|
+
order?: "ascending" | "descending";
|
|
22
|
+
} | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, DataRecord>;
|
|
23
|
+
stroke?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
24
|
+
strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
25
|
+
strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
26
|
+
strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRecord>;
|
|
27
|
+
strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRecord>;
|
|
28
|
+
strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
29
|
+
opacity?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
30
|
+
strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
|
|
31
|
+
strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
32
|
+
mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRecord>;
|
|
33
|
+
clipPath?: string | undefined;
|
|
34
|
+
imageFilter?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
|
|
35
|
+
shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, DataRecord>;
|
|
36
|
+
paintOrder?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
|
|
37
|
+
onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
38
|
+
ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
39
|
+
onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
40
|
+
onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
41
|
+
onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
42
|
+
onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
43
|
+
onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
44
|
+
onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
45
|
+
onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
46
|
+
onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
47
|
+
onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
48
|
+
onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
49
|
+
onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
50
|
+
onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
51
|
+
onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
52
|
+
onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
53
|
+
onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
54
|
+
ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
55
|
+
ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
56
|
+
ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
57
|
+
ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
58
|
+
ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
59
|
+
ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
60
|
+
ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
61
|
+
ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
62
|
+
ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
63
|
+
ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
64
|
+
ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
65
|
+
oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
66
|
+
onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
67
|
+
class?: string | null | undefined;
|
|
68
|
+
cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, DataRecord>;
|
|
69
|
+
data: {
|
|
70
|
+
[x: string]: import("../types/index.js").RawValue;
|
|
71
|
+
[x: symbol]: import("../types/index.js").RawValue;
|
|
72
|
+
___orig___?: import("../types/index.js").RawValue | [import("../types/index.js").RawValue, import("../types/index.js").RawValue];
|
|
73
|
+
}[];
|
|
74
|
+
};
|
|
75
|
+
export declare function windowY(args: TransformArg<DataRecord>, options: WindowOptions): {
|
|
76
|
+
filter?: import("../types/index.js").ConstantAccessor<boolean, DataRecord>;
|
|
77
|
+
facet?: "auto" | "include" | "exclude" | undefined;
|
|
78
|
+
fx?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
79
|
+
fy?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
80
|
+
dx?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
81
|
+
dy?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
82
|
+
fill?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
83
|
+
fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
84
|
+
sort?: {
|
|
85
|
+
channel: string;
|
|
86
|
+
order?: "ascending" | "descending";
|
|
87
|
+
} | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, DataRecord>;
|
|
88
|
+
stroke?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
89
|
+
strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
90
|
+
strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
91
|
+
strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRecord>;
|
|
92
|
+
strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRecord>;
|
|
93
|
+
strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
94
|
+
opacity?: import("../types/index.js").ChannelAccessor<DataRecord>;
|
|
95
|
+
strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
|
|
96
|
+
strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
|
|
97
|
+
mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRecord>;
|
|
98
|
+
clipPath?: string | undefined;
|
|
99
|
+
imageFilter?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
|
|
100
|
+
shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, DataRecord>;
|
|
101
|
+
paintOrder?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
|
|
102
|
+
onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
103
|
+
ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
104
|
+
onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
105
|
+
onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
106
|
+
onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
107
|
+
onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
108
|
+
onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
109
|
+
onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
110
|
+
onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
111
|
+
onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
112
|
+
onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
113
|
+
onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
114
|
+
onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
115
|
+
onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
116
|
+
onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
117
|
+
onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
118
|
+
onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
119
|
+
ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
120
|
+
ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
121
|
+
ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
122
|
+
ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
123
|
+
ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
124
|
+
ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
125
|
+
ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
126
|
+
ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
127
|
+
ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
128
|
+
ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
129
|
+
ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
130
|
+
oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
131
|
+
onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
|
|
132
|
+
class?: string | null | undefined;
|
|
133
|
+
cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, DataRecord>;
|
|
134
|
+
data: {
|
|
135
|
+
[x: string]: import("../types/index.js").RawValue;
|
|
136
|
+
[x: symbol]: import("../types/index.js").RawValue;
|
|
137
|
+
___orig___?: import("../types/index.js").RawValue | [import("../types/index.js").RawValue, import("../types/index.js").RawValue];
|
|
138
|
+
}[];
|
|
139
|
+
};
|
|
12
140
|
export {};
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
import { resolve } from '$app/paths';
|
|
3
2
|
let { examples } = $props();
|
|
4
3
|
</script>
|
|
5
4
|
|
|
6
5
|
<div class="list">
|
|
7
6
|
{#each examples as page, i (i)}
|
|
8
|
-
<a href={
|
|
7
|
+
<a href={page.url}>
|
|
9
8
|
<div>
|
|
10
9
|
{#if page.screenshot}
|
|
11
10
|
<img src={page.screenshot} alt={page.title} />{/if}
|