@shtabapp/ui-kit 1.42.0 → 1.44.0

package/dist/SChartMultiLine-3cdB0U12.js

@@ -0,0 +1,166 @@
+import { S as e, _ as t, a as n, b as r, d as i, g as a, i as o, o as s, r as c, t as l, u } from "./SChartSkeletonHost-CecfQ3Ye.js";
+import { n as d, r as f, t as p } from "./buildChartSeriesPoints-D8Xpfwp7.js";
+import { t as m } from "./createChartCrosshairPlugin-BC0IDCn3.js";
+import { t as h } from "./resolveSeriesPaletteColor-m8HQ9qwV.js";
+import { t as g } from "./buildMultiLineChartScales-CFZ8YVeJ.js";
+import { t as _ } from "./SChartLegend-Chr0IZWN.js";
+import { computed as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createVNode as C, defineComponent as w, normalizeClass as T, openBlock as E, unref as D, useTemplateRef as O, withCtx as k } from "vue";
+//#region src/utils/chart/multiLine/resolveMultiLineSeriesColor.ts
+var A = (e, n, i, o = !1) => h(e, n, i, o, {
+	palette: t,
+	paletteFallback: a.multiLinePalette1,
+	skeletonPalette: r,
+	skeletonFallback: a.skeletonPalette1
+}), j = (e, t, n) => {
+	if (t) return t;
+	let r = e.reduce((e, t) => {
+		let n = t.points.reduce((e, t) => Math.max(e, t.value), 0);
+		return Math.max(e, n);
+	}, 0), i = Math.ceil(r / n) * n;
+	return i > 0 ? i : n * 5;
+}, M = 4, N = 5, P = ({ seriesList: t, colorHostElement: r, yMax: c, yMin: l, yStep: d = N, mirrorYAxis: p = !0, skeleton: h = !1 }) => {
+	if (!f(t)) return null;
+	let _ = e(a.axisLabel, r), v = e(a.grid, r), y = e(a.tooltipBackground, r), b = e(a.tooltipText, r), x = h && c ? c : j(t, c, d), S = h && l !== void 0 ? l : 0;
+	return {
+		type: "line",
+		data: {
+			labels: t[0]?.points.map((e) => e.label) ?? [],
+			datasets: t.map((e, t) => {
+				let n = A(t, r, e.fillColor, h);
+				return {
+					label: e.label,
+					data: e.points.map((e) => e.value),
+					borderColor: n,
+					backgroundColor: n,
+					borderWidth: M,
+					fill: !1,
+					pointRadius: 0,
+					pointHoverRadius: 4,
+					tension: .4
+				};
+			})
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			interaction: o(h, {
+				mode: "index",
+				intersect: !1
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: n(h),
+					backgroundColor: y,
+					titleColor: b,
+					bodyColor: b,
+					footerColor: b,
+					displayColors: !1,
+					position: u,
+					yAlign: "bottom",
+					xAlign: "center",
+					caretPadding: 8,
+					callbacks: i()
+				}
+			},
+			scales: g({
+				axisLabelColor: _,
+				gridColor: v,
+				yMin: S,
+				yMax: x,
+				yStep: d,
+				mirrorYAxis: p
+			})
+		},
+		plugins: s(h, [m(r)])
+	};
+}, F = [
+	"26.01",
+	"2.02",
+	"9.02",
+	"16.02",
+	"23.02",
+	"2.03",
+	"9.03",
+	"16.03",
+	"23.03",
+	"30.03",
+	"6.04"
+], I = [{
+	label: "Series 1",
+	points: p(F, [
+		30,
+		34,
+		38,
+		44,
+		46,
+		50,
+		54,
+		56,
+		58,
+		60,
+		62
+	])
+}, {
+	label: "Series 2",
+	points: p(F, [
+		22,
+		24,
+		26,
+		28,
+		30,
+		32,
+		33,
+		35,
+		36,
+		38,
+		40
+	])
+}], L = { class: "s-ui-chart-multi-line__canvas-wrap" }, R = /* @__PURE__ */ w({
+	__name: "SChartMultiLine",
+	props: {
+		series: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		yMax: {},
+		yStep: {},
+		mirrorYAxis: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let t = O("chartRootRef"), n = O("chartCanvasRef"), r = v(() => e.loading ? I : e.series), i = v(() => !e.loading && e.series.length === 0 ? null : P({
+			seriesList: r.value,
+			colorHostElement: t.value,
+			yMax: e.yMax,
+			yStep: e.yStep,
+			mirrorYAxis: e.mirrorYAxis,
+			skeleton: e.loading
+		})), a = v(() => d(r.value, (n, r) => A(n, t.value, r, e.loading)));
+		return c({
+			canvasRef: n,
+			config: i,
+			enabled: v(() => e.loading || e.series.length > 0)
+		}), (r, i) => (E(), x("div", {
+			ref_key: "chartRootRef",
+			ref: t,
+			class: T(["s-ui-chart-multi-line", { "s-ui-chart-multi-line--skeleton": e.loading }])
+		}, [S("div", L, [C(D(l), { loading: e.loading }, {
+			default: k(() => [S("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: n,
+				class: "s-ui-chart-multi-line__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])]), a.value.length > 0 ? (E(), y(D(_), {
+			key: 0,
+			items: a.value,
+			disabled: e.loading
+		}, null, 8, ["items", "disabled"])) : b("", !0)], 2));
+	}
+});
+//#endregion
+export { R as t };

package/dist/SChartMultiLine-BW1kITlR.cjs

@@ -0,0 +1 @@
+const e=require("./SChartSkeletonHost-CfM0zolj.cjs"),t=require("./buildChartSeriesPoints-Bv3nXvSu.cjs"),n=require("./createChartCrosshairPlugin-HfMMUP5O.cjs"),r=require("./resolveSeriesPaletteColor-BcFyrhh0.cjs"),i=require("./buildMultiLineChartScales-7mcIfRVG.cjs"),a=require("./SChartLegend-DXFXKXCm.cjs");let o=require("vue");var s=(t,n,i,a=!1)=>r.t(t,n,i,a,{palette:e._,paletteFallback:e.g.multiLinePalette1,skeletonPalette:e.b,skeletonFallback:e.g.skeletonPalette1}),c=(e,t,n)=>{if(t)return t;let r=e.reduce((e,t)=>{let n=t.points.reduce((e,t)=>Math.max(e,t.value),0);return Math.max(e,n)},0),i=Math.ceil(r/n)*n;return i>0?i:n*5},l=4,u=5,d=({seriesList:r,colorHostElement:a,yMax:o,yMin:d,yStep:f=u,mirrorYAxis:p=!0,skeleton:m=!1})=>{if(!t.r(r))return null;let h=e.S(e.g.axisLabel,a),g=e.S(e.g.grid,a),_=e.S(e.g.tooltipBackground,a),v=e.S(e.g.tooltipText,a),y=m&&o?o:c(r,o,f),b=m&&d!==void 0?d:0;return{type:`line`,data:{labels:r[0]?.points.map(e=>e.label)??[],datasets:r.map((e,t)=>{let n=s(t,a,e.fillColor,m);return{label:e.label,data:e.points.map(e=>e.value),borderColor:n,backgroundColor:n,borderWidth:l,fill:!1,pointRadius:0,pointHoverRadius:4,tension:.4}})},options:{responsive:!0,maintainAspectRatio:!1,interaction:e.i(m,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(m),backgroundColor:_,titleColor:v,bodyColor:v,footerColor:v,displayColors:!1,position:e.u,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:e.d()}},scales:i.t({axisLabelColor:h,gridColor:g,yMin:b,yMax:y,yStep:f,mirrorYAxis:p})},plugins:e.o(m,[n.t(a)])}},f=[`26.01`,`2.02`,`9.02`,`16.02`,`23.02`,`2.03`,`9.03`,`16.03`,`23.03`,`30.03`,`6.04`],p=[{label:`Series 1`,points:t.t(f,[30,34,38,44,46,50,54,56,58,60,62])},{label:`Series 2`,points:t.t(f,[22,24,26,28,30,32,33,35,36,38,40])}],m={class:`s-ui-chart-multi-line__canvas-wrap`},h=(0,o.defineComponent)({__name:`SChartMultiLine`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{},mirrorYAxis:{type:Boolean,default:!0}},setup(n){let r=(0,o.useTemplateRef)(`chartRootRef`),i=(0,o.useTemplateRef)(`chartCanvasRef`),c=(0,o.computed)(()=>n.loading?p:n.series),l=(0,o.computed)(()=>!n.loading&&n.series.length===0?null:d({seriesList:c.value,colorHostElement:r.value,yMax:n.yMax,yStep:n.yStep,mirrorYAxis:n.mirrorYAxis,skeleton:n.loading})),u=(0,o.computed)(()=>t.n(c.value,(e,t)=>s(e,r.value,t,n.loading)));return e.r({canvasRef:i,config:l,enabled:(0,o.computed)(()=>n.loading||n.series.length>0)}),(t,s)=>((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,o.normalizeClass)([`s-ui-chart-multi-line`,{"s-ui-chart-multi-line--skeleton":n.loading}])},[(0,o.createElementVNode)(`div`,m,[(0,o.createVNode)((0,o.unref)(e.t),{loading:n.loading},{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,class:`s-ui-chart-multi-line__canvas`},null,512)]),_:1},8,[`loading`])]),u.value.length>0?((0,o.openBlock)(),(0,o.createBlock)((0,o.unref)(a.t),{key:0,items:u.value,disabled:n.loading},null,8,[`items`,`disabled`])):(0,o.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/dist/SChartPie-55wx2zRi.cjs

@@ -0,0 +1 @@
+const e=require("./SChartSkeletonHost-CfM0zolj.cjs"),t=require("./resolveSeriesPaletteColor-BcFyrhh0.cjs"),n=require("./SChartLegend-DXFXKXCm.cjs");let r=require("vue");var i=(n,r,i,a=!1)=>t.t(n,r,i,a,{palette:e.y,paletteFallback:e.g.piePalette1,skeletonPalette:e.v,skeletonFallback:e.g.pieSkeletonPalette1}),a=()=>({title:()=>``,label:e=>`${e.label??``} – ${e.parsed??0}`}),o=4,s=4,c=1,l=`400 12px var(--s-ui-font-family-label)`,u=(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()},d=e=>!(`getCenterPoint`in e)||typeof e.getCenterPoint!=`function`?null:e.getCenterPoint(!1),f=t=>({id:`pieSegmentBadge`,afterDatasetsDraw(n){let r=n.getDatasetMeta(0);if(!r)return;let i=e.S(e.g.pieBadgeBackground,t),a=e.S(e.g.pieBadgeBorder,t),f=e.S(e.g.pieBadgeText,t),{ctx:p}=n;p.save(),p.font=l,p.textAlign=`center`,p.textBaseline=`middle`;for(let e=0;e<r.data.length;e+=1){let t=r.data[e],l=n.data.datasets[0]?.data[e],m=t?d(t):null;if(t&&typeof l==`number`&&l>0&&m){let e=`${l}`,t=p.measureText(e).width+o*2;u(p,m.x-t/2,m.y-20/2,t,20,s),p.fillStyle=i,p.fill(),p.lineWidth=c,p.strokeStyle=a,p.stroke(),p.fillStyle=f,p.fillText(e,m.x,m.y)}}p.restore()}}),p=({sliceList:t,colorHostElement:n,skeleton:r=!1})=>{if(t.length===0)return null;let o=e.S(e.g.pieSegmentBorder,n),s=e.S(e.g.tooltipBackground,n),c=e.S(e.g.tooltipText,n),l=t.map((e,t)=>i(t,n,e.fillColor,r));return{type:`pie`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:l,hoverBackgroundColor:l,borderColor:o,hoverBorderColor:o,borderWidth:4,hoverBorderWidth:4,hoverOffset:26,spacing:0,borderRadius:8}]},options:{responsive:!0,maintainAspectRatio:!0,cutout:`58%`,rotation:115,layout:{padding:26},interaction:e.i(r,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(r),backgroundColor:s,titleColor:c,bodyColor:c,displayColors:!1,callbacks:a()}}},plugins:e.o(r,[f(n)])}},m=[`Series 1`,`Series 2`,`Series 3`,`Series 4`,`Series 5`,`Series 6`,`Series 7`,`Series 8`],h=[4,1,1,1,1,1,1,1],g=m.map((e,t)=>({label:e,value:h[t]??1})),_={class:`s-ui-chart-pie__canvas-wrap`},v=(0,r.defineComponent)({__name:`SChartPie`,props:{slices:{default:()=>[]},loading:{type:Boolean,default:!1}},setup(t){let a=e.n,o=(0,r.useTemplateRef)(`chartRootRef`),s=(0,r.useTemplateRef)(`chartCanvasRef`),c=(0,r.computed)(()=>t.loading?g:t.slices),l=(0,r.computed)(()=>!t.loading&&t.slices.length===0?null:p({sliceList:c.value,colorHostElement:o.value,skeleton:t.loading})),u=(0,r.computed)(()=>c.value.map((e,n)=>({label:e.label,color:i(n,o.value,e.fillColor,t.loading)})));return e.r({canvasRef:s,config:l,enabled:(0,r.computed)(()=>t.loading||t.slices.length>0)}),(i,c)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:o,class:(0,r.normalizeClass)([`s-ui-chart-pie`,{"s-ui-chart-pie--skeleton":t.loading}])},[(0,r.createElementVNode)(`div`,_,[(0,r.createVNode)((0,r.unref)(e.t),{loading:t.loading,type:(0,r.unref)(a).PIE},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:s,class:`s-ui-chart-pie__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),u.value.length>0?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:0,items:u.value,disabled:t.loading,direction:`column`},null,8,[`items`,`disabled`])):(0,r.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});

package/dist/{SChartPie-_6ij1EVn.js → SChartPie-Dc_gjzIl.js}

@@ -1,47 +1,48 @@
-import { a as e, g as t, h as n, i as r, m as i, n as a, o, r as s, t as c, y as l } from "./SChartSkeletonHost-CnfMevXX.js";
-import { n as u, t as d } from "./SChartLegend-DW16AfUz.js";
+import { S as e, a as t, g as n, i as r, n as i, o as a, r as o, t as s, v as c, y as l } from "./SChartSkeletonHost-CecfQ3Ye.js";
+import { t as u } from "./resolveSeriesPaletteColor-m8HQ9qwV.js";
+import { t as d } from "./SChartLegend-Chr0IZWN.js";
 import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, openBlock as b, unref as x, useTemplateRef as S, withCtx as C } from "vue";
 //#region src/utils/chart/pie/resolvePieSliceColor.ts
-var w = (e, r, a, o = !1) => u(e, r, a, o, {
-	palette: t,
-	paletteFallback: i.piePalette1,
-	skeletonPalette: n,
-	skeletonFallback: i.pieSkeletonPalette1
+var w = (e, t, r, i = !1) => u(e, t, r, i, {
+	palette: l,
+	paletteFallback: n.piePalette1,
+	skeletonPalette: c,
+	skeletonFallback: n.pieSkeletonPalette1
 }), T = () => ({
 	title: () => "",
 	label: (e) => `${e.label ?? ""} – ${e.parsed ?? 0}`
 }), E = 4, D = 4, O = 1, k = "400 12px var(--s-ui-font-family-label)", A = (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();
-}, j = (e) => !("getCenterPoint" in e) || typeof e.getCenterPoint != "function" ? null : e.getCenterPoint(!1), M = (e) => ({
+}, j = (e) => !("getCenterPoint" in e) || typeof e.getCenterPoint != "function" ? null : e.getCenterPoint(!1), M = (t) => ({
 	id: "pieSegmentBadge",
-	afterDatasetsDraw(t) {
-		let n = t.getDatasetMeta(0);
-		if (!n) return;
-		let r = l(i.pieBadgeBackground, e), a = l(i.pieBadgeBorder, e), o = l(i.pieBadgeText, e), { ctx: s } = t;
-		s.save(), s.font = k, s.textAlign = "center", s.textBaseline = "middle";
-		for (let e = 0; e < n.data.length; e += 1) {
-			let i = n.data[e], c = t.data.datasets[0]?.data[e], l = i ? j(i) : null;
-			if (i && typeof c == "number" && c > 0 && l) {
-				let e = `${c}`, t = s.measureText(e).width + E * 2;
-				A(s, l.x - t / 2, l.y - 20 / 2, t, 20, D), s.fillStyle = r, s.fill(), s.lineWidth = O, s.strokeStyle = a, s.stroke(), s.fillStyle = o, s.fillText(e, l.x, l.y);
+	afterDatasetsDraw(r) {
+		let i = r.getDatasetMeta(0);
+		if (!i) return;
+		let a = e(n.pieBadgeBackground, t), o = e(n.pieBadgeBorder, t), s = e(n.pieBadgeText, t), { ctx: c } = r;
+		c.save(), c.font = k, c.textAlign = "center", c.textBaseline = "middle";
+		for (let e = 0; e < i.data.length; e += 1) {
+			let t = i.data[e], n = r.data.datasets[0]?.data[e], l = t ? j(t) : null;
+			if (t && typeof n == "number" && n > 0 && l) {
+				let e = `${n}`, t = c.measureText(e).width + E * 2;
+				A(c, l.x - t / 2, l.y - 20 / 2, t, 20, D), c.fillStyle = a, c.fill(), c.lineWidth = O, c.strokeStyle = o, c.stroke(), c.fillStyle = s, c.fillText(e, l.x, l.y);
 			}
 		}
-		s.restore();
+		c.restore();
 	}
-}), N = ({ sliceList: t, colorHostElement: n, skeleton: a = !1 }) => {
-	if (t.length === 0) return null;
-	let s = l(i.pieSegmentBorder, n), c = l(i.tooltipBackground, n), u = l(i.tooltipText, n), d = t.map((e, t) => w(t, n, e.fillColor, a));
+}), N = ({ sliceList: i, colorHostElement: o, skeleton: s = !1 }) => {
+	if (i.length === 0) return null;
+	let c = e(n.pieSegmentBorder, o), l = e(n.tooltipBackground, o), u = e(n.tooltipText, o), d = i.map((e, t) => w(t, o, e.fillColor, s));
 	return {
 		type: "pie",
 		data: {
-			labels: t.map((e) => e.label),
+			labels: i.map((e) => e.label),
 			datasets: [{
-				data: t.map((e) => e.value),
+				data: i.map((e) => e.value),
 				backgroundColor: d,
 				hoverBackgroundColor: d,
-				borderColor: s,
-				hoverBorderColor: s,
+				borderColor: c,
+				hoverBorderColor: c,
 				borderWidth: 4,
 				hoverBorderWidth: 4,
 				hoverOffset: 26,
@@ -55,15 +56,15 @@ var w = (e, r, a, o = !1) => u(e, r, a, o, {
 			cutout: "58%",
 			rotation: 115,
 			layout: { padding: 26 },
-			interaction: r(a, {
+			interaction: r(s, {
 				mode: "nearest",
 				intersect: !0
 			}),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: e(a),
-					backgroundColor: c,
+					enabled: t(s),
+					backgroundColor: l,
 					titleColor: u,
 					bodyColor: u,
 					displayColors: !1,
@@ -71,7 +72,7 @@ var w = (e, r, a, o = !1) => u(e, r, a, o, {
 				}
 			}
 		},
-		plugins: o(a, [M(n)])
+		plugins: a(s, [M(o)])
 	};
 }, P = [
 	"Series 1",
@@ -104,23 +105,23 @@ var w = (e, r, a, o = !1) => u(e, r, a, o, {
 		}
 	},
 	setup(e) {
-		let t = a, n = S("chartRootRef"), r = S("chartCanvasRef"), i = f(() => e.loading ? I : e.slices), o = f(() => !e.loading && e.slices.length === 0 ? null : N({
-			sliceList: i.value,
+		let t = i, n = S("chartRootRef"), r = S("chartCanvasRef"), a = f(() => e.loading ? I : e.slices), c = f(() => !e.loading && e.slices.length === 0 ? null : N({
+			sliceList: a.value,
 			colorHostElement: n.value,
 			skeleton: e.loading
-		})), l = f(() => i.value.map((t, r) => ({
+		})), l = f(() => a.value.map((t, r) => ({
 			label: t.label,
 			color: w(r, n.value, t.fillColor, e.loading)
 		})));
-		return s({
+		return o({
 			canvasRef: r,
-			config: o,
+			config: c,
 			enabled: f(() => e.loading || e.slices.length > 0)
 		}), (i, a) => (b(), h("div", {
 			ref_key: "chartRootRef",
 			ref: n,
 			class: y(["s-ui-chart-pie", { "s-ui-chart-pie--skeleton": e.loading }])
-		}, [g("div", L, [_(x(c), {
+		}, [g("div", L, [_(x(s), {
 			loading: e.loading,
 			type: x(t).PIE
 		}, {

package/dist/{SChartProgress-C08fiO6U.cjs → SChartProgress-QsGTZ8kT.cjs}

@@ -1 +1 @@
-const e=require("./SChartSkeletonHost-YmLC5zOX.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.y(e.m.axisLabel,m),_=e.y(e.m.grid,m),v=e.y(h?e.m.skeletonSeries:e.m.progressLine,m),y=e.y(h?e.m.skeletonFillStart:e.m.referenceFill,m),b=e.y(e.m.tooltipBackground,m),x=e.y(e.m.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){let r=(0,t.useTemplateRef)(`chartRootRef`),i=(0,t.useTemplateRef)(`chartCanvasRef`),a=(0,t.computed)(()=>n.minValue??0),o=(0,t.computed)(()=>n.maxValue??100),s=(0,t.computed)(()=>n.prefix??`%`),c=(0,t.computed)(()=>n.loading?p:n.progressSnapshots),u=(0,t.computed)(()=>f({progressSnapshots:c.value,deadline:n.loading?`2026-06-28`:n.deadline,minValue:n.loading?0:a.value,maxValue:n.loading?100:o.value}));return e.r({canvasRef:i,config:(0,t.computed)(()=>!n.loading&&n.progressSnapshots.length===0?null:l({labels:u.value.labels,progressValues:u.value.progressValues,referenceValues:u.value.referenceValues,seriesLabel:n.seriesLabel,valuePrefix:s.value,minValue:u.value.minValue,maxValue:u.value.maxValue,stepSize:n.loading?25:u.value.stepSize,progressSnapshotCount:u.value.progressSnapshotCount,colorHostElement:r.value,skeleton:n.loading})),enabled:(0,t.computed)(()=>n.loading||n.progressSnapshots.length>0)}),(a,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,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.t),{loading:n.loading},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,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("./SChartSkeletonHost-CfM0zolj.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){let r=(0,t.useTemplateRef)(`chartRootRef`),i=(0,t.useTemplateRef)(`chartCanvasRef`),a=(0,t.computed)(()=>n.minValue??0),o=(0,t.computed)(()=>n.maxValue??100),s=(0,t.computed)(()=>n.prefix??`%`),c=(0,t.computed)(()=>n.loading?p:n.progressSnapshots),u=(0,t.computed)(()=>f({progressSnapshots:c.value,deadline:n.loading?`2026-06-28`:n.deadline,minValue:n.loading?0:a.value,maxValue:n.loading?100:o.value}));return e.r({canvasRef:i,config:(0,t.computed)(()=>!n.loading&&n.progressSnapshots.length===0?null:l({labels:u.value.labels,progressValues:u.value.progressValues,referenceValues:u.value.referenceValues,seriesLabel:n.seriesLabel,valuePrefix:s.value,minValue:u.value.minValue,maxValue:u.value.maxValue,stepSize:n.loading?25:u.value.stepSize,progressSnapshotCount:u.value.progressSnapshotCount,colorHostElement:r.value,skeleton:n.loading})),enabled:(0,t.computed)(()=>n.loading||n.progressSnapshots.length>0)}),(a,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,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.t),{loading:n.loading},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,class:`s-ui-chart-progress__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/dist/{SChartProgress-CofVafO6.js → SChartProgress-Zdphet8I.js}

@@ -1,4 +1,4 @@
-import { a as e, i as t, l as n, m as r, r as i, t as a, y as o } from "./SChartSkeletonHost-CnfMevXX.js";
+import { S as e, a as t, g as n, i as r, l as i, r as a, t as o } from "./SChartSkeletonHost-CecfQ3Ye.js";
 import { computed as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, unref as m, useTemplateRef as h, withCtx as g } from "vue";
 var _ = 4, v = 12, y = 24, b = (e) => {
 	let t = e <= 15;
@@ -14,12 +14,12 @@ var _ = 4, v = 12, y = 24, b = (e) => {
 	mode: "nearest",
 	axis: "x",
 	intersect: !1
-}, S = .3, C = 1, w = ({ labels: i, progressValues: a, referenceValues: s, seriesLabel: c, valuePrefix: l, minValue: u, maxValue: d, stepSize: f, progressSnapshotCount: p, colorHostElement: m, skeleton: h = !1 }) => {
-	let g = o(r.axisLabel, m), _ = o(r.grid, m), v = o(h ? r.skeletonSeries : r.progressLine, m), y = o(h ? r.skeletonFillStart : r.referenceFill, m), w = o(r.tooltipBackground, m), T = o(r.tooltipText, m), E = S, D = b(p), O = x(p);
+}, S = .3, C = 1, w = ({ labels: a, progressValues: o, referenceValues: s, seriesLabel: c, valuePrefix: l, minValue: u, maxValue: d, stepSize: f, progressSnapshotCount: p, colorHostElement: m, skeleton: h = !1 }) => {
+	let g = e(n.axisLabel, m), _ = e(n.grid, m), v = e(h ? n.skeletonSeries : n.progressLine, m), y = e(h ? n.skeletonFillStart : n.referenceFill, m), w = e(n.tooltipBackground, m), T = e(n.tooltipText, m), E = S, D = b(p), O = x(p);
 	return {
 		type: "line",
 		data: {
-			labels: i,
+			labels: a,
 			datasets: [{
 				data: s,
 				borderColor: "transparent",
@@ -31,7 +31,7 @@ var _ = 4, v = 12, y = 24, b = (e) => {
 				order: 0
 			}, {
 				label: c,
-				data: a,
+				data: o,
 				borderColor: v,
 				backgroundColor: v,
 				tension: E,
@@ -47,15 +47,15 @@ var _ = 4, v = 12, y = 24, b = (e) => {
 		options: {
 			responsive: !0,
 			maintainAspectRatio: !1,
-			interaction: t(h, O),
+			interaction: r(h, O),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: e(h),
+					enabled: t(h),
 					backgroundColor: w,
 					titleColor: T,
 					bodyColor: T,
-					position: n,
+					position: i,
 					filter: (e) => e.datasetIndex === C,
 					callbacks: { label: (e) => {
 						let t = e.parsed.y;
@@ -167,13 +167,13 @@ var _ = 4, v = 12, y = 24, b = (e) => {
 		}
 	},
 	setup(e) {
-		let t = h("chartRootRef"), n = h("chartCanvasRef"), r = s(() => e.minValue ?? 0), o = s(() => e.maxValue ?? 100), d = s(() => e.prefix ?? "%"), _ = s(() => e.loading ? O : e.progressSnapshots), v = s(() => D({
+		let t = h("chartRootRef"), n = h("chartCanvasRef"), r = s(() => e.minValue ?? 0), i = s(() => e.maxValue ?? 100), d = s(() => e.prefix ?? "%"), _ = s(() => e.loading ? O : e.progressSnapshots), v = s(() => D({
 			progressSnapshots: _.value,
 			deadline: e.loading ? "2026-06-28" : e.deadline,
 			minValue: e.loading ? 0 : r.value,
-			maxValue: e.loading ? 100 : o.value
+			maxValue: e.loading ? 100 : i.value
 		}));
-		return i({
+		return a({
 			canvasRef: n,
 			config: s(() => !e.loading && e.progressSnapshots.length === 0 ? null : w({
 				labels: v.value.labels,
@@ -193,7 +193,7 @@ var _ = 4, v = 12, y = 24, b = (e) => {
 			ref_key: "chartRootRef",
 			ref: t,
 			class: f(["s-ui-chart-progress", { "s-ui-chart-progress--skeleton": e.loading }])
-		}, [l("div", k, [u(m(a), { loading: e.loading }, {
+		}, [l("div", k, [u(m(o), { loading: e.loading }, {
 			default: g(() => [l("canvas", {
 				ref_key: "chartCanvasRef",
 				ref: n,