@shtabapp/ui-kit 1.85.0 → 1.85.2

package/dist/SChartHorizontalBar-VKU0b6Jx.js

@@ -1,245 +0,0 @@
-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-At0mMO09.js

@@ -1,88 +0,0 @@
-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) {
-	return e.SMALL = "small", e.MEDIUM = "medium", e;
-}({}), h = ["onMouseenter"], g = {
-	class: "s-ui-chart-legend__swatch-slot",
-	"aria-hidden": "true"
-}, _ = { class: "s-ui-chart-legend__label" }, v = /* @__PURE__ */ o({
-	__name: "SChartLegend",
-	props: {
-		items: {},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		direction: { default: "row" },
-		interactive: {
-			type: Boolean,
-			default: !1
-		},
-		size: { default: () => m.SMALL },
-		selectable: {
-			type: Boolean,
-			default: !1
-		},
-		activeIndex: { default: null },
-		activeIndexes: { default: () => [] }
-	},
-	emits: ["itemHover", "itemClick"],
-	setup(o, { emit: v }) {
-		let y = v, b = `var(${e.fillMuted})`, x = n(() => o.selectable ? "button" : "span"), S = n(() => [
-			"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
-			}
-		]), C = n(() => o.items.map((e, t) => {
-			let n = o.activeIndex === t || o.activeIndexes.includes(t), r = (o.activeIndex !== null || o.activeIndexes.length > 0) && !n;
-			return {
-				index: t,
-				label: e.label,
-				text: o.size === m.SMALL ? `— ${e.label}` : e.label,
-				isActive: n,
-				classes: ["s-ui-chart-legend__entry", {
-					"s-ui-chart-legend__entry--active": n,
-					"s-ui-chart-legend__entry--muted": r
-				}],
-				swatchClasses: ["s-ui-chart-legend__swatch", { "s-ui-chart-legend__swatch--line": e.marker === "line" }],
-				swatchStyle: { backgroundColor: r ? b : e.color }
-			};
-		})), w = (e) => {
-			o.interactive && y("itemHover", e);
-		}, T = (e) => {
-			o.selectable && !o.disabled && y("itemClick", e);
-		};
-		return (e, n) => (l(), i("ul", {
-			class: s(S.value),
-			onMouseleave: n[0] ||= (e) => w(null)
-		}, [(l(!0), i(t, null, u(C.value, (e) => (l(), i("li", {
-			key: e.label,
-			class: "s-ui-chart-legend__item",
-			onMouseenter: (t) => w(e.index)
-		}, [(l(), r(d(x.value), {
-			class: s(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) => T(e.index)
-		}, {
-			default: p(() => [a("span", g, [a("span", {
-				class: s(e.swatchClasses),
-				style: c(e.swatchStyle)
-			}, null, 6)]), a("span", _, f(e.text), 1)]),
-			_: 2
-		}, 1032, [
-			"class",
-			"type",
-			"disabled",
-			"aria-pressed",
-			"onClick"
-		]))], 40, h))), 128))], 34));
-	}
-});
-//#endregion
-export { m as n, v as t };

package/dist/SChartLegend-DQMLr6yV.cjs

@@ -1 +0,0 @@
-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-rnEsQv-q.js

@@ -1,165 +0,0 @@
-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-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) => {
-	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;
-}, T = 5, E = 5, D = 16, O = "--s-ui-chart-line-danger-fill", k = (e) => typeof e == "number" ? `${e}%` : e, A = (e, t, n, r, i) => {
-	let a = e.map((e) => e.value);
-	return i ? {
-		min: t ?? 0,
-		max: n ?? u(a, { yStep: r }).max
-	} : u(a, {
-		yMin: t,
-		yMax: n,
-		yStep: 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: e.map((e) => e.label),
-			datasets: [{
-				label: o,
-				data: e.map((e) => e.value),
-				borderColor: S,
-				backgroundColor: L ? z : "transparent",
-				pointBackgroundColor: S,
-				pointHoverBackgroundColor: S,
-				borderWidth: T,
-				fill: B,
-				pointRadius: 0,
-				pointHoverRadius: 4,
-				tension: .4
-			}]
-		},
-		options: {
-			responsive: !0,
-			maintainAspectRatio: !1,
-			layout: { padding: { top: v.length > 0 ? D : 0 } },
-			interaction: i(y, {
-				mode: "index",
-				intersect: !1
-			}),
-			plugins: {
-				legend: { display: !1 },
-				tooltip: {
-					enabled: s(y),
-					backgroundColor: N,
-					titleColor: P,
-					bodyColor: P,
-					displayColors: !1
-				}
-			},
-			scales: l({
-				axisLabelColor: b,
-				gridColor: x,
-				yMin: I.min,
-				yMax: I.max,
-				yStep: m,
-				...y ? { formatYAxisTick: k } : {}
-			})
-		},
-		plugins: a(y, [...g ? [d(c)] : [], ...v.length > 0 ? [f({ markers: v }, c)] : []])
-	};
-}, M = [
-	{
-		label: "ноябрь 2025",
-		value: 63
-	},
-	{
-		label: "декабрь 2025",
-		value: 77
-	},
-	{
-		label: "январь 2026",
-		value: 75
-	},
-	{
-		label: "февраль 2026",
-		value: 81
-	},
-	{
-		label: "март 2026",
-		value: 91
-	},
-	{
-		label: "апрель 2026",
-		value: 87
-	}
-], N = { class: "s-ui-chart-line__canvas-wrap" }, P = /* @__PURE__ */ _({
-	__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 = 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(() => t.loading || t.points.length > 0)
-		}), { exportImage: u } = c({
-			chartInstance: l,
-			canvasRef: i,
-			colorHostElement: r
-		});
-		return n({ exportImage: u }), (n, a) => (b(), m("div", {
-			ref_key: "chartRootRef",
-			ref: r,
-			class: v(["s-ui-chart-line", { "s-ui-chart-line--skeleton": t.loading }]),
-			style: y(s.value)
-		}, [h("div", N, [g(x(e), { loading: t.loading }, {
-			default: C(() => [h("canvas", {
-				ref_key: "chartCanvasRef",
-				ref: i,
-				class: "s-ui-chart-line__canvas"
-			}, null, 512)]),
-			_: 1
-		}, 8, ["loading"])])], 6));
-	}
-});
-//#endregion
-export { P as t };

package/dist/SChartLine-tj-AapTr.cjs

@@ -1 +0,0 @@
-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}});