vue-data-ui 3.26.5 → 3.27.0

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

@@ -5,7 +5,6 @@ declare module 'vue-data-ui' {
         VNodeChild,
         Component,
         ComputedRef,
-        MaybeRefOrGetter,
     } from 'vue';
 
     export type VueUiUnknownObj = {
@@ -158,6 +157,7 @@ declare module 'vue-data-ui' {
 
     export type VueDataUiExpose = {
         getData?: (...args: any[]) => Promise<any> | any;
+        getWaterfallSteps?: () => VueUiStackbarWaterfallComputedStep[];
         getImage?: (options?: { scale?: number }) => Promise<any>;
         generateCsv?: () => void;
         generateImage?: () => void;
@@ -234,7 +234,14 @@ declare module 'vue-data-ui' {
     export type VueUiCirclePackEvent = ChartEvent<VueUiCirclePackDatapoint>;
     export type VueUiSparklineEvent = ChartEvent<VueUiSparklineDatasetItem>;
     export type VueUiAgePyramidEvent = ChartEvent<VueUiAgePyramidDatapoint>;
-    export type VueUiStackbarEvent = ChartEvent<VueUiStackbarDatapointItem[]>;
+    export type VueUiStackbarEvent =
+        | null
+        | ((payload: {
+              datapoint: VueUiStackbarInteractionDatapoint[];
+              seriesIndex: number;
+              // Present for waterfall clicks
+              waterfall?: VueUiStackbarWaterfallComputedStep;
+          }) => void);
     export type VueUiStacklineEvent = ChartEvent<VueUiStacklineDatapointItem[]>;
     export type VueUiCandlestickEvent = ChartEvent<VueUiCandlestickDatapoint>;
     export type VueUiRidgelineEvent = ChartEvent<VueUiRidgelineDatapointEvent>;
@@ -13382,13 +13389,46 @@ declare module 'vue-data-ui' {
         };
     };
 
-    export type VueUiStackbarDatasetItem = {
-        [key: string]: any; // To be recovered through the #svg slot
+    export type VueUiStackbarWaterfallSegment = {
+        key?: string | number;
+        id?: string | number;
+        name?: string;
+        label?: string;
+        value: number;
+        color?: string;
+    };
+
+    export type VueUiStackbarWaterfallKind = 'total' | 'subtotal' | 'change';
+
+    export type VueUiStackbarDatasetItemWaterfallSeries = {
+        name?: string;
+        label?: string;
+        type?: VueUiStackbarWaterfallKind;
+        color?: string;
+        series?: VueUiStackbarWaterfallSegment[];
+    };
+
+    export type VueUiStackbarStandardDatasetItem = {
+        [key: string]: any;
         name: string;
         series: Array<number | null>;
         color?: string;
+        type?: never;
+    };
+
+    export type VueUiStackbarWaterfallDatasetItem = {
+        [key: string]: any;
+        name: string;
+        type: 'waterfall';
+        startValue?: number;
+        series: VueUiStackbarDatasetItemWaterfallSeries[];
+        color?: string;
     };
 
+    export type VueUiStackbarDatasetItem =
+        | VueUiStackbarStandardDatasetItem
+        | VueUiStackbarWaterfallDatasetItem;
+
     export type VueUiStackbarDatapointItem = {
         name: string;
         value: number;
@@ -13397,7 +13437,54 @@ declare module 'vue-data-ui' {
         id: string;
     };
 
-    export type VueUiStackbarSeriesItem = VueUiStackbarDatasetItem & {
+    export type VueUiStackbarWaterfallComputedSegment = {
+        key: string;
+        name: string;
+        label: string;
+        value: number;
+        start: number;
+        end: number;
+        color: string;
+    };
+
+    export type VueUiStackbarWaterfallComputedStep = {
+        index: number;
+        name: string;
+        kind: VueUiStackbarWaterfallKind;
+        isTotal: boolean;
+        previousBalance: number;
+        start: number;
+        end: number;
+        balance: number;
+        change: number;
+        hasMixedSigns: boolean;
+        positiveExtent: number;
+        negativeExtent: number;
+        segments: VueUiStackbarWaterfallComputedSegment[];
+        color: string | null;
+    };
+
+    export type VueUiStackbarInteractionDatapoint = {
+        name: string;
+        value: number | null;
+        proportion: number | null;
+        color: string;
+        id: string;
+        absoluteIndex?: number;
+        timeLabel?: {
+            text: string;
+            absoluteIndex?: number;
+        };
+        // Available when the active dataset is a waterfall
+        start?: number;
+        end?: number;
+        kind?: VueUiStackbarWaterfallKind;
+        balance?: number;
+        change?: number;
+        stepName?: string;
+    };
+
+    export type VueUiStackbarSeriesItem = VueUiStackbarStandardDatasetItem & {
         id: string;
         color: string;
         absoluteIndex: number;
@@ -13457,6 +13544,89 @@ declare module 'vue-data-ui' {
                     backgroundColor?: string;
                     position?: 'bottom' | 'top';
                 };
+                // waterfall config applied when a dataset series has a 'waterfall' type
+                waterfall?: {
+                    bars?: {
+                        gapRatio?: number;
+                        borderRadius?: number;
+                        strokeWidth?: number;
+                        stroke?: string;
+                        gradient?: {
+                            show?: boolean;
+                            intensity?: number;
+                        };
+                    };
+                    colors?: {
+                        useSeriesColor?: boolean;
+                        positive?: string;
+                        negative?: string;
+                        total?: string;
+                        subtotal?: string;
+                        neutral?: string;
+                    };
+                    connectors?: {
+                        show?: boolean;
+                        stroke?: string;
+                        strokeWidth?: number;
+                        strokeDasharray?: string | number;
+                        adaptToRadius?: boolean;
+                        inset?: number;
+                    };
+                    categoryLabels?: {
+                        show?: boolean;
+                        fontSize?: number;
+                        color?: string;
+                        bold?: boolean;
+                        rotation?: number;
+                        offsetY?: number;
+                    };
+                    segmentLabels?: {
+                        show?: boolean;
+                        fontSize?: number;
+                        bold?: boolean;
+                        color?: string;
+                        adaptColorToBackground?: boolean;
+                        minHeight?: number;
+                        minWidth?: number;
+                        showZero?: boolean;
+                        prefix?: string;
+                        suffix?: string;
+                        rounding?: number;
+                        formatter?: Formatter;
+                    };
+                    stepLabels?: {
+                        show?: boolean;
+                        fontSize?: number;
+                        color?: string;
+                        bold?: boolean;
+                        prefix?: string;
+                        suffix?: string;
+                        rounding?: number;
+                        offset?: number;
+                        showPlusSign?: boolean;
+                        showZero?: boolean;
+                        useBalanceForTotals?: boolean;
+                        formatter?: Formatter;
+                    };
+                    tooltip?: {
+                        showBalance?: boolean;
+                        showChange?: boolean;
+                        showStart?: boolean;
+                        balanceTranslation?: string;
+                        changeTranslation?: string;
+                        startTranslation?: string;
+                        totalTranslation?: string;
+                        subtotalTranslation?: string;
+                        rounding?: number;
+                    };
+                    table?: {
+                        showKind?: boolean;
+                        showBalance?: boolean;
+                        kindTranslation?: string;
+                        balanceTranslation?: string;
+                        changeTranslation?: string;
+                    };
+                };
                 zoom?: ChartZoom & {
                     preview?: {
                         enable?: boolean;
@@ -13471,11 +13641,7 @@ declare module 'vue-data-ui' {
                         | null
                         | ((
                               params: MinimalCustomFormatParams<
-                                  Array<
-                                      VueUiStackbarDatapointItem & {
-                                          absoluteIndex: number;
-                                      }
-                                  >
+                                  VueUiStackbarInteractionDatapoint[]
                               >,
                           ) => string);
                 };
@@ -13488,8 +13654,8 @@ declare module 'vue-data-ui' {
                         | null
                         | ((
                               params: VueUiTooltipParams<
-                                  VueUiStackbarDatapointItem[],
-                                  VueUiStackbarSeriesItem[],
+                                  VueUiStackbarInteractionDatapoint[],
+                                  VueUiStackbarFormattedDatasetItem[],
                                   VueUiStackbarConfig
                               >,
                           ) => string);
@@ -13612,23 +13778,8 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiStackbarExpose = {
-        getData(): Promise<
-            Array<{
-                absoluteIndex: number;
-                color: string;
-                height: number[];
-                horizontal_width: number[];
-                horizontal_x: number[];
-                horizontal_y: number[];
-                id: string;
-                name: string;
-                proportions: number[];
-                series: number[];
-                signedSeries: number[];
-                x: number[];
-                y: number[];
-            }>
-        >;
+        getData(): VueUiStackbarFormattedDatasetItem[];
+        getWaterfallSteps(): VueUiStackbarWaterfallComputedStep[];
         getImage(options?: { scale?: number }): GetImagePromise;
         generateCsv(): void;
         generateImage(): void;
@@ -13643,32 +13794,33 @@ declare module 'vue-data-ui' {
         hideSeries(name: string): void;
         setZoomState(state: VueUiZoomState): void;
         resetZoom(): void;
+        copyAlt(): Promise<void>;
     };
 
     export type VueUiStackbarFormattedDatasetItem = {
         absoluteIndex: number;
+        datasetKey: string;
         color: string;
-        height: number[];
-        heightMinimap: ({ minimapH }: { minimapH: number }) => number[];
-        horizontal_width: number[];
-        horizontal_x: number[];
-        horizontal_y: number[];
         id: string;
         name: string;
-        proportions: number[];
         series: number[];
-        signedSeries: Array<0 | 1>;
+        signedSeries: Array<-1 | 0 | 1>;
+        proportions: number[];
         x: number[];
-        xMinimap: ({
-            left,
-            unitW,
-        }: {
-            left: number;
-            unitW: number;
-        }) => number[];
         y: number[];
-        yMinimap: ({ minimapH }: { minimapH: number }) => number[];
+        height: number[];
+        horizontal_width: number[];
+        horizontal_x: number[];
+        horizontal_y: number[];
         rectKeys: string[];
+        minimapRectKeys: string[];
+        xMinimap: (params: { left: number; unitW: number }) => number[];
+        yMinimap: (params: { minimapH: number }) => number[];
+        heightMinimap: (params: { minimapH: number }) => number[];
+        // Waterfall-only segment positions and colors. null = no segment
+        waterfallSegments?: Array<VueUiStackbarWaterfallComputedSegment | null>;
+        waterfallColors?: string[];
+        minimapWaterfallColors?: string[];
     };
 
     export type VueUiStackbarTimeLabelSlotProps = {
@@ -13706,27 +13858,22 @@ declare module 'vue-data-ui' {
         };
     };
 
-    export type VueUiStackbarTooltipDatapoint = {
-        absoluteIndex: number;
-        color: string;
-        id: string;
-        name: string;
-        proportion: number | null;
-        timeLabel: { text: string; absoluteIndex: number } | undefined;
-        value: number | null;
-    };
+    export type VueUiStackbarTooltipDatapoint =
+        VueUiStackbarInteractionDatapoint;
 
     export type VueUiStackbarTooltipSlotProps = {
         config: VueUiStackbarConfig;
         datapoint: VueUiStackbarTooltipDatapoint[];
         series: VueUiStackbarFormattedDatasetItem[];
         seriesIndex: number;
-        timeLabel: string;
+        timeLabel: string | null;
+        waterfall: VueUiStackbarWaterfallComputedStep | null;
     };
 
     export type VueUiStackbarLegendItem = {
         absoluteIndex: number;
         color: string;
+        datasetKey?: string; // Stable key for legend groups in waterfall datasets
         id: string;
         isSegregated: boolean;
         name: string;
@@ -13734,7 +13881,7 @@ declare module 'vue-data-ui' {
         segregate: () => void;
         series: number[];
         shape: Shape;
-        signedSeries: Array<0 | 1>;
+        signedSeries: Array<-1 | 0 | 1>;
     };
 
     export type VueUiStackbarLegendSlotProps = {
@@ -13752,23 +13899,29 @@ declare module 'vue-data-ui' {
         VueUiStackbarFormattedDatasetItem[];
 
     export type VueUiStackbarEmitSelectDatapoint = {
-        datapoint: VueUiStackbarDatapointItem[];
+        datapoint: VueUiStackbarInteractionDatapoint[];
         period: {
             absoluteIndex: number;
             text: string;
         };
+        // Added to waterfall events
+        seriesIndex?: number;
+        waterfall?: VueUiStackbarWaterfallComputedStep;
     };
 
     export type VueUiStackbarEmitSelectTimeLabel = {
-        datapoint: VueUiStackbarDatapointItem[];
+        datapoint: VueUiStackbarInteractionDatapoint[];
         absoluteIndex: number;
         label: string;
+        // Added to waterfall category selections
+        waterfall?: VueUiStackbarWaterfallComputedStep;
     };
 
     export type VueUiStackbarEmitSelectX = {
         dataset: VueUiStackbarTooltipDatapoint[] | null;
         index: number | null;
-        indexLabel: number | null | undefined;
+        // For waterfall categories this is a string label
+        indexLabel: number | string | null | undefined;
     };
 
     export type VueUiStackbarEmitCopyAlt = {
@@ -13853,7 +14006,7 @@ declare module 'vue-data-ui' {
         standalone: boolean;
     };
 
-    export type VueUiStacklineDatasetItem = VueUiStackbarDatasetItem & {
+    export type VueUiStacklineDatasetItem = VueUiStackbarStandardDatasetItem & {
         shape?: Shape;
         standalone?: boolean; // If true, series will not be part of stacked series
     };

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

@@ -30,6 +30,11 @@ import type {
     VueUiStackbarEmitCopyAlt,
     VueUiZoomState,
     VueUiEmitZoom,
+    VueUiStackbarWaterfallKind,
+    VueUiStackbarStandardDatasetItem,
+    VueUiStackbarDatasetItemWaterfallSeries,
+    VueUiStackbarWaterfallSegment,
+    VueUiStackbarWaterfallDatasetItem,
 } from 'vue-data-ui';
 
 export type {
@@ -62,6 +67,11 @@ export type {
     VueUiStackbarEmitCopyAlt,
     VueUiZoomState,
     VueUiEmitZoom,
+    VueUiStackbarWaterfallKind,
+    VueUiStackbarStandardDatasetItem,
+    VueUiStackbarDatasetItemWaterfallSeries,
+    VueUiStackbarWaterfallSegment,
+    VueUiStackbarWaterfallDatasetItem,
 };
 
 declare const VueUiStackbarBase: DefineComponent<

package/dist/{useConfig-DObkR9Aa.js → useConfig-D_6ZrPMD.js}

@@ -725,6 +725,88 @@ function e(e = {}) {
 					...O,
 					position: "bottom"
 				},
+				waterfall: {
+					bars: {
+						gapRatio: .5,
+						borderRadius: 0,
+						strokeWidth: 1,
+						stroke: m,
+						gradient: {
+							show: !0,
+							intensity: 20
+						}
+					},
+					colors: {
+						useSeriesColor: !0,
+						positive: "#36A783",
+						negative: "#E76F51",
+						total: "#4C7899",
+						subtotal: "#8192B0",
+						neutral: "#A3A3A3"
+					},
+					connectors: {
+						show: !0,
+						stroke: "#8B8B8B",
+						strokeWidth: 1,
+						strokeDasharray: "3 3",
+						adaptToRadius: !1,
+						inset: 0
+					},
+					categoryLabels: {
+						show: !0,
+						fontSize: b._14,
+						color: t,
+						bold: !1,
+						rotation: 0,
+						offsetY: 0
+					},
+					segmentLabels: {
+						show: !0,
+						fontSize: b._14,
+						bold: !1,
+						color: t,
+						adaptColorToBackground: !0,
+						minHeight: 14,
+						minWidth: 26,
+						showZero: !1,
+						prefix: "",
+						suffix: "",
+						rounding: 0,
+						formatter: null
+					},
+					stepLabels: {
+						show: !0,
+						fontSize: b._14,
+						color: t,
+						bold: !1,
+						prefix: "",
+						suffix: "",
+						rounding: 0,
+						offset: 0,
+						showPlusSign: !1,
+						showZero: !0,
+						useBalanceForTotals: !0,
+						formatter: null
+					},
+					tooltip: {
+						showBalance: !0,
+						showChange: !0,
+						showStart: !1,
+						balanceTranslation: "Balance",
+						changeTranslation: "Change",
+						startTranslation: "Previous balance",
+						totalTranslation: "Total",
+						subtotalTranslation: "Subtotal",
+						rounding: 0
+					},
+					table: {
+						showKind: !0,
+						showBalance: !0,
+						kindTranslation: "Type",
+						balanceTranslation: "Balance",
+						changeTranslation: "Change"
+					}
+				},
 				zoom: {
 					...L,
 					minimap: R,

package/dist/{useNestedProp-BxOdWM0c.js → useNestedProp-DR_8JPol.js}

@@ -1,4 +1,4 @@
-import { C as e, tn as t } from "./lib-TWIH5fGr.js";
+import { C as e, nn as t } from "./lib-D4wK6ljP.js";
 //#region src/useNestedProp.js
 function n({ defaultConfig: n, userConfig: r }) {
 	if (!Object.keys(r || {}).length) return n;

package/dist/{useObjectBindings-CPmyIJxB.js → useObjectBindings-DvasYMGu.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useConfig-DObkR9Aa.js";
+import { t as e } from "./useConfig-D_6ZrPMD.js";
 import { computed as t, isRef as n, markRaw as r, watchEffect as i } from "vue";
 //#region src/getVueDataUiConfig.js
 var a = /* @__PURE__ */ "vue_ui_3d_bar.vue_ui_accordion.vue_ui_age_pyramid.vue_ui_annotator.vue_ui_bullet.vue_ui_bump.vue_ui_candlestick.vue_ui_carousel_table.vue_ui_chestnut.vue_ui_chord.vue_ui_circle_pack.vue_ui_cursor.vue_ui_dag.vue_ui_dashboard.vue_ui_digits.vue_ui_donut.vue_ui_donut_evolution.vue_ui_dumbbell.vue_ui_flow.vue_ui_funnel.vue_ui_galaxy.vue_ui_gauge.vue_ui_geo.vue_ui_gizmo.vue_ui_heatmap.vue_ui_hill.vue_ui_history_plot.vue_ui_horizontal_bar.vue_ui_kpi.vue_ui_label.vue_ui_mini_loader.vue_ui_molecule.vue_ui_mood_radar.vue_ui_nested_donuts.vue_ui_onion.vue_ui_parallel_coordinate_plot.vue_ui_quadrant.vue_ui_quick_chart.vue_ui_radar.vue_ui_rating.vue_ui_relation_circle.vue_ui_ridgeline.vue_ui_rings.vue_ui_scatter.vue_ui_skeleton.vue_ui_smiley.vue_ui_spark_trend.vue_ui_sparkbar.vue_ui_sparkgauge.vue_ui_sparkhistogram.vue_ui_sparkline.vue_ui_sparkstackbar.vue_ui_stackbar.vue_ui_stackline.vue_ui_strip_plot.vue_ui_table.vue_ui_table_heatmap.vue_ui_table_sparkline.vue_ui_thermometer.vue_ui_timer.vue_ui_tiremarks.vue_ui_treemap.vue_ui_vertical_bar.vue_ui_waffle.vue_ui_wheel.vue_ui_word_cloud.vue_ui_world.vue_ui_xy.vue_ui_xy_canvas".split(".");
@@ -48,7 +48,7 @@ var s = Object.fromEntries(Object.entries(/* @__PURE__ */ Object.assign({
 	"./themes/vue_ui_sparkhistogram.json": () => import("./vue_ui_sparkhistogram-BRgvKUH6.js").then((e) => e.n).then((e) => e.default),
 	"./themes/vue_ui_sparkline.json": () => import("./vue_ui_sparkline-b9pEUyGF.js").then((e) => e.n).then((e) => e.default),
 	"./themes/vue_ui_sparkstackbar.json": () => import("./vue_ui_sparkstackbar-BOjuQnZd.js").then((e) => e.n).then((e) => e.default),
-	"./themes/vue_ui_stackbar.json": () => import("./vue_ui_stackbar-DdjDL6aq.js").then((e) => e.n).then((e) => e.default),
+	"./themes/vue_ui_stackbar.json": () => import("./vue_ui_stackbar-yQyvT4Su.js").then((e) => e.n).then((e) => e.default),
 	"./themes/vue_ui_stackline.json": () => import("./vue_ui_stackline-Bh0RuInt.js").then((e) => e.n).then((e) => e.default),
 	"./themes/vue_ui_strip_plot.json": () => import("./vue_ui_strip_plot-BaHbnnwN.js").then((e) => e.n).then((e) => e.default),
 	"./themes/vue_ui_table_heatmap.json": () => import("./vue_ui_table_heatmap-w8vx5k6f.js").then((e) => e.n).then((e) => e.default),

package/dist/{usePrinter-8Y1Rju0Y.js → usePrinter-DdW2GSm0.js}

@@ -5,7 +5,7 @@ function t({ elementId: t, fileName: n, canPrint: r = !0, options: i }) {
 	async function c() {
 		r && !a.value && (a.value = !0, clearTimeout(s.value), s.value = setTimeout(async () => {
 			if (r) try {
-				let { default: e } = await import("./pdf-CLl24Afl.js");
+				let { default: e } = await import("./pdf-BzIQHx-F.js");
 				await e({
 					domElement: document.getElementById(t),
 					fileName: n,
@@ -24,7 +24,7 @@ function t({ elementId: t, fileName: n, canPrint: r = !0, options: i }) {
 	async function l() {
 		r && !o.value && (o.value = !0, clearTimeout(s.value), s.value = setTimeout(async () => {
 			if (r) try {
-				let { default: e } = await import("./img-KURaWjZI.js").then((e) => e.n);
+				let { default: e } = await import("./img-Bb5rHcpO.js").then((e) => e.n);
 				await e({
 					domElement: document.getElementById(t),
 					fileName: n,

package/dist/utils.js

@@ -1,30 +1,30 @@
-import { E as e, P as t, U as n, Z as r, dt as i, mt as a, n as o, pt as s, q as c, r as l, yt as u } from "./lib-TWIH5fGr.js";
-import { a as d, i as f, n as p, o as m, r as h, t as g } from "./exposedLib-C-JlvWAt.js";
+import { E as e, P as t, U as n, Z as r, bt as i, ft as a, ht as o, mt as s, n as c, q as l, r as u } from "./lib-D4wK6ljP.js";
+import { a as d, i as f, n as p, o as m, r as h, t as g } from "./exposedLib-UNxZlnAS.js";
 import { t as _ } from "./patternUtils-CS7hn6at.js";
-import { i as v, n as y, r as b, t as x } from "./useObjectBindings-CPmyIJxB.js";
+import { i as v, n as y, r as b, t as x } from "./useObjectBindings-DvasYMGu.js";
 //#region src/entries/utils.js
 var S = {
 	applyDataCorrection: y,
 	getVueDataUiConfig: v,
 	getThemeConfig: b,
-	abbreviate: o,
+	abbreviate: c,
 	createPatternDef: _,
 	createSmoothPath: t,
 	createStraightPath: n,
-	createTSpans: c,
+	createTSpans: l,
 	createWordCloudDatasetFromPlainText: r,
-	formatSmallValue: i,
+	formatSmallValue: a,
 	getCumulativeAverage: s,
-	getCumulativeMedian: a,
-	getPalette: u,
+	getCumulativeMedian: o,
+	getPalette: i,
 	lightenColor: h,
 	darkenColor: p,
 	shiftColorHue: m,
 	mergeConfigs: d,
 	useObjectBindings: x,
-	adaptColorToBackground: l,
+	adaptColorToBackground: u,
 	average: g,
 	median: f
 };
 //#endregion
-export { o as abbreviate, l as adaptColorToBackground, y as applyDataCorrection, g as average, e as createColorWheel, _ as createPatternDef, t as createSmoothPath, n as createStraightPath, c as createTSpans, r as createWordCloudDatasetFromPlainText, p as darkenColor, S as default, i as formatSmallValue, s as getCumulativeAverage, a as getCumulativeMedian, u as getPalette, b as getThemeConfig, v as getVueDataUiConfig, h as lightenColor, f as median, d as mergeConfigs, m as shiftColorHue, x as useObjectBindings };
+export { c as abbreviate, u as adaptColorToBackground, y as applyDataCorrection, g as average, e as createColorWheel, _ as createPatternDef, t as createSmoothPath, n as createStraightPath, l as createTSpans, r as createWordCloudDatasetFromPlainText, p as darkenColor, S as default, a as formatSmallValue, s as getCumulativeAverage, o as getCumulativeMedian, i as getPalette, b as getThemeConfig, v as getVueDataUiConfig, h as lightenColor, f as median, d as mergeConfigs, m as shiftColorHue, x as useObjectBindings };