@shtabapp/ui-kit 1.74.0 → 1.76.0

package/dist/SChartBurnup-C5Z7UDi-.js

@@ -1,250 +0,0 @@
-import { t as e } from "./SChartLegend-oZoF8XK7.js";
-import { E as t, T as n, c as r, l as i, n as a, o, p as s, s as c, t as l, y as u } from "./useChartInteractivity-Cl06JL4l.js";
-import { t as d } from "./createChartCrosshairPlugin-C2NUAO5s.js";
-import { t as f } from "./buildMultiLineChartScales-CFZ8YVeJ.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(r) {
-		if (e < 0) return;
-		let { ctx: i, chartArea: a } = r, o = r.scales.x;
-		if (!a || !o) return;
-		let s = n(u.burnupToday, t), 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();
-	}
-}), 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: r }, i) => ({
-	id: "sUiChartBurnupTag",
-	afterDatasetsDraw(a) {
-		if (r < 0 || e.length === 0) return;
-		let o = a.getDatasetMeta(t)?.data[r], { chartArea: s } = a;
-		if (!o || !s) return;
-		let c = n(u.burnupToday, i), l = n(u.burnupTagBackground, i), { ctx: d } = a;
-		d.save(), d.font = j(i), 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(o.x - p / 2, s.left), s.right - p), g = Math.max(o.y - A - m, s.top);
-		M(d, h, g, p, m, D), d.fillStyle = l, d.fill(), d.lineWidth = 1, d.strokeStyle = c, d.stroke(), d.fillStyle = c, 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: e, colorHostElement: t, goalValue: a = 100, goalLabel: l = "Цель", planLabel: p = "План", factLabel: m = "Факт", futureLabel: h = "Этот день ещё не наступил", yStep: g = U, mirrorYAxis: _ = !0, showTag: v = !0, skeleton: y = !1 }) => {
-	if (e.length === 0) return null;
-	let b = n(u.axisLabel, t), x = n(u.grid, t), S = n(u.tooltipBackground, t), w = n(u.tooltipText, t), T = n(u.skeletonSeries, t), E = y ? T : n(u.burnupGoal, t), D = y ? T : n(u.burnupPlan, t), O = y ? T : n(u.burnupFact, t), k = n(u.burnupFactFillStart, t), A = n(u.burnupFactFillEnd, t), j = W(e), M = j >= 0 ? e[j] : void 0, P = M ? [`${m.toLowerCase()} ${M.fact}%`, `${p.toLowerCase()} ${M.plan}%`] : [];
-	return {
-		type: "line",
-		data: {
-			labels: e.map((e) => e.label),
-			datasets: [
-				{
-					label: l,
-					data: e.map(() => a),
-					borderColor: E,
-					backgroundColor: E,
-					borderWidth: L,
-					borderDash: B,
-					fill: !1,
-					pointRadius: 0,
-					pointHoverRadius: 0,
-					tension: 0
-				},
-				{
-					label: p,
-					data: e.map((e) => e.plan),
-					borderColor: D,
-					backgroundColor: D,
-					borderWidth: R,
-					borderDash: V,
-					fill: !1,
-					pointRadius: 0,
-					pointHoverRadius: 0,
-					tension: .4
-				},
-				{
-					label: m,
-					data: e.map((e) => e.fact ?? null),
-					borderColor: O,
-					backgroundColor: y ? O : (e) => o(e, k, A),
-					borderWidth: z,
-					fill: !y,
-					spanGaps: !1,
-					pointRadius: 0,
-					pointHoverRadius: 4,
-					tension: .4
-				}
-			]
-		},
-		options: {
-			responsive: !0,
-			maintainAspectRatio: !1,
-			interaction: c(y, {
-				mode: "index",
-				intersect: !1
-			}),
-			plugins: {
-				legend: { display: !1 },
-				tooltip: {
-					enabled: r(y),
-					backgroundColor: S,
-					titleColor: w,
-					bodyColor: w,
-					displayColors: !1,
-					position: s,
-					yAlign: "bottom",
-					xAlign: "center",
-					caretPadding: 8,
-					filter: I(j),
-					callbacks: F({
-						todayIndex: j,
-						futureLabel: h
-					})
-				}
-			},
-			scales: f({
-				axisLabelColor: b,
-				gridColor: x,
-				yMin: 0,
-				yMax: G(e, a, g),
-				yStep: g,
-				mirrorYAxis: _,
-				formatYAxisTick: (e) => `${e}%`
-			})
-		},
-		plugins: i(y, [
-			d(t),
-			C(j, t),
-			...v ? [N({
-				tagLines: P,
-				factDatasetIndex: H,
-				todayIndex: j
-			}, t)] : []
-		])
-	};
-}, 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(r, { expose: i }) {
-		let o = x("chartRootRef"), s = x("chartCanvasRef"), c = p(() => r.loading ? Y : r.points), d = p(() => !r.loading && r.points.length === 0 ? null : K({
-			points: c.value,
-			colorHostElement: o.value,
-			goalValue: r.goalValue,
-			goalLabel: r.goalLabel,
-			planLabel: r.planLabel,
-			factLabel: r.factLabel,
-			futureLabel: r.futureLabel,
-			yStep: r.yStep,
-			mirrorYAxis: r.mirrorYAxis,
-			showTag: r.showTag,
-			skeleton: r.loading
-		})), f = p(() => [
-			{
-				label: r.goalLabel,
-				cssVariable: u.burnupGoal
-			},
-			{
-				label: r.planLabel,
-				cssVariable: u.burnupPlan
-			},
-			{
-				label: r.factLabel,
-				cssVariable: u.burnupFact
-			}
-		].map((e) => ({
-			label: e.label.toLowerCase(),
-			color: n(r.loading ? u.skeletonSeries : e.cssVariable, o.value)
-		}))), { chartInstance: _ } = a({
-			canvasRef: s,
-			config: d,
-			enabled: p(() => r.loading || r.points.length > 0)
-		}), { exportImage: C } = l({
-			chartInstance: _,
-			canvasRef: s,
-			colorHostElement: o
-		});
-		return i({ exportImage: C }), (n, i) => (y(), m("div", {
-			ref_key: "chartRootRef",
-			ref: o,
-			class: v(["s-ui-chart-burnup", { "s-ui-chart-burnup--skeleton": r.loading }])
-		}, [h("div", X, [g(b(t), { loading: r.loading }, {
-			default: S(() => [h("canvas", {
-				ref_key: "chartCanvasRef",
-				ref: s,
-				class: "s-ui-chart-burnup__canvas"
-			}, null, 512)]),
-			_: 1
-		}, 8, ["loading"])]), g(b(e), {
-			items: f.value,
-			disabled: r.loading
-		}, null, 8, ["items", "disabled"])], 2));
-	}
-});
-//#endregion
-export { Z as t };

