@shtabapp/ui-kit 1.26.0

package/dist/SChartStackedArea-B-E5tLfo.js

@@ -0,0 +1,225 @@
+import { _ as e, a as t, c as n, g as r, i, o as a, p as o, r as s, s as c, t as l, v as u } from "./SChartSkeletonHost-BnYGg6WN.js";
+import { t as d } from "./buildCartesianChartScales-EofFq3ry.js";
+import { n as f, r as p, t as m } from "./buildChartSeriesPoints-Cj8ooXn5.js";
+import { n as h, t as g } from "./SChartLegend-CcbzWNuw.js";
+import { computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createVNode as S, defineComponent as C, normalizeClass as w, openBlock as T, unref as E, useTemplateRef as D, withCtx as O } from "vue";
+//#region src/utils/chart/stacked/createChartCrosshairPlugin.ts
+var k = (e) => ({
+	id: "sUiChartCrosshair",
+	afterDatasetsDraw(t) {
+		if ((t.tooltip?.getActiveElements() ?? []).length === 0) return;
+		let { ctx: n, chartArea: r } = t;
+		if (!r || !t.tooltip) return;
+		let i = u(o.crosshair, e), a = t.tooltip.caretX;
+		n.save(), n.beginPath(), n.moveTo(a, r.top), n.lineTo(a, r.bottom), n.lineWidth = 1, n.strokeStyle = i, n.stroke(), n.restore();
+	}
+}), A = (t, n, i, a = !1) => h(t, n, i, a, {
+	palette: e,
+	paletteFallback: o.stackedPalette1,
+	skeletonPalette: r,
+	skeletonFallback: o.skeletonPalette1
+}), j = 20, M = "stack0", N = ({ seriesList: e, colorHostElement: r, yMax: o, yMin: s, yStep: l = j, skeleton: u = !1, totalLabel: f }) => {
+	let m = p({
+		seriesList: e,
+		colorHostElement: r,
+		yMax: o,
+		yMin: s,
+		yStep: l,
+		skeleton: u
+	});
+	if (!m) return null;
+	let { axisLabelColor: h, gridColor: g, tooltipBackgroundColor: _, tooltipTextColor: v, resolvedYMax: y, resolvedYMin: b, chartLabels: x } = m;
+	return {
+		type: "line",
+		data: {
+			labels: x,
+			datasets: e.map((e, t) => ({
+				label: e.label,
+				data: e.points.map((e) => e.value),
+				borderColor: A(t, r, e.fillColor, u),
+				backgroundColor: A(t, r, e.fillColor, u),
+				borderWidth: 0,
+				fill: !0,
+				pointRadius: 0,
+				pointHoverRadius: 0,
+				tension: 0,
+				stack: M
+			}))
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			interaction: i(u, {
+				mode: "index",
+				intersect: !1
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: t(u),
+					backgroundColor: _,
+					titleColor: v,
+					bodyColor: v,
+					footerColor: v,
+					displayColors: !1,
+					position: c,
+					yAlign: "bottom",
+					xAlign: "center",
+					caretPadding: 8,
+					callbacks: n({ total: f })
+				}
+			},
+			scales: d({
+				axisLabelColor: h,
+				gridColor: g,
+				yMin: b,
+				yMax: y,
+				yStep: l,
+				stacked: !0
+			})
+		},
+		plugins: a(u, [k(r)])
+	};
+}, 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"
+], F = [
+	18,
+	22,
+	26,
+	30,
+	34,
+	38,
+	42,
+	44,
+	46,
+	48,
+	49,
+	50,
+	51,
+	52
+], I = [
+	6,
+	6,
+	7,
+	7,
+	7,
+	7,
+	7,
+	7,
+	7,
+	7,
+	7,
+	7,
+	7,
+	7
+], L = [
+	10,
+	11,
+	12,
+	12,
+	11,
+	10,
+	10,
+	10,
+	10,
+	10,
+	10,
+	10,
+	10,
+	10
+], R = [
+	32,
+	30,
+	28,
+	26,
+	28,
+	30,
+	29,
+	28,
+	27,
+	26,
+	26,
+	27,
+	28,
+	28
+], z = [
+	"Готово",
+	"На ревью",
+	"В процессе",
+	"Бэклог"
+], B = [
+	{
+		label: z[0] ?? "Series 1",
+		points: m(P, F)
+	},
+	{
+		label: z[1] ?? "Series 2",
+		points: m(P, I)
+	},
+	{
+		label: z[2] ?? "Series 3",
+		points: m(P, L)
+	},
+	{
+		label: z[3] ?? "Series 4",
+		points: m(P, R)
+	}
+], V = { class: "s-ui-chart-stacked-area__canvas-wrap" }, H = /* @__PURE__ */ C({
+	__name: "SChartStackedArea",
+	props: {
+		series: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		yMax: {},
+		yStep: {},
+		totalLabel: {}
+	},
+	setup(e) {
+		let t = D("chartRootRef"), n = D("chartCanvasRef"), r = _(() => e.loading ? B : e.series), i = _(() => !e.loading && e.series.length === 0 ? null : N({
+			seriesList: r.value,
+			colorHostElement: t.value,
+			yMax: e.loading ? 160 : e.yMax,
+			yMin: e.loading ? 0 : void 0,
+			yStep: e.loading ? 20 : e.yStep,
+			skeleton: e.loading,
+			totalLabel: e.totalLabel
+		})), a = _(() => f(r.value, (n, r) => A(n, t.value, r, e.loading)));
+		return s({
+			canvasRef: n,
+			config: i,
+			enabled: _(() => e.loading || e.series.length > 0)
+		}), (r, i) => (T(), b("div", {
+			ref_key: "chartRootRef",
+			ref: t,
+			class: w(["s-ui-chart-stacked-area", { "s-ui-chart-stacked-area--skeleton": e.loading }])
+		}, [x("div", V, [S(E(l), { loading: e.loading }, {
+			default: O(() => [x("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: n,
+				class: "s-ui-chart-stacked-area__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])]), a.value.length > 0 ? (T(), v(E(g), {
+			key: 0,
+			items: a.value,
+			disabled: e.loading
+		}, null, 8, ["items", "disabled"])) : y("", !0)], 2));
+	}
+});
+//#endregion
+export { H as t };

package/dist/SChartStackedArea-ByOgW4Mi.cjs

@@ -0,0 +1 @@
+const e=require("./SChartSkeletonHost-CixHLD65.cjs"),t=require("./buildCartesianChartScales-Dck5yBMo.cjs"),n=require("./buildChartSeriesPoints-DXgWMMZH.cjs"),r=require("./SChartLegend-CLTLJeRH.cjs");let i=require("vue");var a=t=>({id:`sUiChartCrosshair`,afterDatasetsDraw(n){if((n.tooltip?.getActiveElements()??[]).length===0)return;let{ctx:r,chartArea:i}=n;if(!i||!n.tooltip)return;let a=e.v(e.p.crosshair,t),o=n.tooltip.caretX;r.save(),r.beginPath(),r.moveTo(o,i.top),r.lineTo(o,i.bottom),r.lineWidth=1,r.strokeStyle=a,r.stroke(),r.restore()}}),o=(t,n,i,a=!1)=>r.n(t,n,i,a,{palette:e._,paletteFallback:e.p.stackedPalette1,skeletonPalette:e.g,skeletonFallback:e.p.skeletonPalette1}),s=20,c=`stack0`,l=({seriesList:r,colorHostElement:i,yMax:l,yMin:u,yStep:d=s,skeleton:f=!1,totalLabel:p})=>{let m=n.r({seriesList:r,colorHostElement:i,yMax:l,yMin:u,yStep:d,skeleton:f});if(!m)return null;let{axisLabelColor:h,gridColor:g,tooltipBackgroundColor:_,tooltipTextColor:v,resolvedYMax:y,resolvedYMin:b,chartLabels:x}=m;return{type:`line`,data:{labels:x,datasets:r.map((e,t)=>({label:e.label,data:e.points.map(e=>e.value),borderColor:o(t,i,e.fillColor,f),backgroundColor:o(t,i,e.fillColor,f),borderWidth:0,fill:!0,pointRadius:0,pointHoverRadius:0,tension:0,stack:c}))},options:{responsive:!0,maintainAspectRatio:!1,interaction:e.i(f,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(f),backgroundColor:_,titleColor:v,bodyColor:v,footerColor:v,displayColors:!1,position:e.s,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:e.c({total:p})}},scales:t.t({axisLabelColor:h,gridColor:g,yMin:b,yMax:y,yStep:d,stacked:!0})},plugins:e.o(f,[a(i)])}},u=[`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`],d=[18,22,26,30,34,38,42,44,46,48,49,50,51,52],f=[6,6,7,7,7,7,7,7,7,7,7,7,7,7],p=[10,11,12,12,11,10,10,10,10,10,10,10,10,10],m=[32,30,28,26,28,30,29,28,27,26,26,27,28,28],h=[`Готово`,`На ревью`,`В процессе`,`Бэклог`],g=[{label:h[0]??`Series 1`,points:n.t(u,d)},{label:h[1]??`Series 2`,points:n.t(u,f)},{label:h[2]??`Series 3`,points:n.t(u,p)},{label:h[3]??`Series 4`,points:n.t(u,m)}],_={class:`s-ui-chart-stacked-area__canvas-wrap`},v=(0,i.defineComponent)({__name:`SChartStackedArea`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{},totalLabel:{}},setup(t){let a=(0,i.useTemplateRef)(`chartRootRef`),s=(0,i.useTemplateRef)(`chartCanvasRef`),c=(0,i.computed)(()=>t.loading?g:t.series),u=(0,i.computed)(()=>!t.loading&&t.series.length===0?null:l({seriesList:c.value,colorHostElement:a.value,yMax:t.loading?160:t.yMax,yMin:t.loading?0:void 0,yStep:t.loading?20:t.yStep,skeleton:t.loading,totalLabel:t.totalLabel})),d=(0,i.computed)(()=>n.n(c.value,(e,n)=>o(e,a.value,n,t.loading)));return e.r({canvasRef:s,config:u,enabled:(0,i.computed)(()=>t.loading||t.series.length>0)}),(n,o)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:a,class:(0,i.normalizeClass)([`s-ui-chart-stacked-area`,{"s-ui-chart-stacked-area--skeleton":t.loading}])},[(0,i.createElementVNode)(`div`,_,[(0,i.createVNode)((0,i.unref)(e.t),{loading:t.loading},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:s,class:`s-ui-chart-stacked-area__canvas`},null,512)]),_:1},8,[`loading`])]),d.value.length>0?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(r.t),{key:0,items:d.value,disabled:t.loading},null,8,[`items`,`disabled`])):(0,i.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});

