@sisense/sdk-ui 2.11.0 → 2.13.0

package/dist/packages/sdk-ui/src/chart-options-processor/cartesian/utils/axis/axis-settings.d.ts

@@ -1,7 +1,7 @@
 import { ChartDataOptionsInternal } from '../../../../chart-data-options/types';
 import { CompleteThemeSettings } from '../../../../types';
-import { AxisClipped } from '../../../translations/translations-to-highcharts';
 import { Axis, AxisMinMax, AxisOrientation, AxisSettings, PlotBand } from '../../../translations/axis-section';
+import { AxisClipped } from '../../../translations/translations-to-highcharts';
 /**
  * Builds X-axis settings for categorical axes
  *

package/dist/packages/sdk-ui/src/chart-options-processor/cartesian/utils/axis/axis-transformers.d.ts

@@ -1,14 +1,13 @@
-import { Stacking } from '../../../chart-options-service';
 import { ChartDataOptionsInternal } from '../../../../chart-data-options/types';
-import { ChartType, CompleteThemeSettings } from '../../../../types';
+import { ChartType, CompleteThemeSettings, TotalLabels } from '../../../../types';
+import { Stacking } from '../../../chart-options-service';
 import { AxisSettings } from '../../../translations/axis-section';
 /**
  * Configuration interface for stacking transformer
  */
 export interface StackingConfig {
     stacking?: Stacking;
-    showTotal?: boolean;
-    totalLabelRotation?: number;
+    totalLabels?: TotalLabels;
     dataOptions: ChartDataOptionsInternal;
     themeSettings?: CompleteThemeSettings;
 }
