@flux-ui/statistics 3.0.0-next.72 → 3.0.0-next.74

package/dist/component/index.d.ts

@@ -14,8 +14,8 @@ export { default as FluxStatisticsDonutChart } from './FluxStatisticsDonutChart.
 export { default as FluxStatisticsEmpty } from './FluxStatisticsEmpty.vue';
 export { default as FluxStatisticsGrid } from './FluxStatisticsGrid.vue';
 export { default as FluxStatisticsHeatmapChart } from './FluxStatisticsHeatmapChart.vue';
-export { default as FluxStatisticsLineChart } from './FluxStatisticsLineChart.vue';
 export { default as FluxStatisticsKpi } from './FluxStatisticsKpi.vue';
+export { default as FluxStatisticsLineChart } from './FluxStatisticsLineChart.vue';
 export { default as FluxStatisticsLegend } from './FluxStatisticsLegend.vue';
 export { default as FluxStatisticsLegendItem } from './FluxStatisticsLegendItem.vue';
 export { default as FluxStatisticsLegendScope } from './FluxStatisticsLegendScope.vue';

package/dist/index.js

@@ -4,7 +4,7 @@ import { FluxIcon, FluxPane, FluxToolbar, FluxTooltip, iconRegistry } from "@flu
 import { merge } from "lodash-es";
 import { init } from "echarts/core";
 //#region ../internals/dist/data/index.js