package/dist/SChartStackedBar-CbOLEjHH.cjs

@@ -0,0 +1 @@
+const e=require("./SChartSkeletonHost-CixHLD65.cjs"),t=require("./buildCartesianChartScales-Dck5yBMo.cjs"),n=require("./buildChartSeriesPoints-DXgWMMZH.cjs"),r=require("./SChartLegend-CLTLJeRH.cjs");let i=require("vue");var a=(t,n,i,a=!1)=>r.n(t,n,i,a,{palette:e.f,paletteFallback:e.p.barStackedPalette1,skeletonPalette:e.d,skeletonFallback:e.p.barSkeletonPalette1}),o=3,s=4,c=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i),s=o;e.beginPath(),e.moveTo(t,n+i),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.lineTo(t+r-s,n),e.arcTo(t+r,n,t+r,n+s,s),e.lineTo(t+r,n+i),e.closePath(),e.stroke()},l=t=>({id:`stackedBarHoverOutline`,afterDatasetsDraw(n){let r=n.tooltip?.getActiveElements()??[];if(r.length===0)return;let i=1/0,a=1/0,l=-1/0,u=-1/0;for(let e of r){let{x:t,y:n,width:r,base:o}=e.element.getProps([`x`,`y`,`width`,`base`]),s=t-r/2,c=t+r/2,d=n,f=o;i=Math.min(i,s),l=Math.max(l,c),a=Math.min(a,d),u=Math.max(u,f)}let d=e.v(e.p.barHoverOutline,t),{ctx:f,chartArea:p}=n,m=o/2,h=p?.bottom??u,g=Math.min(u,h),_=i+m,v=a+m,y=l-i-o,b=g-a-o;if(y<=0||b<=0)return;let x=Math.max(0,s-m);f.save(),f.strokeStyle=d,f.lineWidth=o,c(f,_,v,y,b,x),f.restore()}}),u=5,d=`stack0`,f=36,p=4,m=12,h=({seriesList:r,colorHostElement:i,yMax:o,yMin:s,yStep:c=u,skeleton:h=!1})=>{let g=n.r({seriesList:r,colorHostElement:i,yMax:o,yMin:s,yStep:c,skeleton:h});if(!g)return null;let{axisLabelColor:_,gridColor:v,tooltipBackgroundColor:y,tooltipTextColor:b,resolvedYMax:x,resolvedYMin:S,chartLabels:C,pointCaptions:w,topSeriesIndex:T}=g;return{type:`bar`,data:{labels:C,datasets:r.map((e,t)=>{let n=a(t,i,e.fillColor,h);return{label:e.label,data:e.points.map(e=>e.value),backgroundColor:n,hoverBackgroundColor:n,borderWidth:0,hoverBorderWidth:0,stack:d,barThickness:f,borderRadius:t===T?{topLeft:p,topRight:p}:0,...t===0?{captions:w}:{}}})},options:{responsive:!0,maintainAspectRatio:!1,interaction:e.i(h,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(h),backgroundColor:y,titleColor:b,bodyColor:b,displayColors:!1,position:e.l,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:e.u()}},scales:t.t({axisLabelColor:_,gridColor:v,yMin:S,yMax:x,yStep:c,stacked:!0,xTickFontSize:m})},plugins:e.o(h,[l(i)])}},g=[`5 неделя`,`6 неделя`,`7 неделя`,`8 неделя`,`9 неделя`,`10 неделя`,`11 неделя`,`12 неделя`,`13 неделя`,`14 неделя`,`15 неделя`,`16 неделя`],_=[12,14,15,16,18,17,16,15,14,13,12,11],v=[6,7,8,8,9,8,7,7,6,6,5,5],y=[4,5,5,6,6,5,5,4,4,3,3,3],b=[`Series 1`,`Series 2`,`Series 3`],x=[{label:b[0]??`Series 1`,points:n.t(g,_)},{label:b[1]??`Series 2`,points:n.t(g,v)},{label:b[2]??`Series 3`,points:n.t(g,y)}],S={class:`s-ui-chart-stacked-bar__canvas-wrap`},C=(0,i.defineComponent)({__name:`SChartStackedBar`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{}},setup(t){let o=(0,i.useTemplateRef)(`chartRootRef`),s=(0,i.useTemplateRef)(`chartCanvasRef`),c=(0,i.computed)(()=>t.loading?x:t.series),l=(0,i.computed)(()=>!t.loading&&t.series.length===0?null:h({seriesList:c.value,colorHostElement:o.value,yMax:t.loading?50:t.yMax,yMin:t.loading?0:void 0,yStep:t.loading?5:t.yStep,skeleton:t.loading})),u=(0,i.computed)(()=>n.n(c.value,(e,n)=>a(e,o.value,n,t.loading)));return e.r({canvasRef:s,config:l,enabled:(0,i.computed)(()=>t.loading||t.series.length>0)}),(n,a)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:o,class:(0,i.normalizeClass)([`s-ui-chart-stacked-bar`,{"s-ui-chart-stacked-bar--skeleton":t.loading}])},[(0,i.createElementVNode)(`div`,S,[(0,i.createVNode)((0,i.unref)(e.t),{loading:t.loading},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:s,class:`s-ui-chart-stacked-bar__canvas`},null,512)]),_:1},8,[`loading`])]),u.value.length>0?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(r.t),{key:0,items:u.value,disabled:t.loading},null,8,[`items`,`disabled`])):(0,i.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return C}});

