svelteplot 0.3.10 → 0.3.11-pr-153.0

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 (34) hide show
  1. package/dist/core/FacetGrid.svelte +8 -0
  2. package/dist/helpers/colors.d.ts +1 -1
  3. package/dist/helpers/index.d.ts +2 -5
  4. package/dist/helpers/scales.d.ts +1 -1
  5. package/dist/helpers/typeChecks.d.ts +4 -4
  6. package/dist/marks/AreaX.svelte.d.ts +2 -1
  7. package/dist/marks/AreaY.svelte.d.ts +2 -1
  8. package/dist/marks/AxisX.svelte.d.ts +1 -1
  9. package/dist/marks/AxisY.svelte.d.ts +1 -1
  10. package/dist/marks/BarX.svelte.d.ts +1 -1
  11. package/dist/marks/BollingerX.svelte.d.ts +2 -73
  12. package/dist/marks/BollingerY.svelte.d.ts +2 -73
  13. package/dist/marks/BoxY.svelte.d.ts +6 -65
  14. package/dist/marks/CustomMark.svelte.d.ts +2 -80
  15. package/dist/marks/DifferenceY.svelte.d.ts +7 -66
  16. package/dist/marks/Line.svelte.d.ts +2 -2
  17. package/dist/marks/LineX.svelte.d.ts +2 -1
  18. package/dist/marks/LineY.svelte.d.ts +2 -1
  19. package/dist/marks/Pointer.svelte +55 -34
  20. package/dist/marks/Pointer.svelte.d.ts +9 -2
  21. package/dist/transforms/bollinger.d.ts +1 -66
  22. package/dist/transforms/group.d.ts +4 -12
  23. package/dist/transforms/index.d.ts +1 -1
  24. package/dist/transforms/index.js +1 -1
  25. package/dist/transforms/interval.d.ts +2 -122
  26. package/dist/transforms/map.d.ts +4 -184
  27. package/dist/transforms/normalize.d.ts +3 -123
  28. package/dist/transforms/select.d.ts +7 -427
  29. package/dist/transforms/sort.d.ts +3 -242
  30. package/dist/transforms/stack.d.ts +15 -0
  31. package/dist/transforms/stack.js +31 -1
  32. package/dist/transforms/window.d.ts +2 -130
  33. package/dist/ui/ExamplesGrid.svelte +2 -1
  34. package/package.json +126 -125
package/dist/marks/Pointer.svelte CHANGED
@@ -1,14 +1,21 @@
1
1
  <script lang="ts" generics="Datum extends DataRow">
