@shtabapp/ui-kit 1.45.0 → 1.47.0

package/dist/SChartStackedArea-cjN9gECV.js

@@ -1,219 +0,0 @@
-import { a as e, b as t, c as n, g as r, i, o as a, r as o, s, t as c, x as l } from "./SChartSkeletonHost-CecfQ3Ye.js";
-import { t as u } from "./buildCartesianChartScales-EofFq3ry.js";
-import { n as d, t as f } from "./buildChartSeriesPoints-D8Xpfwp7.js";
-import { t as p } from "./resolveStackedChartContext-DdraOueU.js";
-import { t as m } from "./createChartCrosshairPlugin-BC0IDCn3.js";
-import { t as h } from "./resolveSeriesPaletteColor-m8HQ9qwV.js";
-import { t as g } from "./SChartLegend-Chr0IZWN.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/resolveStackedSeriesColor.ts
-var k = (e, n, i, a = !1) => h(e, n, i, a, {
-	palette: l,
-	paletteFallback: r.stackedPalette1,
-	skeletonPalette: t,
-	skeletonFallback: r.skeletonPalette1
-}), A = 20, j = "stack0", M = ({ seriesList: t, colorHostElement: r, yMax: o, yMin: c, yStep: l = A, skeleton: d = !1, totalLabel: f }) => {
-	let h = p({
-		seriesList: t,
-		colorHostElement: r,
-		yMax: o,
-		yMin: c,
-		yStep: l,
-		skeleton: d
-	});
-	if (!h) return null;
-	let { axisLabelColor: g, gridColor: _, tooltipBackgroundColor: v, tooltipTextColor: y, resolvedYMax: b, resolvedYMin: x, chartLabels: S } = h;
-	return {
-		type: "line",
-		data: {
-			labels: S,
-			datasets: t.map((e, t) => ({
-				label: e.label,
-				data: e.points.map((e) => e.value),
-				borderColor: k(t, r, e.fillColor, d),
-				backgroundColor: k(t, r, e.fillColor, d),
-				borderWidth: 0,
-				fill: !0,
-				pointRadius: 0,
-				pointHoverRadius: 0,
-				tension: 0,
-				stack: j
-			}))
-		},
-		options: {
-			responsive: !0,
-			maintainAspectRatio: !1,
-			interaction: i(d, {
-				mode: "index",
-				intersect: !1
-			}),
-			plugins: {
-				legend: { display: !1 },
-				tooltip: {
-					enabled: e(d),
-					backgroundColor: v,
-					titleColor: y,
-					bodyColor: y,
-					footerColor: y,
-					displayColors: !1,
-					position: s,
-					yAlign: "bottom",
-					xAlign: "center",
-					caretPadding: 8,
-					callbacks: n({ total: f })
-				}
-			},
-			scales: u({
-				axisLabelColor: g,
-				gridColor: _,
-				yMin: x,
-				yMax: b,
-				yStep: l,
-				stacked: !0
-			})
-		},
-		plugins: a(d, [m(r)])
-	};
-}, N = [
-	"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"
-], P = [
-	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
-], I = [
-	10,
-	11,
-	12,
-	12,
-	11,
-	10,
-	10,
-	10,
-	10,
-	10,
-	10,
-	10,
-	10,
-	10
-], L = [
-	32,
-	30,
-	28,
-	26,
-	28,
-	30,
-	29,
-	28,
-	27,
-	26,
-	26,
-	27,
-	28,
-	28
-], R = [
-	"Готово",
-	"На ревью",
-	"В процессе",
-	"Бэклог"
-], z = [
-	{
-		label: R[0] ?? "Series 1",
-		points: f(N, P)
-	},
-	{
-		label: R[1] ?? "Series 2",
-		points: f(N, F)
-	},
-	{
-		label: R[2] ?? "Series 3",
-		points: f(N, I)
-	},
-	{
-		label: R[3] ?? "Series 4",
-		points: f(N, L)
-	}
-], B = { class: "s-ui-chart-stacked-area__canvas-wrap" }, V = /* @__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 ? z : e.series), i = _(() => !e.loading && e.series.length === 0 ? null : M({
-			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 = _(() => d(r.value, (n, r) => k(n, t.value, r, e.loading)));
-		return o({
-			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", B, [S(E(c), { 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 { V as t };

package/dist/SChartStackedBar-0jGICBA0.js

@@ -1,217 +0,0 @@
-import { S as e, a as t, f as n, g as r, h as i, i as a, m as o, o as s, p as c, r as l, t as u } from "./SChartSkeletonHost-CecfQ3Ye.js";
-import { t as d } from "./buildCartesianChartScales-EofFq3ry.js";
-import { n as f, t as p } from "./buildChartSeriesPoints-D8Xpfwp7.js";
-import { t as m } from "./resolveStackedChartContext-DdraOueU.js";
-import { t as h } from "./resolveSeriesPaletteColor-m8HQ9qwV.js";
-import { t as g } from "./SChartLegend-Chr0IZWN.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, t, n, a = !1) => h(e, t, n, a, {
-	palette: i,
-	paletteFallback: r.barStackedPalette1,
-	skeletonPalette: o,
-	skeletonFallback: r.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 = (t) => ({
-	id: "stackedBarHoverOutline",
-	afterDatasetsDraw(n) {
-		let i = n.tooltip?.getActiveElements() ?? [];
-		if (i.length === 0) return;
-		let a = Infinity, o = Infinity, s = -Infinity, c = -Infinity;
-		for (let e of i) {
-			let { x: t, y: n, width: r, base: i } = e.element.getProps([
-				"x",
-				"y",
-				"width",
-				"base"
-			]), l = t - r / 2, u = t + r / 2, d = n, f = i;
-			a = Math.min(a, l), s = Math.max(s, u), o = Math.min(o, d), c = Math.max(c, f);
-		}
-		let l = e(r.barHoverOutline, t), { ctx: u, chartArea: d } = n, f = A / 2, p = d?.bottom ?? c, m = Math.min(c, p), h = a + f, g = o + f, _ = s - a - A, v = m - o - A;
-		if (_ <= 0 || v <= 0) return;
-		let y = Math.max(0, j - f);
-		u.save(), u.strokeStyle = l, u.lineWidth = A, M(u, h, g, _, v, y), u.restore();
-	}
-}), P = 5, F = "stack0", I = 36, L = 4, R = 12, z = ({ seriesList: e, colorHostElement: r, yMax: i, yMin: o, yStep: l = P, skeleton: u = !1 }) => {
-	let f = m({
-		seriesList: e,
-		colorHostElement: r,
-		yMax: i,
-		yMin: o,
-		yStep: l,
-		skeleton: u
-	});
-	if (!f) return null;
-	let { axisLabelColor: p, gridColor: h, tooltipBackgroundColor: g, tooltipTextColor: _, resolvedYMax: v, resolvedYMin: y, chartLabels: b, pointCaptions: x, topSeriesIndex: S } = f;
-	return {
-		type: "bar",
-		data: {
-			labels: b,
-			datasets: e.map((e, t) => {
-				let n = k(t, r, e.fillColor, u);
-				return {
-					label: e.label,
-					data: e.points.map((e) => e.value),
-					backgroundColor: n,
-					hoverBackgroundColor: n,
-					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: a(u, {
-				mode: "index",
-				intersect: !1
-			}),
-			plugins: {
-				legend: { display: !1 },
-				tooltip: {
-					enabled: t(u),
-					backgroundColor: g,
-					titleColor: _,
-					bodyColor: _,
-					displayColors: !1,
-					position: n,
-					yAlign: "bottom",
-					xAlign: "center",
-					caretPadding: 8,
-					callbacks: c()
-				}
-			},
-			scales: d({
-				axisLabelColor: p,
-				gridColor: h,
-				yMin: y,
-				yMax: v,
-				yStep: l,
-				stacked: !0,
-				xTickFontSize: R
-			})
-		},
-		plugins: s(u, [N(r)])
-	};
-}, 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: p(B, V)
-	},
-	{
-		label: W[1] ?? "Series 2",
-		points: p(B, H)
-	},
-	{
-		label: W[2] ?? "Series 3",
-		points: p(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 l({
-			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(u), { 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/SChartStackedBar-j9WyOnsL.cjs

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