package/dist/SChartStackedBar-DmtysTnY.js

@@ -0,0 +1,215 @@
+import { a as e, d as t, f as n, i as r, l as i, o as a, p as o, r as s, t as c, u as l, v as u } from "./SChartSkeletonHost-BnYGg6WN.js";
+import { t as d } from "./buildCartesianChartScales-EofFq3ry.js";
+import { n as f, r as p, t as m } from "./buildChartSeriesPoints-Cj8ooXn5.js";
+import { n as h, t as g } from "./SChartLegend-CcbzWNuw.js";
+import { computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createVNode as S, defineComponent as C, normalizeClass as w, openBlock as T, unref as E, useTemplateRef as D, withCtx as O } from "vue";
+//#region src/utils/chart/bar/resolveBarStackedSeriesColor.ts
+var k = (e, r, i, a = !1) => h(e, r, i, a, {
+	palette: n,
+	paletteFallback: o.barStackedPalette1,
+	skeletonPalette: t,
+	skeletonFallback: o.barSkeletonPalette1
+}), A = 3, j = 4, M = (e, t, n, r, i, a) => {
+	let o = Math.min(a, r / 2, i), s = o;
+	e.beginPath(), e.moveTo(t, n + i), e.lineTo(t, n + o), e.arcTo(t, n, t + o, n, o), e.lineTo(t + r - s, n), e.arcTo(t + r, n, t + r, n + s, s), e.lineTo(t + r, n + i), e.closePath(), e.stroke();
+}, N = (e) => ({
+	id: "stackedBarHoverOutline",
+	afterDatasetsDraw(t) {
+		let n = t.tooltip?.getActiveElements() ?? [];
+		if (n.length === 0) return;
+		let r = Infinity, i = Infinity, a = -Infinity, s = -Infinity;
+		for (let e of n) {
+			let { x: t, y: n, width: o, base: c } = e.element.getProps([
+				"x",
+				"y",
+				"width",
+				"base"
+			]), l = t - o / 2, u = t + o / 2, d = n, f = c;
+			r = Math.min(r, l), a = Math.max(a, u), i = Math.min(i, d), s = Math.max(s, f);
+		}
+		let c = u(o.barHoverOutline, e), { ctx: l, chartArea: d } = t, f = A / 2, p = d?.bottom ?? s, m = Math.min(s, p), h = r + f, g = i + f, _ = a - r - A, v = m - i - A;
+		if (_ <= 0 || v <= 0) return;
+		let y = Math.max(0, j - f);
+		l.save(), l.strokeStyle = c, l.lineWidth = A, M(l, h, g, _, v, y), l.restore();
+	}
+}), P = 5, F = "stack0", I = 36, L = 4, R = 12, z = ({ seriesList: t, colorHostElement: n, yMax: o, yMin: s, yStep: c = P, skeleton: u = !1 }) => {
+	let f = p({
+		seriesList: t,
+		colorHostElement: n,
+		yMax: o,
+		yMin: s,
+		yStep: c,
+		skeleton: u
+	});
+	if (!f) return null;
+	let { axisLabelColor: m, gridColor: h, tooltipBackgroundColor: g, tooltipTextColor: _, resolvedYMax: v, resolvedYMin: y, chartLabels: b, pointCaptions: x, topSeriesIndex: S } = f;
+	return {
+		type: "bar",
+		data: {
+			labels: b,
+			datasets: t.map((e, t) => {
+				let r = k(t, n, e.fillColor, u);
+				return {
+					label: e.label,
+					data: e.points.map((e) => e.value),
+					backgroundColor: r,
+					hoverBackgroundColor: r,
+					borderWidth: 0,
+					hoverBorderWidth: 0,
+					stack: F,
+					barThickness: I,
+					borderRadius: t === S ? {
+						topLeft: L,
+						topRight: L
+					} : 0,
+					...t === 0 ? { captions: x } : {}
+				};
+			})
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			interaction: r(u, {
+				mode: "index",
+				intersect: !1
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: e(u),
+					backgroundColor: g,
+					titleColor: _,
+					bodyColor: _,
+					displayColors: !1,
+					position: i,
+					yAlign: "bottom",
+					xAlign: "center",
+					caretPadding: 8,
+					callbacks: l()
+				}
+			},
+			scales: d({
+				axisLabelColor: m,
+				gridColor: h,
+				yMin: y,
+				yMax: v,
+				yStep: c,
+				stacked: !0,
+				xTickFontSize: R
+			})
+		},
+		plugins: a(u, [N(n)])
+	};
+}, B = [
+	"5 неделя",
+	"6 неделя",
+	"7 неделя",
+	"8 неделя",
+	"9 неделя",
+	"10 неделя",
+	"11 неделя",
+	"12 неделя",
+	"13 неделя",
+	"14 неделя",
+	"15 неделя",
+	"16 неделя"
+], V = [
+	12,
+	14,
+	15,
+	16,
+	18,
+	17,
+	16,
+	15,
+	14,
+	13,
+	12,
+	11
+], H = [
+	6,
+	7,
+	8,
+	8,
+	9,
+	8,
+	7,
+	7,
+	6,
+	6,
+	5,
+	5
+], U = [
+	4,
+	5,
+	5,
+	6,
+	6,
+	5,
+	5,
+	4,
+	4,
+	3,
+	3,
+	3
+], W = [
+	"Series 1",
+	"Series 2",
+	"Series 3"
+], G = [
+	{
+		label: W[0] ?? "Series 1",
+		points: m(B, V)
+	},
+	{
+		label: W[1] ?? "Series 2",
+		points: m(B, H)
+	},
+	{
+		label: W[2] ?? "Series 3",
+		points: m(B, U)
+	}
+], K = { class: "s-ui-chart-stacked-bar__canvas-wrap" }, q = /* @__PURE__ */ C({
+	__name: "SChartStackedBar",
+	props: {
+		series: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		yMax: {},
+		yStep: {}
+	},
+	setup(e) {
+		let t = D("chartRootRef"), n = D("chartCanvasRef"), r = _(() => e.loading ? G : e.series), i = _(() => !e.loading && e.series.length === 0 ? null : z({
+			seriesList: r.value,
+			colorHostElement: t.value,
+			yMax: e.loading ? 50 : e.yMax,
+			yMin: e.loading ? 0 : void 0,
+			yStep: e.loading ? 5 : e.yStep,
+			skeleton: e.loading
+		})), a = _(() => f(r.value, (n, r) => k(n, t.value, r, e.loading)));
+		return s({
+			canvasRef: n,
+			config: i,
+			enabled: _(() => e.loading || e.series.length > 0)
+		}), (r, i) => (T(), b("div", {
+			ref_key: "chartRootRef",
+			ref: t,
+			class: w(["s-ui-chart-stacked-bar", { "s-ui-chart-stacked-bar--skeleton": e.loading }])
+		}, [x("div", K, [S(E(c), { loading: e.loading }, {
+			default: O(() => [x("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: n,
+				class: "s-ui-chart-stacked-bar__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])]), a.value.length > 0 ? (T(), v(E(g), {
+			key: 0,
+			items: a.value,
+			disabled: e.loading
+		}, null, 8, ["items", "disabled"])) : y("", !0)], 2));
+	}
+});
+//#endregion
+export { q as t };

package/dist/SCheckbox-BMKYFfrB.js

@@ -0,0 +1,76 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, normalizeClass as c, openBlock as l, unref as u, useAttrs as d, useModel as f, useTemplateRef as p, vModelCheckbox as m, watchEffect as h, withDirectives as g } from "vue";
+import { SIcon as _ } from "@shtabapp/ui-kit-primitives";
+//#region src/components/SCheckbox/SCheckbox.types.ts
+var v = /* @__PURE__ */ function(e) {
+	return e.EXTRA_SMALL = "extra-small", e.SMALL = "small", e;
+}({}), y = /* @__PURE__ */ function(e) {
+	return e.MAIN = "main", e.SUCCESS = "success", e;
+}({}), b = { class: "s-ui-checkbox__control" }, x = 16, S = /* @__PURE__ */ a({
+	inheritAttrs: !1,
+	__name: "SCheckbox",
+	props: /*@__PURE__*/ o({
+		color: { default: () => y.MAIN },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
+		name: {},
+		size: { default: () => v.EXTRA_SMALL },
+		value: {}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ o(["change"], ["update:modelValue"]),
+	setup(a, { emit: o }) {
+		let v = f(a, "modelValue"), y = o, S = d(), C = p("checkboxInputRef");
+		h(() => {
+			let e = C.value;
+			e && (e.indeterminate = a.indeterminate);
+		});
+		let w = e(() => v.value), T = e(() => w.value && !a.indeterminate), E = e(() => [
+			`s-ui-checkbox--size-${a.size}`,
+			`s-ui-checkbox--color-${a.color}`,
+			{
+				"s-ui-checkbox--checked": w.value,
+				"s-ui-checkbox--indeterminate": a.indeterminate,
+				"s-ui-checkbox--disabled": a.disabled
+			}
+		]), D = e(() => ({
+			...S,
+			disabled: a.disabled,
+			name: a.name,
+			value: a.value
+		})), O = (e) => {
+			e.target instanceof HTMLInputElement && y("change", e.target.checked);
+		};
+		return (e, o) => (l(), r("label", { class: c(["s-ui-checkbox", E.value]) }, [g(i("input", s({
+			ref_key: "checkboxInputRef",
+			ref: C
+		}, D.value, {
+			"onUpdate:modelValue": o[0] ||= (e) => v.value = e,
+			type: "checkbox",
+			class: "s-ui-checkbox__input",
+			onChange: O
+		}), null, 16), [[m, v.value]]), i("span", b, [T.value ? (l(), t(u(_), {
+			key: 0,
+			class: "s-ui-checkbox__icon",
+			name: "checkMini",
+			size: x
+		})) : a.indeterminate ? (l(), t(u(_), {
+			key: 1,
+			class: "s-ui-checkbox__icon",
+			name: "minusMini",
+			size: x
+		})) : n("", !0)])], 2));
+	}
+});
+//#endregion
+export { y as n, v as r, S as t };

package/dist/SCheckbox-CYy7tfoS.cjs

@@ -0,0 +1 @@
+let e=require("vue"),t=require("@shtabapp/ui-kit-primitives");var n=function(e){return e.EXTRA_SMALL=`extra-small`,e.SMALL=`small`,e}({}),r=function(e){return e.MAIN=`main`,e.SUCCESS=`success`,e}({}),i={class:`s-ui-checkbox__control`},a=16,o=(0,e.defineComponent)({inheritAttrs:!1,__name:`SCheckbox`,props:(0,e.mergeModels)({color:{default:()=>r.MAIN},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},name:{},size:{default:()=>n.EXTRA_SMALL},value:{}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:(0,e.mergeModels)([`change`],[`update:modelValue`]),setup(n,{emit:r}){let o=(0,e.useModel)(n,`modelValue`),s=r,c=(0,e.useAttrs)(),l=(0,e.useTemplateRef)(`checkboxInputRef`);(0,e.watchEffect)(()=>{let e=l.value;e&&(e.indeterminate=n.indeterminate)});let u=(0,e.computed)(()=>o.value),d=(0,e.computed)(()=>u.value&&!n.indeterminate),f=(0,e.computed)(()=>[`s-ui-checkbox--size-${n.size}`,`s-ui-checkbox--color-${n.color}`,{"s-ui-checkbox--checked":u.value,"s-ui-checkbox--indeterminate":n.indeterminate,"s-ui-checkbox--disabled":n.disabled}]),p=(0,e.computed)(()=>({...c,disabled:n.disabled,name:n.name,value:n.value})),m=e=>{e.target instanceof HTMLInputElement&&s(`change`,e.target.checked)};return(r,s)=>((0,e.openBlock)(),(0,e.createElementBlock)(`label`,{class:(0,e.normalizeClass)([`s-ui-checkbox`,f.value])},[(0,e.withDirectives)((0,e.createElementVNode)(`input`,(0,e.mergeProps)({ref_key:`checkboxInputRef`,ref:l},p.value,{"onUpdate:modelValue":s[0]||=e=>o.value=e,type:`checkbox`,class:`s-ui-checkbox__input`,onChange:m}),null,16),[[e.vModelCheckbox,o.value]]),(0,e.createElementVNode)(`span`,i,[d.value?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SIcon),{key:0,class:`s-ui-checkbox__icon`,name:`checkMini`,size:a})):n.indeterminate?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SIcon),{key:1,class:`s-ui-checkbox__icon`,name:`minusMini`,size:a})):(0,e.createCommentVNode)(``,!0)])],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/SChip-DoFL5c6-.cjs

@@ -0,0 +1 @@
+let e=require("vue");var t=function(e){return e.BLUE=`blue`,e.RED=`red`,e.WHITE=`white`,e.BILLING=`billing`,e}({}),n=function(e){return e.SIZE_20=`20`,e.SIZE_24=`24`,e.SIZE_32=`32`,e}({}),r=[`tabindex`,`aria-disabled`,`inert`],i={class:`s-ui-chip__content`},a={key:0,class:`s-ui-chip__icon`},o={key:1,class:`s-ui-chip__prefix`},s={key:0,class:`s-ui-chip__actions`},c=(0,e.defineComponent)({inheritAttrs:!1,__name:`SChip`,props:{color:{default:()=>t.BLUE},disabled:{type:Boolean,default:!1},size:{default:()=>n.SIZE_32}},setup(c){let l=(0,e.useSlots)(),u=(0,e.computed)(()=>c.color===t.BILLING),d=(0,e.computed)(()=>c.disabled?!1:u.value),f=(0,e.computed)(()=>c.disabled?-1:0),p=(0,e.computed)(()=>[`s-ui-chip--color-${c.color}`,`s-ui-chip--size-${c.size}`,{"s-ui-chip--disabled":c.disabled}]),m=(0,e.computed)(()=>c.size===n.SIZE_20?`s-ui-typography-label-12-medium`:`s-ui-typography-label-14-medium`),h={[n.SIZE_20]:16,[n.SIZE_24]:20,[n.SIZE_32]:20},g=(0,e.computed)(()=>h[c.size]);return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{class:(0,e.normalizeClass)([`s-ui-chip`,p.value]),tabindex:f.value,role:`group`,"aria-disabled":c.disabled?!0:void 0,inert:c.disabled?!0:void 0},[(0,e.createElementVNode)(`span`,i,[(0,e.unref)(l).icon?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,a,[(0,e.renderSlot)(t.$slots,`icon`,{billing:d.value,disabled:c.disabled,size:g.value})])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(l).prefix?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,o,[(0,e.renderSlot)(t.$slots,`prefix`,{disabled:c.disabled,size:c.size})])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(l).default?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{key:2,class:(0,e.normalizeClass)([`s-ui-chip__label`,m.value])},[(0,e.renderSlot)(t.$slots,`default`)],2)):(0,e.createCommentVNode)(``,!0)]),(0,e.unref)(l).actions?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,s,[(0,e.renderSlot)(t.$slots,`actions`,{billing:u.value,disabled:c.disabled})])):(0,e.createCommentVNode)(``,!0)],10,r))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/SChip-TxpPE0VS.js

