@shtabapp/ui-kit 1.69.0 → 1.70.0

package/dist/SChartLine-CTjiKi4H.js

@@ -0,0 +1,165 @@
+import { E as e, T as t, c as n, l as r, n as i, o as a, s as o, t as s, y as c } from "./useChartInteractivity-Cl06JL4l.js";
+import { t as l } from "./buildCartesianChartScales-EofFq3ry.js";
+import { t as u } from "./resolveChartValueRange-DZybnmaX.js";
+import { n as d, t as f } from "./createChartMarkersPlugin-DSKGilFU.js";
+import { computed as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, normalizeStyle as y, openBlock as b, unref as x, useTemplateRef as S, withCtx as C } from "vue";
+//#region src/utils/chart/css/readCssNumber.ts
+var w = (e, t, n = 1) => {
+	if (typeof window > "u") return n;
+	let r = t ?? document.documentElement, i = getComputedStyle(r).getPropertyValue(e).trim(), a = Number.parseFloat(i);
+	return Number.isNaN(a) ? n : a;
+}, T = 5, E = 5, D = 16, O = "--s-ui-chart-line-danger-fill", k = (e) => typeof e == "number" ? `${e}%` : e, A = (e, t, n, r, i) => {
+	let a = e.map((e) => e.value);
+	return i ? {
+		min: t ?? 0,
+		max: n ?? u(a, { yStep: r }).max
+	} : u(a, {
+		yMin: t,
+		yMax: n,
+		yStep: r
+	});
+}, j = ({ points: e, seriesLabel: i, colorHostElement: s, yMax: u, yMin: p, yStep: m = E, area: h = !0, zeroLine: g = !1, dangerBelowZero: _ = !1, markers: v = [], skeleton: y = !1 }) => {
+	let b = t(c.axisLabel, s), x = t(c.grid, s), S = t(y ? c.skeletonSeries : c.seriesPrimary, s), C = t(y ? c.skeletonFillStart : c.seriesFillStart, s), j = t(y ? c.skeletonFillEnd : c.seriesFillEnd, s), M = t(O, s), N = t(c.tooltipBackground, s), P = t(c.tooltipText, s), F = w(y ? c.skeletonFillOpacity : c.seriesFillOpacity, s, .8), I = A(e, p, u, m, y), L = h || y, R = _ && !y, z = (e) => a(e, C, j, F), B = R ? {
+		target: { value: 0 },
+		below: M
+	} : L ? "origin" : !1;
+	return {
+		type: "line",
+		data: {
+			labels: e.map((e) => e.label),
+			datasets: [{
+				label: i,
+				data: e.map((e) => e.value),
+				borderColor: S,
+				backgroundColor: L ? z : "transparent",
+				pointBackgroundColor: S,
+				pointHoverBackgroundColor: S,
+				borderWidth: T,
+				fill: B,
+				pointRadius: 0,
+				pointHoverRadius: 4,
+				tension: .4
+			}]
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			layout: { padding: { top: v.length > 0 ? D : 0 } },
+			interaction: o(y, {
+				mode: "index",
+				intersect: !1
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: n(y),
+					backgroundColor: N,
+					titleColor: P,
+					bodyColor: P,
+					displayColors: !1
+				}
+			},
+			scales: l({
+				axisLabelColor: b,
+				gridColor: x,
+				yMin: I.min,
+				yMax: I.max,
+				yStep: m,
+				...y ? { formatYAxisTick: k } : {}
+			})
+		},
+		plugins: r(y, [...g ? [d(s)] : [], ...v.length > 0 ? [f({ markers: v }, s)] : []])
+	};
+}, M = [
+	{
+		label: "ноябрь 2025",
+		value: 63
+	},
+	{
+		label: "декабрь 2025",
+		value: 77
+	},
+	{
+		label: "январь 2026",
+		value: 75
+	},
+	{
+		label: "февраль 2026",
+		value: 81
+	},
+	{
+		label: "март 2026",
+		value: 91
+	},
+	{
+		label: "апрель 2026",
+		value: 87
+	}
+], N = { class: "s-ui-chart-line__canvas-wrap" }, P = /* @__PURE__ */ _({
+	__name: "SChartLine",
+	props: {
+		points: { default: () => [] },
+		seriesLabel: { default: "Series" },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		yMax: {},
+		yMin: {},
+		yStep: {},
+		height: {},
+		area: {
+			type: Boolean,
+			default: !0
+		},
+		zeroLine: {
+			type: Boolean,
+			default: !1
+		},
+		dangerBelowZero: {
+			type: Boolean,
+			default: !1
+		},
+		markers: { default: () => [] }
+	},
+	setup(t, { expose: n }) {
+		let r = S("chartRootRef"), a = S("chartCanvasRef"), o = p(() => t.loading ? M : t.points), c = p(() => {
+			if (t.height !== void 0) return { "--s-ui-chart-line-viewport-height": typeof t.height == "number" ? `${t.height}px` : t.height };
+		}), { chartInstance: l } = i({
+			canvasRef: a,
+			config: p(() => !t.loading && t.points.length === 0 ? null : j({
+				points: o.value,
+				seriesLabel: t.seriesLabel,
+				colorHostElement: r.value,
+				yMax: t.loading ? 100 : t.yMax,
+				yMin: t.loading ? 50 : t.yMin,
+				yStep: t.loading ? 10 : t.yStep,
+				area: t.area,
+				zeroLine: t.zeroLine,
+				dangerBelowZero: t.dangerBelowZero,
+				markers: t.markers,
+				skeleton: t.loading
+			})),
+			enabled: p(() => t.loading || t.points.length > 0)
+		}), { exportImage: u } = s({
+			chartInstance: l,
+			canvasRef: a,
+			colorHostElement: r
+		});
+		return n({ exportImage: u }), (n, i) => (b(), m("div", {
+			ref_key: "chartRootRef",
+			ref: r,
+			class: v(["s-ui-chart-line", { "s-ui-chart-line--skeleton": t.loading }]),
+			style: y(c.value)
+		}, [h("div", N, [g(x(e), { loading: t.loading }, {
+			default: C(() => [h("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: a,
+				class: "s-ui-chart-line__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])])], 6));
+	}
+});
+//#endregion
+export { P as t };

package/dist/SChartLine-Cp1csHeY.cjs

@@ -0,0 +1 @@
+const e=require("./useChartInteractivity-LbJiqlvI.cjs"),t=require("./buildCartesianChartScales-Dck5yBMo.cjs"),n=require("./resolveChartValueRange-DBCYLCXs.cjs"),r=require("./createChartMarkersPlugin-S4oQKxO4.cjs");let i=require("vue");var a=(e,t,n=1)=>{if(typeof window>`u`)return n;let r=t??document.documentElement,i=getComputedStyle(r).getPropertyValue(e).trim(),a=Number.parseFloat(i);return Number.isNaN(a)?n:a},o=5,s=5,c=16,l=`--s-ui-chart-line-danger-fill`,u=e=>typeof e==`number`?`${e}%`:e,d=(e,t,r,i,a)=>{let o=e.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})},f=({points:n,seriesLabel:i,colorHostElement:f,yMax:p,yMin:m,yStep:h=s,area:g=!0,zeroLine:_=!1,dangerBelowZero:v=!1,markers:y=[],skeleton:b=!1})=>{let x=e.T(e.y.axisLabel,f),S=e.T(e.y.grid,f),C=e.T(b?e.y.skeletonSeries:e.y.seriesPrimary,f),w=e.T(b?e.y.skeletonFillStart:e.y.seriesFillStart,f),T=e.T(b?e.y.skeletonFillEnd:e.y.seriesFillEnd,f),E=e.T(l,f),D=e.T(e.y.tooltipBackground,f),O=e.T(e.y.tooltipText,f),k=a(b?e.y.skeletonFillOpacity:e.y.seriesFillOpacity,f,.8),A=d(n,m,p,h,b),j=g||b,M=v&&!b,N=t=>e.o(t,w,T,k),P=M?{target:{value:0},below:E}:j?`origin`:!1;return{type:`line`,data:{labels:n.map(e=>e.label),datasets:[{label:i,data:n.map(e=>e.value),borderColor:C,backgroundColor:j?N:`transparent`,pointBackgroundColor:C,pointHoverBackgroundColor:C,borderWidth:o,fill:P,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,layout:{padding:{top:y.length>0?c:0}},interaction:e.s(b,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.c(b),backgroundColor:D,titleColor:O,bodyColor:O,displayColors:!1}},scales:t.t({axisLabelColor:x,gridColor:S,yMin:A.min,yMax:A.max,yStep:h,...b?{formatYAxisTick:u}:{}})},plugins:e.l(b,[..._?[r.n(f)]:[],...y.length>0?[r.t({markers:y},f)]:[]])}},p=[{label:`ноябрь 2025`,value:63},{label:`декабрь 2025`,value:77},{label:`январь 2026`,value:75},{label:`февраль 2026`,value:81},{label:`март 2026`,value:91},{label:`апрель 2026`,value:87}],m={class:`s-ui-chart-line__canvas-wrap`},h=(0,i.defineComponent)({__name:`SChartLine`,props:{points:{default:()=>[]},seriesLabel:{default:`Series`},loading:{type:Boolean,default:!1},yMax:{},yMin:{},yStep:{},height:{},area:{type:Boolean,default:!0},zeroLine:{type:Boolean,default:!1},dangerBelowZero:{type:Boolean,default:!1},markers:{default:()=>[]}},setup(t,{expose:n}){let r=(0,i.useTemplateRef)(`chartRootRef`),a=(0,i.useTemplateRef)(`chartCanvasRef`),o=(0,i.computed)(()=>t.loading?p:t.points),s=(0,i.computed)(()=>{if(t.height!==void 0)return{"--s-ui-chart-line-viewport-height":typeof t.height==`number`?`${t.height}px`:t.height}}),{chartInstance:c}=e.n({canvasRef:a,config:(0,i.computed)(()=>!t.loading&&t.points.length===0?null:f({points:o.value,seriesLabel:t.seriesLabel,colorHostElement:r.value,yMax:t.loading?100:t.yMax,yMin:t.loading?50:t.yMin,yStep:t.loading?10:t.yStep,area:t.area,zeroLine:t.zeroLine,dangerBelowZero:t.dangerBelowZero,markers:t.markers,skeleton:t.loading})),enabled:(0,i.computed)(()=>t.loading||t.points.length>0)}),{exportImage:l}=e.t({chartInstance:c,canvasRef:a,colorHostElement:r});return n({exportImage:l}),(n,o)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,i.normalizeClass)([`s-ui-chart-line`,{"s-ui-chart-line--skeleton":t.loading}]),style:(0,i.normalizeStyle)(s.value)},[(0,i.createElementVNode)(`div`,m,[(0,i.createVNode)((0,i.unref)(e.E),{loading:t.loading},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:a,class:`s-ui-chart-line__canvas`},null,512)]),_:1},8,[`loading`])])],6))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/dist/SChartMultiLine-Bt9Cf-L9.cjs

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

package/dist/SChartMultiLine-CbPSG0mN.js

@@ -0,0 +1,244 @@
+import { t as e } from "./SChartLegend-oZoF8XK7.js";
+import { C as t, E as n, T as r, a as i, b as a, c as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, y as g } from "./useChartInteractivity-Cl06JL4l.js";
+import { t as _ } from "./resolveChartValueRange-DZybnmaX.js";
+import { n as v, t as y } from "./createChartMarkersPlugin-DSKGilFU.js";
+import { t as b } from "./areChartSeriesAligned-DjonrIMm.js";
+import { t as x } from "./createChartCrosshairPlugin-C2NUAO5s.js";
+import { t as S } from "./resolveSeriesPaletteColor-B7wHDj1L.js";
+import { t as C } from "./buildMultiLineChartScales-CFZ8YVeJ.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 = (e, n, r, i = !1) => S(e, n, r, i, {
+	palette: a,
+	paletteFallback: g.multiLinePalette1,
+	skeletonPalette: t,
+	skeletonFallback: g.skeletonPalette1
+}), V = 3, H = .4, U = 4, 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: s },
+	below: n
+} : e ? "origin" : !1, X = ({ seriesList: e, colorHostElement: t, yMax: n, yMin: a, yStep: u = W, mirrorYAxis: h = !0, straightSegments: _ = !1, zeroLine: S = !1, dangerBelowZero: w = !1, markers: T = [], skeleton: E = !1, onSeriesClick: D }) => {
+	if (!b(e)) return null;
+	let O = r(g.axisLabel, t), k = r(g.grid, t), A = r(q, t), j = r(g.tooltipBackground, t), M = r(g.tooltipText, t), N = J(e, a, n, u, E), P = e[0]?.points.map((e) => e.label) ?? [], F = p({
+		kind: "series",
+		skeleton: E,
+		colorHostElement: t,
+		onIndexClick: D
+	});
+	return {
+		type: "line",
+		data: {
+			labels: P,
+			datasets: e.map((e, n) => {
+				let r = B(n, t, e.fillColor, E), a = !!e.area && !E, o = w && n === 0 && !E, c = a ? (e) => d(e, r, s, i) : r;
+				return {
+					label: e.label,
+					data: e.points.map((e) => e.value),
+					borderColor: r,
+					backgroundColor: c,
+					pointBackgroundColor: r,
+					pointHoverBackgroundColor: r,
+					...E ? {} : {
+						hoverBorderColor: r,
+						hoverBackgroundColor: c
+					},
+					borderWidth: U,
+					...e.dashed && !E ? { borderDash: G } : {},
+					fill: Y(a, o, A),
+					pointRadius: _ && !E ? V : 0,
+					pointHoverRadius: 4,
+					tension: _ ? 0 : H
+				};
+			})
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			layout: { padding: { top: T.length > 0 ? K : 0 } },
+			onHover: F.onHover,
+			onClick: F.onClick,
+			interaction: m(E, {
+				mode: "index",
+				intersect: !1
+			}),
+			hover: E ? void 0 : {
+				mode: "nearest",
+				intersect: !1
+			},
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: o(E),
+					backgroundColor: j,
+					titleColor: M,
+					bodyColor: M,
+					footerColor: M,
+					displayColors: !1,
+					position: f,
+					yAlign: "bottom",
+					xAlign: "center",
+					caretPadding: 8,
+					callbacks: l()
+				}
+			},
+			scales: C({
+				axisLabelColor: O,
+				gridColor: k,
+				yMin: N.min,
+				yMax: N.max,
+				yStep: u,
+				mirrorYAxis: h
+			})
+		},
+		plugins: c(E, [
+			...S ? [v(t)] : [],
+			x(t),
+			...T.length > 0 ? [y({ markers: T }, t)] : [],
+			...F.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" }, ee = /* @__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: {}
+	},
+	emits: ["seriesClick"],
+	setup(t, { expose: r, emit: i }) {
+		let a = i, o = R("chartRootRef"), s = R("chartCanvasRef"), c = D(() => t.loading ? Q : t.series), l = (e) => {
+			let n = t.series[e];
+			n && a("seriesClick", e, n);
+		}, d = E("onSeriesClick"), f = D(() => {
+			if (t.height !== void 0) return { "--s-ui-chart-multi-line-viewport-height": typeof t.height == "number" ? `${t.height}px` : t.height };
+		}), p = D(() => !t.loading && t.series.length === 0 ? null : X({
+			seriesList: c.value,
+			colorHostElement: o.value,
+			yMax: t.yMax,
+			yMin: t.yMin,
+			yStep: t.yStep,
+			mirrorYAxis: t.mirrorYAxis,
+			straightSegments: t.straightSegments,
+			zeroLine: t.zeroLine,
+			dangerBelowZero: t.dangerBelowZero,
+			markers: t.markers,
+			skeleton: t.loading,
+			onSeriesClick: d() ? l : void 0
+		})), m = D(() => w(c.value, (e, n) => B(e, o.value, n, t.loading))), { chartInstance: g } = u({
+			canvasRef: s,
+			config: p,
+			enabled: D(() => t.loading || t.series.length > 0)
+		}), { exportImage: _, handleLegendItemHover: v } = h({
+			chartInstance: g,
+			canvasRef: s,
+			colorHostElement: o
+		});
+		return r({ exportImage: _ }), (r, i) => (I(), A("div", {
+			ref_key: "chartRootRef",
+			ref: o,
+			class: P(["s-ui-chart-multi-line", { "s-ui-chart-multi-line--skeleton": t.loading }]),
+			style: F(f.value)
+		}, [j("div", $, [M(L(n), { loading: t.loading }, {
+			default: z(() => [j("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: s,
+				class: "s-ui-chart-multi-line__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])]), t.showLegend && m.value.length ? (I(), O(L(e), {
+			key: 0,
+			items: m.value,
+			disabled: t.loading,
+			interactive: !t.loading,
+			onItemHover: L(v)
+		}, null, 8, [
+			"items",
+			"disabled",
+			"interactive",
+			"onItemHover"
+		])) : k("", !0)], 6));
+	}
+});
+//#endregion
+export { ee as t };

package/dist/{SChartPie-Bt3o7LZI.js → SChartPie-0ugeo2fO.js}

@@ -1,43 +1,46 @@
 import { t as e } from "./SChartLegend-oZoF8XK7.js";
-import { C as t, S as n, a as r, g as i, i as a, n as o, o as s, r as c, t as l, v as u, w as d, y as f } from "./useChartInteractivity-BATdT86l.js";
-import { t as p } from "./resolveSeriesPaletteColor-DcLSyk-D.js";
+import { D as t, E as n, S as r, T as i, c as a, l as o, n as s, r as c, s as l, t as u, x as d, y as f } from "./useChartInteractivity-Cl06JL4l.js";
+import { t as p } from "./resolveSeriesPaletteColor-B7wHDj1L.js";
 import { t as m } from "./useHasListener-RSjlUyqH.js";
 import { computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createVNode as b, defineComponent as x, normalizeClass as S, openBlock as C, unref as w, useTemplateRef as T, withCtx as E } from "vue";
 //#region src/utils/chart/pie/resolvePieSliceColor.ts
-var D = (e, t, n, r = !1) => p(e, t, n, r, {
-	palette: f,
-	paletteFallback: i.piePalette1,
-	skeletonPalette: u,
-	skeletonFallback: i.pieSkeletonPalette1
-}), O = () => ({
+var D = (e, t, n, i = !1) => p(e, t, n, i, {
+	palette: r,
+	paletteFallback: f.piePalette1,
+	skeletonPalette: d,
+	skeletonFallback: f.pieSkeletonPalette1
+}), O = (e) => ({
 	title: () => "",
-	label: (e) => `${e.label ?? ""} – ${e.parsed ?? 0}`
+	label: (t) => {
+		let n = t.label ?? "", r = t.parsed ?? 0;
+		return `${n} – ${e ? e(r) : `${r}`}`;
+	}
 }), k = 4, A = 4, j = 1, M = "400 12px var(--s-ui-font-family-label)", N = (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();
-}, P = (e) => !("getCenterPoint" in e) || typeof e.getCenterPoint != "function" ? null : e.getCenterPoint(!1), F = (e) => ({
+}, P = (e) => !("getCenterPoint" in e) || typeof e.getCenterPoint != "function" ? null : e.getCenterPoint(!1), F = (e, t) => ({
 	id: "pieSegmentBadge",
-	afterDatasetsDraw(t) {
-		let r = t.getDatasetMeta(0);
+	afterDatasetsDraw(n) {
+		let r = n.getDatasetMeta(0);
 		if (!r) return;
-		let a = n(i.pieBadgeBackground, e), o = n(i.pieBadgeBorder, e), s = n(i.pieBadgeText, e), { ctx: c } = t;
+		let a = i(f.pieBadgeBackground, e), o = i(f.pieBadgeBorder, e), s = i(f.pieBadgeText, e), { ctx: c } = n;
 		c.save(), c.font = M, c.textAlign = "center", c.textBaseline = "middle";
 		for (let e = 0; e < r.data.length; e += 1) {
-			let n = r.data[e], i = t.data.datasets[0]?.data[e], l = n ? P(n) : null;
-			if (n && typeof i == "number" && i > 0 && l) {
-				let e = `${i}`, t = c.measureText(e).width + k * 2;
-				N(c, l.x - t / 2, l.y - 20 / 2, t, 20, A), c.fillStyle = a, c.fill(), c.lineWidth = j, c.strokeStyle = o, c.stroke(), c.fillStyle = s, c.fillText(e, l.x, l.y);
+			let i = r.data[e], l = n.data.datasets[0]?.data[e], u = i ? P(i) : null;
+			if (i && typeof l == "number" && l > 0 && u) {
+				let e = t ? t(l) : `${l}`, n = c.measureText(e).width + k * 2;
+				N(c, u.x - n / 2, u.y - 20 / 2, n, 20, A), c.fillStyle = a, c.fill(), c.lineWidth = j, c.strokeStyle = o, c.stroke(), c.fillStyle = s, c.fillText(e, u.x, u.y);
 			}
 		}
 		c.restore();
 	}
-}), I = ({ sliceList: e, colorHostElement: t, skeleton: o = !1, onSliceClick: l }) => {
+}), I = ({ sliceList: e, colorHostElement: t, skeleton: n = !1, formatValue: r, showBadges: s = !0, onSliceClick: u }) => {
 	if (e.length === 0) return null;
-	let u = n(i.pieSegmentBorder, t), d = n(i.tooltipBackground, t), f = n(i.tooltipText, t), p = e.map((e, n) => D(n, t, e.fillColor, o)), m = c({
+	let d = i(f.pieSegmentBorder, t), p = i(f.tooltipBackground, t), m = i(f.tooltipText, t), h = e.map((e, r) => D(r, t, e.fillColor, n)), g = c({
 		kind: "element",
-		skeleton: o,
+		skeleton: n,
 		colorHostElement: t,
-		onIndexClick: l
+		onIndexClick: u
 	});
 	return {
 		type: "pie",
@@ -45,10 +48,10 @@ var D = (e, t, n, r = !1) => p(e, t, n, r, {
 			labels: e.map((e) => e.label),
 			datasets: [{
 				data: e.map((e) => e.value),
-				backgroundColor: p,
-				hoverBackgroundColor: p,
-				borderColor: u,
-				hoverBorderColor: u,
+				backgroundColor: h,
+				hoverBackgroundColor: h,
+				borderColor: d,
+				hoverBorderColor: d,
 				borderWidth: 4,
 				hoverBorderWidth: 4,
 				hoverOffset: 26,
@@ -62,25 +65,25 @@ var D = (e, t, n, r = !1) => p(e, t, n, r, {
 			cutout: "58%",
 			rotation: 115,
 			layout: { padding: 26 },
-			onHover: m.onHover,
-			onClick: m.onClick,
-			interaction: a(o, {
+			onHover: g.onHover,
+			onClick: g.onClick,
+			interaction: l(n, {
 				mode: "nearest",
 				intersect: !0
 			}),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: r(o),
-					backgroundColor: d,
-					titleColor: f,
-					bodyColor: f,
+					enabled: a(n),
+					backgroundColor: p,
+					titleColor: m,
+					bodyColor: m,
 					displayColors: !1,
-					callbacks: O()
+					callbacks: O(r)
 				}
 			}
 		},
-		plugins: s(o, [F(t), ...m.plugins])
+		plugins: o(n, [...s ? [F(t, r)] : [], ...g.plugins])
 	};
 }, L = [
 	"Series 1",
@@ -110,50 +113,61 @@ var D = (e, t, n, r = !1) => p(e, t, n, r, {
 		loading: {
 			type: Boolean,
 			default: !1
+		},
+		showLegend: {
+			type: Boolean,
+			default: !0
+		},
+		formatValue: { type: Function },
+		showBadges: {
+			type: Boolean,
+			default: !0
 		}
 	},
 	emits: ["sliceClick"],
-	setup(n, { expose: r, emit: i }) {
-		let a = i, s = d, c = T("chartRootRef"), u = T("chartCanvasRef"), f = h(() => n.loading ? z : n.slices), p = (e) => {
-			let t = n.slices[e];
-			t && a("sliceClick", e, t);
-		}, x = m("onSliceClick"), O = h(() => !n.loading && n.slices.length === 0 ? null : I({
+	setup(r, { expose: i, emit: a }) {
+		let o = a, c = t, l = T("chartRootRef"), d = T("chartCanvasRef"), f = h(() => r.loading ? z : r.slices), p = (e) => {
+			let t = r.slices[e];
+			t && o("sliceClick", e, t);
+		}, x = m("onSliceClick"), O = h(() => !r.loading && r.slices.length === 0 ? null : I({
 			sliceList: f.value,
-			colorHostElement: c.value,
-			skeleton: n.loading,
+			colorHostElement: l.value,
+			skeleton: r.loading,
+			formatValue: r.formatValue,
+			showBadges: r.showBadges,
 			onSliceClick: x() ? p : void 0
 		})), k = h(() => f.value.map((e, t) => ({
 			label: e.label,
-			color: D(t, c.value, e.fillColor, n.loading)
-		}))), { chartInstance: A } = o({
-			canvasRef: u,
+			color: D(t, l.value, e.fillColor, r.loading)
+		}))), { chartInstance: A } = s({
+			canvasRef: d,
 			config: O,
-			enabled: h(() => n.loading || n.slices.length > 0)
-		}), { exportImage: j, handleLegendItemHover: M } = l({
+			enabled: h(() => r.loading || r.slices.length > 0)
+		}), { exportImage: j, handleLegendItemHover: M } = u({
 			chartInstance: A,
-			canvasRef: u,
-			colorHostElement: c,
+			canvasRef: d,
+			colorHostElement: l,
 			legendDimKind: "element"
 		});
-		return r({ exportImage: j }), (r, i) => (C(), v("div", {
+		return i({ exportImage: j }), (t, i) => (C(), v("div", {
 			ref_key: "chartRootRef",
-			ref: c,
-			class: S(["s-ui-chart-pie", { "s-ui-chart-pie--skeleton": n.loading }])
-		}, [y("div", B, [b(w(t), {
-			loading: n.loading,
-			type: w(s).PIE
+			ref: l,
+			class: S(["s-ui-chart-pie", { "s-ui-chart-pie--skeleton": r.loading }])
+		}, [y("div", B, [b(w(n), {
+			loading: r.loading,
+			type: w(c).PIE
 		}, {
 			default: E(() => [y("canvas", {
 				ref_key: "chartCanvasRef",
-				ref: u,
+				ref: d,
 				class: "s-ui-chart-pie__canvas"
 			}, null, 512)]),
 			_: 1
-		}, 8, ["loading", "type"])]), k.value.length ? (C(), g(w(e), {
+		}, 8, ["loading", "type"])]), r.showLegend && k.value.length ? (C(), g(w(e), {
 			key: 0,
 			items: k.value,
-			disabled: n.loading,
-			interactive: !n.loading,
+			disabled: r.loading,
+			interactive: !r.loading,
 			direction: "column",
 			onItemHover: w(M)
 		}, null, 8, [

package/dist/SChartPie-QpnxLQYv.cjs

@@ -0,0 +1 @@
+const e=require("./SChartLegend-DGtjd6zV.cjs"),t=require("./useChartInteractivity-LbJiqlvI.cjs"),n=require("./resolveSeriesPaletteColor-D0XlU5vT.cjs"),r=require("./useHasListener-BPgtbbo6.cjs");let i=require("vue");var a=(e,r,i,a=!1)=>n.t(e,r,i,a,{palette:t.S,paletteFallback:t.y.piePalette1,skeletonPalette:t.x,skeletonFallback:t.y.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=(e,n)=>({id:`pieSegmentBadge`,afterDatasetsDraw(r){let i=r.getDatasetMeta(0);if(!i)return;let a=t.T(t.y.pieBadgeBackground,e),o=t.T(t.y.pieBadgeBorder,e),p=t.T(t.y.pieBadgeText,e),{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=({sliceList:e,colorHostElement:n,skeleton:r=!1,formatValue:i,showBadges:s=!0,onSliceClick:c})=>{if(e.length===0)return null;let l=t.T(t.y.pieSegmentBorder,n),u=t.T(t.y.tooltipBackground,n),d=t.T(t.y.tooltipText,n),f=e.map((e,t)=>a(t,n,e.fillColor,r)),m=t.r({kind:`element`,skeleton:r,colorHostElement:n,onIndexClick:c});return{type:`pie`,data:{labels:e.map(e=>e.label),datasets:[{data:e.map(e=>e.value),backgroundColor:f,hoverBackgroundColor:f,borderColor:l,hoverBorderColor:l,borderWidth:4,hoverBorderWidth:4,hoverOffset:26,spacing:0,borderRadius:8}]},options:{responsive:!0,maintainAspectRatio:!0,cutout:`58%`,rotation:115,layout:{padding:26},onHover:m.onHover,onClick:m.onClick,interaction:t.s(r,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:t.c(r),backgroundColor:u,titleColor:d,bodyColor:d,displayColors:!1,callbacks:o(i)}}},plugins:t.l(r,[...s?[p(n,i)]:[],...m.plugins])}},h=[`Series 1`,`Series 2`,`Series 3`,`Series 4`,`Series 5`,`Series 6`,`Series 7`,`Series 8`],g=[4,1,1,1,1,1,1,1],_=h.map((e,t)=>({label:e,value:g[t]??1})),v={class:`s-ui-chart-pie__canvas-wrap`},y=(0,i.defineComponent)({__name:`SChartPie`,props:{slices:{default:()=>[]},loading:{type:Boolean,default:!1},showLegend:{type:Boolean,default:!0},formatValue:{type:Function},showBadges:{type:Boolean,default:!0}},emits:[`sliceClick`],setup(n,{expose:o,emit:s}){let c=s,l=t.D,u=(0,i.useTemplateRef)(`chartRootRef`),d=(0,i.useTemplateRef)(`chartCanvasRef`),f=(0,i.computed)(()=>n.loading?_:n.slices),p=e=>{let t=n.slices[e];t&&c(`sliceClick`,e,t)},h=r.t(`onSliceClick`),g=(0,i.computed)(()=>!n.loading&&n.slices.length===0?null:m({sliceList:f.value,colorHostElement:u.value,skeleton:n.loading,formatValue:n.formatValue,showBadges:n.showBadges,onSliceClick:h()?p:void 0})),y=(0,i.computed)(()=>f.value.map((e,t)=>({label:e.label,color:a(t,u.value,e.fillColor,n.loading)}))),{chartInstance:b}=t.n({canvasRef:d,config:g,enabled:(0,i.computed)(()=>n.loading||n.slices.length>0)}),{exportImage:x,handleLegendItemHover:S}=t.t({chartInstance:b,canvasRef:d,colorHostElement:u,legendDimKind:`element`});return o({exportImage:x}),(r,a)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:u,class:(0,i.normalizeClass)([`s-ui-chart-pie`,{"s-ui-chart-pie--skeleton":n.loading}])},[(0,i.createElementVNode)(`div`,v,[(0,i.createVNode)((0,i.unref)(t.E),{loading:n.loading,type:(0,i.unref)(l).PIE},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:d,class:`s-ui-chart-pie__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),n.showLegend&&y.value.length?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(e.t),{key:0,items:y.value,disabled:n.loading,interactive:!n.loading,direction:`column`,onItemHover:(0,i.unref)(S)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,i.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});

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

@@ -1 +1 @@
-const e=require("./useChartInteractivity-CXSdHPOw.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.S(e.g.axisLabel,m),_=e.S(e.g.grid,m),v=e.S(h?e.g.skeletonSeries:e.g.progressLine,m),y=e.S(h?e.g.skeletonFillStart:e.g.referenceFill,m),b=e.S(e.g.tooltipBackground,m),x=e.S(e.g.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.i(h,w),plugins:{legend:{display:!1},tooltip:{enabled:e.a(h),backgroundColor:b,titleColor:x,bodyColor:x,position:e.l,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.C),{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-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}});