vue-data-ui 3.22.14 → 3.23.1

package/dist/types/vue-data-ui.d.ts

@@ -19,6 +19,7 @@ declare module 'vue-data-ui' {
     >;
 
     export type VueDataUiAnyDataset =
+        | VueUiHillDatasetItem[]
         | VueUi3dBarDataset
         | VueUiAgePyramidDataset
         | VueUiAnnotatorDataset
@@ -80,6 +81,7 @@ declare module 'vue-data-ui' {
         | VueUiBumpDatasetItem[];
 
     export type VueDataUiAnyConfig =
+        | VueUiHillConfig
         | VueUi3dBarConfig
         | VueUiAgePyramidConfig
         | VueUiAnnotatorConfig
@@ -289,6 +291,8 @@ declare module 'vue-data-ui' {
         scale?: number;
     }>;
 
+    export type DevHints = { enable?: boolean };
+
     export type ChartTitle = {
         text?: string;
         color?: string;
@@ -305,6 +309,13 @@ declare module 'vue-data-ui' {
         };
     };
 
+    export type ChartTransitions = {
+        enable?: boolean;
+        pauseOnLoad?: boolean;
+        pauseOnDatasetChange?: boolean;
+        activationDelayMs?: number;
+    };
+
     export type ChartComments = {
         show?: boolean;
         showInTooltip?: boolean;
@@ -501,6 +512,7 @@ declare module 'vue-data-ui' {
 
     export type ChartZoom = {
         show?: boolean;
+        autoFit?: boolean;
         color?: string;
         highlightColor?: string;
         fontSize?: number;
@@ -628,6 +640,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiTreemapConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiTreemapConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiTreemapDatasetItem[]
@@ -636,6 +649,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             datapointEnter?: VueUiTreemapEvent; // v3
             datapointLeave?: VueUiTreemapEvent; // v3
@@ -934,6 +948,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiKpiConfig = {
+        devHints?: DevHints;
         debug?: boolean;
         animationFrames?: number;
         animationValueStart?: number;
@@ -994,6 +1009,7 @@ declare module 'vue-data-ui' {
     export type VueUiGalaxyDatasetItem = VueUiDonutDatasetItem;
 
     export type VueUiGalaxyConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiGalaxyDatasetItem[]
         > | null;
@@ -1002,6 +1018,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean; // v3
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiGalaxyEvent; // v3
@@ -1265,6 +1282,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiSparkgaugeConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiSparkgaugeConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiSparkgaugeDataset> | null;
         debug?: boolean; // v3
@@ -1342,6 +1360,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiMiniLoaderConfig = {
+        devHints?: DevHints;
         type?: 'line' | 'bar' | 'onion';
         onion?: VueUiMiniLoaderConfigType;
         line?: VueUiMiniLoaderConfigType;
@@ -1373,6 +1392,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiTableSparklineConfig = {
+        devHints?: DevHints;
         theme?: Theme;
         customPalette?: string[];
         responsiveBreakpoint?: number;
@@ -1514,6 +1534,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiMoleculeConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiMoleculeDatasetNode[]
         > | null;
@@ -1729,6 +1750,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiDigitsConfig = {
+        devHints?: DevHints;
         backgroundColor?: string;
         height?: string;
         width?: string;
@@ -1776,6 +1798,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUi3dBarConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUi3dBarDataset> | null;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUi3dBarConfig> | null;
         debug?: boolean; // v3
@@ -1984,6 +2007,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiMoodRadarConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiMoodRadarConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiMoodRadarDataset> | null;
         debug?: boolean; // v3
@@ -2211,6 +2235,7 @@ declare module 'vue-data-ui' {
         | 'chartGalaxy'
         | 'chartGauge'
         | 'chartHeatmap'
+        | 'chartHill'
         | 'chartHistoryPlot'
         | 'chartLine'
         | 'chartMoodRadar'
@@ -2483,6 +2508,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiDonutEvolutionConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiDonutEvolutionDatasetItem[]
         > | null;
@@ -2491,6 +2517,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean; // v3
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiDonutEvolutionEvent; // v3
@@ -2757,6 +2784,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiTiremarksConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiTiremarksConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiTiremarksDataset> | null;
         debug?: boolean; // v3
@@ -2883,6 +2911,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiWheelConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiWheelConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiWheelDataset> | null;
         debug?: boolean; // v3
@@ -3020,6 +3049,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiRingsConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiRingsConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiRingsDatasetItem[]
@@ -3028,6 +3058,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             datapointEnter?: VueUiRingsEvent; // v3
             datapointLeave?: VueUiRingsEvent; // v3
@@ -3267,6 +3298,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiSparkHistogramConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiSparkHistogramConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiSparkHistogramDatasetItem[]
@@ -3436,6 +3468,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiSparkStackbarConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiSparkStackbarConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiSparkStackbarDatasetItem[]
@@ -3600,6 +3633,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiThermometerConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiThermometerConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiThermometerDataset> | null;
         debug?: boolean; // v3
@@ -3744,6 +3778,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiRelationCircleConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiRelationCircleDatasetItem[]
         > | null;
@@ -3916,6 +3951,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiAnnotatorConfig = {
+        devHints?: DevHints;
         alwaysVisible?: boolean;
         useCursorPointer?: boolean;
         style?: {
@@ -4033,6 +4069,7 @@ declare module 'vue-data-ui' {
     >;
 
     export type VueUiDashboardConfig = {
+        devHints?: DevHints;
         locked?: boolean;
         style?: {
             board?: {
@@ -4208,6 +4245,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiSparkbarConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiSparkbarDatasetItem[]
         > | null;
@@ -4353,6 +4391,7 @@ declare module 'vue-data-ui' {
     export type VueUiAgePyramidDataset = VueUiAgePyramidDatasetRow[];
 
     export type VueUiAgePyramidConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiAgePyramidDataset> | null;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiAgePyramidConfig> | null;
         debug?: boolean; // v3
@@ -4621,6 +4660,7 @@ declare module 'vue-data-ui' {
     ];
 
     export type VueUiCandlestickConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<OHLC[]> | null;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiCandlestickConfig> | null;
         type?: 'ohlc' | 'candlestick';
@@ -4628,6 +4668,7 @@ declare module 'vue-data-ui' {
         loading?: boolean;
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiCandlestickEvent; // v3
@@ -4947,6 +4988,7 @@ declare module 'vue-data-ui' {
 
     export type VueUiScatterConfig = {
         [key: string]: unknown;
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiScatterConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiScatterDatasetItem[]
@@ -4955,6 +4997,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             datapointEnter?: VueUiScatterEvent; // v3
             datapointLeave?: VueUiScatterEvent; // v3
@@ -5335,6 +5378,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiHeatmapConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiHeatmapDatasetItem[]
         > | null;
@@ -5671,6 +5715,7 @@ declare module 'vue-data-ui' {
     } & Record<string, any>;
 
     export type VueUiXyConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiXyDatasetItem[]
         > | null;
@@ -5679,6 +5724,7 @@ declare module 'vue-data-ui' {
         responsive?: boolean; // v3
         loading?: boolean; // v3
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiXyEvent; // v3
@@ -6397,6 +6443,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiDonutConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiDonutDatasetItem[]
         > | null;
@@ -6801,6 +6848,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiNestedDonutsConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiNestedDonutsConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiNestedDonutsDatasetItem[]
@@ -7137,6 +7185,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiWaffleConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiWaffleConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiWaffleDatasetItem[]
@@ -7436,6 +7485,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiRadarConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiRadarConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiRadarDataset> | null;
         debug?: boolean; // v3
@@ -7768,6 +7818,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiQuadrantConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiQuadrantDatasetItem[]
         > | null;
@@ -8106,6 +8157,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiGaugeConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiGaugeDataset> | null;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiGaugeConfig> | null;
         debug?: boolean; // v3
@@ -8355,6 +8407,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiChestnutConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiChestnutDatasetRoot[]
         > | null;
@@ -8652,6 +8705,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiOnionConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiOnionConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiOnionDatasetItem[]
@@ -8660,6 +8714,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             datapointEnter?: VueUiOnionEvent; // v3
             datapointLeave?: VueUiOnionEvent; // v3
@@ -8965,6 +9020,7 @@ declare module 'vue-data-ui' {
 
     export type VueUiVerticalBarConfig = {
         [key: string]: unknown;
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiVerticalBarDatasetItem[] | VueUiHorizontalBarDatasetItem[]
         > | null;
@@ -8979,6 +9035,7 @@ declare module 'vue-data-ui' {
         customPalette?: string[];
         useCssAnimation?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             datapointEnter?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
             datapointLeave?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
@@ -9319,6 +9376,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiSparklineConfig = {
+        devHints?: DevHints;
         loading?: boolean; // v3
         debug?: boolean; // v3
         theme?: Theme;
@@ -9576,6 +9634,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiTableConfig = {
+        devHints?: DevHints;
         fontFamily?: string;
         maxHeight?: number;
         rowsPerPage?: number;
@@ -9746,6 +9805,7 @@ declare module 'vue-data-ui' {
                     };
                     zoom?: {
                         show?: boolean;
+                        autoFit?: boolean;
                     };
                     datetimeFormatter?: AxisDateFormatter;
                 };
@@ -9812,6 +9872,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiRatingConfig = {
+        devHints?: DevHints;
         type?: 'star' | 'image';
         readonly?: boolean;
         from?: number;
@@ -9911,6 +9972,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiSmileyConfig = {
+        devHints?: DevHints;
         readonly?: boolean;
         useCursorPointer?: boolean;
         style?: {
@@ -9984,6 +10046,7 @@ declare module 'vue-data-ui' {
     >;
 
     export type VueUiSkeletonConfig = {
+        devHints?: DevHints;
         type?:
             | 'bar'
             | 'chestnut'
@@ -10224,6 +10287,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiTableHeatmapConfig = {
+        devHints?: DevHints;
         theme?: Theme;
         style?: {
             backgroundColor?: string;
@@ -10361,11 +10425,13 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiQuickChartConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiQuickChartConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiQuickChartDataset> | null;
         debug?: boolean; // v3
         loading?: boolean; // v3
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             datapointEnter?: ChartEvent<object | object[]>;
             datapointLeave?: ChartEvent<object | object[]>;
@@ -10468,6 +10534,7 @@ declare module 'vue-data-ui' {
         xyShowScale?: boolean;
         yAxisLabel?: string;
         zoomXy?: boolean;
+        zoomXyAutoFit?: boolean;
         zoomColor?: string;
         zoomHighlightColor?: string;
         zoomFontSize?: number;
@@ -10856,6 +10923,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiSparkTrendConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiSparkTrendConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             Array<number | null>
@@ -10942,6 +11010,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiStripPlotConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiStripPlotConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiStripPlotDataset[]
@@ -10950,6 +11019,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiStripPlotEvent; // v3
@@ -11298,6 +11368,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiDumbbellConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiDumbbellDataset[]
         > | null;
@@ -11593,6 +11664,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiWordCloudConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiWordCloudConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiWordCloudDatasetItem[] | string
@@ -11828,6 +11900,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiXyCanvasConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiXyCanvasConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiXyCanvasDatasetItem[]
@@ -12193,6 +12266,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiFlowConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiFlowDatasetItem[]
         > | null;
@@ -12419,6 +12493,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiParallelCoordinatePlotConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiParallelCoordinatePlotConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiParallelCoordinatePlotDatasetItem[]
@@ -12427,6 +12502,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiParallelCoordinatePlotEvent; // v3
@@ -12748,6 +12824,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiTimerConfig = {
+        devHints?: DevHints;
         type?: 'stopwatch';
         responsive?: boolean;
         responsiveProportionalSizing?: boolean;
@@ -12913,6 +12990,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiCarouselTableConfig = {
+        devHints?: DevHints;
         responsiveBreakpoint?: number;
         animation?: {
             type?: 'scroll' | 'marquee';
@@ -13054,6 +13132,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiGizmoConfig = {
+        devHints?: DevHints;
         a11y?: {
             translations?: {
                 label?: string;
@@ -13118,6 +13197,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiStackbarConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiStackbarConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiStackbarDatasetItem[]
@@ -13127,6 +13207,7 @@ declare module 'vue-data-ui' {
         customPalette?: string[];
         useCssAnimation?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiStackbarEvent; // v3
@@ -13558,6 +13639,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiStacklineConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiStacklineConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiStacklineDatasetItem[]
@@ -13567,6 +13649,7 @@ declare module 'vue-data-ui' {
         theme?: Theme;
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             datapointEnter?: VueUiStacklineEvent;
             datapointLeave?: VueUiStacklineEvent;
@@ -14003,6 +14086,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiBulletConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonConfig<VueUiBulletDataset> | null;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiBulletConfig> | null;
         debug?: boolean; // v3
@@ -14185,6 +14269,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiFunnelConfig = {
+        devHints?: DevHints;
         theme?: Theme;
         responsive?: boolean;
         responsiveProportionalSizing?: boolean;
@@ -14355,6 +14440,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiHistoryPlotConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiHistoryPlotDatasetItem[]
         > | null;
@@ -14363,6 +14449,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiHistoryPlotEvent; // v3
@@ -14718,6 +14805,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiCirclePackConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiCirclePackDatasetItem[]
         > | null;
@@ -14726,6 +14814,7 @@ declare module 'vue-data-ui' {
         responsive?: boolean;
         loading?: boolean; // v3
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiCirclePackEvent; // v3
@@ -15010,6 +15099,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiWorldConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiWorldConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiWorldDataset> | null;
         debug?: boolean; // v3
@@ -15251,6 +15341,7 @@ declare module 'vue-data-ui' {
         VueUiRidgelineDatapointEventEntry[][];
 
     export type VueUiRidgelineConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiRidgelineConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiRidgelineDatasetItem[]
@@ -15594,6 +15685,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiChordConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiChordDataset> | null;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiChordConfig> | null;
         debug?: boolean; // v3
@@ -15823,6 +15915,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiDagConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiDagDataset> | null;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiDagConfig> | null;
         loading?: boolean;
@@ -16218,6 +16311,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiGeoConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiGeoDatasetItem[]
         > | null;
@@ -16449,6 +16543,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiBumpConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiBumpDatasetItem[]
         > | null;
@@ -16672,7 +16767,407 @@ declare module 'vue-data-ui' {
         };
     };
 
+    export type VueUiHillDatasetItem = {
+        [key: string]: any;
+        id?: string;
+        color?: string;
+        label?: string;
+        muted?: boolean;
+        disabled?: boolean;
+    };
+
+    export type VueUiHillFormattedDatasetItem = VueUiHillDatasetItem & {
+        labelSide: string;
+        name: string;
+        position: number;
+        color: string;
+        status: 'todo' | 'left' | 'top' | 'right' | 'done';
+    };
+
+    export type VueUiHillExtendedDatasetItem = {
+        [key: string]: any;
+        __index: number;
+        color: string;
+        datasetIndex: number;
+        disabled: boolean;
+        id: string;
+        isPromotedFromStackOverflow: boolean;
+        isStackOverflowHidden: boolean;
+        label: string;
+        labelSide: string;
+        labelX: number;
+        muted: boolean;
+        name: string;
+        position: number;
+        proportion: number;
+        proportionStart: number;
+        stackDisplayIndex: number;
+        stackId: string;
+        stackSize: number;
+        status: 'todo' | 'left' | 'top' | 'right' | 'done';
+        textAnchor: 'start' | 'middle' | 'end';
+        x: number;
+        y: number;
+    };
+
+    export type VueUiHillEvents = {
+        edit?: null | ((data: VueUiHillFormattedDatasetItem[]) => void);
+        save?: null | ((data: VueUiHillFormattedDatasetItem[]) => void);
+        cancel?: null | ((data: VueUiHillFormattedDatasetItem[]) => void);
+        change?:
+            | null
+            | (({
+                  datapoint,
+                  dataset,
+              }: {
+                  datapoint: VueUiHillFormattedDatasetItem;
+                  dataset: VueUiHillFormattedDatasetItem[];
+              }) => void);
+        dragStart?: null | ((data: VueUiHillFormattedDatasetItem[]) => void);
+        dragEnd?: null | ((data: VueUiHillFormattedDatasetItem[]) => void);
+        datapointEnter?:
+            | null
+            | (({
+                  datapoint,
+                  index,
+              }: {
+                  datapoint: VueUiHillFormattedDatasetItem;
+                  index: number;
+              }) => void);
+        datapointLeave?:
+            | null
+            | (({
+                  datapoint,
+                  index,
+              }: {
+                  datapoint: VueUiHillFormattedDatasetItem;
+                  index: number;
+              }) => void);
+        selectDatapoint?:
+            | null
+            | (({
+                  datapoint,
+                  index,
+              }: {
+                  datapoint: VueUiHillFormattedDatasetItem;
+                  index: number;
+              }) => void);
+    };
+
+    export type VueUiHillConfig = {
+        devHints?: DevHints;
+        loading?: boolean;
+        readonly?: boolean;
+        editing?: boolean;
+        theme?: Theme;
+        customPalette?: string[];
+        transitions?: ChartTransitions;
+        userOptions?: ChartUserOptions<
+            VueUiHillFormattedDatasetItem[],
+            VueUiHillConfig
+        >;
+        a11y?: A11YConfig & {
+            topOfHill?: string;
+        };
+        events?: VueUiHillEvents;
+        interaction?: {
+            keyboardStep?: number;
+            peakTolerance?: number;
+        };
+        style?: {
+            fontFamily?: string;
+            chart?: {
+                backgroundColor?: string;
+                color?: string;
+                width?: number;
+                height?: number;
+                title?: ChartTitle;
+                toolbar?: {
+                    show?: boolean;
+                    status?: {
+                        lastUpdated?: string;
+                        editInstruction?: string;
+                        color?: string;
+                        fontSize?: number;
+                        bold?: boolean;
+                        lineHeight?: number;
+                    };
+                    buttons?: {
+                        translations?: {
+                            edit?: string;
+                            cancel?: string;
+                            save?: string;
+                        };
+                    };
+                };
+                layout?: {
+                    hill?: {
+                        geometry?: {
+                            horizontalPaddingRatio?: number;
+                            topPaddingRatio?: number;
+                            bottomPaddingRatio?: number;
+                            curvature?: number;
+                        };
+                        baseline?: {
+                            show?: boolean;
+                            stroke?: string;
+                            strokeWidth?: number;
+                            strokeDasharray: string | number;
+                        };
+                        midline?: {
+                            show?: boolean;
+                            stroke?: string;
+                            strokeWidth?: number;
+                            strokeDasharray?: string | number;
+                        };
+                        curve?: {
+                            stroke?: string;
+                            strokeWidth?: number;
+                            strokeDasharray?: string | number;
+                        };
+                    };
+                    plots?: {
+                        radius?: number;
+                        hitRadius?: number;
+                        stroke?: string;
+                        strokeWidth?: number;
+                        mutedOpacity?: number;
+                        disabledOpacity?: number;
+                        shadow?: {
+                            show?: boolean;
+                            color?: string;
+                            offsetX?: number;
+                            offsetY?: number;
+                            blur?: number;
+                        };
+                        stacking?: {
+                            show?: boolean;
+                            overlapThresholdRatio?: number;
+                            gap: number | null;
+                            overflow?: {
+                                show?: boolean;
+                                transitionDuration?: number;
+                                marker?: {
+                                    radius?: number;
+                                    stroke?: string;
+                                    strokeWidth?: number;
+                                    labelColor?: string;
+                                    labelOffsetY?: number;
+                                    fontSize?: number;
+                                    bold?: boolean;
+                                    fill?: string;
+                                };
+                                menu?: {
+                                    width?: number;
+                                    maxHeight?: number;
+                                    backgroundColor?: string;
+                                    color?: string;
+                                    borderColor?: string;
+                                    borderRadius?: number;
+                                    title?: string;
+                                };
+                            };
+                        };
+                        dragMarker?: {
+                            show?: boolean;
+                            strokeWidth?: number;
+                            crossPath?: string;
+                            positionIndicator?: {
+                                show?: boolean;
+                                useSerieColor?: boolean;
+                                color?: string;
+                                strokeWidth?: number;
+                                strokeDasharray?: string | number;
+                                circle?: {
+                                    show?: boolean;
+                                    radius?: number;
+                                    stroke?: string;
+                                    strokeWidth?: number;
+                                };
+                                value?: {
+                                    show?: boolean;
+                                    offsetY?: number;
+                                    fontSize?: number;
+                                    useSerieColor?: boolean;
+                                    color?: string;
+                                    formatter?: Formatter;
+                                    rounding?: number;
+                                };
+                            };
+                        };
+                    };
+                    labels?: {
+                        item?: {
+                            ellipsisThresholdChars?: number;
+                            show?: boolean;
+                            color?: string;
+                            useSeriesColor?: boolean;
+                            fontSize?: number;
+                            bold?: boolean;
+                            offsetX?: number;
+                            offsetY?: number;
+                            autoSideThreshold?: number;
+                            stroke?: string;
+                            strokeWidth?: number;
+                        };
+                        phases?: {
+                            show?: boolean;
+                            color?: string;
+                            fontSize?: number;
+                            bold?: boolean;
+                            letterSpacing?: string;
+                            offsetY?: number;
+                            left?: {
+                                text?: string;
+                            };
+                            right?: {
+                                text?: string;
+                            };
+                        };
+                    };
+                    stackbar?: {
+                        show?: boolean;
+                        paddingTop?: number;
+                        paddingBottom?: number;
+                        height?: number;
+                        stroke?: string;
+                        strokeWidth?: number;
+                        gutterColor?: string;
+                        label?: {
+                            show?: boolean;
+                            color?: string;
+                            fontSize?: number;
+                            formatter: Formatter;
+                        };
+                    };
+                };
+            };
+        };
+    };
+
+    export type VueUiHillProps = {
+        config?: VueUiHillConfig;
+        dataset: VueUiHillDatasetItem[];
+    };
+
+    export type VueUiHillEmitCopyAlt = {
+        config: VueUiHillConfig;
+        dataset: VueUiHillFormattedDatasetItem[];
+    };
+
+    export type VueUiHillEmitChange = {
+        datapoint: VueUiHillFormattedDatasetItem;
+        dataset: VueUiHillFormattedDatasetItem[];
+    };
+
+    export type VueUiHillEmitDatapointEnter = {
+        datapoint: VueUiHillFormattedDatasetItem;
+        index: number;
+    };
+
+    export type VueUiHillEmitDatapointLeave = {
+        datapoint: VueUiHillFormattedDatasetItem;
+        index: number;
+    };
+
+    export type VueUiHillEmitSelectDatapoint = {
+        datapoint: VueUiHillFormattedDatasetItem;
+        index: number;
+    };
+
+    export type VueUiHillEmits = {
+        edit: (data: VueUiHillFormattedDatasetItem[]) => void;
+        save: (data: VueUiHillFormattedDatasetItem[]) => void;
+        cancel: (data: VueUiHillFormattedDatasetItem[]) => void;
+        change: (data: VueUiHillEmitChange) => void;
+        dragStart: (datapoint: VueUiHillFormattedDatasetItem) => void;
+        dragEnd: (datapoint: VueUiHillFormattedDatasetItem) => void;
+        datapointEnter: (data: VueUiHillEmitDatapointEnter) => void;
+        datapointLeave: (data: VueUiHillEmitDatapointLeave) => void;
+        selectDatapoint: (data: VueUiHillEmitSelectDatapoint) => void;
+        copyAlt: (payload: VueUiHillEmitCopyAlt) => void;
+    };
+
+    export type VueUiHillExpose = {
+        isEditing: boolean;
+        generatePdf(): void;
+        generateCsv(): void;
+        generateSvg(): void;
+        generateImage(): void;
+        toggleAnnotator(): void;
+        toggleFullscreen(): void;
+        getImage(options?: { scale?: number }): GetImagePromise;
+        getData(): Promise<Array<VueUiHillExtendedDatasetItem>>;
+        save(): void;
+        cancel(): void;
+        copyAlt(): void;
+    };
+
+    const VueUiHillBase: DefineComponent<
+        VueUiHillProps,
+        {},
+        {},
+        {},
+        {},
+        {},
+        {},
+        VueUiHillEmits
+    >;
+
+    export type VueUiHillSvgSlotProps = {
+        svg: {
+            datapoints: VueUiHillExtendedDatasetItem[];
+            drawingArea: {
+                baseY: number;
+                centerX: number;
+                endX: number;
+                left: Array<{ x: number; y: number }>;
+                peakY: number;
+                right: Array<{ x: number; y: number }>;
+                startX: number;
+                width: number;
+            };
+            isEditing: boolean;
+            isPrintingImg: boolean;
+            isPrintingSvg: boolean;
+        };
+    };
+
+    export type VueUiHillAnalysisSlotProps = {
+        data: VueUiHillExtendedDatasetItem[];
+    };
+
+    export const VueUiHill: typeof VueUiHillBase & {
+        new (): VueUiHillExpose & {
+            $slots: CommonAnnotatorSlots & {
+                ['hill-edit']?: () => VNodeChild;
+                ['hill-save']?: () => VNodeChild;
+                ['hill-cancel']?: () => VNodeChild;
+                ['custom-menu-before']?: () => VNodeChild;
+                ['custom-menu-after']?: () => VNodeChild;
+                ['chart-background']?: () => VNodeChild;
+                svg?: (props: VueUiHillSvgSlotProps) => VNodeChild;
+                analysis?: (props: VueUiHillAnalysisSlotProps) => VNodeChild;
+                menuIcon?: (props: VueUiMenuIconSlotProps) => VNodeChild;
+                optionPdf?: () => VNodeChild;
+                optionCsv?: () => VNodeChild;
+                optionImg?: () => VNodeChild;
+                optionSvg?: () => VNodeChild;
+                optionFullscreen?: (
+                    props: VueUiOptionFullscreenSlotProps,
+                ) => VNodeChild;
+                optionAltCopy?: () => VNodeChild;
+                optionAnnotator?: (
+                    props: VueUiOptionAnnotatorSlotProps,
+                ) => VNodeChild;
+                loading?: () => VNodeChild;
+                watermark?: (props: VueUiWatermarkSlotProps) => VNodeChild;
+            };
+        };
+    };
+
     export type VueDataUiConfig =
+        | VueUiHillConfig
         | VueUi3dBarConfig
         | VueUiAgePyramidConfig
         | VueUiAnnotatorConfig
@@ -16741,6 +17236,7 @@ declare module 'vue-data-ui' {
         | VueUiBumpConfig;
 
     export type VueDataUiConfigKey =
+        | 'vue_ui_hill'
         | 'vue_ui_3d_bar'
         | 'vue_ui_age_pyramid'
         | 'vue_ui_annotator'