@shtabapp/ui-kit 1.73.0 → 1.75.0

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

@@ -1,4 +1,4 @@
-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 { T as e, b as t, d as n, h as r, n as i, t as a, u as o, x as s } from "./useChartInteractivity-DygkiRA1.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: 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);
+}, C = .3, w = 1, T = ({ labels: i, progressValues: a, referenceValues: s, seriesLabel: c, valuePrefix: l, minValue: u, maxValue: d, stepSize: f, progressSnapshotCount: p, colorHostElement: m, skeleton: h = !1 }) => {
+	let g = t(e.axisLabel, m), _ = t(e.grid, m), v = t(h ? e.skeletonSeries : e.progressLine, m), y = t(h ? e.skeletonFillStart : e.referenceFill, m), b = t(e.tooltipBackground, m), T = t(e.tooltipText, m), E = C, D = x(p), O = S(p);
 	return {
 		type: "line",
 		data: {
-			labels: e,
+			labels: i,
 			datasets: [{
-				data: o,
+				data: s,
 				borderColor: "transparent",
 				backgroundColor: y,
 				pointRadius: 0,
@@ -31,7 +31,7 @@ var v = 4, y = 12, b = 24, x = (e) => {
 				order: 0
 			}, {
 				label: c,
-				data: i,
+				data: a,
 				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: a(h, O),
+			interaction: o(h, O),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
@@ -166,41 +166,41 @@ var v = 4, y = 12, b = 24, x = (e) => {
 			default: !1
 		}
 	},
-	setup(t, { expose: n }) {
-		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({
+	setup(e, { expose: t }) {
+		let n = g("chartRootRef"), r = g("chartCanvasRef"), o = c(() => e.minValue ?? 0), f = c(() => e.maxValue ?? 100), v = c(() => e.prefix ?? "%"), y = c(() => e.loading ? k : e.progressSnapshots), b = c(() => O({
 			progressSnapshots: y.value,
-			deadline: t.loading ? "2026-06-28" : t.deadline,
-			minValue: t.loading ? 0 : s.value,
-			maxValue: t.loading ? 100 : f.value
+			deadline: e.loading ? "2026-06-28" : e.deadline,
+			minValue: e.loading ? 0 : o.value,
+			maxValue: e.loading ? 100 : f.value
 		})), { chartInstance: x } = i({
-			canvasRef: a,
-			config: c(() => !t.loading && t.progressSnapshots.length === 0 ? null : T({
+			canvasRef: r,
+			config: c(() => !e.loading && e.progressSnapshots.length === 0 ? null : T({
 				labels: b.value.labels,
 				progressValues: b.value.progressValues,
 				referenceValues: b.value.referenceValues,
-				seriesLabel: t.seriesLabel,
+				seriesLabel: e.seriesLabel,
 				valuePrefix: v.value,
 				minValue: b.value.minValue,
 				maxValue: b.value.maxValue,
-				stepSize: t.loading ? 25 : b.value.stepSize,
+				stepSize: e.loading ? 25 : b.value.stepSize,
 				progressSnapshotCount: b.value.progressSnapshotCount,
-				colorHostElement: r.value,
-				skeleton: t.loading
+				colorHostElement: n.value,
+				skeleton: e.loading
 			})),
-			enabled: c(() => t.loading || t.progressSnapshots.length > 0)
-		}), { exportImage: S } = o({
+			enabled: c(() => e.loading || e.progressSnapshots.length > 0)
+		}), { exportImage: S } = a({
 			chartInstance: x,
-			canvasRef: a,
-			colorHostElement: r
+			canvasRef: r,
+			colorHostElement: n
 		});
-		return n({ exportImage: S }), (n, i) => (m(), l("div", {
+		return t({ exportImage: S }), (t, 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 }, {
+			ref: n,
+			class: p(["s-ui-chart-progress", { "s-ui-chart-progress--skeleton": e.loading }])
+		}, [u("div", A, [d(h(s), { loading: e.loading }, {
 			default: _(() => [u("canvas", {
 				ref_key: "chartCanvasRef",
-				ref: a,
+				ref: r,
 				class: "s-ui-chart-progress__canvas"
 			}, null, 512)]),
 			_: 1

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

@@ -1,29 +1,29 @@
-import { t as e } from "./SChartLegend-oZoF8XK7.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 { A as e, T as t, d as n, f as r, k as i, m as a, n as o, p as s, r as c, t as l, u, x as d } from "./useChartInteractivity-DygkiRA1.js";
+import { t as f } from "./SChartLegend-dDqLhvIj.js";
 import { t as p } from "./buildCartesianChartScales-EofFq3ry.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 { t as m } from "./resolveStackedChartContext-BbCzct6O.js";
+import { t as h } from "./createChartCrosshairPlugin-EqMlaexu.js";
+import { t as g } from "./resolveSeriesPaletteColor-DoPeNP_F.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, 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 }) => {
+var M = (n, r, a, o = !1) => g(n, r, a, o, {
+	palette: e,
+	paletteFallback: t.stackedPalette1,
+	skeletonPalette: i,
+	skeletonFallback: t.skeletonPalette1
+}), N = 20, P = "stack0", F = ({ seriesList: e, colorHostElement: t, yMax: i, yMin: o, yStep: l = N, skeleton: d = !1, totalLabel: f, onSeriesClick: g }) => {
 	let _ = m({
 		seriesList: e,
 		colorHostElement: t,
-		yMax: n,
+		yMax: i,
 		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 = s({
+	let { axisLabelColor: v, gridColor: y, tooltipBackgroundColor: b, tooltipTextColor: x, resolvedYMax: S, resolvedYMin: C, chartLabels: w } = _, T = c({
 		kind: "series",
 		skeleton: d,
 		colorHostElement: t,
@@ -62,24 +62,24 @@ var M = (e, n, r, i = !1) => g(e, n, r, i, {
 				mode: "nearest",
 				intersect: !1
 			},
-			interaction: c(d, {
+			interaction: u(d, {
 				mode: "index",
 				intersect: !1
 			}),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: r(d),
+					enabled: n(d),
 					backgroundColor: b,
 					titleColor: x,
 					bodyColor: x,
 					footerColor: x,
 					displayColors: !1,
-					position: u,
+					position: s,
 					yAlign: "bottom",
 					xAlign: "center",
 					caretPadding: 8,
-					callbacks: i({ total: f })
+					callbacks: a({ total: f })
 				}
 			},
 			scales: p({
@@ -91,7 +91,7 @@ var M = (e, n, r, i = !1) => g(e, n, r, i, {
 				stacked: !0
 			})
 		},
-		plugins: a(d, [h(t), ...T.plugins])
+		plugins: r(d, [h(t), ...T.plugins])
 	};
 }, I = [
 	"24.02",
@@ -203,44 +203,44 @@ var M = (e, n, r, i = !1) => g(e, n, r, i, {
 		totalLabel: {}
 	},
 	emits: ["seriesClick"],
-	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,
+	setup(e, { expose: t, emit: n }) {
+		let r = n, i = A("chartRootRef"), a = A("chartCanvasRef"), s = b(() => e.loading ? H : e.series), c = (t) => {
+			let n = e.series[t];
+			n && r("seriesClick", t, n);
+		}, u = y("onSeriesClick"), p = b(() => !e.loading && e.series.length === 0 ? null : F({
+			seriesList: s.value,
+			colorHostElement: i.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,
+			onSeriesClick: u() ? c : void 0
+		})), m = b(() => _(s.value, (t, n) => M(t, i.value, n, e.loading))), { chartInstance: h } = o({
+			canvasRef: a,
 			config: p,
-			enabled: b(() => t.loading || t.series.length > 0)
+			enabled: b(() => e.loading || e.series.length > 0)
 		}), { exportImage: g, handleLegendItemHover: v } = l({
 			chartInstance: h,
-			canvasRef: c,
-			colorHostElement: s
+			canvasRef: a,
+			colorHostElement: i
 		});
-		return r({ exportImage: g }), (r, i) => (O(), C("div", {
+		return t({ exportImage: g }), (t, n) => (O(), C("div", {
 			ref_key: "chartRootRef",
-			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 }, {
+			ref: i,
+			class: D(["s-ui-chart-stacked-area", { "s-ui-chart-stacked-area--skeleton": e.loading }])
+		}, [w("div", U, [T(k(d), { loading: e.loading }, {
 			default: j(() => [w("canvas", {
 				ref_key: "chartCanvasRef",
-				ref: c,
+				ref: a,
 				class: "s-ui-chart-stacked-area__canvas"
 			}, null, 512)]),
 			_: 1
-		}, 8, ["loading"])]), m.value.length ? (O(), x(k(e), {
+		}, 8, ["loading"])]), m.value.length ? (O(), x(k(f), {
 			key: 0,
 			items: m.value,
-			disabled: t.loading,
-			interactive: !t.loading,
+			disabled: e.loading,
+			interactive: !e.loading,
 			onItemHover: k(v)
 		}, null, 8, [
 			"items",

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

@@ -1 +1 @@
-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}});
+const e=require("./useChartInteractivity-CaZ37kX-.cjs"),t=require("./SChartLegend-D1gPKGm0.cjs"),n=require("./buildCartesianChartScales-Dck5yBMo.cjs"),r=require("./resolveStackedChartContext-D4tuSA6Z.cjs"),i=require("./createChartCrosshairPlugin-BTPv09h4.cjs"),a=require("./resolveSeriesPaletteColor-BepW1gdW.cjs"),o=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),s=require("./useHasListener-BPgtbbo6.cjs");let c=require("vue");var l=(t,n,r,i=!1)=>a.t(t,n,r,i,{palette:e.A,paletteFallback:e.T.stackedPalette1,skeletonPalette:e.k,skeletonFallback:e.T.skeletonPalette1}),u=20,d=`stack0`,f=({seriesList:t,colorHostElement:a,yMax:o,yMin:s,yStep:c=u,skeleton:f=!1,totalLabel:p,onSeriesClick:m})=>{let h=r.t({seriesList:t,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=e.r({kind:`series`,skeleton:f,colorHostElement:a,onIndexClick:m});return{type:`line`,data:{labels:S,datasets:t.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:e.u(f,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.d(f),backgroundColor:v,titleColor:y,bodyColor:y,footerColor:y,displayColors:!1,position:e.p,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:e.m({total:p})}},scales:n.t({axisLabelColor:g,gridColor:_,yMin:x,yMax:b,yStep:c,stacked:!0})},plugins:e.f(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}=e.n({canvasRef:d,config:g,enabled:(0,c.computed)(()=>n.loading||n.series.length>0)}),{exportImage:x,handleLegendItemHover:S}=e.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)(e.x),{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)(t.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-CCxEXw1H.js → SChartStackedBar-C77FlKGS.js}

@@ -1,8 +1,8 @@
-import { t as e } from "./SChartLegend-oZoF8XK7.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 e, b as t, d as n, f as r, n as i, r as a, t as o, u as s, v as c, x as l, y as u } from "./useChartInteractivity-DygkiRA1.js";
+import { t as d } from "./SChartLegend-dDqLhvIj.js";
 import { t as f } from "./buildCartesianChartScales-EofFq3ry.js";
-import { t as p } from "./resolveStackedChartContext-DxJNWqwE.js";
-import { t as m } from "./resolveBarStackedSeriesColor-DM7Ax0-s.js";
+import { t as p } from "./resolveStackedChartContext-BbCzct6O.js";
+import { t as m } from "./resolveBarStackedSeriesColor-CjwUxrUx.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";
@@ -10,37 +10,37 @@ import { computed as v, createBlock as y, createCommentVNode as b, createElement
 var 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) => ({
+}, N = (n) => ({
 	id: "stackedBarHoverOutline",
-	afterDatasetsDraw(t) {
-		let r = t.tooltip?.getActiveElements() ?? [];
-		if (r.length === 0) return;
-		let i = Infinity, a = Infinity, o = -Infinity, s = -Infinity;
-		for (let e of r) {
-			let { x: t, y: n, width: r, base: c } = e.element.getProps([
+	afterDatasetsDraw(r) {
+		let i = r.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 = c;
-			i = Math.min(i, l), o = Math.max(o, u), a = Math.min(a, d), s = Math.max(s, f);
+			]), 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 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;
+		let l = t(e.barHoverOutline, n), { ctx: u, chartArea: d } = r, 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);
-		l.save(), l.strokeStyle = c, l.lineWidth = A, M(l, h, g, _, v, y), l.restore();
+		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: t, yMax: n, yMin: s, yStep: u = P, skeleton: d = !1, onSeriesClick: h, onSegmentClick: g }) => {
+}), P = 5, F = "stack0", I = 36, L = 4, R = 12, z = ({ seriesList: e, colorHostElement: t, yMax: i, yMin: o, yStep: l = P, skeleton: d = !1, onSeriesClick: h, onSegmentClick: g }) => {
 	let _ = p({
 		seriesList: e,
 		colorHostElement: t,
-		yMax: n,
-		yMin: s,
-		yStep: u,
+		yMax: i,
+		yMin: o,
+		yStep: l,
 		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 = c({
+	let { axisLabelColor: v, gridColor: y, tooltipBackgroundColor: b, tooltipTextColor: x, resolvedYMax: S, resolvedYMin: C, chartLabels: w, pointCaptions: T, topSeriesIndex: E } = _, D = a({
 		kind: "segment",
 		skeleton: d,
 		colorHostElement: t,
@@ -79,23 +79,23 @@ var A = 3, j = 4, M = (e, t, n, r, i, a) => {
 				mode: "nearest",
 				intersect: !0
 			},
-			interaction: l(d, {
+			interaction: s(d, {
 				mode: "nearest",
 				intersect: !0
 			}),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: r(d),
+					enabled: n(d),
 					backgroundColor: b,
 					titleColor: x,
 					bodyColor: x,
 					displayColors: !1,
-					position: a,
+					position: c,
 					yAlign: "bottom",
 					xAlign: "center",
 					caretPadding: 8,
-					callbacks: i()
+					callbacks: u()
 				}
 			},
 			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: u,
+				yStep: l,
 				stacked: !0,
 				xTickFontSize: R
 			})
 		},
-		plugins: o(d, [N(t), ...D.plugins])
+		plugins: r(d, [N(t), ...D.plugins])
 	};
 }, B = [
 	"5 неделя",
@@ -191,47 +191,47 @@ var A = 3, j = 4, M = (e, t, n, r, i, a) => {
 		yStep: {}
 	},
 	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), d = (e) => {
-			let t = n.series[e];
-			t && a("seriesClick", e, t);
-		}, f = (e, t) => {
-			let r = n.series[t], i = r?.points[e];
-			r && i && a("segmentClick", e, t, i, r);
-		}, p = _("onSeriesClick"), g = _("onSegmentClick"), w = v(() => !n.loading && n.series.length === 0 ? null : z({
-			seriesList: l.value,
-			colorHostElement: o.value,
-			yMax: n.loading ? 50 : n.yMax,
-			yMin: n.loading ? 0 : void 0,
-			yStep: n.loading ? 5 : n.yStep,
-			skeleton: n.loading,
-			onSeriesClick: p() ? d : void 0,
+	setup(e, { expose: t, emit: n }) {
+		let r = n, a = O("chartRootRef"), s = O("chartCanvasRef"), c = v(() => e.loading ? G : e.series), u = (t) => {
+			let n = e.series[t];
+			n && r("seriesClick", t, n);
+		}, f = (t, n) => {
+			let i = e.series[n], a = i?.points[t];
+			i && a && r("segmentClick", t, n, a, i);
+		}, p = _("onSeriesClick"), g = _("onSegmentClick"), w = v(() => !e.loading && e.series.length === 0 ? null : z({
+			seriesList: c.value,
+			colorHostElement: a.value,
+			yMax: e.loading ? 50 : e.yMax,
+			yMin: e.loading ? 0 : void 0,
+			yStep: e.loading ? 5 : e.yStep,
+			skeleton: e.loading,
+			onSeriesClick: p() ? u : 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,
+		})), A = v(() => h(c.value, (t, n) => m(t, a.value, n, e.loading))), { chartInstance: j } = i({
+			canvasRef: s,
 			config: w,
-			enabled: v(() => n.loading || n.series.length > 0)
-		}), { exportImage: M, handleLegendItemHover: N } = u({
+			enabled: v(() => e.loading || e.series.length > 0)
+		}), { exportImage: M, handleLegendItemHover: N } = o({
 			chartInstance: j,
-			canvasRef: c,
-			colorHostElement: o
+			canvasRef: s,
+			colorHostElement: a
 		});
-		return r({ exportImage: M }), (r, i) => (E(), x("div", {
+		return t({ exportImage: M }), (t, n) => (E(), x("div", {
 			ref_key: "chartRootRef",
-			ref: o,
-			class: T(["s-ui-chart-stacked-bar", { "s-ui-chart-stacked-bar--skeleton": n.loading }])
-		}, [S("div", K, [C(D(t), { loading: n.loading }, {
+			ref: a,
+			class: T(["s-ui-chart-stacked-bar", { "s-ui-chart-stacked-bar--skeleton": e.loading }])
+		}, [S("div", K, [C(D(l), { loading: e.loading }, {
 			default: k(() => [S("canvas", {
 				ref_key: "chartCanvasRef",
-				ref: c,
+				ref: s,
 				class: "s-ui-chart-stacked-bar__canvas"
 			}, null, 512)]),
 			_: 1
-		}, 8, ["loading"])]), A.value.length ? (E(), y(D(e), {
+		}, 8, ["loading"])]), A.value.length ? (E(), y(D(d), {
 			key: 0,
 			items: A.value,
-			disabled: n.loading,
-			interactive: !n.loading,
+			disabled: e.loading,
+			interactive: !e.loading,
 			onItemHover: D(N)
 		}, null, 8, [
 			"items",

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

@@ -1 +1 @@
-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}});
+const e=require("./useChartInteractivity-CaZ37kX-.cjs"),t=require("./SChartLegend-D1gPKGm0.cjs"),n=require("./buildCartesianChartScales-Dck5yBMo.cjs"),r=require("./resolveStackedChartContext-D4tuSA6Z.cjs"),i=require("./resolveBarStackedSeriesColor-Czkj5bJY.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=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.b(e.T.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:t,colorHostElement:a,yMax:o,yMin:s,yStep:c=f,skeleton:l=!1,onSeriesClick:u,onSegmentClick:_})=>{let v=r.t({seriesList:t,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=e.r({kind:`segment`,skeleton:l,colorHostElement:a,onIndexClick:u,onElementIndexClick:_});return{type:`bar`,data:{labels:T,datasets:t.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:e.u(l,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.d(l),backgroundColor:x,titleColor:S,bodyColor:S,displayColors:!1,position:e.v,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:e.y()}},scales:n.t({axisLabelColor:y,gridColor:b,yMin:w,yMax:C,yStep:c,stacked:!0,xTickFontSize:g})},plugins:e.f(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}=e.n({canvasRef:d,config:v,enabled:(0,s.computed)(()=>n.loading||n.series.length>0)}),{exportImage:x,handleLegendItemHover:S}=e.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)(e.x),{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)(t.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}});