@chartts/svelte 0.1.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 chartts
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/exports.cjs

@@ -0,0 +1,188 @@
+'use strict';
+
+var core = require('@chartts/core');
+
+
+
+Object.defineProperty(exports, "areaChartType", {
+  enumerable: true,
+  get: function () { return core.areaChartType; }
+});
+Object.defineProperty(exports, "barChartType", {
+  enumerable: true,
+  get: function () { return core.barChartType; }
+});
+Object.defineProperty(exports, "baselineChartType", {
+  enumerable: true,
+  get: function () { return core.baselineChartType; }
+});
+Object.defineProperty(exports, "boxplotChartType", {
+  enumerable: true,
+  get: function () { return core.boxplotChartType; }
+});
+Object.defineProperty(exports, "bubbleChartType", {
+  enumerable: true,
+  get: function () { return core.bubbleChartType; }
+});
+Object.defineProperty(exports, "bulletChartType", {
+  enumerable: true,
+  get: function () { return core.bulletChartType; }
+});
+Object.defineProperty(exports, "calendarChartType", {
+  enumerable: true,
+  get: function () { return core.calendarChartType; }
+});
+Object.defineProperty(exports, "candlestickChartType", {
+  enumerable: true,
+  get: function () { return core.candlestickChartType; }
+});
+Object.defineProperty(exports, "chordChartType", {
+  enumerable: true,
+  get: function () { return core.chordChartType; }
+});
+Object.defineProperty(exports, "comboChartType", {
+  enumerable: true,
+  get: function () { return core.comboChartType; }
+});
+Object.defineProperty(exports, "customChartType", {
+  enumerable: true,
+  get: function () { return core.customChartType; }
+});
+Object.defineProperty(exports, "donutChartType", {
+  enumerable: true,
+  get: function () { return core.donutChartType; }
+});
+Object.defineProperty(exports, "dumbbellChartType", {
+  enumerable: true,
+  get: function () { return core.dumbbellChartType; }
+});
+Object.defineProperty(exports, "funnelChartType", {
+  enumerable: true,
+  get: function () { return core.funnelChartType; }
+});
+Object.defineProperty(exports, "gaugeChartType", {
+  enumerable: true,
+  get: function () { return core.gaugeChartType; }
+});
+Object.defineProperty(exports, "geoChartType", {
+  enumerable: true,
+  get: function () { return core.geoChartType; }
+});
+Object.defineProperty(exports, "graphChartType", {
+  enumerable: true,
+  get: function () { return core.graphChartType; }
+});
+Object.defineProperty(exports, "heatmapChartType", {
+  enumerable: true,
+  get: function () { return core.heatmapChartType; }
+});
+Object.defineProperty(exports, "histogramChartType", {
+  enumerable: true,
+  get: function () { return core.histogramChartType; }
+});
+Object.defineProperty(exports, "horizontalBarChartType", {
+  enumerable: true,
+  get: function () { return core.horizontalBarChartType; }
+});
+Object.defineProperty(exports, "kagiChartType", {
+  enumerable: true,
+  get: function () { return core.kagiChartType; }
+});
+Object.defineProperty(exports, "lineChartType", {
+  enumerable: true,
+  get: function () { return core.lineChartType; }
+});
+Object.defineProperty(exports, "linesChartType", {
+  enumerable: true,
+  get: function () { return core.linesChartType; }
+});
+Object.defineProperty(exports, "lollipopChartType", {
+  enumerable: true,
+  get: function () { return core.lollipopChartType; }
+});
+Object.defineProperty(exports, "matrixChartType", {
+  enumerable: true,
+  get: function () { return core.matrixChartType; }
+});
+Object.defineProperty(exports, "ohlcChartType", {
+  enumerable: true,
+  get: function () { return core.ohlcChartType; }
+});
+Object.defineProperty(exports, "parallelChartType", {
+  enumerable: true,
+  get: function () { return core.parallelChartType; }
+});
+Object.defineProperty(exports, "pictorialBarChartType", {
+  enumerable: true,
+  get: function () { return core.pictorialBarChartType; }
+});
+Object.defineProperty(exports, "pieChartType", {
+  enumerable: true,
+  get: function () { return core.pieChartType; }
+});
+Object.defineProperty(exports, "polarChartType", {
+  enumerable: true,
+  get: function () { return core.polarChartType; }
+});
+Object.defineProperty(exports, "radarChartType", {
+  enumerable: true,
+  get: function () { return core.radarChartType; }
+});
+Object.defineProperty(exports, "radialBarChartType", {
+  enumerable: true,
+  get: function () { return core.radialBarChartType; }
+});
+Object.defineProperty(exports, "rangeChartType", {
+  enumerable: true,
+  get: function () { return core.rangeChartType; }
+});
+Object.defineProperty(exports, "renkoChartType", {
+  enumerable: true,
+  get: function () { return core.renkoChartType; }
+});
+Object.defineProperty(exports, "sankeyChartType", {
+  enumerable: true,
+  get: function () { return core.sankeyChartType; }
+});
+Object.defineProperty(exports, "scatterChartType", {
+  enumerable: true,
+  get: function () { return core.scatterChartType; }
+});
+Object.defineProperty(exports, "sparklineChartType", {
+  enumerable: true,
+  get: function () { return core.sparklineChartType; }
+});
+Object.defineProperty(exports, "stackedBarChartType", {
+  enumerable: true,
+  get: function () { return core.stackedBarChartType; }
+});
+Object.defineProperty(exports, "stepChartType", {
+  enumerable: true,
+  get: function () { return core.stepChartType; }
+});
+Object.defineProperty(exports, "sunburstChartType", {
+  enumerable: true,
+  get: function () { return core.sunburstChartType; }
+});
+Object.defineProperty(exports, "themeRiverChartType", {
+  enumerable: true,
+  get: function () { return core.themeRiverChartType; }
+});
+Object.defineProperty(exports, "treeChartType", {
+  enumerable: true,
+  get: function () { return core.treeChartType; }
+});
+Object.defineProperty(exports, "treemapChartType", {
+  enumerable: true,
+  get: function () { return core.treemapChartType; }
+});
+Object.defineProperty(exports, "volumeChartType", {
+  enumerable: true,
+  get: function () { return core.volumeChartType; }
+});
+Object.defineProperty(exports, "waterfallChartType", {
+  enumerable: true,
+  get: function () { return core.waterfallChartType; }
+});
+//# sourceMappingURL=exports.cjs.map
+//# sourceMappingURL=exports.cjs.map

