vue-data-ui 3.27.0 → 3.27.1-beta.0

package/dist/tableIntegration-CNoJ1CIY.js

@@ -0,0 +1 @@
+function e({config:e,style:t,titleStyle:n=t,mutableConfig:r,dialog:i,accordion:a,isFullscreen:o,parent:s,maxWidth:c,isCursorPointer:l,showTable:u}){let d=e.value.table.useDialog&&!(u?u():e.value.table.show),f=r.value.showTable;return{component:d?i:a,title:`${n.value.title.text}${n.value.title.subtitle.text?`: ${n.value.title.subtitle.text}`:``}`,props:d?{backgroundColor:e.value.table.th.backgroundColor,color:e.value.table.th.color,headerColor:e.value.table.th.color,headerBg:e.value.table.th.backgroundColor,isFullscreen:o.value,fullscreenParent:s.value,forcedWidth:Math.min(c,window.innerWidth*.8),...l?{isCursorPointer:l.value}:{}}:{hideDetails:!0,config:{open:f,maxHeight:1e4,body:{backgroundColor:t.value.backgroundColor,color:t.value.color},head:{backgroundColor:t.value.backgroundColor,color:t.value.color}}}}}function t(e,t,n){t.value.table.show||(e&&t.value.table.useDialog&&n.value?n.value.open():`close`in n.value&&n.value.close())}export{t as n,e as t};

package/dist/types/composables.d.ts

@@ -16,15 +16,15 @@ import type { TooltipPosition } from 'vue-data-ui';
 export type { TooltipPosition };
 
 export type TooltipPositionTargetElement =
-    | Element
-    | {
-          readonly $el?: unknown;
-      };
+| Element
+| {
+readonly $el?: unknown;
+};
 
 export type TooltipPositionTargetValue =
-    | TooltipPositionTargetElement
-    | null
-    | undefined;
+| TooltipPositionTargetElement
+| null
+| undefined;
 
 /**
  * Structurally compatible with Ref, ShallowRef, ComputedRef and useTemplateRef.
@@ -34,13 +34,13 @@ export type TooltipPositionTargetValue =
  * type resolutions are present.
  */
 export type TooltipPositionTargetRef<T = TooltipPositionTargetValue> = {
-    readonly value: T;
+readonly value: T;
 };
 
 export type TooltipPositionTarget<T = TooltipPositionTargetValue> =
-    | T
-    | TooltipPositionTargetRef<T>
-    | (() => T);
+| T
+| TooltipPositionTargetRef<T>
+| (() => T);
 
 /**
  * Vue Data UI composable
@@ -56,5 +56,5 @@ export type TooltipPositionTarget<T = TooltipPositionTargetValue> =
  * `"left"` when the mouse is on the right side of the element, otherwise `"right"`.
  */
 export declare function useTooltipPosition<T>(
-    chartRef: TooltipPositionTarget<T>,
+chartRef: TooltipPositionTarget<T>,
 ): ComputedRef<TooltipPosition>;

package/dist/types/ssr.d.ts