package/dist/SChartBurnup-CWSJUoA_.cjs

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

package/dist/SChartHorizontalBar-0RpJa5EJ.cjs

@@ -1 +0,0 @@
-const e=require("./useChartInteractivity-LbJiqlvI.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.T(e.y.barHorizontalSkeletonFill,n):t?e.T(t,n):e.T(e.y.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.T(e.y.axisLabel,n),g=e.T(e.y.grid,n),_=e.T(e.y.tooltipBackground,n),v=e.T(e.y.tooltipText,n),y=e.T(p?e.y.barHorizontalCategoryLabelSkeleton:e.y.barHorizontalCategoryLabel,n),b=s(t,r,f),x=t.map(e=>o(e.color,n,p)),S=e.r({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.s(p,{mode:`index`,axis:`y`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.c(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.n({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.t({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.E),{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-B9SWFvdN.js

@@ -1,175 +0,0 @@
-import { E as e, T as t, c as n, n as r, r as i, s as a, t as o, y as s } from "./useChartInteractivity-Cl06JL4l.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, n, r) => t(r ? s.barHorizontalSkeletonFill : e || s.barHorizontalFillDefault, n), 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: e, colorHostElement: r, xMax: o, xMin: c = T, xStep: l = w, skeleton: u = !1, onBarClick: d }) => {
-	if (e.length === 0) return null;
-	let f = t(s.axisLabel, r), p = t(s.grid, r), m = t(s.tooltipBackground, r), h = t(s.tooltipText, r), g = t(u ? s.barHorizontalCategoryLabelSkeleton : s.barHorizontalCategoryLabel, r), _ = C(e, o, l), v = e.map((e) => S(e.color, r, u)), y = i({
-		kind: "element",
-		skeleton: u,
-		colorHostElement: r,
-		onIndexClick: d
-	});
-	return {
-		type: "bar",
-		data: {
-			labels: e.map((e) => e.label),
-			datasets: [{
-				data: e.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: a(u, {
-				mode: "index",
-				axis: "y",
-				intersect: !1
-			}),
-			plugins: {
-				legend: { display: !1 },
-				tooltip: {
-					enabled: n(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(t, { expose: n, emit: i }) {
-		let a = i, s = _("chartRootRef"), p = _("chartCanvasRef"), y = l(() => t.loading ? A : t.items), b = (e) => {
-			let n = t.items[e];
-			n && a("barClick", e, n);
-		}, x = c("onBarClick"), { chartInstance: S } = r({
-			canvasRef: p,
-			config: l(() => !t.loading && t.items.length === 0 ? null : k({
-				items: y.value,
-				colorHostElement: s.value,
-				xMax: t.loading ? 60 : t.xMax,
-				xMin: t.loading ? 0 : t.xMin,
-				xStep: t.loading ? 10 : t.xStep,
-				skeleton: t.loading,
-				onBarClick: x() ? b : void 0
-			})),
-			enabled: l(() => t.loading || t.items.length > 0)
-		}), { exportImage: C } = o({
-			chartInstance: S,
-			canvasRef: p,
-			colorHostElement: s
-		});
-		return n({ exportImage: C }), (n, r) => (h(), u("div", {
-			ref_key: "chartRootRef",
-			ref: s,
-			class: m(["s-ui-chart-horizontal-bar", { "s-ui-chart-horizontal-bar--skeleton": t.loading }])
-		}, [d("div", j, [f(g(e), { loading: t.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

@@ -1 +0,0 @@
-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

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