@@ -0,0 +1,68 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, unref as c, useSlots as l } from "vue";
+//#region src/components/SChip/SChip.types.ts
+var u = /* @__PURE__ */ function(e) {
+	return e.BLUE = "blue", e.RED = "red", e.WHITE = "white", e.BILLING = "billing", e;
+}({}), d = /* @__PURE__ */ function(e) {
+	return e.SIZE_20 = "20", e.SIZE_24 = "24", e.SIZE_32 = "32", e;
+}({}), f = [
+	"tabindex",
+	"aria-disabled",
+	"inert"
+], p = { class: "s-ui-chip__content" }, m = {
+	key: 0,
+	class: "s-ui-chip__icon"
+}, h = {
+	key: 1,
+	class: "s-ui-chip__prefix"
+}, g = {
+	key: 0,
+	class: "s-ui-chip__actions"
+}, _ = /* @__PURE__ */ i({
+	inheritAttrs: !1,
+	__name: "SChip",
+	props: {
+		color: { default: () => u.BLUE },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: () => d.SIZE_32 }
+	},
+	setup(i) {
+		let _ = l(), v = e(() => i.color === u.BILLING), y = e(() => i.disabled ? !1 : v.value), b = e(() => i.disabled ? -1 : 0), x = e(() => [
+			`s-ui-chip--color-${i.color}`,
+			`s-ui-chip--size-${i.size}`,
+			{ "s-ui-chip--disabled": i.disabled }
+		]), S = e(() => i.size === d.SIZE_20 ? "s-ui-typography-label-12-medium" : "s-ui-typography-label-14-medium"), C = {
+			[d.SIZE_20]: 16,
+			[d.SIZE_24]: 20,
+			[d.SIZE_32]: 20
+		}, w = e(() => C[i.size]);
+		return (e, l) => (o(), n("span", {
+			class: a(["s-ui-chip", x.value]),
+			tabindex: b.value,
+			role: "group",
+			"aria-disabled": i.disabled ? !0 : void 0,
+			inert: i.disabled ? !0 : void 0
+		}, [r("span", p, [
+			c(_).icon ? (o(), n("span", m, [s(e.$slots, "icon", {
+				billing: y.value,
+				disabled: i.disabled,
+				size: w.value
+			})])) : t("", !0),
+			c(_).prefix ? (o(), n("span", h, [s(e.$slots, "prefix", {
+				disabled: i.disabled,
+				size: i.size
+			})])) : t("", !0),
+			c(_).default ? (o(), n("span", {
+				key: 2,
+				class: a(["s-ui-chip__label", S.value])
+			}, [s(e.$slots, "default")], 2)) : t("", !0)
+		]), c(_).actions ? (o(), n("span", g, [s(e.$slots, "actions", {
+			billing: v.value,
+			disabled: i.disabled
+		})])) : t("", !0)], 10, f));
+	}
+});
+//#endregion
+export { u as n, d as r, _ as t };

