@shtabapp/ui-kit 1.74.0 → 1.75.0

package/dist/SChartHorizontalBar-C40Yroue.js

@@ -0,0 +1,176 @@
+import { T as e, b as t, d as n, n as r, r as i, t as a, u as o, x as s } from "./useChartInteractivity-DygkiRA1.js";
+import { t as c } from "./resolveCssColorValue-DH_SEZj4.js";
+import { t as l } from "./useHasListener-RSjlUyqH.js";
+import { computed as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, openBlock as g, unref as _, useTemplateRef as v, withCtx as y } from "vue";
+//#region src/utils/chart/horizontalBar/buildHorizontalBarChartScales.ts
+var b = 10, x = 14, S = ({ axisLabelColor: e, categoryLabelColor: t, gridColor: n, xMin: r, xMax: i, xStep: a }) => ({
+	x: {
+		type: "linear",
+		min: r,
+		max: i,
+		border: { display: !1 },
+		grid: {
+			color: n,
+			drawTicks: !1
+		},
+		ticks: {
+			color: e,
+			stepSize: a,
+			font: {
+				size: b,
+				weight: 500
+			},
+			padding: 8
+		}
+	},
+	y: {
+		border: { display: !1 },
+		grid: { display: !1 },
+		ticks: {
+			color: t,
+			font: {
+				size: x,
+				weight: 400
+			},
+			padding: 8,
+			crossAlign: "far",
+			autoSkip: !1
+		}
+	}
+}), C = (n, r, i) => i ? t(e.barHorizontalSkeletonFill, r) : n ? c(n, r) : t(e.barHorizontalFillDefault, r), w = (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;
+}, T = 10, E = 0, D = 36, O = 4, k = ({ items: r, colorHostElement: a, xMax: s, xMin: c = E, xStep: l = T, skeleton: u = !1, onBarClick: d }) => {
+	if (r.length === 0) return null;
+	let f = t(e.axisLabel, a), p = t(e.grid, a), m = t(e.tooltipBackground, a), h = t(e.tooltipText, a), g = t(u ? e.barHorizontalCategoryLabelSkeleton : e.barHorizontalCategoryLabel, a), _ = w(r, s, l), v = r.map((e) => C(e.color, a, u)), y = i({
+		kind: "element",
+		skeleton: u,
+		colorHostElement: a,
+		onIndexClick: d
+	});
+	return {
+		type: "bar",
+		data: {
+			labels: r.map((e) => e.label),
+			datasets: [{
+				data: r.map((e) => e.value),
+				backgroundColor: v,
+				hoverBackgroundColor: v,
+				borderWidth: 0,
+				hoverBorderWidth: 0,
+				barThickness: D,
+				borderRadius: {
+					topRight: O,
+					bottomRight: O
+				}
+			}]
+		},
+		options: {
+			indexAxis: "y",
+			responsive: !0,
+			maintainAspectRatio: !1,
+			onHover: y.onHover,
+			onClick: y.onClick,
+			interaction: o(u, {
+				mode: "index",
+				axis: "y",
+				intersect: !1
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: n(u),
+					backgroundColor: m,
+					titleColor: h,
+					bodyColor: h
+				}
+			},
+			scales: S({
+				axisLabelColor: f,
+				categoryLabelColor: g,
+				gridColor: p,
+				xMin: c,
+				xMax: _,
+				xStep: l
+			})
+		},
+		plugins: y.plugins
+	};
+}, A = (e) => k(e), j = [
+	{
+		label: "Открыта",
+		value: 48
+	},
+	{
+		label: "В процессе",
+		value: 32
+	},
+	{
+		label: "Ревью",
+		value: 53
+	},
+	{
+		label: "Готова для QA",
+		value: 18
+	},
+	{
+		label: "QA",
+		value: 25
+	},
+	{
+		label: "Готова",
+		value: 0
+	}
+], M = { class: "s-ui-chart-horizontal-bar__canvas-wrap" }, N = /* @__PURE__ */ m({
+	__name: "SChartHorizontalBar",
+	props: {
+		items: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		xMin: {},
+		xMax: {},
+		xStep: {}
+	},
+	emits: ["barClick"],
+	setup(e, { expose: t, emit: n }) {
+		let i = n, o = v("chartRootRef"), c = v("chartCanvasRef"), m = u(() => e.loading ? j : e.items), b = (t) => {
+			let n = e.items[t];
+			n && i("barClick", t, n);
+		}, x = l("onBarClick"), { chartInstance: S } = r({
+			canvasRef: c,
+			config: u(() => !e.loading && e.items.length === 0 ? null : A({
+				items: m.value,
+				colorHostElement: o.value,
+				xMax: e.loading ? 60 : e.xMax,
+				xMin: e.loading ? 0 : e.xMin,
+				xStep: e.loading ? 10 : e.xStep,
+				skeleton: e.loading,
+				onBarClick: x() ? b : void 0
+			})),
+			enabled: u(() => e.loading || e.items.length > 0)
+		}), { exportImage: C } = a({
+			chartInstance: S,
+			canvasRef: c,
+			colorHostElement: o
+		});
+		return t({ exportImage: C }), (t, n) => (g(), d("div", {
+			ref_key: "chartRootRef",
+			ref: o,
+			class: h(["s-ui-chart-horizontal-bar", { "s-ui-chart-horizontal-bar--skeleton": e.loading }])
+		}, [f("div", M, [p(_(s), { loading: e.loading }, {
+			default: y(() => [f("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: c,
+				class: "s-ui-chart-horizontal-bar__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])])], 2));
+	}
+});
+//#endregion
+export { N as t };

package/dist/SChartHorizontalBar-Dwln3uuE.cjs

@@ -0,0 +1 @@
+const e=require("./useChartInteractivity-CaZ37kX-.cjs"),t=require("./resolveCssColorValue-BFMo08-w.cjs"),n=require("./useHasListener-BPgtbbo6.cjs");let r=require("vue");var i=10,a=14,o=({axisLabelColor:e,categoryLabelColor:t,gridColor:n,xMin:r,xMax:o,xStep:s})=>({x:{type:`linear`,min:r,max:o,border:{display:!1},grid:{color:n,drawTicks:!1},ticks:{color:e,stepSize:s,font:{size:i,weight:500},padding:8}},y:{border:{display:!1},grid:{display:!1},ticks:{color:t,font:{size:a,weight:400},padding:8,crossAlign:`far`,autoSkip:!1}}}),s=(n,r,i)=>i?e.b(e.T.barHorizontalSkeletonFill,r):n?t.t(n,r):e.b(e.T.barHorizontalFillDefault,r),c=(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,u=0,d=36,f=4,p=({items:t,colorHostElement:n,xMax:r,xMin:i=u,xStep:a=l,skeleton:p=!1,onBarClick:m})=>{if(t.length===0)return null;let h=e.b(e.T.axisLabel,n),g=e.b(e.T.grid,n),_=e.b(e.T.tooltipBackground,n),v=e.b(e.T.tooltipText,n),y=e.b(p?e.T.barHorizontalCategoryLabelSkeleton:e.T.barHorizontalCategoryLabel,n),b=c(t,r,a),x=t.map(e=>s(e.color,n,p)),S=e.r({kind:`element`,skeleton:p,colorHostElement:n,onIndexClick:m});return{type:`bar`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:x,hoverBackgroundColor:x,borderWidth:0,hoverBorderWidth:0,barThickness:d,borderRadius:{topRight:f,bottomRight:f}}]},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,onHover:S.onHover,onClick:S.onClick,interaction:e.u(p,{mode:`index`,axis:`y`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.d(p),backgroundColor:_,titleColor:v,bodyColor:v}},scales:o({axisLabelColor:h,categoryLabelColor:y,gridColor:g,xMin:i,xMax:b,xStep:a})},plugins:S.plugins}},m=e=>p(e),h=[{label:`Открыта`,value:48},{label:`В процессе`,value:32},{label:`Ревью`,value:53},{label:`Готова для QA`,value:18},{label:`QA`,value:25},{label:`Готова`,value:0}],g={class:`s-ui-chart-horizontal-bar__canvas-wrap`},_=(0,r.defineComponent)({__name:`SChartHorizontalBar`,props:{items:{default:()=>[]},loading:{type:Boolean,default:!1},xMin:{},xMax:{},xStep:{}},emits:[`barClick`],setup(t,{expose:i,emit:a}){let o=a,s=(0,r.useTemplateRef)(`chartRootRef`),c=(0,r.useTemplateRef)(`chartCanvasRef`),l=(0,r.computed)(()=>t.loading?h:t.items),u=e=>{let n=t.items[e];n&&o(`barClick`,e,n)},d=n.t(`onBarClick`),{chartInstance:f}=e.n({canvasRef:c,config:(0,r.computed)(()=>!t.loading&&t.items.length===0?null:m({items:l.value,colorHostElement:s.value,xMax:t.loading?60:t.xMax,xMin:t.loading?0:t.xMin,xStep:t.loading?10:t.xStep,skeleton:t.loading,onBarClick:d()?u:void 0})),enabled:(0,r.computed)(()=>t.loading||t.items.length>0)}),{exportImage:p}=e.t({chartInstance:f,canvasRef:c,colorHostElement:s});return i({exportImage:p}),(n,i)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:s,class:(0,r.normalizeClass)([`s-ui-chart-horizontal-bar`,{"s-ui-chart-horizontal-bar--skeleton":t.loading}])},[(0,r.createElementVNode)(`div`,g,[(0,r.createVNode)((0,r.unref)(e.x),{loading:t.loading},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:c,class:`s-ui-chart-horizontal-bar__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});

package/dist/SChartLegend-D1gPKGm0.cjs

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

package/dist/SChartLegend-dDqLhvIj.js

@@ -0,0 +1,88 @@
+import { T as e } from "./useChartInteractivity-DygkiRA1.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/{SChartLine-v0tkmnN6.js → SChartLine-BV8Ytso5.js}

@@ -1,7 +1,7 @@
-import { E as e, T as t, c as n, l as r, n as i, o as a, s as o, t as s, y as c } from "./useChartInteractivity-Cl06JL4l.js";
+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 { t as l } from "./buildCartesianChartScales-EofFq3ry.js";
 import { t as u } from "./resolveChartValueRange-DZybnmaX.js";
-import { n as d, t as f } from "./createChartMarkersPlugin-DkXituwE.js";
+import { n as d, t as f } from "./createChartMarkersPlugin-DPvfZp_e.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: e, seriesLabel: i, colorHostElement: s, yMax: u, yMin: p, yStep: m = E, area: h = !0, zeroLine: g = !1, dangerBelowZero: _ = !1, markers: v = [], skeleton: y = !1 }) => {
-	let b = t(c.axisLabel, s), x = t(c.grid, s), S = t(y ? c.skeletonSeries : c.seriesPrimary, s), C = t(y ? c.skeletonFillStart : c.seriesFillStart, s), j = t(y ? c.skeletonFillEnd : c.seriesFillEnd, s), M = t(O, s), N = t(c.tooltipBackground, s), P = t(c.tooltipText, s), F = w(y ? c.skeletonFillOpacity : c.seriesFillOpacity, s, .8), I = A(e, p, u, m, y), L = h || y, R = _ && !y, z = (e) => a(e, C, j, F), B = 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 ? {
 		target: { value: 0 },
 		below: M
 	} : L ? "origin" : !1;
 	return {
 		type: "line",
 		data: {
-			labels: e.map((e) => e.label),
+			labels: a.map((e) => e.label),
 			datasets: [{
-				label: i,
-				data: e.map((e) => e.value),
+				label: o,
+				data: a.map((e) => e.value),
 				borderColor: S,
 				backgroundColor: L ? z : "transparent",
 				pointBackgroundColor: S,
@@ -45,7 +45,7 @@ var w = (e, t, n = 1) => {
 			responsive: !0,
 			maintainAspectRatio: !1,
 			layout: { padding: { top: v.length > 0 ? D : 0 } },
-			interaction: o(y, {
+			interaction: s(y, {
 				mode: "index",
 				intersect: !1
 			}),
@@ -68,7 +68,7 @@ var w = (e, t, n = 1) => {
 				...y ? { formatYAxisTick: k } : {}
 			})
 		},
-		plugins: r(y, [...g ? [d(s)] : [], ...v.length > 0 ? [f({ markers: v }, s)] : []])
+		plugins: r(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(t, { expose: n }) {
-		let r = S("chartRootRef"), a = S("chartCanvasRef"), o = p(() => t.loading ? M : t.points), c = p(() => {
-			if (t.height !== void 0) return { "--s-ui-chart-line-viewport-height": typeof t.height == "number" ? `${t.height}px` : t.height };
-		}), { chartInstance: l } = i({
-			canvasRef: a,
-			config: p(() => !t.loading && t.points.length === 0 ? null : j({
-				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
+	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
 			})),
-			enabled: p(() => t.loading || t.points.length > 0)
-		}), { exportImage: u } = s({
+			enabled: p(() => e.loading || e.points.length > 0)
+		}), { exportImage: u } = o({
 			chartInstance: l,
-			canvasRef: a,
-			colorHostElement: r
+			canvasRef: r,
+			colorHostElement: n
 		});
-		return n({ exportImage: u }), (n, i) => (b(), m("div", {
+		return t({ exportImage: u }), (t, i) => (b(), m("div", {
 			ref_key: "chartRootRef",
-			ref: r,
-			class: v(["s-ui-chart-line", { "s-ui-chart-line--skeleton": t.loading }]),
-			style: y(c.value)
-		}, [h("div", N, [g(x(e), { loading: t.loading }, {
+			ref: n,
+			class: v(["s-ui-chart-line", { "s-ui-chart-line--skeleton": e.loading }]),
+			style: y(s.value)
+		}, [h("div", N, [g(x(c), { loading: e.loading }, {
 			default: C(() => [h("canvas", {
 				ref_key: "chartCanvasRef",
-				ref: a,
+				ref: r,
 				class: "s-ui-chart-line__canvas"
 			}, null, 512)]),
 			_: 1

package/dist/{SChartLine-3l507dBg.cjs → SChartLine-DeJjaBmo.cjs}

@@ -1 +1 @@
-const e=require("./useChartInteractivity-LbJiqlvI.cjs"),t=require("./buildCartesianChartScales-Dck5yBMo.cjs"),n=require("./resolveChartValueRange-DBCYLCXs.cjs"),r=require("./createChartMarkersPlugin-Cg1yGzxW.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.T(e.y.axisLabel,f),S=e.T(e.y.grid,f),C=e.T(b?e.y.skeletonSeries:e.y.seriesPrimary,f),w=e.T(b?e.y.skeletonFillStart:e.y.seriesFillStart,f),T=e.T(b?e.y.skeletonFillEnd:e.y.seriesFillEnd,f),E=e.T(l,f),D=e.T(e.y.tooltipBackground,f),O=e.T(e.y.tooltipText,f),k=a(b?e.y.skeletonFillOpacity:e.y.seriesFillOpacity,f,.8),A=d(n,m,p,h,b),j=g||b,M=v&&!b,N=t=>e.o(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.s(b,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.c(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.l(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.E),{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-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}});