@opendata-ai/openchart-vue 6.0.0 → 6.1.1

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { ChartSpec, GraphSpec, ThemeConfig, DarkMode, MarkEvent, Annotation, TextAnnotation, AnnotationOffset, ElementEdit, ChartLayout, TableSpec, SortState, VizSpec } from '@opendata-ai/openchart-core';
+import { ChartSpec, LayerSpec, GraphSpec, ThemeConfig, DarkMode, MarkEvent, Annotation, TextAnnotation, AnnotationOffset, ElementEdit, ChartLayout, TableSpec, SortState, VizSpec } from '@opendata-ai/openchart-core';
 export * from '@opendata-ai/openchart-core';
 import { MountOptions, ChartInstance, GraphInstance, TableInstance, TableState, TableMountOptions } from '@opendata-ai/openchart-vanilla';
 export { JPGExportOptions, PNGExportOptions, exportCSV, exportJPG, exportPNG, exportSVG } from '@opendata-ai/openchart-vanilla';
@@ -7,7 +7,7 @@ import * as vue from 'vue';
 import { PropType, CSSProperties, Ref, ShallowRef, InjectionKey, ComputedRef } from 'vue';
 
 interface ChartProps {
-    spec: ChartSpec | GraphSpec;
+    spec: ChartSpec | LayerSpec | GraphSpec;
     theme?: ThemeConfig;
     darkMode?: DarkMode;
     class?: string;
@@ -15,7 +15,7 @@ interface ChartProps {
 }
 declare const Chart: vue.DefineComponent<vue.ExtractPropTypes<{
     spec: {
-        type: PropType<ChartSpec | GraphSpec>;
+        type: PropType<ChartSpec | LayerSpec | GraphSpec>;
         required: true;
     };
     theme: {
@@ -47,7 +47,7 @@ declare const Chart: vue.DefineComponent<vue.ExtractPropTypes<{
     'data-point-click': (_data: Record<string, unknown>) => true;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     spec: {
-        type: PropType<ChartSpec | GraphSpec>;
+        type: PropType<ChartSpec | LayerSpec | GraphSpec>;
         required: true;
     };
     theme: {
@@ -113,7 +113,7 @@ interface UseChartReturn {
  * Attach the returned containerRef to a container div via `ref="containerRef"`.
  * The chart mounts automatically and updates when the spec changes.
  */
-declare function useChart(spec: Ref<ChartSpec | GraphSpec>, options?: UseChartOptions): UseChartReturn;
+declare function useChart(spec: Ref<ChartSpec | LayerSpec | GraphSpec>, options?: UseChartOptions): UseChartReturn;
 
 /**
  * useDarkMode: composable that resolves a DarkMode preference to a boolean.

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/Chart.ts","../src/context.ts","../src/composables/useChart.ts","../src/composables/useDarkMode.ts","../src/composables/useGraph.ts","../src/composables/useTable.ts","../src/composables/useTableState.ts","../src/DataTable.ts","../src/Graph.ts","../src/ThemeProvider.ts","../src/Visualization.ts"],"sourcesContent":["/**\n * @opendata-ai/openchart-vue\n *\n * Vue 3 adapter for openchart. Provides <Chart />, <DataTable />, <Graph />,\n * and <VizThemeProvider /> components that wrap the vanilla adapter with\n * Vue lifecycle management.\n *\n * Re-exports the full core type system and utilities so Vue consumers\n * only need a single @opendata-ai/openchart-vue dependency.\n */\n\n// ---------------------------------------------------------------------------\n// Core: full type system, theme, colors, locale, accessibility, helpers\n// ---------------------------------------------------------------------------\n\nexport * from '@opendata-ai/openchart-core';\n\n// ---------------------------------------------------------------------------\n// Vanilla: export utilities (SVG/PNG/JPG/CSV)\n// ---------------------------------------------------------------------------\n\nexport type { JPGExportOptions, PNGExportOptions } from '@opendata-ai/openchart-vanilla';\nexport { exportCSV, exportJPG, exportPNG, exportSVG } from '@opendata-ai/openchart-vanilla';\n\n// ---------------------------------------------------------------------------\n// Engine: compile API and types not covered by core\n// ---------------------------------------------------------------------------\n\nexport type {\n  ChartRenderer,\n  CompiledGraphEdge,\n  CompiledGraphNode,\n  CompileResult,\n  GraphCompilation,\n  NormalizedChartSpec,\n  NormalizedChrome,\n  NormalizedGraphSpec,\n  NormalizedSpec,\n  NormalizedTableSpec,\n  SimulationConfig,\n  ValidationError,\n  ValidationErrorCode,\n  ValidationResult,\n} from '@opendata-ai/openchart-engine';\nexport {\n  clearRenderers,\n  compile,\n  compileChart,\n  compileGraph,\n  compileTable,\n  getChartRenderer,\n  normalizeSpec,\n  registerChartRenderer,\n  validateSpec,\n} from '@opendata-ai/openchart-engine';\n\n// Components\nexport type { ChartProps } from './Chart';\nexport { Chart } from './Chart';\n// Composables\nexport type { UseChartOptions, UseChartReturn } from './composables/useChart';\nexport { useChart } from './composables/useChart';\nexport { useDarkMode } from './composables/useDarkMode';\nexport type { GraphHandle, UseGraphReturn } from './composables/useGraph';\nexport { useGraph } from './composables/useGraph';\nexport type { UseTableReturn } from './composables/useTable';\nexport { useTable } from './composables/useTable';\nexport type { UseTableStateOptions, UseTableStateReturn } from './composables/useTableState';\nexport { useTableState } from './composables/useTableState';\n// Context (injection keys and composables)\nexport { useVizDarkMode, useVizTheme, VizDarkModeKey, VizThemeKey } from './context';\nexport type { DataTableProps } from './DataTable';\nexport { DataTable } from './DataTable';\nexport type { GraphProps } from './Graph';\nexport { Graph } from './Graph';\nexport type { VizThemeProviderProps } from './ThemeProvider';\nexport { VizThemeProvider } from './ThemeProvider';\nexport type { VisualizationProps } from './Visualization';\nexport { Visualization } from './Visualization';\n","/**\n * Vue Chart component: thin wrapper around the vanilla adapter.\n *\n * Mounts a chart instance on render, updates when spec changes,\n * and cleans up on unmount. All heavy lifting is done by the vanilla\n * createChart() function.\n */\n\nimport type {\n  Annotation,\n  AnnotationOffset,\n  ChartSpec,\n  DarkMode,\n  ElementEdit,\n  GraphSpec,\n  MarkEvent,\n  TextAnnotation,\n  ThemeConfig,\n} from '@opendata-ai/openchart-core';\nimport { type ChartInstance, createChart, type MountOptions } from '@opendata-ai/openchart-vanilla';\nimport {\n  type CSSProperties,\n  defineComponent,\n  getCurrentInstance,\n  h,\n  inject,\n  onMounted,\n  onUnmounted,\n  type PropType,\n  ref,\n  watch,\n} from 'vue';\nimport { VizDarkModeKey, VizThemeKey } from './context';\n\nexport interface ChartProps {\n  spec: ChartSpec | GraphSpec;\n  theme?: ThemeConfig;\n  darkMode?: DarkMode;\n  class?: string;\n  style?: string | CSSProperties;\n}\n\nexport const Chart = defineComponent({\n  name: 'Chart',\n  props: {\n    spec: {\n      type: Object as PropType<ChartSpec | GraphSpec>,\n      required: true,\n    },\n    theme: {\n      type: Object as PropType<ThemeConfig>,\n      default: undefined,\n    },\n    darkMode: {\n      type: String as PropType<DarkMode>,\n      default: undefined,\n    },\n    class: {\n      type: String,\n      default: undefined,\n    },\n    style: {\n      type: [String, Object] as PropType<string | CSSProperties>,\n      default: undefined,\n    },\n  },\n  emits: {\n    'mark-click': (_event: MarkEvent) => true,\n    'mark-hover': (_event: MarkEvent) => true,\n    'mark-leave': () => true,\n    'legend-toggle': (_series: string, _visible: boolean) => true,\n    'annotation-click': (_annotation: Annotation, _event: MouseEvent) => true,\n    'annotation-edit': (_annotation: TextAnnotation, _updatedOffset: AnnotationOffset) => true,\n    edit: (_edit: ElementEdit) => true,\n    'data-point-click': (_data: Record<string, unknown>) => true,\n  },\n  setup(props, { emit }) {\n    const containerRef = ref<HTMLDivElement | null>(null);\n    let instance: ChartInstance | null = null;\n    let prevSpec = '';\n\n    // Inject theme/darkMode from provider as fallbacks\n    const contextTheme = inject(VizThemeKey, undefined);\n    const contextDarkMode = inject(VizDarkModeKey, undefined);\n\n    // Check which event listeners are bound by the parent.\n    // Vue 3 passes listeners as onXxx props on the component vnode.\n    // We cache this at setup time since it won't change.\n    const vm = getCurrentInstance();\n    const vnodeProps = vm?.vnode.props ?? {};\n    const hasAnnotationEditListener =\n      'onAnnotation-edit' in vnodeProps || 'onAnnotationEdit' in vnodeProps;\n    const hasEditListener = 'onEdit' in vnodeProps;\n\n    function resolveTheme(): ThemeConfig | undefined {\n      return props.theme ?? contextTheme?.value;\n    }\n\n    function resolveDarkMode(): DarkMode | undefined {\n      return props.darkMode ?? contextDarkMode?.value;\n    }\n\n    function mountChart() {\n      const container = containerRef.value;\n      if (!container) return;\n\n      const options: MountOptions = {\n        theme: resolveTheme(),\n        darkMode: resolveDarkMode(),\n        onDataPointClick: (data: Record<string, unknown>) => emit('data-point-click', data),\n        onMarkClick: (event: MarkEvent) => emit('mark-click', event),\n        onMarkHover: (event: MarkEvent) => emit('mark-hover', event),\n        onMarkLeave: () => emit('mark-leave'),\n        onLegendToggle: (series: string, visible: boolean) =>\n          emit('legend-toggle', series, visible),\n        onAnnotationClick: (annotation: Annotation, event: MouseEvent) =>\n          emit('annotation-click', annotation, event),\n        // Only include editing callbacks when the parent binds a listener.\n        // Without this gate, every chart gets drag editing wired up.\n        ...(hasAnnotationEditListener\n          ? {\n              onAnnotationEdit: (annotation: TextAnnotation, updatedOffset: AnnotationOffset) =>\n                emit('annotation-edit', annotation, updatedOffset),\n            }\n          : {}),\n        ...(hasEditListener ? { onEdit: (edit: ElementEdit) => emit('edit', edit) } : {}),\n        responsive: true,\n      };\n\n      instance = createChart(container, props.spec, options);\n      prevSpec = JSON.stringify(props.spec);\n    }\n\n    function destroyChart() {\n      instance?.destroy();\n      instance = null;\n      prevSpec = '';\n    }\n\n    onMounted(() => {\n      mountChart();\n    });\n\n    onUnmounted(() => {\n      destroyChart();\n    });\n\n    // Watch spec changes: update if only spec changed, recreate if theme/darkMode changed\n    watch(\n      () => JSON.stringify(props.spec),\n      (newVal) => {\n        if (!instance) return;\n        if (newVal !== prevSpec) {\n          prevSpec = newVal;\n          instance.update(props.spec);\n        }\n      },\n    );\n\n    // Recreate chart when theme or darkMode change\n    watch(\n      [\n        () => props.theme,\n        () => props.darkMode,\n        () => contextTheme?.value,\n        () => contextDarkMode?.value,\n      ],\n      () => {\n        if (!containerRef.value) return;\n        destroyChart();\n        mountChart();\n      },\n    );\n\n    const rootClass = () => {\n      const base = 'viz-chart-root';\n      return props.class ? `${base} ${props.class}` : base;\n    };\n\n    return () =>\n      h('div', {\n        ref: containerRef,\n        class: rootClass(),\n        style: props.style,\n      });\n  },\n});\n","/**\n * Theme injection context for Vue.\n *\n * Provides typed injection keys and composables for accessing theme\n * and dark mode from any descendant component within a VizThemeProvider.\n */\n\nimport type { DarkMode, ThemeConfig } from '@opendata-ai/openchart-core';\nimport { type ComputedRef, computed, type InjectionKey, inject, type Ref } from 'vue';\n\n/** Injection key for the theme config ref. */\nexport const VizThemeKey: InjectionKey<Ref<ThemeConfig | undefined>> = Symbol('VizTheme');\n\n/** Injection key for the dark mode ref. */\nexport const VizDarkModeKey: InjectionKey<Ref<DarkMode | undefined>> = Symbol('VizDarkMode');\n\n/**\n * Read the current theme from the nearest VizThemeProvider.\n * Returns a computed ref that stays reactive to provider changes.\n */\nexport function useVizTheme(): ComputedRef<ThemeConfig | undefined> {\n  const theme = inject(VizThemeKey, undefined);\n  return computed(() => theme?.value);\n}\n\n/**\n * Read the current dark mode preference from the nearest VizThemeProvider.\n * Returns a computed ref that stays reactive to provider changes.\n */\nexport function useVizDarkMode(): ComputedRef<DarkMode | undefined> {\n  const darkMode = inject(VizDarkModeKey, undefined);\n  return computed(() => darkMode?.value);\n}\n","/**\n * useChart: composable for manual chart lifecycle control.\n *\n * Provides a template ref to attach to a container div. The chart\n * mounts automatically and updates when the spec changes.\n */\n\nimport type {\n  ChartLayout,\n  ChartSpec,\n  DarkMode,\n  GraphSpec,\n  ThemeConfig,\n} from '@opendata-ai/openchart-core';\nimport { type ChartInstance, createChart, type MountOptions } from '@opendata-ai/openchart-vanilla';\nimport { onMounted, onUnmounted, type Ref, ref, type ShallowRef, shallowRef, watch } from 'vue';\n\nexport interface UseChartOptions {\n  /** Theme overrides. */\n  theme?: ThemeConfig;\n  /** Dark mode setting. */\n  darkMode?: DarkMode;\n  /** Data point click handler. */\n  onDataPointClick?: MountOptions['onDataPointClick'];\n  /** Enable responsive resizing. Defaults to true. */\n  responsive?: boolean;\n}\n\nexport interface UseChartReturn {\n  /** Template ref to attach to the container div. */\n  containerRef: Ref<HTMLDivElement | null>;\n  /** The chart instance (null until mounted). */\n  chart: ShallowRef<ChartInstance | null>;\n  /** The current compiled layout (null until mounted). */\n  layout: ShallowRef<ChartLayout | null>;\n}\n\n/**\n * Composable for manual chart lifecycle control.\n *\n * Attach the returned containerRef to a container div via `ref=\"containerRef\"`.\n * The chart mounts automatically and updates when the spec changes.\n */\nexport function useChart(\n  spec: Ref<ChartSpec | GraphSpec>,\n  options?: UseChartOptions,\n): UseChartReturn {\n  const containerRef = ref<HTMLDivElement | null>(null);\n  const chart = shallowRef<ChartInstance | null>(null);\n  const layout = shallowRef<ChartLayout | null>(null);\n\n  function mount() {\n    const container = containerRef.value;\n    if (!container) return;\n\n    const mountOpts: MountOptions = {\n      theme: options?.theme,\n      darkMode: options?.darkMode,\n      onDataPointClick: options?.onDataPointClick,\n      responsive: options?.responsive,\n    };\n\n    const instance = createChart(container, spec.value, mountOpts);\n    chart.value = instance;\n    layout.value = instance.layout;\n  }\n\n  function destroy() {\n    chart.value?.destroy();\n    chart.value = null;\n    layout.value = null;\n  }\n\n  onMounted(() => {\n    mount();\n  });\n\n  onUnmounted(() => {\n    destroy();\n  });\n\n  // Update on spec change\n  watch(spec, (newSpec) => {\n    const instance = chart.value;\n    if (!instance) return;\n    instance.update(newSpec);\n    layout.value = instance.layout;\n  });\n\n  return {\n    containerRef,\n    chart,\n    layout,\n  };\n}\n","/**\n * useDarkMode: composable that resolves a DarkMode preference to a boolean.\n *\n * - \"force\" -> true\n * - \"off\" -> false\n * - \"auto\" -> matches system preference (reactive to changes)\n */\n\nimport type { DarkMode } from '@opendata-ai/openchart-core';\nimport { onUnmounted, type Ref, ref, watch } from 'vue';\n\n/**\n * Resolve a DarkMode preference to a reactive boolean.\n *\n * For \"auto\" mode, watches the system `prefers-color-scheme` media query\n * and updates reactively when the user changes their OS theme.\n */\nexport function useDarkMode(mode: Ref<DarkMode | undefined>): Ref<boolean> {\n  const isDark = ref(resolveInitial(mode.value));\n  let cleanup: (() => void) | null = null;\n\n  function setup(currentMode: DarkMode | undefined) {\n    // Clean up previous listener\n    cleanup?.();\n    cleanup = null;\n\n    if (currentMode !== 'auto') {\n      isDark.value = currentMode === 'force';\n      return;\n    }\n\n    if (typeof window === 'undefined' || !window.matchMedia) {\n      isDark.value = false;\n      return;\n    }\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n    isDark.value = mq.matches;\n\n    const handler = (e: MediaQueryListEvent) => {\n      isDark.value = e.matches;\n    };\n    mq.addEventListener('change', handler);\n    cleanup = () => mq.removeEventListener('change', handler);\n  }\n\n  // Run setup for initial value\n  setup(mode.value);\n\n  // React to mode changes\n  watch(mode, (newMode) => {\n    setup(newMode);\n  });\n\n  onUnmounted(() => {\n    cleanup?.();\n    cleanup = null;\n  });\n\n  return isDark;\n}\n\nfunction resolveInitial(mode?: DarkMode): boolean {\n  if (mode === 'force') return true;\n  if (mode === 'off' || mode === undefined) return false;\n  // \"auto\"\n  if (typeof window !== 'undefined' && window.matchMedia) {\n    return window.matchMedia('(prefers-color-scheme: dark)').matches;\n  }\n  return false;\n}\n","/**\n * useGraph: composable for imperative graph control.\n *\n * Provides a template ref to pass to <Graph /> and exposes graph methods\n * (search, zoom, select) for programmatic control of the graph instance.\n */\n\nimport type { GraphInstance } from '@opendata-ai/openchart-vanilla';\nimport { type Ref, ref } from 'vue';\n\n/** Handle exposed by Graph component via expose(). */\nexport interface GraphHandle {\n  search: (query: string) => void;\n  clearSearch: () => void;\n  zoomToFit: () => void;\n  zoomToNode: (nodeId: string) => void;\n  selectNode: (nodeId: string) => void;\n  getSelectedNodes: () => string[];\n  /** The underlying GraphInstance from the vanilla adapter. */\n  instance: GraphInstance | null;\n}\n\nexport interface UseGraphReturn {\n  /** Template ref to pass to <Graph ref={graphRef} />. */\n  graphRef: Ref<GraphHandle | null>;\n  /** Search for nodes matching a query string. */\n  search: (query: string) => void;\n  /** Clear the current search. */\n  clearSearch: () => void;\n  /** Zoom to fit all nodes in view. */\n  zoomToFit: () => void;\n  /** Zoom and center on a specific node. */\n  zoomToNode: (nodeId: string) => void;\n  /** Select a node by id. */\n  selectNode: (nodeId: string) => void;\n  /** Get the currently selected node ids. */\n  getSelectedNodes: () => string[];\n}\n\n/**\n * Composable for imperative graph control.\n *\n * Usage:\n * ```vue\n * <script setup>\n * const { graphRef, search, zoomToFit } = useGraph();\n * </script>\n * <template>\n *   <Graph ref=\"graphRef\" :spec=\"spec\" />\n * </template>\n * ```\n */\nexport function useGraph(): UseGraphReturn {\n  const graphRef = ref<GraphHandle | null>(null);\n\n  function search(query: string) {\n    graphRef.value?.search(query);\n  }\n\n  function clearSearch() {\n    graphRef.value?.clearSearch();\n  }\n\n  function zoomToFit() {\n    graphRef.value?.zoomToFit();\n  }\n\n  function zoomToNode(nodeId: string) {\n    graphRef.value?.zoomToNode(nodeId);\n  }\n\n  function selectNode(nodeId: string) {\n    graphRef.value?.selectNode(nodeId);\n  }\n\n  function getSelectedNodes(): string[] {\n    return graphRef.value?.getSelectedNodes() ?? [];\n  }\n\n  return {\n    graphRef,\n    search,\n    clearSearch,\n    zoomToFit,\n    zoomToNode,\n    selectNode,\n    getSelectedNodes,\n  };\n}\n","/**\n * useTable: composable for manual table lifecycle control.\n *\n * Attaches to a container ref, mounts a vanilla table instance,\n * and exposes the instance and current state.\n */\n\nimport type { TableSpec } from '@opendata-ai/openchart-core';\nimport {\n  createTable,\n  type TableInstance,\n  type TableMountOptions,\n  type TableState,\n} from '@opendata-ai/openchart-vanilla';\nimport { onMounted, onUnmounted, type Ref, ref, type ShallowRef, shallowRef, watch } from 'vue';\n\nexport interface UseTableReturn {\n  /** Template ref to attach to the container div. */\n  containerRef: Ref<HTMLDivElement | null>;\n  /** The table instance (null until mounted). */\n  table: ShallowRef<TableInstance | null>;\n  /** The current table state (sort, search, page). */\n  state: Ref<TableState>;\n}\n\n/**\n * Composable for manual table lifecycle control.\n *\n * Attach the returned containerRef to a container div via `ref=\"containerRef\"`.\n * The table mounts automatically and updates when the spec changes.\n */\nexport function useTable(spec: Ref<TableSpec>, options?: TableMountOptions): UseTableReturn {\n  const containerRef = ref<HTMLDivElement | null>(null);\n  const table = shallowRef<TableInstance | null>(null);\n  const state = ref<TableState>({\n    sort: null,\n    search: '',\n    page: 0,\n  });\n\n  const originalOnStateChange = options?.onStateChange;\n\n  function handleStateChange(newState: TableState) {\n    state.value = newState;\n    originalOnStateChange?.(newState);\n  }\n\n  function mount() {\n    const container = containerRef.value;\n    if (!container) return;\n\n    const mountOpts: TableMountOptions = {\n      ...options,\n      onStateChange: handleStateChange,\n    };\n\n    const instance = createTable(container, spec.value, mountOpts);\n    table.value = instance;\n    state.value = instance.getState();\n  }\n\n  function destroy() {\n    table.value?.destroy();\n    table.value = null;\n  }\n\n  onMounted(() => {\n    mount();\n  });\n\n  onUnmounted(() => {\n    destroy();\n  });\n\n  // Update on spec change\n  watch(spec, (newSpec) => {\n    const instance = table.value;\n    if (!instance) return;\n    instance.update(newSpec);\n    state.value = instance.getState();\n  });\n\n  return {\n    containerRef,\n    table,\n    state,\n  };\n}\n","/**\n * useTableState: managed state composable for controlled table usage.\n *\n * Provides individual sort/search/page state with setters and a\n * resetState function to return to initial values.\n */\n\nimport type { SortState } from '@opendata-ai/openchart-core';\nimport { type Ref, ref } from 'vue';\n\nexport interface UseTableStateReturn {\n  sort: Ref<SortState | null>;\n  setSort: (sort: SortState | null) => void;\n  search: Ref<string>;\n  setSearch: (query: string) => void;\n  page: Ref<number>;\n  setPage: (page: number) => void;\n  resetState: () => void;\n}\n\nexport interface UseTableStateOptions {\n  sort?: SortState | null;\n  search?: string;\n  page?: number;\n}\n\n/**\n * Composable for managing table state (sort, search, page).\n *\n * Use with the DataTable component's controlled props:\n * ```vue\n * <script setup>\n * const { sort, search, page, setSort, setSearch, setPage } = useTableState();\n * </script>\n * <template>\n *   <DataTable\n *     :spec=\"spec\"\n *     :sort=\"sort\"\n *     :search=\"search\"\n *     :page=\"page\"\n *     @update:sort=\"setSort\"\n *     @update:search=\"setSearch\"\n *     @update:page=\"setPage\"\n *   />\n * </template>\n * ```\n */\nexport function useTableState(initialState?: UseTableStateOptions): UseTableStateReturn {\n  const sort = ref<SortState | null>(initialState?.sort ?? null);\n  const search = ref(initialState?.search ?? '');\n  const page = ref(initialState?.page ?? 0);\n\n  function setSort(newSort: SortState | null) {\n    sort.value = newSort;\n  }\n\n  function setSearch(query: string) {\n    search.value = query;\n  }\n\n  function setPage(newPage: number) {\n    page.value = newPage;\n  }\n\n  function resetState() {\n    sort.value = initialState?.sort ?? null;\n    search.value = initialState?.search ?? '';\n    page.value = initialState?.page ?? 0;\n  }\n\n  return {\n    sort,\n    setSort,\n    search,\n    setSearch,\n    page,\n    setPage,\n    resetState,\n  };\n}\n","/**\n * DataTable component: Vue wrapper around the vanilla table adapter.\n *\n * Mounts a table instance on render, updates when spec changes,\n * and cleans up on unmount. Supports both controlled and uncontrolled modes\n * for sort, search, and pagination state.\n */\n\nimport type { DarkMode, SortState, TableSpec, ThemeConfig } from '@opendata-ai/openchart-core';\nimport {\n  createTable,\n  type TableInstance,\n  type TableMountOptions,\n} from '@opendata-ai/openchart-vanilla';\nimport {\n  type CSSProperties,\n  defineComponent,\n  h,\n  inject,\n  onMounted,\n  onUnmounted,\n  type PropType,\n  ref,\n  watch,\n} from 'vue';\nimport { VizDarkModeKey, VizThemeKey } from './context';\n\nexport interface DataTableProps {\n  spec: TableSpec;\n  theme?: ThemeConfig;\n  darkMode?: DarkMode;\n  class?: string;\n  style?: string | CSSProperties;\n  sort?: SortState | null;\n  search?: string;\n  page?: number;\n}\n\nexport const DataTable = defineComponent({\n  name: 'DataTable',\n  props: {\n    spec: {\n      type: Object as PropType<TableSpec>,\n      required: true,\n    },\n    theme: {\n      type: Object as PropType<ThemeConfig>,\n      default: undefined,\n    },\n    darkMode: {\n      type: String as PropType<DarkMode>,\n      default: undefined,\n    },\n    class: {\n      type: String,\n      default: undefined,\n    },\n    style: {\n      type: [String, Object] as PropType<string | CSSProperties>,\n      default: undefined,\n    },\n    sort: {\n      type: [Object, null] as PropType<SortState | null>,\n      default: undefined,\n    },\n    search: {\n      type: String,\n      default: undefined,\n    },\n    page: {\n      type: Number,\n      default: undefined,\n    },\n  },\n  emits: {\n    'row-click': (_row: Record<string, unknown>) => true,\n    'update:sort': (_sort: SortState | null) => true,\n    'update:search': (_query: string) => true,\n    'update:page': (_page: number) => true,\n  },\n  setup(props, { emit }) {\n    const containerRef = ref<HTMLDivElement | null>(null);\n    let instance: TableInstance | null = null;\n\n    // Inject theme/darkMode from provider as fallbacks\n    const contextTheme = inject(VizThemeKey, undefined);\n    const contextDarkMode = inject(VizDarkModeKey, undefined);\n\n    function resolveTheme(): ThemeConfig | undefined {\n      return props.theme ?? contextTheme?.value;\n    }\n\n    function resolveDarkMode(): DarkMode | undefined {\n      return props.darkMode ?? contextDarkMode?.value;\n    }\n\n    function isControlled(): boolean {\n      return props.sort !== undefined || props.search !== undefined || props.page !== undefined;\n    }\n\n    let prevSpec = '';\n\n    function mountTable() {\n      const container = containerRef.value;\n      if (!container) return;\n\n      const mountOptions: TableMountOptions = {\n        theme: resolveTheme(),\n        darkMode: resolveDarkMode(),\n        onRowClick: (row: Record<string, unknown>) => emit('row-click', row),\n        responsive: true,\n        onStateChange: (state) => {\n          if (state.sort !== undefined) emit('update:sort', state.sort);\n          if (state.search !== undefined) emit('update:search', state.search);\n          if (state.page !== undefined) emit('update:page', state.page);\n        },\n      };\n\n      if (isControlled()) {\n        mountOptions.externalState = {\n          sort: props.sort ?? null,\n          search: props.search ?? '',\n          page: props.page ?? 0,\n        };\n      }\n\n      instance = createTable(container, props.spec, mountOptions);\n      prevSpec = JSON.stringify(props.spec);\n    }\n\n    function destroyTable() {\n      instance?.destroy();\n      instance = null;\n      prevSpec = '';\n    }\n\n    onMounted(() => {\n      mountTable();\n    });\n\n    onUnmounted(() => {\n      destroyTable();\n    });\n\n    // Watch spec changes via JSON.stringify comparison (consistent with Chart/Graph)\n    watch(\n      () => JSON.stringify(props.spec),\n      (newVal) => {\n        if (!instance) return;\n        if (newVal !== prevSpec) {\n          prevSpec = newVal;\n          instance.update(props.spec);\n        }\n      },\n    );\n\n    // Recreate when theme or darkMode change\n    watch(\n      [\n        () => props.theme,\n        () => props.darkMode,\n        () => contextTheme?.value,\n        () => contextDarkMode?.value,\n      ],\n      () => {\n        if (!containerRef.value) return;\n        destroyTable();\n        mountTable();\n      },\n    );\n\n    // Sync controlled state without remounting\n    watch([() => props.sort, () => props.search, () => props.page], () => {\n      if (!instance || !isControlled()) return;\n      instance.setState({\n        sort: props.sort ?? null,\n        search: props.search ?? '',\n        page: props.page ?? 0,\n      });\n    });\n\n    const rootClass = () => {\n      const base = 'viz-table-root';\n      return props.class ? `${base} ${props.class}` : base;\n    };\n\n    return () =>\n      h('div', {\n        ref: containerRef,\n        class: rootClass(),\n        style: props.style,\n      });\n  },\n});\n","/**\n * Vue Graph component: thin wrapper around the vanilla adapter.\n *\n * Mounts a graph instance on render, updates when spec changes,\n * and cleans up on unmount. All heavy lifting is done by the vanilla\n * createGraph() function.\n *\n * Exposes imperative methods via defineExpose for use with useGraph().\n */\n\nimport type { DarkMode, GraphSpec, ThemeConfig } from '@opendata-ai/openchart-core';\nimport {\n  createGraph,\n  type GraphInstance,\n  type GraphMountOptions,\n} from '@opendata-ai/openchart-vanilla';\nimport {\n  type CSSProperties,\n  defineComponent,\n  h,\n  inject,\n  onMounted,\n  onUnmounted,\n  type PropType,\n  ref,\n  watch,\n} from 'vue';\nimport { VizDarkModeKey, VizThemeKey } from './context';\n\nexport interface GraphProps {\n  spec: GraphSpec;\n  theme?: ThemeConfig;\n  darkMode?: DarkMode;\n  class?: string;\n  style?: string | CSSProperties;\n}\n\nexport const Graph = defineComponent({\n  name: 'Graph',\n  props: {\n    spec: {\n      type: Object as PropType<GraphSpec>,\n      required: true,\n    },\n    theme: {\n      type: Object as PropType<ThemeConfig>,\n      default: undefined,\n    },\n    darkMode: {\n      type: String as PropType<DarkMode>,\n      default: undefined,\n    },\n    class: {\n      type: String,\n      default: undefined,\n    },\n    style: {\n      type: [String, Object] as PropType<string | CSSProperties>,\n      default: undefined,\n    },\n  },\n  emits: {\n    'node-click': (_node: Record<string, unknown>) => true,\n    'node-double-click': (_node: Record<string, unknown>) => true,\n    'selection-change': (_nodeIds: string[]) => true,\n  },\n  setup(props, { emit, expose }) {\n    const containerRef = ref<HTMLDivElement | null>(null);\n    let instance: GraphInstance | null = null;\n    let prevSpec = '';\n\n    // Inject theme/darkMode from provider as fallbacks\n    const contextTheme = inject(VizThemeKey, undefined);\n    const contextDarkMode = inject(VizDarkModeKey, undefined);\n\n    function resolveTheme(): ThemeConfig | undefined {\n      return props.theme ?? contextTheme?.value;\n    }\n\n    function resolveDarkMode(): DarkMode | undefined {\n      return props.darkMode ?? contextDarkMode?.value;\n    }\n\n    function mountGraph() {\n      const container = containerRef.value;\n      if (!container) return;\n\n      const options: GraphMountOptions = {\n        theme: resolveTheme(),\n        darkMode: resolveDarkMode(),\n        onNodeClick: (node: Record<string, unknown>) => emit('node-click', node),\n        onNodeDoubleClick: (node: Record<string, unknown>) => emit('node-double-click', node),\n        onSelectionChange: (nodeIds: string[]) => emit('selection-change', nodeIds),\n        responsive: true,\n      };\n\n      instance = createGraph(container, props.spec, options);\n      prevSpec = JSON.stringify(props.spec);\n    }\n\n    function destroyGraph() {\n      instance?.destroy();\n      instance = null;\n      prevSpec = '';\n    }\n\n    // Expose imperative methods for useGraph() composable\n    expose({\n      search(query: string) {\n        instance?.search(query);\n      },\n      clearSearch() {\n        instance?.clearSearch();\n      },\n      zoomToFit() {\n        instance?.zoomToFit();\n      },\n      zoomToNode(nodeId: string) {\n        instance?.zoomToNode(nodeId);\n      },\n      selectNode(nodeId: string) {\n        instance?.selectNode(nodeId);\n      },\n      getSelectedNodes(): string[] {\n        return instance?.getSelectedNodes() ?? [];\n      },\n      get instance() {\n        return instance;\n      },\n    });\n\n    onMounted(() => {\n      mountGraph();\n    });\n\n    onUnmounted(() => {\n      destroyGraph();\n    });\n\n    // Watch spec changes\n    watch(\n      () => JSON.stringify(props.spec),\n      (newVal) => {\n        if (!instance) return;\n        if (newVal !== prevSpec) {\n          prevSpec = newVal;\n          instance.update(props.spec);\n        }\n      },\n    );\n\n    // Recreate graph when theme or darkMode change\n    watch(\n      [\n        () => props.theme,\n        () => props.darkMode,\n        () => contextTheme?.value,\n        () => contextDarkMode?.value,\n      ],\n      () => {\n        if (!containerRef.value) return;\n        destroyGraph();\n        mountGraph();\n      },\n    );\n\n    const rootClass = () => {\n      const base = 'viz-graph-root';\n      return props.class ? `${base} ${props.class}` : base;\n    };\n\n    return () =>\n      h('div', {\n        ref: containerRef,\n        class: rootClass(),\n        style: props.style,\n      });\n  },\n});\n","/**\n * VizThemeProvider: provides a theme and dark mode preference to all\n * descendant Chart, DataTable, and Graph components without prop drilling.\n *\n * Components use the context values as fallbacks when no explicit\n * `theme` or `darkMode` prop is passed.\n */\n\nimport type { DarkMode, ThemeConfig } from '@opendata-ai/openchart-core';\nimport { computed, defineComponent, type PropType, provide } from 'vue';\nimport { VizDarkModeKey, VizThemeKey } from './context';\n\nexport interface VizThemeProviderProps {\n  theme: ThemeConfig | undefined;\n  darkMode?: DarkMode;\n}\n\nexport const VizThemeProvider = defineComponent({\n  name: 'VizThemeProvider',\n  props: {\n    theme: {\n      type: Object as PropType<ThemeConfig | undefined>,\n      default: undefined,\n    },\n    darkMode: {\n      type: String as PropType<DarkMode>,\n      default: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    // Wrap in computed() so changes to props propagate reactively\n    // through the injection system.\n    const themeRef = computed(() => props.theme);\n    const darkModeRef = computed(() => props.darkMode);\n\n    provide(VizThemeKey, themeRef);\n    provide(VizDarkModeKey, darkModeRef);\n\n    return () => slots.default?.();\n  },\n});\n","/**\n * Visualization routing component: renders Chart, DataTable, or Graph\n * based on the spec type. Use this when rendering arbitrary VizSpec values.\n *\n * For event handlers, use the specific component (Chart, DataTable, Graph) directly.\n */\n\nimport type { DarkMode, ThemeConfig, VizSpec } from '@opendata-ai/openchart-core';\nimport { isGraphSpec, isTableSpec } from '@opendata-ai/openchart-core';\nimport { type CSSProperties, defineComponent, h, type PropType } from 'vue';\nimport { Chart } from './Chart';\nimport { DataTable } from './DataTable';\nimport { Graph } from './Graph';\n\nexport interface VisualizationProps {\n  spec: VizSpec;\n  theme?: ThemeConfig;\n  darkMode?: DarkMode;\n  class?: string;\n  style?: string | CSSProperties;\n}\n\nexport const Visualization = defineComponent({\n  name: 'Visualization',\n  props: {\n    spec: {\n      type: Object as PropType<VizSpec>,\n      required: true,\n    },\n    theme: {\n      type: Object as PropType<ThemeConfig>,\n      default: undefined,\n    },\n    darkMode: {\n      type: String as PropType<DarkMode>,\n      default: undefined,\n    },\n    class: {\n      type: String,\n      default: undefined,\n    },\n    style: {\n      type: [String, Object] as PropType<string | CSSProperties>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    return () => {\n      const { spec, theme, darkMode, class: className, style } = props;\n      const sharedProps = { theme, darkMode, class: className, style };\n\n      if (isTableSpec(spec)) {\n        return h(DataTable, { ...sharedProps, spec });\n      }\n      if (isGraphSpec(spec)) {\n        return h(Graph, { ...sharedProps, spec });\n      }\n      return h(Chart, { ...sharedProps, spec });\n    };\n  },\n});\n"],"mappings":"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","names":["inject","inject","createChart","onMounted","onUnmounted","ref","watch","onUnmounted","ref","watch","ref","onMounted","onUnmounted","ref","shallowRef","watch","ref","createTable","defineComponent","h","inject","onMounted","onUnmounted","ref","watch","defineComponent","ref","inject","createTable","onMounted","onUnmounted","watch","h","defineComponent","h","inject","onMounted","onUnmounted","ref","watch","defineComponent","ref","inject","onMounted","onUnmounted","watch","h","computed","defineComponent","defineComponent","computed","defineComponent","h","defineComponent","h"]}
+{"version":3,"sources":["../src/index.ts","../src/Chart.ts","../src/context.ts","../src/composables/useChart.ts","../src/composables/useDarkMode.ts","../src/composables/useGraph.ts","../src/composables/useTable.ts","../src/composables/useTableState.ts","../src/DataTable.ts","../src/Graph.ts","../src/ThemeProvider.ts","../src/Visualization.ts"],"sourcesContent":["/**\n * @opendata-ai/openchart-vue\n *\n * Vue 3 adapter for openchart. Provides <Chart />, <DataTable />, <Graph />,\n * and <VizThemeProvider /> components that wrap the vanilla adapter with\n * Vue lifecycle management.\n *\n * Re-exports the full core type system and utilities so Vue consumers\n * only need a single @opendata-ai/openchart-vue dependency.\n */\n\n// ---------------------------------------------------------------------------\n// Core: full type system, theme, colors, locale, accessibility, helpers\n// ---------------------------------------------------------------------------\n\nexport * from '@opendata-ai/openchart-core';\n\n// ---------------------------------------------------------------------------\n// Vanilla: export utilities (SVG/PNG/JPG/CSV)\n// ---------------------------------------------------------------------------\n\nexport type { JPGExportOptions, PNGExportOptions } from '@opendata-ai/openchart-vanilla';\nexport { exportCSV, exportJPG, exportPNG, exportSVG } from '@opendata-ai/openchart-vanilla';\n\n// ---------------------------------------------------------------------------\n// Engine: compile API and types not covered by core\n// ---------------------------------------------------------------------------\n\nexport type {\n  ChartRenderer,\n  CompiledGraphEdge,\n  CompiledGraphNode,\n  CompileResult,\n  GraphCompilation,\n  NormalizedChartSpec,\n  NormalizedChrome,\n  NormalizedGraphSpec,\n  NormalizedSpec,\n  NormalizedTableSpec,\n  SimulationConfig,\n  ValidationError,\n  ValidationErrorCode,\n  ValidationResult,\n} from '@opendata-ai/openchart-engine';\nexport {\n  clearRenderers,\n  compile,\n  compileChart,\n  compileGraph,\n  compileTable,\n  getChartRenderer,\n  normalizeSpec,\n  registerChartRenderer,\n  validateSpec,\n} from '@opendata-ai/openchart-engine';\n\n// Components\nexport type { ChartProps } from './Chart';\nexport { Chart } from './Chart';\n// Composables\nexport type { UseChartOptions, UseChartReturn } from './composables/useChart';\nexport { useChart } from './composables/useChart';\nexport { useDarkMode } from './composables/useDarkMode';\nexport type { GraphHandle, UseGraphReturn } from './composables/useGraph';\nexport { useGraph } from './composables/useGraph';\nexport type { UseTableReturn } from './composables/useTable';\nexport { useTable } from './composables/useTable';\nexport type { UseTableStateOptions, UseTableStateReturn } from './composables/useTableState';\nexport { useTableState } from './composables/useTableState';\n// Context (injection keys and composables)\nexport { useVizDarkMode, useVizTheme, VizDarkModeKey, VizThemeKey } from './context';\nexport type { DataTableProps } from './DataTable';\nexport { DataTable } from './DataTable';\nexport type { GraphProps } from './Graph';\nexport { Graph } from './Graph';\nexport type { VizThemeProviderProps } from './ThemeProvider';\nexport { VizThemeProvider } from './ThemeProvider';\nexport type { VisualizationProps } from './Visualization';\nexport { Visualization } from './Visualization';\n","/**\n * Vue Chart component: thin wrapper around the vanilla adapter.\n *\n * Mounts a chart instance on render, updates when spec changes,\n * and cleans up on unmount. All heavy lifting is done by the vanilla\n * createChart() function.\n */\n\nimport type {\n  Annotation,\n  AnnotationOffset,\n  ChartSpec,\n  DarkMode,\n  ElementEdit,\n  GraphSpec,\n  LayerSpec,\n  MarkEvent,\n  TextAnnotation,\n  ThemeConfig,\n} from '@opendata-ai/openchart-core';\nimport { type ChartInstance, createChart, type MountOptions } from '@opendata-ai/openchart-vanilla';\nimport {\n  type CSSProperties,\n  defineComponent,\n  getCurrentInstance,\n  h,\n  inject,\n  onMounted,\n  onUnmounted,\n  type PropType,\n  ref,\n  watch,\n} from 'vue';\nimport { VizDarkModeKey, VizThemeKey } from './context';\n\nexport interface ChartProps {\n  spec: ChartSpec | LayerSpec | GraphSpec;\n  theme?: ThemeConfig;\n  darkMode?: DarkMode;\n  class?: string;\n  style?: string | CSSProperties;\n}\n\nexport const Chart = defineComponent({\n  name: 'Chart',\n  props: {\n    spec: {\n      type: Object as PropType<ChartSpec | LayerSpec | GraphSpec>,\n      required: true,\n    },\n    theme: {\n      type: Object as PropType<ThemeConfig>,\n      default: undefined,\n    },\n    darkMode: {\n      type: String as PropType<DarkMode>,\n      default: undefined,\n    },\n    class: {\n      type: String,\n      default: undefined,\n    },\n    style: {\n      type: [String, Object] as PropType<string | CSSProperties>,\n      default: undefined,\n    },\n  },\n  emits: {\n    'mark-click': (_event: MarkEvent) => true,\n    'mark-hover': (_event: MarkEvent) => true,\n    'mark-leave': () => true,\n    'legend-toggle': (_series: string, _visible: boolean) => true,\n    'annotation-click': (_annotation: Annotation, _event: MouseEvent) => true,\n    'annotation-edit': (_annotation: TextAnnotation, _updatedOffset: AnnotationOffset) => true,\n    edit: (_edit: ElementEdit) => true,\n    'data-point-click': (_data: Record<string, unknown>) => true,\n  },\n  setup(props, { emit }) {\n    const containerRef = ref<HTMLDivElement | null>(null);\n    let instance: ChartInstance | null = null;\n    let prevSpec = '';\n\n    // Inject theme/darkMode from provider as fallbacks\n    const contextTheme = inject(VizThemeKey, undefined);\n    const contextDarkMode = inject(VizDarkModeKey, undefined);\n\n    // Check which event listeners are bound by the parent.\n    // Vue 3 passes listeners as onXxx props on the component vnode.\n    // We cache this at setup time since it won't change.\n    const vm = getCurrentInstance();\n    const vnodeProps = vm?.vnode.props ?? {};\n    const hasAnnotationEditListener =\n      'onAnnotation-edit' in vnodeProps || 'onAnnotationEdit' in vnodeProps;\n    const hasEditListener = 'onEdit' in vnodeProps;\n\n    function resolveTheme(): ThemeConfig | undefined {\n      return props.theme ?? contextTheme?.value;\n    }\n\n    function resolveDarkMode(): DarkMode | undefined {\n      return props.darkMode ?? contextDarkMode?.value;\n    }\n\n    function mountChart() {\n      const container = containerRef.value;\n      if (!container) return;\n\n      const options: MountOptions = {\n        theme: resolveTheme(),\n        darkMode: resolveDarkMode(),\n        onDataPointClick: (data: Record<string, unknown>) => emit('data-point-click', data),\n        onMarkClick: (event: MarkEvent) => emit('mark-click', event),\n        onMarkHover: (event: MarkEvent) => emit('mark-hover', event),\n        onMarkLeave: () => emit('mark-leave'),\n        onLegendToggle: (series: string, visible: boolean) =>\n          emit('legend-toggle', series, visible),\n        onAnnotationClick: (annotation: Annotation, event: MouseEvent) =>\n          emit('annotation-click', annotation, event),\n        // Only include editing callbacks when the parent binds a listener.\n        // Without this gate, every chart gets drag editing wired up.\n        ...(hasAnnotationEditListener\n          ? {\n              onAnnotationEdit: (annotation: TextAnnotation, updatedOffset: AnnotationOffset) =>\n                emit('annotation-edit', annotation, updatedOffset),\n            }\n          : {}),\n        ...(hasEditListener ? { onEdit: (edit: ElementEdit) => emit('edit', edit) } : {}),\n        responsive: true,\n      };\n\n      instance = createChart(container, props.spec, options);\n      prevSpec = JSON.stringify(props.spec);\n    }\n\n    function destroyChart() {\n      instance?.destroy();\n      instance = null;\n      prevSpec = '';\n    }\n\n    onMounted(() => {\n      mountChart();\n    });\n\n    onUnmounted(() => {\n      destroyChart();\n    });\n\n    // Watch spec changes: update if only spec changed, recreate if theme/darkMode changed\n    watch(\n      () => JSON.stringify(props.spec),\n      (newVal) => {\n        if (!instance) return;\n        if (newVal !== prevSpec) {\n          prevSpec = newVal;\n          instance.update(props.spec);\n        }\n      },\n    );\n\n    // Recreate chart when theme or darkMode change\n    watch(\n      [\n        () => props.theme,\n        () => props.darkMode,\n        () => contextTheme?.value,\n        () => contextDarkMode?.value,\n      ],\n      () => {\n        if (!containerRef.value) return;\n        destroyChart();\n        mountChart();\n      },\n    );\n\n    const rootClass = () => {\n      const base = 'viz-chart-root';\n      return props.class ? `${base} ${props.class}` : base;\n    };\n\n    return () =>\n      h('div', {\n        ref: containerRef,\n        class: rootClass(),\n        style: props.style,\n      });\n  },\n});\n","/**\n * Theme injection context for Vue.\n *\n * Provides typed injection keys and composables for accessing theme\n * and dark mode from any descendant component within a VizThemeProvider.\n */\n\nimport type { DarkMode, ThemeConfig } from '@opendata-ai/openchart-core';\nimport { type ComputedRef, computed, type InjectionKey, inject, type Ref } from 'vue';\n\n/** Injection key for the theme config ref. */\nexport const VizThemeKey: InjectionKey<Ref<ThemeConfig | undefined>> = Symbol('VizTheme');\n\n/** Injection key for the dark mode ref. */\nexport const VizDarkModeKey: InjectionKey<Ref<DarkMode | undefined>> = Symbol('VizDarkMode');\n\n/**\n * Read the current theme from the nearest VizThemeProvider.\n * Returns a computed ref that stays reactive to provider changes.\n */\nexport function useVizTheme(): ComputedRef<ThemeConfig | undefined> {\n  const theme = inject(VizThemeKey, undefined);\n  return computed(() => theme?.value);\n}\n\n/**\n * Read the current dark mode preference from the nearest VizThemeProvider.\n * Returns a computed ref that stays reactive to provider changes.\n */\nexport function useVizDarkMode(): ComputedRef<DarkMode | undefined> {\n  const darkMode = inject(VizDarkModeKey, undefined);\n  return computed(() => darkMode?.value);\n}\n","/**\n * useChart: composable for manual chart lifecycle control.\n *\n * Provides a template ref to attach to a container div. The chart\n * mounts automatically and updates when the spec changes.\n */\n\nimport type {\n  ChartLayout,\n  ChartSpec,\n  DarkMode,\n  GraphSpec,\n  LayerSpec,\n  ThemeConfig,\n} from '@opendata-ai/openchart-core';\nimport { type ChartInstance, createChart, type MountOptions } from '@opendata-ai/openchart-vanilla';\nimport { onMounted, onUnmounted, type Ref, ref, type ShallowRef, shallowRef, watch } from 'vue';\n\nexport interface UseChartOptions {\n  /** Theme overrides. */\n  theme?: ThemeConfig;\n  /** Dark mode setting. */\n  darkMode?: DarkMode;\n  /** Data point click handler. */\n  onDataPointClick?: MountOptions['onDataPointClick'];\n  /** Enable responsive resizing. Defaults to true. */\n  responsive?: boolean;\n}\n\nexport interface UseChartReturn {\n  /** Template ref to attach to the container div. */\n  containerRef: Ref<HTMLDivElement | null>;\n  /** The chart instance (null until mounted). */\n  chart: ShallowRef<ChartInstance | null>;\n  /** The current compiled layout (null until mounted). */\n  layout: ShallowRef<ChartLayout | null>;\n}\n\n/**\n * Composable for manual chart lifecycle control.\n *\n * Attach the returned containerRef to a container div via `ref=\"containerRef\"`.\n * The chart mounts automatically and updates when the spec changes.\n */\nexport function useChart(\n  spec: Ref<ChartSpec | LayerSpec | GraphSpec>,\n  options?: UseChartOptions,\n): UseChartReturn {\n  const containerRef = ref<HTMLDivElement | null>(null);\n  const chart = shallowRef<ChartInstance | null>(null);\n  const layout = shallowRef<ChartLayout | null>(null);\n\n  function mount() {\n    const container = containerRef.value;\n    if (!container) return;\n\n    const mountOpts: MountOptions = {\n      theme: options?.theme,\n      darkMode: options?.darkMode,\n      onDataPointClick: options?.onDataPointClick,\n      responsive: options?.responsive,\n    };\n\n    const instance = createChart(container, spec.value, mountOpts);\n    chart.value = instance;\n    layout.value = instance.layout;\n  }\n\n  function destroy() {\n    chart.value?.destroy();\n    chart.value = null;\n    layout.value = null;\n  }\n\n  onMounted(() => {\n    mount();\n  });\n\n  onUnmounted(() => {\n    destroy();\n  });\n\n  // Update on spec change\n  watch(spec, (newSpec) => {\n    const instance = chart.value;\n    if (!instance) return;\n    instance.update(newSpec);\n    layout.value = instance.layout;\n  });\n\n  return {\n    containerRef,\n    chart,\n    layout,\n  };\n}\n","/**\n * useDarkMode: composable that resolves a DarkMode preference to a boolean.\n *\n * - \"force\" -> true\n * - \"off\" -> false\n * - \"auto\" -> matches system preference (reactive to changes)\n */\n\nimport type { DarkMode } from '@opendata-ai/openchart-core';\nimport { onUnmounted, type Ref, ref, watch } from 'vue';\n\n/**\n * Resolve a DarkMode preference to a reactive boolean.\n *\n * For \"auto\" mode, watches the system `prefers-color-scheme` media query\n * and updates reactively when the user changes their OS theme.\n */\nexport function useDarkMode(mode: Ref<DarkMode | undefined>): Ref<boolean> {\n  const isDark = ref(resolveInitial(mode.value));\n  let cleanup: (() => void) | null = null;\n\n  function setup(currentMode: DarkMode | undefined) {\n    // Clean up previous listener\n    cleanup?.();\n    cleanup = null;\n\n    if (currentMode !== 'auto') {\n      isDark.value = currentMode === 'force';\n      return;\n    }\n\n    if (typeof window === 'undefined' || !window.matchMedia) {\n      isDark.value = false;\n      return;\n    }\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n    isDark.value = mq.matches;\n\n    const handler = (e: MediaQueryListEvent) => {\n      isDark.value = e.matches;\n    };\n    mq.addEventListener('change', handler);\n    cleanup = () => mq.removeEventListener('change', handler);\n  }\n\n  // Run setup for initial value\n  setup(mode.value);\n\n  // React to mode changes\n  watch(mode, (newMode) => {\n    setup(newMode);\n  });\n\n  onUnmounted(() => {\n    cleanup?.();\n    cleanup = null;\n  });\n\n  return isDark;\n}\n\nfunction resolveInitial(mode?: DarkMode): boolean {\n  if (mode === 'force') return true;\n  if (mode === 'off' || mode === undefined) return false;\n  // \"auto\"\n  if (typeof window !== 'undefined' && window.matchMedia) {\n    return window.matchMedia('(prefers-color-scheme: dark)').matches;\n  }\n  return false;\n}\n","/**\n * useGraph: composable for imperative graph control.\n *\n * Provides a template ref to pass to <Graph /> and exposes graph methods\n * (search, zoom, select) for programmatic control of the graph instance.\n */\n\nimport type { GraphInstance } from '@opendata-ai/openchart-vanilla';\nimport { type Ref, ref } from 'vue';\n\n/** Handle exposed by Graph component via expose(). */\nexport interface GraphHandle {\n  search: (query: string) => void;\n  clearSearch: () => void;\n  zoomToFit: () => void;\n  zoomToNode: (nodeId: string) => void;\n  selectNode: (nodeId: string) => void;\n  getSelectedNodes: () => string[];\n  /** The underlying GraphInstance from the vanilla adapter. */\n  instance: GraphInstance | null;\n}\n\nexport interface UseGraphReturn {\n  /** Template ref to pass to <Graph ref={graphRef} />. */\n  graphRef: Ref<GraphHandle | null>;\n  /** Search for nodes matching a query string. */\n  search: (query: string) => void;\n  /** Clear the current search. */\n  clearSearch: () => void;\n  /** Zoom to fit all nodes in view. */\n  zoomToFit: () => void;\n  /** Zoom and center on a specific node. */\n  zoomToNode: (nodeId: string) => void;\n  /** Select a node by id. */\n  selectNode: (nodeId: string) => void;\n  /** Get the currently selected node ids. */\n  getSelectedNodes: () => string[];\n}\n\n/**\n * Composable for imperative graph control.\n *\n * Usage:\n * ```vue\n * <script setup>\n * const { graphRef, search, zoomToFit } = useGraph();\n * </script>\n * <template>\n *   <Graph ref=\"graphRef\" :spec=\"spec\" />\n * </template>\n * ```\n */\nexport function useGraph(): UseGraphReturn {\n  const graphRef = ref<GraphHandle | null>(null);\n\n  function search(query: string) {\n    graphRef.value?.search(query);\n  }\n\n  function clearSearch() {\n    graphRef.value?.clearSearch();\n  }\n\n  function zoomToFit() {\n    graphRef.value?.zoomToFit();\n  }\n\n  function zoomToNode(nodeId: string) {\n    graphRef.value?.zoomToNode(nodeId);\n  }\n\n  function selectNode(nodeId: string) {\n    graphRef.value?.selectNode(nodeId);\n  }\n\n  function getSelectedNodes(): string[] {\n    return graphRef.value?.getSelectedNodes() ?? [];\n  }\n\n  return {\n    graphRef,\n    search,\n    clearSearch,\n    zoomToFit,\n    zoomToNode,\n    selectNode,\n    getSelectedNodes,\n  };\n}\n","/**\n * useTable: composable for manual table lifecycle control.\n *\n * Attaches to a container ref, mounts a vanilla table instance,\n * and exposes the instance and current state.\n */\n\nimport type { TableSpec } from '@opendata-ai/openchart-core';\nimport {\n  createTable,\n  type TableInstance,\n  type TableMountOptions,\n  type TableState,\n} from '@opendata-ai/openchart-vanilla';\nimport { onMounted, onUnmounted, type Ref, ref, type ShallowRef, shallowRef, watch } from 'vue';\n\nexport interface UseTableReturn {\n  /** Template ref to attach to the container div. */\n  containerRef: Ref<HTMLDivElement | null>;\n  /** The table instance (null until mounted). */\n  table: ShallowRef<TableInstance | null>;\n  /** The current table state (sort, search, page). */\n  state: Ref<TableState>;\n}\n\n/**\n * Composable for manual table lifecycle control.\n *\n * Attach the returned containerRef to a container div via `ref=\"containerRef\"`.\n * The table mounts automatically and updates when the spec changes.\n */\nexport function useTable(spec: Ref<TableSpec>, options?: TableMountOptions): UseTableReturn {\n  const containerRef = ref<HTMLDivElement | null>(null);\n  const table = shallowRef<TableInstance | null>(null);\n  const state = ref<TableState>({\n    sort: null,\n    search: '',\n    page: 0,\n  });\n\n  const originalOnStateChange = options?.onStateChange;\n\n  function handleStateChange(newState: TableState) {\n    state.value = newState;\n    originalOnStateChange?.(newState);\n  }\n\n  function mount() {\n    const container = containerRef.value;\n    if (!container) return;\n\n    const mountOpts: TableMountOptions = {\n      ...options,\n      onStateChange: handleStateChange,\n    };\n\n    const instance = createTable(container, spec.value, mountOpts);\n    table.value = instance;\n    state.value = instance.getState();\n  }\n\n  function destroy() {\n    table.value?.destroy();\n    table.value = null;\n  }\n\n  onMounted(() => {\n    mount();\n  });\n\n  onUnmounted(() => {\n    destroy();\n  });\n\n  // Update on spec change\n  watch(spec, (newSpec) => {\n    const instance = table.value;\n    if (!instance) return;\n    instance.update(newSpec);\n    state.value = instance.getState();\n  });\n\n  return {\n    containerRef,\n    table,\n    state,\n  };\n}\n","/**\n * useTableState: managed state composable for controlled table usage.\n *\n * Provides individual sort/search/page state with setters and a\n * resetState function to return to initial values.\n */\n\nimport type { SortState } from '@opendata-ai/openchart-core';\nimport { type Ref, ref } from 'vue';\n\nexport interface UseTableStateReturn {\n  sort: Ref<SortState | null>;\n  setSort: (sort: SortState | null) => void;\n  search: Ref<string>;\n  setSearch: (query: string) => void;\n  page: Ref<number>;\n  setPage: (page: number) => void;\n  resetState: () => void;\n}\n\nexport interface UseTableStateOptions {\n  sort?: SortState | null;\n  search?: string;\n  page?: number;\n}\n\n/**\n * Composable for managing table state (sort, search, page).\n *\n * Use with the DataTable component's controlled props:\n * ```vue\n * <script setup>\n * const { sort, search, page, setSort, setSearch, setPage } = useTableState();\n * </script>\n * <template>\n *   <DataTable\n *     :spec=\"spec\"\n *     :sort=\"sort\"\n *     :search=\"search\"\n *     :page=\"page\"\n *     @update:sort=\"setSort\"\n *     @update:search=\"setSearch\"\n *     @update:page=\"setPage\"\n *   />\n * </template>\n * ```\n */\nexport function useTableState(initialState?: UseTableStateOptions): UseTableStateReturn {\n  const sort = ref<SortState | null>(initialState?.sort ?? null);\n  const search = ref(initialState?.search ?? '');\n  const page = ref(initialState?.page ?? 0);\n\n  function setSort(newSort: SortState | null) {\n    sort.value = newSort;\n  }\n\n  function setSearch(query: string) {\n    search.value = query;\n  }\n\n  function setPage(newPage: number) {\n    page.value = newPage;\n  }\n\n  function resetState() {\n    sort.value = initialState?.sort ?? null;\n    search.value = initialState?.search ?? '';\n    page.value = initialState?.page ?? 0;\n  }\n\n  return {\n    sort,\n    setSort,\n    search,\n    setSearch,\n    page,\n    setPage,\n    resetState,\n  };\n}\n","/**\n * DataTable component: Vue wrapper around the vanilla table adapter.\n *\n * Mounts a table instance on render, updates when spec changes,\n * and cleans up on unmount. Supports both controlled and uncontrolled modes\n * for sort, search, and pagination state.\n */\n\nimport type { DarkMode, SortState, TableSpec, ThemeConfig } from '@opendata-ai/openchart-core';\nimport {\n  createTable,\n  type TableInstance,\n  type TableMountOptions,\n} from '@opendata-ai/openchart-vanilla';\nimport {\n  type CSSProperties,\n  defineComponent,\n  h,\n  inject,\n  onMounted,\n  onUnmounted,\n  type PropType,\n  ref,\n  watch,\n} from 'vue';\nimport { VizDarkModeKey, VizThemeKey } from './context';\n\nexport interface DataTableProps {\n  spec: TableSpec;\n  theme?: ThemeConfig;\n  darkMode?: DarkMode;\n  class?: string;\n  style?: string | CSSProperties;\n  sort?: SortState | null;\n  search?: string;\n  page?: number;\n}\n\nexport const DataTable = defineComponent({\n  name: 'DataTable',\n  props: {\n    spec: {\n      type: Object as PropType<TableSpec>,\n      required: true,\n    },\n    theme: {\n      type: Object as PropType<ThemeConfig>,\n      default: undefined,\n    },\n    darkMode: {\n      type: String as PropType<DarkMode>,\n      default: undefined,\n    },\n    class: {\n      type: String,\n      default: undefined,\n    },\n    style: {\n      type: [String, Object] as PropType<string | CSSProperties>,\n      default: undefined,\n    },\n    sort: {\n      type: [Object, null] as PropType<SortState | null>,\n      default: undefined,\n    },\n    search: {\n      type: String,\n      default: undefined,\n    },\n    page: {\n      type: Number,\n      default: undefined,\n    },\n  },\n  emits: {\n    'row-click': (_row: Record<string, unknown>) => true,\n    'update:sort': (_sort: SortState | null) => true,\n    'update:search': (_query: string) => true,\n    'update:page': (_page: number) => true,\n  },\n  setup(props, { emit }) {\n    const containerRef = ref<HTMLDivElement | null>(null);\n    let instance: TableInstance | null = null;\n\n    // Inject theme/darkMode from provider as fallbacks\n    const contextTheme = inject(VizThemeKey, undefined);\n    const contextDarkMode = inject(VizDarkModeKey, undefined);\n\n    function resolveTheme(): ThemeConfig | undefined {\n      return props.theme ?? contextTheme?.value;\n    }\n\n    function resolveDarkMode(): DarkMode | undefined {\n      return props.darkMode ?? contextDarkMode?.value;\n    }\n\n    function isControlled(): boolean {\n      return props.sort !== undefined || props.search !== undefined || props.page !== undefined;\n    }\n\n    let prevSpec = '';\n\n    function mountTable() {\n      const container = containerRef.value;\n      if (!container) return;\n\n      const mountOptions: TableMountOptions = {\n        theme: resolveTheme(),\n        darkMode: resolveDarkMode(),\n        onRowClick: (row: Record<string, unknown>) => emit('row-click', row),\n        responsive: true,\n        onStateChange: (state) => {\n          if (state.sort !== undefined) emit('update:sort', state.sort);\n          if (state.search !== undefined) emit('update:search', state.search);\n          if (state.page !== undefined) emit('update:page', state.page);\n        },\n      };\n\n      if (isControlled()) {\n        mountOptions.externalState = {\n          sort: props.sort ?? null,\n          search: props.search ?? '',\n          page: props.page ?? 0,\n        };\n      }\n\n      instance = createTable(container, props.spec, mountOptions);\n      prevSpec = JSON.stringify(props.spec);\n    }\n\n    function destroyTable() {\n      instance?.destroy();\n      instance = null;\n      prevSpec = '';\n    }\n\n    onMounted(() => {\n      mountTable();\n    });\n\n    onUnmounted(() => {\n      destroyTable();\n    });\n\n    // Watch spec changes via JSON.stringify comparison (consistent with Chart/Graph)\n    watch(\n      () => JSON.stringify(props.spec),\n      (newVal) => {\n        if (!instance) return;\n        if (newVal !== prevSpec) {\n          prevSpec = newVal;\n          instance.update(props.spec);\n        }\n      },\n    );\n\n    // Recreate when theme or darkMode change\n    watch(\n      [\n        () => props.theme,\n        () => props.darkMode,\n        () => contextTheme?.value,\n        () => contextDarkMode?.value,\n      ],\n      () => {\n        if (!containerRef.value) return;\n        destroyTable();\n        mountTable();\n      },\n    );\n\n    // Sync controlled state without remounting\n    watch([() => props.sort, () => props.search, () => props.page], () => {\n      if (!instance || !isControlled()) return;\n      instance.setState({\n        sort: props.sort ?? null,\n        search: props.search ?? '',\n        page: props.page ?? 0,\n      });\n    });\n\n    const rootClass = () => {\n      const base = 'viz-table-root';\n      return props.class ? `${base} ${props.class}` : base;\n    };\n\n    return () =>\n      h('div', {\n        ref: containerRef,\n        class: rootClass(),\n        style: props.style,\n      });\n  },\n});\n","/**\n * Vue Graph component: thin wrapper around the vanilla adapter.\n *\n * Mounts a graph instance on render, updates when spec changes,\n * and cleans up on unmount. All heavy lifting is done by the vanilla\n * createGraph() function.\n *\n * Exposes imperative methods via defineExpose for use with useGraph().\n */\n\nimport type { DarkMode, GraphSpec, ThemeConfig } from '@opendata-ai/openchart-core';\nimport {\n  createGraph,\n  type GraphInstance,\n  type GraphMountOptions,\n} from '@opendata-ai/openchart-vanilla';\nimport {\n  type CSSProperties,\n  defineComponent,\n  h,\n  inject,\n  onMounted,\n  onUnmounted,\n  type PropType,\n  ref,\n  watch,\n} from 'vue';\nimport { VizDarkModeKey, VizThemeKey } from './context';\n\nexport interface GraphProps {\n  spec: GraphSpec;\n  theme?: ThemeConfig;\n  darkMode?: DarkMode;\n  class?: string;\n  style?: string | CSSProperties;\n}\n\nexport const Graph = defineComponent({\n  name: 'Graph',\n  props: {\n    spec: {\n      type: Object as PropType<GraphSpec>,\n      required: true,\n    },\n    theme: {\n      type: Object as PropType<ThemeConfig>,\n      default: undefined,\n    },\n    darkMode: {\n      type: String as PropType<DarkMode>,\n      default: undefined,\n    },\n    class: {\n      type: String,\n      default: undefined,\n    },\n    style: {\n      type: [String, Object] as PropType<string | CSSProperties>,\n      default: undefined,\n    },\n  },\n  emits: {\n    'node-click': (_node: Record<string, unknown>) => true,\n    'node-double-click': (_node: Record<string, unknown>) => true,\n    'selection-change': (_nodeIds: string[]) => true,\n  },\n  setup(props, { emit, expose }) {\n    const containerRef = ref<HTMLDivElement | null>(null);\n    let instance: GraphInstance | null = null;\n    let prevSpec = '';\n\n    // Inject theme/darkMode from provider as fallbacks\n    const contextTheme = inject(VizThemeKey, undefined);\n    const contextDarkMode = inject(VizDarkModeKey, undefined);\n\n    function resolveTheme(): ThemeConfig | undefined {\n      return props.theme ?? contextTheme?.value;\n    }\n\n    function resolveDarkMode(): DarkMode | undefined {\n      return props.darkMode ?? contextDarkMode?.value;\n    }\n\n    function mountGraph() {\n      const container = containerRef.value;\n      if (!container) return;\n\n      const options: GraphMountOptions = {\n        theme: resolveTheme(),\n        darkMode: resolveDarkMode(),\n        onNodeClick: (node: Record<string, unknown>) => emit('node-click', node),\n        onNodeDoubleClick: (node: Record<string, unknown>) => emit('node-double-click', node),\n        onSelectionChange: (nodeIds: string[]) => emit('selection-change', nodeIds),\n        responsive: true,\n      };\n\n      instance = createGraph(container, props.spec, options);\n      prevSpec = JSON.stringify(props.spec);\n    }\n\n    function destroyGraph() {\n      instance?.destroy();\n      instance = null;\n      prevSpec = '';\n    }\n\n    // Expose imperative methods for useGraph() composable\n    expose({\n      search(query: string) {\n        instance?.search(query);\n      },\n      clearSearch() {\n        instance?.clearSearch();\n      },\n      zoomToFit() {\n        instance?.zoomToFit();\n      },\n      zoomToNode(nodeId: string) {\n        instance?.zoomToNode(nodeId);\n      },\n      selectNode(nodeId: string) {\n        instance?.selectNode(nodeId);\n      },\n      getSelectedNodes(): string[] {\n        return instance?.getSelectedNodes() ?? [];\n      },\n      get instance() {\n        return instance;\n      },\n    });\n\n    onMounted(() => {\n      mountGraph();\n    });\n\n    onUnmounted(() => {\n      destroyGraph();\n    });\n\n    // Watch spec changes\n    watch(\n      () => JSON.stringify(props.spec),\n      (newVal) => {\n        if (!instance) return;\n        if (newVal !== prevSpec) {\n          prevSpec = newVal;\n          instance.update(props.spec);\n        }\n      },\n    );\n\n    // Recreate graph when theme or darkMode change\n    watch(\n      [\n        () => props.theme,\n        () => props.darkMode,\n        () => contextTheme?.value,\n        () => contextDarkMode?.value,\n      ],\n      () => {\n        if (!containerRef.value) return;\n        destroyGraph();\n        mountGraph();\n      },\n    );\n\n    const rootClass = () => {\n      const base = 'viz-graph-root';\n      return props.class ? `${base} ${props.class}` : base;\n    };\n\n    return () =>\n      h('div', {\n        ref: containerRef,\n        class: rootClass(),\n        style: props.style,\n      });\n  },\n});\n","/**\n * VizThemeProvider: provides a theme and dark mode preference to all\n * descendant Chart, DataTable, and Graph components without prop drilling.\n *\n * Components use the context values as fallbacks when no explicit\n * `theme` or `darkMode` prop is passed.\n */\n\nimport type { DarkMode, ThemeConfig } from '@opendata-ai/openchart-core';\nimport { computed, defineComponent, type PropType, provide } from 'vue';\nimport { VizDarkModeKey, VizThemeKey } from './context';\n\nexport interface VizThemeProviderProps {\n  theme: ThemeConfig | undefined;\n  darkMode?: DarkMode;\n}\n\nexport const VizThemeProvider = defineComponent({\n  name: 'VizThemeProvider',\n  props: {\n    theme: {\n      type: Object as PropType<ThemeConfig | undefined>,\n      default: undefined,\n    },\n    darkMode: {\n      type: String as PropType<DarkMode>,\n      default: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    // Wrap in computed() so changes to props propagate reactively\n    // through the injection system.\n    const themeRef = computed(() => props.theme);\n    const darkModeRef = computed(() => props.darkMode);\n\n    provide(VizThemeKey, themeRef);\n    provide(VizDarkModeKey, darkModeRef);\n\n    return () => slots.default?.();\n  },\n});\n","/**\n * Visualization routing component: renders Chart, DataTable, or Graph\n * based on the spec type. Use this when rendering arbitrary VizSpec values.\n *\n * For event handlers, use the specific component (Chart, DataTable, Graph) directly.\n */\n\nimport type { DarkMode, ThemeConfig, VizSpec } from '@opendata-ai/openchart-core';\nimport { isGraphSpec, isTableSpec } from '@opendata-ai/openchart-core';\nimport { type CSSProperties, defineComponent, h, type PropType } from 'vue';\nimport { Chart } from './Chart';\nimport { DataTable } from './DataTable';\nimport { Graph } from './Graph';\n\nexport interface VisualizationProps {\n  spec: VizSpec;\n  theme?: ThemeConfig;\n  darkMode?: DarkMode;\n  class?: string;\n  style?: string | CSSProperties;\n}\n\nexport const Visualization = defineComponent({\n  name: 'Visualization',\n  props: {\n    spec: {\n      type: Object as PropType<VizSpec>,\n      required: true,\n    },\n    theme: {\n      type: Object as PropType<ThemeConfig>,\n      default: undefined,\n    },\n    darkMode: {\n      type: String as PropType<DarkMode>,\n      default: undefined,\n    },\n    class: {\n      type: String,\n      default: undefined,\n    },\n    style: {\n      type: [String, Object] as PropType<string | CSSProperties>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    return () => {\n      const { spec, theme, darkMode, class: className, style } = props;\n      const sharedProps = { theme, darkMode, class: className, style };\n\n      if (isTableSpec(spec)) {\n        return h(DataTable, { ...sharedProps, spec });\n      }\n      if (isGraphSpec(spec)) {\n        return h(Graph, { ...sharedProps, spec });\n      }\n      return h(Chart, { ...sharedProps, spec });\n    };\n  },\n});\n"],"mappings":"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","names":["inject","inject","createChart","onMounted","onUnmounted","ref","watch","onUnmounted","ref","watch","ref","onMounted","onUnmounted","ref","shallowRef","watch","ref","createTable","defineComponent","h","inject","onMounted","onUnmounted","ref","watch","defineComponent","ref","inject","createTable","onMounted","onUnmounted","watch","h","defineComponent","h","inject","onMounted","onUnmounted","ref","watch","defineComponent","ref","inject","onMounted","onUnmounted","watch","h","computed","defineComponent","defineComponent","computed","defineComponent","h","defineComponent","h"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendata-ai/openchart-vue",
-  "version": "6.0.0",
+  "version": "6.1.1",
   "description": "Vue 3 components for openchart: <Chart />, <DataTable />, <Graph />, <VizThemeProvider />",
   "license": "Apache-2.0",
   "author": "Riley Hilliard",
@@ -49,9 +49,9 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@opendata-ai/openchart-core": "6.0.0",
-    "@opendata-ai/openchart-engine": "6.0.0",
-    "@opendata-ai/openchart-vanilla": "6.0.0"
+    "@opendata-ai/openchart-core": "6.1.1",
+    "@opendata-ai/openchart-engine": "6.1.1",
+    "@opendata-ai/openchart-vanilla": "6.1.1"
   },
   "peerDependencies": {
     "vue": ">=3.3.0"

package/src/Chart.ts

@@ -13,6 +13,7 @@ import type {
   DarkMode,
   ElementEdit,
   GraphSpec,
+  LayerSpec,
   MarkEvent,
   TextAnnotation,
   ThemeConfig,
@@ -33,7 +34,7 @@ import {
 import { VizDarkModeKey, VizThemeKey } from './context';
 
 export interface ChartProps {
-  spec: ChartSpec | GraphSpec;
+  spec: ChartSpec | LayerSpec | GraphSpec;
   theme?: ThemeConfig;
   darkMode?: DarkMode;
   class?: string;
@@ -44,7 +45,7 @@ export const Chart = defineComponent({
   name: 'Chart',
   props: {
     spec: {
-      type: Object as PropType<ChartSpec | GraphSpec>,
+      type: Object as PropType<ChartSpec | LayerSpec | GraphSpec>,
       required: true,
     },
     theme: {

package/src/__tests__/Chart.test.ts

@@ -8,7 +8,7 @@ import { Chart } from '../Chart';
 // ---------------------------------------------------------------------------
 
 const lineSpec: ChartSpec = {
-  type: 'line',
+  mark: 'line',
   data: [
     { date: '2020-01-01', value: 10, country: 'US' },
     { date: '2021-01-01', value: 40, country: 'US' },
@@ -28,7 +28,7 @@ const lineSpec: ChartSpec = {
 };
 
 const barSpec: ChartSpec = {
-  type: 'bar',
+  mark: 'bar',
   data: [
     { name: 'A', value: 10 },
     { name: 'B', value: 30 },

package/src/composables/useChart.ts

@@ -10,6 +10,7 @@ import type {
   ChartSpec,
   DarkMode,
   GraphSpec,
+  LayerSpec,
   ThemeConfig,
 } from '@opendata-ai/openchart-core';
 import { type ChartInstance, createChart, type MountOptions } from '@opendata-ai/openchart-vanilla';
@@ -42,7 +43,7 @@ export interface UseChartReturn {
  * The chart mounts automatically and updates when the spec changes.
  */
 export function useChart(
-  spec: Ref<ChartSpec | GraphSpec>,
+  spec: Ref<ChartSpec | LayerSpec | GraphSpec>,
   options?: UseChartOptions,
 ): UseChartReturn {
   const containerRef = ref<HTMLDivElement | null>(null);