@shtabapp/ui-kit 1.45.0 → 1.47.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## [@shtabapp/ui-kit-v1.47.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.46.0...@shtabapp/ui-kit@1.47.0) (2026-07-14)
+
+### Features
+
+- load more subtree ([61b17e9](https://gitlab.com/mstikharev/shtab-ui-kit/commit/61b17e9fb1db17f6d5a86e359de937279a44f81f))
+
+## [@shtabapp/ui-kit-v1.46.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.45.0...@shtabapp/ui-kit@1.46.0) (2026-07-13)
+
+### Features
+
+- chart fixes, hover interactive, widget implementation ([0e4681d](https://gitlab.com/mstikharev/shtab-ui-kit/commit/0e4681da9c0e3210dcab3cc062d32600225d4626))
+- interactivity coment fixes ([a84eee5](https://gitlab.com/mstikharev/shtab-ui-kit/commit/a84eee50c6586200915f5e0d19a817124b1f2d33))
+
 ## [@shtabapp/ui-kit-v1.45.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.44.0...@shtabapp/ui-kit@1.45.0) (2026-07-10)
 
 ### Features

package/dist/{SChartBurnup-DhuCNXhU.cjs → SChartBurnup-BhCS06uF.cjs}

@@ -1 +1 @@
-const e=require("./createChartAreaFillGradient-BwsojVzU.cjs"),t=require("./SChartSkeletonHost-CfM0zolj.cjs"),n=require("./createChartCrosshairPlugin-HfMMUP5O.cjs"),r=require("./buildMultiLineChartScales-7mcIfRVG.cjs"),i=require("./SChartLegend-DXFXKXCm.cjs");let a=require("vue");var o=(e,n)=>({id:`sUiChartBurnupTodayLine`,beforeDatasetsDraw(r){if(e<0)return;let{ctx:i,chartArea:a}=r,o=r.scales.x;if(!a||!o)return;let s=t.S(t.g.burnupToday,n),c=o.getPixelForValue(e);i.save(),i.beginPath(),i.moveTo(c,a.top),i.lineTo(c,a.bottom),i.lineWidth=1,i.strokeStyle=s,i.stroke(),i.restore()}}),s=8,c=4,l=5,u=12,d=12,f=60,p=12,m=e=>{if(typeof window>`u`)return`500 10px sans-serif`;let t=e??document.documentElement;return`500 10px ${getComputedStyle(t).getPropertyValue(`--s-ui-font-family-label`).trim()||`sans-serif`}`},h=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i/2);e.beginPath(),e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},g=({tagLines:e,factDatasetIndex:n,todayIndex:r},i)=>({id:`sUiChartBurnupTag`,afterDatasetsDraw(a){if(r<0||e.length===0)return;let o=a.getDatasetMeta(n)?.data[r],{chartArea:g}=a;if(!o||!g)return;let _=t.S(t.g.burnupToday,i),v=t.S(t.g.burnupTagBackground,i),{ctx:y}=a;y.save(),y.font=m(i),y.textAlign=`center`,y.textBaseline=`middle`;let b=e.reduce((e,t)=>Math.max(e,y.measureText(t).width),0),x=Math.max(f,b+s*2),S=e.length*d+c+l,C=Math.min(Math.max(o.x-x/2,g.left),g.right-x),w=Math.max(o.y-p-S,g.top);h(y,C,w,x,S,u),y.fillStyle=v,y.fill(),y.lineWidth=1,y.strokeStyle=_,y.stroke(),y.fillStyle=_,e.forEach((e,t)=>{y.fillText(e,C+x/2,w+c+d*(t+.5))}),y.restore()}}),_=(e,t)=>t>=0&&e>t,v=({todayIndex:e,futureLabel:t})=>({title:t=>{let n=t[0];return!n||_(n.dataIndex,e)?``:`${n.label}`},label:n=>_(n.dataIndex,e)?t:`${n.dataset.label??``}: ${n.parsed.y??0}%`}),y=e=>t=>!_(t.dataIndex,e)||t.datasetIndex===0,b=1,x=1,S=2,C=[8,8],w=[9,9],T=2,E=25,D=e=>e.reduce((e,t,n)=>t.fact===null?e:n,-1),O=(e,t,n)=>{let r=e.reduce((e,t)=>Math.max(e,t.plan,t.fact??0),t);return Math.ceil(r/n)*n},k=({points:i,colorHostElement:a,goalValue:s=100,goalLabel:c=`Цель`,planLabel:l=`План`,factLabel:u=`Факт`,futureLabel:d=`Этот день ещё не наступил`,yStep:f=E,mirrorYAxis:p=!0,showTag:m=!0,skeleton:h=!1})=>{if(i.length===0)return null;let _=t.S(t.g.axisLabel,a),k=t.S(t.g.grid,a),A=t.S(t.g.tooltipBackground,a),j=t.S(t.g.tooltipText,a),M=t.S(t.g.skeletonSeries,a),N=h?M:t.S(t.g.burnupGoal,a),P=h?M:t.S(t.g.burnupPlan,a),F=h?M:t.S(t.g.burnupFact,a),I=t.S(t.g.burnupFactFillStart,a),L=t.S(t.g.burnupFactFillEnd,a),R=D(i),z=R>=0?i[R]:void 0,B=z?[`${u.toLowerCase()} ${z.fact}%`,`${l.toLowerCase()} ${z.plan}%`]:[];return{type:`line`,data:{labels:i.map(e=>e.label),datasets:[{label:c,data:i.map(()=>s),borderColor:N,backgroundColor:N,borderWidth:b,borderDash:C,fill:!1,pointRadius:0,pointHoverRadius:0,tension:0},{label:l,data:i.map(e=>e.plan),borderColor:P,backgroundColor:P,borderWidth:x,borderDash:w,fill:!1,pointRadius:0,pointHoverRadius:0,tension:.4},{label:u,data:i.map(e=>e.fact??null),borderColor:F,backgroundColor:h?F:t=>e.t(t,I,L),borderWidth:S,fill:!h,spanGaps:!1,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:t.i(h,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:t.a(h),backgroundColor:A,titleColor:j,bodyColor:j,displayColors:!1,position:t.u,yAlign:`bottom`,xAlign:`center`,caretPadding:8,filter:y(R),callbacks:v({todayIndex:R,futureLabel:d})}},scales:r.t({axisLabelColor:_,gridColor:k,yMin:0,yMax:O(i,s,f),yStep:f,mirrorYAxis:p,formatYAxisTick:e=>`${e}%`})},plugins:t.o(h,[n.t(a),o(R,a),...m?[g({tagLines:B,factDatasetIndex:T,todayIndex:R},a)]:[]])}},A=[8,15,23,31,38,46,54,62,69,77,85,92,96,100],j=[5,10,16,22,28,34,40,45,50,54,57,60,null,null],M=A.map((e,t)=>({label:`Д${t+1}`,plan:e,fact:j[t]})),N={class:`s-ui-chart-burnup__canvas-wrap`},P=(0,a.defineComponent)({__name:`SChartBurnup`,props:{points:{default:()=>[]},loading:{type:Boolean,default:!1},goalValue:{default:100},goalLabel:{default:`Цель`},planLabel:{default:`План`},factLabel:{default:`Факт`},futureLabel:{default:`Этот день ещё не наступил`},yStep:{default:25},mirrorYAxis:{type:Boolean,default:!0},showTag:{type:Boolean,default:!0}},setup(e){let n=(0,a.useTemplateRef)(`chartRootRef`),r=(0,a.useTemplateRef)(`chartCanvasRef`),o=(0,a.computed)(()=>e.loading?M:e.points),s=(0,a.computed)(()=>!e.loading&&e.points.length===0?null:k({points:o.value,colorHostElement:n.value,goalValue:e.goalValue,goalLabel:e.goalLabel,planLabel:e.planLabel,factLabel:e.factLabel,futureLabel:e.futureLabel,yStep:e.yStep,mirrorYAxis:e.mirrorYAxis,showTag:e.showTag,skeleton:e.loading})),c=(0,a.computed)(()=>[{label:e.goalLabel,cssVariable:t.g.burnupGoal},{label:e.planLabel,cssVariable:t.g.burnupPlan},{label:e.factLabel,cssVariable:t.g.burnupFact}].map(r=>({label:r.label.toLowerCase(),color:t.S(e.loading?t.g.skeletonSeries:r.cssVariable,n.value)})));return t.r({canvasRef:r,config:s,enabled:(0,a.computed)(()=>e.loading||e.points.length>0)}),(o,s)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:n,class:(0,a.normalizeClass)([`s-ui-chart-burnup`,{"s-ui-chart-burnup--skeleton":e.loading}])},[(0,a.createElementVNode)(`div`,N,[(0,a.createVNode)((0,a.unref)(t.t),{loading:e.loading},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:r,class:`s-ui-chart-burnup__canvas`},null,512)]),_:1},8,[`loading`])]),(0,a.createVNode)((0,a.unref)(i.t),{items:c.value,disabled:e.loading},null,8,[`items`,`disabled`])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});
+const e=require("./createChartAreaFillGradient-BwsojVzU.cjs"),t=require("./SChartSkeletonHost-BlIYGj-7.cjs"),n=require("./createChartCrosshairPlugin-DdLyEWI0.cjs"),r=require("./buildMultiLineChartScales-7mcIfRVG.cjs"),i=require("./SChartLegend-DGtjd6zV.cjs");let a=require("vue");var o=(e,n)=>({id:`sUiChartBurnupTodayLine`,beforeDatasetsDraw(r){if(e<0)return;let{ctx:i,chartArea:a}=r,o=r.scales.x;if(!a||!o)return;let s=t.w(t.v.burnupToday,n),c=o.getPixelForValue(e);i.save(),i.beginPath(),i.moveTo(c,a.top),i.lineTo(c,a.bottom),i.lineWidth=1,i.strokeStyle=s,i.stroke(),i.restore()}}),s=8,c=4,l=5,u=12,d=12,f=60,p=12,m=e=>{if(typeof window>`u`)return`500 10px sans-serif`;let t=e??document.documentElement;return`500 10px ${getComputedStyle(t).getPropertyValue(`--s-ui-font-family-label`).trim()||`sans-serif`}`},h=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i/2);e.beginPath(),e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},g=({tagLines:e,factDatasetIndex:n,todayIndex:r},i)=>({id:`sUiChartBurnupTag`,afterDatasetsDraw(a){if(r<0||e.length===0)return;let o=a.getDatasetMeta(n)?.data[r],{chartArea:g}=a;if(!o||!g)return;let _=t.w(t.v.burnupToday,i),v=t.w(t.v.burnupTagBackground,i),{ctx:y}=a;y.save(),y.font=m(i),y.textAlign=`center`,y.textBaseline=`middle`;let b=e.reduce((e,t)=>Math.max(e,y.measureText(t).width),0),x=Math.max(f,b+s*2),S=e.length*d+c+l,C=Math.min(Math.max(o.x-x/2,g.left),g.right-x),w=Math.max(o.y-p-S,g.top);h(y,C,w,x,S,u),y.fillStyle=v,y.fill(),y.lineWidth=1,y.strokeStyle=_,y.stroke(),y.fillStyle=_,e.forEach((e,t)=>{y.fillText(e,C+x/2,w+c+d*(t+.5))}),y.restore()}}),_=(e,t)=>t>=0&&e>t,v=({todayIndex:e,futureLabel:t})=>({title:t=>{let n=t[0];return!n||_(n.dataIndex,e)?``:`${n.label}`},label:n=>_(n.dataIndex,e)?t:`${n.dataset.label??``}: ${n.parsed.y??0}%`}),y=e=>t=>!_(t.dataIndex,e)||t.datasetIndex===0,b=1,x=1,S=2,C=[8,8],w=[9,9],T=2,E=25,D=e=>e.reduce((e,t,n)=>t.fact===null?e:n,-1),O=(e,t,n)=>{let r=e.reduce((e,t)=>Math.max(e,t.plan,t.fact??0),t);return Math.ceil(r/n)*n},k=({points:i,colorHostElement:a,goalValue:s=100,goalLabel:c=`Цель`,planLabel:l=`План`,factLabel:u=`Факт`,futureLabel:d=`Этот день ещё не наступил`,yStep:f=E,mirrorYAxis:p=!0,showTag:m=!0,skeleton:h=!1})=>{if(i.length===0)return null;let _=t.w(t.v.axisLabel,a),k=t.w(t.v.grid,a),A=t.w(t.v.tooltipBackground,a),j=t.w(t.v.tooltipText,a),M=t.w(t.v.skeletonSeries,a),N=h?M:t.w(t.v.burnupGoal,a),P=h?M:t.w(t.v.burnupPlan,a),F=h?M:t.w(t.v.burnupFact,a),I=t.w(t.v.burnupFactFillStart,a),L=t.w(t.v.burnupFactFillEnd,a),R=D(i),z=R>=0?i[R]:void 0,B=z?[`${u.toLowerCase()} ${z.fact}%`,`${l.toLowerCase()} ${z.plan}%`]:[];return{type:`line`,data:{labels:i.map(e=>e.label),datasets:[{label:c,data:i.map(()=>s),borderColor:N,backgroundColor:N,borderWidth:b,borderDash:C,fill:!1,pointRadius:0,pointHoverRadius:0,tension:0},{label:l,data:i.map(e=>e.plan),borderColor:P,backgroundColor:P,borderWidth:x,borderDash:w,fill:!1,pointRadius:0,pointHoverRadius:0,tension:.4},{label:u,data:i.map(e=>e.fact??null),borderColor:F,backgroundColor:h?F:t=>e.t(t,I,L),borderWidth:S,fill:!h,spanGaps:!1,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:t.o(h,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:t.s(h),backgroundColor:A,titleColor:j,bodyColor:j,displayColors:!1,position:t.f,yAlign:`bottom`,xAlign:`center`,caretPadding:8,filter:y(R),callbacks:v({todayIndex:R,futureLabel:d})}},scales:r.t({axisLabelColor:_,gridColor:k,yMin:0,yMax:O(i,s,f),yStep:f,mirrorYAxis:p,formatYAxisTick:e=>`${e}%`})},plugins:t.c(h,[n.t(a),o(R,a),...m?[g({tagLines:B,factDatasetIndex:T,todayIndex:R},a)]:[]])}},A=[8,15,23,31,38,46,54,62,69,77,85,92,96,100],j=[5,10,16,22,28,34,40,45,50,54,57,60,null,null],M=A.map((e,t)=>({label:`Д${t+1}`,plan:e,fact:j[t]})),N={class:`s-ui-chart-burnup__canvas-wrap`},P=(0,a.defineComponent)({__name:`SChartBurnup`,props:{points:{default:()=>[]},loading:{type:Boolean,default:!1},goalValue:{default:100},goalLabel:{default:`Цель`},planLabel:{default:`План`},factLabel:{default:`Факт`},futureLabel:{default:`Этот день ещё не наступил`},yStep:{default:25},mirrorYAxis:{type:Boolean,default:!0},showTag:{type:Boolean,default:!0}},setup(e,{expose:n}){let r=(0,a.useTemplateRef)(`chartRootRef`),o=(0,a.useTemplateRef)(`chartCanvasRef`),s=(0,a.computed)(()=>e.loading?M:e.points),c=(0,a.computed)(()=>!e.loading&&e.points.length===0?null:k({points:s.value,colorHostElement:r.value,goalValue:e.goalValue,goalLabel:e.goalLabel,planLabel:e.planLabel,factLabel:e.factLabel,futureLabel:e.futureLabel,yStep:e.yStep,mirrorYAxis:e.mirrorYAxis,showTag:e.showTag,skeleton:e.loading})),l=(0,a.computed)(()=>[{label:e.goalLabel,cssVariable:t.v.burnupGoal},{label:e.planLabel,cssVariable:t.v.burnupPlan},{label:e.factLabel,cssVariable:t.v.burnupFact}].map(n=>({label:n.label.toLowerCase(),color:t.w(e.loading?t.v.skeletonSeries:n.cssVariable,r.value)}))),{chartInstance:u}=t.i({canvasRef:o,config:c,enabled:(0,a.computed)(()=>e.loading||e.points.length>0)}),{exportImage:d}=t.r({chartInstance:u,canvasRef:o,colorHostElement:r});return n({exportImage:d}),(n,s)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,a.normalizeClass)([`s-ui-chart-burnup`,{"s-ui-chart-burnup--skeleton":e.loading}])},[(0,a.createElementVNode)(`div`,N,[(0,a.createVNode)((0,a.unref)(t.t),{loading:e.loading},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:o,class:`s-ui-chart-burnup__canvas`},null,512)]),_:1},8,[`loading`])]),(0,a.createVNode)((0,a.unref)(i.t),{items:l.value,disabled:e.loading},null,8,[`items`,`disabled`])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});