@@ -22,7 +21,7 @@ export declare const withPolarSpecificAxisSettings: (axisSettings: AxisSettings[
  * This transformer adds stacking-related properties (stack labels, total labels, formatting)
  * to basic Y-axis settings for stackable charts.
  *
- * @param config - Stacking configuration containing stacking type, showTotal, rotation, and formatting options
+ * @param config - Stacking configuration containing stacking type, totalLabels options and formatting options
  * @returns A function that transforms basic Y-axis settings to include stacking support
  *
  * @example
@@ -30,7 +29,7 @@ export declare const withPolarSpecificAxisSettings: (axisSettings: AxisSettings[
  * // Apply stacking enhancements to basic Y-axis
  * const stackedYAxis = flow(
  *   getYAxisSettings,
- *   withStacking({ stacking: 'normal', showTotal: true, totalLabelRotation: 0, dataOptions, themeSettings }),
+ *   withStacking({ stacking: 'normal', totalLabels: { enabled: true}, totalLabelRotation: 0, dataOptions, themeSettings }),
  * )(axis, axis2, axisMinMax, axis2MinMax, dataOptions, themeSettings);
  * ```
  */

package/dist/packages/sdk-ui/src/chart-options-processor/cartesian/utils/chart-spacing-calculator.d.ts

@@ -1,7 +1,7 @@
+import { CartesianChartDataOptionsInternal } from '../../../chart-data-options/types';
+import { CartesianChartData } from '../../../chart-data/types';
 import { ChartType } from '../../../types';
 import { StackableChartDesignOptions } from '../../translations/design-options';
-import { CartesianChartData } from '../../../chart-data/types';
-import { CartesianChartDataOptionsInternal } from '../../../chart-data-options/types';
 import { ChartDesignOptions } from '../../translations/types';
 /**
  * Configuration for chart spacing calculations

package/dist/packages/sdk-ui/src/chart-options-processor/cartesian/utils/series-processor.d.ts

@@ -1,9 +1,9 @@
-import { CategoricalSeriesValues } from '../../../chart-data/types';
 import { CartesianChartDataOptionsInternal } from '../../../chart-data-options/types';
-import { ChartDesignOptions } from '../../translations/types';
+import { CategoricalSeriesValues } from '../../../chart-data/types';
 import { ChartType, CompleteThemeSettings } from '../../../types';
 import { AxisSettings } from '../../translations/axis-section';
 import { AxisClipped } from '../../translations/translations-to-highcharts';
+import { ChartDesignOptions } from '../../translations/types';
 /**
  * Configuration for series processing
  */
@@ -42,22 +42,22 @@ export declare function processSeries(config: SeriesProcessingConfig): {
     lineWidth?: number | undefined;
     dataLabels: {
         formatter: (this: import("../../tooltip").HighchartsDataPointContext) => string;
+        enabled: boolean;
+        rotation?: number | undefined;
+        inside?: boolean | undefined;
+        align?: "center" | "left" | "right" | undefined;
+        verticalAlign?: "top" | "middle" | "bottom" | undefined;
+        style?: import("../../translations/types").TextStyle | undefined;
+        backgroundColor?: string | import("../../..").HighchartsGradientColorObject | undefined;
+        borderColor?: string | import("../../..").HighchartsGradientColorObject | undefined;
+        borderRadius?: number | undefined;
+        borderWidth?: number | undefined;
+        padding?: number | undefined;
+        x?: number | undefined;
+        y?: number | undefined;
         animation?: {
-            defer: number;
+            defer?: number | undefined;
         } | undefined;
-        y?: number | undefined;
-        x?: number | undefined;
-        padding?: number | undefined;
-        borderWidth?: number | undefined;
-        borderRadius?: number | undefined;
-        borderColor?: string | undefined;
-        backgroundColor?: string | undefined;
-        style?: import("../../../types").SeriesLabelsTextStyle | undefined;
-        verticalAlign?: "top" | "middle" | "bottom" | undefined;
-        align?: "center" | "left" | "right" | undefined;
-        inside?: boolean | undefined;
-        rotation?: number | undefined;
-        enabled: boolean;
     };
     connectNulls: boolean;
     marker: import("../../translations/marker-section").MarkerSettings;

package/dist/packages/sdk-ui/src/chart-options-processor/category-chart-options/category-chart-options.d.ts

@@ -1,9 +1,9 @@
-import { ChartDesignOptions } from '../translations/types';
-import { ChartType, OptionsWithAlerts, CompleteThemeSettings } from '../../types';
+import { TFunction } from '@sisense/sdk-common';
+import { ChartDataOptionsInternal } from '../../chart-data-options/types';
 import { CategoricalChartData } from '../../chart-data/types';
+import { ChartType, CompleteThemeSettings, OptionsWithAlerts } from '../../types';
 import { HighchartsOptionsInternal } from '../chart-options-service';
-import { ChartDataOptionsInternal } from '../../chart-data-options/types';
-import { TFunction } from '@sisense/sdk-common';
+import { ChartDesignOptions } from '../translations/types';
 export { getPieChartOptions } from './pie-chart-options';
 export { getFunnelChartOptions } from './funnel-chart-options';
 export { getTreemapChartOptions } from './treemap-chart-options';

package/dist/packages/sdk-ui/src/chart-options-processor/category-chart-options/funnel-chart-options.d.ts

@@ -1,8 +1,8 @@
-import { FunnelChartDesignOptions } from '../translations/design-options';
-import { OptionsWithAlerts, CompleteThemeSettings } from '../../types';
+import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
 import { CategoricalChartData } from '../../chart-data/types';
+import { CompleteThemeSettings, OptionsWithAlerts } from '../../types';
 import { HighchartsOptionsInternal } from '../chart-options-service';
-import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
+import { FunnelChartDesignOptions } from '../translations/design-options';
 /**
  * Convert intermediate chart data, data options, and design options
  * into pure highcharts config data for funnel charts.

package/dist/packages/sdk-ui/src/chart-options-processor/category-chart-options/pie-chart-options.d.ts

@@ -1,8 +1,8 @@
-import { PieChartDesignOptions } from '../translations/design-options';
-import { OptionsWithAlerts, CompleteThemeSettings } from '../../types';
+import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
 import { CategoricalChartData } from '../../chart-data/types';
+import { CompleteThemeSettings, OptionsWithAlerts } from '../../types';
 import { HighchartsOptionsInternal } from '../chart-options-service';
-import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
+import { PieChartDesignOptions } from '../translations/design-options';
 /**
  * Convert intermediate chart data, data options, and design options
  * into pure highcharts config data for pie charts.

package/dist/packages/sdk-ui/src/chart-options-processor/category-chart-options/sunburst-chart-options.d.ts

@@ -1,9 +1,9 @@
-import { TreemapChartDesignOptions } from '../translations/design-options';
-import { OptionsWithAlerts, CompleteThemeSettings } from '../../types';
+import { TFunction } from '@sisense/sdk-common';
+import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
 import { CategoricalChartData } from '../../chart-data/types';
+import { CompleteThemeSettings, OptionsWithAlerts } from '../../types';
 import { HighchartsOptionsInternal } from '../chart-options-service';
-import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
-import { TFunction } from '@sisense/sdk-common';
+import { TreemapChartDesignOptions } from '../translations/design-options';
 /**
  * Convert intermediate chart data, data options, and design options
  * into pure highcharts config data for sunburst charts.

package/dist/packages/sdk-ui/src/chart-options-processor/category-chart-options/treemap-chart-options.d.ts

@@ -1,9 +1,9 @@
-import { TreemapChartDesignOptions } from '../translations/design-options';
-import { OptionsWithAlerts, CompleteThemeSettings } from '../../types';
+import { TFunction } from '@sisense/sdk-common';
+import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
 import { CategoricalChartData } from '../../chart-data/types';
+import { CompleteThemeSettings, OptionsWithAlerts } from '../../types';
 import { HighchartsOptionsInternal } from '../chart-options-service';
-import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
-import { TFunction } from '@sisense/sdk-common';
+import { TreemapChartDesignOptions } from '../translations/design-options';
 /**
  * Convert intermediate chart data, data options, and design options
  * into pure highcharts config data for treemap charts.

package/dist/packages/sdk-ui/src/chart-options-processor/chart-options-service.d.ts

@@ -1,18 +1,18 @@
-import type { Options, DrilldownOptions, SeriesLegendItemClickCallbackFunction } from '@sisense/sisense-charts';
 import { TFunction } from '@sisense/sdk-common';
+import type { DrilldownOptions, Options, SeriesLegendItemClickCallbackFunction } from '@sisense/sisense-charts';
+import { ChartDataOptionsInternal } from '../chart-data-options/types';
 import { ChartData } from '../chart-data/types';
-import { ChartDesignOptions } from './translations/types';
+import { ChartStyleOptions, ChartType, CompleteThemeSettings, HighchartsSelectEvent, OptionsWithAlerts } from '../types';
+import { TooltipSettings } from './tooltip';
+import { AxisSettings } from './translations/axis-section';
+import { FunnelOptions } from './translations/funnel-plot-options';
 import { LegendSettings } from './translations/legend-section';
-import { DataLabelsSettings } from './translations/value-label-section';
 import { MarkerSettings } from './translations/marker-section';
-import { AxisSettings } from './translations/axis-section';
-import { HighchartsType, HighchartsSeriesValues } from './translations/translations-to-highcharts';
-import { TooltipSettings } from './tooltip';
 import { PieOptions } from './translations/pie-plot-options';
-import { FunnelOptions } from './translations/funnel-plot-options';
-import { ChartType, OptionsWithAlerts, CompleteThemeSettings, ChartStyleOptions, HighchartsSelectEvent } from '../types';
-import { ChartDataOptionsInternal } from '../chart-data-options/types';
 import { ScatterBubbleOptions } from './translations/scatter-plot-options';
+import { HighchartsSeriesValues, HighchartsType } from './translations/translations-to-highcharts';
+import { ChartDesignOptions } from './translations/types';
+import { DataLabelsSettings } from './translations/value-label-section';
 /**
  * Highcharts options
  *

package/dist/packages/sdk-ui/src/chart-options-processor/data-points.d.ts

@@ -1,7 +1,7 @@
 import { Measure } from '@sisense/sdk-data';
-import { HighchartsPoint } from '../types';
-import { SisenseChartDataPoint } from '../sisense-chart/types';
 import { ChartDataOptionsInternal, StyledColumn, StyledMeasureColumn } from '..';
+import { SisenseChartDataPoint } from '../sisense-chart/types';
+import { HighchartsPoint } from '../types';
 export declare function createFormatter(dataOption: StyledColumn | StyledMeasureColumn): (value?: number | string | Date) => string;
 export declare function getDataPointMetadata(dataOptionPath: string, dataOption: StyledColumn | StyledMeasureColumn): {
     measure?: Measure | undefined;

package/dist/packages/sdk-ui/src/chart-options-processor/defaults/cartesian.d.ts

@@ -1,8 +1,8 @@
-import { AxisSettings } from '../translations/axis-section';
-import { HighchartsOptionsInternal, Stacking } from '../chart-options-service';
-import { TextStyle } from '../translations/types';
 import { ChartType } from '../../types';
+import { HighchartsOptionsInternal, Stacking } from '../chart-options-service';
+import { AxisSettings } from '../translations/axis-section';
 import { PolarType } from '../translations/design-options';
+import { TextStyle } from '../translations/types';
 export declare const lineColorDefault = "#d1d1d7";
 export declare const fontStyleDefault: TextStyle;
 export declare const stackTotalFontStyleDefault: TextStyle;

package/dist/packages/sdk-ui/src/chart-options-processor/range-chart-options.d.ts

@@ -1,8 +1,8 @@
+import { TFunction } from '@sisense/sdk-common';
+import { RangeChartDataOptionsInternal } from '../chart-data-options/types';
 import { RangeChartData } from '../chart-data/types';
-import { ChartDesignOptions } from './translations/types';
 import { ChartType, CompleteThemeSettings } from '../types';
-import { RangeChartDataOptionsInternal } from '../chart-data-options/types';
-import { TFunction } from '@sisense/sdk-common';
+import { ChartDesignOptions } from './translations/types';
 /**
  * Convert intermediate chart data, data options, and design options
  * into pure highcharts config data.

package/dist/packages/sdk-ui/src/chart-options-processor/scatter-chart-options.d.ts

@@ -1,9 +1,9 @@
-import { ChartDesignOptions } from './translations/types';
-import { ChartType, OptionsWithAlerts, CompleteThemeSettings, LegendOptions } from '../types';
+import { ChartDataOptionsInternal } from '../chart-data-options/types';
 import { ScatterChartData } from '../chart-data/types';
+import { ChartType, CompleteThemeSettings, LegendOptions, OptionsWithAlerts } from '../types';
 import { HighchartsOptionsInternal } from './chart-options-service';
-import { ChartDataOptionsInternal } from '../chart-data-options/types';
 import { LegendSettings } from './translations/legend-section';
+import { ChartDesignOptions } from './translations/types';
 /**
  * @param position
  * @internal

package/dist/packages/sdk-ui/src/chart-options-processor/series-labels.d.ts

@@ -1,19 +1,22 @@
-import { SeriesLabels } from '..';
-export declare const prepareDataLabelsOptions: (seriesLabels?: SeriesLabels) => {
-    animation?: {
-        defer: number;
-    } | undefined;
-    y?: number | undefined;
-    x?: number | undefined;
-    padding?: number | undefined;
-    borderWidth?: number | undefined;
-    borderRadius?: number | undefined;
-    borderColor?: string | undefined;
-    backgroundColor?: string | undefined;
-    style?: import("..").SeriesLabelsTextStyle | undefined;
-    verticalAlign?: "top" | "middle" | "bottom" | undefined;
-    align?: "center" | "left" | "right" | undefined;
-    inside?: boolean | undefined;
-    rotation?: number | undefined;
+import { HighchartsGradientColorObject } from '../utils/gradient';
+import { SeriesLabels, TextStyle } from '..';
+type DataLabelsOptions = {
     enabled: boolean;
+    rotation?: number;
+    inside?: boolean;
+    align?: 'left' | 'center' | 'right';
+    verticalAlign?: 'top' | 'middle' | 'bottom';
+    style?: TextStyle;
+    backgroundColor?: string | HighchartsGradientColorObject;
+    borderColor?: string | HighchartsGradientColorObject;
+    borderRadius?: number;
+    borderWidth?: number;
+    padding?: number;
+    x?: number;
+    y?: number;
+    animation?: {
+        defer?: number;
+    };
 };
+export declare const prepareDataLabelsOptions: (seriesLabels?: SeriesLabels) => DataLabelsOptions;
+export {};

package/dist/packages/sdk-ui/src/chart-options-processor/stack-labels.d.ts

@@ -0,0 +1,21 @@
+import { TextStyle, TotalLabels } from '../types';
+import { HighchartsGradientColorObject } from '../utils/gradient';
+type StackLabelsOptions = {
+    enabled: boolean;
+    rotation?: number;
+    align?: 'left' | 'center' | 'right';
+    textAlign?: 'left' | 'center' | 'right';
+    verticalAlign?: 'top' | 'middle' | 'bottom';
+    animation?: {
+        defer: number;
+    };
+    backgroundColor?: string | HighchartsGradientColorObject;
+    borderColor?: string | HighchartsGradientColorObject;
+    borderRadius?: number;
+    borderWidth?: number;
+    style?: TextStyle;
+    x?: number;
+    y?: number;
+};
+export declare const prepareStackLabels: (totalLabels: TotalLabels) => StackLabelsOptions;
+export {};

package/dist/packages/sdk-ui/src/chart-options-processor/style-to-design-options-translator/translate-style-to-design-options.d.ts

@@ -1,4 +1,4 @@
-import { ChartType, ChartStyleOptions } from '../../types';
-import { DesignOptions } from '../translations/types';
 import { ChartDataOptionsInternal } from '../../chart-data-options/types';
+import { ChartStyleOptions, ChartType } from '../../types';
+import { DesignOptions } from '../translations/types';
 export declare const translateStyleOptionsToDesignOptions: (chartType: ChartType, styleOptions: ChartStyleOptions, dataOptions: ChartDataOptionsInternal) => DesignOptions;

package/dist/packages/sdk-ui/src/chart-options-processor/style-to-design-options-translator/translate-to-highcharts-options.d.ts

@@ -1,8 +1,8 @@
-import { PolarStyleOptions, PieStyleOptions, StackableStyleOptions, LineStyleOptions, AreaStyleOptions, FunnelStyleOptions, ScatterStyleOptions, BaseStyleOptions, TreemapStyleOptions, SunburstStyleOptions, BoxplotStyleOptions, ScattermapStyleOptions, BaseAxisStyleOptions, ChartStyleOptions, ChartType } from '../../types';
-import { StackableChartDesignOptions, LineChartDesignOptions, PieChartDesignOptions, FunnelChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, AreaChartDesignOptions, TreemapChartDesignOptions, SunburstChartDesignOptions, BoxplotChartDesignOptions, ScattermapChartDesignOptions, BaseDesignOptionsType } from '../translations/design-options';
+import { CartesianChartDataOptionsInternal } from '../../chart-data-options/types';
+import { AreaStyleOptions, BaseAxisStyleOptions, BaseStyleOptions, BoxplotStyleOptions, ChartStyleOptions, ChartType, FunnelStyleOptions, LineStyleOptions, PieStyleOptions, PolarStyleOptions, ScattermapStyleOptions, ScatterStyleOptions, StackableStyleOptions, SunburstStyleOptions, TreemapStyleOptions } from '../../types';
+import { AreaChartDesignOptions, BaseDesignOptionsType, BoxplotChartDesignOptions, FunnelChartDesignOptions, LineChartDesignOptions, PieChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, ScattermapChartDesignOptions, StackableChartDesignOptions, SunburstChartDesignOptions, TreemapChartDesignOptions } from '../translations/design-options';
 import { StackType } from '../translations/translations-to-highcharts';
 import { CartesianChartType, SeriesDesignOptions } from '../translations/types';
-import { CartesianChartDataOptionsInternal } from '../../chart-data-options/types';
 export declare const DefaultStackType: StackType;
 export declare const getCartesianChartStyle: (styleOptions: BaseStyleOptions & BaseAxisStyleOptions, shouldHaveY2Axis: boolean) => BaseDesignOptionsType;
 export declare const getStackableChartDesignOptions: (styleOptions: AreaStyleOptions | StackableStyleOptions, dataOptions: CartesianChartDataOptionsInternal, hasY2Axis: boolean, chartType: CartesianChartType) => StackableChartDesignOptions;

package/dist/packages/sdk-ui/src/chart-options-processor/subtype-to-design-options.d.ts

@@ -1,6 +1,6 @@
-import { LineType, StackType } from './translations/translations-to-highcharts';
-import { IndicatorStyleType, PolarType, BoxplotType } from './translations/design-options';
 import { AreamapType } from '../types';
+import { BoxplotType, IndicatorStyleType, PolarType } from './translations/design-options';
+import { LineType, StackType } from './translations/translations-to-highcharts';
 /**
  * Property of {@link LineStyleOptions}
  *

package/dist/packages/sdk-ui/src/chart-options-processor/tooltip.d.ts

@@ -1,4 +1,4 @@
 import { ChartDataOptionsInternal } from '../chart-data-options/types';
-import { TooltipSettings, HighchartsDataPointContext, HighchartsDataPointContextNode } from './translations/tooltip-utils';
+import { HighchartsDataPointContext, HighchartsDataPointContextNode, TooltipSettings } from './translations/tooltip-utils';
 export type { TooltipSettings, HighchartsDataPointContext, HighchartsDataPointContextNode };
 export declare const getCategoryTooltipSettings: (showDecimals: boolean | undefined, chartDataOptions: ChartDataOptionsInternal) => TooltipSettings;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/axis-section.d.ts

@@ -1,5 +1,6 @@
-import { TextStyle } from './types';
 import { CategoricalXValues } from '../../chart-data/types';
+import { HighchartsGradientColorObject } from '../../utils/gradient';
+import { TextStyle } from './types';
 export type Axis = {
     enabled?: boolean;
     titleEnabled?: boolean;
@@ -75,12 +76,22 @@ export type AxisSettings = {
     };
 };
 export type StackLabel = {
-    style: TextStyle;
-    crop: boolean;
-    allowOverlap: boolean;
-    enabled: boolean;
-    rotation: number;
-    labelrank: number;
+    style?: TextStyle;
+    borderColor?: string | HighchartsGradientColorObject;
+    borderRadius?: number;
+    borderWidth?: number;
+    backgroundColor?: string | HighchartsGradientColorObject;
+    align?: 'center' | 'left' | 'right';
+    textAlign?: 'center' | 'left' | 'right';
+    verticalAlign?: 'top' | 'middle' | 'bottom';
+    animation?: {
+        defer?: number;
+    };
+    crop?: boolean;
+    allowOverlap?: boolean;
+    enabled?: boolean;
+    rotation?: number;
+    labelrank?: number;
     x?: number;
     y?: number;
 };

package/dist/packages/sdk-ui/src/chart-options-processor/translations/base-design-options.d.ts

@@ -1,5 +1,5 @@
-import { DesignOptions } from './types';
 import { Merge } from '../../utils/utility-types';
+import { DesignOptions } from './types';
 export declare const SERIES_CAPACITY = 50;
 export declare const PIE_SERIES_CAPACITY = 1000;
 export declare const SCATTER_CATEGORIES_CAPACITY = 500;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/boxplot/boxplot-axis.d.ts

@@ -1,6 +1,6 @@
+import { StyledColumn, StyledMeasureColumn } from '../../../chart-data-options/types';
 import { BoxplotChartData } from '../../../chart-data/types';
 import { Axis, AxisSettings } from '../axis-section';
-import { StyledColumn, StyledMeasureColumn } from '../../../chart-data-options/types';
 export declare const commonColor = "#d1d1d7";
 export declare const calculateYAxisMinMax: (chartData: BoxplotChartData) => {
     min: number;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/boxplot/boxplot-plot-options.d.ts

@@ -1,3 +1,3 @@
-import { PlotOptions } from '../../chart-options-service.js';
 import { SeriesLabels } from '../../../types.js';
+import { PlotOptions } from '../../chart-options-service.js';
 export declare const getBoxplotPlotOptions: (seriesLabels: SeriesLabels | undefined) => PlotOptions;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/boxplot/boxplot-series.d.ts

@@ -1,5 +1,5 @@
-import { SeriesType } from '../../chart-options-service.js';
 import { BoxplotChartData } from '../../../chart-data/types.js';
 import { Color, SeriesWithAlerts } from '../../../types.js';
+import { SeriesType } from '../../chart-options-service.js';
 import { BoxplotChartDesignOptions } from '../design-options.js';
 export declare const buildBoxplotSeries: (data: BoxplotChartData, chartDesignOptions: BoxplotChartDesignOptions, paletteColors?: Color[]) => SeriesWithAlerts<SeriesType[]>;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/design-options.d.ts

@@ -1,12 +1,12 @@
+import { CalendarDayOfWeek } from '../../chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/utils';
+import { CalendarHeatmapViewType, Convolution, LegendOptions, LineOptions, PieSeriesLabels, ScattermapMarkers, SeriesLabels, SunburstStyleOptions, TotalLabels, TreemapStyleOptions } from '../../types';
 import { Axis } from './axis-section';
+import { FunnelDirection, FunnelLabels, FunnelSize, FunnelType } from './funnel-plot-options';
 import { Marker } from './marker-section';
-import { LineType, StackType } from './translations-to-highcharts';
-import { PieType, PieLabels } from './pie-plot-options';
-import { FunnelSize, FunnelType, FunnelDirection, FunnelLabels } from './funnel-plot-options';
-import { CalendarHeatmapViewType, Convolution, LineOptions, LegendOptions, SeriesLabels, ScattermapMarkers, SunburstStyleOptions, TreemapStyleOptions } from '../../types';
+import { PieType } from './pie-plot-options';
 import { ScatterMarkerSize } from './scatter-plot-options';
+import { LineType, StackType } from './translations-to-highcharts';
 import { DesignPerSeries, TextStyle } from './types';
-import { CalendarDayOfWeek } from '../../chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/utils';
 type DataLimits = {
     seriesCapacity: number;
     categoriesCapacity: number;
@@ -38,8 +38,7 @@ export type CartesianChartDesignOptions = BaseDesignOptionsType & DesignPerSerie
 export type StackableChartDesignOptions = CartesianChartDesignOptions & {
     line?: LineOptions;
     stackType: StackType;
-    showTotal?: boolean;
-    totalLabelRotation?: number;
+    totalLabels?: TotalLabels;
     itemPadding?: number;
     groupPadding?: number;
     borderRadius?: number | string;
@@ -76,16 +75,22 @@ export type CalendarHeatmapChartDesignOptions = BaseDesignOptionsType & {
         cellColor?: string;
         hideValues: boolean;
     };
+    pagination: {
+        enabled: boolean;
+        style?: TextStyle;
+        startMonth?: Date;
+    };
 };
 export type PolarType = 'line' | 'area' | 'column';
 export type PolarChartDesignOptions = CartesianChartDesignOptions & {
     polarType: PolarType;
+    totalLabels?: TotalLabels;
 };
 export declare function isPolarChartDesignOptions(options: CartesianChartDesignOptions): options is PolarChartDesignOptions;
 export type PieChartDesignOptions = BaseDesignOptionsType & {
     pieType?: PieType;
-    pieLabels?: PieLabels;
     convolution?: Convolution;
+    seriesLabels?: PieSeriesLabels;
 };
 export type FunnelChartDesignOptions = BaseDesignOptionsType & {
     funnelSize?: FunnelSize;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/funnel-plot-options.d.ts

@@ -1,8 +1,8 @@
-import { PlotOptions } from '../chart-options-service';
-import { DataLabelsSettings } from './value-label-section';
+import { ChartDataOptionsInternal } from '../../chart-data-options/types';
 import { CompleteThemeSettings } from '../../types';
+import { PlotOptions } from '../chart-options-service';
 import { FunnelChartDesignOptions } from './design-options';
-import { ChartDataOptionsInternal } from '../../chart-data-options/types';
+import { DataLabelsSettings } from './value-label-section';
 export declare const DefaultFunnelLabels: FunnelLabels;
 export type FunnelLabels = {
     enabled: boolean;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/funnel-series.d.ts

@@ -1,8 +1,8 @@
-import { SeriesWithAlerts, CompleteThemeSettings } from '../../types';
+import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
+import { CategoricalChartData } from '../../chart-data/types';
+import { CompleteThemeSettings, SeriesWithAlerts } from '../../types';
 import { SeriesType } from '../chart-options-service';
 import { FunnelChartDesignOptions } from './design-options';
-import { CategoricalChartData } from '../../chart-data/types';
-import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
 /**
  * Convert categorical chart data into renderable highcharts funnel series. *
  *

package/dist/packages/sdk-ui/src/chart-options-processor/translations/legend-section.d.ts

@@ -1,4 +1,5 @@
 import type { LegendOptions } from '../../types';
+import { HighchartsGradientColorObject } from '../../utils/gradient';
 import type { TextStyle } from './types';
 export type LegendPosition = 'top' | 'left' | 'right' | 'bottom' | null;
 export type LegendSettings = {
@@ -6,9 +7,9 @@ export type LegendSettings = {
     align?: 'center' | 'left' | 'right';
     verticalAlign?: 'top' | 'middle' | 'bottom';
     borderWidth?: number;
-    borderColor?: string;
+    borderColor?: string | HighchartsGradientColorObject;
     borderRadius?: number;
-    backgroundColor?: string;
+    backgroundColor?: string | HighchartsGradientColorObject;
     margin?: number;
     padding?: number;
     maxHeight?: number;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/pie-plot-options.d.ts

@@ -1,8 +1,8 @@
+import { CompleteThemeSettings, PieSeriesLabels } from '../../types';
+import { ChartDataOptionsInternal } from '../../chart-data-options/types';
 import { PlotOptions } from '../chart-options-service';
 import { DataLabelsSettings } from './value-label-section';
-import { ChartDataOptionsInternal } from '../../chart-data-options/types';
-import { CompleteThemeSettings } from '../../types';
-export declare const DefaultPieLabels: PieLabels;
+export declare const DefaultPieSeriesLabels: PieSeriesLabels;
 export type PieLabels = {
     enabled: boolean;
     showCategories: boolean;
@@ -26,5 +26,5 @@ export type PieOptions = {
     innerSize?: InnerSize;
 };
 type InnerSize = '0%' | '40%' | '80%';
-export declare const getPiePlotOptions: (pieType: "classic" | "donut" | "ring" | undefined, pieLabels: PieLabels | undefined, chartDataOptions: ChartDataOptionsInternal, themeSettings?: CompleteThemeSettings) => PlotOptions;
+export declare const getPiePlotOptions: (pieType: "classic" | "donut" | "ring" | undefined, seriesLabels: PieSeriesLabels | undefined, chartDataOptions: ChartDataOptionsInternal, themeSettings?: CompleteThemeSettings) => PlotOptions;
 export {};

package/dist/packages/sdk-ui/src/chart-options-processor/translations/pie-series.d.ts

@@ -1,9 +1,9 @@
-import { Convolution, SeriesWithAlerts, CompleteThemeSettings } from '../../types';
+import { SeriesPieOptions } from '@sisense/sisense-charts';
 import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
+import { CategoricalChartData } from '../../chart-data/types';
+import { CompleteThemeSettings, Convolution, SeriesWithAlerts } from '../../types';
 import { SeriesType } from '../chart-options-service';
 import { PieChartDesignOptions } from './design-options';
-import { CategoricalChartData } from '../../chart-data/types';
-import { SeriesPieOptions } from '@sisense/sisense-charts';
 type FormattedPieChartData = SeriesWithAlerts<SeriesType[]> & {
     convolutionSeries: SeriesPieOptions[];
 };

package/dist/packages/sdk-ui/src/chart-options-processor/translations/range/tooltip-range.d.ts

@@ -1,4 +1,4 @@
+import { TFunction } from '@sisense/sdk-common';
 import { RangeChartDataOptionsInternal } from '../../../chart-data-options/types';
 import { TooltipSettings } from '../tooltip-utils';
-import { TFunction } from '@sisense/sdk-common';
 export declare const getRangeTooltipSettings: (showDecimals: boolean | undefined, chartDataOptions: RangeChartDataOptionsInternal, translate: TFunction) => TooltipSettings;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/scatter-plot-options.d.ts

@@ -1,8 +1,8 @@
 import { ScatterChartDataOptionsInternal } from '../../chart-data-options/types';
 import { PlotOptions } from '../chart-options-service';
 import { ScatterChartDesignOptions } from './design-options';
-import { HighchartsDataPointContext } from './tooltip-utils';
 import { ScatterCustomPointOptions } from './scatter-tooltip';
+import { HighchartsDataPointContext } from './tooltip-utils';
 export type ScatterMarkerSize = {
     scatterDefaultSize: number;
     scatterBubbleMinSize: number;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/scatter-series.d.ts

@@ -1,8 +1,8 @@
 import { ScatterChartDataOptionsInternal } from '../../chart-data-options/types';
-import { SeriesType } from '../chart-options-service';
-import { ScatterAxisCategoriesMap, ScatterDataTable } from '../../chart-data/types';
 import { ComparableData } from '../../chart-data-processor/table-processor';
-import { SeriesWithAlerts, CompleteThemeSettings } from '../../types';
+import { ScatterAxisCategoriesMap, ScatterDataTable } from '../../chart-data/types';
+import { CompleteThemeSettings, SeriesWithAlerts } from '../../types';
+import { SeriesType } from '../chart-options-service';
 import { ChartDesignOptions } from './types';
 export type ScatterSeriesColor = {
     index: number;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/scatter-tooltip.d.ts

@@ -1,5 +1,5 @@
-import { HighchartsDataPointContext, TooltipSettings } from './tooltip-utils';
 import { ScatterChartDataOptionsInternal } from '../../chart-data-options/types';
+import { HighchartsDataPointContext, TooltipSettings } from './tooltip-utils';
 export interface ScatterTooltipElements {
     x: string;
     y: string;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-levels.d.ts

@@ -1,8 +1,8 @@
-import { CategoricalChartData } from '../../../chart-data/types';
 import { PointLabelObject } from '@sisense/sisense-charts';
 import { CategoricalChartDataOptionsInternal } from '../../../chart-data-options/types';
-import { SunburstChartDesignOptions } from '../design-options';
+import { CategoricalChartData } from '../../../chart-data/types';
 import { CompleteThemeSettings } from '../../../types';
+import { SunburstChartDesignOptions } from '../design-options';
 export declare function prepareSunburstLevels(chartData: CategoricalChartData, dataOptions: CategoricalChartDataOptionsInternal, designOptions: SunburstChartDesignOptions, themeSettings?: CompleteThemeSettings): {
     level: number;
     dataLabels: {