@shtabapp/ui-kit 1.69.1 → 1.70.0

package/dist/{SChartProgress-uMg4DBpS.js → SChartProgress-DUgSOdv7.js}

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

package/dist/{SChartStackedArea-BQGnKp1i.js → SChartStackedArea-Blpqa23h.js}

@@ -1,29 +1,29 @@
 import { t as e } from "./SChartLegend-oZoF8XK7.js";
-import { C as t, a as n, b as r, c as i, g as a, i as o, n as s, o as c, r as l, s as u, t as d, x as f } from "./useChartInteractivity-BATdT86l.js";
+import { C as t, E as n, c as r, d as i, l as a, n as o, r as s, s as c, t as l, u, w as d, y as f } from "./useChartInteractivity-Cl06JL4l.js";
 import { t as p } from "./buildCartesianChartScales-EofFq3ry.js";
-import { t as m } from "./resolveStackedChartContext-CIKVXkDn.js";
-import { t as h } from "./createChartCrosshairPlugin-DU5grSok.js";
-import { t as g } from "./resolveSeriesPaletteColor-DcLSyk-D.js";
+import { t as m } from "./resolveStackedChartContext-DxJNWqwE.js";
+import { t as h } from "./createChartCrosshairPlugin-C2NUAO5s.js";
+import { t as g } from "./resolveSeriesPaletteColor-B7wHDj1L.js";
 import { n as _, t as v } from "./buildChartSeriesPoints-BTyOpkin.js";
 import { t as y } from "./useHasListener-RSjlUyqH.js";
 import { computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createVNode as T, defineComponent as E, normalizeClass as D, openBlock as O, unref as k, useTemplateRef as A, withCtx as j } from "vue";
 //#region src/utils/chart/stacked/resolveStackedSeriesColor.ts