package/dist/SChartBurnup-CG239MJx.js

@@ -0,0 +1,251 @@
+import { t as e } from "./createChartAreaFillGradient-BDmME9Gy.js";
+import { c as t, f as n, i as r, o as i, r as a, s as o, t as s, v as c, w as l } from "./SChartSkeletonHost-DSFyP_DN.js";
+import { t as u } from "./createChartCrosshairPlugin-q3U4ePnf.js";
+import { t as d } from "./buildMultiLineChartScales-CFZ8YVeJ.js";
+import { t as f } from "./SChartLegend-oZoF8XK7.js";
+import { computed as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, openBlock as y, unref as b, useTemplateRef as x, withCtx as S } from "vue";
+//#region src/utils/chart/burnup/createBurnupTodayLinePlugin.ts
+var C = (e, t) => ({
+	id: "sUiChartBurnupTodayLine",
+	beforeDatasetsDraw(n) {
+		if (e < 0) return;
+		let { ctx: r, chartArea: i } = n, a = n.scales.x;
+		if (!i || !a) return;
+		let o = l(c.burnupToday, t), s = a.getPixelForValue(e);
+		r.save(), r.beginPath(), r.moveTo(s, i.top), r.lineTo(s, i.bottom), r.lineWidth = 1, r.strokeStyle = o, r.stroke(), r.restore();
+	}
+}), w = 8, T = 4, E = 5, D = 12, O = 12, k = 60, A = 12, j = (e) => {
+	if (typeof window > "u") return "500 10px sans-serif";
+	let t = e ?? document.documentElement;
+	return `500 10px ${getComputedStyle(t).getPropertyValue("--s-ui-font-family-label").trim() || "sans-serif"}`;
+}, M = (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();
+}, N = ({ tagLines: e, factDatasetIndex: t, todayIndex: n }, r) => ({
+	id: "sUiChartBurnupTag",
+	afterDatasetsDraw(i) {
+		if (n < 0 || e.length === 0) return;
+		let a = i.getDatasetMeta(t)?.data[n], { chartArea: o } = i;
+		if (!a || !o) return;
+		let s = l(c.burnupToday, r), u = l(c.burnupTagBackground, r), { ctx: d } = i;
+		d.save(), d.font = j(r), d.textAlign = "center", d.textBaseline = "middle";
+		let f = e.reduce((e, t) => Math.max(e, d.measureText(t).width), 0), p = Math.max(k, f + w * 2), m = e.length * O + T + E, h = Math.min(Math.max(a.x - p / 2, o.left), o.right - p), g = Math.max(a.y - A - m, o.top);
+		M(d, h, g, p, m, D), d.fillStyle = u, d.fill(), d.lineWidth = 1, d.strokeStyle = s, d.stroke(), d.fillStyle = s, e.forEach((e, t) => {
+			d.fillText(e, h + p / 2, g + T + O * (t + .5));
+		}), d.restore();
+	}
+}), P = (e, t) => t >= 0 && e > t, F = ({ todayIndex: e, futureLabel: t }) => ({
+	title: (t) => {
+		let n = t[0];
+		return !n || P(n.dataIndex, e) ? "" : `${n.label}`;
+	},
+	label: (n) => P(n.dataIndex, e) ? t : `${n.dataset.label ?? ""}: ${n.parsed.y ?? 0}%`
+}), I = (e) => (t) => !P(t.dataIndex, e) || t.datasetIndex === 0, L = 1, R = 1, z = 2, B = [8, 8], V = [9, 9], H = 2, U = 25, W = (e) => e.reduce((e, t, n) => t.fact === null ? e : n, -1), G = (e, t, n) => {
+	let r = e.reduce((e, t) => Math.max(e, t.plan, t.fact ?? 0), t);
+	return Math.ceil(r / n) * n;
+}, K = ({ points: r, colorHostElement: a, goalValue: s = 100, goalLabel: f = "Цель", planLabel: p = "План", factLabel: m = "Факт", futureLabel: h = "Этот день ещё не наступил", yStep: g = U, mirrorYAxis: _ = !0, showTag: v = !0, skeleton: y = !1 }) => {
+	if (r.length === 0) return null;
+	let b = l(c.axisLabel, a), x = l(c.grid, a), S = l(c.tooltipBackground, a), w = l(c.tooltipText, a), T = l(c.skeletonSeries, a), E = y ? T : l(c.burnupGoal, a), D = y ? T : l(c.burnupPlan, a), O = y ? T : l(c.burnupFact, a), k = l(c.burnupFactFillStart, a), A = l(c.burnupFactFillEnd, a), j = W(r), M = j >= 0 ? r[j] : void 0, P = M ? [`${m.toLowerCase()} ${M.fact}%`, `${p.toLowerCase()} ${M.plan}%`] : [];
+	return {
+		type: "line",
+		data: {
+			labels: r.map((e) => e.label),
+			datasets: [
+				{
+					label: f,
+					data: r.map(() => s),
+					borderColor: E,
+					backgroundColor: E,
+					borderWidth: L,
+					borderDash: B,
+					fill: !1,
+					pointRadius: 0,
+					pointHoverRadius: 0,
+					tension: 0
+				},
+				{
+					label: p,
+					data: r.map((e) => e.plan),
+					borderColor: D,
+					backgroundColor: D,
+					borderWidth: R,
+					borderDash: V,
+					fill: !1,
+					pointRadius: 0,
+					pointHoverRadius: 0,
+					tension: .4
+				},
+				{
+					label: m,
+					data: r.map((e) => e.fact ?? null),
+					borderColor: O,
+					backgroundColor: y ? O : (t) => e(t, k, A),
+					borderWidth: z,
+					fill: !y,
+					spanGaps: !1,
+					pointRadius: 0,
+					pointHoverRadius: 4,
+					tension: .4
+				}
+			]
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			interaction: i(y, {
+				mode: "index",
+				intersect: !1
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: o(y),
+					backgroundColor: S,
+					titleColor: w,
+					bodyColor: w,
+					displayColors: !1,
+					position: n,
+					yAlign: "bottom",
+					xAlign: "center",
+					caretPadding: 8,
+					filter: I(j),
+					callbacks: F({
+						todayIndex: j,
+						futureLabel: h
+					})
+				}
+			},
+			scales: d({
+				axisLabelColor: b,
+				gridColor: x,
+				yMin: 0,
+				yMax: G(r, s, g),
+				yStep: g,
+				mirrorYAxis: _,
+				formatYAxisTick: (e) => `${e}%`
+			})
+		},
+		plugins: t(y, [
+			u(a),
+			C(j, a),
+			...v ? [N({
+				tagLines: P,
+				factDatasetIndex: H,
+				todayIndex: j
+			}, a)] : []
+		])
+	};
+}, q = [
+	8,
+	15,
+	23,
+	31,
+	38,
+	46,
+	54,
+	62,
+	69,
+	77,
+	85,
+	92,
+	96,
+	100
+], J = [
+	5,
+	10,
+	16,
+	22,
+	28,
+	34,
+	40,
+	45,
+	50,
+	54,
+	57,
+	60,
+	null,
+	null
+], Y = q.map((e, t) => ({
+	label: `Д${t + 1}`,
+	plan: e,
+	fact: J[t]
+})), X = { class: "s-ui-chart-burnup__canvas-wrap" }, Z = /* @__PURE__ */ _({
+	__name: "SChartBurnup",
+	props: {
+		points: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		goalValue: { default: 100 },
+		goalLabel: { default: "Цель" },
+		planLabel: { default: "План" },
+		factLabel: { default: "Факт" },
+		futureLabel: { default: "Этот день ещё не наступил" },
+		yStep: { default: 25 },
+		mirrorYAxis: {
+			type: Boolean,
+			default: !0
+		},
+		showTag: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e, { expose: t }) {
+		let n = x("chartRootRef"), i = x("chartCanvasRef"), o = p(() => e.loading ? Y : e.points), u = p(() => !e.loading && e.points.length === 0 ? null : K({
+			points: o.value,
+			colorHostElement: n.value,
+			goalValue: e.goalValue,
+			goalLabel: e.goalLabel,
+			planLabel: e.planLabel,
+			factLabel: e.factLabel,
+			futureLabel: e.futureLabel,
+			yStep: e.yStep,
+			mirrorYAxis: e.mirrorYAxis,
+			showTag: e.showTag,
+			skeleton: e.loading
+		})), d = p(() => [
+			{
+				label: e.goalLabel,
+				cssVariable: c.burnupGoal
+			},
+			{
+				label: e.planLabel,
+				cssVariable: c.burnupPlan
+			},
+			{
+				label: e.factLabel,
+				cssVariable: c.burnupFact
+			}
+		].map((t) => ({
+			label: t.label.toLowerCase(),
+			color: l(e.loading ? c.skeletonSeries : t.cssVariable, n.value)
+		}))), { chartInstance: _ } = r({
+			canvasRef: i,
+			config: u,
+			enabled: p(() => e.loading || e.points.length > 0)
+		}), { exportImage: C } = a({
+			chartInstance: _,
+			canvasRef: i,
+			colorHostElement: n
+		});
+		return t({ exportImage: C }), (t, r) => (y(), m("div", {
+			ref_key: "chartRootRef",
+			ref: n,
+			class: v(["s-ui-chart-burnup", { "s-ui-chart-burnup--skeleton": e.loading }])
+		}, [h("div", X, [g(b(s), { loading: e.loading }, {
+			default: S(() => [h("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: i,
+				class: "s-ui-chart-burnup__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])]), g(b(f), {
+			items: d.value,
+			disabled: e.loading
+		}, null, 8, ["items", "disabled"])], 2));
+	}
+});
+//#endregion
+export { Z as t };

package/dist/SChartHorizontalBar-DnKbf_9E.cjs

@@ -0,0 +1 @@
+const e=require("./SChartSkeletonHost-BlIYGj-7.cjs"),t=require("./useHasListener-BPgtbbo6.cjs");let n=require("vue");var r=10,i=14,a=({axisLabelColor:e,categoryLabelColor:t,gridColor:n,xMin:a,xMax:o,xStep:s})=>({x:{type:`linear`,min:a,max:o,border:{display:!1},grid:{color:n,drawTicks:!1},ticks:{color:e,stepSize:s,font:{size:r,weight:500},padding:8}},y:{border:{display:!1},grid:{display:!1},ticks:{color:t,font:{size:i,weight:400},padding:8,crossAlign:`far`,autoSkip:!1}}}),o=(t,n,r)=>r?e.w(e.v.barHorizontalSkeletonFill,n):t?e.w(t,n):e.w(e.v.barHorizontalFillDefault,n),s=(e,t,n)=>{if(t)return t;let r=0;for(let t of e)r=Math.max(r,t.value);let i=Math.ceil(r/n)*n;return i>0?i:n*6},c=10,l=0,u=36,d=4,f=({items:t,colorHostElement:n,xMax:r,xMin:i=l,xStep:f=c,skeleton:p=!1,onBarClick:m})=>{if(t.length===0)return null;let h=e.w(e.v.axisLabel,n),g=e.w(e.v.grid,n),_=e.w(e.v.tooltipBackground,n),v=e.w(e.v.tooltipText,n),y=e.w(p?e.v.barHorizontalCategoryLabelSkeleton:e.v.barHorizontalCategoryLabel,n),b=s(t,r,f),x=t.map(e=>o(e.color,n,p)),S=e.a({kind:`element`,skeleton:p,colorHostElement:n,onIndexClick:m});return{type:`bar`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:x,hoverBackgroundColor:x,borderWidth:0,hoverBorderWidth:0,barThickness:u,borderRadius:{topRight:d,bottomRight:d}}]},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,onHover:S.onHover,onClick:S.onClick,interaction:e.o(p,{mode:`index`,axis:`y`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.s(p),backgroundColor:_,titleColor:v,bodyColor:v}},scales:a({axisLabelColor:h,categoryLabelColor:y,gridColor:g,xMin:i,xMax:b,xStep:f})},plugins:S.plugins}},p=e=>f(e),m=[{label:`Открыта`,value:48},{label:`В процессе`,value:32},{label:`Ревью`,value:53},{label:`Готова для QA`,value:18},{label:`QA`,value:25},{label:`Готова`,value:0}],h={class:`s-ui-chart-horizontal-bar__canvas-wrap`},g=(0,n.defineComponent)({__name:`SChartHorizontalBar`,props:{items:{default:()=>[]},loading:{type:Boolean,default:!1},xMin:{},xMax:{},xStep:{}},emits:[`barClick`],setup(r,{expose:i,emit:a}){let o=a,s=(0,n.useTemplateRef)(`chartRootRef`),c=(0,n.useTemplateRef)(`chartCanvasRef`),l=(0,n.computed)(()=>r.loading?m:r.items),u=e=>{let t=r.items[e];t&&o(`barClick`,e,t)},d=t.t(`onBarClick`),{chartInstance:f}=e.i({canvasRef:c,config:(0,n.computed)(()=>!r.loading&&r.items.length===0?null:p({items:l.value,colorHostElement:s.value,xMax:r.loading?60:r.xMax,xMin:r.loading?0:r.xMin,xStep:r.loading?10:r.xStep,skeleton:r.loading,onBarClick:d()?u:void 0})),enabled:(0,n.computed)(()=>r.loading||r.items.length>0)}),{exportImage:g}=e.r({chartInstance:f,canvasRef:c,colorHostElement:s});return i({exportImage:g}),(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:s,class:(0,n.normalizeClass)([`s-ui-chart-horizontal-bar`,{"s-ui-chart-horizontal-bar--skeleton":r.loading}])},[(0,n.createElementVNode)(`div`,h,[(0,n.createVNode)((0,n.unref)(e.t),{loading:r.loading},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:c,class:`s-ui-chart-horizontal-bar__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});

package/dist/SChartHorizontalBar-DqTZ4H-9.js

@@ -0,0 +1,175 @@
+import { a as e, i as t, o as n, r, s as i, t as a, v as o, w as s } from "./SChartSkeletonHost-DSFyP_DN.js";
+import { t as c } from "./useHasListener-RSjlUyqH.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/horizontalBar/buildHorizontalBarChartScales.ts
+var y = 10, b = 14, x = ({ axisLabelColor: e, categoryLabelColor: t, gridColor: n, xMin: r, xMax: i, xStep: a }) => ({
+	x: {
+		type: "linear",
+		min: r,
+		max: i,
+		border: { display: !1 },
+		grid: {
+			color: n,
+			drawTicks: !1
+		},
+		ticks: {
+			color: e,
+			stepSize: a,
+			font: {
+				size: y,
+				weight: 500
+			},
+			padding: 8
+		}
+	},
+	y: {
+		border: { display: !1 },
+		grid: { display: !1 },
+		ticks: {
+			color: t,
+			font: {
+				size: b,
+				weight: 400
+			},
+			padding: 8,
+			crossAlign: "far",
+			autoSkip: !1
+		}
+	}
+}), S = (e, t, n) => s(n ? o.barHorizontalSkeletonFill : e || o.barHorizontalFillDefault, t), C = (e, t, n) => {
+	if (t) return t;
+	let r = 0;
+	for (let t of e) r = Math.max(r, t.value);
+	let i = Math.ceil(r / n) * n;
+	return i > 0 ? i : n * 6;
+}, w = 10, T = 0, E = 36, D = 4, O = ({ items: t, colorHostElement: r, xMax: a, xMin: c = T, xStep: l = w, skeleton: u = !1, onBarClick: d }) => {
+	if (t.length === 0) return null;
+	let f = s(o.axisLabel, r), p = s(o.grid, r), m = s(o.tooltipBackground, r), h = s(o.tooltipText, r), g = s(u ? o.barHorizontalCategoryLabelSkeleton : o.barHorizontalCategoryLabel, r), _ = C(t, a, l), v = t.map((e) => S(e.color, r, u)), y = e({
+		kind: "element",
+		skeleton: u,
+		colorHostElement: r,
+		onIndexClick: d
+	});
+	return {
+		type: "bar",
+		data: {
+			labels: t.map((e) => e.label),
+			datasets: [{
+				data: t.map((e) => e.value),
+				backgroundColor: v,
+				hoverBackgroundColor: v,
+				borderWidth: 0,
+				hoverBorderWidth: 0,
+				barThickness: E,
+				borderRadius: {
+					topRight: D,
+					bottomRight: D
+				}
+			}]
+		},
+		options: {
+			indexAxis: "y",
+			responsive: !0,
+			maintainAspectRatio: !1,
+			onHover: y.onHover,
+			onClick: y.onClick,
+			interaction: n(u, {
+				mode: "index",
+				axis: "y",
+				intersect: !1
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: i(u),
+					backgroundColor: m,
+					titleColor: h,
+					bodyColor: h
+				}
+			},
+			scales: x({
+				axisLabelColor: f,
+				categoryLabelColor: g,
+				gridColor: p,
+				xMin: c,
+				xMax: _,
+				xStep: l
+			})
+		},
+		plugins: y.plugins
+	};
+}, k = (e) => O(e), A = [
+	{
+		label: "Открыта",
+		value: 48
+	},
+	{
+		label: "В процессе",
+		value: 32
+	},
+	{
+		label: "Ревью",
+		value: 53
+	},
+	{
+		label: "Готова для QA",
+		value: 18
+	},
+	{
+		label: "QA",
+		value: 25
+	},
+	{
+		label: "Готова",
+		value: 0
+	}
+], j = { class: "s-ui-chart-horizontal-bar__canvas-wrap" }, M = /* @__PURE__ */ p({
+	__name: "SChartHorizontalBar",
+	props: {
+		items: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		xMin: {},
+		xMax: {},
+		xStep: {}
+	},
+	emits: ["barClick"],
+	setup(e, { expose: n, emit: i }) {
+		let o = i, s = _("chartRootRef"), p = _("chartCanvasRef"), y = l(() => e.loading ? A : e.items), b = (t) => {
+			let n = e.items[t];
+			n && o("barClick", t, n);
+		}, x = c("onBarClick"), { chartInstance: S } = t({
+			canvasRef: p,
+			config: l(() => !e.loading && e.items.length === 0 ? null : k({
+				items: y.value,
+				colorHostElement: s.value,
+				xMax: e.loading ? 60 : e.xMax,
+				xMin: e.loading ? 0 : e.xMin,
+				xStep: e.loading ? 10 : e.xStep,
+				skeleton: e.loading,
+				onBarClick: x() ? b : void 0
+			})),
+			enabled: l(() => e.loading || e.items.length > 0)
+		}), { exportImage: C } = r({
+			chartInstance: S,
+			canvasRef: p,
+			colorHostElement: s
+		});
+		return n({ exportImage: C }), (t, n) => (h(), u("div", {
+			ref_key: "chartRootRef",
+			ref: s,
+			class: m(["s-ui-chart-horizontal-bar", { "s-ui-chart-horizontal-bar--skeleton": e.loading }])
+		}, [d("div", j, [f(g(a), { loading: e.loading }, {
+			default: v(() => [d("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: p,
+				class: "s-ui-chart-horizontal-bar__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])])], 2));
+	}
+});
+//#endregion
+export { M as t };

package/dist/SChartLegend-DGtjd6zV.cjs

@@ -0,0 +1 @@
+let e=require("vue");var t=[`onMouseenter`],n={class:`s-ui-chart-legend__swatch-slot`,"aria-hidden":`true`},r={class:`s-ui-chart-legend__label`},i=(0,e.defineComponent)({__name:`SChartLegend`,props:{items:{},disabled:{type:Boolean,default:!1},direction:{default:`row`},interactive:{type:Boolean,default:!1}},emits:[`itemHover`],setup(i,{emit:a}){let o=a,s=e=>{i.interactive&&o(`itemHover`,e)};return(a,o)=>((0,e.openBlock)(),(0,e.createElementBlock)(`ul`,{class:(0,e.normalizeClass)([`s-ui-chart-legend`,{"s-ui-chart-legend--disabled":i.disabled,"s-ui-chart-legend--column":i.direction===`column`}]),onMouseleave:o[0]||=e=>s(null)},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(i.items,(i,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`li`,{key:i.label,class:`s-ui-chart-legend__item`,onMouseenter:e=>s(a)},[(0,e.createElementVNode)(`span`,n,[(0,e.createElementVNode)(`span`,{class:`s-ui-chart-legend__swatch`,style:(0,e.normalizeStyle)({backgroundColor:i.color})},null,4)]),(0,e.createElementVNode)(`span`,r,`— `+(0,e.toDisplayString)(i.label),1)],40,t))),128))],34))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/dist/SChartLegend-oZoF8XK7.js

@@ -0,0 +1,42 @@
+import { Fragment as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderList as s, toDisplayString as c } from "vue";
+//#region src/components/SChartLegend/SChartLegend.vue?vue&type=script&setup=true&lang.ts
+var l = ["onMouseenter"], u = {
+	class: "s-ui-chart-legend__swatch-slot",
+	"aria-hidden": "true"
+}, d = { class: "s-ui-chart-legend__label" }, f = /* @__PURE__ */ r({
+	__name: "SChartLegend",
+	props: {
+		items: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		direction: { default: "row" },
+		interactive: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["itemHover"],
+	setup(r, { emit: f }) {
+		let p = f, m = (e) => {
+			r.interactive && p("itemHover", e);
+		};
+		return (f, p) => (o(), t("ul", {
+			class: i(["s-ui-chart-legend", {
+				"s-ui-chart-legend--disabled": r.disabled,
+				"s-ui-chart-legend--column": r.direction === "column"
+			}]),
+			onMouseleave: p[0] ||= (e) => m(null)
+		}, [(o(!0), t(e, null, s(r.items, (e, r) => (o(), t("li", {
+			key: e.label,
+			class: "s-ui-chart-legend__item",
+			onMouseenter: (e) => m(r)
+		}, [n("span", u, [n("span", {
+			class: "s-ui-chart-legend__swatch",
+			style: a({ backgroundColor: e.color })
+		}, null, 4)]), n("span", d, "— " + c(e.label), 1)], 40, l))), 128))], 34));
+	}
+});
+//#endregion
+export { f as t };

package/dist/SChartLine-CEnRbnVo.cjs

@@ -0,0 +1 @@
+const e=require("./createChartAreaFillGradient-BwsojVzU.cjs"),t=require("./SChartSkeletonHost-BlIYGj-7.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=t.w(t.v.axisLabel,u),g=t.w(t.v.grid,u),_=t.w(m?t.v.skeletonSeries:t.v.seriesPrimary,u),v=t.w(m?t.v.skeletonFillStart:t.v.seriesFillStart,u),y=t.w(m?t.v.skeletonFillEnd:t.v.seriesFillEnd,u),b=t.w(t.v.tooltipBackground,u),x=t.w(t.v.tooltipText,u),S=i(m?t.v.skeletonFillOpacity:t.v.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:t=>e.t(t,v,y,S),borderWidth:a,fill:!0,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:t.o(m,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:t.s(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(e,{expose:n}){let i=(0,r.useTemplateRef)(`chartRootRef`),a=(0,r.useTemplateRef)(`chartCanvasRef`),o=(0,r.computed)(()=>e.loading?u:e.points),{chartInstance:s}=t.i({canvasRef:a,config:(0,r.computed)(()=>!e.loading&&e.points.length===0?null:l({points:o.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})),enabled:(0,r.computed)(()=>e.loading||e.points.length>0)}),{exportImage:c}=t.r({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":e.loading}])},[(0,r.createElementVNode)(`div`,d,[(0,r.createVNode)((0,r.unref)(t.t),{loading:e.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/SChartLine-CQhbtAjJ.js

@@ -0,0 +1,129 @@
+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-DSFyP_DN.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
+var y = (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;
+}, b = 5, x = 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}%`, 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;
+	return {
+		type: "line",
+		data: {
+			labels: t.map((e) => e.label),
+			datasets: [{
+				label: r,
+				data: t.map((e) => e.value),
+				borderColor: h,
+				backgroundColor: (t) => e(t, g, _, T),
+				borderWidth: b,
+				fill: !0,
+				pointRadius: 0,
+				pointHoverRadius: 4,
+				tension: .4
+			}]
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			interaction: n(f, {
+				mode: "index",
+				intersect: !1
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: i(f),
+					backgroundColor: v,
+					titleColor: w,
+					bodyColor: w,
+					displayColors: !1
+				}
+			},
+			scales: c({
+				axisLabelColor: p,
+				gridColor: m,
+				yMin: D,
+				yMax: E,
+				yStep: d,
+				formatYAxisTick: (e) => C(e, f)
+			})
+		}
+	};
+}, T = [
+	{
+		label: "ноябрь 2025",
+		value: 63
+	},
+	{
+		label: "декабрь 2025",
+		value: 77
+	},
+	{
+		label: "январь 2026",
+		value: 75
+	},
+	{
+		label: "февраль 2026",
+		value: 81
+	},
+	{
+		label: "март 2026",
+		value: 91
+	},
+	{
+		label: "апрель 2026",
+		value: 87
+	}
+], E = { class: "s-ui-chart-line__canvas-wrap" }, D = /* @__PURE__ */ p({
+	__name: "SChartLine",
+	props: {
+		points: { default: () => [] },
+		seriesLabel: { default: "Series" },
+		loading: {
+			type: Boolean,
+			default: !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({
+				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
+			})),
+			enabled: l(() => e.loading || e.points.length > 0)
+		}), { exportImage: p } = r({
+			chartInstance: c,
+			canvasRef: o,
+			colorHostElement: i
+		});
+		return n({ exportImage: p }), (t, n) => (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 }, {
+			default: v(() => [d("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: o,
+				class: "s-ui-chart-line__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])])], 2));
+	}
+});
+//#endregion
+export { D as t };

package/dist/SChartMultiLine-B6GldTYv.cjs

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