@@ -1,71 +1,71 @@
 import type {
-    VueUiXyDatasetItem,
-    VueUiXyConfig,
-    VueUiDonutDatasetItem,
-    VueUiDonutConfig,
-    VueUiDonutDatapoint,
+VueUiXyDatasetItem,
+VueUiXyConfig,
+VueUiDonutDatasetItem,
+VueUiDonutConfig,
+VueUiDonutDatapoint,
 } from 'vue-data-ui';
 
 export type {
-    VueUiXyDatasetItem,
-    VueUiXyConfig,
-    VueUiDonutDatasetItem,
-    VueUiDonutConfig,
-    VueUiDonutDatapoint,
+VueUiXyDatasetItem,
+VueUiXyConfig,
+VueUiDonutDatasetItem,
+VueUiDonutConfig,
+VueUiDonutDatapoint,
 };
 
 export type VueUiXyAdditionalSvgContentContext = {
-    width: number;
-    height: number;
-    drawingArea: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-        width: number;
-        height: number;
-        scaleLabelX?: number;
-        rightScaleLabelX?: number;
-        scaleLabelsOffset?: number;
-        yAxisLabelWidth?: number;
-        individualOffsetX?: number;
-    };
-    scale: {
-        min: number;
-        max: number;
-        tickSize: number;
-        ticks: number[];
-    };
-    config: VueUiXyConfig;
-    series: Array<
-        VueUiXyDatasetItem & {
-            color: string;
-            type: 'line' | 'bar' | 'plot';
-            plots: Array<{
-                x: number;
-                y: number | null;
-                value: number | null;
-                index: number;
-                label: string;
-                __barLabelX?: number;
-            }>;
-        }
-    >;
+width: number;
+height: number;
+drawingArea: {
+top: number;
+right: number;
+bottom: number;
+left: number;
+width: number;
+height: number;
+scaleLabelX?: number;
+rightScaleLabelX?: number;
+scaleLabelsOffset?: number;
+yAxisLabelWidth?: number;
+individualOffsetX?: number;
+};
+scale: {
+min: number;
+max: number;
+tickSize: number;
+ticks: number[];
+};
+config: VueUiXyConfig;
+series: Array<
+VueUiXyDatasetItem & {
+color: string;
+type: 'line' | 'bar' | 'plot';
+plots: Array<{
+x: number;
+y: number | null;
+value: number | null;
+index: number;
+label: string;
+__barLabelX?: number;
+}>;
+}
+>;
 };
 
 export type VueUiXyAdditionalSvgContent =
-    | string
-    | ((
-          context: VueUiXyAdditionalSvgContentContext,
-      ) => string | null | undefined);
+| string
+| ((
+context: VueUiXyAdditionalSvgContentContext,
+) => string | null | undefined);
 
 export type RenderStaticVueUiXyState = {
-    dataset: VueUiXyDatasetItem[];
-    config?: VueUiXyConfig;
-    width?: number;
-    height?: number;
-    svgTitle?: string;
-    additionalSvgContent?: VueUiXyAdditionalSvgContent;
+dataset: VueUiXyDatasetItem[];
+config?: VueUiXyConfig;
+width?: number;
+height?: number;
+svgTitle?: string;
+additionalSvgContent?: VueUiXyAdditionalSvgContent;
 };
 
 /**
@@ -136,7 +136,7 @@ export type RenderStaticVueUiXyState = {
  * @returns A promise resolving to the generated SVG markup.
  */
 export function createStaticVueUiXy(
-    state: RenderStaticVueUiXyState,
+state: RenderStaticVueUiXyState,
 ): Promise<string>;
 
 /**
@@ -144,39 +144,39 @@ export function createStaticVueUiXy(
  */
 
 export type VueUiDonutAdditionalSvgContentContext = {
-    center: { x: number; y: number };
-    config: VueUiDonutConfig;
-    drawingArea: {
-        bottom: number;
-        height: number;
-        left: number;
-        right: number;
-        top: number;
-        width: number;
-    };
-    height: number;
-    innerRadius: number;
-    radius: number;
-    series: VueUiDonutDatapoint[];
-    thickness: number;
-    width: number;
+center: { x: number; y: number };
+config: VueUiDonutConfig;
+drawingArea: {
+bottom: number;
+height: number;
+left: number;
+right: number;
+top: number;
+width: number;
+};
+height: number;
+innerRadius: number;
+radius: number;
+series: VueUiDonutDatapoint[];
+thickness: number;
+width: number;
 };
 
 export type VueUiDonutAdditionalSvgContent =
-    | string
-    | ((
-          context: VueUiDonutAdditionalSvgContentContext,
-      ) => string | null | undefined);
+| string
+| ((
+context: VueUiDonutAdditionalSvgContentContext,
+) => string | null | undefined);
 
 export type RenderStaticVueUiDonutState = {
-    dataset: VueUiDonutDatasetItem[];
-    config?: VueUiDonutConfig;
-    width?: number;
-    height?: number;
-    svgTitle?: string;
-    additionalSvgContent?: VueUiDonutAdditionalSvgContent;
+dataset: VueUiDonutDatasetItem[];
+config?: VueUiDonutConfig;
+width?: number;
+height?: number;
+svgTitle?: string;
+additionalSvgContent?: VueUiDonutAdditionalSvgContent;
 };
 
 export function createStaticVueUiDonut(
-    state: RenderStaticVueUiDonutState,
+state: RenderStaticVueUiDonutState,
 ): Promise<string>;

