@shtabapp/ui-kit 1.76.0 → 1.78.1

package/dist/SChartHorizontalBar-VKU0b6Jx.js

@@ -0,0 +1,245 @@
+import { C as e, D as t, S as n, f as r, n as i, o as a, p as o, r as s, t as c } from "./useChartInteractivity-sgbPZgcH.js";
+import { t as l } from "./resolveCssColorValue-BBK7CTmP.js";
+import { n as u } from "./buildChartMirrorScale-_PhGNiFR.js";
+import { t as d } from "./resolveChartLabelFont-WtZd0pFD.js";
+import { t as f } from "./useHasListener-RSjlUyqH.js";
+import { computed as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, openBlock as y, unref as b, useTemplateRef as x, withCtx as S } from "vue";
+//#region src/utils/chart/horizontalBar/buildHorizontalBarChartScales.ts
+var C = 10, w = 14, T = "xMirror", E = ({ axisLabelColor: e, categoryLabelColor: t, gridColor: n, xMin: r, xMax: i, xStep: a, mirrorXAxis: o = !1, formatXTick: s }) => {
+	let c = {
+		color: e,
+		stepSize: a,
+		font: {
+			size: C,
+			weight: 500
+		},
+		padding: 8,
+		...s ? { callback: (e) => typeof e == "number" ? s(e) : e } : {}
+	};
+	return {
+		...o ? { [T]: u({
+			min: r,
+			max: i,
+			tickOptions: { ticks: c },
+			position: "top",
+			hideTickMarks: !0
+		}) } : {},
+		x: {
+			type: "linear",
+			min: r,
+			max: i,
+			border: { display: !1 },
+			grid: {
+				color: n,
+				drawTicks: !1
+			},
+			ticks: c
+		},
+		y: {
+			border: { display: !1 },
+			grid: { display: !1 },
+			ticks: {
+				color: t,
+				font: {
+					size: w,
+					weight: 400
+				},
+				padding: 8,
+				crossAlign: "far",
+				autoSkip: !1
+			}
+		}
+	};
+}, D = 8, O = 12, k = 500, A = 64, j = (e, t) => t ? t(e) : String(e), M = (e) => d({
+	size: O,
+	weight: k,
+	colorHostElement: e
+}), N = ({ values: e, colorHostElement: t, formatValue: n }) => {
+	let r = typeof document > "u" ? null : document.createElement("canvas").getContext("2d");
+	if (!r) return A;
+	r.font = M(t);
+	let i = e.reduce((e, t) => Math.max(e, r.measureText(j(t, n)).width), 0);
+	return Math.ceil(i) + D;
+}, P = ({ colorHostElement: e, formatValue: r }) => ({
+	id: "horizontalBarValueLabel",
+	afterDatasetsDraw(i) {
+		let o = n(t.barValueLabel, e), s = n(t.barValueLabelMuted, e), { ctx: c } = i;
+		c.save(), c.font = M(e), c.textAlign = "left", c.textBaseline = "middle", i.data.datasets.forEach((e, t) => {
+			i.isDatasetVisible(t) && i.getDatasetMeta(t).data.forEach((n, l) => {
+				let u = e.data[l];
+				typeof u == "number" && (c.fillStyle = a(i, t, l) ? s : o, c.fillText(j(u, r), n.x + D, n.y));
+			});
+		}), c.restore();
+	}
+}), F = (e, r, i) => i ? n(t.barHorizontalSkeletonFill, r) : e ? l(e, r) : n(t.barHorizontalFillDefault, r), I = (e, t, n) => {
+	if (t) return t;
+	let r = 0;
+	for (let t of e) r = Math.max(r, t.value);
+	let i = Math.ceil(r / n) * n;
+	return i > 0 ? i : n * 6;
+}, L = 10, R = 0, z = 36, B = 4, V = ({ items: e, colorHostElement: i, xMax: a, xMin: c = R, xStep: l = L, skeleton: u = !1, barThickness: d = z, mirrorXAxis: f = !1, showValues: p = !1, formatValue: m, formatXTick: h, formatTooltip: g, onBarClick: _ }) => {
+	if (e.length === 0) return null;
+	let v = n(t.axisLabel, i), y = n(t.grid, i), b = n(t.tooltipBackground, i), x = n(t.tooltipText, i), S = n(u ? t.barHorizontalCategoryLabelSkeleton : t.barHorizontalCategoryLabel, i), C = I(e, a, l), w = e.map((e) => F(e.color, i, u)), T = s({
+		kind: "element",
+		skeleton: u,
+		colorHostElement: i,
+		onIndexClick: _
+	});
+	return {
+		type: "bar",
+		data: {
+			labels: e.map((e) => e.label),
+			datasets: [{
+				data: e.map((e) => e.value),
+				backgroundColor: w,
+				hoverBackgroundColor: w,
+				borderWidth: 0,
+				hoverBorderWidth: 0,
+				barThickness: d,
+				borderRadius: {
+					topRight: B,
+					bottomRight: B
+				}
+			}]
+		},
+		options: {
+			indexAxis: "y",
+			responsive: !0,
+			layout: p && !u ? { padding: { right: N({
+				values: e.map((e) => e.value),
+				colorHostElement: i,
+				formatValue: m
+			}) } } : void 0,
+			maintainAspectRatio: !1,
+			onHover: T.onHover,
+			onClick: T.onClick,
+			interaction: r(u, {
+				mode: "index",
+				axis: "y",
+				intersect: !1
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: o(u),
+					backgroundColor: b,
+					titleColor: x,
+					bodyColor: x,
+					...g ? {
+						displayColors: !1,
+						callbacks: {
+							title: () => [],
+							label: (e) => g(e.dataIndex)
+						}
+					} : {}
+				}
+			},
+			scales: E({
+				axisLabelColor: v,
+				categoryLabelColor: S,
+				gridColor: y,
+				xMin: c,
+				xMax: C,
+				xStep: l,
+				mirrorXAxis: f,
+				formatXTick: h
+			})
+		},
+		plugins: p && !u ? [...T.plugins, P({
+			colorHostElement: i,
+			formatValue: m
+		})] : T.plugins
+	};
+}, H = (e) => V(e), U = [
+	{
+		label: "Открыта",
+		value: 48
+	},
+	{
+		label: "В процессе",
+		value: 32
+	},
+	{
+		label: "Ревью",
+		value: 53
+	},
+	{
+		label: "Готова для QA",
+		value: 18
+	},
+	{
+		label: "QA",
+		value: 25
+	},
+	{
+		label: "Готова",
+		value: 0
+	}
+], W = { class: "s-ui-chart-horizontal-bar__canvas-wrap" }, G = /* @__PURE__ */ _({
+	__name: "SChartHorizontalBar",
+	props: {
+		items: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		xMin: {},
+		xMax: {},
+		xStep: {},
+		barThickness: {},
+		mirrorXAxis: {
+			type: Boolean,
+			default: !1
+		},
+		showValues: {
+			type: Boolean,
+			default: !1
+		},
+		formatValue: { type: Function },
+		formatXTick: { type: Function },
+		formatTooltip: { type: Function }
+	},
+	emits: ["barClick"],
+	setup(t, { expose: n, emit: r }) {
+		let a = r, o = x("chartRootRef"), s = x("chartCanvasRef"), l = p(() => t.loading ? U : t.items), u = (e) => {
+			let n = t.items[e];
+			n && a("barClick", e, n);
+		}, d = f("onBarClick"), { chartInstance: _ } = i({
+			canvasRef: s,
+			config: p(() => !t.loading && t.items.length === 0 ? null : H({
+				items: l.value,
+				colorHostElement: o.value,
+				xMax: t.loading ? 60 : t.xMax,
+				xMin: t.loading ? 0 : t.xMin,
+				xStep: t.loading ? 10 : t.xStep,
+				skeleton: t.loading,
+				barThickness: t.barThickness,
+				mirrorXAxis: t.loading ? !1 : t.mirrorXAxis,
+				showValues: t.showValues,
+				formatValue: t.loading ? void 0 : t.formatValue,
+				formatXTick: t.loading ? void 0 : t.formatXTick,
+				formatTooltip: t.loading ? void 0 : t.formatTooltip,
+				onBarClick: d() ? u : void 0
+			})),
+			enabled: p(() => t.loading || t.items.length > 0)
+		}), { exportImage: C } = c({
+			chartInstance: _,
+			canvasRef: s,
+			colorHostElement: o
+		});
+		return n({ exportImage: C }), (n, r) => (y(), m("div", {
+			ref_key: "chartRootRef",
+			ref: o,
+			class: v(["s-ui-chart-horizontal-bar", { "s-ui-chart-horizontal-bar--skeleton": t.loading }])
+		}, [h("div", W, [g(b(e), { loading: t.loading }, {
+			default: S(() => [h("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: s,
+				class: "s-ui-chart-horizontal-bar__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])])], 2));
+	}
+});
+//#endregion
+export { G as t };

package/dist/{SChartLegend-dDqLhvIj.js → SChartLegend-At0mMO09.js}

@@ -1,4 +1,4 @@
-import { T as e } from "./useChartInteractivity-DygkiRA1.js";
+import { D as e } from "./useChartInteractivity-sgbPZgcH.js";
 import { Fragment as t, computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, resolveDynamicComponent as d, toDisplayString as f, withCtx as p } from "vue";
 //#region src/components/SChartLegend/SChartLegend.types.ts
 var m = /* @__PURE__ */ function(e) {

package/dist/{SChartLegend-D1gPKGm0.cjs → SChartLegend-DQMLr6yV.cjs}

@@ -1 +1 @@
-const e=require("./useChartInteractivity-CaZ37kX-.cjs");let t=require("vue");var n=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e}({}),r=[`onMouseenter`],i={class:`s-ui-chart-legend__swatch-slot`,"aria-hidden":`true`},a={class:`s-ui-chart-legend__label`},o=(0,t.defineComponent)({__name:`SChartLegend`,props:{items:{},disabled:{type:Boolean,default:!1},direction:{default:`row`},interactive:{type:Boolean,default:!1},size:{default:()=>n.SMALL},selectable:{type:Boolean,default:!1},activeIndex:{default:null},activeIndexes:{default:()=>[]}},emits:[`itemHover`,`itemClick`],setup(o,{emit:s}){let c=s,l=`var(${e.T.fillMuted})`,u=(0,t.computed)(()=>o.selectable?`button`:`span`),d=(0,t.computed)(()=>[`s-ui-chart-legend`,`s-ui-chart-legend--size-${o.size}`,{"s-ui-chart-legend--disabled":o.disabled,"s-ui-chart-legend--column":o.direction===`column`,"s-ui-chart-legend--selectable":o.selectable}]),f=(0,t.computed)(()=>o.items.map((e,t)=>{let r=o.activeIndex===t||o.activeIndexes.includes(t),i=(o.activeIndex!==null||o.activeIndexes.length>0)&&!r;return{index:t,label:e.label,text:o.size===n.SMALL?`— ${e.label}`:e.label,isActive:r,classes:[`s-ui-chart-legend__entry`,{"s-ui-chart-legend__entry--active":r,"s-ui-chart-legend__entry--muted":i}],swatchClasses:[`s-ui-chart-legend__swatch`,{"s-ui-chart-legend__swatch--line":e.marker===`line`}],swatchStyle:{backgroundColor:i?l:e.color}}})),p=e=>{o.interactive&&c(`itemHover`,e)},m=e=>{o.selectable&&!o.disabled&&c(`itemClick`,e)};return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`ul`,{class:(0,t.normalizeClass)(d.value),onMouseleave:n[0]||=e=>p(null)},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(f.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`li`,{key:e.label,class:`s-ui-chart-legend__item`,onMouseenter:t=>p(e.index)},[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(u.value),{class:(0,t.normalizeClass)(e.classes),type:o.selectable?`button`:void 0,disabled:o.selectable?o.disabled:void 0,"aria-pressed":o.selectable?e.isActive:void 0,onClick:t=>m(e.index)},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`span`,i,[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)(e.swatchClasses),style:(0,t.normalizeStyle)(e.swatchStyle)},null,6)]),(0,t.createElementVNode)(`span`,a,(0,t.toDisplayString)(e.text),1)]),_:2},1032,[`class`,`type`,`disabled`,`aria-pressed`,`onClick`]))],40,r))),128))],34))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
+const e=require("./useChartInteractivity-Yk7qEYgl.cjs");let t=require("vue");var n=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e}({}),r=[`onMouseenter`],i={class:`s-ui-chart-legend__swatch-slot`,"aria-hidden":`true`},a={class:`s-ui-chart-legend__label`},o=(0,t.defineComponent)({__name:`SChartLegend`,props:{items:{},disabled:{type:Boolean,default:!1},direction:{default:`row`},interactive:{type:Boolean,default:!1},size:{default:()=>n.SMALL},selectable:{type:Boolean,default:!1},activeIndex:{default:null},activeIndexes:{default:()=>[]}},emits:[`itemHover`,`itemClick`],setup(o,{emit:s}){let c=s,l=`var(${e.D.fillMuted})`,u=(0,t.computed)(()=>o.selectable?`button`:`span`),d=(0,t.computed)(()=>[`s-ui-chart-legend`,`s-ui-chart-legend--size-${o.size}`,{"s-ui-chart-legend--disabled":o.disabled,"s-ui-chart-legend--column":o.direction===`column`,"s-ui-chart-legend--selectable":o.selectable}]),f=(0,t.computed)(()=>o.items.map((e,t)=>{let r=o.activeIndex===t||o.activeIndexes.includes(t),i=(o.activeIndex!==null||o.activeIndexes.length>0)&&!r;return{index:t,label:e.label,text:o.size===n.SMALL?`— ${e.label}`:e.label,isActive:r,classes:[`s-ui-chart-legend__entry`,{"s-ui-chart-legend__entry--active":r,"s-ui-chart-legend__entry--muted":i}],swatchClasses:[`s-ui-chart-legend__swatch`,{"s-ui-chart-legend__swatch--line":e.marker===`line`}],swatchStyle:{backgroundColor:i?l:e.color}}})),p=e=>{o.interactive&&c(`itemHover`,e)},m=e=>{o.selectable&&!o.disabled&&c(`itemClick`,e)};return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`ul`,{class:(0,t.normalizeClass)(d.value),onMouseleave:n[0]||=e=>p(null)},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(f.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`li`,{key:e.label,class:`s-ui-chart-legend__item`,onMouseenter:t=>p(e.index)},[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(u.value),{class:(0,t.normalizeClass)(e.classes),type:o.selectable?`button`:void 0,disabled:o.selectable?o.disabled:void 0,"aria-pressed":o.selectable?e.isActive:void 0,onClick:t=>m(e.index)},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`span`,i,[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)(e.swatchClasses),style:(0,t.normalizeStyle)(e.swatchStyle)},null,6)]),(0,t.createElementVNode)(`span`,a,(0,t.toDisplayString)(e.text),1)]),_:2},1032,[`class`,`type`,`disabled`,`aria-pressed`,`onClick`]))],40,r))),128))],34))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/{SChartLine-BV8Ytso5.js → SChartLine-rnEsQv-q.js}

