@shtabapp/ui-kit 1.77.0 → 1.78.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.77.0",
+  "version": "1.78.2",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",
@@ -198,6 +198,11 @@
       "import": "./dist/entries/chart-stacked-bar.js",
       "require": "./dist/entries/chart-stacked-bar.cjs"
     },
+    "./chart-scatter": {
+      "types": "./dist/entries/chart-scatter.d.ts",
+      "import": "./dist/entries/chart-scatter.js",
+      "require": "./dist/entries/chart-scatter.cjs"
+    },
     "./chart-horizontal-bar": {
       "types": "./dist/entries/chart-horizontal-bar.d.ts",
       "import": "./dist/entries/chart-horizontal-bar.js",
@@ -275,7 +280,7 @@
     "chart.js": "^4.5.0",
     "vue-i18n": "^9.14.5",
     "@shtabapp/ui-kit-primitives": "^1.36.0",
-    "@shtabapp/ui-kit-tokens": "^1.22.0"
+    "@shtabapp/ui-kit-tokens": "^1.23.0"
   },
   "devDependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^3.0.0",

package/dist/SChartBar-BvytQ-2z.js

@@ -1,293 +0,0 @@
-import { T as e, b as t, d as n, f as r, i, n as a, r as o, t as s, u as c, x as l } from "./useChartInteractivity-DygkiRA1.js";
-import { t as u } from "./SChartLegend-dDqLhvIj.js";
-import { t as d } from "./resolveCssColorValue-DH_SEZj4.js";
-import { t as f } from "./buildCartesianChartScales-EofFq3ry.js";
-import { t as p } from "./resolveChartValueRange-DZybnmaX.js";
-import { t as m } from "./resolveBarStackedSeriesColor-CjwUxrUx.js";
-import { t as h } from "./applyChartHighlightedYTick-DmsstRVM.js";
-import { t as g } from "./splitChartAxisLabel-D-IFyucJ.js";
-import { n as _, t as v } from "./buildChartSeriesPoints-BTyOpkin.js";
-import { t as y } from "./useHasListener-RSjlUyqH.js";
-import { computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createVNode as T, defineComponent as E, normalizeClass as D, openBlock as O, unref as k, useTemplateRef as A, withCtx as j } from "vue";
-//#region src/components/SChartBar/utils/createBarTargetLinePlugin.ts
-var M = 1, N = [4, 4], P = "500 10px var(--s-ui-font-family-label)", F = 4, I = (e) => e.length > 0 && new Set(e).size === 1, L = ({ target: n, colorHostElement: r, rightAxisId: i }) => ({
-	id: "barTargetLine",
-	afterDatasetsDraw(a) {
-		if (!n || n.values.length === 0) return;
-		let o = n.axis === "right" ? i : "y", s = a.scales[o], c = a.scales.x;
-		if (!s || !c) return;
-		let { ctx: l, chartArea: u } = a, f = n.color ? d(n.color, r) : t(e.grid, r);
-		l.save(), l.strokeStyle = f, l.lineWidth = M, l.setLineDash(n.solid ? [] : N);
-		let [p] = n.values;
-		if (p !== void 0 && I(n.values)) {
-			let e = s.getPixelForValue(p);
-			l.beginPath(), l.moveTo(u.left, e), l.lineTo(u.right, e), l.stroke(), n.label && (l.setLineDash([]), l.fillStyle = f, l.font = P, l.textAlign = "left", l.fillText(n.label, u.left, e - F));
-		} else {
-			let e = (u.right - u.left) / n.values.length;
-			n.values.forEach((t, n) => {
-				if (t <= 0) return;
-				let r = s.getPixelForValue(t);
-				l.beginPath(), l.moveTo(u.left + e * n, r), l.lineTo(u.left + e * (n + 1), r), l.stroke();
-			});
-		}
-		l.restore();
-	}
-}), R = 4, z = 10, B = 500, V = "sans-serif", H = (e) => typeof window > "u" ? `${B} ${z}px ${V}` : `${B} ${z}px ${getComputedStyle(e ?? document.documentElement).getPropertyValue("--s-ui-font-family-label").trim() || V}`, U = ({ colorHostElement: n, formatValue: r }) => ({
-	id: "barValueLabel",
-	afterDatasetsDraw(a) {
-		let o = t(e.barValueLabel, n), s = t(e.barValueLabelMuted, n), { ctx: c } = a;
-		c.save(), c.font = H(n), c.textAlign = "center", a.data.datasets.forEach((e, t) => {
-			a.isDatasetVisible(t) && a.getDatasetMeta(t).data.forEach((n, l) => {
-				let u = e.data[l];
-				if (typeof u != "number") return;
-				let d = u < 0;
-				c.fillStyle = i(a, t, l) ? s : o, c.textBaseline = d ? "top" : "bottom", c.fillText(r ? r(u) : String(u), n.x, d ? n.y + R : n.y - R);
-			});
-		}), c.restore();
-	}
-}), W = 5, G = 4, K = 12, q = "yRight", J = "yMirror", Y = 1.05, ee = 16, te = .92, ne = 1, re = (e, t) => e.data.datasets.every((n, r) => !e.isDatasetVisible(r) || i(e, r, t)), X = (e, t, n, r) => p(e.flatMap((e) => e.points.map((e) => e.value * Y)), {
-	yMin: t,
-	yMax: n,
-	yStep: r
-}), Z = ({ seriesList: i, colorHostElement: a, yMax: s, yMin: l, yStep: u = W, rightYMax: p, rightYStep: _ = W, mirrorYAxis: v = !1, target: y, skeleton: b = !1, showValues: x = !1, formatValue: S, formatYTick: C, mode: w = "grouped", categories: T = [], highlightedYTick: E, onPointClick: D }) => {
-	if (i.length === 0) return null;
-	let O = i.filter((e) => e.axis !== "right"), k = i.filter((e) => e.axis === "right"), A = t(e.axisLabel, a), j = t(e.grid, a), M = t(e.tooltipBackground, a), N = t(e.tooltipText, a), P = t(e.barAxisLabelMuted, a), F = X(O, l, s, u), I = X(k, void 0, p, _), R = w === "histogram", z = T.map((e) => d(e.color, a)), B = f({
-		axisLabelColor: A,
-		gridColor: j,
-		yMin: F.min,
-		yMax: F.max,
-		yStep: u,
-		xTickFontSize: K,
-		...C ? { formatYAxisTick: (e) => typeof e == "number" ? C(e) : e } : {}
-	}), V = E && !b ? h(B.y.ticks, {
-		highlightedTick: E,
-		yStep: u,
-		axisLabelColor: A,
-		colorHostElement: a
-	}) : { ticks: B.y.ticks }, H = R ? {
-		...B.y,
-		display: !1
-	} : {
-		...B.y,
-		...V
-	}, Y = (e, t) => ({
-		type: "linear",
-		position: "right",
-		min: e,
-		max: t,
-		border: { display: !1 },
-		grid: { drawOnChartArea: !1 },
-		...V
-	}), Z = k.length > 0 ? { [q]: Y(I.min, I.max) } : v && !R ? { [J]: Y(F.min, F.max) } : {}, Q = {
-		x: {
-			...B.x,
-			...R ? { border: {
-				display: !0,
-				color: j
-			} } : {},
-			ticks: {
-				...B.x.ticks,
-				color: ({ chart: e, index: t }) => re(e, t) ? P : A
-			}
-		},
-		y: H,
-		...Z
-	}, $ = o({
-		kind: "segment",
-		skeleton: b,
-		colorHostElement: a,
-		onElementIndexClick: D
-	});
-	return {
-		type: "bar",
-		data: {
-			labels: i[0]?.points.map((e) => g(e.label)) ?? [],
-			datasets: i.map((e, t) => {
-				let n = m(t, a, e.fillColor, b), r = e.points.map((e) => e.fillColor ? d(e.fillColor, a) : (e.category === void 0 ? void 0 : z[e.category]) ?? n);
-				return {
-					label: e.label,
-					data: e.points.map((e) => e.value),
-					backgroundColor: r,
-					hoverBackgroundColor: r,
-					borderWidth: 0,
-					hoverBorderWidth: 0,
-					borderRadius: G,
-					yAxisID: e.axis === "right" ? q : "y",
-					captions: e.points.map((e) => e.caption),
-					categories: e.points.map((e) => e.category),
-					...R ? {
-						barPercentage: te,
-						categoryPercentage: ne
-					} : {}
-				};
-			})
-		},
-		options: {
-			responsive: !0,
-			maintainAspectRatio: !1,
-			layout: x ? { padding: { top: ee } } : void 0,
-			onHover: $.onHover,
-			onClick: $.onClick,
-			hover: b ? void 0 : {
-				mode: "nearest",
-				intersect: !0
-			},
-			interaction: c(b, {
-				mode: "nearest",
-				intersect: !0
-			}),
-			plugins: {
-				legend: { display: !1 },
-				tooltip: {
-					enabled: n(b),
-					backgroundColor: M,
-					titleColor: N,
-					bodyColor: N,
-					displayColors: !1
-				}
-			},
-			scales: Q
-		},
-		plugins: r(b, [
-			L({
-				target: y,
-				colorHostElement: a,
-				rightAxisId: q
-			}),
-			...x ? [U({
-				colorHostElement: a,
-				formatValue: S
-			})] : [],
-			...$.plugins
-		])
-	};
-}, Q = [
-	"5 неделя",
-	"6 неделя",
-	"7 неделя",
-	"8 неделя",
-	"9 неделя",
-	"10 неделя"
-], $ = [{
-	label: "Series 1",
-	points: v(Q, [
-		28,
-		34,
-		24,
-		42,
-		30,
-		36
-	])
-}, {
-	label: "Series 2",
-	points: v(Q, [
-		18,
-		22,
-		16,
-		28,
-		20,
-		24
-	])
-}], ie = { class: "s-ui-chart-bar__canvas-wrap" }, ae = /* @__PURE__ */ E({
-	__name: "SChartBar",
-	props: {
-		series: { default: () => [] },
-		mode: { default: "grouped" },
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		yMax: {},
-		yMin: {},
-		yStep: {},
-		rightYMax: {},
-		rightYStep: {},
-		mirrorYAxis: {
-			type: Boolean,
-			default: !1
-		},
-		target: {},
-		showLegend: {
-			type: Boolean,
-			default: !0
-		},
-		showValues: {
-			type: Boolean,
-			default: !1
-		},
-		formatValue: { type: Function },
-		formatYTick: { type: Function },
-		categories: { default: () => [] },
-		highlightedYTick: {},
-		legendSize: {}
-	},
-	emits: ["pointClick"],
-	setup(n, { expose: r, emit: i }) {
-		let o = i, c = A("chartRootRef"), f = A("chartCanvasRef"), p = b(() => n.loading ? $ : n.mode === "grouped" ? n.series : n.series.slice(0, 1)), h = (e, t) => {
-			let n = p.value[t], r = n?.points[e];
-			n && r && o("pointClick", e, t, r, n);
-		}, g = y("onPointClick"), v = b(() => !n.loading && n.series.length === 0 ? null : Z({
-			seriesList: p.value,
-			colorHostElement: c.value,
-			yMax: n.loading ? 50 : n.yMax,
-			yMin: n.loading ? void 0 : n.yMin,
-			yStep: n.loading ? 10 : n.yStep,
-			rightYMax: n.rightYMax,
-			rightYStep: n.rightYStep,
-			mirrorYAxis: n.mirrorYAxis,
-			target: n.loading ? void 0 : n.target,
-			skeleton: n.loading,
-			showValues: n.showValues,
-			formatValue: n.formatValue,
-			formatYTick: n.formatYTick,
-			mode: n.mode,
-			categories: n.categories,
-			highlightedYTick: n.highlightedYTick,
-			onPointClick: g() ? h : void 0
-		})), E = b(() => !n.loading && n.categories.length > 0), M = b(() => E.value ? n.categories.map((e) => ({
-			label: e.label,
-			color: d(e.color, c.value)
-		})) : _(p.value, (e, t) => m(e, c.value, t, n.loading))), N = b(() => n.loading || !n.target?.legendLabel ? [] : [{
-			label: n.target.legendLabel,
-			color: n.target.color ? d(n.target.color, c.value) : t(e.grid, c.value),
-			marker: "line"
-		}]), P = b(() => [...M.value, ...N.value]), { chartInstance: F } = a({
-			canvasRef: f,
-			config: v,
-			enabled: b(() => n.loading || n.series.length > 0)
-		}), { exportImage: I, handleLegendItemHover: L } = s({
-			chartInstance: F,
-			canvasRef: f,
-			colorHostElement: c,
-			legendDimKind: () => E.value ? "category" : "series"
-		}), R = (e) => {
-			L(e !== null && e < M.value.length ? e : null);
-		};
-		return r({ exportImage: I }), (e, t) => (O(), C("div", {
-			ref_key: "chartRootRef",
-			ref: c,
-			class: D(["s-ui-chart-bar", { "s-ui-chart-bar--skeleton": n.loading }])
-		}, [w("div", ie, [T(k(l), { loading: n.loading }, {
-			default: j(() => [w("canvas", {
-				ref_key: "chartCanvasRef",
-				ref: f,
-				class: "s-ui-chart-bar__canvas"
-			}, null, 512)]),
-			_: 1
-		}, 8, ["loading"])]), n.showLegend && P.value.length ? (O(), x(k(u), {
-			key: 0,
-			items: P.value,
-			size: n.legendSize,
-			disabled: n.loading,
-			interactive: !n.loading,
-			onItemHover: R
-		}, null, 8, [
-			"items",
-			"size",
-			"disabled",
-			"interactive"
-		])) : S("", !0)], 2));
-	}
-});
-//#endregion
-export { ae as t };