package/dist/types/utils.d.ts

@@ -1,3 +1,12 @@
+import type { Ref } from 'vue';
+import type {
+Point,
+VueDataUiWordCloudTransformCallback,
+VueUiWordCloudDatasetItem,
+Theme,
+VueDataUiConfigKey,
+} from 'vue-data-ui';
+
 //--------------------------------------------------------------------------------------------//
 
 /**
@@ -18,12 +27,12 @@ export type CumulativeConfig = {
      * If `true`, invalid inputs are kept (and echoed) in the output.
      * Defaults to `true`.
      */
-    keepInvalid?: boolean;
+keepInvalid?: boolean;
     /**
      * If `true`, invalid inputs are treated as zero when computing the statistic.
      * Defaults to `false`.
      */
-    convertInvalidToZero?: boolean;
+convertInvalidToZero?: boolean;
 };
 
 /**
@@ -61,8 +70,8 @@ export type CumulativeConfig = {
  *   or the original invalid value if `keepInvalid` is `true`.
  */
 export function getCumulativeMedian<T = unknown>(params: {
-    values: Array<number | T>;
-    config?: CumulativeConfig;
+values: Array<number | T>;
+config?: CumulativeConfig;
 }): Array<number | T>;
 
 /**
@@ -100,8 +109,8 @@ export function getCumulativeMedian<T = unknown>(params: {
  *   or the original invalid value if `keepInvalid` is `true`.
  */
 export function getCumulativeAverage<T = unknown>(params: {
-    values: Array<number | T>;
-    config?: CumulativeConfig;
+values: Array<number | T>;
+config?: CumulativeConfig;
 }): Array<number | T>;
 
 /**
@@ -110,12 +119,12 @@ export function getCumulativeAverage<T = unknown>(params: {
  * - Handles arrays by making their item type DeepPartial
  */
 export type DeepPartial<T> = T extends Function