2
2
  interface PointerMarkProps {
3
3
  data: Datum[];
4
- children: Snippet<[{ data: Datum[] }]>;
4
+ children?: Snippet<[{ data: Datum[] }]>;
5
5
  x?: ChannelAccessor<Datum>;
6
6
  y?: ChannelAccessor<Datum>;
7
7
  z?: ChannelAccessor<Datum>;
8
+ fx?: ChannelAccessor<Datum>;
9
+ fy?: ChannelAccessor<Datum>;
8
10
  /**
9
11
  * maximum cursor distance to select data points
10
12
  */
11
13
  maxDistance?: number;
14
+ /**
15
+ * tolerance for considering points as "the same" when sharing x or y values
16
+ * defaults to 0 pixel
17
+ */
18
+ tolerance?: number;
12
19
  /**
13
20
  * called whenever the selection changes
14
21
  * @param data
@@ -24,10 +31,14 @@
24
31
  import { projectXY } from '../helpers/scales.js';
25
32
  import isDataRecord from '../helpers/isDataRecord.js';
26
33
  import { RAW_VALUE } from '../transforms/recordize.js';
34
+ import { groupFacetsAndZ } from '../helpers/group.js';
27
35
 
28
36
  const { getPlotState } = getContext<PlotContext>('svelteplot');
29
37
  const plot = $derived(getPlotState());
30
38
 
39
+ const POINTER_X = Symbol('pointerX');
40
+ const POINTER_Y = Symbol('pointerY');
41
+
31
42
  let markProps: PointerMarkProps = $props();
32
43
 
33
44
  const DEFAULTS = {
@@ -40,7 +51,10 @@
40
51
  x,
41
52
  y,
42
53
  z,
54
+ fx,
55
+ fy,
43
56
  maxDistance = 15,
57
+ tolerance = Number.NEGATIVE_INFINITY,
44
58
  onupdate = null
45
59
  }: PointerMarkProps = $derived({
46
60
  ...DEFAULTS,
@@ -49,27 +63,21 @@
49
63
 
50
64
  let selectedData = $state([]);
51
65
 
52
- function onMouseMove(evt: MouseEvent) {
53
- updateSelection(evt.layerX, evt.layerY);
54
- }
55
-
56
- function onTouchMove(evt: TouchEvent) {
57
- if (evt.touches) {
58
- const rect = (evt.target as HTMLElement).getBoundingClientRect();
59
- const pageTop = window.scrollY || document.documentElement.scrollTop;
60
- const ox = rect.left;
61
- const oy = rect.top + pageTop;
62
-
63
- const touch = evt.touches[0] || evt.changedTouches[0];
64
- if (touch) {
65
- const ex = touch.pageX - ox;
66
- const ey = touch.pageY - oy;
67
- updateSelection(ex, ey);
68
- }
66
+ function onPointerMove(evt: MouseEvent) {
67
+ let facetEl = evt.target as SVGElement;
68
+ while (facetEl && !facetEl.classList.contains('facet')) {
69
+ facetEl = facetEl.parentElement;
69
70
  }
71
+ const facetRect = (facetEl?.firstChild ?? plot.body).getBoundingClientRect();
72
+
73
+ const relativeX = evt.clientX - facetRect.left + (plot.options.marginLeft ?? 0);
74
+ const relativeY = evt.clientY - facetRect.top + (plot.options.marginTop ?? 0);
75
+
76
+ // console.log({ relativeX, relativeY }, evt);
77
+ updateSelection(relativeX, relativeY);
70
78
  }
71
79
 
72
- function onMouseLeave() {
80
+ function onPointerLeave() {
73
81
  selectedData = [];
74
82
  if (onupdate) onupdate(selectedData);
75
83
  }
@@ -79,31 +87,44 @@
79
87
  const points = trees.map((tree) =>
80
88
  tree.find(x != null ? ex : 0, y != null ? ey : 0, maxDistance)
81
89
  );
82
- selectedData = points.filter((d) => d != null);
90
+ // also include other points that share the same x or y value
91
+ const otherPoints = trees.flatMap((tree, i) => {
92
+ return tree
93
+ .data()
94
+ .filter((d) => d !== points[i])
95
+ .filter(
96
+ (d) =>
97
+ (!isFinite(d[POINTER_X]) ||
98
+ Math.abs(d[POINTER_X] - points[i]?.[POINTER_X]) < tolerance) &&
99
+ (!isFinite(d[POINTER_Y]) ||
100
+ Math.abs(d[POINTER_Y] - points[i]?.[POINTER_Y]) < tolerance)
101
+ );
102
+ });
103
+ selectedData = [...points, ...otherPoints].filter((d) => d != null);
83
104
  if (onupdate) onupdate(selectedData);
84
105
  }
85
106
 
86
107
  $effect(() => {
87
- plot.body?.addEventListener('mousemove', onMouseMove);
88
- plot.body?.addEventListener('mouseleave', onMouseLeave);
89
- plot.body?.addEventListener('touchmove', onTouchMove);
108
+ plot.body?.addEventListener('pointermove', onPointerMove);
109
+ plot.body?.addEventListener('pointerleave', onPointerLeave);
90
110
 
91
111
  return () => {
92
- plot.body?.removeEventListener('mousemove', onMouseMove);
93
- plot.body?.removeEventListener('mouseleave', onMouseLeave);
94
- plot.body?.removeEventListener('touchmove', onTouchMove);
112
+ plot.body?.removeEventListener('pointermove', onPointerMove);
113
+ plot.body?.removeEventListener('pointerleave', onPointerLeave);
95
114
  };
96
115
  });
97
116
 
98
- const groups = $derived(
99
- z != null ? d3Groups(data, (d) => resolveChannel('z', d, { x, z })) : [[null, data]]
100
- );
117
+ const groups = $derived.by(() => {
118
+ const groups = [];
119
+ groupFacetsAndZ(data, { x, y, z, fx, fy }, (d) => groups.push(d));
120
+ return groups;
121
+ });
101
122
 
102
123
  const trees = $derived(
103
- groups.map(([, items]) =>
124
+ groups.map((items) =>
104
125
  quadtree()
105
- .x(x != null ? (d) => d.__pointerX : () => 0)
106
- .y(y != null ? (d) => d.__pointerY : () => 0)
126
+ .x(x != null ? (d) => d[POINTER_X] : () => 0)
127
+ .y(y != null ? (d) => d[POINTER_Y] : () => 0)
107
128
  .addAll(
108
129
  items?.map((d) => {
109
130
  const [px, py] = projectXY(
@@ -115,8 +136,8 @@
115
136
  );
116
137
  return {
117
138
  ...(isDataRecord(d) ? d : { [RAW_VALUE]: d }),
118
- __pointerX: px,
119
- __pointerY: py
139
+ [POINTER_X]: px,
140
+ [POINTER_Y]: py
120
141
  };
121
142
  }) ?? []
122
143
  )
package/dist/marks/Pointer.svelte.d.ts CHANGED
@@ -3,16 +3,23 @@ import type { ChannelAccessor, DataRow } from '../types/index.js';
3
3
  declare class __sveltets_Render<Datum extends DataRow> {
4
4
  props(): {
5
5
  data: Datum[];
6
- children: Snippet<[{
6
+ children?: Snippet<[{
7
7
  data: Datum[];
8
- }]>;
8
+ }]> | undefined;
9
9
  x?: ChannelAccessor<Datum>;
10
10
  y?: ChannelAccessor<Datum>;
11
11
  z?: ChannelAccessor<Datum>;
12
+ fx?: ChannelAccessor<Datum>;
13
+ fy?: ChannelAccessor<Datum>;
12
14
  /**
13
15
  * maximum cursor distance to select data points
14
16
  */
15
17
  maxDistance?: number;
18
+ /**
19
+ * tolerance for considering points as "the same" when sharing x or y values
20
+ * defaults to 0 pixel
21
+ */
22
+ tolerance?: number;
16
23
  /**
17
24
  * called whenever the selection changes
18
25
  * @param data
package/dist/transforms/bollinger.d.ts CHANGED
@@ -11,69 +11,4 @@ export type BollingerOptions = {
11
11
  };
12
12
  export declare function bollingerX(args: TransformArg<DataRecord>, options?: BollingerOptions): TransformArg<DataRecord>;
13
13
  export declare function bollingerY(args: TransformArg<DataRecord>, options?: BollingerOptions): TransformArg<DataRecord>;
14
- export declare function bollingerDim(dim: 'x' | 'y', { data, ...channels }: TransformArg<DataRecord>, options?: BollingerOptions): {
15
- filter?: import("../types/index.js").ConstantAccessor<boolean, DataRecord>;
16
- facet?: "auto" | "include" | "exclude" | undefined;
17
- fx?: import("../types/index.js").ChannelAccessor<DataRecord>;
18
- fy?: import("../types/index.js").ChannelAccessor<DataRecord>;
19
- dx?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
20
- dy?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
21
- fill?: import("../types/index.js").ChannelAccessor<DataRecord>;
22
- fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
23
- sort?: {
24
- channel: string;
25
- order?: "ascending" | "descending";
26
- } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, DataRecord>;
27
- stroke?: import("../types/index.js").ChannelAccessor<DataRecord>;
28
- strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
29
- strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
30
- strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRecord>;
31
- strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRecord>;
32
- strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
33
- opacity?: import("../types/index.js").ChannelAccessor<DataRecord>;
34
- strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
35
- strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
36
- mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRecord>;
37
- clipPath?: string | undefined;
38
- imageFilter?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
39
- shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, DataRecord>;
40
- paintOrder?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
41
- onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
42
- ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
43
- onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
44
- onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
45
- onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
46
- onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
47
- onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
48
- onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
49
- onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
50
- onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
51
- onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
52
- onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
53
- onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
54
- onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
55
- onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
56
- onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
57
- onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
58
- ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
59
- ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
60
- ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
61
- ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
62
- ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
63
- ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
64
- ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
65
- ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
66
- ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
67
- ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
68
- ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
69
- oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
70
- onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
71
- class?: string | null | undefined;
72
- cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, DataRecord>;
73
- data: {
74
- __x: import("../types/index.js").RawValue;
75
- __lo: number;
76
- __avg: number;
77
- __hi: number;
78
- }[];
79
- };
14
+ export declare function bollingerDim(dim: 'x' | 'y', { data, ...channels }: TransformArg<DataRecord>, options?: BollingerOptions): any;
package/dist/transforms/group.d.ts CHANGED
@@ -38,29 +38,21 @@ type GroupZOptions = GroupXOptions | GroupYOptions;
38
38
  * groups the dataset by x and y channel and optionally reduces the group items
39
39
  * to output channels fill, stroke, r, opacity, fillOpacity, or strokeOpacity
40
40
  */
41
- export declare function group({ data, ...channels }: TransformArg<T, DataRecord>, options?: GroupXOptions): {
42
- data: DataRecord[];
43
- };
41
+ export declare function group({ data, ...channels }: TransformArg<T, DataRecord>, options?: GroupXOptions): any;
44
42
  /**
45
43
  * groups the dataset by the x channel and optionally reduces the group items
46
44
  * to output channels y, y1, y2, fill, stroke, r, opacity, fillOpacity, or strokeOpacity
47
45
  */
48
- export declare function groupX(input: TransformArg<T, DataRecord>, options?: GroupXOptions): {
49
- data: DataRecord[];
50
- };
46
+ export declare function groupX(input: TransformArg<T, DataRecord>, options?: GroupXOptions): any;
51
47
  /**
52
48
  * groups the dataset by the y channel and optionally reduces the group items
53
49
  * to output channels x, x1, x2, fill, stroke, r, opacity, fillOpacity, or strokeOpacity
54
50
  */
55
- export declare function groupY(input: TransformArg<T, DataRecord>, options?: GroupYOptions): {
56
- data: DataRecord[];
57
- };
51
+ export declare function groupY(input: TransformArg<T, DataRecord>, options?: GroupYOptions): any;
58
52
  /**
59
53
  * groups the dataset by the z channel and optionally reduces the group items
60
54
  * to output channels x, x1, x2, y, y1, y2, fill, stroke, r, opacity, fillOpacity,
61
55
  * or strokeOpacity
62
56
  */
63
- export declare function groupZ(input: TransformArg<T, DataRecord>, options?: GroupZOptions): {
64
- data: DataRecord[];
65
- };
57
+ export declare function groupZ(input: TransformArg<T, DataRecord>, options?: GroupZOptions): any;
66
58
  export {};
package/dist/transforms/index.d.ts CHANGED
@@ -12,5 +12,5 @@ export { renameChannels, replaceChannels } from './rename.js';
12
12
  export { select, selectFirst, selectLast, selectMaxX, selectMaxY, selectMinX, selectMinY } from './select.js';
13
13
  export { shiftX, shiftY } from './shift.js';
14
14
  export { sort, shuffle, reverse } from './sort.js';
15
- export { stackX, stackY } from './stack.js';
15
+ export { stackX, stackY, stackMarimekko } from './stack.js';
16
16
  export { windowX, windowY } from './window.js';
package/dist/transforms/index.js CHANGED
@@ -12,5 +12,5 @@ export { renameChannels, replaceChannels } from './rename.js';
12
12
  export { select, selectFirst, selectLast, selectMaxX, selectMaxY, selectMinX, selectMinY } from './select.js';
13
13
  export { shiftX, shiftY } from './shift.js';
14
14
  export { sort, shuffle, reverse } from './sort.js';
15
- export { stackX, stackY } from './stack.js';
15
+ export { stackX, stackY, stackMarimekko } from './stack.js';
16
16
  export { windowX, windowY } from './window.js';
package/dist/transforms/interval.d.ts CHANGED
@@ -1,127 +1,7 @@
1
1
  import type { PlotState, TransformArg } from '../types/index.js';
2
2
  export declare function intervalX<T>(args: TransformArg<T>, { plot }: {
3
3
  plot: PlotState;
4
- }): {
5
- filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
6
- facet?: "auto" | "include" | "exclude" | undefined;
7
- fx?: import("../types/index.js").ChannelAccessor<T>;
8
- fy?: import("../types/index.js").ChannelAccessor<T>;
9
- dx?: import("../types/index.js").ConstantAccessor<number, T>;
10
- dy?: import("../types/index.js").ConstantAccessor<number, T>;
11
- fill?: import("../types/index.js").ChannelAccessor<T>;
12
- fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
13
- sort?: {
14
- channel: string;
15
- order?: "ascending" | "descending";
16
- } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, T>;
17
- stroke?: import("../types/index.js").ChannelAccessor<T>;
18
- strokeWidth?: import("../types/index.js").ConstantAccessor<number, T>;
19
- strokeOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
20
- strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, T>;
21
- strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, T>;
22
- strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, T>;
23
- opacity?: import("../types/index.js").ChannelAccessor<T>;
24
- strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
25
- strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
26
- mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
27
- clipPath?: string | undefined;
28
- imageFilter?: import("../types/index.js").ConstantAccessor<string, T>;
29
- shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, T>;
30
- paintOrder?: import("../types/index.js").ConstantAccessor<string, T>;
31
- onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
32
- ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
33
- onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
34
- onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
35
- onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
36
- onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
37
- onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
38
- onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
39
- onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
40
- onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
41
- onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
42
- onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
43
- onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
44
- onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
45
- onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
46
- onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
47
- onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
48
- ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
49
- ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
50
- ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
51
- ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
52
- ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
53
- ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
54
- ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
55
- ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
56
- ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
57
- ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
58
- ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
59
- oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
60
- onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
61
- class?: string | null | undefined;
62
- cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, T>;
63
- data: T[];
64
- };
4
+ }): any;
65
5
  export declare function intervalY<T>(args: TransformArg<T>, { plot }: {
66
6
  plot: PlotState;
67
- }): {
68
- filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
69
- facet?: "auto" | "include" | "exclude" | undefined;
70
- fx?: import("../types/index.js").ChannelAccessor<T>;
71
- fy?: import("../types/index.js").ChannelAccessor<T>;
72
- dx?: import("../types/index.js").ConstantAccessor<number, T>;
73
- dy?: import("../types/index.js").ConstantAccessor<number, T>;
74
- fill?: import("../types/index.js").ChannelAccessor<T>;
75
- fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
76
- sort?: {
77
- channel: string;
78
- order?: "ascending" | "descending";
79
- } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, T>;
80
- stroke?: import("../types/index.js").ChannelAccessor<T>;
81
- strokeWidth?: import("../types/index.js").ConstantAccessor<number, T>;
82
- strokeOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
83
- strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, T>;
84
- strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, T>;
85
- strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, T>;
86
- opacity?: import("../types/index.js").ChannelAccessor<T>;
87
- strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
88
- strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
89
- mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
90
- clipPath?: string | undefined;
91
- imageFilter?: import("../types/index.js").ConstantAccessor<string, T>;
92
- shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, T>;
93
- paintOrder?: import("../types/index.js").ConstantAccessor<string, T>;
94
- onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
95
- ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
96
- onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
97
- onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
98
- onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
99
- onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
100
- onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
101
- onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
102
- onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
103
- onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
104
- onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
105
- onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
106
- onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
107
- onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
108
- onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
109
- onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
110
- onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
111
- ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
112
- ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
113
- ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
114
- ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
115
- ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
116
- ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
117
- ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
118
- ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
119
- ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
120
- ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
121
- ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
122
- oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
123
- onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
124
- class?: string | null | undefined;
125
- cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, T>;
126
- data: T[];
127
- };
7
+ }): any;
package/dist/transforms/map.d.ts CHANGED
@@ -1,184 +1,4 @@
1
- import type { TransformArg, MapOptions, MapMethod, DataRecord } from '../types/index.js';
2
- export declare function map<T>(args: TransformArg<T>, options: MapOptions): {
3
- filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
4
- facet?: "auto" | "include" | "exclude" | undefined;
5
- fx?: import("../types/index.js").ChannelAccessor<T>;
6
- fy?: import("../types/index.js").ChannelAccessor<T>;
7
- dx?: import("../types/index.js").ConstantAccessor<number, T>;
8
- dy?: import("../types/index.js").ConstantAccessor<number, T>;
9
- fill?: import("../types/index.js").ChannelAccessor<T>;
10
- fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
11
- sort?: {
12
- channel: string;
13
- order?: "ascending" | "descending";
14
- } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, T>;
15
- stroke?: import("../types/index.js").ChannelAccessor<T>;
16
- strokeWidth?: import("../types/index.js").ConstantAccessor<number, T>;
17
- strokeOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
18
- strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, T>;
19
- strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, T>;
20
- strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, T>;
21
- opacity?: import("../types/index.js").ChannelAccessor<T>;
22
- strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
23
- strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
24
- mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
25
- clipPath?: string | undefined;
26
- imageFilter?: import("../types/index.js").ConstantAccessor<string, T>;
27
- shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, T>;
28
- paintOrder?: import("../types/index.js").ConstantAccessor<string, T>;
29
- onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
30
- ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
31
- onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
32
- onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
33
- onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
34
- onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
35
- onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
36
- onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
37
- onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
38
- onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
39
- onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
40
- onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
41
- onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
42
- onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
43
- onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
44
- onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
45
- onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
46
- ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
47
- ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
48
- ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
49
- ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
50
- ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
51
- ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
52
- ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
53
- ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
54
- ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
55
- ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
56
- ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
57
- oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
58
- onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
59
- class?: string | null | undefined;
60
- cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, T>;
61
- data: DataRecord[];
62
- };
63
- export declare function mapX<T>(args: TransformArg<T>, mapper: MapMethod): {
64
- filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
65
- facet?: "auto" | "include" | "exclude" | undefined;
66
- fx?: import("../types/index.js").ChannelAccessor<T>;
67
- fy?: import("../types/index.js").ChannelAccessor<T>;
68
- dx?: import("../types/index.js").ConstantAccessor<number, T>;
69
- dy?: import("../types/index.js").ConstantAccessor<number, T>;
70
- fill?: import("../types/index.js").ChannelAccessor<T>;
71
- fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
72
- sort?: {
73
- channel: string;
74
- order?: "ascending" | "descending";
75
- } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, T>;
76
- stroke?: import("../types/index.js").ChannelAccessor<T>;
77
- strokeWidth?: import("../types/index.js").ConstantAccessor<number, T>;
78
- strokeOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
79
- strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, T>;
80
- strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, T>;
81
- strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, T>;
82
- opacity?: import("../types/index.js").ChannelAccessor<T>;
83
- strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
84
- strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
85
- mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
86
- clipPath?: string | undefined;
87
- imageFilter?: import("../types/index.js").ConstantAccessor<string, T>;
88
- shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, T>;
89
- paintOrder?: import("../types/index.js").ConstantAccessor<string, T>;
90
- onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
91
- ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
92
- onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
93
- onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
94
- onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
95
- onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
96
- onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
97
- onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
98
- onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
99
- onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
100
- onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
101
- onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
102
- onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
103
- onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
104
- onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
105
- onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
106
- onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
107
- ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
108
- ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
109
- ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
110
- ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
111
- ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
112
- ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
113
- ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
114
- ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
115
- ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
116
- ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
117
- ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
118
- oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
119
- onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
120
- class?: string | null | undefined;
121
- cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, T>;
122
- data: DataRecord[];
123
- };
124
- export declare function mapY<T>(args: TransformArg<T>, mapper: MapMethod): {
125
- filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
126
- facet?: "auto" | "include" | "exclude" | undefined;
127
- fx?: import("../types/index.js").ChannelAccessor<T>;
128
- fy?: import("../types/index.js").ChannelAccessor<T>;
129
- dx?: import("../types/index.js").ConstantAccessor<number, T>;
130
- dy?: import("../types/index.js").ConstantAccessor<number, T>;
131
- fill?: import("../types/index.js").ChannelAccessor<T>;
132
- fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
133
- sort?: {
134
- channel: string;
135
- order?: "ascending" | "descending";
136
- } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, T>;
137
- stroke?: import("../types/index.js").ChannelAccessor<T>;
138
- strokeWidth?: import("../types/index.js").ConstantAccessor<number, T>;
139
- strokeOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
140
- strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, T>;
141
- strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, T>;
142
- strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, T>;
143
- opacity?: import("../types/index.js").ChannelAccessor<T>;
144
- strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
145
- strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
146
- mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
147
- clipPath?: string | undefined;
148
- imageFilter?: import("../types/index.js").ConstantAccessor<string, T>;
149
- shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, T>;
150
- paintOrder?: import("../types/index.js").ConstantAccessor<string, T>;
151
- onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
152
- ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
153
- onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
154
- onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
155
- onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
156
- onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
157
- onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
158
- onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
159
- onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
160
- onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
161
- onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
162
- onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
163
- onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
164
- onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
165
- onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
166
- onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
167
- onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
168
- ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
169
- ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
170
- ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
171
- ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
172
- ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
173
- ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
174
- ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
175
- ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
176
- ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
177
- ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
178
- ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
179
- oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
180
- onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
181
- class?: string | null | undefined;
182
- cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, T>;
183
- data: DataRecord[];
184
- };
1
+ import type { TransformArg, MapOptions, MapMethod } from '../types/index.js';
2
+ export declare function map<T>(args: TransformArg<T>, options: MapOptions): any;
3
+ export declare function mapX<T>(args: TransformArg<T>, mapper: MapMethod): any;
4
+ export declare function mapY<T>(args: TransformArg<T>, mapper: MapMethod): any;