vue-data-ui 3.22.13 → 3.23.0

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;
@@ -628,6 +639,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiTreemapConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiTreemapConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiTreemapDatasetItem[]
@@ -636,6 +648,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             datapointEnter?: VueUiTreemapEvent; // v3
             datapointLeave?: VueUiTreemapEvent; // v3
@@ -934,6 +947,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiKpiConfig = {
+        devHints?: DevHints;
         debug?: boolean;
         animationFrames?: number;
         animationValueStart?: number;
@@ -994,6 +1008,7 @@ declare module 'vue-data-ui' {
     export type VueUiGalaxyDatasetItem = VueUiDonutDatasetItem;
 
     export type VueUiGalaxyConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiGalaxyDatasetItem[]
         > | null;
@@ -1002,6 +1017,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean; // v3
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiGalaxyEvent; // v3
@@ -1265,6 +1281,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiSparkgaugeConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiSparkgaugeConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiSparkgaugeDataset> | null;
         debug?: boolean; // v3
@@ -1342,6 +1359,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiMiniLoaderConfig = {
+        devHints?: DevHints;
         type?: 'line' | 'bar' | 'onion';
         onion?: VueUiMiniLoaderConfigType;
         line?: VueUiMiniLoaderConfigType;
@@ -1373,6 +1391,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiTableSparklineConfig = {
+        devHints?: DevHints;
         theme?: Theme;
         customPalette?: string[];
         responsiveBreakpoint?: number;
@@ -1514,6 +1533,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiMoleculeConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiMoleculeDatasetNode[]
         > | null;
@@ -1729,6 +1749,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiDigitsConfig = {
+        devHints?: DevHints;
         backgroundColor?: string;
         height?: string;
         width?: string;
@@ -1776,6 +1797,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUi3dBarConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUi3dBarDataset> | null;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUi3dBarConfig> | null;
         debug?: boolean; // v3
@@ -1984,6 +2006,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiMoodRadarConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiMoodRadarConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiMoodRadarDataset> | null;
         debug?: boolean; // v3
@@ -2211,6 +2234,7 @@ declare module 'vue-data-ui' {
         | 'chartGalaxy'
         | 'chartGauge'
         | 'chartHeatmap'
+        | 'chartHill'
         | 'chartHistoryPlot'
         | 'chartLine'
         | 'chartMoodRadar'
@@ -2483,6 +2507,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiDonutEvolutionConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiDonutEvolutionDatasetItem[]
         > | null;
@@ -2491,6 +2516,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean; // v3
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiDonutEvolutionEvent; // v3
@@ -2757,6 +2783,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiTiremarksConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiTiremarksConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiTiremarksDataset> | null;
         debug?: boolean; // v3
@@ -2883,6 +2910,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiWheelConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiWheelConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiWheelDataset> | null;
         debug?: boolean; // v3
@@ -3020,6 +3048,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiRingsConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiRingsConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiRingsDatasetItem[]
@@ -3028,6 +3057,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             datapointEnter?: VueUiRingsEvent; // v3
             datapointLeave?: VueUiRingsEvent; // v3
@@ -3267,6 +3297,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiSparkHistogramConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiSparkHistogramConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiSparkHistogramDatasetItem[]
@@ -3436,6 +3467,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiSparkStackbarConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiSparkStackbarConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiSparkStackbarDatasetItem[]
@@ -3600,6 +3632,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiThermometerConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiThermometerConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiThermometerDataset> | null;
         debug?: boolean; // v3
@@ -3744,6 +3777,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiRelationCircleConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiRelationCircleDatasetItem[]
         > | null;
@@ -3916,6 +3950,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiAnnotatorConfig = {
+        devHints?: DevHints;
         alwaysVisible?: boolean;
         useCursorPointer?: boolean;
         style?: {
@@ -4033,6 +4068,7 @@ declare module 'vue-data-ui' {
     >;
 
     export type VueUiDashboardConfig = {
+        devHints?: DevHints;
         locked?: boolean;
         style?: {
             board?: {
@@ -4208,6 +4244,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiSparkbarConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiSparkbarDatasetItem[]
         > | null;
@@ -4353,6 +4390,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 +4659,7 @@ declare module 'vue-data-ui' {
     ];
 
     export type VueUiCandlestickConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<OHLC[]> | null;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiCandlestickConfig> | null;
         type?: 'ohlc' | 'candlestick';
@@ -4628,6 +4667,7 @@ declare module 'vue-data-ui' {
         loading?: boolean;
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiCandlestickEvent; // v3
@@ -4947,6 +4987,7 @@ declare module 'vue-data-ui' {
 
     export type VueUiScatterConfig = {
         [key: string]: unknown;
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiScatterConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiScatterDatasetItem[]
@@ -4955,6 +4996,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             datapointEnter?: VueUiScatterEvent; // v3
             datapointLeave?: VueUiScatterEvent; // v3
@@ -5335,6 +5377,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiHeatmapConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiHeatmapDatasetItem[]
         > | null;
@@ -5671,6 +5714,7 @@ declare module 'vue-data-ui' {
     } & Record<string, any>;
 
     export type VueUiXyConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiXyDatasetItem[]
         > | null;
@@ -5679,6 +5723,7 @@ declare module 'vue-data-ui' {
         responsive?: boolean; // v3
         loading?: boolean; // v3
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiXyEvent; // v3
@@ -6397,6 +6442,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiDonutConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiDonutDatasetItem[]
         > | null;
@@ -6801,6 +6847,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiNestedDonutsConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiNestedDonutsConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiNestedDonutsDatasetItem[]
@@ -7137,6 +7184,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiWaffleConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiWaffleConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiWaffleDatasetItem[]
@@ -7436,6 +7484,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiRadarConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiRadarConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiRadarDataset> | null;
         debug?: boolean; // v3
@@ -7768,6 +7817,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiQuadrantConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiQuadrantDatasetItem[]
         > | null;
@@ -8106,6 +8156,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiGaugeConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiGaugeDataset> | null;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiGaugeConfig> | null;
         debug?: boolean; // v3
@@ -8355,6 +8406,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiChestnutConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiChestnutDatasetRoot[]
         > | null;
@@ -8652,6 +8704,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiOnionConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiOnionConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiOnionDatasetItem[]
@@ -8660,6 +8713,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             datapointEnter?: VueUiOnionEvent; // v3
             datapointLeave?: VueUiOnionEvent; // v3
@@ -8965,6 +9019,7 @@ declare module 'vue-data-ui' {
 
     export type VueUiVerticalBarConfig = {
         [key: string]: unknown;
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiVerticalBarDatasetItem[] | VueUiHorizontalBarDatasetItem[]
         > | null;
@@ -8979,6 +9034,7 @@ declare module 'vue-data-ui' {
         customPalette?: string[];
         useCssAnimation?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             datapointEnter?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
             datapointLeave?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
@@ -9319,6 +9375,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiSparklineConfig = {
+        devHints?: DevHints;
         loading?: boolean; // v3
         debug?: boolean; // v3
         theme?: Theme;
@@ -9576,6 +9633,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiTableConfig = {
+        devHints?: DevHints;
         fontFamily?: string;
         maxHeight?: number;
         rowsPerPage?: number;
@@ -9812,6 +9870,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiRatingConfig = {
+        devHints?: DevHints;
         type?: 'star' | 'image';
         readonly?: boolean;
         from?: number;
@@ -9911,6 +9970,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiSmileyConfig = {
+        devHints?: DevHints;
         readonly?: boolean;
         useCursorPointer?: boolean;
         style?: {
@@ -9984,6 +10044,7 @@ declare module 'vue-data-ui' {
     >;
 
     export type VueUiSkeletonConfig = {
+        devHints?: DevHints;
         type?:
             | 'bar'
             | 'chestnut'
@@ -10224,6 +10285,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiTableHeatmapConfig = {
+        devHints?: DevHints;
         theme?: Theme;
         style?: {
             backgroundColor?: string;
@@ -10361,11 +10423,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[]>;
@@ -10856,6 +10920,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiSparkTrendConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiSparkTrendConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             Array<number | null>
@@ -10942,6 +11007,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiStripPlotConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiStripPlotConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiStripPlotDataset[]
@@ -10950,6 +11016,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiStripPlotEvent; // v3
@@ -11298,6 +11365,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiDumbbellConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiDumbbellDataset[]
         > | null;
@@ -11593,6 +11661,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiWordCloudConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiWordCloudConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiWordCloudDatasetItem[] | string
@@ -11828,6 +11897,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiXyCanvasConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiXyCanvasConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiXyCanvasDatasetItem[]
@@ -12193,6 +12263,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiFlowConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiFlowDatasetItem[]
         > | null;
@@ -12419,6 +12490,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiParallelCoordinatePlotConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiParallelCoordinatePlotConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiParallelCoordinatePlotDatasetItem[]
@@ -12427,6 +12499,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiParallelCoordinatePlotEvent; // v3
@@ -12748,6 +12821,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiTimerConfig = {
+        devHints?: DevHints;
         type?: 'stopwatch';
         responsive?: boolean;
         responsiveProportionalSizing?: boolean;
@@ -12913,6 +12987,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiCarouselTableConfig = {
+        devHints?: DevHints;
         responsiveBreakpoint?: number;
         animation?: {
             type?: 'scroll' | 'marquee';
@@ -13054,6 +13129,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiGizmoConfig = {
+        devHints?: DevHints;
         a11y?: {
             translations?: {
                 label?: string;
@@ -13118,6 +13194,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiStackbarConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiStackbarConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiStackbarDatasetItem[]
@@ -13127,6 +13204,7 @@ declare module 'vue-data-ui' {
         customPalette?: string[];
         useCssAnimation?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiStackbarEvent; // v3
@@ -13558,6 +13636,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiStacklineConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiStacklineConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiStacklineDatasetItem[]
@@ -13567,6 +13646,7 @@ declare module 'vue-data-ui' {
         theme?: Theme;
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             datapointEnter?: VueUiStacklineEvent;
             datapointLeave?: VueUiStacklineEvent;
@@ -14003,6 +14083,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiBulletConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonConfig<VueUiBulletDataset> | null;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiBulletConfig> | null;
         debug?: boolean; // v3
@@ -14185,6 +14266,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiFunnelConfig = {
+        devHints?: DevHints;
         theme?: Theme;
         responsive?: boolean;
         responsiveProportionalSizing?: boolean;
@@ -14355,6 +14437,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiHistoryPlotConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiHistoryPlotDatasetItem[]
         > | null;
@@ -14363,6 +14446,7 @@ declare module 'vue-data-ui' {
         loading?: boolean; // v3
         responsive?: boolean;
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiHistoryPlotEvent; // v3
@@ -14718,6 +14802,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiCirclePackConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiCirclePackDatasetItem[]
         > | null;
@@ -14726,6 +14811,7 @@ declare module 'vue-data-ui' {
         responsive?: boolean;
         loading?: boolean; // v3
         a11y?: A11YConfig;
+        transitions?: ChartTransitions;
         events?: {
             // v3
             datapointEnter?: VueUiCirclePackEvent; // v3
@@ -15010,6 +15096,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiWorldConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiWorldConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiWorldDataset> | null;
         debug?: boolean; // v3
@@ -15251,6 +15338,7 @@ declare module 'vue-data-ui' {
         VueUiRidgelineDatapointEventEntry[][];
 
     export type VueUiRidgelineConfig = {
+        devHints?: DevHints;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiRidgelineConfig> | null;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiRidgelineDatasetItem[]
@@ -15594,6 +15682,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiChordConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiChordDataset> | null;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiChordConfig> | null;
         debug?: boolean; // v3
@@ -15823,6 +15912,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiDagConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<VueUiDagDataset> | null;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiDagConfig> | null;
         loading?: boolean;
@@ -16218,6 +16308,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiGeoConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiGeoDatasetItem[]
         > | null;
@@ -16449,6 +16540,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiBumpConfig = {
+        devHints?: DevHints;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<
             VueUiBumpDatasetItem[]
         > | null;
@@ -16672,7 +16764,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 +17233,7 @@ declare module 'vue-data-ui' {
         | VueUiBumpConfig;
 
     export type VueDataUiConfigKey =
+        | 'vue_ui_hill'
         | 'vue_ui_3d_bar'
         | 'vue_ui_age_pyramid'
         | 'vue_ui_annotator'