package/dist/exports.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"exports.cjs","sourcesContent":[]}

package/dist/exports.d.cts

@@ -0,0 +1 @@
+export { ChartData, ChartInstance, ChartOptions, ChartTypePlugin, areaChartType, barChartType, baselineChartType, boxplotChartType, bubbleChartType, bulletChartType, calendarChartType, candlestickChartType, chordChartType, comboChartType, customChartType, donutChartType, dumbbellChartType, funnelChartType, gaugeChartType, geoChartType, graphChartType, heatmapChartType, histogramChartType, horizontalBarChartType, kagiChartType, lineChartType, linesChartType, lollipopChartType, matrixChartType, ohlcChartType, parallelChartType, pictorialBarChartType, pieChartType, polarChartType, radarChartType, radialBarChartType, rangeChartType, renkoChartType, sankeyChartType, scatterChartType, sparklineChartType, stackedBarChartType, stepChartType, sunburstChartType, themeRiverChartType, treeChartType, treemapChartType, volumeChartType, waterfallChartType } from '@chartts/core';

package/dist/exports.d.ts

@@ -0,0 +1 @@
+export { ChartData, ChartInstance, ChartOptions, ChartTypePlugin, areaChartType, barChartType, baselineChartType, boxplotChartType, bubbleChartType, bulletChartType, calendarChartType, candlestickChartType, chordChartType, comboChartType, customChartType, donutChartType, dumbbellChartType, funnelChartType, gaugeChartType, geoChartType, graphChartType, heatmapChartType, histogramChartType, horizontalBarChartType, kagiChartType, lineChartType, linesChartType, lollipopChartType, matrixChartType, ohlcChartType, parallelChartType, pictorialBarChartType, pieChartType, polarChartType, radarChartType, radialBarChartType, rangeChartType, renkoChartType, sankeyChartType, scatterChartType, sparklineChartType, stackedBarChartType, stepChartType, sunburstChartType, themeRiverChartType, treeChartType, treemapChartType, volumeChartType, waterfallChartType } from '@chartts/core';

