@opendata-ai/openchart-svelte 6.0.0 → 6.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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;
@@ -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;IAC5B,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"}
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
- type: 'line',
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
- type: 'bar',
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
- type: 'bar',
19
+ mark: 'bar',
20
20
  data: [
21
21
  { name: 'A', value: 10 },
22
22
  { name: 'B', value: 20 },
@@ -15,7 +15,7 @@ import Chart from '../Chart.svelte';
15
15
  // Test data
16
16
  // ---------------------------------------------------------------------------
17
17
  const barSpec = {
18
- type: 'bar',
18
+ mark: 'bar',
19
19
  data: [
20
20
  { name: 'A', value: 10 },
21
21
  { name: 'B', value: 30 },
@@ -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;AACrF,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,EACjC,OAAO,CAAC,EAAE,MAAM,eAAe,GAAG,SAAS,GAC1C,cAAc,CA8DhB"}
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;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
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": "6.0.0",
3
+ "version": "6.1.1",
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": "6.0.0",
55
- "@opendata-ai/openchart-engine": "6.0.0",
56
- "@opendata-ai/openchart-vanilla": "6.0.0"
54
+ "@opendata-ai/openchart-core": "6.1.1",
55
+ "@opendata-ai/openchart-engine": "6.1.1",
56
+ "@opendata-ai/openchart-vanilla": "6.1.1"
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
- type: 'line',
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
- type: 'bar',
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
- type: 'bar',
23
+ mark: 'bar',
24
24
  data: [
25
25
  { name: 'A', value: 10 },
26
26
  { name: 'B', value: 20 },
@@ -19,7 +19,7 @@ import Chart from '../Chart.svelte';
19
19
  // ---------------------------------------------------------------------------
20
20
 
21
21
  const barSpec: ChartSpec = {
22
- type: 'bar',
22
+ mark: 'bar',
23
23
  data: [
24
24
  { name: 'A', value: 10 },
25
25
  { name: 'B', value: 30 },
@@ -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;