@opendata-ai/openchart-svelte 3.0.0 → 6.1.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.
- package/dist/Chart.svelte +2 -1
- package/dist/Chart.svelte.d.ts +2 -2
- package/dist/Chart.svelte.d.ts.map +1 -1
- package/dist/__tests__/Chart.test.js +2 -2
- package/dist/__tests__/ThemeContext.test.js +1 -1
- package/dist/__tests__/composables.test.js +1 -1
- package/dist/composables/useChart.svelte.d.ts +2 -2
- package/dist/composables/useChart.svelte.d.ts.map +1 -1
- package/dist/types.d.ts +2 -2
- package/dist/types.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/Chart.svelte +2 -1
- package/src/__tests__/Chart.test.ts +2 -2
- package/src/__tests__/ThemeContext.test.ts +1 -1
- package/src/__tests__/composables.test.ts +1 -1
- package/src/composables/useChart.svelte.ts +2 -2
- package/src/types.ts +2 -1
package/dist/Chart.svelte
CHANGED
|
@@ -13,6 +13,7 @@ import type {
|
|
|
13
13
|
DarkMode,
|
|
14
14
|
ElementEdit,
|
|
15
15
|
GraphSpec,
|
|
16
|
+
LayerSpec,
|
|
16
17
|
MarkEvent,
|
|
17
18
|
TextAnnotation,
|
|
18
19
|
ThemeConfig,
|
|
@@ -36,7 +37,7 @@ let {
|
|
|
36
37
|
class: className,
|
|
37
38
|
style,
|
|
38
39
|
}: {
|
|
39
|
-
spec: ChartSpec | GraphSpec;
|
|
40
|
+
spec: ChartSpec | LayerSpec | GraphSpec;
|
|
40
41
|
theme?: ThemeConfig;
|
|
41
42
|
darkMode?: DarkMode;
|
|
42
43
|
onmarkclick?: (event: MarkEvent) => void;
|
package/dist/Chart.svelte.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { Annotation, AnnotationOffset, ChartSpec, DarkMode, ElementEdit, GraphSpec, MarkEvent, TextAnnotation, ThemeConfig } from '@opendata-ai/openchart-core';
|
|
1
|
+
import type { Annotation, AnnotationOffset, ChartSpec, DarkMode, ElementEdit, GraphSpec, LayerSpec, MarkEvent, TextAnnotation, ThemeConfig } from '@opendata-ai/openchart-core';
|
|
2
2
|
type $$ComponentProps = {
|
|
3
|
-
spec: ChartSpec | GraphSpec;
|
|
3
|
+
spec: ChartSpec | LayerSpec | GraphSpec;
|
|
4
4
|
theme?: ThemeConfig;
|
|
5
5
|
darkMode?: DarkMode;
|
|
6
6
|
onmarkclick?: (event: MarkEvent) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.svelte.d.ts","sourceRoot":"","sources":["../src/Chart.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,SAAS,EACT,SAAS,EACT,cAAc,EACd,WAAW,EACZ,MAAM,6BAA6B,CAAC;AAKpC,KAAK,gBAAgB,GAAI;IACxB,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Chart.svelte.d.ts","sourceRoot":"","sources":["../src/Chart.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,EACd,WAAW,EACZ,MAAM,6BAA6B,CAAC;AAKpC,KAAK,gBAAgB,GAAI;IACxB,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACxC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACxE,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClF,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAsGF,QAAA,MAAM,KAAK,sDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
|
|
@@ -5,7 +5,7 @@ import Chart from '../Chart.svelte';
|
|
|
5
5
|
// Test data
|
|
6
6
|
// ---------------------------------------------------------------------------
|
|
7
7
|
const lineSpec = {
|
|
8
|
-
|
|
8
|
+
mark: 'line',
|
|
9
9
|
data: [
|
|
10
10
|
{ date: '2020-01-01', value: 10, country: 'US' },
|
|
11
11
|
{ date: '2021-01-01', value: 40, country: 'US' },
|
|
@@ -24,7 +24,7 @@ const lineSpec = {
|
|
|
24
24
|
},
|
|
25
25
|
};
|
|
26
26
|
const barSpec = {
|
|
27
|
-
|
|
27
|
+
mark: 'bar',
|
|
28
28
|
data: [
|
|
29
29
|
{ name: 'A', value: 10 },
|
|
30
30
|
{ name: 'B', value: 30 },
|
|
@@ -16,7 +16,7 @@ import { DARK_MODE_KEY, THEME_KEY } from '../context.js';
|
|
|
16
16
|
// Test data
|
|
17
17
|
// ---------------------------------------------------------------------------
|
|
18
18
|
const minimalSpec = {
|
|
19
|
-
|
|
19
|
+
mark: 'bar',
|
|
20
20
|
data: [
|
|
21
21
|
{ name: 'A', value: 10 },
|
|
22
22
|
{ name: 'B', value: 20 },
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* Uses .svelte.ts extension so runes ($state, $effect) work outside
|
|
16
16
|
* .svelte components.
|
|
17
17
|
*/
|
|
18
|
-
import type { ChartLayout, ChartSpec, GraphSpec } from '@opendata-ai/openchart-core';
|
|
18
|
+
import type { ChartLayout, ChartSpec, GraphSpec, LayerSpec } from '@opendata-ai/openchart-core';
|
|
19
19
|
import { type ChartInstance, type MountOptions } from '@opendata-ai/openchart-vanilla';
|
|
20
20
|
export interface UseChartOptions {
|
|
21
21
|
/** Theme overrides. */
|
|
@@ -37,5 +37,5 @@ export interface UseChartReturn {
|
|
|
37
37
|
/** The current compiled layout (null until mounted). */
|
|
38
38
|
readonly layout: ChartLayout | null;
|
|
39
39
|
}
|
|
40
|
-
export declare function useChart(spec: () => ChartSpec | GraphSpec, options?: () => UseChartOptions | undefined): UseChartReturn;
|
|
40
|
+
export declare function useChart(spec: () => ChartSpec | LayerSpec | GraphSpec, options?: () => UseChartOptions | undefined): UseChartReturn;
|
|
41
41
|
//# sourceMappingURL=useChart.svelte.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChart.svelte.d.ts","sourceRoot":"","sources":["../../src/composables/useChart.svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"useChart.svelte.d.ts","sourceRoot":"","sources":["../../src/composables/useChart.svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAE,KAAK,aAAa,EAAe,KAAK,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGpG,MAAM,WAAW,eAAe;IAC9B,uBAAuB;IACvB,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC9B,yBAAyB;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACpC,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;IACpD,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,kDAAkD;IAClD,MAAM,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACvD,+CAA+C;IAC/C,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,wDAAwD;IACxD,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CACrC;AAED,wBAAgB,QAAQ,CACtB,IAAI,EAAE,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,EAC7C,OAAO,CAAC,EAAE,MAAM,eAAe,GAAG,SAAS,GAC1C,cAAc,CA8DhB"}
|
package/dist/types.d.ts
CHANGED
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
* These mirror the inline types used in each component's $props() destructuring
|
|
5
5
|
* and provide named exports for downstream typing.
|
|
6
6
|
*/
|
|
7
|
-
import type { Annotation, AnnotationOffset, ChartSpec, DarkMode, ElementEdit, GraphSpec, MarkEvent, SortState, TableSpec, TextAnnotation, ThemeConfig, VizSpec } from '@opendata-ai/openchart-core';
|
|
7
|
+
import type { Annotation, AnnotationOffset, ChartSpec, DarkMode, ElementEdit, GraphSpec, LayerSpec, MarkEvent, SortState, TableSpec, TextAnnotation, ThemeConfig, VizSpec } from '@opendata-ai/openchart-core';
|
|
8
8
|
import type { Snippet } from 'svelte';
|
|
9
9
|
export interface ChartProps {
|
|
10
|
-
spec: ChartSpec | GraphSpec;
|
|
10
|
+
spec: ChartSpec | LayerSpec | GraphSpec;
|
|
11
11
|
theme?: ThemeConfig;
|
|
12
12
|
darkMode?: DarkMode;
|
|
13
13
|
onmarkclick?: (event: MarkEvent) => void;
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,EACd,WAAW,EACX,OAAO,EACR,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opendata-ai/openchart-svelte",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.1.0",
|
|
4
4
|
"description": "Svelte components for openchart: <Chart />, <DataTable />, <Graph />, <VizThemeProvider />",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Riley Hilliard",
|
|
@@ -51,9 +51,9 @@
|
|
|
51
51
|
"typecheck": "svelte-check --tsconfig ./tsconfig.json"
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@opendata-ai/openchart-core": "
|
|
55
|
-
"@opendata-ai/openchart-engine": "
|
|
56
|
-
"@opendata-ai/openchart-vanilla": "
|
|
54
|
+
"@opendata-ai/openchart-core": "workspace:*",
|
|
55
|
+
"@opendata-ai/openchart-engine": "workspace:*",
|
|
56
|
+
"@opendata-ai/openchart-vanilla": "workspace:*"
|
|
57
57
|
},
|
|
58
58
|
"peerDependencies": {
|
|
59
59
|
"svelte": ">=5.0.0"
|
package/src/Chart.svelte
CHANGED
|
@@ -13,6 +13,7 @@ import type {
|
|
|
13
13
|
DarkMode,
|
|
14
14
|
ElementEdit,
|
|
15
15
|
GraphSpec,
|
|
16
|
+
LayerSpec,
|
|
16
17
|
MarkEvent,
|
|
17
18
|
TextAnnotation,
|
|
18
19
|
ThemeConfig,
|
|
@@ -36,7 +37,7 @@ let {
|
|
|
36
37
|
class: className,
|
|
37
38
|
style,
|
|
38
39
|
}: {
|
|
39
|
-
spec: ChartSpec | GraphSpec;
|
|
40
|
+
spec: ChartSpec | LayerSpec | GraphSpec;
|
|
40
41
|
theme?: ThemeConfig;
|
|
41
42
|
darkMode?: DarkMode;
|
|
42
43
|
onmarkclick?: (event: MarkEvent) => void;
|
|
@@ -8,7 +8,7 @@ import Chart from '../Chart.svelte';
|
|
|
8
8
|
// ---------------------------------------------------------------------------
|
|
9
9
|
|
|
10
10
|
const lineSpec: ChartSpec = {
|
|
11
|
-
|
|
11
|
+
mark: 'line',
|
|
12
12
|
data: [
|
|
13
13
|
{ date: '2020-01-01', value: 10, country: 'US' },
|
|
14
14
|
{ date: '2021-01-01', value: 40, country: 'US' },
|
|
@@ -28,7 +28,7 @@ const lineSpec: ChartSpec = {
|
|
|
28
28
|
};
|
|
29
29
|
|
|
30
30
|
const barSpec: ChartSpec = {
|
|
31
|
-
|
|
31
|
+
mark: 'bar',
|
|
32
32
|
data: [
|
|
33
33
|
{ name: 'A', value: 10 },
|
|
34
34
|
{ name: 'B', value: 30 },
|
|
@@ -20,7 +20,7 @@ import { DARK_MODE_KEY, THEME_KEY } from '../context.js';
|
|
|
20
20
|
// ---------------------------------------------------------------------------
|
|
21
21
|
|
|
22
22
|
const minimalSpec: ChartSpec = {
|
|
23
|
-
|
|
23
|
+
mark: 'bar',
|
|
24
24
|
data: [
|
|
25
25
|
{ name: 'A', value: 10 },
|
|
26
26
|
{ name: 'B', value: 20 },
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
* .svelte components.
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
|
-
import type { ChartLayout, ChartSpec, GraphSpec } from '@opendata-ai/openchart-core';
|
|
19
|
+
import type { ChartLayout, ChartSpec, GraphSpec, LayerSpec } from '@opendata-ai/openchart-core';
|
|
20
20
|
import { type ChartInstance, createChart, type MountOptions } from '@opendata-ai/openchart-vanilla';
|
|
21
21
|
import { untrack } from 'svelte';
|
|
22
22
|
|
|
@@ -41,7 +41,7 @@ export interface UseChartReturn {
|
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
export function useChart(
|
|
44
|
-
spec: () => ChartSpec | GraphSpec,
|
|
44
|
+
spec: () => ChartSpec | LayerSpec | GraphSpec,
|
|
45
45
|
options?: () => UseChartOptions | undefined,
|
|
46
46
|
): UseChartReturn {
|
|
47
47
|
let chart = $state<ChartInstance | null>(null);
|
package/src/types.ts
CHANGED
|
@@ -12,6 +12,7 @@ import type {
|
|
|
12
12
|
DarkMode,
|
|
13
13
|
ElementEdit,
|
|
14
14
|
GraphSpec,
|
|
15
|
+
LayerSpec,
|
|
15
16
|
MarkEvent,
|
|
16
17
|
SortState,
|
|
17
18
|
TableSpec,
|
|
@@ -22,7 +23,7 @@ import type {
|
|
|
22
23
|
import type { Snippet } from 'svelte';
|
|
23
24
|
|
|
24
25
|
export interface ChartProps {
|
|
25
|
-
spec: ChartSpec | GraphSpec;
|
|
26
|
+
spec: ChartSpec | LayerSpec | GraphSpec;
|
|
26
27
|
theme?: ThemeConfig;
|
|
27
28
|
darkMode?: DarkMode;
|
|
28
29
|
onmarkclick?: (event: MarkEvent) => void;
|