package/dist/exports.js

@@ -0,0 +1,3 @@
+export { areaChartType, barChartType, baselineChartType, boxplotChartType, bubbleChartType, bulletChartType, calendarChartType, candlestickChartType, chordChartType, comboChartType, customChartType, donutChartType, dumbbellChartType, funnelChartType, gaugeChartType, geoChartType, graphChartType, heatmapChartType, histogramChartType, horizontalBarChartType, kagiChartType, lineChartType, linesChartType, lollipopChartType, matrixChartType, ohlcChartType, parallelChartType, pictorialBarChartType, pieChartType, polarChartType, radarChartType, radialBarChartType, rangeChartType, renkoChartType, sankeyChartType, scatterChartType, sparklineChartType, stackedBarChartType, stepChartType, sunburstChartType, themeRiverChartType, treeChartType, treemapChartType, volumeChartType, waterfallChartType } from '@chartts/core';
+//# sourceMappingURL=exports.js.map
+//# sourceMappingURL=exports.js.map

package/dist/exports.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"exports.js","sourcesContent":[]}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@chartts/svelte",
+  "version": "0.1.3",
+  "description": "Chartts Svelte components — native, not a wrapper.",
+  "type": "module",
+  "svelte": "./src/index.ts",
+  "types": "./dist/exports.d.ts",
+  "main": "./dist/exports.cjs",
+  "module": "./dist/exports.js",
+  "exports": {
+    ".": {
+      "svelte": "./src/index.ts",
+      "types": "./dist/exports.d.ts",
+      "import": "./dist/exports.js",
+      "require": "./dist/exports.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "sideEffects": false,
+  "peerDependencies": {
+    "svelte": ">=4.0.0",
+    "@chartts/core": "0.1.3"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/chartts/chartts"
+  },
+  "homepage": "https://chartts.com",
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  }
+}

package/src/BarChart.svelte

@@ -0,0 +1,39 @@
+<script lang="ts">
+  import { onMount, onDestroy } from 'svelte'
+  import {
+    createChart, barChartType,
+    type ChartData, type ChartOptions, type ChartInstance,
+  } from '@chartts/core'
+
+  let {
+    data,
+    class: className = '',
+    ...options
+  }: { data: ChartData; class?: string } & ChartOptions = $props()
+
+  let container: HTMLDivElement
+  let instance: ChartInstance | null = null
+
+  onMount(() => {
+    instance = createChart(container, barChartType, data, options)
+  })
+
+  $effect(() => {
+    instance?.setData(data)
+  })
+
+  $effect(() => {
+    instance?.setOptions(options)
+  })
+
+  onDestroy(() => {
+    instance?.destroy()
+    instance = null
+  })
+
+  export function getInstance(): ChartInstance | null {
+    return instance
+  }
+</script>
+
+<div bind:this={container} class={className}></div>

