@sisense/sdk-ui-vue 1.0.0

package/dist/src/components/charts/area-chart.d.ts

@@ -0,0 +1,45 @@
+import type { PropType } from 'vue';
+/**
+ * A Vue component that wraps the AreaChart Preact component for use in Vue applications.
+ * It maintains compatibility with Vue's reactivity system while preserving the functionality of the AreaChart.
+ *
+ * @example
+ * Here's how you can use the AreaChart component in a Vue application:
+ * ```vue
+ * <template>
+ *   <AreaChart :props="areaChartProps" />
+ * </template>
+ *
+ * <script setup lang="ts">
+ * import { ref } from 'vue';
+ * import AreaChart from '@sisense/sdk-ui-vue/AreaChart';
+ *
+ * const areaChartProps = ref({
+ *   // Configure your AreaChartProps here
+ * });
+ * </script>
+ * ```
+ */
+export declare const AreaChart: import("vue").DefineComponent<{
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").CartesianChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").AreaStyleOptions | undefined>;
+}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").CartesianChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").AreaStyleOptions | undefined>;
+}>>, {}, {}>;

package/dist/src/components/charts/bar-chart.d.ts

@@ -0,0 +1,53 @@
+import type { PropType } from 'vue';
+/**
+ * A Vue component that wraps the BarChart Preact component for use in Vue applications.
+ * It maintains compatibility with Vue's reactivity system while preserving the functionality of the BarChart.
+ *
+ * @example
+ * Here's how you can use the BarChart component in a Vue application:
+ * ```vue
+ * <template>
+ *   <BarChart :props="barChartProps" />
+ * </template>
+ *
+ * <script setup lang="ts">
+ * import { ref } from 'vue';
+ * import BarChart from '@sisense/sdk-ui-vue/BarChart';
+ *
+ * const barChartProps = ref({
+ *   // Configure your BarChartProps here
+ * });
+ * </script>
+ * ```
+ */
+export declare const BarChart: import("vue").DefineComponent<{
+    /**
+     * Bar chart properties derived from the BarChartProps interface,
+     * including both BaseChartProps and ChartEventProps.
+     */
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").CartesianChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").StackableStyleOptions | undefined>;
+}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Bar chart properties derived from the BarChartProps interface,
+     * including both BaseChartProps and ChartEventProps.
+     */
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").CartesianChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").StackableStyleOptions | undefined>;
+}>>, {}, {}>;

package/dist/src/components/charts/chart-widget.d.ts

@@ -0,0 +1,66 @@
+/// <reference types="react" />
+import type { PropType } from 'vue';
+/**
+ * A Vue component that wraps the ChartWidget Preact component for use in Vue applications.
+ * It maintains compatibility with Vue's reactivity system while preserving the functionality of the ChartWidget.
+ *
+ * @example
+ * Here's how you can use the ChartWidget component in a Vue application:
+ * ```vue
+ * <template>
+ *   <ChartWidget :props="chartWidgetProps" />
+ * </template>
+ *
+ * <script setup lang="ts">
+ * import { ref } from 'vue';
+ * import ChartWidget from '@sisense/sdk-ui-vue/ChartWidget';
+ *
+ * const chartWidgetProps = ref({
+ *   // Configure your ChartWidgetProps here
+ * });
+ * </script>
+ * ```
+ */
+export declare const ChartWidget: import("vue").DefineComponent<{
+    bottomSlot: PropType<import("react").ReactNode>;
+    chartType: PropType<import("@sisense/sdk-ui-preact").ChartType>;
+    contextMenuItems: PropType<import("@sisense/sdk-ui-preact").MenuItemSection[] | undefined>;
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").ChartDataOptions>;
+    dataSource: PropType<string | undefined>;
+    description: PropType<string | undefined>;
+    drilldownOptions: PropType<import("@sisense/sdk-ui-preact").DrilldownOptions | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    highlightSelectionDisabled: PropType<boolean | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onContextMenuClose: PropType<(() => void) | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").ChartWidgetStyleOptions | undefined>;
+    title: PropType<string | undefined>;
+    topSlot: PropType<import("react").ReactNode>;
+    widgetStyleOptions: PropType<import("@sisense/sdk-ui-preact").ChartWidgetStyleOptions | undefined>;
+}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    bottomSlot: PropType<import("react").ReactNode>;
+    chartType: PropType<import("@sisense/sdk-ui-preact").ChartType>;
+    contextMenuItems: PropType<import("@sisense/sdk-ui-preact").MenuItemSection[] | undefined>;
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").ChartDataOptions>;
+    dataSource: PropType<string | undefined>;
+    description: PropType<string | undefined>;
+    drilldownOptions: PropType<import("@sisense/sdk-ui-preact").DrilldownOptions | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    highlightSelectionDisabled: PropType<boolean | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onContextMenuClose: PropType<(() => void) | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").ChartWidgetStyleOptions | undefined>;
+    title: PropType<string | undefined>;
+    topSlot: PropType<import("react").ReactNode>;
+    widgetStyleOptions: PropType<import("@sisense/sdk-ui-preact").ChartWidgetStyleOptions | undefined>;
+}>>, {}, {}>;

