vue-data-ui 3.17.1 → 3.17.3

package/dist/types/utils.d.ts

@@ -476,4 +476,52 @@
         settings: { 
             averageWindow: number, 
             smoothingTau: number }
-    ): Array<{ value: number | null }>;
+    ): Array<{ value: number | null }>;
+
+    export type CreatePatternArgs = {
+        id: string;
+        seed: string | number;
+        foregroundColor?: string;
+        backgroundColor?: string;
+        maxSize?: number;
+        minSize?: number;
+        disambiguator?: string | number;
+    };
+
+    /**
+     * Vue Data UI utility
+     * ---
+     * Creates an SVG <defs> element with a <pattern> markup string for seeded chart patterns.
+     * The output can be injected inside an SVG <defs> element, or in tooltips customFormat to apply patterns on tooltip markers.
+     * ___
+     * @example
+     * const patternMarkup = createPatternDef({
+     *   id: "pattern-1",
+     *   seed: "Series A",
+     *   foregroundColor: "#1A1A1A",
+     *   backgroundColor: "#FFFFFF",
+     *   minSize: 8,
+     *   maxSize: 20
+     *   disambiguator: "pattern-1"
+     * });
+     *
+     * @param {CreatePatternArgs} args - Pattern creation options.
+     * @param {string} args.id - Unique SVG pattern identifier.
+     * @param {string | number} args.seed - Seed used to deterministically generate the pattern.
+     * @param {string} [args.foregroundColor] - Foreground color used for the pattern marks.
+     * @param {string} [args.backgroundColor] - Background color for the pattern tile.
+     * @param {number} [args.maxSize] - Maximum tile size used during seeded pattern generation.
+     * @param {number} [args.minSize] - Minimum tile size used during seeded pattern generation.
+     * @param {string | number} args.disambiguator - Additional unique identifier to disambiguate patterns for large datasets
+     *
+     * @returns {string} SVG <defs> with <pattern> markup as a string.
+     */
+    export const createPatternDef: ({
+        id,
+        seed,
+        foregroundColor,
+        backgroundColor,
+        maxSize,
+        minSize,
+        disambiguator
+    }: CreatePatternArgs) => string;

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