-var M = (e, t, n, i = !1) => g(e, t, n, i, {
-	palette: f,
-	paletteFallback: a.stackedPalette1,
-	skeletonPalette: r,
-	skeletonFallback: a.skeletonPalette1
-}), N = 20, P = "stack0", F = ({ seriesList: e, colorHostElement: t, yMax: r, yMin: a, yStep: s = N, skeleton: d = !1, totalLabel: f, onSeriesClick: g }) => {
+var M = (e, n, r, i = !1) => g(e, n, r, i, {
+	palette: d,
+	paletteFallback: f.stackedPalette1,
+	skeletonPalette: t,
+	skeletonFallback: f.skeletonPalette1
+}), N = 20, P = "stack0", F = ({ seriesList: e, colorHostElement: t, yMax: n, yMin: o, yStep: l = N, skeleton: d = !1, totalLabel: f, onSeriesClick: g }) => {
 	let _ = m({
 		seriesList: e,
 		colorHostElement: t,
-		yMax: r,
-		yMin: a,
-		yStep: s,
+		yMax: n,
+		yMin: o,
+		yStep: l,
 		skeleton: d
 	});
 	if (!_) return null;
-	let { axisLabelColor: v, gridColor: y, tooltipBackgroundColor: b, tooltipTextColor: x, resolvedYMax: S, resolvedYMin: C, chartLabels: w } = _, T = l({
+	let { axisLabelColor: v, gridColor: y, tooltipBackgroundColor: b, tooltipTextColor: x, resolvedYMax: S, resolvedYMin: C, chartLabels: w } = _, T = s({
 		kind: "series",
 		skeleton: d,
 		colorHostElement: t,
@@ -62,14 +62,14 @@ var M = (e, t, n, i = !1) => g(e, t, n, i, {
 				mode: "nearest",
 				intersect: !1
 			},
-			interaction: o(d, {
+			interaction: c(d, {
 				mode: "index",
 				intersect: !1
 			}),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: n(d),
+					enabled: r(d),
 					backgroundColor: b,
 					titleColor: x,
 					bodyColor: x,
@@ -87,11 +87,11 @@ var M = (e, t, n, i = !1) => g(e, t, n, i, {
 				gridColor: y,
 				yMin: C,
 				yMax: S,
-				yStep: s,
+				yStep: l,
 				stacked: !0
 			})
 		},
-		plugins: c(d, [h(t), ...T.plugins])
+		plugins: a(d, [h(t), ...T.plugins])
 	};
 }, I = [
 	"24.02",
@@ -203,33 +203,33 @@ var M = (e, t, n, i = !1) => g(e, t, n, i, {
 		totalLabel: {}
 	},
 	emits: ["seriesClick"],
-	setup(n, { expose: r, emit: i }) {
-		let a = i, o = A("chartRootRef"), c = A("chartCanvasRef"), l = b(() => n.loading ? H : n.series), u = (e) => {
-			let t = n.series[e];
-			t && a("seriesClick", e, t);
-		}, f = y("onSeriesClick"), p = b(() => !n.loading && n.series.length === 0 ? null : F({
-			seriesList: l.value,
-			colorHostElement: o.value,
-			yMax: n.loading ? 160 : n.yMax,
-			yMin: n.loading ? 0 : void 0,
-			yStep: n.loading ? 20 : n.yStep,
-			skeleton: n.loading,
-			totalLabel: n.totalLabel,
-			onSeriesClick: f() ? u : void 0
-		})), m = b(() => _(l.value, (e, t) => M(e, o.value, t, n.loading))), { chartInstance: h } = s({
+	setup(t, { expose: r, emit: i }) {
+		let a = i, s = A("chartRootRef"), c = A("chartCanvasRef"), u = b(() => t.loading ? H : t.series), d = (e) => {
+			let n = t.series[e];
+			n && a("seriesClick", e, n);
+		}, f = y("onSeriesClick"), p = b(() => !t.loading && t.series.length === 0 ? null : F({
+			seriesList: u.value,
+			colorHostElement: s.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,
+			onSeriesClick: f() ? d : void 0
+		})), m = b(() => _(u.value, (e, n) => M(e, s.value, n, t.loading))), { chartInstance: h } = o({
 			canvasRef: c,
 			config: p,
-			enabled: b(() => n.loading || n.series.length > 0)
-		}), { exportImage: g, handleLegendItemHover: v } = d({
+			enabled: b(() => t.loading || t.series.length > 0)
+		}), { exportImage: g, handleLegendItemHover: v } = l({
 			chartInstance: h,
 			canvasRef: c,
-			colorHostElement: o
+			colorHostElement: s
 		});
 		return r({ exportImage: g }), (r, i) => (O(), C("div", {
 			ref_key: "chartRootRef",
-			ref: o,
-			class: D(["s-ui-chart-stacked-area", { "s-ui-chart-stacked-area--skeleton": n.loading }])
-		}, [w("div", U, [T(k(t), { loading: n.loading }, {
+			ref: s,
+			class: D(["s-ui-chart-stacked-area", { "s-ui-chart-stacked-area--skeleton": t.loading }])
+		}, [w("div", U, [T(k(n), { loading: t.loading }, {
 			default: j(() => [w("canvas", {
 				ref_key: "chartCanvasRef",
 				ref: c,
@@ -239,8 +239,8 @@ var M = (e, t, n, i = !1) => g(e, t, n, i, {
 		}, 8, ["loading"])]), m.value.length ? (O(), x(k(e), {
 			key: 0,
 			items: m.value,
-			disabled: n.loading,
-			interactive: !n.loading,
+			disabled: t.loading,
+			interactive: !t.loading,
 			onItemHover: k(v)
 		}, null, 8, [
 			"items",

package/dist/{SChartStackedArea-BNe6FAg8.cjs → SChartStackedArea-C3MezV9k.cjs}

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

package/dist/{SChartStackedBar-fiUU9lNp.js → SChartStackedBar-CCxEXw1H.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./SChartLegend-oZoF8XK7.js";
-import { C as t, S as n, a as r, f as i, g as a, i as o, n as s, o as c, p as l, r as u, t as d } from "./useChartInteractivity-BATdT86l.js";
+import { E as t, T as n, c as r, g as i, h as a, l as o, n as s, r as c, s as l, t as u, y as d } from "./useChartInteractivity-Cl06JL4l.js";
 import { t as f } from "./buildCartesianChartScales-EofFq3ry.js";
-import { t as p } from "./resolveStackedChartContext-CIKVXkDn.js";
-import { t as m } from "./resolveBarStackedSeriesColor-LpVh1SvQ.js";
+import { t as p } from "./resolveStackedChartContext-DxJNWqwE.js";
+import { t as m } from "./resolveBarStackedSeriesColor-DM7Ax0-s.js";
 import { n as h, t as g } from "./buildChartSeriesPoints-BTyOpkin.js";
 import { t as _ } from "./useHasListener-RSjlUyqH.js";
 import { computed as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createVNode as C, defineComponent as w, normalizeClass as T, openBlock as E, unref as D, useTemplateRef as O, withCtx as k } from "vue";
@@ -15,32 +15,32 @@ var A = 3, j = 4, M = (e, t, n, r, i, a) => {
 	afterDatasetsDraw(t) {
 		let r = t.tooltip?.getActiveElements() ?? [];
 		if (r.length === 0) return;
-		let i = Infinity, o = Infinity, s = -Infinity, c = -Infinity;
+		let i = Infinity, a = Infinity, o = -Infinity, s = -Infinity;
 		for (let e of r) {
-			let { x: t, y: n, width: r, base: a } = e.element.getProps([
+			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 = a;
-			i = Math.min(i, l), s = Math.max(s, u), o = Math.min(o, d), c = Math.max(c, f);
+			]), 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 l = n(a.barHoverOutline, e), { ctx: u, chartArea: d } = t, f = A / 2, p = d?.bottom ?? c, m = Math.min(c, p), h = i + f, g = o + f, _ = s - i - A, v = m - o - A;
+		let c = n(d.barHoverOutline, e), { ctx: l, chartArea: u } = t, f = A / 2, p = u?.bottom ?? s, m = Math.min(s, p), h = i + f, g = a + f, _ = o - i - A, v = m - a - 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();
+		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: e, colorHostElement: t, yMax: n, yMin: a, yStep: s = P, skeleton: d = !1, onSeriesClick: h, onSegmentClick: g }) => {
+}), P = 5, F = "stack0", I = 36, L = 4, R = 12, z = ({ seriesList: e, colorHostElement: t, yMax: n, yMin: s, yStep: u = P, skeleton: d = !1, onSeriesClick: h, onSegmentClick: g }) => {
 	let _ = p({
 		seriesList: e,
 		colorHostElement: t,
 		yMax: n,
-		yMin: a,
-		yStep: s,
+		yMin: s,
+		yStep: u,
 		skeleton: d
 	});
 	if (!_) return null;
-	let { axisLabelColor: v, gridColor: y, tooltipBackgroundColor: b, tooltipTextColor: x, resolvedYMax: S, resolvedYMin: C, chartLabels: w, pointCaptions: T, topSeriesIndex: E } = _, D = u({
+	let { axisLabelColor: v, gridColor: y, tooltipBackgroundColor: b, tooltipTextColor: x, resolvedYMax: S, resolvedYMin: C, chartLabels: w, pointCaptions: T, topSeriesIndex: E } = _, D = c({
 		kind: "segment",
 		skeleton: d,
 		colorHostElement: t,
@@ -79,7 +79,7 @@ var A = 3, j = 4, M = (e, t, n, r, i, a) => {
 				mode: "nearest",
 				intersect: !0
 			},
-			interaction: o(d, {
+			interaction: l(d, {
 				mode: "nearest",
 				intersect: !0
 			}),
@@ -91,11 +91,11 @@ var A = 3, j = 4, M = (e, t, n, r, i, a) => {
 					titleColor: x,
 					bodyColor: x,
 					displayColors: !1,
-					position: i,
+					position: a,
 					yAlign: "bottom",
 					xAlign: "center",
 					caretPadding: 8,
-					callbacks: l()
+					callbacks: i()
 				}
 			},
 			scales: f({
@@ -103,12 +103,12 @@ var A = 3, j = 4, M = (e, t, n, r, i, a) => {
 				gridColor: y,
 				yMin: C,
 				yMax: S,
-				yStep: s,
+				yStep: u,
 				stacked: !0,
 				xTickFontSize: R
 			})
 		},
-		plugins: c(d, [N(t), ...D.plugins])
+		plugins: o(d, [N(t), ...D.plugins])
 	};
 }, B = [
 	"5 неделя",
@@ -192,7 +192,7 @@ var A = 3, j = 4, M = (e, t, n, r, i, a) => {
 	},
 	emits: ["seriesClick", "segmentClick"],
 	setup(n, { expose: r, emit: i }) {
-		let a = i, o = O("chartRootRef"), c = O("chartCanvasRef"), l = v(() => n.loading ? G : n.series), u = (e) => {
+		let a = i, o = O("chartRootRef"), c = O("chartCanvasRef"), l = v(() => n.loading ? G : n.series), d = (e) => {
 			let t = n.series[e];
 			t && a("seriesClick", e, t);
 		}, f = (e, t) => {
@@ -205,13 +205,13 @@ var A = 3, j = 4, M = (e, t, n, r, i, a) => {
 			yMin: n.loading ? 0 : void 0,
 			yStep: n.loading ? 5 : n.yStep,
 			skeleton: n.loading,
-			onSeriesClick: p() ? u : void 0,
+			onSeriesClick: p() ? d : void 0,
 			onSegmentClick: g() ? f : void 0
 		})), A = v(() => h(l.value, (e, t) => m(e, o.value, t, n.loading))), { chartInstance: j } = s({
 			canvasRef: c,
 			config: w,
 			enabled: v(() => n.loading || n.series.length > 0)
-		}), { exportImage: M, handleLegendItemHover: N } = d({
+		}), { exportImage: M, handleLegendItemHover: N } = u({
 			chartInstance: j,
 			canvasRef: c,
 			colorHostElement: o

package/dist/{SChartStackedBar-D1G-VloG.cjs → SChartStackedBar-CJ-UdOfv.cjs}

@@ -1 +1 @@
-const e=require("./SChartLegend-DGtjd6zV.cjs"),t=require("./useChartInteractivity-CXSdHPOw.cjs"),n=require("./buildCartesianChartScales-Dck5yBMo.cjs"),r=require("./resolveStackedChartContext-CQbgdV55.cjs"),i=require("./resolveBarStackedSeriesColor-HDSkh6Mw.cjs"),a=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),o=require("./useHasListener-BPgtbbo6.cjs");let s=require("vue");var 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=e=>({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=t.S(t.g.barHoverOutline,e),{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:e,colorHostElement:a,yMax:o,yMin:s,yStep:c=f,skeleton:l=!1,onSeriesClick:u,onSegmentClick:_})=>{let v=r.t({seriesList:e,colorHostElement:a,yMax:o,yMin:s,yStep:c,skeleton:l});if(!v)return null;let{axisLabelColor:y,gridColor:b,tooltipBackgroundColor:x,tooltipTextColor:S,resolvedYMax:C,resolvedYMin:w,chartLabels:T,pointCaptions:E,topSeriesIndex:D}=v,O=t.r({kind:`segment`,skeleton:l,colorHostElement:a,onIndexClick:u,onElementIndexClick:_});return{type:`bar`,data:{labels:T,datasets:e.map((e,t)=>{let n=i.t(t,a,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===D?{topLeft:h,topRight:h}:0,...t===0?{captions:E}:{}}})},options:{responsive:!0,maintainAspectRatio:!1,onHover:O.onHover,onClick:O.onClick,hover:l?void 0:{mode:`nearest`,intersect:!0},interaction:t.i(l,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:t.a(l),backgroundColor:x,titleColor:S,bodyColor:S,displayColors:!1,position:t.f,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:t.p()}},scales:n.t({axisLabelColor:y,gridColor:b,yMin:w,yMax:C,yStep:c,stacked:!0,xTickFontSize:g})},plugins:t.o(l,[d(a),...O.plugins])}},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:a.t(v,y)},{label:S[1]??`Series 2`,points:a.t(v,b)},{label:S[2]??`Series 3`,points:a.t(v,x)}],w={class:`s-ui-chart-stacked-bar__canvas-wrap`},T=(0,s.defineComponent)({__name:`SChartStackedBar`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{}},emits:[`seriesClick`,`segmentClick`],setup(n,{expose:r,emit:c}){let l=c,u=(0,s.useTemplateRef)(`chartRootRef`),d=(0,s.useTemplateRef)(`chartCanvasRef`),f=(0,s.computed)(()=>n.loading?C:n.series),p=e=>{let t=n.series[e];t&&l(`seriesClick`,e,t)},m=(e,t)=>{let r=n.series[t],i=r?.points[e];r&&i&&l(`segmentClick`,e,t,i,r)},h=o.t(`onSeriesClick`),g=o.t(`onSegmentClick`),v=(0,s.computed)(()=>!n.loading&&n.series.length===0?null:_({seriesList:f.value,colorHostElement:u.value,yMax:n.loading?50:n.yMax,yMin:n.loading?0:void 0,yStep:n.loading?5:n.yStep,skeleton:n.loading,onSeriesClick:h()?p:void 0,onSegmentClick:g()?m:void 0})),y=(0,s.computed)(()=>a.n(f.value,(e,t)=>i.t(e,u.value,t,n.loading))),{chartInstance:b}=t.n({canvasRef:d,config:v,enabled:(0,s.computed)(()=>n.loading||n.series.length>0)}),{exportImage:x,handleLegendItemHover:S}=t.t({chartInstance:b,canvasRef:d,colorHostElement:u});return r({exportImage:x}),(r,i)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:u,class:(0,s.normalizeClass)([`s-ui-chart-stacked-bar`,{"s-ui-chart-stacked-bar--skeleton":n.loading}])},[(0,s.createElementVNode)(`div`,w,[(0,s.createVNode)((0,s.unref)(t.C),{loading:n.loading},{default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:d,class:`s-ui-chart-stacked-bar__canvas`},null,512)]),_:1},8,[`loading`])]),y.value.length?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(e.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 T}});
+const e=require("./SChartLegend-DGtjd6zV.cjs"),t=require("./useChartInteractivity-LbJiqlvI.cjs"),n=require("./buildCartesianChartScales-Dck5yBMo.cjs"),r=require("./resolveStackedChartContext-Br3N7ISo.cjs"),i=require("./resolveBarStackedSeriesColor-z3NP5vAS.cjs"),a=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),o=require("./useHasListener-BPgtbbo6.cjs");let s=require("vue");var 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=e=>({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=t.T(t.y.barHoverOutline,e),{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:e,colorHostElement:a,yMax:o,yMin:s,yStep:c=f,skeleton:l=!1,onSeriesClick:u,onSegmentClick:_})=>{let v=r.t({seriesList:e,colorHostElement:a,yMax:o,yMin:s,yStep:c,skeleton:l});if(!v)return null;let{axisLabelColor:y,gridColor:b,tooltipBackgroundColor:x,tooltipTextColor:S,resolvedYMax:C,resolvedYMin:w,chartLabels:T,pointCaptions:E,topSeriesIndex:D}=v,O=t.r({kind:`segment`,skeleton:l,colorHostElement:a,onIndexClick:u,onElementIndexClick:_});return{type:`bar`,data:{labels:T,datasets:e.map((e,t)=>{let n=i.t(t,a,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===D?{topLeft:h,topRight:h}:0,...t===0?{captions:E}:{}}})},options:{responsive:!0,maintainAspectRatio:!1,onHover:O.onHover,onClick:O.onClick,hover:l?void 0:{mode:`nearest`,intersect:!0},interaction:t.s(l,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:t.c(l),backgroundColor:x,titleColor:S,bodyColor:S,displayColors:!1,position:t.h,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:t.g()}},scales:n.t({axisLabelColor:y,gridColor:b,yMin:w,yMax:C,yStep:c,stacked:!0,xTickFontSize:g})},plugins:t.l(l,[d(a),...O.plugins])}},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:a.t(v,y)},{label:S[1]??`Series 2`,points:a.t(v,b)},{label:S[2]??`Series 3`,points:a.t(v,x)}],w={class:`s-ui-chart-stacked-bar__canvas-wrap`},T=(0,s.defineComponent)({__name:`SChartStackedBar`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{}},emits:[`seriesClick`,`segmentClick`],setup(n,{expose:r,emit:c}){let l=c,u=(0,s.useTemplateRef)(`chartRootRef`),d=(0,s.useTemplateRef)(`chartCanvasRef`),f=(0,s.computed)(()=>n.loading?C:n.series),p=e=>{let t=n.series[e];t&&l(`seriesClick`,e,t)},m=(e,t)=>{let r=n.series[t],i=r?.points[e];r&&i&&l(`segmentClick`,e,t,i,r)},h=o.t(`onSeriesClick`),g=o.t(`onSegmentClick`),v=(0,s.computed)(()=>!n.loading&&n.series.length===0?null:_({seriesList:f.value,colorHostElement:u.value,yMax:n.loading?50:n.yMax,yMin:n.loading?0:void 0,yStep:n.loading?5:n.yStep,skeleton:n.loading,onSeriesClick:h()?p:void 0,onSegmentClick:g()?m:void 0})),y=(0,s.computed)(()=>a.n(f.value,(e,t)=>i.t(e,u.value,t,n.loading))),{chartInstance:b}=t.n({canvasRef:d,config:v,enabled:(0,s.computed)(()=>n.loading||n.series.length>0)}),{exportImage:x,handleLegendItemHover:S}=t.t({chartInstance:b,canvasRef:d,colorHostElement:u});return r({exportImage:x}),(r,i)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:u,class:(0,s.normalizeClass)([`s-ui-chart-stacked-bar`,{"s-ui-chart-stacked-bar--skeleton":n.loading}])},[(0,s.createElementVNode)(`div`,w,[(0,s.createVNode)((0,s.unref)(t.E),{loading:n.loading},{default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:d,class:`s-ui-chart-stacked-bar__canvas`},null,512)]),_:1},8,[`loading`])]),y.value.length?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(e.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 T}});