@carbon/charts-vue 1.11.0 → 1.11.1

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.11.1](https://github.com/carbon-design-system/carbon-charts/compare/v1.11.0...v1.11.1) (2023-06-28)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [1.11.0](https://github.com/carbon-design-system/carbon-charts/compare/v1.10.6...v1.11.0) (2023-06-28)
 
 **Note:** Version bump only for package @carbon/charts-vue

package/README.md

@@ -1,6 +1,6 @@
 # Carbon Charts Vue
 
-Carbon Charts Vue is a thin Vue.js wrapper around the vanilla JavScript `@carbon/charts` component library. The charts are based on D3.js, a peer dependency. This version is for Vue.js ^2.7.0. For Vue.js 3.x support, check for the availability of `@carbon/charts-vue@next`.
+Carbon Charts Vue is a thin Vue.js wrapper around the vanilla JavScript `@carbon/charts` component library. The charts are based on D3.js, a peer dependency. This version is for Vue.js ^3.3.0. For Vue.js 2.x support, please use `@carbon/charts-vue@latest`.
 
 The required styles should be imported from `@carbon/charts-vue/styles.css` and `@carbon/styles/css/styles.css`. Additional documentation is provided in the Storybook demos.
 

package/dist/components/CcvAlluvialChart.d.ts

@@ -1,41 +1,91 @@
-import { AlluvialChartOptions, ChartTabularData } from '@carbon/charts';
-declare const _sfc_main: import('./vue/dist/vue.esm.js').DefineComponent<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: () => AlluvialChartOptions;
-        required: true;
-    };
-}, {}, {}, {}, {}, import('./vue/dist/vue.esm.js/types/v3-component-options.js').ComponentOptionsMixin, import('./vue/dist/vue.esm.js').DefineComponent<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: ObjectConstructor;
-        required: true;
-    };
-}, {}, {
-    coreChart: import("./CcvBaseChart").CoreChart<any> | null;
-}, {}, {}, import('./vue/dist/vue.esm.js/types/v3-component-options.js').ComponentOptionsMixin, import('./vue/dist/vue.esm.js/types/v3-component-options.js').ComponentOptionsMixin, {}, string, Readonly<import('./vue/dist/vue.esm.js').ExtractPropTypes<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: ObjectConstructor;
-        required: true;
-    };
-}>>, {}>, {}, string, Readonly<import('./vue/dist/vue.esm.js').ExtractPropTypes<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: () => AlluvialChartOptions;
-        required: true;
-    };
-}>>, {}>;
-export default _sfc_main;
+import { type AlluvialChartOptions } from '@carbon/charts';
+declare const _default: import('./vue/dist/vue.esm-bundler.js').DefineComponent<{
+    data: {
+        type: () => import("@carbon/charts").ChartTabularData;
+        required: true;
+    };
+    options: {
+        type: () => AlluvialChartOptions;
+        required: true;
+    };
+}, {
+    chart: import('./vue/dist/vue.esm-bundler.js').Ref<{
+        components: {
+            type: string;
+            renderType: import("@carbon/charts").RenderTypes;
+            id: string;
+            init: () => void;
+            render: (animate?: boolean | undefined) => void;
+            destroy: () => void;
+            setModel: (newObj: any) => void;
+            setServices: (newObj: any) => void;
+            setParent: (parent: any) => void;
+            getParent: () => import("d3-selection").Selection<HTMLDivElement | SVGGraphicsElement, any, HTMLElement, any>;
+            getComponentContainer: (configs?: {
+                withinChartClip: boolean;
+            } | undefined) => import("d3-selection").Selection<any, any, Element, any>;
+            getOptions: () => any;
+        }[];
+        services: any;
+        model: {
+            getAllDataFromDomain: (groups?: any) => any;
+            getDisplayData: (groups?: any) => any;
+            getData: () => any;
+            isDataEmpty: () => boolean;
+            setData: (newData: any) => any;
+            getDataGroups: (groups?: any) => any;
+            getActiveDataGroups: (groups?: any) => any;
+            getDataGroupNames: (groups?: any) => any;
+            getActiveDataGroupNames: (groups?: any) => any;
+            getBinConfigurations: () => {
+                bins: import("d3-array").Bin<number, number>[];
+                binsDomain: any[];
+            };
+            getBinnedStackedData: () => import("d3-shape").SeriesPoint<{
+                [key: string]: number;
+            }>[][];
+            getGroupedData: (groups?: any) => {
+                name: string;
+                data: any;
+            }[];
+            getStackKeys: ({ bins, groups }?: import("@carbon/charts").StackKeysParams | undefined) => any;
+            getDataValuesGroupedByKeys: ({ bins, groups }: import("@carbon/charts").StackKeysParams) => any;
+            getStackedData: ({ percentage, groups, divergent }: import("@carbon/charts").StackKeysParams) => any[][];
+            getOptions: () => any;
+            set: (newState: any, configs?: any) => void;
+            get: (property?: string | undefined) => any;
+            setOptions: (newOptions: any) => void;
+            update: (animate?: boolean | undefined) => void;
+            toggleDataLabel: (changedLabel: string) => void;
+            getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean | undefined) => any;
+            getFillColor: (group: any, key?: any, data?: any) => any;
+            getStrokeColor: (group: any, key?: any, data?: any) => any;
+            isUserProvidedColorScaleValid: () => any;
+            getColorClassName: (configs: {
+                classNameTypes?: import("@carbon/charts").ColorClassNameTypes[] | undefined;
+                dataGroupName?: string | number | undefined;
+                originalClassName?: string | undefined;
+                value?: number | undefined;
+            }) => string;
+            getStatus: () => any;
+            getAllDataGroupsNames: () => string[];
+            getTabularDataArray: () => import("@carbon/charts").ChartTabularData;
+            exportToCSV: () => void;
+        };
+        init: (holder: HTMLDivElement, chartConfigs: import("@carbon/charts").ChartConfig<import("@carbon/charts").BaseChartOptions>) => void;
+        getComponents: () => import("@carbon/charts").Component[];
+        update: () => void;
+        destroy: () => void;
+    } | null>;
+    chartDiv: import('./vue/dist/vue.esm-bundler.js').Ref<HTMLDivElement | null>;
+}, unknown, {}, {}, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, import('./vue/dist/vue.esm-bundler.js').VNodeProps & import('./vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('./vue/dist/vue.esm-bundler.js').ComponentCustomProps, Readonly<import('./vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+    data: {
+        type: () => import("@carbon/charts").ChartTabularData;
+        required: true;
+    };
+    options: {
+        type: () => AlluvialChartOptions;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/components/CcvAreaChart.d.ts

@@ -1,41 +1,91 @@
-import { AreaChartOptions, ChartTabularData } from '@carbon/charts';
-declare const _sfc_main: import('./vue/dist/vue.esm.js').DefineComponent<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: () => AreaChartOptions;
-        required: true;
-    };
-}, {}, {}, {}, {}, import('./vue/dist/vue.esm.js/types/v3-component-options.js').ComponentOptionsMixin, import('./vue/dist/vue.esm.js').DefineComponent<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: ObjectConstructor;
-        required: true;
-    };
-}, {}, {
-    coreChart: import("./CcvBaseChart").CoreChart<any> | null;
-}, {}, {}, import('./vue/dist/vue.esm.js/types/v3-component-options.js').ComponentOptionsMixin, import('./vue/dist/vue.esm.js/types/v3-component-options.js').ComponentOptionsMixin, {}, string, Readonly<import('./vue/dist/vue.esm.js').ExtractPropTypes<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: ObjectConstructor;
-        required: true;
-    };
-}>>, {}>, {}, string, Readonly<import('./vue/dist/vue.esm.js').ExtractPropTypes<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: () => AreaChartOptions;
-        required: true;
-    };
-}>>, {}>;
-export default _sfc_main;
+import { type AreaChartOptions } from '@carbon/charts';
+declare const _default: import('./vue/dist/vue.esm-bundler.js').DefineComponent<{
+    data: {
+        type: () => import("@carbon/charts").ChartTabularData;
+        required: true;
+    };
+    options: {
+        type: () => AreaChartOptions;
+        required: true;
+    };
+}, {
+    chart: import('./vue/dist/vue.esm-bundler.js').Ref<{
+        components: {
+            type: string;
+            renderType: import("@carbon/charts").RenderTypes;
+            id: string;
+            init: () => void;
+            render: (animate?: boolean | undefined) => void;
+            destroy: () => void;
+            setModel: (newObj: any) => void;
+            setServices: (newObj: any) => void;
+            setParent: (parent: any) => void;
+            getParent: () => import("d3-selection").Selection<HTMLDivElement | SVGGraphicsElement, any, HTMLElement, any>;
+            getComponentContainer: (configs?: {
+                withinChartClip: boolean;
+            } | undefined) => import("d3-selection").Selection<any, any, Element, any>;
+            getOptions: () => any;
+        }[];
+        services: any;
+        model: {
+            getAllDataFromDomain: (groups?: any) => any;
+            getDisplayData: (groups?: any) => any;
+            getData: () => any;
+            isDataEmpty: () => boolean;
+            setData: (newData: any) => any;
+            getDataGroups: (groups?: any) => any;
+            getActiveDataGroups: (groups?: any) => any;
+            getDataGroupNames: (groups?: any) => any;
+            getActiveDataGroupNames: (groups?: any) => any;
+            getBinConfigurations: () => {
+                bins: import("d3-array").Bin<number, number>[];
+                binsDomain: any[];
+            };
+            getBinnedStackedData: () => import("d3-shape").SeriesPoint<{
+                [key: string]: number;
+            }>[][];
+            getGroupedData: (groups?: any) => {
+                name: string;
+                data: any;
+            }[];
+            getStackKeys: ({ bins, groups }?: import("@carbon/charts").StackKeysParams | undefined) => any;
+            getDataValuesGroupedByKeys: ({ bins, groups }: import("@carbon/charts").StackKeysParams) => any;
+            getStackedData: ({ percentage, groups, divergent }: import("@carbon/charts").StackKeysParams) => any[][];
+            getOptions: () => any;
+            set: (newState: any, configs?: any) => void;
+            get: (property?: string | undefined) => any;
+            setOptions: (newOptions: any) => void;
+            update: (animate?: boolean | undefined) => void;
+            toggleDataLabel: (changedLabel: string) => void;
+            getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean | undefined) => any;
+            getFillColor: (group: any, key?: any, data?: any) => any;
+            getStrokeColor: (group: any, key?: any, data?: any) => any;
+            isUserProvidedColorScaleValid: () => any;
+            getColorClassName: (configs: {
+                classNameTypes?: import("@carbon/charts").ColorClassNameTypes[] | undefined;
+                dataGroupName?: string | number | undefined;
+                originalClassName?: string | undefined;
+                value?: number | undefined;
+            }) => string;
+            getStatus: () => any;
+            getAllDataGroupsNames: () => string[];
+            getTabularDataArray: () => import("@carbon/charts").ChartTabularData;
+            exportToCSV: () => void;
+        };
+        init: (holder: HTMLDivElement, chartConfigs: import("@carbon/charts").ChartConfig<import("@carbon/charts").BaseChartOptions>) => void;
+        getComponents: () => import("@carbon/charts").Component[];
+        update: () => void;
+        destroy: () => void;
+    } | null>;
+    chartDiv: import('./vue/dist/vue.esm-bundler.js').Ref<HTMLDivElement | null>;
+}, unknown, {}, {}, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, import('./vue/dist/vue.esm-bundler.js').VNodeProps & import('./vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('./vue/dist/vue.esm-bundler.js').ComponentCustomProps, Readonly<import('./vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+    data: {
+        type: () => import("@carbon/charts").ChartTabularData;
+        required: true;
+    };
+    options: {
+        type: () => AreaChartOptions;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/components/CcvBoxplotChart.d.ts

@@ -1,41 +1,90 @@
-import { BoxplotChartOptions, ChartTabularData } from '@carbon/charts';
-declare const _sfc_main: import('./vue/dist/vue.esm.js').DefineComponent<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: () => BoxplotChartOptions;
-        required: true;
-    };
-}, {}, {}, {}, {}, import('./vue/dist/vue.esm.js/types/v3-component-options.js').ComponentOptionsMixin, import('./vue/dist/vue.esm.js').DefineComponent<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: ObjectConstructor;
-        required: true;
-    };
-}, {}, {
-    coreChart: import("./CcvBaseChart").CoreChart<any> | null;
-}, {}, {}, import('./vue/dist/vue.esm.js/types/v3-component-options.js').ComponentOptionsMixin, import('./vue/dist/vue.esm.js/types/v3-component-options.js').ComponentOptionsMixin, {}, string, Readonly<import('./vue/dist/vue.esm.js').ExtractPropTypes<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: ObjectConstructor;
-        required: true;
-    };
-}>>, {}>, {}, string, Readonly<import('./vue/dist/vue.esm.js').ExtractPropTypes<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: () => BoxplotChartOptions;
-        required: true;
-    };
-}>>, {}>;
-export default _sfc_main;
+declare const _default: import('./vue/dist/vue.esm-bundler.js').DefineComponent<{
+    data: {
+        type: () => import("@carbon/charts").ChartTabularData;
+        required: true;
+    };
+    options: {
+        type: () => import("@carbon/charts").AxisChartOptions;
+        required: true;
+    };
+}, {
+    chart: import('./vue/dist/vue.esm-bundler.js').Ref<{
+        components: {
+            type: string;
+            renderType: import("@carbon/charts").RenderTypes;
+            id: string;
+            init: () => void;
+            render: (animate?: boolean | undefined) => void;
+            destroy: () => void;
+            setModel: (newObj: any) => void;
+            setServices: (newObj: any) => void;
+            setParent: (parent: any) => void;
+            getParent: () => import("d3-selection").Selection<HTMLDivElement | SVGGraphicsElement, any, HTMLElement, any>;
+            getComponentContainer: (configs?: {
+                withinChartClip: boolean;
+            } | undefined) => import("d3-selection").Selection<any, any, Element, any>;
+            getOptions: () => any;
+        }[];
+        services: any;
+        model: {
+            getAllDataFromDomain: (groups?: any) => any;
+            getDisplayData: (groups?: any) => any;
+            getData: () => any;
+            isDataEmpty: () => boolean;
+            setData: (newData: any) => any;
+            getDataGroups: (groups?: any) => any;
+            getActiveDataGroups: (groups?: any) => any;
+            getDataGroupNames: (groups?: any) => any;
+            getActiveDataGroupNames: (groups?: any) => any;
+            getBinConfigurations: () => {
+                bins: import("d3-array").Bin<number, number>[];
+                binsDomain: any[];
+            };
+            getBinnedStackedData: () => import("d3-shape").SeriesPoint<{
+                [key: string]: number;
+            }>[][];
+            getGroupedData: (groups?: any) => {
+                name: string;
+                data: any;
+            }[];
+            getStackKeys: ({ bins, groups }?: import("@carbon/charts").StackKeysParams | undefined) => any;
+            getDataValuesGroupedByKeys: ({ bins, groups }: import("@carbon/charts").StackKeysParams) => any;
+            getStackedData: ({ percentage, groups, divergent }: import("@carbon/charts").StackKeysParams) => any[][];
+            getOptions: () => any;
+            set: (newState: any, configs?: any) => void;
+            get: (property?: string | undefined) => any;
+            setOptions: (newOptions: any) => void;
+            update: (animate?: boolean | undefined) => void;
+            toggleDataLabel: (changedLabel: string) => void;
+            getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean | undefined) => any;
+            getFillColor: (group: any, key?: any, data?: any) => any;
+            getStrokeColor: (group: any, key?: any, data?: any) => any;
+            isUserProvidedColorScaleValid: () => any;
+            getColorClassName: (configs: {
+                classNameTypes?: import("@carbon/charts").ColorClassNameTypes[] | undefined;
+                dataGroupName?: string | number | undefined;
+                originalClassName?: string | undefined;
+                value?: number | undefined;
+            }) => string;
+            getStatus: () => any;
+            getAllDataGroupsNames: () => string[];
+            getTabularDataArray: () => import("@carbon/charts").ChartTabularData;
+            exportToCSV: () => void;
+        };
+        init: (holder: HTMLDivElement, chartConfigs: import("@carbon/charts").ChartConfig<import("@carbon/charts").BaseChartOptions>) => void;
+        getComponents: () => import("@carbon/charts").Component[];
+        update: () => void;
+        destroy: () => void;
+    } | null>;
+    chartDiv: import('./vue/dist/vue.esm-bundler.js').Ref<HTMLDivElement | null>;
+}, unknown, {}, {}, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, import('./vue/dist/vue.esm-bundler.js').VNodeProps & import('./vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('./vue/dist/vue.esm-bundler.js').ComponentCustomProps, Readonly<import('./vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+    data: {
+        type: () => import("@carbon/charts").ChartTabularData;
+        required: true;
+    };
+    options: {
+        type: () => import("@carbon/charts").AxisChartOptions;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/components/CcvBubbleChart.d.ts

@@ -1,41 +1,91 @@
-import { BubbleChartOptions, ChartTabularData } from '@carbon/charts';
-declare const _sfc_main: import('./vue/dist/vue.esm.js').DefineComponent<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: () => BubbleChartOptions;
-        required: true;
-    };
-}, {}, {}, {}, {}, import('./vue/dist/vue.esm.js/types/v3-component-options.js').ComponentOptionsMixin, import('./vue/dist/vue.esm.js').DefineComponent<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: ObjectConstructor;
-        required: true;
-    };
-}, {}, {
-    coreChart: import("./CcvBaseChart").CoreChart<any> | null;
-}, {}, {}, import('./vue/dist/vue.esm.js/types/v3-component-options.js').ComponentOptionsMixin, import('./vue/dist/vue.esm.js/types/v3-component-options.js').ComponentOptionsMixin, {}, string, Readonly<import('./vue/dist/vue.esm.js').ExtractPropTypes<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: ObjectConstructor;
-        required: true;
-    };
-}>>, {}>, {}, string, Readonly<import('./vue/dist/vue.esm.js').ExtractPropTypes<{
-    data: {
-        type: () => ChartTabularData;
-        required: true;
-    };
-    options: {
-        type: () => BubbleChartOptions;
-        required: true;
-    };
-}>>, {}>;
-export default _sfc_main;
+import { type BubbleChartOptions } from '@carbon/charts';
+declare const _default: import('./vue/dist/vue.esm-bundler.js').DefineComponent<{
+    data: {
+        type: () => import("@carbon/charts").ChartTabularData;
+        required: true;
+    };
+    options: {
+        type: () => BubbleChartOptions;
+        required: true;
+    };
+}, {
+    chart: import('./vue/dist/vue.esm-bundler.js').Ref<{
+        components: {
+            type: string;
+            renderType: import("@carbon/charts").RenderTypes;
+            id: string;
+            init: () => void;
+            render: (animate?: boolean | undefined) => void;
+            destroy: () => void;
+            setModel: (newObj: any) => void;
+            setServices: (newObj: any) => void;
+            setParent: (parent: any) => void;
+            getParent: () => import("d3-selection").Selection<HTMLDivElement | SVGGraphicsElement, any, HTMLElement, any>;
+            getComponentContainer: (configs?: {
+                withinChartClip: boolean;
+            } | undefined) => import("d3-selection").Selection<any, any, Element, any>;
+            getOptions: () => any;
+        }[];
+        services: any;
+        model: {
+            getAllDataFromDomain: (groups?: any) => any;
+            getDisplayData: (groups?: any) => any;
+            getData: () => any;
+            isDataEmpty: () => boolean;
+            setData: (newData: any) => any;
+            getDataGroups: (groups?: any) => any;
+            getActiveDataGroups: (groups?: any) => any;
+            getDataGroupNames: (groups?: any) => any;
+            getActiveDataGroupNames: (groups?: any) => any;
+            getBinConfigurations: () => {
+                bins: import("d3-array").Bin<number, number>[];
+                binsDomain: any[];
+            };
+            getBinnedStackedData: () => import("d3-shape").SeriesPoint<{
+                [key: string]: number;
+            }>[][];
+            getGroupedData: (groups?: any) => {
+                name: string;
+                data: any;
+            }[];
+            getStackKeys: ({ bins, groups }?: import("@carbon/charts").StackKeysParams | undefined) => any;
+            getDataValuesGroupedByKeys: ({ bins, groups }: import("@carbon/charts").StackKeysParams) => any;
+            getStackedData: ({ percentage, groups, divergent }: import("@carbon/charts").StackKeysParams) => any[][];
+            getOptions: () => any;
+            set: (newState: any, configs?: any) => void;
+            get: (property?: string | undefined) => any;
+            setOptions: (newOptions: any) => void;
+            update: (animate?: boolean | undefined) => void;
+            toggleDataLabel: (changedLabel: string) => void;
+            getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean | undefined) => any;
+            getFillColor: (group: any, key?: any, data?: any) => any;
+            getStrokeColor: (group: any, key?: any, data?: any) => any;
+            isUserProvidedColorScaleValid: () => any;
+            getColorClassName: (configs: {
+                classNameTypes?: import("@carbon/charts").ColorClassNameTypes[] | undefined;
+                dataGroupName?: string | number | undefined;
+                originalClassName?: string | undefined;
+                value?: number | undefined;
+            }) => string;
+            getStatus: () => any;
+            getAllDataGroupsNames: () => string[];
+            getTabularDataArray: () => import("@carbon/charts").ChartTabularData;
+            exportToCSV: () => void;
+        };
+        init: (holder: HTMLDivElement, chartConfigs: import("@carbon/charts").ChartConfig<import("@carbon/charts").BaseChartOptions>) => void;
+        getComponents: () => import("@carbon/charts").Component[];
+        update: () => void;
+        destroy: () => void;
+    } | null>;
+    chartDiv: import('./vue/dist/vue.esm-bundler.js').Ref<HTMLDivElement | null>;
+}, unknown, {}, {}, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, import('./vue/dist/vue.esm-bundler.js').VNodeProps & import('./vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('./vue/dist/vue.esm-bundler.js').ComponentCustomProps, Readonly<import('./vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+    data: {
+        type: () => import("@carbon/charts").ChartTabularData;
+        required: true;
+    };
+    options: {
+        type: () => BubbleChartOptions;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;