package/dist/src/components/charts/chart.d.ts

@@ -0,0 +1,82 @@
+import { type PropType } from 'vue';
+/**
+ * A Vue component used for easily switching chart types or rendering multiple series of different chart types.
+ *
+ * @example
+ * An example of using the `Chart` component to
+ * plot a bar chart of the Sample Retail data source hosted in a Sisense instance:
+ * ```tsx
+ * <script setup lang="ts">
+ * import { Chart } from '@sisense/sdk-ui-vue';
+ * import type { ChartProps } from '@sisense/sdk-ui';
+ * import * as DM from '../assets/sample-retail-model';
+ * import { measureFactory, filterFactory } from '@sisense/sdk-data';
+ * import { ref } from 'vue';
+ *
+ * const dimProductName = DM.DimProducts.ProductName;
+ * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');
+ *
+ * const chartProps = ref<ChartProps>({
+ *   chartType: 'bar',
+ *   dataSet: DM.DataSource,
+ *   dataOptions: {
+ *     category: [dimProductName],
+ *     value: [{ column: measureTotalRevenue, sortType: 'sortDesc' }],
+ *     breakBy: [],
+ *   },
+ *   filters: [filterFactory.topRanking(dimProductName, measureTotalRevenue, 10)],
+ *   styleOptions: {
+ *     width: 800,
+ *     height: 500,
+ *     xAxis: {
+ *       title: {
+ *         text: 'Product Name',
+ *         enabled: true,
+ *       },
+ *     },
+ *     yAxis: {
+ *       title: {
+ *         text: 'Total Revenue',
+ *         enabled: true,
+ *       },
+ *     },
+ *   },
+ * });
+ * </script>
+ *
+ * <template>
+ *   <Chart :props="chartProps" />
+ * </template>
+ * ```
+ *
+ * <img src="media://vue-chart-data-source-example-1.png" width="800px" />
+ *
+ * @returns Chart component representing a chart type as specified in `ChartProps.`{@link ChartProps.chartType | chartType}
+ */
+export declare const Chart: import("vue").DefineComponent<{
+    chartType: PropType<import("@sisense/sdk-ui-preact").ChartType>;
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").ChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").ChartStyleOptions | undefined>;
+    refreshCounter: PropType<number | undefined>;
+}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    chartType: PropType<import("@sisense/sdk-ui-preact").ChartType>;
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").ChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").ChartStyleOptions | undefined>;
+    refreshCounter: PropType<number | undefined>;
+}>>, {}, {}>;

package/dist/src/components/charts/column-chart.d.ts

@@ -0,0 +1,45 @@
+import type { PropType } from 'vue';
+/**
+ * A Vue component that wraps the ColumnChart Preact component for use in Vue applications.
+ * It maintains compatibility with Vue's reactivity system while preserving the functionality of the ColumnChart.
+ *
+ * @example
+ * Here's how you can use the ColumnChart component in a Vue application:
+ * ```vue
+ * <template>
+ *   <ColumnChart :props="ColumnChartProps" />
+ * </template>
+ *
+ * <script setup lang="ts">
+ * import { ref } from 'vue';
+ * import ColumnChart from '@sisense/sdk-ui-vue/ColumnChart';
+ *
+ * const columnChartProps = ref({
+ *   // Configure your ColumnChartProps here
+ * });
+ * </script>
+ * ```
+ */
+export declare const ColumnChart: import("vue").DefineComponent<{
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").CartesianChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").StackableStyleOptions | undefined>;
+}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").CartesianChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").StackableStyleOptions | undefined>;
+}>>, {}, {}>;

package/dist/src/components/charts/dashboard-widget.d.ts