package/src/Chart.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+  import { onMount, onDestroy } from 'svelte'
+  import {
+    createChart,
+    type ChartData, type ChartOptions, type ChartInstance, type ChartTypePlugin,
+  } from '@chartts/core'
+
+  let {
+    type: chartType,
+    data,
+    class: className = '',
+    ...options
+  }: { type: ChartTypePlugin; data: ChartData; class?: string } & ChartOptions = $props()
+
+  let container: HTMLDivElement
+  let instance: ChartInstance | null = null
+
+  onMount(() => {
+    instance = createChart(container, chartType, data, options)
+  })
+
+  $effect(() => {
+    instance?.setData(data)
+  })
+
+  $effect(() => {
+    instance?.setOptions(options)
+  })
+
+  onDestroy(() => {
+    instance?.destroy()
+    instance = null
+  })
+
+  export function getInstance(): ChartInstance | null {
+    return instance
+  }
+</script>
+
+<div bind:this={container} class={className}></div>

package/src/LineChart.svelte

@@ -0,0 +1,39 @@
+<script lang="ts">
+  import { onMount, onDestroy } from 'svelte'
+  import {
+    createChart, lineChartType,
+    type ChartData, type ChartOptions, type ChartInstance,
+  } from '@chartts/core'
+
+  let {
+    data,
+    class: className = '',
+    ...options
+  }: { data: ChartData; class?: string } & ChartOptions = $props()
+
+  let container: HTMLDivElement
+  let instance: ChartInstance | null = null
+
+  onMount(() => {
+    instance = createChart(container, lineChartType, data, options)
+  })
+
+  $effect(() => {
+    instance?.setData(data)
+  })
+
+  $effect(() => {
+    instance?.setOptions(options)
+  })
+
+  onDestroy(() => {
+    instance?.destroy()
+    instance = null
+  })
+
+  export function getInstance(): ChartInstance | null {
+    return instance
+  }
+</script>
+
+<div bind:this={container} class={className}></div>

package/src/exports.ts

@@ -0,0 +1,15 @@
+export {
+  lineChartType, barChartType, stackedBarChartType, horizontalBarChartType,
+  pieChartType, donutChartType, scatterChartType, sparklineChartType,
+  areaChartType, radarChartType, bubbleChartType, candlestickChartType,
+  gaugeChartType, waterfallChartType, funnelChartType, heatmapChartType,
+  boxplotChartType, histogramChartType, treemapChartType, polarChartType,
+  radialBarChartType, lollipopChartType, bulletChartType, dumbbellChartType,
+  calendarChartType, comboChartType, sankeyChartType,
+  sunburstChartType, treeChartType, graphChartType, parallelChartType,
+  themeRiverChartType, pictorialBarChartType, chordChartType,
+  geoChartType, linesChartType, matrixChartType, customChartType,
+  ohlcChartType, stepChartType, volumeChartType, rangeChartType,
+  baselineChartType, kagiChartType, renkoChartType,
+} from '@chartts/core'
+export type { ChartData, ChartOptions, ChartInstance, ChartTypePlugin } from '@chartts/core'

package/src/index.ts

@@ -0,0 +1,19 @@
+export { default as Chart } from './Chart.svelte'
+export { default as LineChart } from './LineChart.svelte'
+export { default as BarChart } from './BarChart.svelte'
+
+export {
+  lineChartType, barChartType, stackedBarChartType, horizontalBarChartType,
+  pieChartType, donutChartType, scatterChartType, sparklineChartType,
+  areaChartType, radarChartType, bubbleChartType, candlestickChartType,
+  gaugeChartType, waterfallChartType, funnelChartType, heatmapChartType,
+  boxplotChartType, histogramChartType, treemapChartType, polarChartType,
+  radialBarChartType, lollipopChartType, bulletChartType, dumbbellChartType,
+  calendarChartType, comboChartType, sankeyChartType,
+  sunburstChartType, treeChartType, graphChartType, parallelChartType,
+  themeRiverChartType, pictorialBarChartType, chordChartType,
+  geoChartType, linesChartType, matrixChartType, customChartType,
+  ohlcChartType, stepChartType, volumeChartType, rangeChartType,
+  baselineChartType, kagiChartType, renkoChartType,
+} from '@chartts/core'
+export type { ChartData, ChartOptions, ChartInstance, ChartTypePlugin } from '@chartts/core'