package/dist/SDropdown-B6b7IDjp.cjs

@@ -0,0 +1 @@
+const e=require("./useFloatingOverlay-Cwg2MWyD.cjs");let t=require("vue"),n=require("@vueuse/core");var r=e=>{let n=(0,t.ref)(e.value),r=(0,t.ref)(e.value);return(0,t.watch)(e,e=>{if(e){n.value=!0,r.value=!0;return}n.value=!1},{flush:`sync`}),{isPanelShown:n,isPanelActive:r,handlePanelAfterLeave:()=>{e.value||(r.value=!1)}}},i=e=>{if(!e)return null;let t=e.getBoundingClientRect();if(t.width>0||t.height>0)return e;let n=e.firstElementChild;return n instanceof HTMLElement?n:e},a=[`id`],o=[`data-placement`],s={class:`s-ui-dropdown__content`},c=(0,t.defineComponent)({__name:`SDropdown`,props:(0,t.mergeModels)({placement:{default:()=>e.i.BOTTOM_START},offset:{default:8},flip:{type:Boolean,default:!0},shift:{type:Boolean,default:!1},matchReferenceWidth:{type:Boolean,default:!1},fitViewport:{type:Boolean,default:!1},surfaceClass:{},teleportTo:{type:[String,Boolean],default:`body`},dismissOnClickOutside:{type:Boolean,default:!0},dismissOnEscape:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},reference:{default:null},contentId:{},viewportPadding:{default:8},arrow:{type:Boolean,default:!1},showOnHover:{type:Boolean,default:!1},hoverLeaveDelay:{default:100}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(c,{expose:l}){let u=(0,t.useModel)(c,`modelValue`),{isPanelShown:d,isPanelActive:f,handlePanelAfterLeave:p}=r(u),m=e=>{u.value=e},h=(0,t.useSlots)(),g=(0,t.useTemplateRef)(`triggerWrapperRef`),_=(0,t.useTemplateRef)(`panelRef`),v=(0,t.useId)(),y=(0,t.useId)(),b=(0,t.computed)(()=>c.contentId??v),x=(0,t.computed)(()=>h.trigger?i(g.value):c.reference),S=(0,t.computed)(()=>c.teleportTo!==!1),C=(0,t.computed)(()=>c.teleportTo===!1?`body`:c.teleportTo),w=()=>{c.disabled||(u.value=!u.value)},T=(0,t.computed)(()=>({id:y,"aria-expanded":u.value,"aria-haspopup":`dialog`,"aria-controls":b.value})),{panelStyles:E,panelMaxHeight:D,resolvedPlacement:O,arrowStyles:k,isArrowOverflow:A,isPositionReady:j,updatePosition:M}=e.t({open:()=>f.value,onOpenChange:m,reference:()=>x.value,panel:()=>_.value,placement:()=>c.placement,offset:()=>c.offset,flip:()=>c.flip,shift:()=>c.shift,matchReferenceWidth:()=>c.matchReferenceWidth,fitViewport:()=>c.fitViewport,dismissOnClickOutside:()=>c.dismissOnClickOutside,dismissOnEscape:()=>c.dismissOnEscape,viewportPadding:()=>c.viewportPadding,arrow:()=>c.arrow}),N=(0,t.computed)(()=>c.showOnHover?x.value:null),P=(0,t.computed)(()=>c.showOnHover?_.value:null),F=(0,n.useElementHover)(N,{delayLeave:c.hoverLeaveDelay}),I=(0,n.useElementHover)(P,{delayLeave:c.hoverLeaveDelay});(0,t.watch)([F,I,()=>c.showOnHover,()=>c.disabled],()=>{if(c.showOnHover){if(c.disabled){m(!1);return}m(F.value||I.value)}});let L=(0,t.computed)(()=>!!D.value),R=(0,t.computed)(()=>{if(D.value)return{maxHeight:`${D.value}px`}});return(0,t.watch)(()=>c.disabled,e=>{e&&u.value&&(u.value=!1)}),l({updatePosition:M}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.unref)(h).trigger?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:0,ref_key:`triggerWrapperRef`,ref:g,class:`s-ui-dropdown`},[(0,t.renderSlot)(e.$slots,`trigger`,{open:u.value,toggle:w,triggerProps:T.value})],512)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:C.value,disabled:!S.value},[(0,t.createVNode)(t.Transition,{name:`s-ui-dropdown`,onAfterLeave:(0,t.unref)(p)},{default:(0,t.withCtx)(()=>[(0,t.unref)(d)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,id:b.value,ref_key:`panelRef`,ref:_,class:(0,t.normalizeClass)([`s-ui-dropdown__panel`,{"s-ui-dropdown__panel--match-reference-width":c.matchReferenceWidth,"s-ui-dropdown__panel--ready":(0,t.unref)(j)}]),style:(0,t.normalizeStyle)((0,t.unref)(E)),role:`dialog`},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`s-ui-dropdown__surface`,[c.surfaceClass,{"s-ui-dropdown__surface--fit-viewport":L.value,"s-ui-dropdown__surface--with-arrow":c.arrow}]]),style:(0,t.normalizeStyle)(R.value),"data-placement":(0,t.unref)(O)},[c.arrow?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`s-ui-dropdown__arrow`,{"s-ui-dropdown__arrow--overflow":(0,t.unref)(A)}]),style:(0,t.normalizeStyle)((0,t.unref)(k)),"aria-hidden":`true`},[...n[0]||=[(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown__arrow-outer`},null,-1),(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown__arrow-inner`},null,-1)]],6)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,s,[(0,t.renderSlot)(e.$slots,`content`,{resolvedPlacement:(0,t.unref)(O)})])],14,o)],14,a)):(0,t.createCommentVNode)(``,!0)]),_:3},8,[`onAfterLeave`])],8,[`to`,`disabled`]))],64))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});