@@ -0,0 +1,68 @@
+/// <reference types="react" />
+import type { PropType } from 'vue';
+/**
+ * A Vue component that wraps the DashboardWidget Preact component for use in Vue applications.
+ * It maintains compatibility with Vue's reactivity system while preserving the functionality of the DashboardWidget.
+ *
+ * @example
+ * Here's how you can use the DashboardWidget component in a Vue application:
+ * ```vue
+ * <template>
+ *   <DashboardWidget :props="dashboardWidgetProps" />
+ * </template>
+ *
+ * <script setup lang="ts">
+ * import { ref } from 'vue';
+ * import DashboardWidget from '@sisense/sdk-ui-vue/DashboardWidget';
+ *
+ * const dashboardWidgetProps = ref({
+ *   // Configure your DashboardWidgetProps here
+ * });
+ * </script>
+ * ```
+ */
+export declare const DashboardWidget: import("vue").DefineComponent<{
+    bottomSlot: PropType<import("react").ReactNode>;
+    contextMenuItems: PropType<import("@sisense/sdk-ui-preact").MenuItemSection[] | undefined>;
+    dashboardOid: PropType<string>;
+    description: PropType<string | undefined>;
+    drilldownOptions: PropType<import("@sisense/sdk-ui-preact").DrilldownOptions | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    filtersMergeStrategy: PropType<"widgetFirst" | "codeFirst" | "codeOnly" | undefined>;
+    highlightSelectionDisabled: PropType<boolean | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    includeDashboardFilters: PropType<boolean | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onContextMenuClose: PropType<(() => void) | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").DashboardWidgetStyleOptions | undefined>;
+    title: PropType<string | undefined>;
+    topSlot: PropType<import("react").ReactNode>;
+    widgetOid: PropType<string>;
+    widgetStyleOptions: PropType<import("@sisense/sdk-ui-preact").DashboardWidgetStyleOptions | undefined>;
+}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    bottomSlot: PropType<import("react").ReactNode>;
+    contextMenuItems: PropType<import("@sisense/sdk-ui-preact").MenuItemSection[] | undefined>;
+    dashboardOid: PropType<string>;
+    description: PropType<string | undefined>;
+    drilldownOptions: PropType<import("@sisense/sdk-ui-preact").DrilldownOptions | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    filtersMergeStrategy: PropType<"widgetFirst" | "codeFirst" | "codeOnly" | undefined>;
+    highlightSelectionDisabled: PropType<boolean | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    includeDashboardFilters: PropType<boolean | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onContextMenuClose: PropType<(() => void) | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").DashboardWidgetStyleOptions | undefined>;
+    title: PropType<string | undefined>;
+    topSlot: PropType<import("react").ReactNode>;
+    widgetOid: PropType<string>;
+    widgetStyleOptions: PropType<import("@sisense/sdk-ui-preact").DashboardWidgetStyleOptions | undefined>;
+}>>, {}, {}>;

package/dist/src/components/charts/funnel-chart.d.ts

@@ -0,0 +1,45 @@
+import type { PropType } from 'vue';
+/**
+ * A Vue component that wraps the FunnelChart Preact component for use in Vue applications.
+ * It maintains compatibility with Vue's reactivity system while preserving the functionality of the FunnelChart.
+ *
+ * @example
+ * Here's how you can use the FunnelChart component in a Vue application:
+ * ```vue
+ * <template>
+ *   <FunnelChart :props="funnelChartProps" />
+ * </template>
+ *
+ * <script setup lang="ts">
+ * import { ref } from 'vue';
+ * import FunnelChart from '@sisense/sdk-ui-vue/FunnelChart';
+ *
+ * const funnelChartProps = ref({
+ *   // Configure your FunnelChartProps here
+ * });
+ * </script>
+ * ```
+ */
+export declare const FunnelChart: import("vue").DefineComponent<{
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").CategoricalChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").FunnelStyleOptions | undefined>;
+}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").CategoricalChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").FunnelStyleOptions | undefined>;
+}>>, {}, {}>;

package/dist/src/components/charts/index.d.ts

@@ -0,0 +1,16 @@
+export { AreaChart } from './area-chart';
+export { BarChart } from './bar-chart';
+export { ColumnChart } from './column-chart';
+export { FunnelChart } from './funnel-chart';
+export { LineChart } from './line-chart';
+export { PieChart } from './pie-chart';
+export { ScatterChart } from './scatter-chart';
+export { Table } from './table';
+export { TreemapChart } from './treemap-chart';
+export { SunburstChart } from './sunburst-chart';
+export { PolarChart } from './polar-chart';
+export { IndicatorChart } from './indicator-chart';
+export { ChartWidget } from './chart-widget';
+export { Chart } from './chart';
+export { DashboardWidget } from './dashboard-widget';
+export { TableWidget } from './table-widget';

