@shtabapp/ui-kit 1.74.0 → 1.75.0

package/dist/SChartMultiLine-7_HcvVEQ.js

@@ -0,0 +1,279 @@
+import { E as e, T as t, _ as n, b as r, c as i, d as a, f as o, g as s, k as c, l, n as u, r as d, s as f, t as p, u as m, x as h } from "./useChartInteractivity-DygkiRA1.js";
+import { t as g } from "./SChartLegend-dDqLhvIj.js";
+import { t as _ } from "./resolveChartValueRange-DZybnmaX.js";
+import { n as v, t as y } from "./createChartMarkersPlugin-DPvfZp_e.js";
+import { t as b } from "./areChartSeriesAligned-DjonrIMm.js";
+import { t as x } from "./createChartCrosshairPlugin-EqMlaexu.js";
+import { t as S } from "./resolveSeriesPaletteColor-DoPeNP_F.js";
+import { t as ee } from "./buildMultiLineChartScales-Di-yTvEB.js";
+import { t as C } from "./splitChartAxisLabel-D-IFyucJ.js";
+import { n as w, t as T } from "./buildChartSeriesPoints-BTyOpkin.js";
+import { t as E } from "./useHasListener-RSjlUyqH.js";
+import { computed as D, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createVNode as M, defineComponent as N, normalizeClass as P, normalizeStyle as F, openBlock as I, unref as L, useTemplateRef as R, withCtx as z } from "vue";
+//#region src/utils/chart/multiLine/resolveMultiLineSeriesColor.ts
+var B = (n, r, i, a = !1) => S(n, r, i, a, {
+	palette: e,
+	paletteFallback: t.multiLinePalette1,
+	skeletonPalette: c,
+	skeletonFallback: t.skeletonPalette1
+}), V = 3, te = .4, H = 4, U = 1.5, W = 5, G = [8, 8], K = 16, q = "--s-ui-chart-multi-line-danger-fill", J = (e, t, n, r, i) => {
+	let a = e.flatMap((e) => e.points.map((e) => e.value));
+	return i ? {
+		min: t ?? 0,
+		max: n ?? _(a, { yStep: r }).max
+	} : _(a, {
+		yMin: t,
+		yMax: n,
+		yStep: r
+	});
+}, Y = (e, t, n) => t ? {
+	target: { value: 0 },
+	...e ? {} : { above: f },
+	below: n
+} : e ? "origin" : !1, X = ({ seriesList: e, colorHostElement: c, yMax: u, yMin: p, yStep: h = W, mirrorYAxis: g = !0, straightSegments: _ = !1, zeroLine: S = !1, dangerBelowZero: w = !1, markers: T = [], skeleton: E = !1, thinLines: D = !1, verticalGrid: O = !1, xAxisOffset: k = !1, highlightedYTick: A, formatYTick: j, formatValue: M, onSeriesClick: N, onPointClick: P }) => {
+	if (!b(e)) return null;
+	let F = r(t.axisLabel, c), I = r(t.grid, c), L = r(q, c), R = r(t.tooltipBackground, c), z = r(t.tooltipText, c), X = J(e, p, u, h, E), Z = (e[0]?.points.map((e) => e.label) ?? []).map(C), Q = D ? U : H, $ = d({
+		kind: "series",
+		skeleton: E,
+		colorHostElement: c,
+		onIndexClick: N,
+		onElementIndexClick: P
+	});
+	return {
+		type: "line",
+		data: {
+			labels: Z,
+			datasets: e.map((e, t) => {
+				let n = B(t, c, e.fillColor, E), r = !!e.area && !E, a = w && t === 0 && !E, o = r ? (e) => l(e, n, f, i) : n;
+				return {
+					label: e.label,
+					data: e.points.map((e) => e.value),
+					borderColor: n,
+					backgroundColor: o,
+					pointBackgroundColor: n,
+					pointHoverBackgroundColor: n,
+					...E ? {} : {
+						hoverBorderColor: n,
+						hoverBackgroundColor: o
+					},
+					borderWidth: Q,
+					...e.dashed && !E ? { borderDash: G } : {},
+					fill: Y(r, a, L),
+					pointRadius: _ && !E ? V : 0,
+					pointHoverRadius: 4,
+					tension: _ ? 0 : te
+				};
+			})
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			layout: { padding: { top: T.length > 0 ? K : 0 } },
+			onHover: $.onHover,
+			onClick: $.onClick,
+			interaction: m(E, {
+				mode: "index",
+				intersect: !1
+			}),
+			hover: E ? void 0 : {
+				mode: "nearest",
+				intersect: !1
+			},
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: a(E),
+					backgroundColor: R,
+					titleColor: z,
+					bodyColor: z,
+					footerColor: z,
+					displayColors: !1,
+					position: s,
+					yAlign: "bottom",
+					xAlign: "center",
+					caretPadding: 8,
+					callbacks: n({
+						resolveTitle: (e) => Z[e],
+						formatValue: M
+					})
+				}
+			},
+			scales: ee({
+				axisLabelColor: F,
+				gridColor: I,
+				yMin: X.min,
+				yMax: X.max,
+				yStep: h,
+				mirrorYAxis: g,
+				verticalGrid: O,
+				xAxisOffset: k,
+				highlightedYTick: E ? void 0 : A,
+				colorHostElement: c,
+				...j ? { formatYAxisTick: (e) => typeof e == "number" ? j(e) : e } : {}
+			})
+		},
+		plugins: o(E, [
+			...S ? [v(c)] : [],
+			x(c),
+			...T.length > 0 ? [y({ markers: T }, c)] : [],
+			...$.plugins
+		])
+	};
+}, Z = [
+	"26.01",
+	"2.02",
+	"9.02",
+	"16.02",
+	"23.02",
+	"2.03",
+	"9.03",
+	"16.03",
+	"23.03",
+	"30.03",
+	"6.04"
+], Q = [{
+	label: "Series 1",
+	points: T(Z, [
+		30,
+		34,
+		38,
+		44,
+		46,
+		50,
+		54,
+		56,
+		58,
+		60,
+		62
+	])
+}, {
+	label: "Series 2",
+	points: T(Z, [
+		22,
+		24,
+		26,
+		28,
+		30,
+		32,
+		33,
+		35,
+		36,
+		38,
+		40
+	])
+}], $ = { class: "s-ui-chart-multi-line__canvas-wrap" }, ne = /* @__PURE__ */ N({
+	__name: "SChartMultiLine",
+	props: {
+		series: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		yMax: {},
+		yMin: {},
+		yStep: {},
+		mirrorYAxis: {
+			type: Boolean,
+			default: !0
+		},
+		straightSegments: {
+			type: Boolean,
+			default: !1
+		},
+		zeroLine: {
+			type: Boolean,
+			default: !1
+		},
+		dangerBelowZero: {
+			type: Boolean,
+			default: !1
+		},
+		markers: { default: () => [] },
+		showLegend: {
+			type: Boolean,
+			default: !0
+		},
+		height: {},
+		thinLines: {
+			type: Boolean,
+			default: !1
+		},
+		verticalGrid: {
+			type: Boolean,
+			default: !1
+		},
+		xAxisOffset: {
+			type: Boolean,
+			default: !1
+		},
+		highlightedYTick: {},
+		formatYTick: { type: Function },
+		formatValue: { type: Function }
+	},
+	emits: ["seriesClick", "pointClick"],
+	setup(e, { expose: t, emit: n }) {
+		let r = n, i = R("chartRootRef"), a = R("chartCanvasRef"), o = D(() => e.loading ? Q : e.series), s = (t) => {
+			let n = e.series[t];
+			n && r("seriesClick", t, n);
+		}, c = E("onSeriesClick"), l = (t, n) => {
+			let i = e.series[n], a = i?.points[t];
+			i && a && r("pointClick", t, n, a, i);
+		}, d = E("onPointClick"), f = D(() => {
+			if (e.height !== void 0) return { "--s-ui-chart-multi-line-viewport-height": typeof e.height == "number" ? `${e.height}px` : e.height };
+		}), m = D(() => !e.loading && e.series.length === 0 ? null : X({
+			seriesList: o.value,
+			colorHostElement: i.value,
+			yMax: e.yMax,
+			yMin: e.yMin,
+			yStep: e.yStep,
+			mirrorYAxis: e.mirrorYAxis,
+			straightSegments: e.straightSegments,
+			zeroLine: e.zeroLine,
+			dangerBelowZero: e.dangerBelowZero,
+			markers: e.markers,
+			skeleton: e.loading,
+			thinLines: e.thinLines,
+			verticalGrid: e.verticalGrid,
+			xAxisOffset: e.xAxisOffset,
+			highlightedYTick: e.highlightedYTick,
+			formatYTick: e.formatYTick,
+			formatValue: e.formatValue,
+			onSeriesClick: c() ? s : void 0,
+			onPointClick: d() ? l : void 0
+		})), _ = D(() => w(o.value, (t, n) => B(t, i.value, n, e.loading))), { chartInstance: v } = u({
+			canvasRef: a,
+			config: m,
+			enabled: D(() => e.loading || e.series.length > 0)
+		}), { exportImage: y, handleLegendItemHover: b } = p({
+			chartInstance: v,
+			canvasRef: a,
+			colorHostElement: i
+		});
+		return t({ exportImage: y }), (t, n) => (I(), A("div", {
+			ref_key: "chartRootRef",
+			ref: i,
+			class: P(["s-ui-chart-multi-line", { "s-ui-chart-multi-line--skeleton": e.loading }]),
+			style: F(f.value)
+		}, [j("div", $, [M(L(h), { loading: e.loading }, {
+			default: z(() => [j("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: a,
+				class: "s-ui-chart-multi-line__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])]), e.showLegend && _.value.length ? (I(), O(L(g), {
+			key: 0,
+			items: _.value,
+			disabled: e.loading,
+			interactive: !e.loading,
+			onItemHover: L(b)
+		}, null, 8, [
+			"items",
+			"disabled",
+			"interactive",
+			"onItemHover"
+		])) : k("", !0)], 6));
+	}
+});
+//#endregion
+export { ne as t };

package/dist/SChartMultiLine-Cl9Pf3Wp.cjs

@@ -0,0 +1 @@
+const e=require("./useChartInteractivity-CaZ37kX-.cjs"),t=require("./SChartLegend-D1gPKGm0.cjs"),n=require("./resolveChartValueRange-DBCYLCXs.cjs"),r=require("./createChartMarkersPlugin-BKxLg4pL.cjs"),i=require("./areChartSeriesAligned-DiBX3TTk.cjs"),a=require("./createChartCrosshairPlugin-BTPv09h4.cjs"),o=require("./resolveSeriesPaletteColor-BepW1gdW.cjs"),s=require("./buildMultiLineChartScales-lVP6h9H4.cjs"),c=require("./splitChartAxisLabel-DAmQOJn6.cjs"),l=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),u=require("./useHasListener-BPgtbbo6.cjs");let d=require("vue");var f=(t,n,r,i=!1)=>o.t(t,n,r,i,{palette:e.E,paletteFallback:e.T.multiLinePalette1,skeletonPalette:e.k,skeletonFallback:e.T.skeletonPalette1}),p=3,m=.4,h=4,g=1.5,_=5,v=[8,8],y=16,b=`--s-ui-chart-multi-line-danger-fill`,x=(e,t,r,i,a)=>{let o=e.flatMap(e=>e.points.map(e=>e.value));return a?{min:t??0,max:r??n.t(o,{yStep:i}).max}:n.t(o,{yMin:t,yMax:r,yStep:i})},S=(t,n,r)=>n?{target:{value:0},...t?{}:{above:e.s},below:r}:t?`origin`:!1,C=({seriesList:t,colorHostElement:n,yMax:o,yMin:l,yStep:u=_,mirrorYAxis:d=!0,straightSegments:C=!1,zeroLine:w=!1,dangerBelowZero:T=!1,markers:E=[],skeleton:D=!1,thinLines:O=!1,verticalGrid:k=!1,xAxisOffset:A=!1,highlightedYTick:j,formatYTick:M,formatValue:N,onSeriesClick:P,onPointClick:F})=>{if(!i.t(t))return null;let I=e.b(e.T.axisLabel,n),L=e.b(e.T.grid,n),R=e.b(b,n),z=e.b(e.T.tooltipBackground,n),B=e.b(e.T.tooltipText,n),V=x(t,l,o,u,D),H=(t[0]?.points.map(e=>e.label)??[]).map(c.t),U=O?g:h,W=e.r({kind:`series`,skeleton:D,colorHostElement:n,onIndexClick:P,onElementIndexClick:F});return{type:`line`,data:{labels:H,datasets:t.map((t,r)=>{let i=f(r,n,t.fillColor,D),a=!!t.area&&!D,o=T&&r===0&&!D,s=a?t=>e.l(t,i,e.s,e.c):i;return{label:t.label,data:t.points.map(e=>e.value),borderColor:i,backgroundColor:s,pointBackgroundColor:i,pointHoverBackgroundColor:i,...D?{}:{hoverBorderColor:i,hoverBackgroundColor:s},borderWidth:U,...t.dashed&&!D?{borderDash:v}:{},fill:S(a,o,R),pointRadius:C&&!D?p:0,pointHoverRadius:4,tension:C?0:m}})},options:{responsive:!0,maintainAspectRatio:!1,layout:{padding:{top:E.length>0?y:0}},onHover:W.onHover,onClick:W.onClick,interaction:e.u(D,{mode:`index`,intersect:!1}),hover:D?void 0:{mode:`nearest`,intersect:!1},plugins:{legend:{display:!1},tooltip:{enabled:e.d(D),backgroundColor:z,titleColor:B,bodyColor:B,footerColor:B,displayColors:!1,position:e.g,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:e._({resolveTitle:e=>H[e],formatValue:N})}},scales:s.t({axisLabelColor:I,gridColor:L,yMin:V.min,yMax:V.max,yStep:u,mirrorYAxis:d,verticalGrid:k,xAxisOffset:A,highlightedYTick:D?void 0:j,colorHostElement:n,...M?{formatYAxisTick:e=>typeof e==`number`?M(e):e}:{}})},plugins:e.f(D,[...w?[r.n(n)]:[],a.t(n),...E.length>0?[r.t({markers:E},n)]:[],...W.plugins])}},w=[`26.01`,`2.02`,`9.02`,`16.02`,`23.02`,`2.03`,`9.03`,`16.03`,`23.03`,`30.03`,`6.04`],T=[{label:`Series 1`,points:l.t(w,[30,34,38,44,46,50,54,56,58,60,62])},{label:`Series 2`,points:l.t(w,[22,24,26,28,30,32,33,35,36,38,40])}],E={class:`s-ui-chart-multi-line__canvas-wrap`},D=(0,d.defineComponent)({__name:`SChartMultiLine`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yMin:{},yStep:{},mirrorYAxis:{type:Boolean,default:!0},straightSegments:{type:Boolean,default:!1},zeroLine:{type:Boolean,default:!1},dangerBelowZero:{type:Boolean,default:!1},markers:{default:()=>[]},showLegend:{type:Boolean,default:!0},height:{},thinLines:{type:Boolean,default:!1},verticalGrid:{type:Boolean,default:!1},xAxisOffset:{type:Boolean,default:!1},highlightedYTick:{},formatYTick:{type:Function},formatValue:{type:Function}},emits:[`seriesClick`,`pointClick`],setup(n,{expose:r,emit:i}){let a=i,o=(0,d.useTemplateRef)(`chartRootRef`),s=(0,d.useTemplateRef)(`chartCanvasRef`),c=(0,d.computed)(()=>n.loading?T:n.series),p=e=>{let t=n.series[e];t&&a(`seriesClick`,e,t)},m=u.t(`onSeriesClick`),h=(e,t)=>{let r=n.series[t],i=r?.points[e];r&&i&&a(`pointClick`,e,t,i,r)},g=u.t(`onPointClick`),_=(0,d.computed)(()=>{if(n.height!==void 0)return{"--s-ui-chart-multi-line-viewport-height":typeof n.height==`number`?`${n.height}px`:n.height}}),v=(0,d.computed)(()=>!n.loading&&n.series.length===0?null:C({seriesList:c.value,colorHostElement:o.value,yMax:n.yMax,yMin:n.yMin,yStep:n.yStep,mirrorYAxis:n.mirrorYAxis,straightSegments:n.straightSegments,zeroLine:n.zeroLine,dangerBelowZero:n.dangerBelowZero,markers:n.markers,skeleton:n.loading,thinLines:n.thinLines,verticalGrid:n.verticalGrid,xAxisOffset:n.xAxisOffset,highlightedYTick:n.highlightedYTick,formatYTick:n.formatYTick,formatValue:n.formatValue,onSeriesClick:m()?p:void 0,onPointClick:g()?h:void 0})),y=(0,d.computed)(()=>l.n(c.value,(e,t)=>f(e,o.value,t,n.loading))),{chartInstance:b}=e.n({canvasRef:s,config:v,enabled:(0,d.computed)(()=>n.loading||n.series.length>0)}),{exportImage:x,handleLegendItemHover:S}=e.t({chartInstance:b,canvasRef:s,colorHostElement:o});return r({exportImage:x}),(r,i)=>((0,d.openBlock)(),(0,d.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:o,class:(0,d.normalizeClass)([`s-ui-chart-multi-line`,{"s-ui-chart-multi-line--skeleton":n.loading}]),style:(0,d.normalizeStyle)(_.value)},[(0,d.createElementVNode)(`div`,E,[(0,d.createVNode)((0,d.unref)(e.x),{loading:n.loading},{default:(0,d.withCtx)(()=>[(0,d.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:s,class:`s-ui-chart-multi-line__canvas`},null,512)]),_:1},8,[`loading`])]),n.showLegend&&y.value.length?((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(t.t),{key:0,items:y.value,disabled:n.loading,interactive:!n.loading,onItemHover:(0,d.unref)(S)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,d.createCommentVNode)(``,!0)],6))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return D}});

package/dist/SChartPie-BiLoxutQ.js

@@ -0,0 +1,267 @@
+import { D as e, O as t, S as n, T as r, b as i, d as a, f as o, n as s, r as c, t as l, u, x as d } from "./useChartInteractivity-DygkiRA1.js";
+import { t as f } from "./SChartLegend-dDqLhvIj.js";
+import { t as p } from "./resolveSeriesPaletteColor-DoPeNP_F.js";
+import { t as m } from "./useHasListener-RSjlUyqH.js";
+import { Fragment as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createTextVNode as x, createVNode as S, defineComponent as C, guardReactiveProps as ee, mergeProps as w, normalizeClass as T, normalizeProps as te, normalizeStyle as E, openBlock as D, ref as O, renderList as k, renderSlot as A, toDisplayString as j, unref as M, useSlots as ne, useTemplateRef as N, withCtx as P, withKeys as F } from "vue";
+//#region src/utils/chart/pie/resolvePieSliceColor.ts
+var I = (n, i, a, o = !1) => p(n, i, a, o, {
+	palette: t,
+	paletteFallback: r.piePalette1,
+	skeletonPalette: e,
+	skeletonFallback: r.pieSkeletonPalette1
+}), L = (e) => ({
+	title: () => "",
+	label: (t) => {
+		let n = t.label ?? "", r = t.parsed ?? 0;
+		return `${n} – ${e ? e(r) : `${r}`}`;
+	}
+}), R = 4, z = 4, B = 1, V = "400 12px var(--s-ui-font-family-label)", H = (e, t, n, r, i, a) => {
+	let o = Math.min(a, r / 2, i / 2);
+	e.beginPath(), e.moveTo(t + o, n), e.lineTo(t + r - o, n), e.arcTo(t + r, n, t + r, n + o, o), e.lineTo(t + r, n + i - o), e.arcTo(t + r, n + i, t + r - o, n + i, o), e.lineTo(t + o, n + i), e.arcTo(t, n + i, t, n + i - o, o), e.lineTo(t, n + o), e.arcTo(t, n, t + o, n, o), e.closePath();
+}, U = (e) => !("getCenterPoint" in e) || typeof e.getCenterPoint != "function" ? null : e.getCenterPoint(!1), W = (e, t) => ({
+	id: "pieSegmentBadge",
+	afterDatasetsDraw(n) {
+		let a = n.getDatasetMeta(0);
+		if (!a) return;
+		let o = i(r.pieBadgeBackground, e), s = i(r.pieBadgeBorder, e), c = i(r.pieBadgeText, e), { ctx: l } = n;
+		l.save(), l.font = V, l.textAlign = "center", l.textBaseline = "middle";
+		for (let e = 0; e < a.data.length; e += 1) {
+			let r = a.data[e], i = n.data.datasets[0]?.data[e], u = r ? U(r) : null;
+			if (r && typeof i == "number" && i > 0 && u) {
+				let e = t ? t(i) : `${i}`, n = l.measureText(e).width + R * 2;
+				H(l, u.x - n / 2, u.y - 20 / 2, n, 20, z), l.fillStyle = o, l.fill(), l.lineWidth = B, l.strokeStyle = s, l.stroke(), l.fillStyle = c, l.fillText(e, u.x, u.y);
+			}
+		}
+		l.restore();
+	}
+}), G = /* @__PURE__ */ function(e) {
+	return e.COMPACT = "compact", e.LIST = "list", e;
+}({}), K = ({ sliceList: e, colorHostElement: t, skeleton: n = !1, formatValue: s, formatBadge: l, showBadges: d = !0, onSliceClick: f, onSliceHover: p }) => {
+	if (e.length === 0) return null;
+	let m = i(r.pieSegmentBorder, t), h = i(r.tooltipBackground, t), g = i(r.tooltipText, t), _ = e.map((e, r) => I(r, t, e.fillColor, n)), v = c({
+		kind: "element",
+		skeleton: n,
+		colorHostElement: t,
+		onIndexClick: f,
+		onHoverIndexChange: p
+	});
+	return {
+		type: "pie",
+		data: {
+			labels: e.map((e) => e.label),
+			datasets: [{
+				data: e.map((e) => e.value),
+				backgroundColor: _,
+				hoverBackgroundColor: _,
+				borderColor: m,
+				hoverBorderColor: m,
+				borderWidth: 4,
+				hoverBorderWidth: 4,
+				hoverOffset: 26,
+				spacing: 0,
+				borderRadius: 8
+			}]
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !0,
+			cutout: "58%",
+			rotation: 115,
+			layout: { padding: 26 },
+			onHover: v.onHover,
+			onClick: v.onClick,
+			interaction: u(n, {
+				mode: "nearest",
+				intersect: !0
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: a(n),
+					backgroundColor: h,
+					titleColor: g,
+					bodyColor: g,
+					displayColors: !1,
+					callbacks: L(s)
+				}
+			}
+		},
+		plugins: o(n, [...d ? [W(t, l ?? s)] : [], ...v.plugins])
+	};
+}, q = [
+	"Series 1",
+	"Series 2",
+	"Series 3",
+	"Series 4",
+	"Series 5",
+	"Series 6",
+	"Series 7",
+	"Series 8"
+], J = [
+	4,
+	1,
+	1,
+	1,
+	1,
+	1,
+	1,
+	1
+], Y = q.map((e, t) => ({
+	label: e,
+	value: J[t] ?? 1
+})), X = {
+	key: 0,
+	class: "s-ui-chart-pie__center"
+}, re = [
+	"role",
+	"tabindex",
+	"onMouseenter",
+	"onClick",
+	"onKeydown"
+], ie = {
+	class: "s-ui-chart-pie__legend-swatch-slot",
+	"aria-hidden": "true"
+}, ae = { class: "s-ui-chart-pie__legend-label" }, oe = { class: "s-ui-chart-pie__legend-value" }, se = {
+	key: 0,
+	class: "s-ui-chart-pie__legend-toggle-row"
+}, ce = ["aria-expanded"], Z = /* @__PURE__ */ C({
+	__name: "SChartPie",
+	props: {
+		slices: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		showLegend: {
+			type: Boolean,
+			default: !0
+		},
+		legendView: { default: () => G.COMPACT },
+		formatValue: { type: Function },
+		showBadges: {
+			type: Boolean,
+			default: !0
+		},
+		formatBadge: { type: Function },
+		legendLimit: {}
+	},
+	emits: ["sliceClick"],
+	setup(e, { expose: t, emit: i }) {
+		let a = i, o = ne(), c = `var(${r.fillMuted})`, u = n, p = N("chartRootRef"), C = N("chartCanvasRef"), L = O(null), R = O(!1), z = g(() => e.legendView === G.LIST && !e.loading), B = g(() => ["s-ui-chart-pie", {
+			"s-ui-chart-pie--skeleton": e.loading,
+			"s-ui-chart-pie--legend-list": z.value
+		}]), V = g(() => e.loading ? Y : e.slices), H = (t) => {
+			let n = e.slices[t];
+			n && a("sliceClick", t, n);
+		}, U = (e) => {
+			L.value = e;
+		}, W = m("onSliceClick"), q = (e) => {
+			W() && H(e);
+		}, J = g(() => !e.loading && e.slices.length === 0 ? null : K({
+			sliceList: V.value,
+			colorHostElement: p.value,
+			skeleton: e.loading,
+			formatValue: e.formatValue,
+			formatBadge: e.formatBadge,
+			showBadges: e.showBadges,
+			onSliceClick: W() ? H : void 0,
+			onSliceHover: z.value ? U : void 0
+		})), Z = g(() => V.value.map((t, n) => ({
+			label: t.label,
+			color: I(n, p.value, t.fillColor, e.loading)
+		}))), Q = g(() => e.legendLimit === void 0 ? 0 : Math.max(e.slices.length - e.legendLimit, 0)), le = g(() => R.value || e.legendLimit === void 0 ? e.slices : e.slices.slice(0, e.legendLimit)), ue = g(() => ({
+			expanded: R.value,
+			hiddenCount: Q.value
+		})), de = g(() => R.value ? "−" : `+${Q.value}`), fe = () => {
+			R.value = !R.value;
+		}, pe = g(() => le.value.map((t, n) => {
+			let r = L.value === n, i = L.value !== null && !r, a = {
+				slice: t,
+				index: n,
+				active: r,
+				muted: i
+			};
+			return {
+				key: `${n}-${t.label}`,
+				index: n,
+				label: t.label,
+				valueText: e.formatValue ? e.formatValue(t.value) : String(t.value),
+				slotProps: a,
+				role: W() ? "button" : void 0,
+				tabindex: W() ? 0 : void 0,
+				classes: ["s-ui-chart-pie__legend-row", {
+					"s-ui-chart-pie__legend-row--active": r,
+					"s-ui-chart-pie__legend-row--muted": i,
+					"s-ui-chart-pie__legend-row--clickable": W()
+				}],
+				swatchStyle: { backgroundColor: i ? c : Z.value[n]?.color }
+			};
+		})), { chartInstance: me } = s({
+			canvasRef: C,
+			config: J,
+			enabled: g(() => e.loading || e.slices.length > 0)
+		}), { exportImage: he, handleLegendItemHover: ge } = l({
+			chartInstance: me,
+			canvasRef: C,
+			colorHostElement: p,
+			legendDimKind: "element"
+		}), $ = (e) => {
+			z.value && (L.value = e), ge(e);
+		};
+		return t({ exportImage: he }), (t, n) => (D(), y("div", {
+			ref_key: "chartRootRef",
+			ref: p,
+			class: T(B.value)
+		}, [b("div", {
+			class: "s-ui-chart-pie__canvas-wrap",
+			onMouseleave: n[0] ||= (e) => U(null)
+		}, [S(M(d), {
+			loading: e.loading,
+			type: M(u).PIE
+		}, {
+			default: P(() => [b("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: C,
+				class: "s-ui-chart-pie__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading", "type"]), M(o).center && !e.loading ? (D(), y("div", X, [A(t.$slots, "center")])) : v("", !0)], 32), e.showLegend && Z.value.length ? (D(), y(h, { key: 0 }, [z.value ? (D(), y("ul", {
+			key: 0,
+			class: "s-ui-chart-pie__legend-list",
+			onMouseleave: n[1] ||= (e) => $(null)
+		}, [(D(!0), y(h, null, k(pe.value, (e) => (D(), y("li", {
+			key: e.key,
+			class: T(e.classes),
+			role: e.role,
+			tabindex: e.tabindex,
+			onMouseenter: (t) => $(e.index),
+			onClick: (t) => q(e.index),
+			onKeydown: F((t) => q(e.index), ["enter"])
+		}, [
+			b("span", ie, [b("span", {
+				class: "s-ui-chart-pie__legend-swatch",
+				style: E(e.swatchStyle)
+			}, null, 4)]),
+			b("span", ae, [A(t.$slots, "legend-label", w({ ref_for: !0 }, e.slotProps), () => [x(j(e.label), 1)])]),
+			b("span", oe, j(e.valueText), 1)
+		], 42, re))), 128)), Q.value > 0 ? (D(), y("li", se, [b("button", {
+			type: "button",
+			class: "s-ui-chart-pie__legend-toggle",
+			"aria-expanded": R.value,
+			onClick: fe
+		}, [A(t.$slots, "legend-toggle", te(ee(ue.value)), () => [x(j(de.value), 1)])], 8, ce)])) : v("", !0)], 32)) : (D(), _(M(f), {
+			key: 1,
+			items: Z.value,
+			disabled: e.loading,
+			interactive: !e.loading,
+			direction: "column",
+			onItemHover: $
+		}, null, 8, [
+			"items",
+			"disabled",
+			"interactive"
+		]))], 64)) : v("", !0)], 2));
+	}
+});
+//#endregion
+export { G as n, Z as t };

package/dist/SChartPie-DccW5J0b.cjs

@@ -0,0 +1 @@
+const e=require("./useChartInteractivity-CaZ37kX-.cjs"),t=require("./SChartLegend-D1gPKGm0.cjs"),n=require("./resolveSeriesPaletteColor-BepW1gdW.cjs"),r=require("./useHasListener-BPgtbbo6.cjs");let i=require("vue");var a=(t,r,i,a=!1)=>n.t(t,r,i,a,{palette:e.O,paletteFallback:e.T.piePalette1,skeletonPalette:e.D,skeletonFallback:e.T.pieSkeletonPalette1}),o=e=>({title:()=>``,label:t=>{let n=t.label??``,r=t.parsed??0;return`${n} – ${e?e(r):`${r}`}`}}),s=4,c=4,l=1,u=`400 12px var(--s-ui-font-family-label)`,d=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i/2);e.beginPath(),e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},f=e=>!(`getCenterPoint`in e)||typeof e.getCenterPoint!=`function`?null:e.getCenterPoint(!1),p=(t,n)=>({id:`pieSegmentBadge`,afterDatasetsDraw(r){let i=r.getDatasetMeta(0);if(!i)return;let a=e.b(e.T.pieBadgeBackground,t),o=e.b(e.T.pieBadgeBorder,t),p=e.b(e.T.pieBadgeText,t),{ctx:m}=r;m.save(),m.font=u,m.textAlign=`center`,m.textBaseline=`middle`;for(let e=0;e<i.data.length;e+=1){let t=i.data[e],u=r.data.datasets[0]?.data[e],h=t?f(t):null;if(t&&typeof u==`number`&&u>0&&h){let e=n?n(u):`${u}`,t=m.measureText(e).width+s*2;d(m,h.x-t/2,h.y-20/2,t,20,c),m.fillStyle=a,m.fill(),m.lineWidth=l,m.strokeStyle=o,m.stroke(),m.fillStyle=p,m.fillText(e,h.x,h.y)}}m.restore()}}),m=function(e){return e.COMPACT=`compact`,e.LIST=`list`,e}({}),h=({sliceList:t,colorHostElement:n,skeleton:r=!1,formatValue:i,formatBadge:s,showBadges:c=!0,onSliceClick:l,onSliceHover:u})=>{if(t.length===0)return null;let d=e.b(e.T.pieSegmentBorder,n),f=e.b(e.T.tooltipBackground,n),m=e.b(e.T.tooltipText,n),h=t.map((e,t)=>a(t,n,e.fillColor,r)),g=e.r({kind:`element`,skeleton:r,colorHostElement:n,onIndexClick:l,onHoverIndexChange:u});return{type:`pie`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:h,hoverBackgroundColor:h,borderColor:d,hoverBorderColor:d,borderWidth:4,hoverBorderWidth:4,hoverOffset:26,spacing:0,borderRadius:8}]},options:{responsive:!0,maintainAspectRatio:!0,cutout:`58%`,rotation:115,layout:{padding:26},onHover:g.onHover,onClick:g.onClick,interaction:e.u(r,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.d(r),backgroundColor:f,titleColor:m,bodyColor:m,displayColors:!1,callbacks:o(i)}}},plugins:e.f(r,[...c?[p(n,s??i)]:[],...g.plugins])}},g=[`Series 1`,`Series 2`,`Series 3`,`Series 4`,`Series 5`,`Series 6`,`Series 7`,`Series 8`],_=[4,1,1,1,1,1,1,1],v=g.map((e,t)=>({label:e,value:_[t]??1})),y={key:0,class:`s-ui-chart-pie__center`},b=[`role`,`tabindex`,`onMouseenter`,`onClick`,`onKeydown`],x={class:`s-ui-chart-pie__legend-swatch-slot`,"aria-hidden":`true`},S={class:`s-ui-chart-pie__legend-label`},C={class:`s-ui-chart-pie__legend-value`},w={key:0,class:`s-ui-chart-pie__legend-toggle-row`},T=[`aria-expanded`],E=(0,i.defineComponent)({__name:`SChartPie`,props:{slices:{default:()=>[]},loading:{type:Boolean,default:!1},showLegend:{type:Boolean,default:!0},legendView:{default:()=>m.COMPACT},formatValue:{type:Function},showBadges:{type:Boolean,default:!0},formatBadge:{type:Function},legendLimit:{}},emits:[`sliceClick`],setup(n,{expose:o,emit:s}){let c=s,l=(0,i.useSlots)(),u=`var(${e.T.fillMuted})`,d=e.S,f=(0,i.useTemplateRef)(`chartRootRef`),p=(0,i.useTemplateRef)(`chartCanvasRef`),g=(0,i.ref)(null),_=(0,i.ref)(!1),E=(0,i.computed)(()=>n.legendView===m.LIST&&!n.loading),D=(0,i.computed)(()=>[`s-ui-chart-pie`,{"s-ui-chart-pie--skeleton":n.loading,"s-ui-chart-pie--legend-list":E.value}]),O=(0,i.computed)(()=>n.loading?v:n.slices),k=e=>{let t=n.slices[e];t&&c(`sliceClick`,e,t)},A=e=>{g.value=e},j=r.t(`onSliceClick`),M=e=>{j()&&k(e)},N=(0,i.computed)(()=>!n.loading&&n.slices.length===0?null:h({sliceList:O.value,colorHostElement:f.value,skeleton:n.loading,formatValue:n.formatValue,formatBadge:n.formatBadge,showBadges:n.showBadges,onSliceClick:j()?k:void 0,onSliceHover:E.value?A:void 0})),P=(0,i.computed)(()=>O.value.map((e,t)=>({label:e.label,color:a(t,f.value,e.fillColor,n.loading)}))),F=(0,i.computed)(()=>n.legendLimit===void 0?0:Math.max(n.slices.length-n.legendLimit,0)),I=(0,i.computed)(()=>_.value||n.legendLimit===void 0?n.slices:n.slices.slice(0,n.legendLimit)),L=(0,i.computed)(()=>({expanded:_.value,hiddenCount:F.value})),R=(0,i.computed)(()=>_.value?`−`:`+${F.value}`),z=()=>{_.value=!_.value},B=(0,i.computed)(()=>I.value.map((e,t)=>{let r=g.value===t,i=g.value!==null&&!r,a={slice:e,index:t,active:r,muted:i};return{key:`${t}-${e.label}`,index:t,label:e.label,valueText:n.formatValue?n.formatValue(e.value):String(e.value),slotProps:a,role:j()?`button`:void 0,tabindex:j()?0:void 0,classes:[`s-ui-chart-pie__legend-row`,{"s-ui-chart-pie__legend-row--active":r,"s-ui-chart-pie__legend-row--muted":i,"s-ui-chart-pie__legend-row--clickable":j()}],swatchStyle:{backgroundColor:i?u:P.value[t]?.color}}})),{chartInstance:V}=e.n({canvasRef:p,config:N,enabled:(0,i.computed)(()=>n.loading||n.slices.length>0)}),{exportImage:H,handleLegendItemHover:U}=e.t({chartInstance:V,canvasRef:p,colorHostElement:f,legendDimKind:`element`}),W=e=>{E.value&&(g.value=e),U(e)};return o({exportImage:H}),(r,a)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:f,class:(0,i.normalizeClass)(D.value)},[(0,i.createElementVNode)(`div`,{class:`s-ui-chart-pie__canvas-wrap`,onMouseleave:a[0]||=e=>A(null)},[(0,i.createVNode)((0,i.unref)(e.x),{loading:n.loading,type:(0,i.unref)(d).PIE},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:p,class:`s-ui-chart-pie__canvas`},null,512)]),_:1},8,[`loading`,`type`]),(0,i.unref)(l).center&&!n.loading?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,y,[(0,i.renderSlot)(r.$slots,`center`)])):(0,i.createCommentVNode)(``,!0)],32),n.showLegend&&P.value.length?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[E.value?((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,{key:0,class:`s-ui-chart-pie__legend-list`,onMouseleave:a[1]||=e=>W(null)},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(B.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:e.key,class:(0,i.normalizeClass)(e.classes),role:e.role,tabindex:e.tabindex,onMouseenter:t=>W(e.index),onClick:t=>M(e.index),onKeydown:(0,i.withKeys)(t=>M(e.index),[`enter`])},[(0,i.createElementVNode)(`span`,x,[(0,i.createElementVNode)(`span`,{class:`s-ui-chart-pie__legend-swatch`,style:(0,i.normalizeStyle)(e.swatchStyle)},null,4)]),(0,i.createElementVNode)(`span`,S,[(0,i.renderSlot)(r.$slots,`legend-label`,(0,i.mergeProps)({ref_for:!0},e.slotProps),()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.label),1)])]),(0,i.createElementVNode)(`span`,C,(0,i.toDisplayString)(e.valueText),1)],42,b))),128)),F.value>0?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,w,[(0,i.createElementVNode)(`button`,{type:`button`,class:`s-ui-chart-pie__legend-toggle`,"aria-expanded":_.value,onClick:z},[(0,i.renderSlot)(r.$slots,`legend-toggle`,(0,i.normalizeProps)((0,i.guardReactiveProps)(L.value)),()=>[(0,i.createTextVNode)((0,i.toDisplayString)(R.value),1)])],8,T)])):(0,i.createCommentVNode)(``,!0)],32)):((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(t.t),{key:1,items:P.value,disabled:n.loading,interactive:!n.loading,direction:`column`,onItemHover:W},null,8,[`items`,`disabled`,`interactive`]))],64)):(0,i.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return E}});

