svelteplot 0.4.10 → 0.5.0-pr-233.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 (65) hide show
  1. package/dist/Mark.svelte +87 -73
  2. package/dist/Mark.svelte.d.ts +39 -36
  3. package/dist/helpers/colors.d.ts +1 -1
  4. package/dist/helpers/index.d.ts +4 -2
  5. package/dist/helpers/index.js +11 -0
  6. package/dist/helpers/scales.d.ts +1 -1
  7. package/dist/helpers/typeChecks.d.ts +4 -4
  8. package/dist/marks/Area.svelte.d.ts +39 -36
  9. package/dist/marks/AreaX.svelte.d.ts +40 -37
  10. package/dist/marks/Arrow.svelte.d.ts +39 -36
  11. package/dist/marks/AxisX.svelte +6 -1
  12. package/dist/marks/AxisX.svelte.d.ts +40 -37
  13. package/dist/marks/AxisY.svelte +6 -1
  14. package/dist/marks/AxisY.svelte.d.ts +40 -37
  15. package/dist/marks/BarX.svelte.d.ts +39 -36
  16. package/dist/marks/BarY.svelte.d.ts +39 -36
  17. package/dist/marks/BollingerX.svelte.d.ts +2 -74
  18. package/dist/marks/BollingerY.svelte.d.ts +2 -74
  19. package/dist/marks/BoxY.svelte.d.ts +6 -66
  20. package/dist/marks/Cell.svelte.d.ts +39 -36
  21. package/dist/marks/CustomMark.svelte.d.ts +2 -81
  22. package/dist/marks/CustomMarkHTML.svelte.d.ts +1 -1
  23. package/dist/marks/DifferenceY.svelte.d.ts +7 -67
  24. package/dist/marks/Dot.svelte +1 -1
  25. package/dist/marks/Dot.svelte.d.ts +39 -36
  26. package/dist/marks/DotX.svelte.d.ts +40 -37
  27. package/dist/marks/DotY.svelte.d.ts +40 -37
  28. package/dist/marks/Geo.svelte.d.ts +39 -36
  29. package/dist/marks/GridX.svelte +9 -2
  30. package/dist/marks/GridX.svelte.d.ts +39 -36
  31. package/dist/marks/GridY.svelte +10 -2
  32. package/dist/marks/GridY.svelte.d.ts +39 -36
  33. package/dist/marks/Line.svelte.d.ts +40 -37
  34. package/dist/marks/LineX.svelte.d.ts +41 -38
  35. package/dist/marks/LineY.svelte.d.ts +41 -38
  36. package/dist/marks/Link.svelte.d.ts +39 -36
  37. package/dist/marks/Rect.svelte.d.ts +39 -36
  38. package/dist/marks/RuleX.svelte.d.ts +39 -36
  39. package/dist/marks/RuleY.svelte.d.ts +39 -36
  40. package/dist/marks/Spike.svelte.d.ts +40 -37
  41. package/dist/marks/Text.svelte.d.ts +41 -38
  42. package/dist/marks/TickX.svelte.d.ts +39 -36
  43. package/dist/marks/TickY.svelte.d.ts +39 -36
  44. package/dist/marks/Vector.svelte.d.ts +39 -36
  45. package/dist/marks/helpers/BaseAxisX.svelte +17 -4
  46. package/dist/marks/helpers/BaseAxisX.svelte.d.ts +3 -1
  47. package/dist/marks/helpers/BaseAxisY.svelte +15 -6
  48. package/dist/marks/helpers/BaseAxisY.svelte.d.ts +3 -1
  49. package/dist/marks/helpers/MarkerPath.svelte.d.ts +2 -160
  50. package/dist/marks/helpers/RectPath.svelte.d.ts +3 -63
  51. package/dist/transforms/bollinger.d.ts +1 -67
  52. package/dist/transforms/dodge.d.ts +17 -0
  53. package/dist/transforms/dodge.js +128 -0
  54. package/dist/transforms/group.d.ts +4 -12
  55. package/dist/transforms/interval.d.ts +2 -124
  56. package/dist/transforms/recordize.d.ts +1 -4
  57. package/dist/transforms/select.d.ts +7 -434
  58. package/dist/transforms/sort.d.ts +3 -246
  59. package/dist/transforms/stack.d.ts +3 -23
  60. package/dist/transforms/window.d.ts +2 -130
  61. package/dist/types/index.d.ts +7 -0
  62. package/dist/types/mark.d.ts +37 -34
  63. package/dist/ui/ExamplesPageList.svelte +63 -0
  64. package/dist/ui/ExamplesPageList.svelte.d.ts +12 -0
  65. package/package.json +129 -127