-    ? T
-    : T extends Array<infer U>
-      ? Array<DeepPartial<U>>
-      : T extends object
-        ? { [K in keyof T]?: DeepPartial<T[K]> }
-        : T;
+? T
+: T extends Array<infer U>
+? Array<DeepPartial<U>>
+: T extends object
+? { [K in keyof T]?: DeepPartial<T[K]> }
+: T;
 
 /**
  * Vue Data UI utility
@@ -134,11 +143,11 @@ export type DeepPartial<T> = T extends Function
  * })
  */
 export function mergeConfigs<T extends Record<string, any>>({
-    defaultConfig,
-    userConfig,
+defaultConfig,
+userConfig,
 }: {
-    defaultConfig: T;
-    userConfig: DeepPartial<T>;
+defaultConfig: T;
+userConfig: DeepPartial<T>;
 }): T;
 
 /**
@@ -177,13 +186,13 @@ export const createSmoothPath: (points: Point[]) => string;
  * @param callback - Optional transform callback to format each word of the dataset
  */
 export const createWordCloudDatasetFromPlainText: (
-    text: string,
-    callback?: VueDataUiWordCloudTransformCallback,
+text: string,
+callback?: VueDataUiWordCloudTransformCallback,
 ) => VueUiWordCloudDatasetItem[];
 
 export type VueDataUiAbbreviatePayload = {
-    source: string;
-    length?: number;
+source: string;
+length?: number;
 };
 
 /**
@@ -215,11 +224,11 @@ export const abbreviate: (payload: VueDataUiAbbreviatePayload) => string;
 export const getPalette: (theme: Theme) => string[];
 
 export type VueDataUiGetConfigOptions = {
-    colorBackground?: string;
-    colorTextPrimary?: string;
-    colorTextSecondary?: string;
-    colorGrid?: string;
-    colorBorder?: string;
+colorBackground?: string;
+colorTextPrimary?: string;
+colorTextSecondary?: string;
+colorGrid?: string;
+colorBorder?: string;
 };
 
 /**
@@ -237,8 +246,8 @@ export type VueDataUiGetConfigOptions = {
  * ```
  */
 export const getVueDataUiConfig: <T>(
-    key: VueDataUiConfigKey,
-    options?: VueDataUiGetConfigOptions,
+key: VueDataUiConfigKey,
+options?: VueDataUiGetConfigOptions,
 ) => T;
 
 /**
@@ -278,8 +287,8 @@ export const lightenColor: (color: string, strength: number) => string;
  * @returns The chosen text color.
  */
 export const adaptColorToBackground: (
-    backgroundColor: string | null | undefined,
-    options?: { dark?: string; light?: string },
+backgroundColor: string | null | undefined,
+options?: { dark?: string; light?: string },
 ) => string;
 
 /**
@@ -337,10 +346,10 @@ export const darkenColor: (color: string, strength: number) => string;
 export const shiftColorHue: (color: string, strength: number) => string;
 
 export type FormatSmallValueArgs = {
-    value: number;
-    maxDecimals?: number;
-    fallbackFormatter?: (value: number) => string;
-    removeTrailingZero?: boolean;
+value: number;
+maxDecimals?: number;
+fallbackFormatter?: (value: number) => string;
+removeTrailingZero?: boolean;
 };
 
 /**
@@ -379,19 +388,19 @@ export type FormatSmallValueArgs = {
  * @returns {string} The formatted number as a string.
  */
 export const formatSmallValue: ({
-    value,
-    maxDecimals,
-    fallbackFormatter,
-    removeTrailingZero,
+value,
+maxDecimals,
+fallbackFormatter,
+removeTrailingZero,
 }: FormatSmallValueArgs) => string;
 
 export type CreateTSpansArgs = {
-    content: string;
-    fontSize: number;
-    fill: string;
-    maxWords: number;
-    x: number;
-    y: number;
+content: string;
+fontSize: number;
+fill: string;
+maxWords: number;
+x: number;
+y: number;
 };
 
 /**
@@ -423,12 +432,12 @@ export type CreateTSpansArgs = {
  * @returns {string} A string containing the HTML content to be placed with `v-html` inside an SVG `<text>` element.
  */
 export const createTSpans: ({
-    content,
-    fontSize,
-    fill,
-    maxWords,
-    x,
-    y,
+content,
+fontSize,
+fill,
+maxWords,
+x,
+y,
 }: CreateTSpansArgs) => string;
 
 /**
@@ -470,11 +479,11 @@ export const createTSpans: ({
  * ```
  */
 export function useObjectBindings(
-    configRef: Ref<Record<string, any>>,
-    options?: {
-        delimiter?: string;
-        skipArrays?: boolean;
-    },
+configRef: Ref<Record<string, any>>,
+options?: {
+delimiter?: string;
+skipArrays?: boolean;
+},
 ): Record<string, Ref<any>>;
 
 /**
@@ -513,21 +522,21 @@ export function useObjectBindings(
  *   A new array with corrected values. The original input array is not mutated.
  */
 export function applyDataCorrection(
-    data: Array<{ value: number | null }>,
-    settings: {
-        averageWindow: number;
-        smoothingTau: number;
-    },
+data: Array<{ value: number | null }>,
+settings: {
+averageWindow: number;
+smoothingTau: number;
+},
 ): Array<{ value: number | null }>;
 
 export type CreatePatternArgs = {
-    id: string;
-    seed: string | number;
-    foregroundColor?: string;
-    backgroundColor?: string;
-    maxSize?: number;
-    minSize?: number;
-    disambiguator?: string | number;
+id: string;
+seed: string | number;
+foregroundColor?: string;
+backgroundColor?: string;
+maxSize?: number;
+minSize?: number;
+disambiguator?: string | number;
 };
 
 /**
@@ -559,13 +568,13 @@ export type CreatePatternArgs = {
  * @returns {string} SVG <defs> with <pattern> markup as a string.
  */
 export const createPatternDef: ({
-    id,
-    seed,
-    foregroundColor,
-    backgroundColor,
-    maxSize,
-    minSize,
-    disambiguator,
+id,
+seed,
+foregroundColor,
+backgroundColor,
+maxSize,
+minSize,
+disambiguator,
 }: CreatePatternArgs) => string;
 
 /**