package/dist/{SChartProgress-9Zzy7E8K.cjs → SChartProgress-Cpdkad6Q.cjs}

@@ -1 +1 @@
-const e=require("./useChartInteractivity-LbJiqlvI.cjs");let t=require("vue");var n=4,r=12,i=24,a=e=>{let t=e<=15;return{pointRadius:t?n:0,pointHoverRadius:n,pointHitRadius:t?r:i}},o=e=>e<=15?{mode:`nearest`,intersect:!0}:{mode:`nearest`,axis:`x`,intersect:!1},s=.3,c=1,l=({labels:t,progressValues:n,referenceValues:r,seriesLabel:i,valuePrefix:l,minValue:u,maxValue:d,stepSize:f,progressSnapshotCount:p,colorHostElement:m,skeleton:h=!1})=>{let g=e.T(e.y.axisLabel,m),_=e.T(e.y.grid,m),v=e.T(h?e.y.skeletonSeries:e.y.progressLine,m),y=e.T(h?e.y.skeletonFillStart:e.y.referenceFill,m),b=e.T(e.y.tooltipBackground,m),x=e.T(e.y.tooltipText,m),S=s,C=a(p),w=o(p);return{type:`line`,data:{labels:t,datasets:[{data:r,borderColor:`transparent`,backgroundColor:y,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,fill:`start`,order:0},{label:i,data:n,borderColor:v,backgroundColor:v,tension:S,pointRadius:C.pointRadius,pointHoverRadius:C.pointHoverRadius,pointHitRadius:C.pointHitRadius,pointBackgroundColor:v,pointBorderColor:v,fill:!1,order:1}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:e.s(h,w),plugins:{legend:{display:!1},tooltip:{enabled:e.c(h),backgroundColor:b,titleColor:x,bodyColor:x,position:e.f,filter:e=>e.datasetIndex===c,callbacks:{label:e=>{let t=e.parsed.y;return t===null?``:`${t}${l}`}}}},scales:{x:{type:`category`,border:{display:!1},grid:{color:_,drawTicks:!0},ticks:{color:g,font:{family:`var(--s-ui-font-family-label)`,size:10,weight:500},padding:8}},y:{type:`linear`,min:u,max:d,border:{display:!1},grid:{color:_,drawTicks:!0},ticks:{color:g,stepSize:f,callback:e=>`${e}${l}`,font:{family:`var(--s-ui-font-family-label)`,size:10,weight:500},padding:8}}}}}},u=e=>{let t=e.match(/^(\d{4})-(\d{2})-(\d{2})/);return t?`${t[3]}.${t[2]}.${t[1]}`:e},d=e=>Math.round(e*10)/10,f=({progressSnapshots:e,deadline:t=null,minValue:n=0,maxValue:r=100})=>{let i=e.map(e=>u(e.date)),a=e.map(e=>e.progress),o=t?u(t):null,s=a.length===1?[``,i[0]??``,``]:o?[...i,o]:i,c=a.length===1?[null,a[0]??null,null]:o?[...a,null]:a,l=s.length;return{labels:s,progressValues:c,referenceValues:l===0?[]:l===1?[n]:Array.from({length:l},(e,t)=>d(n+t*((r-n)/(l-1)))),minValue:n,maxValue:r,stepSize:d((r-n)/4),progressSnapshotCount:e.length}},p=[{date:`2025-11-01`,progress:20},{date:`2025-12-01`,progress:35},{date:`2026-01-01`,progress:42},{date:`2026-02-01`,progress:58},{date:`2026-03-01`,progress:71},{date:`2026-04-01`,progress:84}],m={class:`s-ui-chart-progress__canvas-wrap`},h=(0,t.defineComponent)({__name:`SChartProgress`,props:{progressSnapshots:{default:()=>[]},deadline:{default:null},minValue:{},maxValue:{},prefix:{},seriesLabel:{default:`Progress`},loading:{type:Boolean,default:!1}},setup(n,{expose:r}){let i=(0,t.useTemplateRef)(`chartRootRef`),a=(0,t.useTemplateRef)(`chartCanvasRef`),o=(0,t.computed)(()=>n.minValue??0),s=(0,t.computed)(()=>n.maxValue??100),c=(0,t.computed)(()=>n.prefix??`%`),u=(0,t.computed)(()=>n.loading?p:n.progressSnapshots),d=(0,t.computed)(()=>f({progressSnapshots:u.value,deadline:n.loading?`2026-06-28`:n.deadline,minValue:n.loading?0:o.value,maxValue:n.loading?100:s.value})),{chartInstance:h}=e.n({canvasRef:a,config:(0,t.computed)(()=>!n.loading&&n.progressSnapshots.length===0?null:l({labels:d.value.labels,progressValues:d.value.progressValues,referenceValues:d.value.referenceValues,seriesLabel:n.seriesLabel,valuePrefix:c.value,minValue:d.value.minValue,maxValue:d.value.maxValue,stepSize:n.loading?25:d.value.stepSize,progressSnapshotCount:d.value.progressSnapshotCount,colorHostElement:i.value,skeleton:n.loading})),enabled:(0,t.computed)(()=>n.loading||n.progressSnapshots.length>0)}),{exportImage:g}=e.t({chartInstance:h,canvasRef:a,colorHostElement:i});return r({exportImage:g}),(r,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:i,class:(0,t.normalizeClass)([`s-ui-chart-progress`,{"s-ui-chart-progress--skeleton":n.loading}])},[(0,t.createElementVNode)(`div`,m,[(0,t.createVNode)((0,t.unref)(e.E),{loading:n.loading},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:a,class:`s-ui-chart-progress__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
+const e=require("./useChartInteractivity-CaZ37kX-.cjs");let t=require("vue");var n=4,r=12,i=24,a=e=>{let t=e<=15;return{pointRadius:t?n:0,pointHoverRadius:n,pointHitRadius:t?r:i}},o=e=>e<=15?{mode:`nearest`,intersect:!0}:{mode:`nearest`,axis:`x`,intersect:!1},s=.3,c=1,l=({labels:t,progressValues:n,referenceValues:r,seriesLabel:i,valuePrefix:l,minValue:u,maxValue:d,stepSize:f,progressSnapshotCount:p,colorHostElement:m,skeleton:h=!1})=>{let g=e.b(e.T.axisLabel,m),_=e.b(e.T.grid,m),v=e.b(h?e.T.skeletonSeries:e.T.progressLine,m),y=e.b(h?e.T.skeletonFillStart:e.T.referenceFill,m),b=e.b(e.T.tooltipBackground,m),x=e.b(e.T.tooltipText,m),S=s,C=a(p),w=o(p);return{type:`line`,data:{labels:t,datasets:[{data:r,borderColor:`transparent`,backgroundColor:y,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,fill:`start`,order:0},{label:i,data:n,borderColor:v,backgroundColor:v,tension:S,pointRadius:C.pointRadius,pointHoverRadius:C.pointHoverRadius,pointHitRadius:C.pointHitRadius,pointBackgroundColor:v,pointBorderColor:v,fill:!1,order:1}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:e.u(h,w),plugins:{legend:{display:!1},tooltip:{enabled:e.d(h),backgroundColor:b,titleColor:x,bodyColor:x,position:e.h,filter:e=>e.datasetIndex===c,callbacks:{label:e=>{let t=e.parsed.y;return t===null?``:`${t}${l}`}}}},scales:{x:{type:`category`,border:{display:!1},grid:{color:_,drawTicks:!0},ticks:{color:g,font:{family:`var(--s-ui-font-family-label)`,size:10,weight:500},padding:8}},y:{type:`linear`,min:u,max:d,border:{display:!1},grid:{color:_,drawTicks:!0},ticks:{color:g,stepSize:f,callback:e=>`${e}${l}`,font:{family:`var(--s-ui-font-family-label)`,size:10,weight:500},padding:8}}}}}},u=e=>{let t=e.match(/^(\d{4})-(\d{2})-(\d{2})/);return t?`${t[3]}.${t[2]}.${t[1]}`:e},d=e=>Math.round(e*10)/10,f=({progressSnapshots:e,deadline:t=null,minValue:n=0,maxValue:r=100})=>{let i=e.map(e=>u(e.date)),a=e.map(e=>e.progress),o=t?u(t):null,s=a.length===1?[``,i[0]??``,``]:o?[...i,o]:i,c=a.length===1?[null,a[0]??null,null]:o?[...a,null]:a,l=s.length;return{labels:s,progressValues:c,referenceValues:l===0?[]:l===1?[n]:Array.from({length:l},(e,t)=>d(n+t*((r-n)/(l-1)))),minValue:n,maxValue:r,stepSize:d((r-n)/4),progressSnapshotCount:e.length}},p=[{date:`2025-11-01`,progress:20},{date:`2025-12-01`,progress:35},{date:`2026-01-01`,progress:42},{date:`2026-02-01`,progress:58},{date:`2026-03-01`,progress:71},{date:`2026-04-01`,progress:84}],m={class:`s-ui-chart-progress__canvas-wrap`},h=(0,t.defineComponent)({__name:`SChartProgress`,props:{progressSnapshots:{default:()=>[]},deadline:{default:null},minValue:{},maxValue:{},prefix:{},seriesLabel:{default:`Progress`},loading:{type:Boolean,default:!1}},setup(n,{expose:r}){let i=(0,t.useTemplateRef)(`chartRootRef`),a=(0,t.useTemplateRef)(`chartCanvasRef`),o=(0,t.computed)(()=>n.minValue??0),s=(0,t.computed)(()=>n.maxValue??100),c=(0,t.computed)(()=>n.prefix??`%`),u=(0,t.computed)(()=>n.loading?p:n.progressSnapshots),d=(0,t.computed)(()=>f({progressSnapshots:u.value,deadline:n.loading?`2026-06-28`:n.deadline,minValue:n.loading?0:o.value,maxValue:n.loading?100:s.value})),{chartInstance:h}=e.n({canvasRef:a,config:(0,t.computed)(()=>!n.loading&&n.progressSnapshots.length===0?null:l({labels:d.value.labels,progressValues:d.value.progressValues,referenceValues:d.value.referenceValues,seriesLabel:n.seriesLabel,valuePrefix:c.value,minValue:d.value.minValue,maxValue:d.value.maxValue,stepSize:n.loading?25:d.value.stepSize,progressSnapshotCount:d.value.progressSnapshotCount,colorHostElement:i.value,skeleton:n.loading})),enabled:(0,t.computed)(()=>n.loading||n.progressSnapshots.length>0)}),{exportImage:g}=e.t({chartInstance:h,canvasRef:a,colorHostElement:i});return r({exportImage:g}),(r,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:i,class:(0,t.normalizeClass)([`s-ui-chart-progress`,{"s-ui-chart-progress--skeleton":n.loading}])},[(0,t.createElementVNode)(`div`,m,[(0,t.createVNode)((0,t.unref)(e.x),{loading:n.loading},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:a,class:`s-ui-chart-progress__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});