-var oe = `#ef4444`, _e$1 = `#f97316`, Oe = `#f59e0b`, ze = `#eab308`, Xe = `#84cc16`, st = `#22c55e`, vt = `#10b981`, kt = `#14b8a6`, Bt = `#06b6d4`, Zt = `#0ea5e9`, an = `#dbeafe`, sn = `#93c5fd`, ln = `#3b82f6`, dn = `#1d4ed8`, bn = `#6366f1`, jn = `#8b5cf6`, Hn = `#a855f7`, $n = `#d946ef`, ur = `#ec4899`, gr = `#fff1f2`;
+var oe = `#ef4444`, _e$1 = `#f97316`, Oe = `#f59e0b`, ze = `#eab308`, Xe = `#84cc16`, st = `#22c55e`, vt = `#10b981`, kt = `#14b8a6`, Bt = `#06b6d4`, Zt = `#0ea5e9`, an = `#dbeafe`, sn = `#93c5fd`, ln = `#3b82f6`, dn = `#1d4ed8`, bn = `#6366f1`, jn = `#8b5cf6`, Hn = `#a855f7`, $n = `#d946ef`, ur = `#ec4899`, xr = `#f43f5e`;
 //#endregion
 //#region src/composable/useChartBaseSetup.ts
 function useChartBaseSetup() {
@@ -130,13 +130,39 @@ function deepResolveCssVars(value, root) {
 	return changed ? out : value;
 }
 //#endregion
+//#region src/util/html.ts
+var HTML_ESCAPES = {
+	"&": "&",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#39;"
+};
+var HTML_PATTERN = /[&<>"']/g;
+var ATTR_PATTERN = /[&<>"]/g;
+/**
+* Escapes a value for safe interpolation into HTML text content.
+*/
+function escapeHtml(value) {
+	return String(value ?? "").replace(HTML_PATTERN, (char) => HTML_ESCAPES[char]);
+}
+/**
+* Escapes a value for safe interpolation into a double-quoted HTML attribute
+* or inline style value. Prevents attribute breakout from untrusted input.
+*/
+function escapeAttr(value) {
+	return String(value ?? "").replace(ATTR_PATTERN, (char) => HTML_ESCAPES[char]);
+}
+//#endregion
 //#region src/util/icons.ts
 function renderIconSvg(name, color, size = 14) {
 	if (!name) return "";
 	const icon = iconRegistry[name];
 	if (!icon) return "";
 	const [width, height, , , pathData] = icon;
-	return `<svg viewBox="0 0 ${width} ${height}" width="${size}" height="${size}" focusable="false" aria-hidden="true">${(Array.isArray(pathData) ? pathData : [pathData]).map((d) => `<path d="${d}" fill="${color}"/>`).join("")}</svg>`;
+	const paths = Array.isArray(pathData) ? pathData : [pathData];
+	const safeColor = escapeAttr(color);
+	return `<svg viewBox="0 0 ${width} ${height}" width="${size}" height="${size}" focusable="false" aria-hidden="true">${paths.map((d) => `<path d="${escapeAttr(d)}" fill="${safeColor}"/>`).join("")}</svg>`;
 }
 //#endregion
 //#region src/util/series/chartColors.ts
@@ -6782,7 +6808,7 @@ function friendlyDateTime(dateTimeish) {
 	else throw new InvalidArgumentError(`Unknown datetime argument: ${dateTimeish}, of type ${typeof dateTimeish}`);
 }
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+utils@3.37.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+utils@3.40.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
 function p$2(e, t = 0) {
 	let n = typeof navigator < `u` ? navigator.language : `nl-NL`;
 	return new Intl.NumberFormat(n, {
@@ -6822,17 +6848,18 @@ function K(e, t, n) {
 //#region src/util/tooltips/render.ts
 function renderTooltip(t, styles, title, items, activeIndex = -1, valueFormatter) {
 	if (items.length === 0) return "";
-	const titleHtml = title ? `<div class="${styles.statisticsChartTooltipTitle}">${title}</div>` : "";
+	const titleHtml = title ? `<div class="${styles.statisticsChartTooltipTitle}">${escapeHtml(title)}</div>` : "";
 	const hasActive = activeIndex !== -1;
 	const body = items.map((item, idx) => {
 		const activeClass = !hasActive || idx === activeIndex ? ` ${styles.isActive}` : "";
 		const translatedName = item.name ? t(String(item.name)) : "";
-		const marker = item.icon ? `<div class="${styles.statisticsChartTooltipSeriesIcon}${activeClass}" style="color: ${item.color}">${renderIconSvg(item.icon, item.color, 14)}</div>` : `<div class="${styles.statisticsChartTooltipSeriesColor}${activeClass}" style="background: ${item.color}"></div>`;
+		const safeColor = escapeAttr(item.color);
+		const marker = item.icon ? `<div class="${styles.statisticsChartTooltipSeriesIcon}${activeClass}" style="color: ${safeColor}">${renderIconSvg(item.icon, item.color, 14)}</div>` : `<div class="${styles.statisticsChartTooltipSeriesColor}${activeClass}" style="background: ${safeColor}"></div>`;
 		const display = valueFormatter ? valueFormatter(item.value, item) : formatValue(item.value);
 		return `
             ${marker}
-            <div class="${styles.statisticsChartTooltipSeriesName}${activeClass}">${translatedName}</div>
-            <div class="${styles.statisticsChartTooltipSeriesValue}${activeClass}">${display}</div>
+            <div class="${styles.statisticsChartTooltipSeriesName}${activeClass}">${escapeHtml(translatedName)}</div>
+            <div class="${styles.statisticsChartTooltipSeriesValue}${activeClass}">${escapeHtml(display)}</div>
         `;
 	}).join("");
 	return `<div class="${styles.statisticsChartTooltip}">${titleHtml}<div class="${styles.statisticsChartTooltipBody}">${body}</div></div>`;
@@ -10740,7 +10767,7 @@ useMode(definition$2);
 useMode(definition$1);
 useMode(definition);
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+http-client@3.37.0+f97c77f67c914c00/node_modules/@basmilius/http-client/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+http-client@3.40.0+24cbb59c6ffe9d25/node_modules/@basmilius/http-client/dist/index.mjs
 function adapter_default(Parent) {
 	return class extends Parent {
 		constructor(...args) {
@@ -10748,11 +10775,6 @@ function adapter_default(Parent) {
 		}
 	};
 }
-function bound_default() {
-	return (target, method) => {
-		target[method] = target[method].bind(target);
-	};
-}
 /**
 * Checks if the two given values are equal. When both values are a
 * dto, the check is done by firstly converthing them to JSON.
@@ -10776,7 +10798,7 @@ var TRIGGER = Symbol();
 * Checks if the given object is a dto.
 */
 function isDto_default(obj) {
-	return typeof obj === "object" && obj !== null && NAME in obj;
+	return obj && typeof obj === "object" && !!obj[NAME];
 }
 /**
 * Asserts that the given object is a dto.
@@ -10831,9 +10853,6 @@ var markDtoClean = circularProtect_default(function(obj) {
 	if (!obj[CHILDREN] || obj[CHILDREN].length === 0) return;
 	obj[CHILDREN].filter(isDtoDirty_default).forEach(markDtoClean);
 });
-function isProxiedArray_default(value) {
-	return Array.isArray(value) && PARENT in value;
-}
 /**
 * Marks the given dto dirty.
 */
@@ -10860,7 +10879,7 @@ function relateDtoTo_default(dto, parent, key) {
 */
 function relateValueTo_default(dto, key, value) {
 	if (isDto_default(value)) relateDtoTo_default(value, dto, key);
-	else if (isProxiedArray_default(value)) {
+	else if (Array.isArray(value)) {
 		for (const item of value) {
 			if (!isDto_default(item)) continue;
 			relateDtoTo_default(item, dto, key);
@@ -10892,7 +10911,7 @@ function unrelateDtoFrom_default(dto, parent) {
 */
 function unrelateValueFrom_default(dto, value) {
 	if (isDto_default(value)) unrelateDtoFrom_default(value, dto);
-	else if (isProxiedArray_default(value)) {
+	else if (Array.isArray(value)) {
 		for (const item of value) if (isDto_default(item)) unrelateDtoFrom_default(item, dto);
 		value[PARENT] = void 0;
 		value[PARENT_KEY] = void 0;
@@ -10936,7 +10955,7 @@ var arrayProxy_default = {
 	}
 };
 /**
-* Checks if the proxy should ignore the given key.
+* Checks if the given key should be ignored by the proxy.
 */
 function ignored(target, key) {
 	return typeof key === "symbol" || typeof target[key] === "function" || key === "length";
@@ -10981,7 +11000,7 @@ var instanceProxy_default = {
 		const oldValue = descriptor.get?.call(target) ?? void 0;
 		if (areEqual_default(value, oldValue)) return true;
 		unrelateValueFrom_default(target, oldValue);
-		if (Array.isArray(value) && !isProxiedArray_default(value)) value = new Proxy(value, arrayProxy_default);
+		if (Array.isArray(value) && !value[PROXY]) value = new Proxy(value, arrayProxy_default);
 		descriptor.set.call(target, value);
 		relateValueTo_default(target, key, value);
 		markDtoDirty(target, key);
@@ -11105,7 +11124,7 @@ function dto_default(clazz) {
 	K(clazz.prototype, DESCRIPTORS, descriptors);
 	K(clazz.prototype, NAME, clazz.name);
 	K(clazz.prototype, PROPERTIES, properties);
-	K(clazz, Symbol.hasInstance, (instance) => typeof instance === "object" && instance !== null && NAME in instance && instance[NAME] === clazz.name);
+	K(clazz, Symbol.hasInstance, (instance) => typeof instance === "object" && instance?.[NAME] === clazz.name);
 	G$1(clazz, "clone", clone_default);
 	G$1(clazz, "fill", fill_default);
 	G$1(clazz, "toJSON", toJSON_default);
@@ -11126,12 +11145,6 @@ function __decorate(decorators, target, key, desc) {
 	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
 	return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-var X = class {
-	test() {
-		return true;
-	}
-};
-__decorate([bound_default()], X.prototype, "test", null);
 var BlobResponse = class BlobResponse {
 	get blob() {
 		return this.#blob;
@@ -11244,7 +11257,7 @@ var HttpAdapter = _HttpAdapter = class HttpAdapter {
 		const defaultFilename = `download-${DateTime.now().toFormat("yyyy-MM-dd HH-mm-ss")}`;
 		if (!header.startsWith("attachment")) return defaultFilename;
 		const matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(header);
-		if (!matches || matches.length < 2) return defaultFilename;
+		if ((matches?.length || 0) < 2) return defaultFilename;
 		return matches[1].replaceAll("'", "").replaceAll("\"", "").replaceAll("/", "-").replaceAll(":", "-");
 	}
 	static parseRequestError(data, statusCode) {
@@ -11252,7 +11265,12 @@ var HttpAdapter = _HttpAdapter = class HttpAdapter {
 	}
 	static parseValidationError(data) {
 		let errors;
-		if (data.errors) errors = Object.fromEntries(Object.entries(data.errors).map(([key, value]) => [key, _HttpAdapter.parseValidationError(value)]));
+		if (data.errors) {
+			errors = {};
+			Object.entries(data.errors).forEach(([key, value]) => {
+				errors[key] = _HttpAdapter.parseValidationError(value);
+			});
+		}
 		return new ValidationError_default(data.code, data.error, data.error_description, errors, data.params);
 	}
 };
@@ -12015,6 +12033,51 @@ var FluxStatisticsHeatmapChart_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+var Kpi_module_default = {
+	statisticsKpiBottom: `statistics-kpi-bottom`,
+	statisticsChange: `statistics-change`,
+	statisticsKpiFooter: `statistics-kpi-footer`,
+	statisticsKpiValue: `statistics-kpi-value`
+};
+//#endregion
+//#region src/component/FluxStatisticsKpi.vue
+var FluxStatisticsKpi_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxStatisticsKpi",
+	props: {
+		footer: {},
+		change: {},
+		icon: {},
+		title: {},
+		value: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FluxStatisticsBase_default, {
+				"is-small": "",
+				icon: __props.icon,
+				title: __props.title
+			}, {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(Kpi_module_default).statisticsKpiValue) }, toDisplayString(__props.value), 3), __props.change || __props.footer ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(Kpi_module_default).statisticsKpiBottom)
+				}, [__props.change ? (openBlock(), createBlock(FluxStatisticsChange_default, {
+					key: 0,
+					color: __props.change.color,
+					icon: __props.change.icon,
+					value: __props.change.value
+				}, null, 8, [
+					"color",
+					"icon",
+					"value"
+				])) : createCommentVNode("", true), __props.footer ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(unref(Kpi_module_default).statisticsKpiFooter)
+				}, toDisplayString(__props.footer), 3)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)]),
+				_: 1
+			}, 8, ["icon", "title"]);
+		};
+	}
+});
 //#endregion
 //#region src/component/FluxStatisticsLineChart.vue
 var FluxStatisticsLineChart_default = /* @__PURE__ */ defineComponent({
@@ -12064,51 +12127,6 @@ var FluxStatisticsLineChart_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Kpi_module_default = {
-	statisticsKpiBottom: `statistics-kpi-bottom`,
-	statisticsChange: `statistics-change`,
-	statisticsKpiFooter: `statistics-kpi-footer`,
-	statisticsKpiValue: `statistics-kpi-value`
-};
-//#endregion
-//#region src/component/FluxStatisticsKpi.vue
-var FluxStatisticsKpi_default = /* @__PURE__ */ defineComponent({
-	__name: "FluxStatisticsKpi",
-	props: {
-		footer: {},
-		change: {},
-		icon: {},
-		title: {},
-		value: {}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(FluxStatisticsBase_default, {
-				"is-small": "",
-				icon: __props.icon,
-				title: __props.title
-			}, {
-				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(Kpi_module_default).statisticsKpiValue) }, toDisplayString(__props.value), 3), __props.change || __props.footer ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: normalizeClass(unref(Kpi_module_default).statisticsKpiBottom)
-				}, [__props.change ? (openBlock(), createBlock(FluxStatisticsChange_default, {
-					key: 0,
-					color: __props.change.color,
-					icon: __props.change.icon,
-					value: __props.change.value
-				}, null, 8, [
-					"color",
-					"icon",
-					"value"
-				])) : createCommentVNode("", true), __props.footer ? (openBlock(), createElementBlock("span", {
-					key: 1,
-					class: normalizeClass(unref(Kpi_module_default).statisticsKpiFooter)
-				}, toDisplayString(__props.footer), 3)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)]),
-				_: 1
-			}, 8, ["icon", "title"]);
-		};
-	}
-});
 var Legend_module_default = {
 	statisticsLegend: `statistics-legend`,
 	statisticsChartPaneBody: `statistics-chart-pane-body`,
@@ -12745,7 +12763,7 @@ var CHART_COLORFUL_COLORS = [
 	Hn,
 	$n,
 	ur,
-	gr
+	xr
 ];
 //#endregion
 export { CHART_COLORFUL_COLORS, CHART_COLORS, FluxStatisticsAreaChart_default as FluxStatisticsAreaChart, FluxStatisticsBarChart_default as FluxStatisticsBarChart, FluxStatisticsBase_default as FluxStatisticsBase, FluxStatisticsBoxPlotChart_default as FluxStatisticsBoxPlotChart, FluxStatisticsBubbleChart_default as FluxStatisticsBubbleChart, FluxStatisticsCandlestickChart_default as FluxStatisticsCandlestickChart, FluxStatisticsChange_default as FluxStatisticsChange, FluxStatisticsChart_default as FluxStatisticsChart, FluxStatisticsChartLegendInjectionKey, FluxStatisticsChartPane_default as FluxStatisticsChartPane, FluxStatisticsComparison_default as FluxStatisticsComparison, FluxStatisticsDetailsTable_default as FluxStatisticsDetailsTable, FluxStatisticsDetailsTableRow_default as FluxStatisticsDetailsTableRow, FluxStatisticsDonutChart_default as FluxStatisticsDonutChart, FluxStatisticsEmpty_default as FluxStatisticsEmpty, FluxStatisticsGrid_default as FluxStatisticsGrid, FluxStatisticsHeatmapChart_default as FluxStatisticsHeatmapChart, FluxStatisticsKpi_default as FluxStatisticsKpi, FluxStatisticsLegend_default as FluxStatisticsLegend, FluxStatisticsLegendItem_default as FluxStatisticsLegendItem, FluxStatisticsLegendScope_default as FluxStatisticsLegendScope, FluxStatisticsLineChart_default as FluxStatisticsLineChart, FluxStatisticsMeter_default as FluxStatisticsMeter, FluxStatisticsMetric_default as FluxStatisticsMetric, FluxStatisticsMixedChart_default as FluxStatisticsMixedChart, FluxStatisticsPercentageBar_default as FluxStatisticsPercentageBar, FluxStatisticsPieChart_default as FluxStatisticsPieChart, FluxStatisticsPolarAreaChart_default as FluxStatisticsPolarAreaChart, FluxStatisticsRadarChart_default as FluxStatisticsRadarChart, FluxStatisticsRadialBar_default as FluxStatisticsRadialBar, FluxStatisticsScatterChart_default as FluxStatisticsScatterChart, FluxStatisticsSparkline_default as FluxStatisticsSparkline, FluxStatisticsTreemapChart_default as FluxStatisticsTreemapChart, createChartLegendContext, useChartBaseSetup, useChartHoverSync, useChartSeriesSetup, useChartSlicesSetup, useECharts };