@@ -1,7 +1,7 @@
-import { T as e, b as t, d as n, f as r, l as i, n as a, t as o, u as s, x as c } from "./useChartInteractivity-DygkiRA1.js";
+import { C as e, D as t, S as n, d as r, f as i, m as a, n as o, p as s, t as c } from "./useChartInteractivity-sgbPZgcH.js";
 import { t as l } from "./buildCartesianChartScales-EofFq3ry.js";
 import { t as u } from "./resolveChartValueRange-DZybnmaX.js";
-import { n as d, t as f } from "./createChartMarkersPlugin-DPvfZp_e.js";
+import { n as d, t as f } from "./createChartMarkersPlugin-bAEeP-5Z.js";
 import { computed as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, normalizeStyle as y, openBlock as b, unref as x, useTemplateRef as S, withCtx as C } from "vue";
 //#region src/utils/chart/css/readCssNumber.ts
 var w = (e, t, n = 1) => {
@@ -18,18 +18,18 @@ var w = (e, t, n = 1) => {
 		yMax: n,
 		yStep: r
 	});
-}, j = ({ points: a, seriesLabel: o, colorHostElement: c, yMax: u, yMin: p, yStep: m = E, area: h = !0, zeroLine: g = !1, dangerBelowZero: _ = !1, markers: v = [], skeleton: y = !1 }) => {
-	let b = t(e.axisLabel, c), x = t(e.grid, c), S = t(y ? e.skeletonSeries : e.seriesPrimary, c), C = t(y ? e.skeletonFillStart : e.seriesFillStart, c), j = t(y ? e.skeletonFillEnd : e.seriesFillEnd, c), M = t(O, c), N = t(e.tooltipBackground, c), P = t(e.tooltipText, c), F = w(y ? e.skeletonFillOpacity : e.seriesFillOpacity, c, .8), I = A(a, p, u, m, y), L = h || y, R = _ && !y, z = (e) => i(e, C, j, F), B = R ? {
+}, j = ({ points: e, seriesLabel: o, colorHostElement: c, yMax: u, yMin: p, yStep: m = E, area: h = !0, zeroLine: g = !1, dangerBelowZero: _ = !1, markers: v = [], skeleton: y = !1 }) => {
+	let b = n(t.axisLabel, c), x = n(t.grid, c), S = n(y ? t.skeletonSeries : t.seriesPrimary, c), C = n(y ? t.skeletonFillStart : t.seriesFillStart, c), j = n(y ? t.skeletonFillEnd : t.seriesFillEnd, c), M = n(O, c), N = n(t.tooltipBackground, c), P = n(t.tooltipText, c), F = w(y ? t.skeletonFillOpacity : t.seriesFillOpacity, c, .8), I = A(e, p, u, m, y), L = h || y, R = _ && !y, z = (e) => r(e, C, j, F), B = R ? {
 		target: { value: 0 },
 		below: M
 	} : L ? "origin" : !1;
 	return {
 		type: "line",
 		data: {
-			labels: a.map((e) => e.label),
+			labels: e.map((e) => e.label),
 			datasets: [{
 				label: o,
-				data: a.map((e) => e.value),
+				data: e.map((e) => e.value),
 				borderColor: S,
 				backgroundColor: L ? z : "transparent",
 				pointBackgroundColor: S,
@@ -45,14 +45,14 @@ var w = (e, t, n = 1) => {
 			responsive: !0,
 			maintainAspectRatio: !1,
 			layout: { padding: { top: v.length > 0 ? D : 0 } },
-			interaction: s(y, {
+			interaction: i(y, {
 				mode: "index",
 				intersect: !1
 			}),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: n(y),
+					enabled: s(y),
 					backgroundColor: N,
 					titleColor: P,
 					bodyColor: P,
@@ -68,7 +68,7 @@ var w = (e, t, n = 1) => {
 				...y ? { formatYAxisTick: k } : {}
 			})
 		},
-		plugins: r(y, [...g ? [d(c)] : [], ...v.length > 0 ? [f({ markers: v }, c)] : []])
+		plugins: a(y, [...g ? [d(c)] : [], ...v.length > 0 ? [f({ markers: v }, c)] : []])
 	};
 }, M = [
 	{
@@ -122,39 +122,39 @@ var w = (e, t, n = 1) => {
 		},
 		markers: { default: () => [] }
 	},
-	setup(e, { expose: t }) {
-		let n = S("chartRootRef"), r = S("chartCanvasRef"), i = p(() => e.loading ? M : e.points), s = p(() => {
-			if (e.height !== void 0) return { "--s-ui-chart-line-viewport-height": typeof e.height == "number" ? `${e.height}px` : e.height };
-		}), { chartInstance: l } = a({
-			canvasRef: r,
-			config: p(() => !e.loading && e.points.length === 0 ? null : j({
-				points: i.value,
-				seriesLabel: e.seriesLabel,
-				colorHostElement: n.value,
-				yMax: e.loading ? 100 : e.yMax,
-				yMin: e.loading ? 50 : e.yMin,
-				yStep: e.loading ? 10 : e.yStep,
-				area: e.area,
-				zeroLine: e.zeroLine,
-				dangerBelowZero: e.dangerBelowZero,
-				markers: e.markers,
-				skeleton: e.loading
+	setup(t, { expose: n }) {
+		let r = S("chartRootRef"), i = S("chartCanvasRef"), a = p(() => t.loading ? M : t.points), s = p(() => {
+			if (t.height !== void 0) return { "--s-ui-chart-line-viewport-height": typeof t.height == "number" ? `${t.height}px` : t.height };
+		}), { chartInstance: l } = o({
+			canvasRef: i,
+			config: p(() => !t.loading && t.points.length === 0 ? null : j({
+				points: a.value,
+				seriesLabel: t.seriesLabel,
+				colorHostElement: r.value,
+				yMax: t.loading ? 100 : t.yMax,
+				yMin: t.loading ? 50 : t.yMin,
+				yStep: t.loading ? 10 : t.yStep,
+				area: t.area,
+				zeroLine: t.zeroLine,
+				dangerBelowZero: t.dangerBelowZero,
+				markers: t.markers,
+				skeleton: t.loading
 			})),
-			enabled: p(() => e.loading || e.points.length > 0)
-		}), { exportImage: u } = o({
+			enabled: p(() => t.loading || t.points.length > 0)
+		}), { exportImage: u } = c({
 			chartInstance: l,
-			canvasRef: r,
-			colorHostElement: n
+			canvasRef: i,
+			colorHostElement: r
 		});
-		return t({ exportImage: u }), (t, i) => (b(), m("div", {
+		return n({ exportImage: u }), (n, a) => (b(), m("div", {
 			ref_key: "chartRootRef",
-			ref: n,
-			class: v(["s-ui-chart-line", { "s-ui-chart-line--skeleton": e.loading }]),
+			ref: r,
+			class: v(["s-ui-chart-line", { "s-ui-chart-line--skeleton": t.loading }]),
 			style: y(s.value)
-		}, [h("div", N, [g(x(c), { loading: e.loading }, {
+		}, [h("div", N, [g(x(e), { loading: t.loading }, {
 			default: C(() => [h("canvas", {
 				ref_key: "chartCanvasRef",
-				ref: r,
+				ref: i,
 				class: "s-ui-chart-line__canvas"
 			}, null, 512)]),
 			_: 1

package/dist/{SChartLine-DeJjaBmo.cjs → SChartLine-tj-AapTr.cjs}

@@ -1 +1 @@
-const e=require("./useChartInteractivity-CaZ37kX-.cjs"),t=require("./buildCartesianChartScales-Dck5yBMo.cjs"),n=require("./resolveChartValueRange-DBCYLCXs.cjs"),r=require("./createChartMarkersPlugin-BKxLg4pL.cjs");let i=require("vue");var a=(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},o=5,s=5,c=16,l=`--s-ui-chart-line-danger-fill`,u=e=>typeof e==`number`?`${e}%`:e,d=(e,t,r,i,a)=>{let o=e.map(e=>e.value);return a?{min:t??0,max:r??n.t(o,{yStep:i}).max}:n.t(o,{yMin:t,yMax:r,yStep:i})},f=({points:n,seriesLabel:i,colorHostElement:f,yMax:p,yMin:m,yStep:h=s,area:g=!0,zeroLine:_=!1,dangerBelowZero:v=!1,markers:y=[],skeleton:b=!1})=>{let x=e.b(e.T.axisLabel,f),S=e.b(e.T.grid,f),C=e.b(b?e.T.skeletonSeries:e.T.seriesPrimary,f),w=e.b(b?e.T.skeletonFillStart:e.T.seriesFillStart,f),T=e.b(b?e.T.skeletonFillEnd:e.T.seriesFillEnd,f),E=e.b(l,f),D=e.b(e.T.tooltipBackground,f),O=e.b(e.T.tooltipText,f),k=a(b?e.T.skeletonFillOpacity:e.T.seriesFillOpacity,f,.8),A=d(n,m,p,h,b),j=g||b,M=v&&!b,N=t=>e.l(t,w,T,k),P=M?{target:{value:0},below:E}:j?`origin`:!1;return{type:`line`,data:{labels:n.map(e=>e.label),datasets:[{label:i,data:n.map(e=>e.value),borderColor:C,backgroundColor:j?N:`transparent`,pointBackgroundColor:C,pointHoverBackgroundColor:C,borderWidth:o,fill:P,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,layout:{padding:{top:y.length>0?c:0}},interaction:e.u(b,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.d(b),backgroundColor:D,titleColor:O,bodyColor:O,displayColors:!1}},scales:t.t({axisLabelColor:x,gridColor:S,yMin:A.min,yMax:A.max,yStep:h,...b?{formatYAxisTick:u}:{}})},plugins:e.f(b,[..._?[r.n(f)]:[],...y.length>0?[r.t({markers:y},f)]:[]])}},p=[{label:`ноябрь 2025`,value:63},{label:`декабрь 2025`,value:77},{label:`январь 2026`,value:75},{label:`февраль 2026`,value:81},{label:`март 2026`,value:91},{label:`апрель 2026`,value:87}],m={class:`s-ui-chart-line__canvas-wrap`},h=(0,i.defineComponent)({__name:`SChartLine`,props:{points:{default:()=>[]},seriesLabel:{default:`Series`},loading:{type:Boolean,default:!1},yMax:{},yMin:{},yStep:{},height:{},area:{type:Boolean,default:!0},zeroLine:{type:Boolean,default:!1},dangerBelowZero:{type:Boolean,default:!1},markers:{default:()=>[]}},setup(t,{expose:n}){let r=(0,i.useTemplateRef)(`chartRootRef`),a=(0,i.useTemplateRef)(`chartCanvasRef`),o=(0,i.computed)(()=>t.loading?p:t.points),s=(0,i.computed)(()=>{if(t.height!==void 0)return{"--s-ui-chart-line-viewport-height":typeof t.height==`number`?`${t.height}px`:t.height}}),{chartInstance:c}=e.n({canvasRef:a,config:(0,i.computed)(()=>!t.loading&&t.points.length===0?null:f({points:o.value,seriesLabel:t.seriesLabel,colorHostElement:r.value,yMax:t.loading?100:t.yMax,yMin:t.loading?50:t.yMin,yStep:t.loading?10:t.yStep,area:t.area,zeroLine:t.zeroLine,dangerBelowZero:t.dangerBelowZero,markers:t.markers,skeleton:t.loading})),enabled:(0,i.computed)(()=>t.loading||t.points.length>0)}),{exportImage:l}=e.t({chartInstance:c,canvasRef:a,colorHostElement:r});return n({exportImage:l}),(n,o)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,i.normalizeClass)([`s-ui-chart-line`,{"s-ui-chart-line--skeleton":t.loading}]),style:(0,i.normalizeStyle)(s.value)},[(0,i.createElementVNode)(`div`,m,[(0,i.createVNode)((0,i.unref)(e.x),{loading:t.loading},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:a,class:`s-ui-chart-line__canvas`},null,512)]),_:1},8,[`loading`])])],6))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
+const e=require("./useChartInteractivity-Yk7qEYgl.cjs"),t=require("./buildCartesianChartScales-Dck5yBMo.cjs"),n=require("./resolveChartValueRange-DBCYLCXs.cjs"),r=require("./createChartMarkersPlugin-L7qomZVK.cjs");let i=require("vue");var a=(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},o=5,s=5,c=16,l=`--s-ui-chart-line-danger-fill`,u=e=>typeof e==`number`?`${e}%`:e,d=(e,t,r,i,a)=>{let o=e.map(e=>e.value);return a?{min:t??0,max:r??n.t(o,{yStep:i}).max}:n.t(o,{yMin:t,yMax:r,yStep:i})},f=({points:n,seriesLabel:i,colorHostElement:f,yMax:p,yMin:m,yStep:h=s,area:g=!0,zeroLine:_=!1,dangerBelowZero:v=!1,markers:y=[],skeleton:b=!1})=>{let x=e.S(e.D.axisLabel,f),S=e.S(e.D.grid,f),C=e.S(b?e.D.skeletonSeries:e.D.seriesPrimary,f),w=e.S(b?e.D.skeletonFillStart:e.D.seriesFillStart,f),T=e.S(b?e.D.skeletonFillEnd:e.D.seriesFillEnd,f),E=e.S(l,f),D=e.S(e.D.tooltipBackground,f),O=e.S(e.D.tooltipText,f),k=a(b?e.D.skeletonFillOpacity:e.D.seriesFillOpacity,f,.8),A=d(n,m,p,h,b),j=g||b,M=v&&!b,N=t=>e.d(t,w,T,k),P=M?{target:{value:0},below:E}:j?`origin`:!1;return{type:`line`,data:{labels:n.map(e=>e.label),datasets:[{label:i,data:n.map(e=>e.value),borderColor:C,backgroundColor:j?N:`transparent`,pointBackgroundColor:C,pointHoverBackgroundColor:C,borderWidth:o,fill:P,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,layout:{padding:{top:y.length>0?c:0}},interaction:e.f(b,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.p(b),backgroundColor:D,titleColor:O,bodyColor:O,displayColors:!1}},scales:t.t({axisLabelColor:x,gridColor:S,yMin:A.min,yMax:A.max,yStep:h,...b?{formatYAxisTick:u}:{}})},plugins:e.m(b,[..._?[r.n(f)]:[],...y.length>0?[r.t({markers:y},f)]:[]])}},p=[{label:`ноябрь 2025`,value:63},{label:`декабрь 2025`,value:77},{label:`январь 2026`,value:75},{label:`февраль 2026`,value:81},{label:`март 2026`,value:91},{label:`апрель 2026`,value:87}],m={class:`s-ui-chart-line__canvas-wrap`},h=(0,i.defineComponent)({__name:`SChartLine`,props:{points:{default:()=>[]},seriesLabel:{default:`Series`},loading:{type:Boolean,default:!1},yMax:{},yMin:{},yStep:{},height:{},area:{type:Boolean,default:!0},zeroLine:{type:Boolean,default:!1},dangerBelowZero:{type:Boolean,default:!1},markers:{default:()=>[]}},setup(t,{expose:n}){let r=(0,i.useTemplateRef)(`chartRootRef`),a=(0,i.useTemplateRef)(`chartCanvasRef`),o=(0,i.computed)(()=>t.loading?p:t.points),s=(0,i.computed)(()=>{if(t.height!==void 0)return{"--s-ui-chart-line-viewport-height":typeof t.height==`number`?`${t.height}px`:t.height}}),{chartInstance:c}=e.n({canvasRef:a,config:(0,i.computed)(()=>!t.loading&&t.points.length===0?null:f({points:o.value,seriesLabel:t.seriesLabel,colorHostElement:r.value,yMax:t.loading?100:t.yMax,yMin:t.loading?50:t.yMin,yStep:t.loading?10:t.yStep,area:t.area,zeroLine:t.zeroLine,dangerBelowZero:t.dangerBelowZero,markers:t.markers,skeleton:t.loading})),enabled:(0,i.computed)(()=>t.loading||t.points.length>0)}),{exportImage:l}=e.t({chartInstance:c,canvasRef:a,colorHostElement:r});return n({exportImage:l}),(n,o)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,i.normalizeClass)([`s-ui-chart-line`,{"s-ui-chart-line--skeleton":t.loading}]),style:(0,i.normalizeStyle)(s.value)},[(0,i.createElementVNode)(`div`,m,[(0,i.createVNode)((0,i.unref)(e.C),{loading:t.loading},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:a,class:`s-ui-chart-line__canvas`},null,512)]),_:1},8,[`loading`])])],6))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});