package/dist/marks/TickX.svelte.d.ts CHANGED
@@ -1,18 +1,21 @@
1
1
  import type { ChannelAccessor, DataRow, ConstantAccessor } from '../types/index.js';
2
+ import { recordizeX } from '../index.js';
2
3
  declare class __sveltets_Render<Datum extends DataRow> {
3
4
  props(): Omit<Partial<{
4
- filter?: ConstantAccessor<boolean, Datum>;
5
- facet?: "auto" | "include" | "exclude";
5
+ filter: ConstantAccessor<boolean, Datum>;
6
+ facet: "auto" | "include" | "exclude";
6
7
  fx: ChannelAccessor<Datum>;
7
8
  fy: ChannelAccessor<Datum>;
8
9
  dx: ConstantAccessor<number, Datum>;
9
10
  dy: ConstantAccessor<number, Datum>;
11
+ dodgeX: recordizeX;
12
+ dodgeY: recordizeX;
10
13
  fill: ChannelAccessor<Datum>;
11
14
  fillOpacity: ConstantAccessor<number, Datum>;
12
- sort: ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | {
15
+ sort: {
13
16
  channel: string;
14
17
  order?: "ascending" | "descending";
15
- } | ConstantAccessor<import("../types/data").RawValue, Datum>;
18
+ } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | ConstantAccessor<import("../types/data").RawValue, Datum>;
16
19
  stroke: ChannelAccessor<Datum>;
17
20
  strokeWidth: ConstantAccessor<number, Datum>;
18
21
  strokeOpacity: ConstantAccessor<number, Datum>;
@@ -27,38 +30,38 @@ declare class __sveltets_Render<Datum extends DataRow> {
27
30
  imageFilter: ConstantAccessor<string, Datum>;
28
31
  shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
29
32
  paintOrder: ConstantAccessor<string, Datum>;
30
- onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
31
- ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
32
- onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
33
- onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
34
- onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
35
- onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
36
- onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
37
- onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
38
- onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
39
- onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
40
- onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
41
- onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
42
- onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
43
- onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
44
- onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
45
- onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
46
- onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
47
- ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
48
- ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
49
- ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
50
- ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
51
- ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
52
- ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
53
- ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
54
- ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
55
- ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
56
- ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
57
- ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
58
- oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
59
- onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
60
- class?: string;
61
- style?: string;
33
+ onclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
34
+ ondblclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
35
+ onmouseup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
36
+ onmousedown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
37
+ onmouseenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
38
+ onmousemove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
39
+ onmouseleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
40
+ onmouseout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
41
+ onmouseover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
42
+ onpointercancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
43
+ onpointerdown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
44
+ onpointerup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
45
+ onpointerenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
46
+ onpointerleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
47
+ onpointermove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
48
+ onpointerover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
49
+ onpointerout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
50
+ ondrag: import("svelte/elements").MouseEventHandler<SVGPathElement>;
51
+ ondrop: import("svelte/elements").MouseEventHandler<SVGPathElement>;
52
+ ondragstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
53
+ ondragenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
54
+ ondragleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
55
+ ondragover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
56
+ ondragend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
57
+ ontouchstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
58
+ ontouchmove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
59
+ ontouchend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
60
+ ontouchcancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
61
+ oncontextmenu: import("svelte/elements").MouseEventHandler<SVGPathElement>;
62
+ onwheel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
63
+ class: string;
64
+ style: string;
62
65
  cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
63
66
  }>, "fill" | "fillOpacity"> & {
64
67
  data: Datum[];
package/dist/marks/TickY.svelte.d.ts CHANGED
@@ -1,18 +1,21 @@
1
1
  import type { ChannelAccessor, DataRow, ConstantAccessor } from '../types/index.js';
2
+ import { recordizeY } from '../index.js';
2
3
  declare class __sveltets_Render<Datum extends DataRow> {
3
4
  props(): Omit<Partial<{
4
- filter?: ConstantAccessor<boolean, Datum>;
5
- facet?: "auto" | "include" | "exclude";
5
+ filter: ConstantAccessor<boolean, Datum>;
6
+ facet: "auto" | "include" | "exclude";
6
7
  fx: ChannelAccessor<Datum>;
7
8
  fy: ChannelAccessor<Datum>;
8
9
  dx: ConstantAccessor<number, Datum>;
9
10
  dy: ConstantAccessor<number, Datum>;
11
+ dodgeX: recordizeY;
12
+ dodgeY: recordizeY;
10
13
  fill: ChannelAccessor<Datum>;
11
14
  fillOpacity: ConstantAccessor<number, Datum>;
12
- sort: ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | {
15
+ sort: {
13
16
  channel: string;
14
17
  order?: "ascending" | "descending";
15
- } | ConstantAccessor<import("../types/data").RawValue, Datum>;
18
+ } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | ConstantAccessor<import("../types/data").RawValue, Datum>;
16
19
  stroke: ChannelAccessor<Datum>;
17
20
  strokeWidth: ConstantAccessor<number, Datum>;
18
21
  strokeOpacity: ConstantAccessor<number, Datum>;
@@ -27,38 +30,38 @@ declare class __sveltets_Render<Datum extends DataRow> {
27
30
  imageFilter: ConstantAccessor<string, Datum>;
28
31
  shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
29
32
  paintOrder: ConstantAccessor<string, Datum>;
30
- onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
31
- ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
32
- onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
33
- onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
34
- onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
35
- onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
36
- onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
37
- onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
38
- onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
39
- onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
40
- onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
41
- onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
42
- onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
43
- onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
44
- onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
45
- onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
46
- onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
47
- ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
48
- ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
49
- ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
50
- ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
51
- ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
52
- ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
53
- ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
54
- ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
55
- ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
56
- ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
57
- ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
58
- oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
59
- onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
60
- class?: string;
61
- style?: string;
33
+ onclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
34
+ ondblclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
35
+ onmouseup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
36
+ onmousedown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
37
+ onmouseenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
38
+ onmousemove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
39
+ onmouseleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
40
+ onmouseout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
41
+ onmouseover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
42
+ onpointercancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
43
+ onpointerdown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
44
+ onpointerup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
45
+ onpointerenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
46
+ onpointerleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
47
+ onpointermove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
48
+ onpointerover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
49
+ onpointerout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
50
+ ondrag: import("svelte/elements").MouseEventHandler<SVGPathElement>;
51
+ ondrop: import("svelte/elements").MouseEventHandler<SVGPathElement>;
52
+ ondragstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
53
+ ondragenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
54
+ ondragleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
55
+ ondragover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
56
+ ondragend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
57
+ ontouchstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
58
+ ontouchmove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
59
+ ontouchend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
60
+ ontouchcancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
61
+ oncontextmenu: import("svelte/elements").MouseEventHandler<SVGPathElement>;
62
+ onwheel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
63
+ class: string;
64
+ style: string;
62
65
  cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
63
66
  }>, "fill" | "fillOpacity"> & {
64
67
  data: Datum[];
package/dist/marks/Vector.svelte.d.ts CHANGED
@@ -4,20 +4,23 @@ export type ShapeRenderer = {
4
4
  };
5
5
  import type { DataRecord, ChannelAccessor } from '../types/index.js';
6
6
  import { type Snippet } from 'svelte';
7
+ import { sort } from '../index.js';
7
8
  declare class __sveltets_Render<Datum extends DataRecord> {
8
9
  props(): Partial<{
9
- filter?: import("../types/index.js").ConstantAccessor<boolean, Datum>;
10
- facet?: "auto" | "include" | "exclude";
10
+ filter: import("../types/index.js").ConstantAccessor<boolean, Datum>;
11
+ facet: "auto" | "include" | "exclude";
11
12
  fx: ChannelAccessor<Datum>;
12
13
  fy: ChannelAccessor<Datum>;
13
14
  dx: import("../types/index.js").ConstantAccessor<number, Datum>;
14
15
  dy: import("../types/index.js").ConstantAccessor<number, Datum>;
16
+ dodgeX: sort;
17
+ dodgeY: sort;
15
18
  fill: ChannelAccessor<Datum>;
16
19
  fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
17
- sort: ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | {
20
+ sort: {
18
21
  channel: string;
19
22
  order?: "ascending" | "descending";
20
- } | import("../types/index.js").ConstantAccessor<import("../types/data.js").RawValue, Datum>;
23
+ } | ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/data.js").RawValue, Datum>;
21
24
  stroke: ChannelAccessor<Datum>;
22
25
  strokeWidth: import("../types/index.js").ConstantAccessor<number, Datum>;
23
26
  strokeOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
@@ -32,38 +35,38 @@ declare class __sveltets_Render<Datum extends DataRecord> {
32
35
  imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
33
36
  shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
34
37
  paintOrder: import("../types/index.js").ConstantAccessor<string, Datum>;
35
- onclick?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
36
- ondblclick?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
37
- onmouseup?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
38
- onmousedown?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
39
- onmouseenter?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
40
- onmousemove?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
41
- onmouseleave?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
42
- onmouseout?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
43
- onmouseover?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
44
- onpointercancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
45
- onpointerdown?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
46
- onpointerup?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
47
- onpointerenter?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
48
- onpointerleave?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
49
- onpointermove?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
50
- onpointerover?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
51
- onpointerout?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
52
- ondrag?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
53
- ondrop?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
54
- ondragstart?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
55
- ondragenter?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
56
- ondragleave?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
57
- ondragover?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
58
- ondragend?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
59
- ontouchstart?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
60
- ontouchmove?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
61
- ontouchend?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
62
- ontouchcancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
63
- oncontextmenu?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
64
- onwheel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
65
- class?: string;
66
- style?: string;
38
+ onclick: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
39
+ ondblclick: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
40
+ onmouseup: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
41
+ onmousedown: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
42
+ onmouseenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
43
+ onmousemove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
44
+ onmouseleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
45
+ onmouseout: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
46
+ onmouseover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
47
+ onpointercancel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
48
+ onpointerdown: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
49
+ onpointerup: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
50
+ onpointerenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
51
+ onpointerleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
52
+ onpointermove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
53
+ onpointerover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
54
+ onpointerout: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
55
+ ondrag: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
56
+ ondrop: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
57
+ ondragstart: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
58
+ ondragenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
59
+ ondragleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
60
+ ondragover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
61
+ ondragend: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
62
+ ontouchstart: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
63
+ ontouchmove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
64
+ ontouchend: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
65
+ ontouchcancel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
66
+ oncontextmenu: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
67
+ onwheel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
68
+ class: string;
69
+ style: string;
67
70
  cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
68
71
  }> & {
69
72
  data: Datum[];
package/dist/marks/helpers/BaseAxisX.svelte CHANGED
@@ -10,13 +10,17 @@
10
10
  PlotState,
11
11
  RawValue,
12
12
  ScaledDataRecord,
13
- ScaleType
13
+ ScaleType,
14
+ TransitionArgs,
15
+ TransitionFunction
14
16
  } from '../../types/index.js';
15
17
  import { resolveProp, resolveStyles } from '../../helpers/resolve.js';
16
18
  import { max } from 'd3-array';
17
- import { randomId, testFilter } from '../../helpers/index.js';
19
+ import { identity, noTransition, randomId, testFilter } from '../../helpers/index.js';
18
20
  import { INDEX } from '../../constants';
19
21
  import { RAW_VALUE } from '../../transforms/recordize';
22
+ import { fade } from 'svelte/transition';
23
+ import Transition from '../../../routes/examples/axis/transition.svelte';
20
24
 
21
25
  type BaseAxisXProps = {
22
26
  scaleFn: (d: RawValue) => number;
@@ -39,6 +43,8 @@
39
43
  };
40
44
  text: boolean;
41
45
  plot: PlotState;
46
+ tIn?: [TransitionFunction?, TransitionArgs?];
47
+ tOut?: [TransitionFunction?, TransitionArgs?];
42
48
  };
43
49
 
44
50
  let {
@@ -56,7 +62,9 @@
56
62
  options,
57
63
  plot,
58
64
  title,
59
- text = true
65
+ text = true,
66
+ tIn = [],
67
+ tOut = []
60
68
  }: BaseAxisXProps = $props();
61
69
 
62
70
  function splitTick(tick: string | string[]) {
@@ -149,14 +157,19 @@
149
157
  if ($autoMarginTop.has(id)) $autoMarginTop.delete(id);
150
158
  };
151
159
  });
160
+
161
+ const tInF = $derived(tIn?.[0] ?? noTransition);
162
+ const tOutF = $derived(tOut?.[0] ?? noTransition);
152
163
  </script>
153
164
 
154
165
  <g class="axis-x">
155
- {#each positionedTicks as tick, t (t)}
166
+ {#each positionedTicks as tick, t (tick[RAW_VALUE])}
156
167
  {#if testFilter(tick, options) && !tick.hidden}
157
168
  {@const tickClass_ = resolveProp(tickClass, tick)}
158
169
  {@const tickFontSize_ = +resolveProp(tickFontSize, tick, 10)}
159
170
  <g
171
+ in:tInF|global={{ ...(tIn?.[1] ?? {}) }}
172
+ out:tOutF|global={{ ...(tOut?.[1] ?? {}) }}
160
173
  class="tick {tickClass_ || ''}"
161
174
  transform="translate({tick.x + tick.dx}, {tickY + tick.dy})"
162
175
  text-anchor={tickRotate < 0 ? 'end' : tickRotate > 0 ? 'start' : 'middle'}>
package/dist/marks/helpers/BaseAxisX.svelte.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { ChannelAccessor, ConstantAccessor, PlotState, RawValue, ScaleType } from '../../types/index.js';
1
+ import type { ChannelAccessor, ConstantAccessor, PlotState, RawValue, ScaleType, TransitionArgs, TransitionFunction } from '../../types/index.js';
2
2
  type BaseAxisXProps = {
3
3
  scaleFn: (d: RawValue) => number;
4
4
  scaleType: ScaleType;
@@ -20,6 +20,8 @@ type BaseAxisXProps = {
20
20
  };
21
21
  text: boolean;
22
22
  plot: PlotState;
23
+ tIn?: [TransitionFunction?, TransitionArgs?];
24
+ tOut?: [TransitionFunction?, TransitionArgs?];
23
25
  };
24
26
  declare const BaseAxisX: import("svelte").Component<BaseAxisXProps, {}, "">;
25
27
  type BaseAxisX = ReturnType<typeof BaseAxisX>;
package/dist/marks/helpers/BaseAxisY.svelte CHANGED
@@ -1,16 +1,16 @@
1
1
  <script lang="ts">
2
2
  import { getContext, untrack } from 'svelte';
3
- import { randomId, testFilter } from '../../helpers/index.js';
3
+ import { identity, noTransition, randomId, testFilter } from '../../helpers/index.js';
4
4
  import { resolveProp, resolveStyles } from '../../helpers/resolve.js';
5
5
  import { max } from 'd3-array';
6
6
  import type {
7
7
  AutoMarginStores,
8
8
  ConstantAccessor,
9
- DataRecord,
10
9
  PlotState,
11
10
  RawValue,
12
- ScaledDataRecord,
13
- ScaleType
11
+ ScaleType,
12
+ TransitionArgs,
13
+ TransitionFunction
14
14
  } from '../../types/index.js';
15
15
  import { RAW_VALUE } from '../../transforms/recordize';
16
16
  import { INDEX } from '../../constants';
@@ -36,6 +36,8 @@
36
36
  };
37
37
  plot: PlotState;
38
38
  text: boolean | null;
39
+ tIn?: [TransitionFunction?, TransitionArgs?];
40
+ tOut?: [TransitionFunction?, TransitionArgs?];
39
41
  };
40
42
 
41
43
  let {
@@ -54,7 +56,9 @@
54
56
  title,
55
57
  plot,
56
58
  options,
57
- text = true
59
+ text = true,
60
+ tIn = [],
61
+ tOut = []
58
62
  }: BaseAxisYProps = $props();
59
63
 
60
64
  const LINE_ANCHOR = {
@@ -151,10 +155,13 @@
151
155
  if ($autoMarginTop.has(id)) $autoMarginTop.delete(id);
152
156
  };
153
157
  });
158
+
159
+ const tInF = $derived(tIn?.[0] ?? noTransition);
160
+ const tOutF = $derived(tOut?.[0] ?? noTransition);
154
161
  </script>
155
162
 
156
163
  <g class="axis-y">
157
- {#each positionedTicks as tick, t (t)}
164
+ {#each positionedTicks as tick, t (tick[RAW_VALUE])}
158
165
  {#if testFilter(tick, options) && !tick.hidden}
159
166
  {@const tickClass_ = resolveProp(tickClass, tick)}
160
167
  {@const [textStyle, textClass] = resolveStyles(
@@ -171,6 +178,8 @@
171
178
  true
172
179
  )}
173
180
  <g
181
+ in:tInF|global={{ ...(tIn?.[1] ?? {}) }}
182
+ out:tOutF|global={{ ...(tOut?.[1] ?? {}) }}
174
183
  class="tick {tickClass_ || ''}"
175
184
  transform="translate({tick.dx +
176
185
  marginLeft +
package/dist/marks/helpers/BaseAxisY.svelte.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { ConstantAccessor, PlotState, RawValue, ScaleType } from '../../types/index.js';
1
+ import type { ConstantAccessor, PlotState, RawValue, ScaleType, TransitionArgs, TransitionFunction } from '../../types/index.js';
2
2
  type BaseAxisYProps = {
3
3
  scaleFn: (d: RawValue) => number;
4
4
  scaleType: ScaleType;
@@ -20,6 +20,8 @@ type BaseAxisYProps = {
20
20
  };
21
21
  plot: PlotState;
22
22
  text: boolean | null;
23
+ tIn?: [TransitionFunction?, TransitionArgs?];
24
+ tOut?: [TransitionFunction?, TransitionArgs?];
23
25
  };
24
26
  declare const BaseAxisY: import("svelte").Component<BaseAxisYProps, {}, "">;
25
27
  type BaseAxisY = ReturnType<typeof BaseAxisY>;
package/dist/marks/helpers/MarkerPath.svelte.d.ts CHANGED
@@ -1,164 +1,6 @@
1
- import { type MarkerShape } from './Marker.svelte';
2
- import type { ConstantAccessor, DataRecord, Mark, PlotScales } from '../../types/index.js';
1
+ import type { DataRecord } from '../../types/index.js';
3
2
  declare class __sveltets_Render<Datum extends DataRecord> {
4
- props(): Partial<{
5
- filter?: ConstantAccessor<boolean, Datum>;
6
- facet?: "auto" | "include" | "exclude";
7
- fx: import("../../types/index.js").ChannelAccessor<Datum>;
8
- fy: import("../../types/index.js").ChannelAccessor<Datum>;
9
- dx: ConstantAccessor<number, Datum>;
10
- dy: ConstantAccessor<number, Datum>;
11
- fill: import("../../types/index.js").ChannelAccessor<Datum>;
12
- fillOpacity: ConstantAccessor<number, Datum>;
13
- sort: ((a: import("../../types/index.js").RawValue, b: import("../../types/index.js").RawValue) => number) | {
14
- channel: string;
15
- order?: "ascending" | "descending";
16
- } | ConstantAccessor<import("../../types/index.js").RawValue, Datum>;
17
- stroke: import("../../types/index.js").ChannelAccessor<Datum>;
18
- strokeWidth: ConstantAccessor<number, Datum>;
19
- strokeOpacity: ConstantAccessor<number, Datum>;
20
- strokeLinejoin: ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
21
- strokeLinecap: ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
22
- strokeMiterlimit: ConstantAccessor<number, Datum>;
23
- opacity: import("../../types/index.js").ChannelAccessor<Datum>;
24
- strokeDasharray: ConstantAccessor<string, Datum>;
25
- strokeDashoffset: ConstantAccessor<number, Datum>;
26
- mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
27
- clipPath: string;
28
- imageFilter: ConstantAccessor<string, Datum>;
29
- shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
30
- paintOrder: ConstantAccessor<string, Datum>;
31
- onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
32
- ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
33
- onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
34
- onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
35
- onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
36
- onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
37
- onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
38
- onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
39
- onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
40
- onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
41
- onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
42
- onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
43
- onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
44
- onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
45
- onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
46
- onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
47
- onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
48
- ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
49
- ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
50
- ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
51
- ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
52
- ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
53
- ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
54
- ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
55
- ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
56
- ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
57
- ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
58
- ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
59
- oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
60
- onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
61
- class?: string;
62
- style?: string;
63
- cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
64
- }> & {
65
- /**
66
- * the datum associated with this path, usually the first
67
- * element of the data array group
68
- */
69
- datum: Datum;
70
- /**
71
- * the marker shape to use at the start of the path, defaults to
72
- * circle
73
- */
74
- markerStart?: boolean | MarkerShape;
75
- /**
76
- * the marker shape to use at the middle of the path, defaults to circle
77
- */
78
- markerMid?: boolean | MarkerShape;
79
- /**
80
- * the marker shape to use at the end of the path, defaults to circle
81
- */
82
- markerEnd?: boolean | MarkerShape;
83
- /**
84
- * shorthand for setting all markers
85
- */
86
- marker?: boolean | MarkerShape;
87
- /**
88
- * path string
89
- */
90
- d: string;
91
- style: string;
92
- startOffset: string;
93
- textStyle: string;
94
- textStyleClass?: string | null;
95
- text: string;
96
- transform: string;
97
- color: string;
98
- strokeWidth: ConstantAccessor<number>;
99
- mark: Mark<Partial<{
100
- filter?: ConstantAccessor<boolean, Datum>;
101
- facet?: "auto" | "include" | "exclude";
102
- fx: import("../../types/index.js").ChannelAccessor<Datum>;
103
- fy: import("../../types/index.js").ChannelAccessor<Datum>;
104
- dx: ConstantAccessor<number, Datum>;
105
- dy: ConstantAccessor<number, Datum>;
106
- fill: import("../../types/index.js").ChannelAccessor<Datum>;
107
- fillOpacity: ConstantAccessor<number, Datum>;
108
- sort: ((a: import("../../types/index.js").RawValue, b: import("../../types/index.js").RawValue) => number) | {
109
- channel: string;
110
- order?: "ascending" | "descending";
111
- } | ConstantAccessor<import("../../types/index.js").RawValue, Datum>;
112
- stroke: import("../../types/index.js").ChannelAccessor<Datum>;
113
- strokeWidth: ConstantAccessor<number, Datum>;
114
- strokeOpacity: ConstantAccessor<number, Datum>;
115
- strokeLinejoin: ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
116
- strokeLinecap: ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
117
- strokeMiterlimit: ConstantAccessor<number, Datum>;
118
- opacity: import("../../types/index.js").ChannelAccessor<Datum>;
119
- strokeDasharray: ConstantAccessor<string, Datum>;
120
- strokeDashoffset: ConstantAccessor<number, Datum>;
121
- mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
122
- clipPath: string;
123
- imageFilter: ConstantAccessor<string, Datum>;
124
- shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
125
- paintOrder: ConstantAccessor<string, Datum>;
126
- onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
127
- ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
128
- onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
129
- onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
130
- onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
131
- onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
132
- onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
133
- onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
134
- onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
135
- onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
136
- onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
137
- onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
138
- onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
139
- onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
140
- onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
141
- onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
142
- onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
143
- ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
144
- ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
145
- ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
146
- ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
147
- ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
148
- ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
149
- ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
150
- ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
151
- ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
152
- ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
153
- ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
154
- oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
155
- onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
156
- class?: string;
157
- style?: string;
158
- cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
159
- }>>;
160
- scales: PlotScales;
161
- };
3
+ props(): any;
162
4
  events(): {};
163
5
  slots(): {};
164
6
  bindings(): "";