vue-data-ui 3.20.2 → 3.20.3

package/dist/llms.txt

@@ -1,232 +0,0 @@
-# Vue Data UI
-
-> VueDataUI is a Vue 3 data visualization library providing numerous chart components (pie/donut, bar, line, radar, etc.), as well as tables and rating components. This guide offers ready-to-use examples and best practices for integrating VueDataUI into your Vue application. The content is optimized for AI code editors (GitHub Copilot, Cursor, etc.) to suggest correct usage patterns.
-
-Important notes:
-- This library is *not* compatible with Vue2. It is to be used with Vue3.
-- **Import and CSS:** Always import the required VueDataUI component and ensure you include the library's CSS.
-- **Reactive Data:** Use Vue's reactivity (`ref` or `computed`) to manage your `dataset` and `config` objects.
-- **Component Customization:** Use the config object to customize appearance (colors, legends, chart dimensions, etc.) based on your specific needs.
-- **CLI Utilization:** Leverage `vue-data-ui-cli` for quick scaffolding of new components, ensuring proper structure and reducing setup errors.
-- **AI Integration:** With these clear examples, AI code editors should suggest correct imports, prop bindings, and data structures, making it easier to build interactive charts with VueDataUI.
-
-## Docs
-
-- [README](https://github.com/graphieros/vue-data-ui/blob/master/README.md): Readme file of the vue-data-ui library
-- [Documentation]https://vue-data-ui.graphieros.com/: Official documentation website for the vue-data-ui library
-
-## Getting Started with VueDataUI
-
-To begin, install the library and include its stylesheet:
-
-    npm install vue-data-ui
-
-In your main entry file (e.g., main.js or main.ts), import the CSS and optionally register components globally:
-
-    import { createApp } from 'vue';
-    import App from './App.vue';
-    import 'vue-data-ui/style.css';  // Include VueDataUI styles
-
-    // Example: register a component globally (optional)
-    import { VueUiXy } from 'vue-data-ui';
-    const app = createApp(App);
-    app.component('VueUiXy', VueUiXy);
-
-    app.mount('#app');
-
-You can also import components locally within Vue single-file components (see examples below). VueDataUI offers a **universal component** `<VueDataUi>` that can load any chart dynamically. For example:
-
-    <template>
-      <!-- Using the universal component to load a Donut chart -->
-      <VueDataUi component="VueUiDonut" :dataset="dataset" :config="config" />
-    </template>
-
-    <script setup>
-    import { ref } from 'vue';
-    import { VueDataUi } from 'vue-data-ui';  // universal component
-    import 'vue-data-ui/style.css';           // ensure styles are imported
-
-    const dataset = ref([ /* ... data ... */ ]);
-    const config = ref({ /* ... config ... */ });
-    </script>
-
-Using `VueDataUi` will lazy-load only the specified chart component.
-
-## XY Chart Example
-
-For line (or area) charts, bar chart, or combined charts, use the `VueUiXy` component. The dataset is an array of data points with the following datastructure:
-
-    type VueUiXyDatasetItem = {
-        name: string;
-        series: number[];
-        type: "bar" | "line" | "plot";
-        color?: string;
-        dashed?: boolean;
-        useTag?: "start" | "end" | "none";
-        showSerieName?: "start" | "end";
-        useArea?: boolean;
-        dataLabels?: boolean;
-        useProgression?: boolean; // Display a trend line
-        scaleSteps?: number; // The preferred number of scale segments on the y axis
-        scaleLabel?: string;
-        scaleMax?: number; // Force the max scale value
-        scaleMin?: number; // Force the min scale value
-        autoScaling?: boolean;
-        stackRatio?: number; // In stacked mode, sets the height ratio of the datapoint
-        comments?: string[]; // Provide an array of comments which will display at same index as the series item
-        shape?: Shape; // circle, triangle, square, pentagon, hexagon, star
-        smooth?: boolean; // Display as a spline
-        prefix?: string; // Use a prefix on data labels
-        suffix?: string; // Use a suffix on data labels
-    }
-
-    <!-- LineChart.vue - example of a basic line chart -->
-    <template>
-      <VueUiXy :dataset="dataset" :config="config" />
-    </template>
-
-    <script setup>
-    import { ref } from 'vue';
-    import { VueUiXy } from 'vue-data-ui';  // import the XY chart component
-
-    // Reactive dataset: array of points with minimal required attributes
-    const dataset = ref([
-        { name: 'Serie A', series: [1, 2, 3, 5], type: 'line' },
-        { name: 'Serie B', series: [13, 21, 3, 2], type: 'bar' },
-        { name: 'Serie C', series: [8, 2, 3, 6], type: 'plot' },
-    ]);
-
-    // Minimal config for the line chart (optional). The TS type for the config is VueUiXyConfig
-    const config = ref({
-        chart: {
-            fontFamily: "inherit",
-            backgroundColor: "#FFFFFF",
-            color: "#1A1A1A",
-            grid: {
-                showHorizontalLines: false,
-                showVerticalLines: false,
-                labels: {
-                    show: true, // shows datapoint labels if the 
-                    color: "#1A1A1A",
-                    xAxisLabels: {
-                        values: ['01-01-2026', '02-01-2026', '03-01-2026', '04-01-2026'], // The values displayed on the x axis (time labels)
-                        rotation: 0, // to rotate the x axis labels
-                    }
-                }
-            },
-            title: {
-                text: 'Title',
-                color: '#1A1A1A'
-            },
-            bar: {      // Specific config for bar types
-                labels: {
-                    show: true,
-                }
-            },
-            line: {     // Specific config for line types
-                labels: {
-                    show: true
-                }
-            },
-            plot: {     // Specific config for plot types
-                labels: {
-                    show: true
-                }
-            },
-            tooltip: {
-                show: true,
-                customFormat: null, // Provide a custom html content with a callback, for example: ({ seriesIndex, datapoint, series, config, bars, lines, plots }) => { return `Your content` }
-            }
-        }
-    });
-    </script>
-
-## Sparkline Chart Example
-
-Sparkline charts are mini charts for showing trends. The `VueUiSparkline` component renders a small, minimalist line chart. The dataset is an array of data points with the following datastructure:
-
-    type VueUiSparklineDatasetItem = {
-        period: string // For example, a date
-        value: number
-    }
-
-    <!-- SparklineChart.vue - example of a sparkline chart -->
-    <template>
-      <VueUiSparkline :dataset="dataset" :config="config" />
-    </template>
-
-    <script setup>
-    import { ref } from 'vue';
-    import { VueUiSparkline } from 'vue-data-ui';  // import the Sparkline component
-    
-
-    // Reactive dataset: an array of objects of type VueUiSparklineDatasetItem
-    const dataset = ref([
-        { period: 'January', value: 1 },
-        { period: 'February', value: 2 },
-        { period: 'March', value: 3 },
-    ]);
-
-    // Minimal config example for the sparkline chart (optional). Full config type is VueUiSparklineConfig
-    const config = ref({
-        type: 'line', // or 'bar'
-        style: {
-            area: {
-                show: true,
-            },
-            dataLabel: {
-                show: true
-            },
-            line: {
-                color: '#6376DD'
-            },
-            plot: {
-                show: true,
-                radius: 4
-            },
-            title: {
-                show: true,
-                text: 'Title'
-            },
-            tooltip: {
-                show: true
-            },
-            verticalIndicator: {
-                show: true,
-            }
-        }
-    });
-    </script>
-
-Notes:  
-- Ideal for embedding in dashboards or tables to indicate trends.
-
-## Using the vue-data-ui-cli
-
-VueDataUI offers a CLI tool, `vue-data-ui-cli`, to quickly generate chart component boilerplates.
-
-### Installation:
-
-    npm install -g vue-data-ui-cli
-
-This installs a global command `vdui-cli` (short for VueDataUI CLI).
-
-### Usage:
-
-Run the CLI in your project directory:
-
-    vdui-cli
-
-You'll be prompted for:
-- **Component Type:** Select the VueDataUI chart type (e.g., Donut, Radar, etc.).
-- **Reactive API:** Choose how to manage reactive data (using `ref` or `computed`).
-- **TypeScript Usage:** Decide if the component should be in TypeScript or JavaScript.
-- **Component Name:** Provide a name for your component (e.g., `MyDonutChart`).
-- **Target Directory:** Specify where to create the new component file.
-
-The CLI will generate a Vue single-file component pre-populated with:
-- Correct imports for VueDataUI components.
-- Sample reactive `dataset` and `config` objects.
-- A template ready to render the selected chart.
-
-This tool helps maintain consistency and speeds up development by providing a reliable boilerplate.

package/dist/patternUtils-CS7hn6at.js

@@ -1,258 +0,0 @@
-//#region src/patternUtils.js
-function e(e) {
-	let t = String(e ?? ""), n = 2166136261;
-	for (let e = 0; e < t.length; e += 1) n ^= t.charCodeAt(e), n = Math.imul(n, 16777619);
-	return n >>> 0;
-}
-function t(e) {
-	let t = (Number.isFinite(e) ? e : 0) >>> 0;
-	return function() {
-		t += 1831565813;
-		let e = t;
-		return e = Math.imul(e ^ e >>> 15, e | 1), e ^= e + Math.imul(e ^ e >>> 7, e | 61), ((e ^ e >>> 14) >>> 0) / 4294967296;
-	};
-}
-function n(e, t, n) {
-	if (!Array.isArray(e) || e.length === 0) return console.error("VueUiPatternSeed - pickValue requires a non-empty array"), n;
-	let r = typeof t == "function" ? t() : 0, i = e[Math.floor(r * e.length)];
-	return i === void 0 ? (console.error("VueUiPatternSeed - pickValue selected an invalid index"), n ?? e[0]) : i;
-}
-function r(e) {
-	return String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-function i(e, t, n, i, a, o, s) {
-	return `<line x1="${e}" y1="${t}" x2="${n}" y2="${i}" stroke="${r(a)}" stroke-width="${o}" opacity="${s}" shape-rendering="crispEdges" stroke-linecap="round" stroke-linejoin="round" />`;
-}
-function a(e, t, n, i, a) {
-	return `<circle cx="${e}" cy="${t}" r="${n}" fill="${r(i)}" opacity="${a}" />`;
-}
-function o(e, t, n, i, a) {
-	return `<path d="${e}" fill="${r(t)}" stroke="${r(n)}" stroke-width="${i}" opacity="${a}" stroke-linecap="round" stroke-linejoin="round" />`;
-}
-function s(e, t, n, i, a, o, s = 0, c = e + n / 2, l = t + i / 2) {
-	return `<rect x="${e}" y="${t}" width="${n}" height="${i}" fill="${r(a)}" opacity="${o}"${s ? ` transform="rotate(${s} ${c} ${l})"` : ""} />`;
-}
-function c(e, t, n, r, i) {
-	let a = n / 2;
-	return o([
-		`M ${e} ${t - a}`,
-		`L ${e + a} ${t}`,
-		`L ${e} ${t + a}`,
-		`L ${e - a} ${t}`,
-		"Z"
-	].join(" "), r, "none", 0, i);
-}
-function l(e, t) {
-	return Number.isFinite(e) && e > 0 ? e : t;
-}
-function u(e, t) {
-	let n = l(e, 8), r = l(t, 20);
-	if (n > r) {
-		let e = n;
-		n = r, r = e;
-	}
-	return {
-		minimumSize: n,
-		maximumSize: r
-	};
-}
-function d(e, t, r, i) {
-	let o = n([
-		e * .08,
-		e * .1,
-		e * .12
-	], i, e * .1);
-	switch (n([
-		"grid",
-		"offsetGrid",
-		"corners",
-		"centered"
-	], i, "grid")) {
-		case "offsetGrid": return [
-			a(e * .25, e * .25, o, t, r),
-			a(e * .75, e * .25, o, t, r),
-			a(e * .5, e * .5, o, t, r),
-			a(e * .25, e * .75, o, t, r),
-			a(e * .75, e * .75, o, t, r)
-		].join("");
-		case "corners": return [
-			a(e * .2, e * .2, o, t, r),
-			a(e * .8, e * .2, o, t, r),
-			a(e * .2, e * .8, o, t, r),
-			a(e * .8, e * .8, o, t, r)
-		].join("");
-		case "centered": return [
-			a(e * .5, e * .2, o, t, r),
-			a(e * .2, e * .5, o, t, r),
-			a(e * .5, e * .5, o, t, r),
-			a(e * .8, e * .5, o, t, r),
-			a(e * .5, e * .8, o, t, r)
-		].join("");
-		default: return [
-			a(e * .25, e * .25, o, t, r),
-			a(e * .75, e * .25, o, t, r),
-			a(e * .25, e * .75, o, t, r),
-			a(e * .75, e * .75, o, t, r)
-		].join("");
-	}
-}
-function f(e, t, r, a, o) {
-	let s = n([
-		"diagonal",
-		"vertical",
-		"horizontal",
-		"crosshatch",
-		"grid"
-	], o, "diagonal"), c = n([
-		e * .28,
-		e * .33,
-		e * .4,
-		e * .5
-	], o, e * .33);
-	switch (s) {
-		case "vertical": return [
-			0,
-			c,
-			c * 2
-		].map((n) => i(n, 0, n, e, t, r, a)).join("");
-		case "horizontal": return [
-			0,
-			c,
-			c * 2
-		].map((n) => i(0, n, e, n, t, r, a)).join("");
-		case "crosshatch": return [
-			i(-e, e, e, -e, t, r, a),
-			i(0, e, e, 0, t, r, a),
-			i(0, 0, e, e, t, r, a * .8),
-			i(e, 0, 0, e, t, r * .8, a * .8)
-		].join("");
-		case "grid": return [i(e * .5, 0, e * .5, e, t, r, a), i(0, e * .5, e, e * .5, t, r, a)].join("");
-		default: return [
-			i(-e, e, e, -e, t, r, a),
-			i(0, e, e, 0, t, r, a),
-			i(0, e * 2, e * 2, 0, t, r, a)
-		].join("");
-	}
-}
-function p(e, t, r, i) {
-	let a = n([
-		"diamonds",
-		"squares",
-		"mixed"
-	], i, "diamonds"), o = n([
-		e * .16,
-		e * .2,
-		e * .24
-	], i, e * .2);
-	switch (a) {
-		case "squares": return [
-			s(e * .2, e * .2, o, o, t, r),
-			s(e * .65, e * .2, o, o, t, r),
-			s(e * .2, e * .65, o, o, t, r),
-			s(e * .65, e * .65, o, o, t, r)
-		].join("");
-		case "mixed": return [
-			c(e * .3, e * .3, o, t, r),
-			s(e * .6, e * .2, o, o, t, r),
-			c(e * .7, e * .7, o, t, r)
-		].join("");
-		default: return [
-			c(e * .25, e * .25, o, t, r),
-			c(e * .75, e * .25, o, t, r),
-			c(e * .25, e * .75, o, t, r),
-			c(e * .75, e * .75, o, t, r)
-		].join("");
-	}
-}
-function m(e, t, r) {
-	if (!n([
-		!0,
-		!1,
-		!1
-	], r, !1)) return "";
-	let i = n([
-		"singleDot",
-		"cornerDiamond",
-		"softBand"
-	], r, "singleDot"), o = n([
-		.12,
-		.16,
-		.2
-	], r, .16);
-	switch (i) {
-		case "cornerDiamond": return c(e * .5, e * .5, e * .3, t, o);
-		case "softBand": return s(0, e * .4, e, e * .2, t, o);
-		default: return a(e * .5, e * .5, e * .12, t, o);
-	}
-}
-function h(e, t, r) {
-	let i = n([
-		1,
-		1.25,
-		1.5,
-		1.75
-	], r, 1.25), a = n([
-		.4,
-		.5,
-		.6,
-		.7
-	], r, .5), o = n([
-		"lines",
-		"dots",
-		"shapes"
-	], r, "lines"), s = "";
-	s = o === "lines" ? f(e, t, i, a, r) : o === "dots" ? d(e, t, a, r) : p(e, t, a, r);
-	let c = m(e, t, r);
-	return `${s}${c}`;
-}
-function g(i, a = {}) {
-	try {
-		let o = a?.disambiguator ?? "", s = `${String(i ?? "")}::${String(o)}`, c = a?.foregroundColor ?? "#111111", l = a?.backgroundColor ?? "transparent", { minimumSize: d, maximumSize: f } = u(a?.minimumSize, a?.maximumSize), p = t(e(s)), m = [];
-		for (let e = d; e <= f; e += 2) m.push(e);
-		let g = n(m.length > 0 ? m : [8], p, 8), _ = n([
-			0,
-			0,
-			0,
-			15,
-			30,
-			45,
-			60,
-			90
-		], p, 0), v = [];
-		if (l !== "transparent") {
-			let e = r(l);
-			v.push(`<rect x="0" y="0" width="${g}" height="${g}" fill="${e}" />`);
-		}
-		return v.push(h(g, c, p)), {
-			width: g,
-			height: g,
-			rotation: _,
-			patternType: "prettyUniquePattern",
-			contentMarkup: v.join("")
-		};
-	} catch (e) {
-		return console.error("VueUiPatternSeed - Failed to create seeded SVG pattern", e), {
-			width: 8,
-			height: 8,
-			rotation: 0,
-			patternType: "prettyUniquePattern",
-			contentMarkup: ""
-		};
-	}
-}
-function _({ id: e, seed: t, foregroundColor: n, backgroundColor: i, maxSize: a, minSize: o, disambiguator: s }) {
-	try {
-		let c = g(t, {
-			foregroundColor: n ?? "#1A1A1A",
-			backgroundColor: i ?? "transparent",
-			minimumSize: o,
-			maximumSize: a,
-			disambiguator: s
-		});
-		return `<defs><pattern id="${r(e)}" patternUnits="userSpaceOnUse" width="${c.width}" height="${c.height}" patternTransform="rotate(${c.rotation})">${c.contentMarkup}</pattern></defs>`;
-	} catch (t) {
-		return console.error("VueUiPatternSeed - Failed to create chart pattern slot markup", t), `<defs><pattern id="${r(e)}" patternUnits="userSpaceOnUse" width="8" height="8" patternTransform="rotate(0)"></pattern></defs>`;
-	}
-}
-//#endregion
-export { g as n, _ as t };

package/dist/pdf-D0eZ99cP.js

@@ -1,90 +0,0 @@
-import { t as e } from "./dom-to-png-BYtB4BF3.js";
-//#region src/pdf.js
-async function t({ domElement: t, fileName: n, scale: r = 2, orientation: i = "auto", overflowTolerance: a = .2, aspectRatio: o = null }) {
-	if (!t) return Promise.reject("No domElement provided");
-	let s = typeof navigator < "u" && /^((?!chrome|android).)*safari/i.test(navigator.userAgent), c;
-	try {
-		c = (await import("jspdf")).default;
-	} catch {
-		return Promise.reject("jspdf is not installed. Run npm install jspdf");
-	}
-	let l = {
-		width: 595.28,
-		height: 841.89
-	}, u = {
-		width: 841.89,
-		height: 595.28
-	}, d = 1e3;
-	function f(e) {
-		if (e == null) return null;
-		if (typeof e == "number" && e > 0) return {
-			w: 1,
-			h: e
-		};
-		if (typeof e == "string") {
-			let t = e.split("/").map((e) => e.trim());
-			if (t.length === 2) {
-				let e = Number(t[0]), n = Number(t[1]);
-				if (e > 0 && n > 0) return {
-					w: e,
-					h: n
-				};
-			} else if (t.length === 1) {
-				let e = Number(t[0]);
-				if (e > 0) return {
-					w: 1,
-					h: e
-				};
-			}
-		}
-		return null;
-	}
-	let p = f(o), m = p ? {
-		width: d,
-		height: d * (p.h / p.w)
-	} : null, h = p ? {
-		width: m.height,
-		height: m.width
-	} : null;
-	if (s) try {
-		await e({
-			container: t,
-			scale: r
-		}), await e({
-			container: t,
-			scale: r
-		}), await e({
-			container: t,
-			scale: r
-		}), await e({
-			container: t,
-			scale: r
-		});
-	} catch {}
-	let g = await e({
-		container: t,
-		scale: r
-	});
-	return await new Promise((e, t) => {
-		let r = new window.Image();
-		r.onload = function() {
-			let t = .5, o = r.naturalWidth, s = r.naturalHeight, d = i === "auto" ? s >= o ? "p" : "l" : i, f = d === "l" ? p ? h : u : p ? m : l, _ = f.width / o, v = f.height / s, y = s * _, b = "single", x;
-			y <= f.height + t ? x = _ : y <= f.height * (1 + a) ? x = Math.min(_, v) : (b = "multi", x = _);
-			let S = o * x, C = s * x, w = (f.width - S) / 2, T = new c({
-				orientation: d,
-				unit: "pt",
-				format: p ? [f.width, f.height] : "a4"
-			});
-			if (b === "single") {
-				let e = (f.height - C) / 2;
-				T.addImage(g, "PNG", w, e, S, C, "", "FAST");
-			} else {
-				let e = f.height / x, n = s, r = 0;
-				for (; n > t;) T.addImage(g, "PNG", w, r, S, C, "", "FAST"), n -= e, r -= f.height, n > t && T.addPage();
-			}
-			T.save(`${n}.pdf`), e();
-		}, r.onerror = (e) => t("Failed to load image for PDF: " + e), r.src = g;
-	});
-}
-//#endregion
-export { t as default };

package/dist/rolldown-runtime-Dy4uBu1J.js

@@ -1,11 +0,0 @@
-//#region \0rolldown/runtime.js
-var e = Object.defineProperty, t = (t, n) => {
-	let r = {};
-	for (var i in t) e(r, i, {
-		get: t[i],
-		enumerable: !0
-	});
-	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
-};
-//#endregion
-export { t };