@shtabapp/ui-kit 1.62.0 → 1.64.0

package/dist/{SChartLine-DSQaezYq.js → SChartLine-Cs1JzPEK.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./createChartAreaFillGradient-BDmME9Gy.js";
-import { i as t, o as n, r, s as i, t as a, v as o, w as s } from "./SChartSkeletonHost-BT96eWSF.js";
+import { C as e, S as t, a as n, g as r, i, n as a, t as o } from "./useChartInteractivity-BATdT86l.js";
+import { t as s } from "./createChartAreaFillGradient-BDmME9Gy.js";
 import { t as c } from "./buildCartesianChartScales-EofFq3ry.js";
 import { computed as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, unref as g, useTemplateRef as _, withCtx as v } from "vue";
 //#region src/utils/chart/css/readCssNumber.ts
@@ -11,17 +11,17 @@ var y = (e, t, n = 1) => {
 	if (t) return t;
 	let r = e.reduce((e, t) => Math.max(e, t.value), 0), i = Math.ceil(r / n) * n;
 	return i > 0 ? i : n * 5;
-}, C = (e, t) => !t || typeof e != "number" ? e : `${e}%`, w = ({ points: t, seriesLabel: r, colorHostElement: a, yMax: l, yMin: u, yStep: d = x, skeleton: f = !1 }) => {
-	let p = s(o.axisLabel, a), m = s(o.grid, a), h = s(f ? o.skeletonSeries : o.seriesPrimary, a), g = s(f ? o.skeletonFillStart : o.seriesFillStart, a), _ = s(f ? o.skeletonFillEnd : o.seriesFillEnd, a), v = s(o.tooltipBackground, a), w = s(o.tooltipText, a), T = y(f ? o.skeletonFillOpacity : o.seriesFillOpacity, a, .8), E = f && l ? l : S(t, l, d), D = f && u !== void 0 ? u : 0;
+}, C = (e, t) => !t || typeof e != "number" ? e : `${e}%`, w = ({ points: e, seriesLabel: a, colorHostElement: o, yMax: l, yMin: u, yStep: d = x, skeleton: f = !1 }) => {
+	let p = t(r.axisLabel, o), m = t(r.grid, o), h = t(f ? r.skeletonSeries : r.seriesPrimary, o), g = t(f ? r.skeletonFillStart : r.seriesFillStart, o), _ = t(f ? r.skeletonFillEnd : r.seriesFillEnd, o), v = t(r.tooltipBackground, o), w = t(r.tooltipText, o), T = y(f ? r.skeletonFillOpacity : r.seriesFillOpacity, o, .8), E = f && l ? l : S(e, l, d), D = f && u !== void 0 ? u : 0;
 	return {
 		type: "line",
 		data: {
-			labels: t.map((e) => e.label),
+			labels: e.map((e) => e.label),
 			datasets: [{
-				label: r,
-				data: t.map((e) => e.value),
+				label: a,
+				data: e.map((e) => e.value),
 				borderColor: h,
-				backgroundColor: (t) => e(t, g, _, T),
+				backgroundColor: (e) => s(e, g, _, T),
 				borderWidth: b,
 				fill: !0,
 				pointRadius: 0,
@@ -32,14 +32,14 @@ var y = (e, t, n = 1) => {
 		options: {
 			responsive: !0,
 			maintainAspectRatio: !1,
-			interaction: n(f, {
+			interaction: i(f, {
 				mode: "index",
 				intersect: !1
 			}),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: i(f),
+					enabled: n(f),
 					backgroundColor: v,
 					titleColor: w,
 					bodyColor: w,
@@ -93,32 +93,32 @@ var y = (e, t, n = 1) => {
 		yMax: {},
 		yStep: {}
 	},
-	setup(e, { expose: n }) {
-		let i = _("chartRootRef"), o = _("chartCanvasRef"), s = l(() => e.loading ? T : e.points), { chartInstance: c } = t({
-			canvasRef: o,
-			config: l(() => !e.loading && e.points.length === 0 ? null : w({
+	setup(t, { expose: n }) {
+		let r = _("chartRootRef"), i = _("chartCanvasRef"), s = l(() => t.loading ? T : t.points), { chartInstance: c } = a({
+			canvasRef: i,
+			config: l(() => !t.loading && t.points.length === 0 ? null : w({
 				points: s.value,
-				seriesLabel: e.seriesLabel,
-				colorHostElement: i.value,
-				yMax: e.loading ? 100 : e.yMax,
-				yMin: e.loading ? 50 : void 0,
-				yStep: e.loading ? 10 : e.yStep,
-				skeleton: e.loading
+				seriesLabel: t.seriesLabel,
+				colorHostElement: r.value,
+				yMax: t.loading ? 100 : t.yMax,
+				yMin: t.loading ? 50 : void 0,
+				yStep: t.loading ? 10 : t.yStep,
+				skeleton: t.loading
 			})),
-			enabled: l(() => e.loading || e.points.length > 0)
-		}), { exportImage: p } = r({
+			enabled: l(() => t.loading || t.points.length > 0)
+		}), { exportImage: p } = o({
 			chartInstance: c,
-			canvasRef: o,
-			colorHostElement: i
+			canvasRef: i,
+			colorHostElement: r
 		});
-		return n({ exportImage: p }), (t, n) => (h(), u("div", {
+		return n({ exportImage: p }), (n, a) => (h(), u("div", {
 			ref_key: "chartRootRef",
-			ref: i,
-			class: m(["s-ui-chart-line", { "s-ui-chart-line--skeleton": e.loading }])
-		}, [d("div", E, [f(g(a), { loading: e.loading }, {
+			ref: r,
+			class: m(["s-ui-chart-line", { "s-ui-chart-line--skeleton": t.loading }])
+		}, [d("div", E, [f(g(e), { loading: t.loading }, {
 			default: v(() => [d("canvas", {
 				ref_key: "chartCanvasRef",
-				ref: o,
+				ref: i,
 				class: "s-ui-chart-line__canvas"
 			}, null, 512)]),
 			_: 1

package/dist/SChartLine-nIGaef_o.cjs

@@ -0,0 +1 @@
+const e=require("./useChartInteractivity-CXSdHPOw.cjs"),t=require("./createChartAreaFillGradient-BwsojVzU.cjs"),n=require("./buildCartesianChartScales-Dck5yBMo.cjs");let r=require("vue");var i=(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},a=5,o=5,s=(e,t,n)=>{if(t)return t;let r=e.reduce((e,t)=>Math.max(e,t.value),0),i=Math.ceil(r/n)*n;return i>0?i:n*5},c=(e,t)=>!t||typeof e!=`number`?e:`${e}%`,l=({points:r,seriesLabel:l,colorHostElement:u,yMax:d,yMin:f,yStep:p=o,skeleton:m=!1})=>{let h=e.S(e.g.axisLabel,u),g=e.S(e.g.grid,u),_=e.S(m?e.g.skeletonSeries:e.g.seriesPrimary,u),v=e.S(m?e.g.skeletonFillStart:e.g.seriesFillStart,u),y=e.S(m?e.g.skeletonFillEnd:e.g.seriesFillEnd,u),b=e.S(e.g.tooltipBackground,u),x=e.S(e.g.tooltipText,u),S=i(m?e.g.skeletonFillOpacity:e.g.seriesFillOpacity,u,.8),C=m&&d?d:s(r,d,p),w=m&&f!==void 0?f:0;return{type:`line`,data:{labels:r.map(e=>e.label),datasets:[{label:l,data:r.map(e=>e.value),borderColor:_,backgroundColor:e=>t.t(e,v,y,S),borderWidth:a,fill:!0,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:b,titleColor:x,bodyColor:x,displayColors:!1}},scales:n.t({axisLabelColor:h,gridColor:g,yMin:w,yMax:C,yStep:p,formatYAxisTick:e=>c(e,m)})}}},u=[{label:`ноябрь 2025`,value:63},{label:`декабрь 2025`,value:77},{label:`январь 2026`,value:75},{label:`февраль 2026`,value:81},{label:`март 2026`,value:91},{label:`апрель 2026`,value:87}],d={class:`s-ui-chart-line__canvas-wrap`},f=(0,r.defineComponent)({__name:`SChartLine`,props:{points:{default:()=>[]},seriesLabel:{default:`Series`},loading:{type:Boolean,default:!1},yMax:{},yStep:{}},setup(t,{expose:n}){let i=(0,r.useTemplateRef)(`chartRootRef`),a=(0,r.useTemplateRef)(`chartCanvasRef`),o=(0,r.computed)(()=>t.loading?u:t.points),{chartInstance:s}=e.n({canvasRef:a,config:(0,r.computed)(()=>!t.loading&&t.points.length===0?null:l({points:o.value,seriesLabel:t.seriesLabel,colorHostElement:i.value,yMax:t.loading?100:t.yMax,yMin:t.loading?50:void 0,yStep:t.loading?10:t.yStep,skeleton:t.loading})),enabled:(0,r.computed)(()=>t.loading||t.points.length>0)}),{exportImage:c}=e.t({chartInstance:s,canvasRef:a,colorHostElement:i});return n({exportImage:c}),(n,o)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:i,class:(0,r.normalizeClass)([`s-ui-chart-line`,{"s-ui-chart-line--skeleton":t.loading}])},[(0,r.createElementVNode)(`div`,d,[(0,r.createVNode)((0,r.unref)(e.C),{loading:t.loading},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:a,class:`s-ui-chart-line__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/dist/SChartMultiLine-BzoW4ETf.cjs

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

package/dist/SChartMultiLine-DqCQ7FCv.js

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

package/dist/{SChartPie-bN8rY-y5.js → SChartPie-Bt3o7LZI.js}

@@ -1,14 +1,14 @@
-import { a as e, b as t, c as n, i as r, n as i, o as a, r as o, s, t as c, v as l, w as u, x as d } from "./SChartSkeletonHost-BT96eWSF.js";
-import { t as f } from "./resolveSeriesPaletteColor-BdvGT-PI.js";
-import { t as p } from "./SChartLegend-oZoF8XK7.js";
+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 { 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, n, r, i = !1) => f(e, n, r, i, {
-	palette: d,
-	paletteFallback: l.piePalette1,
-	skeletonPalette: t,
-	skeletonFallback: l.pieSkeletonPalette1
+var D = (e, t, n, r = !1) => p(e, t, n, r, {
+	palette: f,
+	paletteFallback: i.piePalette1,
+	skeletonPalette: u,
+	skeletonFallback: i.pieSkeletonPalette1
 }), O = () => ({
 	title: () => "",
 	label: (e) => `${e.label ?? ""} – ${e.parsed ?? 0}`
@@ -18,37 +18,37 @@ var D = (e, n, r, i = !1) => f(e, n, r, i, {
 }, P = (e) => !("getCenterPoint" in e) || typeof e.getCenterPoint != "function" ? null : e.getCenterPoint(!1), F = (e) => ({
 	id: "pieSegmentBadge",
 	afterDatasetsDraw(t) {
-		let n = t.getDatasetMeta(0);
-		if (!n) return;
-		let r = u(l.pieBadgeBackground, e), i = u(l.pieBadgeBorder, e), a = u(l.pieBadgeText, e), { ctx: o } = t;
-		o.save(), o.font = M, o.textAlign = "center", o.textBaseline = "middle";
-		for (let e = 0; e < n.data.length; e += 1) {
-			let s = n.data[e], c = t.data.datasets[0]?.data[e], l = s ? P(s) : null;
-			if (s && typeof c == "number" && c > 0 && l) {
-				let e = `${c}`, t = o.measureText(e).width + k * 2;
-				N(o, l.x - t / 2, l.y - 20 / 2, t, 20, A), o.fillStyle = r, o.fill(), o.lineWidth = j, o.strokeStyle = i, o.stroke(), o.fillStyle = a, o.fillText(e, l.x, l.y);
+		let r = t.getDatasetMeta(0);
+		if (!r) return;
+		let a = n(i.pieBadgeBackground, e), o = n(i.pieBadgeBorder, e), s = n(i.pieBadgeText, e), { ctx: c } = t;
+		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);
 			}
 		}
-		o.restore();
+		c.restore();
 	}
-}), I = ({ sliceList: t, colorHostElement: r, skeleton: i = !1, onSliceClick: o }) => {
-	if (t.length === 0) return null;
-	let c = u(l.pieSegmentBorder, r), d = u(l.tooltipBackground, r), f = u(l.tooltipText, r), p = t.map((e, t) => D(t, r, e.fillColor, i)), m = e({
+}), I = ({ sliceList: e, colorHostElement: t, skeleton: o = !1, onSliceClick: l }) => {
+	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({
 		kind: "element",
-		skeleton: i,
-		colorHostElement: r,
-		onIndexClick: o
+		skeleton: o,
+		colorHostElement: t,
+		onIndexClick: l
 	});
 	return {
 		type: "pie",
 		data: {
-			labels: t.map((e) => e.label),
+			labels: e.map((e) => e.label),
 			datasets: [{
-				data: t.map((e) => e.value),
+				data: e.map((e) => e.value),
 				backgroundColor: p,
 				hoverBackgroundColor: p,
-				borderColor: c,
-				hoverBorderColor: c,
+				borderColor: u,
+				hoverBorderColor: u,
 				borderWidth: 4,
 				hoverBorderWidth: 4,
 				hoverOffset: 26,
@@ -64,14 +64,14 @@ var D = (e, n, r, i = !1) => f(e, n, r, i, {
 			layout: { padding: 26 },
 			onHover: m.onHover,
 			onClick: m.onClick,
-			interaction: a(i, {
+			interaction: a(o, {
 				mode: "nearest",
 				intersect: !0
 			}),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: s(i),
+					enabled: r(o),
 					backgroundColor: d,
 					titleColor: f,
 					bodyColor: f,
@@ -80,7 +80,7 @@ var D = (e, n, r, i = !1) => f(e, n, r, i, {
 				}
 			}
 		},
-		plugins: n(i, [F(r), ...m.plugins])
+		plugins: s(o, [F(t), ...m.plugins])
 	};
 }, L = [
 	"Series 1",
@@ -113,34 +113,34 @@ var D = (e, n, r, i = !1) => f(e, n, r, i, {
 		}
 	},
 	emits: ["sliceClick"],
-	setup(e, { expose: t, emit: n }) {
-		let a = n, s = i, l = T("chartRootRef"), u = T("chartCanvasRef"), d = h(() => e.loading ? z : e.slices), f = (t) => {
-			let n = e.slices[t];
-			n && a("sliceClick", t, n);
-		}, x = m("onSliceClick"), O = h(() => !e.loading && e.slices.length === 0 ? null : I({
-			sliceList: d.value,
-			colorHostElement: l.value,
-			skeleton: e.loading,
-			onSliceClick: x() ? f : void 0
-		})), k = h(() => d.value.map((t, n) => ({
-			label: t.label,
-			color: D(n, l.value, t.fillColor, e.loading)
-		}))), { chartInstance: A } = r({
+	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({
+			sliceList: f.value,
+			colorHostElement: c.value,
+			skeleton: n.loading,
+			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,
 			config: O,
-			enabled: h(() => e.loading || e.slices.length > 0)
-		}), { exportImage: j, handleLegendItemHover: M } = o({
+			enabled: h(() => n.loading || n.slices.length > 0)
+		}), { exportImage: j, handleLegendItemHover: M } = l({
 			chartInstance: A,
 			canvasRef: u,
-			colorHostElement: l,
+			colorHostElement: c,
 			legendDimKind: "element"
 		});
-		return t({ exportImage: j }), (t, n) => (C(), v("div", {
+		return r({ exportImage: j }), (r, i) => (C(), v("div", {
 			ref_key: "chartRootRef",
-			ref: l,
-			class: S(["s-ui-chart-pie", { "s-ui-chart-pie--skeleton": e.loading }])
-		}, [y("div", B, [b(w(c), {
-			loading: e.loading,
+			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
 		}, {
 			default: E(() => [y("canvas", {
@@ -149,11 +149,11 @@ var D = (e, n, r, i = !1) => f(e, n, r, i, {
 				class: "s-ui-chart-pie__canvas"
 			}, null, 512)]),
 			_: 1
-		}, 8, ["loading", "type"])]), k.value.length ? (C(), g(w(p), {
+		}, 8, ["loading", "type"])]), k.value.length ? (C(), g(w(e), {
 			key: 0,
 			items: k.value,
-			disabled: e.loading,
-			interactive: !e.loading,
+			disabled: n.loading,
+			interactive: !n.loading,
 			direction: "column",
 			onItemHover: w(M)
 		}, null, 8, [

package/dist/SChartPie-Bv5Obcwb.cjs

@@ -0,0 +1 @@
+const e=require("./SChartLegend-DGtjd6zV.cjs"),t=require("./useChartInteractivity-CXSdHPOw.cjs"),n=require("./resolveSeriesPaletteColor-B5qoBbXN.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.y,paletteFallback:t.g.piePalette1,skeletonPalette:t.v,skeletonFallback:t.g.pieSkeletonPalette1}),o=()=>({title:()=>``,label:e=>`${e.label??``} – ${e.parsed??0}`}),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=>({id:`pieSegmentBadge`,afterDatasetsDraw(n){let r=n.getDatasetMeta(0);if(!r)return;let i=t.S(t.g.pieBadgeBackground,e),a=t.S(t.g.pieBadgeBorder,e),o=t.S(t.g.pieBadgeText,e),{ctx:p}=n;p.save(),p.font=u,p.textAlign=`center`,p.textBaseline=`middle`;for(let e=0;e<r.data.length;e+=1){let t=r.data[e],u=n.data.datasets[0]?.data[e],m=t?f(t):null;if(t&&typeof u==`number`&&u>0&&m){let e=`${u}`,t=p.measureText(e).width+s*2;d(p,m.x-t/2,m.y-20/2,t,20,c),p.fillStyle=i,p.fill(),p.lineWidth=l,p.strokeStyle=a,p.stroke(),p.fillStyle=o,p.fillText(e,m.x,m.y)}}p.restore()}}),m=({sliceList:e,colorHostElement:n,skeleton:r=!1,onSliceClick:i})=>{if(e.length===0)return null;let s=t.S(t.g.pieSegmentBorder,n),c=t.S(t.g.tooltipBackground,n),l=t.S(t.g.tooltipText,n),u=e.map((e,t)=>a(t,n,e.fillColor,r)),d=t.r({kind:`element`,skeleton:r,colorHostElement:n,onIndexClick:i});return{type:`pie`,data:{labels:e.map(e=>e.label),datasets:[{data:e.map(e=>e.value),backgroundColor:u,hoverBackgroundColor:u,borderColor:s,hoverBorderColor:s,borderWidth:4,hoverBorderWidth:4,hoverOffset:26,spacing:0,borderRadius:8}]},options:{responsive:!0,maintainAspectRatio:!0,cutout:`58%`,rotation:115,layout:{padding:26},onHover:d.onHover,onClick:d.onClick,interaction:t.i(r,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:t.a(r),backgroundColor:c,titleColor:l,bodyColor:l,displayColors:!1,callbacks:o()}}},plugins:t.o(r,[p(n),...d.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}},emits:[`sliceClick`],setup(n,{expose:o,emit:s}){let c=s,l=t.w,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,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.C),{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`])]),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-BtwqE4xL.js → SChartProgress-uMg4DBpS.js}

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

package/dist/SChartProgress-xxqrj03o.cjs

@@ -0,0 +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}});

package/dist/SChartStackedArea-BNe6FAg8.cjs

@@ -0,0 +1 @@
+const e=require("./SChartLegend-DGtjd6zV.cjs"),t=require("./useChartInteractivity-CXSdHPOw.cjs"),n=require("./buildCartesianChartScales-Dck5yBMo.cjs"),r=require("./resolveStackedChartContext-CQbgdV55.cjs"),i=require("./createChartCrosshairPlugin-DfYzBie2.cjs"),a=require("./resolveSeriesPaletteColor-B5qoBbXN.cjs"),o=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),s=require("./useHasListener-BPgtbbo6.cjs");let c=require("vue");var l=(e,n,r,i=!1)=>a.t(e,n,r,i,{palette:t.x,paletteFallback:t.g.stackedPalette1,skeletonPalette:t.b,skeletonFallback:t.g.skeletonPalette1}),u=20,d=`stack0`,f=({seriesList:e,colorHostElement:a,yMax:o,yMin:s,yStep:c=u,skeleton:f=!1,totalLabel:p,onSeriesClick:m})=>{let h=r.t({seriesList:e,colorHostElement:a,yMax:o,yMin:s,yStep:c,skeleton:f});if(!h)return null;let{axisLabelColor:g,gridColor:_,tooltipBackgroundColor:v,tooltipTextColor:y,resolvedYMax:b,resolvedYMin:x,chartLabels:S}=h,C=t.r({kind:`series`,skeleton:f,colorHostElement:a,onIndexClick:m});return{type:`line`,data:{labels:S,datasets:e.map((e,t)=>{let n=l(t,a,e.fillColor,f);return{label:e.label,data:e.points.map(e=>e.value),borderColor:n,backgroundColor:n,...f?{}:{hoverBorderColor:n,hoverBackgroundColor:n},borderWidth:0,fill:!0,pointRadius:0,pointHoverRadius:0,tension:0,stack:d}})},options:{responsive:!0,maintainAspectRatio:!1,onHover:C.onHover,onClick:C.onClick,hover:f?void 0:{mode:`nearest`,intersect:!1},interaction:t.i(f,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:t.a(f),backgroundColor:v,titleColor:y,bodyColor:y,footerColor:y,displayColors:!1,position:t.s,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:t.c({total:p})}},scales:n.t({axisLabelColor:g,gridColor:_,yMin:x,yMax:b,yStep:c,stacked:!0})},plugins:t.o(f,[i.t(a),...C.plugins])}},p=[`24.02`,`28.02`,`04.03`,`08.03`,`12.03`,`16.03`,`20.03`,`24.03`,`28.03`,`01.04`,`05.04`,`09.04`,`13.04`,`17.04`],m=[18,22,26,30,34,38,42,44,46,48,49,50,51,52],h=[6,6,7,7,7,7,7,7,7,7,7,7,7,7],g=[10,11,12,12,11,10,10,10,10,10,10,10,10,10],_=[32,30,28,26,28,30,29,28,27,26,26,27,28,28],v=[`Готово`,`На ревью`,`В процессе`,`Бэклог`],y=[{label:v[0]??`Series 1`,points:o.t(p,m)},{label:v[1]??`Series 2`,points:o.t(p,h)},{label:v[2]??`Series 3`,points:o.t(p,g)},{label:v[3]??`Series 4`,points:o.t(p,_)}],b={class:`s-ui-chart-stacked-area__canvas-wrap`},x=(0,c.defineComponent)({__name:`SChartStackedArea`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{},totalLabel:{}},emits:[`seriesClick`],setup(n,{expose:r,emit:i}){let a=i,u=(0,c.useTemplateRef)(`chartRootRef`),d=(0,c.useTemplateRef)(`chartCanvasRef`),p=(0,c.computed)(()=>n.loading?y:n.series),m=e=>{let t=n.series[e];t&&a(`seriesClick`,e,t)},h=s.t(`onSeriesClick`),g=(0,c.computed)(()=>!n.loading&&n.series.length===0?null:f({seriesList:p.value,colorHostElement:u.value,yMax:n.loading?160:n.yMax,yMin:n.loading?0:void 0,yStep:n.loading?20:n.yStep,skeleton:n.loading,totalLabel:n.totalLabel,onSeriesClick:h()?m:void 0})),_=(0,c.computed)(()=>o.n(p.value,(e,t)=>l(e,u.value,t,n.loading))),{chartInstance:v}=t.n({canvasRef:d,config:g,enabled:(0,c.computed)(()=>n.loading||n.series.length>0)}),{exportImage:x,handleLegendItemHover:S}=t.t({chartInstance:v,canvasRef:d,colorHostElement:u});return r({exportImage:x}),(r,i)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:u,class:(0,c.normalizeClass)([`s-ui-chart-stacked-area`,{"s-ui-chart-stacked-area--skeleton":n.loading}])},[(0,c.createElementVNode)(`div`,b,[(0,c.createVNode)((0,c.unref)(t.C),{loading:n.loading},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:d,class:`s-ui-chart-stacked-area__canvas`},null,512)]),_:1},8,[`loading`])]),_.value.length?((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(e.t),{key:0,items:_.value,disabled:n.loading,interactive:!n.loading,onItemHover:(0,c.unref)(S)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,c.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return x}});