@carbon/charts-svelte 1.22.16 → 1.22.18

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.22.18 (2025-02-18)
+
+**Note:** Version bump only for package @carbon/charts-svelte
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 1.22.17 (2025-02-12)
+
+### Bug Fixes
+
+- **stackblitz:** react examples
+  ([#1957](https://github.com/carbon-design-system/carbon-charts/issues/1957))
+  ([1427786](https://github.com/carbon-design-system/carbon-charts/commit/14277866a0933eb99b1097818d4611cc140b9da2))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 ## 1.22.16 (2025-02-10)
 
 **Note:** Version bump only for package @carbon/charts-svelte

package/README.md

@@ -42,6 +42,8 @@ yarn add -D @carbon/charts-svelte
 
 The required styles should be imported from `@carbon/charts-svelte/styles.css`.
 
+A release in the near future will move components to runes mode for Svelte 5 and beyond. As this would be a breaking change because event handlers will change to component properties, this version will be published with the distribution tag `next`. Please check <a href="https://www.npmjs.com/package/@carbon/charts-svelte?activeTab=versions">here</a> to see if a version for `latest` has been published.
+
 ### SvelteKit
 
 While this component library can be used with any build environments for Svelte,
@@ -200,9 +202,9 @@ hovering over a bar.
 	}} />
 ```
 
-## TypeScript support
+## Svelte and TypeScript support
 
-Svelte version 3.31 or greater is required to use this library with TypeScript. Svelte 4.x+ is
+Svelte 3.31 or greater is required to use this library with TypeScript. Svelte 5.20+ is
 recommended.
 
 ### Enums and types

package/dist/AlluvialChart.svelte

@@ -1,15 +1,10 @@
-<script lang="ts">
-	import {
-		AlluvialChart as AlluvialChartCore,
-		type AlluvialChartOptions,
-		type ChartTabularData
-	} from '@carbon/charts'
+<script>
+	import { AlluvialChart as AlluvialChartCore } from '@carbon/charts'
 	import BaseChart from './BaseChart.svelte'
-
-	export let options: AlluvialChartOptions
-	export let data: ChartTabularData
-	export let chart: AlluvialChartCore | undefined = undefined
-	export let ref: HTMLDivElement | undefined = undefined
+	export let options
+	export let data
+	export let chart = undefined
+	export let ref = undefined
 </script>
 
 <BaseChart

package/dist/AlluvialChart.svelte.d.ts

@@ -1,32 +1,35 @@
-import { AlluvialChart as AlluvialChartCore, type AlluvialChartOptions, type ChartTabularData } from '@carbon/charts';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
+import { SvelteComponentTyped } from 'svelte'
+import {
+	AlluvialChart as AlluvialChartCore,
+	type AlluvialChartOptions,
+	type ChartTabularData
+} from '@carbon/charts'
+declare const __propDef: {
+	props: {
+		[x: string]: any
+		options: AlluvialChartOptions
+		data: ChartTabularData
+		chart?: AlluvialChartCore | undefined
+		ref?: HTMLDivElement | undefined
+	}
+	events: {
+		load: CustomEvent<null>
+		update: CustomEvent<{
+			data: ChartTabularData
+			options: import('@carbon/charts').BaseChartOptions
+		}>
+		destroy: CustomEvent<null>
+	} & {
+		[evt: string]: CustomEvent<any>
+	}
+	slots: {}
 }
-declare const AlluvialChart: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    options: AlluvialChartOptions;
-    data: ChartTabularData;
-    chart?: AlluvialChartCore | undefined;
-    ref?: HTMLDivElement | undefined;
-}, {
-    load: CustomEvent<null>;
-    update: CustomEvent<{
-        data: ChartTabularData;
-        options: import("@carbon/charts").BaseChartOptions;
-    }>;
-    destroy: CustomEvent<null>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type AlluvialChart = InstanceType<typeof AlluvialChart>;
-export default AlluvialChart;
+export type AlluvialChartProps = typeof __propDef.props
+export type AlluvialChartEvents = typeof __propDef.events
+export type AlluvialChartSlots = typeof __propDef.slots
+export default class AlluvialChart extends SvelteComponentTyped<
+	AlluvialChartProps,
+	AlluvialChartEvents,
+	AlluvialChartSlots
+> {}
+export {}

package/dist/AreaChart.svelte

@@ -1,15 +1,10 @@
-<script lang="ts">
-	import {
-		AreaChart as AreaChartCore,
-		type AreaChartOptions,
-		type ChartTabularData
-	} from '@carbon/charts'
+<script>
+	import { AreaChart as AreaChartCore } from '@carbon/charts'
 	import BaseChart from './BaseChart.svelte'
-
-	export let options: AreaChartOptions
-	export let data: ChartTabularData
-	export let chart: AreaChartCore | undefined = undefined
-	export let ref: HTMLDivElement | undefined = undefined
+	export let options
+	export let data
+	export let chart = undefined
+	export let ref = undefined
 </script>
 
 <BaseChart

package/dist/AreaChart.svelte.d.ts

@@ -1,32 +1,35 @@
-import { AreaChart as AreaChartCore, type AreaChartOptions, type ChartTabularData } from '@carbon/charts';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
+import { SvelteComponentTyped } from 'svelte'
+import {
+	AreaChart as AreaChartCore,
+	type AreaChartOptions,
+	type ChartTabularData
+} from '@carbon/charts'
+declare const __propDef: {
+	props: {
+		[x: string]: any
+		options: AreaChartOptions
+		data: ChartTabularData
+		chart?: AreaChartCore | undefined
+		ref?: HTMLDivElement | undefined
+	}
+	events: {
+		load: CustomEvent<null>
+		update: CustomEvent<{
+			data: ChartTabularData
+			options: import('@carbon/charts').BaseChartOptions
+		}>
+		destroy: CustomEvent<null>
+	} & {
+		[evt: string]: CustomEvent<any>
+	}
+	slots: {}
 }
-declare const AreaChart: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    options: AreaChartOptions;
-    data: ChartTabularData;
-    chart?: AreaChartCore | undefined;
-    ref?: HTMLDivElement | undefined;
-}, {
-    load: CustomEvent<null>;
-    update: CustomEvent<{
-        data: ChartTabularData;
-        options: import("@carbon/charts").BaseChartOptions;
-    }>;
-    destroy: CustomEvent<null>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type AreaChart = InstanceType<typeof AreaChart>;
-export default AreaChart;
+export type AreaChartProps = typeof __propDef.props
+export type AreaChartEvents = typeof __propDef.events
+export type AreaChartSlots = typeof __propDef.slots
+export default class AreaChart extends SvelteComponentTyped<
+	AreaChartProps,
+	AreaChartEvents,
+	AreaChartSlots
+> {}
+export {}

package/dist/BarChartGrouped.svelte

@@ -1,15 +1,10 @@
-<script lang="ts">
-	import {
-		GroupedBarChart as GroupedBarChartCore,
-		type BarChartOptions,
-		type ChartTabularData
-	} from '@carbon/charts'
+<script>
+	import { GroupedBarChart as GroupedBarChartCore } from '@carbon/charts'
 	import BaseChart from './BaseChart.svelte'
-
-	export let options: BarChartOptions
-	export let data: ChartTabularData
-	export let chart: GroupedBarChartCore | undefined = undefined
-	export let ref: HTMLDivElement | undefined = undefined
+	export let options
+	export let data
+	export let chart = undefined
+	export let ref = undefined
 </script>
 
 <BaseChart

package/dist/BarChartGrouped.svelte.d.ts

@@ -1,32 +1,35 @@
-import { GroupedBarChart as GroupedBarChartCore, type BarChartOptions, type ChartTabularData } from '@carbon/charts';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
+import { SvelteComponentTyped } from 'svelte'
+import {
+	GroupedBarChart as GroupedBarChartCore,
+	type BarChartOptions,
+	type ChartTabularData
+} from '@carbon/charts'
+declare const __propDef: {
+	props: {
+		[x: string]: any
+		options: BarChartOptions
+		data: ChartTabularData
+		chart?: GroupedBarChartCore | undefined
+		ref?: HTMLDivElement | undefined
+	}
+	events: {
+		load: CustomEvent<null>
+		update: CustomEvent<{
+			data: ChartTabularData
+			options: import('@carbon/charts').BaseChartOptions
+		}>
+		destroy: CustomEvent<null>
+	} & {
+		[evt: string]: CustomEvent<any>
+	}
+	slots: {}
 }
-declare const BarChartGrouped: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    options: BarChartOptions;
-    data: ChartTabularData;
-    chart?: GroupedBarChartCore | undefined;
-    ref?: HTMLDivElement | undefined;
-}, {
-    load: CustomEvent<null>;
-    update: CustomEvent<{
-        data: ChartTabularData;
-        options: import("@carbon/charts").BaseChartOptions;
-    }>;
-    destroy: CustomEvent<null>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type BarChartGrouped = InstanceType<typeof BarChartGrouped>;
-export default BarChartGrouped;
+export type BarChartGroupedProps = typeof __propDef.props
+export type BarChartGroupedEvents = typeof __propDef.events
+export type BarChartGroupedSlots = typeof __propDef.slots
+export default class BarChartGrouped extends SvelteComponentTyped<
+	BarChartGroupedProps,
+	BarChartGroupedEvents,
+	BarChartGroupedSlots
+> {}
+export {}

package/dist/BarChartSimple.svelte

@@ -1,15 +1,10 @@
-<script lang="ts">
-	import {
-		SimpleBarChart as SimpleBarChartCore,
-		type BarChartOptions,
-		type ChartTabularData
-	} from '@carbon/charts'
+<script>
+	import { SimpleBarChart as SimpleBarChartCore } from '@carbon/charts'
 	import BaseChart from './BaseChart.svelte'
-
-	export let options: BarChartOptions
-	export let data: ChartTabularData
-	export let chart: SimpleBarChartCore | undefined = undefined
-	export let ref: HTMLDivElement | undefined = undefined
+	export let options
+	export let data
+	export let chart = undefined
+	export let ref = undefined
 </script>
 
 <BaseChart

package/dist/BarChartSimple.svelte.d.ts

@@ -1,32 +1,35 @@
-import { SimpleBarChart as SimpleBarChartCore, type BarChartOptions, type ChartTabularData } from '@carbon/charts';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
+import { SvelteComponentTyped } from 'svelte'
+import {
+	SimpleBarChart as SimpleBarChartCore,
+	type BarChartOptions,
+	type ChartTabularData
+} from '@carbon/charts'
+declare const __propDef: {
+	props: {
+		[x: string]: any
+		options: BarChartOptions
+		data: ChartTabularData
+		chart?: SimpleBarChartCore | undefined
+		ref?: HTMLDivElement | undefined
+	}
+	events: {
+		load: CustomEvent<null>
+		update: CustomEvent<{
+			data: ChartTabularData
+			options: import('@carbon/charts').BaseChartOptions
+		}>
+		destroy: CustomEvent<null>
+	} & {
+		[evt: string]: CustomEvent<any>
+	}
+	slots: {}
 }
-declare const BarChartSimple: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    options: BarChartOptions;
-    data: ChartTabularData;
-    chart?: SimpleBarChartCore | undefined;
-    ref?: HTMLDivElement | undefined;
-}, {
-    load: CustomEvent<null>;
-    update: CustomEvent<{
-        data: ChartTabularData;
-        options: import("@carbon/charts").BaseChartOptions;
-    }>;
-    destroy: CustomEvent<null>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type BarChartSimple = InstanceType<typeof BarChartSimple>;
-export default BarChartSimple;
+export type BarChartSimpleProps = typeof __propDef.props
+export type BarChartSimpleEvents = typeof __propDef.events
+export type BarChartSimpleSlots = typeof __propDef.slots
+export default class BarChartSimple extends SvelteComponentTyped<
+	BarChartSimpleProps,
+	BarChartSimpleEvents,
+	BarChartSimpleSlots
+> {}
+export {}

package/dist/BarChartStacked.svelte

@@ -1,14 +1,10 @@
-<script lang="ts">
-	import {
-		StackedBarChart as StackedBarChartCore,
-		type BarChartOptions,
-		type ChartTabularData
-	} from '@carbon/charts'
+<script>
+	import { StackedBarChart as StackedBarChartCore } from '@carbon/charts'
 	import BaseChart from './BaseChart.svelte'
-	export let options: BarChartOptions
-	export let data: ChartTabularData
-	export let chart: StackedBarChartCore | undefined = undefined
-	export let ref: HTMLDivElement | undefined = undefined
+	export let options
+	export let data
+	export let chart = undefined
+	export let ref = undefined
 </script>
 
 <BaseChart

package/dist/BarChartStacked.svelte.d.ts

@@ -1,32 +1,35 @@
-import { StackedBarChart as StackedBarChartCore, type BarChartOptions, type ChartTabularData } from '@carbon/charts';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
+import { SvelteComponentTyped } from 'svelte'
+import {
+	StackedBarChart as StackedBarChartCore,
+	type BarChartOptions,
+	type ChartTabularData
+} from '@carbon/charts'
+declare const __propDef: {
+	props: {
+		[x: string]: any
+		options: BarChartOptions
+		data: ChartTabularData
+		chart?: StackedBarChartCore | undefined
+		ref?: HTMLDivElement | undefined
+	}
+	events: {
+		load: CustomEvent<null>
+		update: CustomEvent<{
+			data: ChartTabularData
+			options: import('@carbon/charts').BaseChartOptions
+		}>
+		destroy: CustomEvent<null>
+	} & {
+		[evt: string]: CustomEvent<any>
+	}
+	slots: {}
 }
-declare const BarChartStacked: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    options: BarChartOptions;
-    data: ChartTabularData;
-    chart?: StackedBarChartCore | undefined;
-    ref?: HTMLDivElement | undefined;
-}, {
-    load: CustomEvent<null>;
-    update: CustomEvent<{
-        data: ChartTabularData;
-        options: import("@carbon/charts").BaseChartOptions;
-    }>;
-    destroy: CustomEvent<null>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type BarChartStacked = InstanceType<typeof BarChartStacked>;
-export default BarChartStacked;
+export type BarChartStackedProps = typeof __propDef.props
+export type BarChartStackedEvents = typeof __propDef.events
+export type BarChartStackedSlots = typeof __propDef.slots
+export default class BarChartStacked extends SvelteComponentTyped<
+	BarChartStackedProps,
+	BarChartStackedEvents,
+	BarChartStackedSlots
+> {}
+export {}

package/dist/BaseChart.svelte

@@ -1,35 +1,21 @@
-<script lang="ts" generics="T extends BaseChartOptions">
-	/* eslint-disable @typescript-eslint/no-unused-vars */
+<script generics="T extends BaseChartOptions">
 	import { onMount, afterUpdate, onDestroy, createEventDispatcher } from 'svelte'
-	import type { Charts, ChartConfig, BaseChartOptions, ChartTabularData } from '@carbon/charts'
-
-	interface DispatchedEvents {
-		load: null
-		update: { data: ChartTabularData; options: T }
-		destroy: null
-	}
-
-	type CoreChartClass = new (holder: HTMLDivElement, chartConfigs: ChartConfig<T>) => Charts
-
 	const chartHolderCssClass = 'cds--chart-holder' // Used by Carbon Charts CSS
-	export let data: ChartTabularData = [] // Chart data, default is empty
-	export let options: T = {} as T // Specific chart option type, default is empty
-	export let Chart: CoreChartClass // Used to instantiate next property
-	export let chart: Charts | undefined // Instance of the chart class
-	export let ref: HTMLDivElement | undefined // Binding to chart 'holder' in template below
+	export let data = [] // Chart data, default is empty
+	export let options = {} // Specific chart option type, default is empty
+	export let Chart // Used to instantiate next property
+	export let chart // Instance of the chart class
+	export let ref // Binding to chart 'holder' in template below
 	export let id = `chart-${Math.random().toString(36)}` // id for chart holder element
-
-	const dispatch = createEventDispatcher<DispatchedEvents>()
-
+	const dispatch = createEventDispatcher()
 	onMount(() => {
 		try {
-			chart = new Chart(ref as HTMLDivElement, { data, options })
+			chart = new Chart(ref, { data, options })
 			dispatch('load')
 		} catch (error) {
 			console.error('Failed to initialize chart:', error)
 		}
 	})
-
 	afterUpdate(() => {
 		if (chart) {
 			try {
@@ -41,11 +27,10 @@
 			}
 		}
 	})
-
 	onDestroy(() => {
 		if (chart) {
 			dispatch('destroy')
-			// Like core's Chart.destroy() but keeps div chart holder bound to ref as it's part of the template below
+			// Like core's Chart.destroy() but keeps div chart holder bound to ref as it's part of this template
 			chart.components.forEach(component => component.destroy())
 			chart.model.set({ destroyed: true }, { skipUpdate: true })
 			chart = undefined

package/dist/BaseChart.svelte.d.ts

@@ -1,37 +1,33 @@
-import type { Charts, ChartConfig, BaseChartOptions, ChartTabularData } from '@carbon/charts';
+import { SvelteComponentTyped } from 'svelte'
+import type { Charts, ChartConfig, BaseChartOptions, ChartTabularData } from '@carbon/charts'
 declare class __sveltets_Render<T extends BaseChartOptions> {
-    props(): {
-        [x: string]: any;
-        data?: ChartTabularData | undefined;
-        options?: T | undefined;
-        Chart: new (holder: HTMLDivElement, chartConfigs: ChartConfig<T>) => Charts;
-        chart: Charts | undefined;
-        ref: HTMLDivElement | undefined;
-        id?: string | undefined;
-    };
-    events(): {
-        load: CustomEvent<null>;
-        update: CustomEvent<{
-            data: ChartTabularData;
-            options: T;
-        }>;
-        destroy: CustomEvent<null>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots(): {};
-    bindings(): string;
-    exports(): {};
+	props(): {
+		[x: string]: any
+		data?: ChartTabularData | undefined
+		options?: T | undefined
+		Chart: new (holder: HTMLDivElement, chartConfigs: ChartConfig<T>) => Charts
+		chart: Charts | undefined
+		ref: HTMLDivElement | undefined
+		id?: string | undefined
+	}
+	events(): {
+		load: CustomEvent<null>
+		update: CustomEvent<{
+			data: ChartTabularData
+			options: T
+		}>
+		destroy: CustomEvent<null>
+	} & {
+		[evt: string]: CustomEvent<any>
+	}
+	slots(): {}
 }
-interface $$IsomorphicComponent {
-    new <T extends BaseChartOptions>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends BaseChartOptions>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {
-        $$events?: ReturnType<__sveltets_Render<T>['events']>;
-    }): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const BaseChart: $$IsomorphicComponent;
-type BaseChart<T extends BaseChartOptions> = InstanceType<typeof BaseChart<T>>;
-export default BaseChart;
+export type BaseChartProps<T extends BaseChartOptions> = ReturnType<__sveltets_Render<T>['props']>
+export type BaseChartEvents<T extends BaseChartOptions> = ReturnType<__sveltets_Render<T>['events']>
+export type BaseChartSlots<T extends BaseChartOptions> = ReturnType<__sveltets_Render<T>['slots']>
+export default class BaseChart<T extends BaseChartOptions> extends SvelteComponentTyped<
+	BaseChartProps<T>,
+	BaseChartEvents<T>,
+	BaseChartSlots<T>
+> {}
+export {}

package/dist/BoxplotChart.svelte

@@ -1,15 +1,10 @@
-<script lang="ts">
-	import {
-		BoxplotChart as BoxplotChartCore,
-		type BoxplotChartOptions,
-		type ChartTabularData
-	} from '@carbon/charts'
+<script>
+	import { BoxplotChart as BoxplotChartCore } from '@carbon/charts'
 	import BaseChart from './BaseChart.svelte'
-
-	export let options: BoxplotChartOptions
-	export let data: ChartTabularData
-	export let chart: BoxplotChartCore | undefined = undefined
-	export let ref: HTMLDivElement | undefined = undefined
+	export let options
+	export let data
+	export let chart = undefined
+	export let ref = undefined
 </script>
 
 <BaseChart