package/dist/src/components/charts/indicator-chart.d.ts

@@ -0,0 +1,37 @@
+import type { PropType } from 'vue';
+/**
+ * A Vue component that wraps the IndicatorChart Preact component for use in Vue applications.
+ * It maintains compatibility with Vue's reactivity system while preserving the functionality of the IndicatorChart.
+ *
+ * @example
+ * Here's how you can use the IndicatorChart component in a Vue application:
+ * ```vue
+ * <template>
+ *   <IndicatorChart :props="indicatorChartProps" />
+ * </template>
+ *
+ * <script setup lang="ts">
+ * import { ref } from 'vue';
+ * import IndicatorChart from '@sisense/sdk-ui-vue/IndicatorChart';
+ *
+ * const indicatorChartProps = ref({
+ *   // Configure your IndicatorChartProps here
+ * });
+ * </script>
+ * ```
+ */
+export declare const IndicatorChart: import("vue").DefineComponent<{
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").IndicatorChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").IndicatorStyleOptions | undefined>;
+}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").IndicatorChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").IndicatorStyleOptions | undefined>;
+}>>, {}, {}>;

package/dist/src/components/charts/line-chart.d.ts

@@ -0,0 +1,45 @@
+import type { PropType } from 'vue';
+/**
+ * A Vue component that wraps the LineChart Preact component for use in Vue applications.
+ * It maintains compatibility with Vue's reactivity system while preserving the functionality of the LineChart.
+ *
+ * @example
+ * Here's how you can use the LineChart component in a Vue application:
+ * ```vue
+ * <template>
+ *   <LineChart :props="lineChartProps" />
+ * </template>
+ *
+ * <script setup lang="ts">
+ * import { ref } from 'vue';
+ * import LineChart from '@sisense/sdk-ui-vue/LineChart';
+ *
+ * const lineChartProps = ref({
+ *   // Configure your LineChartProps here
+ * });
+ * </script>
+ * ```
+ */
+export declare const LineChart: import("vue").DefineComponent<{
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").CartesianChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").LineStyleOptions | undefined>;
+}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").CartesianChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").LineStyleOptions | undefined>;
+}>>, {}, {}>;

package/dist/src/components/charts/pie-chart.d.ts

@@ -0,0 +1,45 @@
+import type { PropType } from 'vue';
+/**
+ * A Vue component that wraps the PieChart Preact component for use in Vue applications.
+ * It maintains compatibility with Vue's reactivity system while preserving the functionality of the PieChart.
+ *
+ * @example
+ * Here's how you can use the PieChart component in a Vue application:
+ * ```vue
+ * <template>
+ *   <PieChart :props="pieChartProps" />
+ * </template>
+ *
+ * <script setup lang="ts">
+ * import { ref } from 'vue';
+ * import PieChart from '@sisense/sdk-ui-vue/PieChart';
+ *
+ * const pieChartProps = ref({
+ *   // Configure your PieChartProps here
+ * });
+ * </script>
+ * ```
+ */
+export declare const PieChart: import("vue").DefineComponent<{
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").CategoricalChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").PieStyleOptions | undefined>;
+}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").CategoricalChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").PieStyleOptions | undefined>;
+}>>, {}, {}>;

package/dist/src/components/charts/polar-chart.d.ts

@@ -0,0 +1,45 @@
+import { type PropType } from 'vue';
+/**
+ * A Vue component that wraps the PolarChart Preact component for use in Vue applications.
+ * It maintains compatibility with Vue's reactivity system while preserving the functionality of the PolarChart.
+ *
+ * @example
+ * Here's how you can use the PolarChart component in a Vue application:
+ * ```vue
+ * <template>
+ *   <PolarChart :props="polarChartProps" />
+ * </template>
+ *
+ * <script setup lang="ts">
+ * import { ref } from 'vue';
+ * import PolarChart from '@sisense/sdk-ui-vue/PolarChart';
+ *
+ * const polarChartProps = ref({
+ *   // Configure your PolarChartProps here
+ * });
+ * </script>
+ * ```
+ */
+export declare const PolarChart: import("vue").DefineComponent<{
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").CartesianChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").PolarStyleOptions | undefined>;
+}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").CartesianChartDataOptions>;
+    dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
+    filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").PolarStyleOptions | undefined>;
+}>>, {}, {}>;