@carbon/charts-svelte 1.16.2 → 1.16.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +22 -0
- package/README.md +6 -7
- package/dist/AlluvialChart.svelte +2 -2
- package/dist/AlluvialChart.svelte.d.ts +3 -3
- package/dist/AreaChart.svelte +2 -2
- package/dist/AreaChart.svelte.d.ts +3 -3
- package/dist/BarChartGrouped.svelte +2 -2
- package/dist/BarChartGrouped.svelte.d.ts +3 -3
- package/dist/BarChartSimple.svelte +2 -2
- package/dist/BarChartSimple.svelte.d.ts +3 -3
- package/dist/BarChartStacked.svelte +2 -2
- package/dist/BarChartStacked.svelte.d.ts +3 -3
- package/dist/BaseChart.svelte +5 -5
- package/dist/BaseChart.svelte.d.ts +15 -18
- package/dist/BoxplotChart.svelte +2 -2
- package/dist/BoxplotChart.svelte.d.ts +3 -3
- package/dist/BubbleChart.svelte +2 -2
- package/dist/BubbleChart.svelte.d.ts +3 -3
- package/dist/BulletChart.svelte +2 -2
- package/dist/BulletChart.svelte.d.ts +3 -3
- package/dist/ChoroplethChart.svelte +3 -3
- package/dist/ChoroplethChart.svelte.d.ts +4 -4
- package/dist/CirclePackChart.svelte +2 -2
- package/dist/CirclePackChart.svelte.d.ts +3 -3
- package/dist/ComboChart.svelte +2 -2
- package/dist/ComboChart.svelte.d.ts +3 -3
- package/dist/DonutChart.svelte +2 -2
- package/dist/DonutChart.svelte.d.ts +3 -3
- package/dist/GaugeChart.svelte +2 -2
- package/dist/GaugeChart.svelte.d.ts +3 -3
- package/dist/HeatmapChart.svelte +2 -2
- package/dist/HeatmapChart.svelte.d.ts +3 -3
- package/dist/HistogramChart.svelte +2 -2
- package/dist/HistogramChart.svelte.d.ts +3 -3
- package/dist/LineChart.svelte +2 -2
- package/dist/LineChart.svelte.d.ts +3 -3
- package/dist/LollipopChart.svelte +2 -2
- package/dist/LollipopChart.svelte.d.ts +3 -3
- package/dist/MeterChart.svelte +2 -2
- package/dist/MeterChart.svelte.d.ts +3 -3
- package/dist/PieChart.svelte +2 -2
- package/dist/PieChart.svelte.d.ts +3 -3
- package/dist/RadarChart.svelte +2 -2
- package/dist/RadarChart.svelte.d.ts +3 -3
- package/dist/ScatterChart.svelte +2 -2
- package/dist/ScatterChart.svelte.d.ts +3 -3
- package/dist/StackedAreaChart.svelte +2 -2
- package/dist/StackedAreaChart.svelte.d.ts +3 -3
- package/dist/TreeChart.svelte +2 -2
- package/dist/TreeChart.svelte.d.ts +3 -3
- package/dist/TreemapChart.svelte +2 -2
- package/dist/TreemapChart.svelte.d.ts +3 -3
- package/dist/WordCloudChart.svelte +2 -2
- package/dist/WordCloudChart.svelte.d.ts +5 -5
- package/dist/index.d.ts +11 -3
- package/dist/index.js +6 -2
- package/package.json +7 -10
- package/telemetry.yml +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,28 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See
|
|
4
4
|
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 1.16.4 (2024-06-12)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **wordcloud,choropleth:** provide corrected names, deprecate old names
|
|
11
|
+
([#1832](https://github.com/carbon-design-system/carbon-charts/issues/1832))
|
|
12
|
+
([230ce7c](https://github.com/carbon-design-system/carbon-charts/commit/230ce7c3bdce8e03e70b8188e06a1d65ee90b2be))
|
|
13
|
+
|
|
14
|
+
# Change Log
|
|
15
|
+
|
|
16
|
+
All notable changes to this project will be documented in this file. See
|
|
17
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
18
|
+
|
|
19
|
+
## 1.16.3 (2024-06-03)
|
|
20
|
+
|
|
21
|
+
**Note:** Version bump only for package @carbon/charts-svelte
|
|
22
|
+
|
|
23
|
+
# Change Log
|
|
24
|
+
|
|
25
|
+
All notable changes to this project will be documented in this file. See
|
|
26
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
27
|
+
|
|
6
28
|
## 1.16.2 (2024-06-03)
|
|
7
29
|
|
|
8
30
|
**Note:** Version bump only for package @carbon/charts-svelte
|
package/README.md
CHANGED
|
@@ -20,13 +20,13 @@ Please direct all questions regarding support, bug fixes and feature requests to
|
|
|
20
20
|
Run the following command using [npm](https://www.npmjs.com/):
|
|
21
21
|
|
|
22
22
|
```bash
|
|
23
|
-
npm install -D @carbon/charts-svelte
|
|
23
|
+
npm install -D @carbon/charts-svelte
|
|
24
24
|
```
|
|
25
25
|
|
|
26
26
|
If you prefer [Yarn](https://yarnpkg.com/en/), use the following command instead:
|
|
27
27
|
|
|
28
28
|
```bash
|
|
29
|
-
yarn add -D @carbon/charts-svelte
|
|
29
|
+
yarn add -D @carbon/charts-svelte
|
|
30
30
|
```
|
|
31
31
|
|
|
32
32
|
### SvelteKit
|
|
@@ -58,7 +58,7 @@ You may see circular dependency warnings for `d3` packages. These can be safely
|
|
|
58
58
|
|
|
59
59
|
## Usage
|
|
60
60
|
|
|
61
|
-
Styles must be imported from `@carbon/charts-svelte/styles.css`.
|
|
61
|
+
Styles must be imported from `@carbon/charts-svelte/styles.css` or `@carbon/charts-svelte/scss`.
|
|
62
62
|
|
|
63
63
|
```js
|
|
64
64
|
import '@carbon/charts-svelte/styles.css'
|
|
@@ -271,9 +271,8 @@ let chart: ChartProps['chart'] = null
|
|
|
271
271
|
|
|
272
272
|
## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
|
|
273
273
|
|
|
274
|
-
This package uses IBM Telemetry to collect metrics data. By installing this
|
|
275
|
-
|
|
276
|
-
see
|
|
274
|
+
This package uses IBM Telemetry to collect metrics data. By installing this package as a dependency
|
|
275
|
+
you are agreeing to telemetry collection. To opt out, see
|
|
277
276
|
[Opting out of IBM Telemetry data collection](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection).
|
|
278
277
|
For more information on the data being collected, please see the
|
|
279
|
-
[IBM Telemetry documentation](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics).
|
|
278
|
+
[IBM Telemetry documentation](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics).
|
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: AlluvialChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: AlluvialChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/AreaChart.svelte
CHANGED
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: AreaChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: AreaChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: BarChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: GroupedBarChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: BarChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: SimpleBarChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: BarChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: StackedBarChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/BaseChart.svelte
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
<script>import { onMount, afterUpdate, onDestroy, createEventDispatcher } from "svelte";
|
|
1
|
+
<script generics="T extends BaseChartOptions">import { onMount, afterUpdate, onDestroy, createEventDispatcher } from "svelte";
|
|
2
2
|
const chartHolderCssClass = "cds--chart-holder";
|
|
3
3
|
export let data = [];
|
|
4
4
|
export let options = {};
|
|
5
|
-
export let Chart
|
|
6
|
-
export let chart
|
|
7
|
-
export let ref
|
|
5
|
+
export let Chart;
|
|
6
|
+
export let chart;
|
|
7
|
+
export let ref;
|
|
8
8
|
export let id = `chart-${Math.random().toString(36)}`;
|
|
9
9
|
const dispatch = createEventDispatcher();
|
|
10
10
|
onMount(() => {
|
|
@@ -31,7 +31,7 @@ onDestroy(() => {
|
|
|
31
31
|
dispatch("destroy");
|
|
32
32
|
chart.components.forEach((component) => component.destroy());
|
|
33
33
|
chart.model.set({ destroyed: true }, { skipUpdate: true });
|
|
34
|
-
chart =
|
|
34
|
+
chart = void 0;
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
37
|
</script>
|
|
@@ -1,33 +1,30 @@
|
|
|
1
1
|
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import type { Charts,
|
|
3
|
-
declare
|
|
4
|
-
props: {
|
|
2
|
+
import type { Charts, ChartConfig, BaseChartOptions, ChartTabularData } from '@carbon/charts';
|
|
3
|
+
declare class __sveltets_Render<T extends BaseChartOptions> {
|
|
4
|
+
props(): {
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
data?: ChartTabularData;
|
|
7
|
-
options?:
|
|
8
|
-
Chart
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}) => Charts | undefined;
|
|
12
|
-
chart?: Charts | null;
|
|
13
|
-
ref?: HTMLDivElement | null;
|
|
7
|
+
options?: T;
|
|
8
|
+
Chart: new (holder: HTMLDivElement, chartConfigs: ChartConfig<T>) => Charts;
|
|
9
|
+
chart: Charts;
|
|
10
|
+
ref: HTMLDivElement;
|
|
14
11
|
id?: string;
|
|
15
12
|
};
|
|
16
|
-
events: {
|
|
13
|
+
events(): {
|
|
17
14
|
load: CustomEvent<null>;
|
|
18
15
|
update: CustomEvent<{
|
|
19
16
|
data: ChartTabularData;
|
|
20
|
-
options:
|
|
17
|
+
options: T;
|
|
21
18
|
}>;
|
|
22
19
|
destroy: CustomEvent<null>;
|
|
23
20
|
} & {
|
|
24
21
|
[evt: string]: CustomEvent<any>;
|
|
25
22
|
};
|
|
26
|
-
slots: {};
|
|
27
|
-
}
|
|
28
|
-
export type BaseChartProps =
|
|
29
|
-
export type BaseChartEvents =
|
|
30
|
-
export type BaseChartSlots =
|
|
31
|
-
export default class BaseChart extends SvelteComponentTyped<BaseChartProps
|
|
23
|
+
slots(): {};
|
|
24
|
+
}
|
|
25
|
+
export type BaseChartProps<T extends BaseChartOptions> = ReturnType<__sveltets_Render<T>['props']>;
|
|
26
|
+
export type BaseChartEvents<T extends BaseChartOptions> = ReturnType<__sveltets_Render<T>['events']>;
|
|
27
|
+
export type BaseChartSlots<T extends BaseChartOptions> = ReturnType<__sveltets_Render<T>['slots']>;
|
|
28
|
+
export default class BaseChart<T extends BaseChartOptions> extends SvelteComponentTyped<BaseChartProps<T>, BaseChartEvents<T>, BaseChartSlots<T>> {
|
|
32
29
|
}
|
|
33
30
|
export {};
|
package/dist/BoxplotChart.svelte
CHANGED
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: BoxplotChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: BoxplotChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/BubbleChart.svelte
CHANGED
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: BubbleChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: BubbleChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/BulletChart.svelte
CHANGED
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: BulletChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: BulletChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<script>import {
|
|
2
|
-
|
|
2
|
+
ChoroplethChart as ChoroplethChartCore
|
|
3
3
|
} from "@carbon/charts";
|
|
4
4
|
import BaseChart from "./BaseChart.svelte";
|
|
5
5
|
export let options;
|
|
6
6
|
export let data;
|
|
7
|
-
export let chart
|
|
8
|
-
export let ref
|
|
7
|
+
export let chart;
|
|
8
|
+
export let ref;
|
|
9
9
|
</script>
|
|
10
10
|
|
|
11
11
|
<BaseChart
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import {
|
|
2
|
+
import { ChoroplethChart as ChoroplethChartCore, type ChoroplethChartOptions, type ChartTabularData } from '@carbon/charts';
|
|
3
3
|
declare const __propDef: {
|
|
4
4
|
props: {
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: ChoroplethChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: ChoroplethChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: CirclePackChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: CirclePackChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/ComboChart.svelte
CHANGED
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: ComboChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: ComboChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/DonutChart.svelte
CHANGED
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: DonutChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: DonutChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/GaugeChart.svelte
CHANGED
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: GaugeChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: GaugeChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/HeatmapChart.svelte
CHANGED
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: HeatmapChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: HeatmapChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: HistogramChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: HistogramChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/LineChart.svelte
CHANGED
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: LineChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: LineChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: LollipopChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: LollipopChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/MeterChart.svelte
CHANGED
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: MeterChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: MeterChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/PieChart.svelte
CHANGED
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: PieChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: PieChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/RadarChart.svelte
CHANGED
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: RadarChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: RadarChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/ScatterChart.svelte
CHANGED
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: ScatterChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: ScatterChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: StackedAreaChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: StackedAreaChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/TreeChart.svelte
CHANGED
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: TreeChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: TreeChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/TreemapChart.svelte
CHANGED
|
@@ -5,14 +5,14 @@ declare const __propDef: {
|
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
options: TreemapChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: TreemapChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import { WordCloudChart as WordCloudChartCore, type WorldCloudChartOptions, type ChartTabularData } from '@carbon/charts';
|
|
2
|
+
import { WordCloudChart as WordCloudChartCore, type WordCloudChartOptions, type WorldCloudChartOptions, type ChartTabularData } from '@carbon/charts';
|
|
3
3
|
declare const __propDef: {
|
|
4
4
|
props: {
|
|
5
5
|
[x: string]: any;
|
|
6
|
-
options: WorldCloudChartOptions;
|
|
6
|
+
options: WordCloudChartOptions | WorldCloudChartOptions;
|
|
7
7
|
data: ChartTabularData;
|
|
8
|
-
chart
|
|
9
|
-
ref
|
|
8
|
+
chart: WordCloudChartCore;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
10
|
};
|
|
11
11
|
events: {
|
|
12
12
|
load: CustomEvent<null>;
|
|
13
13
|
update: CustomEvent<{
|
|
14
14
|
data: ChartTabularData;
|
|
15
|
-
options: import("@carbon/charts").
|
|
15
|
+
options: import("@carbon/charts").BaseChartOptions;
|
|
16
16
|
}>;
|
|
17
17
|
destroy: CustomEvent<null>;
|
|
18
18
|
} & {
|
package/dist/index.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ import BarChartStacked from './BarChartStacked.svelte';
|
|
|
6
6
|
import BoxplotChart from './BoxplotChart.svelte';
|
|
7
7
|
import BubbleChart from './BubbleChart.svelte';
|
|
8
8
|
import BulletChart from './BulletChart.svelte';
|
|
9
|
-
import
|
|
9
|
+
import ChoroplethChart from './ChoroplethChart.svelte';
|
|
10
10
|
import CirclePackChart from './CirclePackChart.svelte';
|
|
11
11
|
import ComboChart from './ComboChart.svelte';
|
|
12
12
|
import DonutChart from './DonutChart.svelte';
|
|
@@ -23,6 +23,14 @@ import StackedAreaChart from './StackedAreaChart.svelte';
|
|
|
23
23
|
import TreeChart from './TreeChart.svelte';
|
|
24
24
|
import TreemapChart from './TreemapChart.svelte';
|
|
25
25
|
import WordCloudChart from './WordCloudChart.svelte';
|
|
26
|
-
export type { ChartTabularData, ChartOptions, AlluvialChartOptions, AreaChartOptions, BarChartOptions, BoxplotChartOptions, BubbleChartOptions, BulletChartOptions, ChoroplethChartOptions, CirclePackChartOptions, ComboChartOptions, DonutChartOptions, GaugeChartOptions, HeatmapChartOptions, HistogramChartOptions, LineChartOptions, LollipopChartOptions, MeterChartOptions, PieChartOptions, RadarChartOptions, ScatterChartOptions, StackedAreaChartOptions, TreeChartOptions, TreemapChartOptions,
|
|
26
|
+
export type { ChartTabularData, ChartOptions, AlluvialChartOptions, AreaChartOptions, BarChartOptions, BoxplotChartOptions, BubbleChartOptions, BulletChartOptions, ChoroplethChartOptions, CirclePackChartOptions, ComboChartOptions, DonutChartOptions, GaugeChartOptions, HeatmapChartOptions, HistogramChartOptions, LineChartOptions, LollipopChartOptions, MeterChartOptions, PieChartOptions, RadarChartOptions, ScatterChartOptions, StackedAreaChartOptions, TreeChartOptions, TreemapChartOptions, WordCloudChartOptions,
|
|
27
|
+
/**
|
|
28
|
+
* @deprecated Use `WordCloudChartOptions` instead.
|
|
29
|
+
*/
|
|
30
|
+
WorldCloudChartOptions } from '@carbon/charts';
|
|
27
31
|
export { Alignments, ChartTheme, ScaleTypes } from '@carbon/charts';
|
|
28
|
-
export { AlluvialChart, AreaChart, BarChartGrouped, BarChartSimple, BarChartStacked, BoxplotChart, BubbleChart, BulletChart,
|
|
32
|
+
export { AlluvialChart, AreaChart, BarChartGrouped, BarChartSimple, BarChartStacked, BoxplotChart, BubbleChart, BulletChart, ChoroplethChart,
|
|
33
|
+
/**
|
|
34
|
+
* @deprecated Use `ChoroplethChart` instead.
|
|
35
|
+
*/
|
|
36
|
+
ChoroplethChart as ExperimentalChoroplethChart, CirclePackChart, ComboChart, DonutChart, GaugeChart, HeatmapChart, HistogramChart, LineChart, LollipopChart, MeterChart, PieChart, RadarChart, ScatterChart, StackedAreaChart, TreeChart, TreemapChart, WordCloudChart };
|
package/dist/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import BarChartStacked from './BarChartStacked.svelte';
|
|
|
6
6
|
import BoxplotChart from './BoxplotChart.svelte';
|
|
7
7
|
import BubbleChart from './BubbleChart.svelte';
|
|
8
8
|
import BulletChart from './BulletChart.svelte';
|
|
9
|
-
import
|
|
9
|
+
import ChoroplethChart from './ChoroplethChart.svelte';
|
|
10
10
|
import CirclePackChart from './CirclePackChart.svelte';
|
|
11
11
|
import ComboChart from './ComboChart.svelte';
|
|
12
12
|
import DonutChart from './DonutChart.svelte';
|
|
@@ -25,4 +25,8 @@ import TreemapChart from './TreemapChart.svelte';
|
|
|
25
25
|
import WordCloudChart from './WordCloudChart.svelte';
|
|
26
26
|
// Commonly-used enums
|
|
27
27
|
export { Alignments, ChartTheme, ScaleTypes } from '@carbon/charts';
|
|
28
|
-
export { AlluvialChart, AreaChart, BarChartGrouped, BarChartSimple, BarChartStacked, BoxplotChart, BubbleChart, BulletChart,
|
|
28
|
+
export { AlluvialChart, AreaChart, BarChartGrouped, BarChartSimple, BarChartStacked, BoxplotChart, BubbleChart, BulletChart, ChoroplethChart,
|
|
29
|
+
/**
|
|
30
|
+
* @deprecated Use `ChoroplethChart` instead.
|
|
31
|
+
*/
|
|
32
|
+
ChoroplethChart as ExperimentalChoroplethChart, CirclePackChart, ComboChart, DonutChart, GaugeChart, HeatmapChart, HistogramChart, LineChart, LollipopChart, MeterChart, PieChart, RadarChart, ScatterChart, StackedAreaChart, TreeChart, TreemapChart, WordCloudChart };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/charts-svelte",
|
|
3
|
-
"version": "1.16.
|
|
3
|
+
"version": "1.16.4",
|
|
4
4
|
"description": "Carbon Charts component library for Svelte",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"postinstall": "ibmtelemetry --config=telemetry.yml",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"svelte": "^3.31.0 || ^4.0.0"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@carbon/charts": "1.16.
|
|
46
|
+
"@carbon/charts": "1.16.4",
|
|
47
47
|
"@ibm/telemetry-js": "^1.5.2"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
@@ -53,18 +53,15 @@
|
|
|
53
53
|
"@sveltejs/package": "^2.3.1",
|
|
54
54
|
"@sveltejs/vite-plugin-svelte": "^3.1.1",
|
|
55
55
|
"concurrently": "^8.2.2",
|
|
56
|
-
"d3": "^7.9.0",
|
|
57
|
-
"d3-cloud": "^1.2.7",
|
|
58
|
-
"d3-sankey": "^0.12.3",
|
|
59
56
|
"eslint": "^9.4.0",
|
|
60
|
-
"prettier": "^3.3.
|
|
57
|
+
"prettier": "^3.3.2",
|
|
61
58
|
"publint": "^0.2.8",
|
|
62
59
|
"storybook": "^7.6.19",
|
|
63
|
-
"svelte": "^4.2.
|
|
60
|
+
"svelte": "^4.2.18",
|
|
64
61
|
"svelte-check": "^3.8.0",
|
|
65
|
-
"tslib": "^2.6.
|
|
62
|
+
"tslib": "^2.6.3",
|
|
66
63
|
"typescript": "^5.4.5",
|
|
67
|
-
"vite": "^5.2.
|
|
64
|
+
"vite": "^5.2.13"
|
|
68
65
|
},
|
|
69
66
|
"publishConfig": {
|
|
70
67
|
"access": "public"
|
|
@@ -121,5 +118,5 @@
|
|
|
121
118
|
"data",
|
|
122
119
|
"typescript"
|
|
123
120
|
],
|
|
124
|
-
"gitHead": "
|
|
121
|
+
"gitHead": "90b76c87d3aa0042e050e9862ed2ebad630e580c"
|
|
125
122
|
}
|
package/telemetry.yml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# yaml-language-server: $schema=https://unpkg.com/@ibm/telemetry-config-schema@v1/dist/config.schema.json
|
|
2
2
|
version: 1
|
|
3
3
|
projectId: f4284ccd-bed3-420a-ab93-829c790246e7
|
|
4
|
-
endpoint:
|
|
4
|
+
endpoint: 'https://collector-prod.1am6wm210aow.us-south.codeengine.appdomain.cloud/v1/metrics'
|
|
5
5
|
collect:
|
|
6
6
|
npm:
|
|
7
7
|
dependencies: null
|