svelteplot 0.3.10 → 0.3.11-pr-153.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.
Files changed (37) hide show
  1. package/dist/core/FacetGrid.svelte +11 -0
  2. package/dist/helpers/colors.d.ts +1 -1
  3. package/dist/helpers/group.d.ts +1 -1
  4. package/dist/helpers/index.d.ts +2 -5
  5. package/dist/helpers/scales.d.ts +1 -1
  6. package/dist/helpers/typeChecks.d.ts +4 -4
  7. package/dist/marks/AreaX.svelte.d.ts +2 -1
  8. package/dist/marks/AreaY.svelte.d.ts +2 -1
  9. package/dist/marks/AxisX.svelte.d.ts +1 -1
  10. package/dist/marks/AxisY.svelte.d.ts +1 -1
  11. package/dist/marks/BarX.svelte.d.ts +1 -1
  12. package/dist/marks/BollingerX.svelte.d.ts +2 -73
  13. package/dist/marks/BollingerY.svelte.d.ts +2 -73
  14. package/dist/marks/BoxY.svelte.d.ts +6 -65
  15. package/dist/marks/CustomMark.svelte.d.ts +2 -80
  16. package/dist/marks/DifferenceY.svelte.d.ts +7 -66
  17. package/dist/marks/HTMLTooltip.svelte +38 -12
  18. package/dist/marks/HTMLTooltip.svelte.d.ts +2 -0
  19. package/dist/marks/Line.svelte.d.ts +2 -2
  20. package/dist/marks/LineX.svelte.d.ts +2 -1
  21. package/dist/marks/LineY.svelte.d.ts +2 -1
  22. package/dist/marks/Pointer.svelte +55 -34
  23. package/dist/marks/Pointer.svelte.d.ts +9 -2
  24. package/dist/transforms/bollinger.d.ts +1 -66
  25. package/dist/transforms/group.d.ts +4 -12
  26. package/dist/transforms/index.d.ts +1 -1
  27. package/dist/transforms/index.js +1 -1
  28. package/dist/transforms/interval.d.ts +2 -122
  29. package/dist/transforms/map.d.ts +4 -184
  30. package/dist/transforms/normalize.d.ts +3 -123
  31. package/dist/transforms/select.d.ts +7 -427
  32. package/dist/transforms/sort.d.ts +3 -242
  33. package/dist/transforms/stack.d.ts +26 -1
  34. package/dist/transforms/stack.js +37 -2
  35. package/dist/transforms/window.d.ts +2 -130
  36. package/dist/ui/ExamplesGrid.svelte +2 -1
  37. package/package.json +126 -125
package/dist/transforms/sort.d.ts CHANGED
@@ -3,253 +3,14 @@ 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
- }): {
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
- };
6
+ }): any;
130
7
  /**
131
8
  * shuffles the data row order
132
9
  */
133
10
  export declare function shuffle({ data, ...channels }: TransformArg<DataRow[]>, options?: {
134
11
  seed?: number;
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
- };
12
+ }): any;
194
13
  /**
195
14
  * reverses the data row order
196
15
  */
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
- };
16
+ export declare function reverse({ data, ...channels }: TransformArg<DataRow[]>): any;
package/dist/transforms/stack.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { TransformArg } from '../types/index.js';
1
+ import type { ChannelAccessor, TransformArg } from '../types/index.js';
2
2
  export type StackOrder = 'none' | 'appearance' | 'inside-out' | 'sum';
3
3
  export type StackOffset = 'none' | 'wiggle' | 'center' | 'normalize' | 'diverging';
