@shtabapp/ui-kit 1.26.0

package/dist/SChartLine-BaOJ7lmv.js

@@ -0,0 +1,137 @@
+import { a as e, i as t, p as n, r, t as i, v as a } from "./SChartSkeletonHost-BnYGg6WN.js";
+import { t as o } from "./buildCartesianChartScales-EofFq3ry.js";
+import { computed as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, unref as m, useTemplateRef as h, withCtx as g } from "vue";
+//#region src/utils/chart/css/applyOpacityToCssColor.ts
+var _ = (e, t) => !e || t >= 1 ? e : t <= 0 ? "transparent" : `color-mix(in srgb, ${e} ${Math.round(t * 100)}%, transparent)`, v = (e, t, n = 1) => {
+	if (typeof window > "u") return n;
+	let r = t ?? document.documentElement, i = getComputedStyle(r).getPropertyValue(e).trim(), a = Number.parseFloat(i);
+	return Number.isNaN(a) ? n : a;
+}, y = 172, b = .0643, x = .8972, S = (e, t) => {
+	let n = e.right - e.left, r = e.bottom - e.top, i = (t - 90) * Math.PI / 180, a = Math.abs(n * Math.sin(i)) + Math.abs(r * Math.cos(i)), o = (e.left + e.right) / 2, s = (e.top + e.bottom) / 2, c = Math.cos(i) * a / 2, l = Math.sin(i) * a / 2;
+	return {
+		x0: o - c,
+		y0: s - l,
+		x1: o + c,
+		y1: s + l
+	};
+}, C = (e, t, n, r = 1) => {
+	let { chart: i } = e, { ctx: a, chartArea: o } = i;
+	if (!o) return t;
+	let s = _(t, r), c = _(n, r), { x0: l, y0: u, x1: d, y1: f } = S(o, y), p = a.createLinearGradient(l, u, d, f);
+	return p.addColorStop(0, s), p.addColorStop(b, s), p.addColorStop(x, c), p.addColorStop(1, c), p;
+}, w = 5, T = 5, E = (e, t, n) => {
+	if (t) return t;
+	let r = e.reduce((e, t) => Math.max(e, t.value), 0), i = Math.ceil(r / n) * n;
+	return i > 0 ? i : n * 5;
+}, D = (e, t) => !t || typeof e != "number" ? e : `${e}%`, O = ({ points: r, seriesLabel: i, colorHostElement: s, yMax: c, yMin: l, yStep: u = T, skeleton: d = !1 }) => {
+	let f = a(n.axisLabel, s), p = a(n.grid, s), m = a(d ? n.skeletonSeries : n.seriesPrimary, s), h = a(d ? n.skeletonFillStart : n.seriesFillStart, s), g = a(d ? n.skeletonFillEnd : n.seriesFillEnd, s), _ = a(n.tooltipBackground, s), y = a(n.tooltipText, s), b = v(d ? n.skeletonFillOpacity : n.seriesFillOpacity, s, .8), x = d && c ? c : E(r, c, u), S = d && l !== void 0 ? l : 0;
+	return {
+		type: "line",
+		data: {
+			labels: r.map((e) => e.label),
+			datasets: [{
+				label: i,
+				data: r.map((e) => e.value),
+				borderColor: m,
+				backgroundColor: (e) => C(e, h, g, b),
+				borderWidth: w,
+				fill: !0,
+				pointRadius: 0,
+				pointHoverRadius: 4,
+				tension: .4
+			}]
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			interaction: t(d, {
+				mode: "index",
+				intersect: !1
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: e(d),
+					backgroundColor: _,
+					titleColor: y,
+					bodyColor: y,
+					displayColors: !1
+				}
+			},
+			scales: o({
+				axisLabelColor: f,
+				gridColor: p,
+				yMin: S,
+				yMax: x,
+				yStep: u,
+				formatYAxisTick: (e) => D(e, d)
+			})
+		}
+	};
+}, k = [
+	{
+		label: "ноябрь 2025",
+		value: 63
+	},
+	{
+		label: "декабрь 2025",
+		value: 77
+	},
+	{
+		label: "январь 2026",
+		value: 75
+	},
+	{
+		label: "февраль 2026",
+		value: 81
+	},
+	{
+		label: "март 2026",
+		value: 91
+	},
+	{
+		label: "апрель 2026",
+		value: 87
+	}
+], A = { class: "s-ui-chart-line__canvas-wrap" }, j = /* @__PURE__ */ d({
+	__name: "SChartLine",
+	props: {
+		points: { default: () => [] },
+		seriesLabel: { default: "Series" },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		yMax: {},
+		yStep: {}
+	},
+	setup(e) {
+		let t = h("chartRootRef"), n = h("chartCanvasRef"), a = s(() => e.loading ? k : e.points);
+		return r({
+			canvasRef: n,
+			config: s(() => !e.loading && e.points.length === 0 ? null : O({
+				points: a.value,
+				seriesLabel: e.seriesLabel,
+				colorHostElement: t.value,
+				yMax: e.loading ? 100 : e.yMax,
+				yMin: e.loading ? 50 : void 0,
+				yStep: e.loading ? 10 : e.yStep,
+				skeleton: e.loading
+			})),
+			enabled: s(() => e.loading || e.points.length > 0)
+		}), (r, a) => (p(), c("div", {
+			ref_key: "chartRootRef",
+			ref: t,
+			class: f(["s-ui-chart-line", { "s-ui-chart-line--skeleton": e.loading }])
+		}, [l("div", A, [u(m(i), { loading: e.loading }, {
+			default: g(() => [l("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: n,
+				class: "s-ui-chart-line__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])])], 2));
+	}
+});
+//#endregion
+export { j as t };

package/dist/SChartLine-C_16iDsx.cjs

@@ -0,0 +1 @@
+const e=require("./SChartSkeletonHost-CixHLD65.cjs"),t=require("./buildCartesianChartScales-Dck5yBMo.cjs");let n=require("vue");var r=(e,t)=>!e||t>=1?e:t<=0?`transparent`:`color-mix(in srgb, ${e} ${Math.round(t*100)}%, transparent)`,i=(e,t,n=1)=>{if(typeof window>`u`)return n;let r=t??document.documentElement,i=getComputedStyle(r).getPropertyValue(e).trim(),a=Number.parseFloat(i);return Number.isNaN(a)?n:a},a=172,o=.0643,s=.8972,c=(e,t)=>{let n=e.right-e.left,r=e.bottom-e.top,i=(t-90)*Math.PI/180,a=Math.abs(n*Math.sin(i))+Math.abs(r*Math.cos(i)),o=(e.left+e.right)/2,s=(e.top+e.bottom)/2,c=Math.cos(i)*a/2,l=Math.sin(i)*a/2;return{x0:o-c,y0:s-l,x1:o+c,y1:s+l}},l=(e,t,n,i=1)=>{let{chart:l}=e,{ctx:u,chartArea:d}=l;if(!d)return t;let f=r(t,i),p=r(n,i),{x0:m,y0:h,x1:g,y1:_}=c(d,a),v=u.createLinearGradient(m,h,g,_);return v.addColorStop(0,f),v.addColorStop(o,f),v.addColorStop(s,p),v.addColorStop(1,p),v},u=5,d=5,f=(e,t,n)=>{if(t)return t;let r=e.reduce((e,t)=>Math.max(e,t.value),0),i=Math.ceil(r/n)*n;return i>0?i:n*5},p=(e,t)=>!t||typeof e!=`number`?e:`${e}%`,m=({points:n,seriesLabel:r,colorHostElement:a,yMax:o,yMin:s,yStep:c=d,skeleton:m=!1})=>{let h=e.v(e.p.axisLabel,a),g=e.v(e.p.grid,a),_=e.v(m?e.p.skeletonSeries:e.p.seriesPrimary,a),v=e.v(m?e.p.skeletonFillStart:e.p.seriesFillStart,a),y=e.v(m?e.p.skeletonFillEnd:e.p.seriesFillEnd,a),b=e.v(e.p.tooltipBackground,a),x=e.v(e.p.tooltipText,a),S=i(m?e.p.skeletonFillOpacity:e.p.seriesFillOpacity,a,.8),C=m&&o?o:f(n,o,c),w=m&&s!==void 0?s:0;return{type:`line`,data:{labels:n.map(e=>e.label),datasets:[{label:r,data:n.map(e=>e.value),borderColor:_,backgroundColor:e=>l(e,v,y,S),borderWidth:u,fill:!0,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:e.i(m,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(m),backgroundColor:b,titleColor:x,bodyColor:x,displayColors:!1}},scales:t.t({axisLabelColor:h,gridColor:g,yMin:w,yMax:C,yStep:c,formatYAxisTick:e=>p(e,m)})}}},h=[{label:`ноябрь 2025`,value:63},{label:`декабрь 2025`,value:77},{label:`январь 2026`,value:75},{label:`февраль 2026`,value:81},{label:`март 2026`,value:91},{label:`апрель 2026`,value:87}],g={class:`s-ui-chart-line__canvas-wrap`},_=(0,n.defineComponent)({__name:`SChartLine`,props:{points:{default:()=>[]},seriesLabel:{default:`Series`},loading:{type:Boolean,default:!1},yMax:{},yStep:{}},setup(t){let r=(0,n.useTemplateRef)(`chartRootRef`),i=(0,n.useTemplateRef)(`chartCanvasRef`),a=(0,n.computed)(()=>t.loading?h:t.points);return e.r({canvasRef:i,config:(0,n.computed)(()=>!t.loading&&t.points.length===0?null:m({points:a.value,seriesLabel:t.seriesLabel,colorHostElement:r.value,yMax:t.loading?100:t.yMax,yMin:t.loading?50:void 0,yStep:t.loading?10:t.yStep,skeleton:t.loading})),enabled:(0,n.computed)(()=>t.loading||t.points.length>0)}),(a,o)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,n.normalizeClass)([`s-ui-chart-line`,{"s-ui-chart-line--skeleton":t.loading}])},[(0,n.createElementVNode)(`div`,g,[(0,n.createVNode)((0,n.unref)(e.t),{loading:t.loading},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,class:`s-ui-chart-line__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});

package/dist/SChartPie-BdKc6EbI.cjs

@@ -0,0 +1 @@
+const e=require("./SChartSkeletonHost-CixHLD65.cjs"),t=require("./SChartLegend-CLTLJeRH.cjs");let n=require("vue");var r=(n,r,i,a=!1)=>t.n(n,r,i,a,{palette:e.h,paletteFallback:e.p.piePalette1,skeletonPalette:e.m,skeletonFallback:e.p.pieSkeletonPalette1}),i=()=>({title:()=>``,label:e=>`${e.label??``} – ${e.parsed??0}`}),a=4,o=4,s=1,c=`400 12px var(--s-ui-font-family-label)`,l=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i/2);e.beginPath(),e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},u=e=>!(`getCenterPoint`in e)||typeof e.getCenterPoint!=`function`?null:e.getCenterPoint(!1),d=t=>({id:`pieSegmentBadge`,afterDatasetsDraw(n){let r=n.getDatasetMeta(0);if(!r)return;let i=e.v(e.p.pieBadgeBackground,t),d=e.v(e.p.pieBadgeBorder,t),f=e.v(e.p.pieBadgeText,t),{ctx:p}=n;p.save(),p.font=c,p.textAlign=`center`,p.textBaseline=`middle`;for(let e=0;e<r.data.length;e+=1){let t=r.data[e],c=n.data.datasets[0]?.data[e],m=t?u(t):null;if(t&&typeof c==`number`&&c>0&&m){let e=`${c}`,t=p.measureText(e).width+a*2;l(p,m.x-t/2,m.y-20/2,t,20,o),p.fillStyle=i,p.fill(),p.lineWidth=s,p.strokeStyle=d,p.stroke(),p.fillStyle=f,p.fillText(e,m.x,m.y)}}p.restore()}}),f=({sliceList:t,colorHostElement:n,skeleton:a=!1})=>{if(t.length===0)return null;let o=e.v(e.p.pieSegmentBorder,n),s=e.v(e.p.tooltipBackground,n),c=e.v(e.p.tooltipText,n),l=t.map((e,t)=>r(t,n,e.fillColor,a));return{type:`pie`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:l,hoverBackgroundColor:l,borderColor:o,hoverBorderColor:o,borderWidth:4,hoverBorderWidth:4,hoverOffset:26,spacing:0,borderRadius:8}]},options:{responsive:!0,maintainAspectRatio:!0,cutout:`58%`,rotation:115,layout:{padding:26},interaction:e.i(a,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(a),backgroundColor:s,titleColor:c,bodyColor:c,displayColors:!1,callbacks:i()}}},plugins:e.o(a,[d(n)])}},p=[`Series 1`,`Series 2`,`Series 3`,`Series 4`,`Series 5`,`Series 6`,`Series 7`,`Series 8`],m=[4,1,1,1,1,1,1,1],h=p.map((e,t)=>({label:e,value:m[t]??1})),g={class:`s-ui-chart-pie__canvas-wrap`},_=(0,n.defineComponent)({__name:`SChartPie`,props:{slices:{default:()=>[]},loading:{type:Boolean,default:!1}},setup(i){let a=e.n,o=(0,n.useTemplateRef)(`chartRootRef`),s=(0,n.useTemplateRef)(`chartCanvasRef`),c=(0,n.computed)(()=>i.loading?h:i.slices),l=(0,n.computed)(()=>!i.loading&&i.slices.length===0?null:f({sliceList:c.value,colorHostElement:o.value,skeleton:i.loading})),u=(0,n.computed)(()=>c.value.map((e,t)=>({label:e.label,color:r(t,o.value,e.fillColor,i.loading)})));return e.r({canvasRef:s,config:l,enabled:(0,n.computed)(()=>i.loading||i.slices.length>0)}),(r,c)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:o,class:(0,n.normalizeClass)([`s-ui-chart-pie`,{"s-ui-chart-pie--skeleton":i.loading}])},[(0,n.createElementVNode)(`div`,g,[(0,n.createVNode)((0,n.unref)(e.t),{loading:i.loading,type:(0,n.unref)(a).PIE},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:s,class:`s-ui-chart-pie__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),u.value.length>0?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),{key:0,items:u.value,disabled:i.loading,direction:`column`},null,8,[`items`,`disabled`])):(0,n.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});

package/dist/SChartPie-qCJdztmc.js

@@ -0,0 +1,142 @@
+import { a as e, h as t, i as n, m as r, n as i, o as a, p as o, r as s, t as c, v as l } from "./SChartSkeletonHost-BnYGg6WN.js";
+import { n as u, t as d } from "./SChartLegend-CcbzWNuw.js";
+import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, openBlock as b, unref as x, useTemplateRef as S, withCtx as C } from "vue";
+//#region src/utils/chart/pie/resolvePieSliceColor.ts
+var w = (e, n, i, a = !1) => u(e, n, i, a, {
+	palette: t,
+	paletteFallback: o.piePalette1,
+	skeletonPalette: r,
+	skeletonFallback: o.pieSkeletonPalette1
+}), T = () => ({
+	title: () => "",
+	label: (e) => `${e.label ?? ""} – ${e.parsed ?? 0}`
+}), E = 4, D = 4, O = 1, k = "400 12px var(--s-ui-font-family-label)", A = (e, t, n, r, i, a) => {
+	let o = Math.min(a, r / 2, i / 2);
+	e.beginPath(), e.moveTo(t + o, n), e.lineTo(t + r - o, n), e.arcTo(t + r, n, t + r, n + o, o), e.lineTo(t + r, n + i - o), e.arcTo(t + r, n + i, t + r - o, n + i, o), e.lineTo(t + o, n + i), e.arcTo(t, n + i, t, n + i - o, o), e.lineTo(t, n + o), e.arcTo(t, n, t + o, n, o), e.closePath();
+}, j = (e) => !("getCenterPoint" in e) || typeof e.getCenterPoint != "function" ? null : e.getCenterPoint(!1), M = (e) => ({
+	id: "pieSegmentBadge",
+	afterDatasetsDraw(t) {
+		let n = t.getDatasetMeta(0);
+		if (!n) return;
+		let r = l(o.pieBadgeBackground, e), i = l(o.pieBadgeBorder, e), a = l(o.pieBadgeText, e), { ctx: s } = t;
+		s.save(), s.font = k, s.textAlign = "center", s.textBaseline = "middle";
+		for (let e = 0; e < n.data.length; e += 1) {
+			let o = n.data[e], c = t.data.datasets[0]?.data[e], l = o ? j(o) : null;
+			if (o && typeof c == "number" && c > 0 && l) {
+				let e = `${c}`, t = s.measureText(e).width + E * 2;
+				A(s, l.x - t / 2, l.y - 20 / 2, t, 20, D), s.fillStyle = r, s.fill(), s.lineWidth = O, s.strokeStyle = i, s.stroke(), s.fillStyle = a, s.fillText(e, l.x, l.y);
+			}
+		}
+		s.restore();
+	}
+}), N = ({ sliceList: t, colorHostElement: r, skeleton: i = !1 }) => {
+	if (t.length === 0) return null;
+	let s = l(o.pieSegmentBorder, r), c = l(o.tooltipBackground, r), u = l(o.tooltipText, r), d = t.map((e, t) => w(t, r, e.fillColor, i));
+	return {
+		type: "pie",
+		data: {
+			labels: t.map((e) => e.label),
+			datasets: [{
+				data: t.map((e) => e.value),
+				backgroundColor: d,
+				hoverBackgroundColor: d,
+				borderColor: s,
+				hoverBorderColor: s,
+				borderWidth: 4,
+				hoverBorderWidth: 4,
+				hoverOffset: 26,
+				spacing: 0,
+				borderRadius: 8
+			}]
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !0,
+			cutout: "58%",
+			rotation: 115,
+			layout: { padding: 26 },
+			interaction: n(i, {
+				mode: "nearest",
+				intersect: !0
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: e(i),
+					backgroundColor: c,
+					titleColor: u,
+					bodyColor: u,
+					displayColors: !1,
+					callbacks: T()
+				}
+			}
+		},
+		plugins: a(i, [M(r)])
+	};
+}, P = [
+	"Series 1",
+	"Series 2",
+	"Series 3",
+	"Series 4",
+	"Series 5",
+	"Series 6",
+	"Series 7",
+	"Series 8"
+], F = [
+	4,
+	1,
+	1,
+	1,
+	1,
+	1,
+	1,
+	1
+], I = P.map((e, t) => ({
+	label: e,
+	value: F[t] ?? 1
+})), L = { class: "s-ui-chart-pie__canvas-wrap" }, R = /* @__PURE__ */ v({
+	__name: "SChartPie",
+	props: {
+		slices: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = i, n = S("chartRootRef"), r = S("chartCanvasRef"), a = f(() => e.loading ? I : e.slices), o = f(() => !e.loading && e.slices.length === 0 ? null : N({
+			sliceList: a.value,
+			colorHostElement: n.value,
+			skeleton: e.loading
+		})), l = f(() => a.value.map((t, r) => ({
+			label: t.label,
+			color: w(r, n.value, t.fillColor, e.loading)
+		})));
+		return s({
+			canvasRef: r,
+			config: o,
+			enabled: f(() => e.loading || e.slices.length > 0)
+		}), (i, a) => (b(), h("div", {
+			ref_key: "chartRootRef",
+			ref: n,
+			class: y(["s-ui-chart-pie", { "s-ui-chart-pie--skeleton": e.loading }])
+		}, [g("div", L, [_(x(c), {
+			loading: e.loading,
+			type: x(t).PIE
+		}, {
+			default: C(() => [g("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: r,
+				class: "s-ui-chart-pie__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading", "type"])]), l.value.length > 0 ? (b(), p(x(d), {
+			key: 0,
+			items: l.value,
+			disabled: e.loading,
+			direction: "column"
+		}, null, 8, ["items", "disabled"])) : m("", !0)], 2));
+	}
+});
+//#endregion
+export { R as t };

package/dist/SChartSkeletonHost-BnYGg6WN.js

@@ -0,0 +1,232 @@
+import { computed as e, createBlock as t, defineComponent as n, onBeforeUnmount as r, onMounted as i, openBlock as a, renderSlot as o, shallowRef as s, toValue as c, unref as l, watch as u, withCtx as d } from "vue";
+import { ESSkeletonType as f, SSkeleton as p } from "@shtabapp/ui-kit-primitives";
+import { useResizeObserver as m } from "@vueuse/core";
+import { ArcElement as h, BarController as g, BarElement as _, CategoryScale as v, Chart as y, Filler as b, LineController as x, LineElement as S, LinearScale as C, PieController as w, PointElement as T, Tooltip as E } from "chart.js";
+//#region src/utils/chart/css/readCssColor.ts
+var D = (e, t) => {
+	if (typeof window > "u") return "";
+	let n = t ?? document.documentElement;
+	return getComputedStyle(n).getPropertyValue(e).trim();
+}, O = {
+	axisLabel: "--s-ui-chart-axis-label",
+	grid: "--s-ui-chart-grid",
+	crosshair: "--s-ui-chart-crosshair",
+	legendLabel: "--s-ui-chart-legend-label",
+	seriesPrimary: "--s-ui-chart-series-primary",
+	seriesFillStart: "--s-ui-chart-series-fill-start",
+	seriesFillEnd: "--s-ui-chart-series-fill-end",
+	seriesFillOpacity: "--s-ui-chart-series-fill-opacity",
+	skeletonSeries: "--s-ui-chart-skeleton-series",
+	skeletonPalette1: "--s-ui-chart-skeleton-palette-1",
+	skeletonPalette2: "--s-ui-chart-skeleton-palette-2",
+	skeletonPalette3: "--s-ui-chart-skeleton-palette-3",
+	skeletonPalette4: "--s-ui-chart-skeleton-palette-4",
+	skeletonPalette5: "--s-ui-chart-skeleton-palette-5",
+	skeletonPalette6: "--s-ui-chart-skeleton-palette-6",
+	skeletonFillStart: "--s-ui-chart-skeleton-fill-start",
+	skeletonFillEnd: "--s-ui-chart-skeleton-fill-end",
+	skeletonFillOpacity: "--s-ui-chart-skeleton-fill-opacity",
+	tooltipBackground: "--s-ui-chart-tooltip-background",
+	tooltipText: "--s-ui-chart-tooltip-text",
+	stackedPalette1: "--s-ui-chart-stacked-palette-1",
+	stackedPalette2: "--s-ui-chart-stacked-palette-2",
+	stackedPalette3: "--s-ui-chart-stacked-palette-3",
+	stackedPalette4: "--s-ui-chart-stacked-palette-4",
+	stackedPalette5: "--s-ui-chart-stacked-palette-5",
+	stackedPalette6: "--s-ui-chart-stacked-palette-6",
+	barStackedPalette1: "--s-ui-chart-bar-stacked-palette-1",
+	barStackedPalette2: "--s-ui-chart-bar-stacked-palette-2",
+	barStackedPalette3: "--s-ui-chart-bar-stacked-palette-3",
+	barStackedPalette4: "--s-ui-chart-bar-stacked-palette-4",
+	barStackedPalette5: "--s-ui-chart-bar-stacked-palette-5",
+	barStackedPalette6: "--s-ui-chart-bar-stacked-palette-6",
+	barHoverOutline: "--s-ui-chart-bar-hover-outline",
+	barSkeletonPalette1: "--s-ui-chart-bar-skeleton-palette-1",
+	barSkeletonPalette2: "--s-ui-chart-bar-skeleton-palette-2",
+	barSkeletonPalette3: "--s-ui-chart-bar-skeleton-palette-3",
+	barSkeletonPalette4: "--s-ui-chart-bar-skeleton-palette-4",
+	barSkeletonPalette5: "--s-ui-chart-bar-skeleton-palette-5",
+	barSkeletonPalette6: "--s-ui-chart-bar-skeleton-palette-6",
+	piePalette1: "--s-ui-chart-pie-palette-1",
+	piePalette2: "--s-ui-chart-pie-palette-2",
+	piePalette3: "--s-ui-chart-pie-palette-3",
+	piePalette4: "--s-ui-chart-pie-palette-4",
+	piePalette5: "--s-ui-chart-pie-palette-5",
+	piePalette6: "--s-ui-chart-pie-palette-6",
+	piePalette7: "--s-ui-chart-pie-palette-7",
+	piePalette8: "--s-ui-chart-pie-palette-8",
+	pieSegmentBorder: "--s-ui-chart-pie-segment-border",
+	pieBadgeBackground: "--s-ui-chart-pie-badge-background",
+	pieBadgeBorder: "--s-ui-chart-pie-badge-border",
+	pieBadgeText: "--s-ui-chart-pie-badge-text",
+	pieHoverShadow: "--s-ui-chart-pie-hover-shadow",
+	pieSkeletonPalette1: "--s-ui-chart-pie-skeleton-palette-1",
+	pieSkeletonPalette2: "--s-ui-chart-pie-skeleton-palette-2",
+	pieSkeletonPalette3: "--s-ui-chart-pie-skeleton-palette-3",
+	pieSkeletonPalette4: "--s-ui-chart-pie-skeleton-palette-4",
+	pieSkeletonPalette5: "--s-ui-chart-pie-skeleton-palette-5",
+	pieSkeletonPalette6: "--s-ui-chart-pie-skeleton-palette-6",
+	pieSkeletonPalette7: "--s-ui-chart-pie-skeleton-palette-7",
+	pieSkeletonPalette8: "--s-ui-chart-pie-skeleton-palette-8",
+	barHorizontalFillDefault: "--s-ui-chart-bar-horizontal-fill-default",
+	barHorizontalSkeletonFill: "--s-ui-chart-bar-horizontal-skeleton-fill",
+	barHorizontalCategoryLabel: "--s-ui-chart-bar-horizontal-category-label",
+	barHorizontalCategoryLabelSkeleton: "--s-ui-chart-bar-horizontal-category-label-skeleton"
+}, k = [
+	O.stackedPalette1,
+	O.stackedPalette2,
+	O.stackedPalette3,
+	O.stackedPalette4,
+	O.stackedPalette5,
+	O.stackedPalette6
+], A = [
+	O.skeletonPalette1,
+	O.skeletonPalette2,
+	O.skeletonPalette3,
+	O.skeletonPalette4,
+	O.skeletonPalette5,
+	O.skeletonPalette6
+], j = [
+	O.barStackedPalette1,
+	O.barStackedPalette2,
+	O.barStackedPalette3,
+	O.barStackedPalette4,
+	O.barStackedPalette5,
+	O.barStackedPalette6
+], M = [
+	O.barSkeletonPalette1,
+	O.barSkeletonPalette2,
+	O.barSkeletonPalette3,
+	O.barSkeletonPalette4,
+	O.barSkeletonPalette5,
+	O.barSkeletonPalette6
+], N = [
+	O.piePalette1,
+	O.piePalette2,
+	O.piePalette3,
+	O.piePalette4,
+	O.piePalette5,
+	O.piePalette6,
+	O.piePalette7,
+	O.piePalette8
+], P = [
+	O.pieSkeletonPalette1,
+	O.pieSkeletonPalette2,
+	O.pieSkeletonPalette3,
+	O.pieSkeletonPalette4,
+	O.pieSkeletonPalette5,
+	O.pieSkeletonPalette6,
+	O.pieSkeletonPalette7,
+	O.pieSkeletonPalette8
+], ee = (e) => "captions" in e, F = (e, t) => {
+	let n = e.data.datasets[0];
+	if (!n || !ee(n)) return;
+	let r = n.captions?.[t];
+	if (r) return r;
+}, I = () => ({
+	title: (e) => {
+		let t = e[0];
+		if (!t) return "";
+		let n = F(t.chart, t.dataIndex), r = [`${t.label}`];
+		return n && r.push(n), r;
+	},
+	label: (e) => `${e.dataset.label ?? ""} – ${e.parsed.y ?? 0}`
+}), L = "stackedBarTop", R = function(e, t) {
+	if (e.length === 0) return {
+		x: t.x,
+		y: t.y
+	};
+	let n = Infinity, r = Infinity, i = -Infinity;
+	for (let t of e) {
+		let { x: e, y: a, width: o } = t.element.getProps([
+			"x",
+			"y",
+			"width"
+		]);
+		n = Math.min(n, a), r = Math.min(r, e - o / 2), i = Math.max(i, e + o / 2);
+	}
+	return {
+		x: (r + i) / 2,
+		y: n
+	};
+}, z = ({ total: e } = {}) => ({
+	title: (e) => {
+		let t = e[0];
+		return t ? `${t.label}` : "";
+	},
+	label: (e) => `${e.dataset.label ?? ""} – ${e.parsed.y ?? 0}`,
+	footer: (t) => {
+		let n = t.reduce((e, t) => e + (t.parsed.y ?? 0), 0);
+		return e ? `${e} – ${n}` : `${n}`;
+	}
+}), B = "stackedAreaTop", V = function(e, t) {
+	let n = this.chart.chartArea;
+	return !n || e.length === 0 ? {
+		x: t.x,
+		y: t.y
+	} : {
+		x: t.x,
+		y: n.top
+	};
+}, H = !1, U = !1, W = !1, G = () => {
+	U ||= (E.positioners.stackedAreaTop = V, !0);
+}, K = () => {
+	W ||= (E.positioners.stackedBarTop = R, !0);
+}, q = () => {
+	H ||= (y.register(x, S, T, g, _, w, h, C, v, E, b), G(), K(), !0);
+}, J = (e, t) => e ? {
+	mode: "nearest",
+	intersect: !1
+} : t, Y = (e) => !e, X = (e, t) => e ? [] : t, Z = ({ canvasRef: e, config: t, enabled: n }) => {
+	let a = s(), o = () => {
+		a.value &&= (a.value.destroy(), void 0);
+	}, l = () => {
+		if (!c(n)) {
+			o();
+			return;
+		}
+		let r = c(e), i = c(t);
+		if (!r || !i) {
+			o();
+			return;
+		}
+		q(), a.value &&= (a.value.destroy(), void 0), a.value = new y(r, i);
+	};
+	return i(() => {
+		l();
+	}), u(() => [
+		c(n),
+		c(e),
+		c(t)
+	], () => {
+		l();
+	}, { deep: !0 }), m(e, () => {
+		a.value?.resize();
+	}), r(() => {
+		o();
+	}), { chartInstance: a };
+}, Q = /* @__PURE__ */ function(e) {
+	return e.CARTESIAN = "cartesian", e.PIE = "pie", e;
+}({}), $ = /* @__PURE__ */ n({
+	__name: "SChartSkeletonHost",
+	props: {
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: () => Q.CARTESIAN }
+	},
+	setup(n) {
+		let r = e(() => n.type === Q.PIE ? f.CHART_PIE : f.CHART_CARTESIAN);
+		return (e, i) => n.loading ? (a(), t(l(p), {
+			key: 0,
+			type: r.value,
+			class: "s-ui-chart-skeleton-host"
+		}, {
+			default: d(() => [o(e.$slots, "default")]),
+			_: 3
+		}, 8, ["type"])) : o(e.$slots, "default", { key: 1 });
+	}
+});
+//#endregion
+export { k as _, Y as a, z as c, M as d, j as f, A as g, N as h, J as i, L as l, P as m, Q as n, X as o, O as p, Z as r, B as s, $ as t, I as u, D as v };

package/dist/SChartSkeletonHost-CixHLD65.cjs

@@ -0,0 +1 @@
+let e=require("vue"),t=require("@shtabapp/ui-kit-primitives"),n=require("@vueuse/core"),r=require("chart.js");var i=(e,t)=>{if(typeof window>`u`)return``;let n=t??document.documentElement;return getComputedStyle(n).getPropertyValue(e).trim()},a={axisLabel:`--s-ui-chart-axis-label`,grid:`--s-ui-chart-grid`,crosshair:`--s-ui-chart-crosshair`,legendLabel:`--s-ui-chart-legend-label`,seriesPrimary:`--s-ui-chart-series-primary`,seriesFillStart:`--s-ui-chart-series-fill-start`,seriesFillEnd:`--s-ui-chart-series-fill-end`,seriesFillOpacity:`--s-ui-chart-series-fill-opacity`,skeletonSeries:`--s-ui-chart-skeleton-series`,skeletonPalette1:`--s-ui-chart-skeleton-palette-1`,skeletonPalette2:`--s-ui-chart-skeleton-palette-2`,skeletonPalette3:`--s-ui-chart-skeleton-palette-3`,skeletonPalette4:`--s-ui-chart-skeleton-palette-4`,skeletonPalette5:`--s-ui-chart-skeleton-palette-5`,skeletonPalette6:`--s-ui-chart-skeleton-palette-6`,skeletonFillStart:`--s-ui-chart-skeleton-fill-start`,skeletonFillEnd:`--s-ui-chart-skeleton-fill-end`,skeletonFillOpacity:`--s-ui-chart-skeleton-fill-opacity`,tooltipBackground:`--s-ui-chart-tooltip-background`,tooltipText:`--s-ui-chart-tooltip-text`,stackedPalette1:`--s-ui-chart-stacked-palette-1`,stackedPalette2:`--s-ui-chart-stacked-palette-2`,stackedPalette3:`--s-ui-chart-stacked-palette-3`,stackedPalette4:`--s-ui-chart-stacked-palette-4`,stackedPalette5:`--s-ui-chart-stacked-palette-5`,stackedPalette6:`--s-ui-chart-stacked-palette-6`,barStackedPalette1:`--s-ui-chart-bar-stacked-palette-1`,barStackedPalette2:`--s-ui-chart-bar-stacked-palette-2`,barStackedPalette3:`--s-ui-chart-bar-stacked-palette-3`,barStackedPalette4:`--s-ui-chart-bar-stacked-palette-4`,barStackedPalette5:`--s-ui-chart-bar-stacked-palette-5`,barStackedPalette6:`--s-ui-chart-bar-stacked-palette-6`,barHoverOutline:`--s-ui-chart-bar-hover-outline`,barSkeletonPalette1:`--s-ui-chart-bar-skeleton-palette-1`,barSkeletonPalette2:`--s-ui-chart-bar-skeleton-palette-2`,barSkeletonPalette3:`--s-ui-chart-bar-skeleton-palette-3`,barSkeletonPalette4:`--s-ui-chart-bar-skeleton-palette-4`,barSkeletonPalette5:`--s-ui-chart-bar-skeleton-palette-5`,barSkeletonPalette6:`--s-ui-chart-bar-skeleton-palette-6`,piePalette1:`--s-ui-chart-pie-palette-1`,piePalette2:`--s-ui-chart-pie-palette-2`,piePalette3:`--s-ui-chart-pie-palette-3`,piePalette4:`--s-ui-chart-pie-palette-4`,piePalette5:`--s-ui-chart-pie-palette-5`,piePalette6:`--s-ui-chart-pie-palette-6`,piePalette7:`--s-ui-chart-pie-palette-7`,piePalette8:`--s-ui-chart-pie-palette-8`,pieSegmentBorder:`--s-ui-chart-pie-segment-border`,pieBadgeBackground:`--s-ui-chart-pie-badge-background`,pieBadgeBorder:`--s-ui-chart-pie-badge-border`,pieBadgeText:`--s-ui-chart-pie-badge-text`,pieHoverShadow:`--s-ui-chart-pie-hover-shadow`,pieSkeletonPalette1:`--s-ui-chart-pie-skeleton-palette-1`,pieSkeletonPalette2:`--s-ui-chart-pie-skeleton-palette-2`,pieSkeletonPalette3:`--s-ui-chart-pie-skeleton-palette-3`,pieSkeletonPalette4:`--s-ui-chart-pie-skeleton-palette-4`,pieSkeletonPalette5:`--s-ui-chart-pie-skeleton-palette-5`,pieSkeletonPalette6:`--s-ui-chart-pie-skeleton-palette-6`,pieSkeletonPalette7:`--s-ui-chart-pie-skeleton-palette-7`,pieSkeletonPalette8:`--s-ui-chart-pie-skeleton-palette-8`,barHorizontalFillDefault:`--s-ui-chart-bar-horizontal-fill-default`,barHorizontalSkeletonFill:`--s-ui-chart-bar-horizontal-skeleton-fill`,barHorizontalCategoryLabel:`--s-ui-chart-bar-horizontal-category-label`,barHorizontalCategoryLabelSkeleton:`--s-ui-chart-bar-horizontal-category-label-skeleton`},o=[a.stackedPalette1,a.stackedPalette2,a.stackedPalette3,a.stackedPalette4,a.stackedPalette5,a.stackedPalette6],s=[a.skeletonPalette1,a.skeletonPalette2,a.skeletonPalette3,a.skeletonPalette4,a.skeletonPalette5,a.skeletonPalette6],c=[a.barStackedPalette1,a.barStackedPalette2,a.barStackedPalette3,a.barStackedPalette4,a.barStackedPalette5,a.barStackedPalette6],l=[a.barSkeletonPalette1,a.barSkeletonPalette2,a.barSkeletonPalette3,a.barSkeletonPalette4,a.barSkeletonPalette5,a.barSkeletonPalette6],u=[a.piePalette1,a.piePalette2,a.piePalette3,a.piePalette4,a.piePalette5,a.piePalette6,a.piePalette7,a.piePalette8],d=[a.pieSkeletonPalette1,a.pieSkeletonPalette2,a.pieSkeletonPalette3,a.pieSkeletonPalette4,a.pieSkeletonPalette5,a.pieSkeletonPalette6,a.pieSkeletonPalette7,a.pieSkeletonPalette8],f=e=>`captions`in e,p=(e,t)=>{let n=e.data.datasets[0];if(!n||!f(n))return;let r=n.captions?.[t];if(r)return r},m=()=>({title:e=>{let t=e[0];if(!t)return``;let n=p(t.chart,t.dataIndex),r=[`${t.label}`];return n&&r.push(n),r},label:e=>`${e.dataset.label??``} – ${e.parsed.y??0}`}),h=`stackedBarTop`,g=function(e,t){if(e.length===0)return{x:t.x,y:t.y};let n=1/0,r=1/0,i=-1/0;for(let t of e){let{x:e,y:a,width:o}=t.element.getProps([`x`,`y`,`width`]);n=Math.min(n,a),r=Math.min(r,e-o/2),i=Math.max(i,e+o/2)}return{x:(r+i)/2,y:n}},_=({total:e}={})=>({title:e=>{let t=e[0];return t?`${t.label}`:``},label:e=>`${e.dataset.label??``} – ${e.parsed.y??0}`,footer:t=>{let n=t.reduce((e,t)=>e+(t.parsed.y??0),0);return e?`${e} – ${n}`:`${n}`}}),v=`stackedAreaTop`,y=function(e,t){let n=this.chart.chartArea;return!n||e.length===0?{x:t.x,y:t.y}:{x:t.x,y:n.top}},b=!1,x=!1,S=!1,C=()=>{x||=(r.Tooltip.positioners.stackedAreaTop=y,!0)},w=()=>{S||=(r.Tooltip.positioners.stackedBarTop=g,!0)},T=()=>{b||=(r.Chart.register(r.LineController,r.LineElement,r.PointElement,r.BarController,r.BarElement,r.PieController,r.ArcElement,r.LinearScale,r.CategoryScale,r.Tooltip,r.Filler),C(),w(),!0)},E=(e,t)=>e?{mode:`nearest`,intersect:!1}:t,D=e=>!e,O=(e,t)=>e?[]:t,k=({canvasRef:t,config:i,enabled:a})=>{let o=(0,e.shallowRef)(),s=()=>{o.value&&=(o.value.destroy(),void 0)},c=()=>{if(!(0,e.toValue)(a)){s();return}let n=(0,e.toValue)(t),c=(0,e.toValue)(i);if(!n||!c){s();return}T(),o.value&&=(o.value.destroy(),void 0),o.value=new r.Chart(n,c)};return(0,e.onMounted)(()=>{c()}),(0,e.watch)(()=>[(0,e.toValue)(a),(0,e.toValue)(t),(0,e.toValue)(i)],()=>{c()},{deep:!0}),(0,n.useResizeObserver)(t,()=>{o.value?.resize()}),(0,e.onBeforeUnmount)(()=>{s()}),{chartInstance:o}},A=function(e){return e.CARTESIAN=`cartesian`,e.PIE=`pie`,e}({}),j=(0,e.defineComponent)({__name:`SChartSkeletonHost`,props:{loading:{type:Boolean,default:!1},type:{default:()=>A.CARTESIAN}},setup(n){let r=(0,e.computed)(()=>n.type===A.PIE?t.ESSkeletonType.CHART_PIE:t.ESSkeletonType.CHART_CARTESIAN);return(i,a)=>n.loading?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SSkeleton),{key:0,type:r.value,class:`s-ui-chart-skeleton-host`},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,`default`)]),_:3},8,[`type`])):(0,e.renderSlot)(i.$slots,`default`,{key:1})}});Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return i}});