package/dist/SChartBar-BzCeNCsi.cjs

@@ -1 +0,0 @@
-const e=require("./useChartInteractivity-CaZ37kX-.cjs"),t=require("./SChartLegend-D1gPKGm0.cjs"),n=require("./resolveCssColorValue-BFMo08-w.cjs"),r=require("./buildCartesianChartScales-Dck5yBMo.cjs"),i=require("./resolveChartValueRange-DBCYLCXs.cjs"),a=require("./resolveBarStackedSeriesColor-Czkj5bJY.cjs"),o=require("./applyChartHighlightedYTick-BHVwiljn.cjs"),s=require("./splitChartAxisLabel-DAmQOJn6.cjs"),c=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),l=require("./useHasListener-BPgtbbo6.cjs");let u=require("vue");var d=1,f=[4,4],p=`500 10px var(--s-ui-font-family-label)`,m=4,h=e=>e.length>0&&new Set(e).size===1,g=({target:t,colorHostElement:r,rightAxisId:i})=>({id:`barTargetLine`,afterDatasetsDraw(a){if(!t||t.values.length===0)return;let o=t.axis===`right`?i:`y`,s=a.scales[o],c=a.scales.x;if(!s||!c)return;let{ctx:l,chartArea:u}=a,g=t.color?n.t(t.color,r):e.b(e.T.grid,r);l.save(),l.strokeStyle=g,l.lineWidth=d,l.setLineDash(t.solid?[]:f);let[_]=t.values;if(_!==void 0&&h(t.values)){let e=s.getPixelForValue(_);l.beginPath(),l.moveTo(u.left,e),l.lineTo(u.right,e),l.stroke(),t.label&&(l.setLineDash([]),l.fillStyle=g,l.font=p,l.textAlign=`left`,l.fillText(t.label,u.left,e-m))}else{let e=(u.right-u.left)/t.values.length;t.values.forEach((t,n)=>{if(t<=0)return;let r=s.getPixelForValue(t);l.beginPath(),l.moveTo(u.left+e*n,r),l.lineTo(u.left+e*(n+1),r),l.stroke()})}l.restore()}}),_=4,v=10,y=500,b=`sans-serif`,x=e=>typeof window>`u`?`${y} ${v}px ${b}`:`${y} ${v}px ${getComputedStyle(e??document.documentElement).getPropertyValue(`--s-ui-font-family-label`).trim()||b}`,S=({colorHostElement:t,formatValue:n})=>({id:`barValueLabel`,afterDatasetsDraw(r){let i=e.b(e.T.barValueLabel,t),a=e.b(e.T.barValueLabelMuted,t),{ctx:o}=r;o.save(),o.font=x(t),o.textAlign=`center`,r.data.datasets.forEach((t,s)=>{r.isDatasetVisible(s)&&r.getDatasetMeta(s).data.forEach((c,l)=>{let u=t.data[l];if(typeof u!=`number`)return;let d=u<0;o.fillStyle=e.i(r,s,l)?a:i,o.textBaseline=d?`top`:`bottom`,o.fillText(n?n(u):String(u),c.x,d?c.y+_:c.y-_)})}),o.restore()}}),C=5,w=4,T=12,E=`yRight`,D=`yMirror`,O=1.05,k=16,A=.92,j=1,M=(t,n)=>t.data.datasets.every((r,i)=>!t.isDatasetVisible(i)||e.i(t,i,n)),N=(e,t,n,r)=>i.t(e.flatMap(e=>e.points.map(e=>e.value*O)),{yMin:t,yMax:n,yStep:r}),P=({seriesList:t,colorHostElement:i,yMax:c,yMin:l,yStep:u=C,rightYMax:d,rightYStep:f=C,mirrorYAxis:p=!1,target:m,skeleton:h=!1,showValues:_=!1,formatValue:v,formatYTick:y,mode:b=`grouped`,categories:x=[],highlightedYTick:O,onPointClick:P})=>{if(t.length===0)return null;let F=t.filter(e=>e.axis!==`right`),I=t.filter(e=>e.axis===`right`),L=e.b(e.T.axisLabel,i),R=e.b(e.T.grid,i),z=e.b(e.T.tooltipBackground,i),B=e.b(e.T.tooltipText,i),V=e.b(e.T.barAxisLabelMuted,i),H=N(F,l,c,u),U=N(I,void 0,d,f),W=b===`histogram`,G=x.map(e=>n.t(e.color,i)),K=r.t({axisLabelColor:L,gridColor:R,yMin:H.min,yMax:H.max,yStep:u,xTickFontSize:T,...y?{formatYAxisTick:e=>typeof e==`number`?y(e):e}:{}}),q=O&&!h?o.t(K.y.ticks,{highlightedTick:O,yStep:u,axisLabelColor:L,colorHostElement:i}):{ticks:K.y.ticks},J=W?{...K.y,display:!1}:{...K.y,...q},Y=(e,t)=>({type:`linear`,position:`right`,min:e,max:t,border:{display:!1},grid:{drawOnChartArea:!1},...q}),X=I.length>0?{[E]:Y(U.min,U.max)}:p&&!W?{[D]:Y(H.min,H.max)}:{},Z={x:{...K.x,...W?{border:{display:!0,color:R}}:{},ticks:{...K.x.ticks,color:({chart:e,index:t})=>M(e,t)?V:L}},y:J,...X},Q=e.r({kind:`segment`,skeleton:h,colorHostElement:i,onElementIndexClick:P});return{type:`bar`,data:{labels:t[0]?.points.map(e=>s.t(e.label))??[],datasets:t.map((e,t)=>{let r=a.t(t,i,e.fillColor,h),o=e.points.map(e=>e.fillColor?n.t(e.fillColor,i):(e.category===void 0?void 0:G[e.category])??r);return{label:e.label,data:e.points.map(e=>e.value),backgroundColor:o,hoverBackgroundColor:o,borderWidth:0,hoverBorderWidth:0,borderRadius:w,yAxisID:e.axis===`right`?E:`y`,captions:e.points.map(e=>e.caption),categories:e.points.map(e=>e.category),...W?{barPercentage:A,categoryPercentage:j}:{}}})},options:{responsive:!0,maintainAspectRatio:!1,layout:_?{padding:{top:k}}:void 0,onHover:Q.onHover,onClick:Q.onClick,hover:h?void 0:{mode:`nearest`,intersect:!0},interaction:e.u(h,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.d(h),backgroundColor:z,titleColor:B,bodyColor:B,displayColors:!1}},scales:Z},plugins:e.f(h,[g({target:m,colorHostElement:i,rightAxisId:E}),..._?[S({colorHostElement:i,formatValue:v})]:[],...Q.plugins])}},F=[`5 неделя`,`6 неделя`,`7 неделя`,`8 неделя`,`9 неделя`,`10 неделя`],I=[{label:`Series 1`,points:c.t(F,[28,34,24,42,30,36])},{label:`Series 2`,points:c.t(F,[18,22,16,28,20,24])}],L={class:`s-ui-chart-bar__canvas-wrap`},R=(0,u.defineComponent)({__name:`SChartBar`,props:{series:{default:()=>[]},mode:{default:`grouped`},loading:{type:Boolean,default:!1},yMax:{},yMin:{},yStep:{},rightYMax:{},rightYStep:{},mirrorYAxis:{type:Boolean,default:!1},target:{},showLegend:{type:Boolean,default:!0},showValues:{type:Boolean,default:!1},formatValue:{type:Function},formatYTick:{type:Function},categories:{default:()=>[]},highlightedYTick:{},legendSize:{}},emits:[`pointClick`],setup(r,{expose:i,emit:o}){let s=o,d=(0,u.useTemplateRef)(`chartRootRef`),f=(0,u.useTemplateRef)(`chartCanvasRef`),p=(0,u.computed)(()=>r.loading?I:r.mode===`grouped`?r.series:r.series.slice(0,1)),m=(e,t)=>{let n=p.value[t],r=n?.points[e];n&&r&&s(`pointClick`,e,t,r,n)},h=l.t(`onPointClick`),g=(0,u.computed)(()=>!r.loading&&r.series.length===0?null:P({seriesList:p.value,colorHostElement:d.value,yMax:r.loading?50:r.yMax,yMin:r.loading?void 0:r.yMin,yStep:r.loading?10:r.yStep,rightYMax:r.rightYMax,rightYStep:r.rightYStep,mirrorYAxis:r.mirrorYAxis,target:r.loading?void 0:r.target,skeleton:r.loading,showValues:r.showValues,formatValue:r.formatValue,formatYTick:r.formatYTick,mode:r.mode,categories:r.categories,highlightedYTick:r.highlightedYTick,onPointClick:h()?m:void 0})),_=(0,u.computed)(()=>!r.loading&&r.categories.length>0),v=(0,u.computed)(()=>_.value?r.categories.map(e=>({label:e.label,color:n.t(e.color,d.value)})):c.n(p.value,(e,t)=>a.t(e,d.value,t,r.loading))),y=(0,u.computed)(()=>r.loading||!r.target?.legendLabel?[]:[{label:r.target.legendLabel,color:r.target.color?n.t(r.target.color,d.value):e.b(e.T.grid,d.value),marker:`line`}]),b=(0,u.computed)(()=>[...v.value,...y.value]),{chartInstance:x}=e.n({canvasRef:f,config:g,enabled:(0,u.computed)(()=>r.loading||r.series.length>0)}),{exportImage:S,handleLegendItemHover:C}=e.t({chartInstance:x,canvasRef:f,colorHostElement:d,legendDimKind:()=>_.value?`category`:`series`}),w=e=>{C(e!==null&&e<v.value.length?e:null)};return i({exportImage:S}),(n,i)=>((0,u.openBlock)(),(0,u.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:d,class:(0,u.normalizeClass)([`s-ui-chart-bar`,{"s-ui-chart-bar--skeleton":r.loading}])},[(0,u.createElementVNode)(`div`,L,[(0,u.createVNode)((0,u.unref)(e.x),{loading:r.loading},{default:(0,u.withCtx)(()=>[(0,u.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:f,class:`s-ui-chart-bar__canvas`},null,512)]),_:1},8,[`loading`])]),r.showLegend&&b.value.length?((0,u.openBlock)(),(0,u.createBlock)((0,u.unref)(t.t),{key:0,items:b.value,size:r.legendSize,disabled:r.loading,interactive:!r.loading,onItemHover:w},null,8,[`items`,`size`,`disabled`,`interactive`])):(0,u.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return R}});

package/dist/SChartHorizontalBar-C40Yroue.js

@@ -1,176 +0,0 @@
-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

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