4
4
  export type StackOptions = {
@@ -8,3 +8,28 @@ 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<T>({ data, x, y, value, ...rest }: {
12
+ data: T[];
13
+ x: ChannelAccessor<T>;
14
+ y: ChannelAccessor<T>;
15
+ value: ChannelAccessor<T>;
16
+ fx?: ChannelAccessor<T>;
17
+ fy?: ChannelAccessor<T>;
18
+ }, { x: xOpt, y: yOpt }?: {
19
+ x?: {
20
+ percent?: boolean;
21
+ };
22
+ y?: {
23
+ percent?: boolean;
24
+ };
25
+ }): {
26
+ data: T[];
27
+ x: symbol;
28
+ x1: symbol;
29
+ x2: symbol;
30
+ y: symbol;
31
+ y1: symbol;
32
+ y2: symbol;
33
+ fx?: ChannelAccessor<T>;
34
+ fy?: ChannelAccessor<T>;
35
+ };
package/dist/transforms/stack.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import isDataRecord from '../helpers/isDataRecord.js';
2
- import { resolveChannel } from '../helpers/resolve.js';
2
+ import { resolveChannel, resolveProp } from '../helpers/resolve.js';
3
3
  import { stack, stackOffsetExpand, stackOffsetSilhouette, stackOffsetWiggle, stackOrderAppearance, stackOrderAscending, stackOrderInsideOut, stackOrderNone, stackOffsetDiverging } from 'd3-shape';
4
- import { index, union, groups as d3Groups } from 'd3-array';
4
+ import { index, union, sum, groups as d3Groups } from 'd3-array';
5
+ import { groupFacetsAndZ } from '../helpers/group';
5
6
  const GROUP = Symbol('group');
6
7
  const FACET = Symbol('group');
7
8
  const DEFAULT_STACK_OPTIONS = {
@@ -110,3 +111,37 @@ function applyDefaults(opts) {
110
111
  }
111
112
  return { ...DEFAULT_STACK_OPTIONS, ...opts };
112
113
  }
114
+ const X = Symbol('x'), X1 = Symbol('x1'), X2 = Symbol('x2');
115
+ const Y = Symbol('y'), Y1 = Symbol('y1'), Y2 = Symbol('y2');
116
+ export function stackMarimekko({ data, x, y, value, ...rest }, { x: xOpt, y: yOpt } = {}) {
117
+ const out = [];
118
+ groupFacetsAndZ(data, { ...rest }, (data) => {
119
+ const total = sum(data, (d) => d[value]);
120
+ let xPos = 0;
121
+ const grouped = d3Groups(data, (d) => resolveProp(d[x], d)).flatMap(([k, items]) => {
122
+ const groupValue = sum(items, (d) => resolveProp(d[value], d));
123
+ const x1 = xPos, x2 = xPos + groupValue;
124
+ xPos = x2;
125
+ let yPos = 0;
126
+ return items.map((d) => {
127
+ const y1 = yPos, y2 = yPos + resolveProp(d[value], d);
128
+ yPos = y2;
129
+ const normX1 = xOpt?.percent ? x1 / total : x1;
130
+ const normX2 = xOpt?.percent ? x2 / total : x2;
131
+ const normY1 = yOpt?.percent ? y1 / groupValue : y1;
132
+ const normY2 = yOpt?.percent ? y2 / groupValue : y2;
133
+ return {
134
+ ...d,
135
+ [X1]: normX1,
136
+ [X2]: normX2,
137
+ [Y1]: normY1,
138
+ [Y2]: normY2,
139
+ [X]: (normX1 + normX2) / 2,
140
+ [Y]: (normY1 + normY2) / 2
141
+ };
142
+ });
143
+ });
144
+ out.push(...grouped);
145
+ });
146
+ return { ...rest, data: out, x: X, x1: X1, x2: X2, y: Y, y1: Y1, y2: Y2 };
147
+ }
package/dist/transforms/window.d.ts CHANGED
@@ -7,134 +7,6 @@ type WindowOptions = {
7
7
  reduce: ReducerName;
8
8
  strict: boolean;
9
9
  };
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
- };
10
+ export declare function windowX(args: TransformArg<DataRecord>, options: WindowOptions): any;
11
+ export declare function windowY(args: TransformArg<DataRecord>, options: WindowOptions): any;
140
12
  export {};
package/dist/ui/ExamplesGrid.svelte CHANGED
@@ -1,10 +1,11 @@
1
1
  <script>
2
+ import { resolve } from '$app/paths';
2
3
  let { examples } = $props();
3
4
  </script>
4
5
 
5
6
  <div class="list">
6
7
  {#each examples as page, i (i)}
7
- <a href={page.url}>
8
+ <a href={resolve(page.url)}>
8
9
  <div>
9
10
  {#if page.screenshot}
10
11
  <img src={page.screenshot} alt={page.title} />{/if}