@@ -214,6 +214,7 @@ declare module "vue-data-ui" {
     export type VueUiSparklineEvent = ChartEvent<VueUiSparklineDatasetItem>;
     export type VueUiAgePyramidEvent = ChartEvent<VueUiAgePyramidDatapoint>;
     export type VueUiStackbarEvent = ChartEvent<VueUiStackbarDatapointItem[]>;
+    export type VueUiStacklineEvent = ChartEvent<VueUiStacklineDatapointItem[]>;
     export type VueUiCandlestickEvent = ChartEvent<VueUiCandlestickDatapoint>;
     export type VueUiRidgelineEvent = ChartEvent<VueUiRidgelineDatapointEvent>;
     export type VueUiSparkStackbarEvent = ChartEvent<VueUiSparkStackbarDatapoint>;
@@ -1095,6 +1096,8 @@ declare module "vue-data-ui" {
                 };
                 links?: {
                     stroke?: string;
+                    strokeWidth?: number;
+                    useChildColor?: boolean;
                 };
                 title?: ChartTitle;
                 tooltip?: ChartTooltip & {
@@ -1756,7 +1759,7 @@ declare module "vue-data-ui" {
         donutHover: VueUiDonutDatapoint[];
         hoverRadius: number;
         index: number;
-        percentages: number[0];
+        percentages: number[];
         radius: number;
         subtotal: number;
         values: Array<number | null>;
@@ -2776,8 +2779,8 @@ declare module "vue-data-ui" {
                 annotator?: boolean;
             };
             callbacks?: {
-                pdf?: null | (({ domElement, imageUri, base64 }: { domElement?: string; imageUri?: string; base64?: string } = {}) => void);
-                img?: null | (({ domElement, imageUri, base64 }: { domElement?: string; imageUri?: string; base64?: string } = {}) => void);
+                pdf?: null | (({ domElement, imageUri, base64 }: { domElement?: string; imageUri?: string; base64?: string }) => void);
+                img?: null | (({ domElement, imageUri, base64 }: { domElement?: string; imageUri?: string; base64?: string }) => void);
                 annotator?: null | (() => void);
             };
             buttonTitles?: {
@@ -5508,7 +5511,7 @@ declare module "vue-data-ui" {
 
     export type VueUiChestnutExpose = {
         getData(): Promise<Array<{
-            branches: Array<VueUiChesnutDatasetBranch & Record<string, any>>
+            branches: Array<VueUiChestnutDatasetBranch & Record<string, any>>
             color: string
             id: string
             name: string
@@ -9487,7 +9490,7 @@ declare module "vue-data-ui" {
             fontFamily?: string;
             chart?: {
                 backgroundColor?: string;
-                color?: string?;
+                color?: string;
                 padding?: ChartPadding;
                 dataLabels?: {
                     prefix?: string;
@@ -9522,7 +9525,7 @@ declare module "vue-data-ui" {
                     customFormat?:
                     | null
                     | ((
-                        params: VueUiTooltipParams<any>
+                        params: VueUiTooltipParams<any, any, any>
                     ) => string);
                 };
                 title?: ChartTitle;
@@ -9832,7 +9835,7 @@ declare module "vue-data-ui" {
         theme?: Theme;
         customPalette?: string[];
         enableRotation?: boolean;
-        initialRotation?: nulber;
+        initialRotation?: number;
         useCssAnimation?: boolean;
         userOptions?: ChartUserOptions;
         table?: {
@@ -10592,6 +10595,16 @@ declare module "vue-data-ui" {
         y: number
     }
 
+    export const VueUiPatternSeed: DefineComponent<{
+        id: string;
+        seed: string | number;
+        foregroundColor?: string;
+        backgroundColor?: string;
+        maxSize?: number;
+        minSize?: number;
+        disambiguator?: string | number;
+    }>;    
+
     //--------------------------------------------------------------------------------------------//
 
     /**

package/dist/types/vue-ui-pattern-seed.d.ts

@@ -0,0 +1,14 @@
+import { DefineComponent } from 'vue';
+
+declare const VueUiPatternSeed: DefineComponent<{
+    id: string;
+    seed: string | number;
+    foregroundColor?: string;
+    backgroundColor?: string;
+    maxSize?: number;
+    minSize?: number;
+    disambiguator?: string | number;
+}>;
+
+export default VueUiPatternSeed;
+export { VueUiPatternSeed };

package/dist/{useConfig-ChRble71.js → useConfig-C40HvGpD.js}

@@ -4297,7 +4297,9 @@ function ct(A = {}) {
           strokeHovered: s
         },
         links: {
-          stroke: h
+          stroke: h,
+          strokeWidth: 2,
+          useChildColor: !1
         },
         title: n,
         tooltip: g,

package/dist/{useObjectBindings-BVFCsss5.js → useObjectBindings-DOokNdQ_.js}

@@ -1,4 +1,4 @@
-import { u as p } from "./useConfig-ChRble71.js";
+import { u as p } from "./useConfig-C40HvGpD.js";
 import { watchEffect as j, markRaw as g, computed as h, isRef as b } from "vue";
 const k = [
   "vue_ui_xy",

package/dist/utils.js

@@ -1,42 +1,45 @@
-import { u as a, g as e, b as t, a as s } from "./useObjectBindings-BVFCsss5.js";
-import { i as o, h as r, g as i, f as l, e as g, d as m, b as n, c as u, a as f } from "./lib-DBptbyyI.js";
-import { m as C, s as c, d, l as h } from "./exposedLib-DlqmhBx3.js";
-const D = {
-  applyDataCorrection: s,
+import { u as a, g as e, b as t, a as r } from "./useObjectBindings-DOokNdQ_.js";
+import { i as s, h as o, g as i, f as m, e as l, d as g, b as n, c as f, a as u } from "./lib-DBptbyyI.js";
+import { m as c, s as C, d, l as h } from "./exposedLib-DlqmhBx3.js";
+import { c as p } from "./patternUtils-DtjWtDHU.js";
+const S = {
+  applyDataCorrection: r,
   getVueDataUiConfig: t,
   getThemeConfig: e,
-  abbreviate: f,
-  createSmoothPath: u,
+  abbreviate: u,
+  createPatternDef: p,
+  createSmoothPath: f,
   createStraightPath: n,
-  createTSpans: m,
-  createWordCloudDatasetFromPlainText: g,
-  formatSmallValue: l,
+  createTSpans: g,
+  createWordCloudDatasetFromPlainText: l,
+  formatSmallValue: m,
   getCumulativeAverage: i,
-  getCumulativeMedian: r,
-  getPalette: o,
+  getCumulativeMedian: o,
+  getPalette: s,
   lightenColor: h,
   darkenColor: d,
-  shiftColorHue: c,
-  mergeConfigs: C,
+  shiftColorHue: C,
+  mergeConfigs: c,
   useObjectBindings: a
 };
 export {
-  f as abbreviate,
-  s as applyDataCorrection,
-  u as createSmoothPath,
+  u as abbreviate,
+  r as applyDataCorrection,
+  p as createPatternDef,
+  f as createSmoothPath,
   n as createStraightPath,
-  m as createTSpans,
-  g as createWordCloudDatasetFromPlainText,
+  g as createTSpans,
+  l as createWordCloudDatasetFromPlainText,
   d as darkenColor,
-  D as default,
-  l as formatSmallValue,
+  S as default,
+  m as formatSmallValue,
   i as getCumulativeAverage,
-  r as getCumulativeMedian,
-  o as getPalette,
+  o as getCumulativeMedian,
+  s as getPalette,
   e as getThemeConfig,
   t as getVueDataUiConfig,
   h as lightenColor,
-  C as mergeConfigs,
-  c as shiftColorHue,
+  c as mergeConfigs,
+  C as shiftColorHue,
   a as useObjectBindings
 };

package/dist/{vue-data-ui-QwRPnKF7.js → vue-data-ui-kiw3y7gG.js}

@@ -49,75 +49,75 @@ const Nt = { style: { width: "36px" } }, Ft = {
   ],
   setup(nt, { expose: lt, emit: rt }) {
     const a = nt, { component: Bt, dataset: ut, config: st } = ft(a), p = {
-      VueUi3dBar: e(() => import("./vue-ui-3d-bar-BfNCTkJM.js")),
-      VueUiAgePyramid: e(() => import("./vue-ui-age-pyramid-xeDAxQtf.js")),
-      VueUiAnnotator: e(() => import("./vue-ui-annotator-BA4hRkfX.js")),
-      VueUiCandlestick: e(() => import("./vue-ui-candlestick-HMOUtySY.js")),
-      VueUiChestnut: e(() => import("./vue-ui-chestnut-B4irb5V2.js")),
-      VueUiDashboard: e(() => import("./vue-ui-dashboard-NRPnkhg3.js")),
-      VueUiDigits: e(() => import("./vue-ui-digits-DnFPYC_f.js")),
-      VueUiDonut: e(() => import("./vue-ui-donut-CarXGPCp.js")),
-      VueUiDonutEvolution: e(() => import("./vue-ui-donut-evolution-B6JpnTLM.js")),
-      VueUiGalaxy: e(() => import("./vue-ui-galaxy-WHdw5nGN.js")),
-      VueUiGauge: e(() => import("./vue-ui-gauge-Bz5mj8lp.js")),
-      VueUiHeatmap: e(() => import("./vue-ui-heatmap-ZwHHJWae.js")),
-      VueUiKpi: e(() => import("./vue-ui-kpi-Dw9tUq7D.js")),
-      VueUiMiniLoader: e(() => import("./vue-ui-mini-loader-CPfZsqWP.js")),
-      VueUiMolecule: e(() => import("./vue-ui-molecule-KD4eBVpd.js")),
-      VueUiMoodRadar: e(() => import("./vue-ui-mood-radar-CFaoRvfp.js")),
-      VueUiNestedDonuts: e(() => import("./vue-ui-nested-donuts-goSM60if.js")),
-      VueUiOnion: e(() => import("./vue-ui-onion-hzfd8mmr.js")),
-      VueUiQuadrant: e(() => import("./vue-ui-quadrant-BBCRnDi3.js")),
-      VueUiRadar: e(() => import("./vue-ui-radar-Cg-blCRM.js")),
-      VueUiRating: e(() => import("./vue-ui-rating-DiLLVHq3.js")),
-      VueUiRelationCircle: e(() => import("./vue-ui-relation-circle-C1hu5buI.js")),
-      VueUiRings: e(() => import("./vue-ui-rings-CuoGouLA.js")),
-      VueUiScatter: e(() => import("./vue-ui-scatter-D7XDXi9q.js")),
-      VueUiSkeleton: e(() => import("./vue-ui-skeleton-Df9kRTno.js")),
-      VueUiSmiley: e(() => import("./vue-ui-smiley-BioqmYwT.js")),
-      VueUiSparkbar: e(() => import("./vue-ui-sparkbar-hzFfEGbB.js")),
-      VueUiSparkgauge: e(() => import("./vue-ui-sparkgauge-CUYvDR0P.js")),
-      VueUiSparkHistogram: e(() => import("./vue-ui-sparkhistogram-CUhHTlT2.js")),
-      VueUiSparkline: e(() => import("./vue-ui-sparkline-DLprVCRI.js")),
-      VueUiSparkStackbar: e(() => import("./vue-ui-sparkstackbar-BAiNL0YG.js")),
-      VueUiTable: e(() => import("./vue-ui-table-B4XcIRq_.js")),
-      VueUiTableSparkline: e(() => import("./vue-ui-table-sparkline-CD4I2kGA.js")),
-      VueUiThermometer: e(() => import("./vue-ui-thermometer-BsedVnae.js")),
-      VueUiTiremarks: e(() => import("./vue-ui-tiremarks-DLP287zM.js")),
-      VueUiTreemap: e(() => import("./vue-ui-treemap-Cy-WXcRy.js")),
-      VueUiVerticalBar: e(() => import("./vue-ui-horizontal-bar-mNda_AP8.js")),
+      VueUi3dBar: e(() => import("./vue-ui-3d-bar-CWaSxiqw.js")),
+      VueUiAgePyramid: e(() => import("./vue-ui-age-pyramid-B6S8XYmi.js")),
+      VueUiAnnotator: e(() => import("./vue-ui-annotator-BdmTltyl.js")),
+      VueUiCandlestick: e(() => import("./vue-ui-candlestick-CgtRA-EI.js")),
+      VueUiChestnut: e(() => import("./vue-ui-chestnut-3JG1dMba.js")),
+      VueUiDashboard: e(() => import("./vue-ui-dashboard-xAW1vWaB.js")),
+      VueUiDigits: e(() => import("./vue-ui-digits-D2wQOhMt.js")),
+      VueUiDonut: e(() => import("./vue-ui-donut-UUgV1d0_.js")),
+      VueUiDonutEvolution: e(() => import("./vue-ui-donut-evolution-B0EEKpQC.js")),
+      VueUiGalaxy: e(() => import("./vue-ui-galaxy-DJ6_911b.js")),
+      VueUiGauge: e(() => import("./vue-ui-gauge-CJ5OH_wa.js")),
+      VueUiHeatmap: e(() => import("./vue-ui-heatmap-ZdZ22EDj.js")),
+      VueUiKpi: e(() => import("./vue-ui-kpi-B0sOyO7s.js")),
+      VueUiMiniLoader: e(() => import("./vue-ui-mini-loader-DrROXJIX.js")),
+      VueUiMolecule: e(() => import("./vue-ui-molecule-C2wW_JqJ.js")),
+      VueUiMoodRadar: e(() => import("./vue-ui-mood-radar-Bgd30qfN.js")),
+      VueUiNestedDonuts: e(() => import("./vue-ui-nested-donuts-CDtrnUDs.js")),
+      VueUiOnion: e(() => import("./vue-ui-onion-CeLy3EjT.js")),
+      VueUiQuadrant: e(() => import("./vue-ui-quadrant-CqcWTgh-.js")),
+      VueUiRadar: e(() => import("./vue-ui-radar-BF2eWMEl.js")),
+      VueUiRating: e(() => import("./vue-ui-rating-C1f6x_PD.js")),
+      VueUiRelationCircle: e(() => import("./vue-ui-relation-circle-D3jsasRD.js")),
+      VueUiRings: e(() => import("./vue-ui-rings-D0tnHXEe.js")),
+      VueUiScatter: e(() => import("./vue-ui-scatter-CIK8j5sT.js")),
+      VueUiSkeleton: e(() => import("./vue-ui-skeleton-BD5hXmIt.js")),
+      VueUiSmiley: e(() => import("./vue-ui-smiley-M5Gn70_Z.js")),
+      VueUiSparkbar: e(() => import("./vue-ui-sparkbar-D3UXwhmT.js")),
+      VueUiSparkgauge: e(() => import("./vue-ui-sparkgauge-BsQY5Cwp.js")),
+      VueUiSparkHistogram: e(() => import("./vue-ui-sparkhistogram-4oHi6IHt.js")),
+      VueUiSparkline: e(() => import("./vue-ui-sparkline-BypShxpX.js")),
+      VueUiSparkStackbar: e(() => import("./vue-ui-sparkstackbar-8dpxOXr_.js")),
+      VueUiTable: e(() => import("./vue-ui-table-CKlHkISC.js")),
+      VueUiTableSparkline: e(() => import("./vue-ui-table-sparkline-DHPemUVJ.js")),
+      VueUiThermometer: e(() => import("./vue-ui-thermometer-Cy1oHbQ-.js")),
+      VueUiTiremarks: e(() => import("./vue-ui-tiremarks-BvEM8AvM.js")),
+      VueUiTreemap: e(() => import("./vue-ui-treemap-5qrvks6n.js")),
+      VueUiVerticalBar: e(() => import("./vue-ui-horizontal-bar-C1gYSz7t.js")),
       // legacy support
-      VueUiHorizontalBar: e(() => import("./vue-ui-horizontal-bar-mNda_AP8.js")),
+      VueUiHorizontalBar: e(() => import("./vue-ui-horizontal-bar-C1gYSz7t.js")),
       // v3 renaming
-      VueUiWaffle: e(() => import("./vue-ui-waffle-CdrJhbWb.js")),
-      VueUiWheel: e(() => import("./vue-ui-wheel-D8NMMTEo.js")),
-      VueUiXy: e(() => import("./vue-ui-xy-CgwzrN2l.js")),
-      VueUiTableHeatmap: e(() => import("./vue-ui-table-heatmap-Da6sqBlI.js")),
-      VueUiAccordion: e(() => import("./vue-ui-accordion-CnDW2UQL.js")),
-      VueUiQuickChart: e(() => import("./vue-ui-quick-chart-Bestt35B.js")),
-      VueUiCursor: e(() => import("./vue-ui-cursor-DFp4uEMQ.js")),
-      VueUiSparkTrend: e(() => import("./vue-ui-spark-trend-CoIhut26.js")),
-      VueUiStripPlot: e(() => import("./vue-ui-strip-plot-DwWEI_oX.js")),
-      VueUiDumbbell: e(() => import("./vue-ui-dumbbell-B77a5xel.js")),
-      VueUiWordCloud: e(() => import("./vue-ui-word-cloud-CD6qLQQ3.js")),
-      VueUiXyCanvas: e(() => import("./vue-ui-xy-canvas-DFhxqDzK.js")),
-      VueUiFlow: e(() => import("./vue-ui-flow-u-d87wQV.js")),
-      VueUiParallelCoordinatePlot: e(() => import("./vue-ui-parallel-coordinate-plot-KimsvB0z.js")),
-      VueUiTimer: e(() => import("./vue-ui-timer-DkAprhb_.js")),
-      VueUiCarouselTable: e(() => import("./vue-ui-carousel-table-DMuP07s-.js")),
-      VueUiGizmo: e(() => import("./vue-ui-gizmo-DHJflepE.js")),
-      VueUiStackbar: e(() => import("./vue-ui-stackbar-CW5vdT-C.js")),
-      VueUiStackline: e(() => import("./vue-ui-stackline-6Ck5Pcab.js")),
-      VueUiBullet: e(() => import("./vue-ui-bullet-wZd5-rn-.js")),
-      VueUiFunnel: e(() => import("./vue-ui-funnel-CtLaACja.js")),
-      VueUiHistoryPlot: e(() => import("./vue-ui-history-plot-CrjjEQ7W.js")),
-      VueUiCirclePack: e(() => import("./vue-ui-circle-pack-QxFpROdc.js")),
-      VueUiWorld: e(() => import("./vue-ui-world-DP1bH4Zv.js")),
-      VueUiRidgeline: e(() => import("./vue-ui-ridgeline-CihubDmE.js")),
-      VueUiChord: e(() => import("./vue-ui-chord-BrW7tRqY.js")),
-      VueUiDag: e(() => import("./vue-ui-dag-Dr369vOS.js")),
-      VueUiGeo: e(() => import("./vue-ui-geo-_xkrOV2I.js")),
-      VueUiBump: e(() => import("./vue-ui-bump-z7nLFbIM.js"))
+      VueUiWaffle: e(() => import("./vue-ui-waffle-Uo1RM5Yy.js")),
+      VueUiWheel: e(() => import("./vue-ui-wheel-Cood5EN7.js")),
+      VueUiXy: e(() => import("./vue-ui-xy-BAlrZ3W9.js")),
+      VueUiTableHeatmap: e(() => import("./vue-ui-table-heatmap-C6rSAGDu.js")),
+      VueUiAccordion: e(() => import("./vue-ui-accordion-DDuJT1xA.js")),
+      VueUiQuickChart: e(() => import("./vue-ui-quick-chart-Bbdoq3j3.js")),
+      VueUiCursor: e(() => import("./vue-ui-cursor-Gqh_JBGA.js")),
+      VueUiSparkTrend: e(() => import("./vue-ui-spark-trend-exj63CUB.js")),
+      VueUiStripPlot: e(() => import("./vue-ui-strip-plot-BQiNmxPk.js")),
+      VueUiDumbbell: e(() => import("./vue-ui-dumbbell-Ct2RXkIX.js")),
+      VueUiWordCloud: e(() => import("./vue-ui-word-cloud-BrQKo4eQ.js")),
+      VueUiXyCanvas: e(() => import("./vue-ui-xy-canvas-BR-Qogdl.js")),
+      VueUiFlow: e(() => import("./vue-ui-flow-Ci_h8KNf.js")),
+      VueUiParallelCoordinatePlot: e(() => import("./vue-ui-parallel-coordinate-plot-rRuHDWD1.js")),
+      VueUiTimer: e(() => import("./vue-ui-timer-DsYVGo-1.js")),
+      VueUiCarouselTable: e(() => import("./vue-ui-carousel-table-BnwS5nMG.js")),
+      VueUiGizmo: e(() => import("./vue-ui-gizmo-BgdUIouA.js")),
+      VueUiStackbar: e(() => import("./vue-ui-stackbar-BKLo9L3P.js")),
+      VueUiStackline: e(() => import("./vue-ui-stackline-CSBogzBf.js")),
+      VueUiBullet: e(() => import("./vue-ui-bullet-_zHE8JoR.js")),
+      VueUiFunnel: e(() => import("./vue-ui-funnel-Ciy-udDH.js")),
+      VueUiHistoryPlot: e(() => import("./vue-ui-history-plot-D1vpgQ8I.js")),
+      VueUiCirclePack: e(() => import("./vue-ui-circle-pack-BSHUo-L7.js")),
+      VueUiWorld: e(() => import("./vue-ui-world-Cjm9SD0h.js")),
+      VueUiRidgeline: e(() => import("./vue-ui-ridgeline-Lhxi4BNZ.js")),
+      VueUiChord: e(() => import("./vue-ui-chord-DsA-qrl6.js")),
+      VueUiDag: e(() => import("./vue-ui-dag-BTB1DCrs.js")),
+      VueUiGeo: e(() => import("./vue-ui-geo-B-8UJvBt.js")),
+      VueUiBump: e(() => import("./vue-ui-bump-BX-bnhix.js"))
     }, ct = {
       VueUi3dBar: ["config", "dataset"],
       VueUiAgePyramid: ["config", "dataset"],