@shtabapp/ui-kit 1.76.0 → 1.78.1

package/dist/SChartMultiLine-C4jjmLEb.js

@@ -0,0 +1,282 @@
+import { C as e, D as t, O as n, S as r, d as i, f as a, j as o, l as s, m as c, n as l, p as u, r as d, t as f, u as p, v as m, y as h } from "./useChartInteractivity-sgbPZgcH.js";
+import { t as g } from "./SChartLegend-At0mMO09.js";
+import { t as _ } from "./resolveChartValueRange-DZybnmaX.js";
+import { n as v, t as y } from "./createChartMarkersPlugin-bAEeP-5Z.js";
+import { t as b } from "./areChartSeriesAligned-DjonrIMm.js";
+import { t as ee } from "./createChartCrosshairPlugin-B4LrgKjG.js";
+import { t as x } from "./resolveSeriesPaletteColor-Bk52kyZo.js";
+import { t as te } from "./buildMultiLineChartScales-DbRe2UFD.js";
+import { t as S } from "./splitChartAxisLabel-D-IFyucJ.js";
+import { t as C } from "./createCustomTooltipCallbacks-CxeEfJLl.js";
+import { n as w, t as T } from "./buildChartSeriesPoints-BTyOpkin.js";
+import { t as E } from "./useHasListener-RSjlUyqH.js";
+import { computed as D, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createVNode as M, defineComponent as N, normalizeClass as P, normalizeStyle as F, openBlock as I, unref as L, useTemplateRef as R, withCtx as z } from "vue";
+//#region src/utils/chart/multiLine/resolveMultiLineSeriesColor.ts
+var B = (e, r, i, a = !1) => x(e, r, i, a, {
+	palette: n,
+	paletteFallback: t.multiLinePalette1,
+	skeletonPalette: o,
+	skeletonFallback: t.skeletonPalette1
+}), V = 3, ne = .4, re = 4, H = 1.5, U = 5, W = [8, 8], G = 16, K = "--s-ui-chart-multi-line-danger-fill", q = (e, t, n, r, i) => {
+	let a = e.flatMap((e) => e.points.map((e) => e.value));
+	return i ? {
+		min: t ?? 0,
+		max: n ?? _(a, { yStep: r }).max
+	} : _(a, {
+		yMin: t,
+		yMax: n,
+		yStep: r
+	});
+}, J = (e, t, n) => t ? {
+	target: { value: 0 },
+	...e ? {} : { above: s },
+	below: n
+} : e ? "origin" : !1, Y = ({ seriesList: e, colorHostElement: n, yMax: o, yMin: l, yStep: f = U, mirrorYAxis: g = !0, straightSegments: _ = !1, zeroLine: x = !1, dangerBelowZero: w = !1, markers: T = [], skeleton: E = !1, thinLines: D = !1, verticalGrid: O = !1, xAxisOffset: k = !1, highlightedYTick: A, formatYTick: j, formatValue: M, formatTooltip: N, onSeriesClick: P, onPointClick: F }) => {
+	if (!b(e)) return null;
+	let I = r(t.axisLabel, n), L = r(t.grid, n), R = r(K, n), z = r(t.tooltipBackground, n), Y = r(t.tooltipText, n), X = q(e, l, o, f, E), Z = (e[0]?.points.map((e) => e.label) ?? []).map(S), Q = D ? H : re, $ = d({
+		kind: "series",
+		skeleton: E,
+		colorHostElement: n,
+		onIndexClick: P,
+		onElementIndexClick: F
+	});
+	return {
+		type: "line",
+		data: {
+			labels: Z,
+			datasets: e.map((e, t) => {
+				let r = B(t, n, e.fillColor, E), a = !!e.area && !E, o = w && t === 0 && !E, c = a ? (e) => i(e, r, s, p) : r;
+				return {
+					label: e.label,
+					data: e.points.map((e) => e.value),
+					borderColor: r,
+					backgroundColor: c,
+					pointBackgroundColor: r,
+					pointHoverBackgroundColor: r,
+					...E ? {} : {
+						hoverBorderColor: r,
+						hoverBackgroundColor: c
+					},
+					borderWidth: Q,
+					...e.dashed && !E ? { borderDash: W } : {},
+					fill: J(a, o, R),
+					pointRadius: _ && !E ? V : 0,
+					pointHoverRadius: 4,
+					tension: _ ? 0 : ne
+				};
+			})
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			layout: { padding: { top: T.length > 0 ? G : 0 } },
+			onHover: $.onHover,
+			onClick: $.onClick,
+			interaction: a(E, {
+				mode: "index",
+				intersect: !1
+			}),
+			hover: E ? void 0 : {
+				mode: "nearest",
+				intersect: !1
+			},
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: u(E),
+					backgroundColor: z,
+					titleColor: Y,
+					bodyColor: Y,
+					footerColor: Y,
+					displayColors: !1,
+					position: m,
+					yAlign: "bottom",
+					xAlign: "center",
+					caretPadding: 8,
+					callbacks: N ? C(N) : h({
+						resolveTitle: (e) => Z[e],
+						formatValue: M
+					})
+				}
+			},
+			scales: te({
+				axisLabelColor: I,
+				gridColor: L,
+				yMin: X.min,
+				yMax: X.max,
+				yStep: f,
+				mirrorYAxis: g,
+				verticalGrid: O,
+				xAxisOffset: k,
+				highlightedYTick: E ? void 0 : A,
+				colorHostElement: n,
+				...j ? { formatYAxisTick: (e) => typeof e == "number" ? j(e) : e } : {}
+			})
+		},
+		plugins: c(E, [
+			...x ? [v(n)] : [],
+			ee(n),
+			...T.length > 0 ? [y({ markers: T }, n)] : [],
+			...$.plugins
+		])
+	};
+}, X = [
+	"26.01",
+	"2.02",
+	"9.02",
+	"16.02",
+	"23.02",
+	"2.03",
+	"9.03",
+	"16.03",
+	"23.03",
+	"30.03",
+	"6.04"
+], Z = [{
+	label: "Series 1",
+	points: T(X, [
+		30,
+		34,
+		38,
+		44,
+		46,
+		50,
+		54,
+		56,
+		58,
+		60,
+		62
+	])
+}, {
+	label: "Series 2",
+	points: T(X, [
+		22,
+		24,
+		26,
+		28,
+		30,
+		32,
+		33,
+		35,
+		36,
+		38,
+		40
+	])
+}], Q = { class: "s-ui-chart-multi-line__canvas-wrap" }, $ = /* @__PURE__ */ N({
+	__name: "SChartMultiLine",
+	props: {
+		series: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		yMax: {},
+		yMin: {},
+		yStep: {},
+		mirrorYAxis: {
+			type: Boolean,
+			default: !0
+		},
+		straightSegments: {
+			type: Boolean,
+			default: !1
+		},
+		zeroLine: {
+			type: Boolean,
+			default: !1
+		},
+		dangerBelowZero: {
+			type: Boolean,
+			default: !1
+		},
+		markers: { default: () => [] },
+		showLegend: {
+			type: Boolean,
+			default: !0
+		},
+		height: {},
+		thinLines: {
+			type: Boolean,
+			default: !1
+		},
+		verticalGrid: {
+			type: Boolean,
+			default: !1
+		},
+		xAxisOffset: {
+			type: Boolean,
+			default: !1
+		},
+		highlightedYTick: {},
+		formatYTick: { type: Function },
+		formatValue: { type: Function },
+		formatTooltip: { type: Function }
+	},
+	emits: ["seriesClick", "pointClick"],
+	setup(t, { expose: n, emit: r }) {
+		let i = r, a = R("chartRootRef"), o = R("chartCanvasRef"), s = D(() => t.loading ? Z : t.series), c = (e) => {
+			let n = t.series[e];
+			n && i("seriesClick", e, n);
+		}, u = E("onSeriesClick"), d = (e, n) => {
+			let r = t.series[n], a = r?.points[e];
+			r && a && i("pointClick", e, n, a, r);
+		}, p = E("onPointClick"), m = D(() => {
+			if (t.height !== void 0) return { "--s-ui-chart-multi-line-viewport-height": typeof t.height == "number" ? `${t.height}px` : t.height };
+		}), h = D(() => !t.loading && t.series.length === 0 ? null : Y({
+			seriesList: s.value,
+			colorHostElement: a.value,
+			yMax: t.yMax,
+			yMin: t.yMin,
+			yStep: t.yStep,
+			mirrorYAxis: t.mirrorYAxis,
+			straightSegments: t.straightSegments,
+			zeroLine: t.zeroLine,
+			dangerBelowZero: t.dangerBelowZero,
+			markers: t.markers,
+			skeleton: t.loading,
+			thinLines: t.thinLines,
+			verticalGrid: t.verticalGrid,
+			xAxisOffset: t.xAxisOffset,
+			highlightedYTick: t.highlightedYTick,
+			formatYTick: t.formatYTick,
+			formatValue: t.formatValue,
+			formatTooltip: t.formatTooltip,
+			onSeriesClick: u() ? c : void 0,
+			onPointClick: p() ? d : void 0
+		})), _ = D(() => w(s.value, (e, n) => B(e, a.value, n, t.loading))), { chartInstance: v } = l({
+			canvasRef: o,
+			config: h,
+			enabled: D(() => t.loading || t.series.length > 0)
+		}), { exportImage: y, handleLegendItemHover: b } = f({
+			chartInstance: v,
+			canvasRef: o,
+			colorHostElement: a
+		});
+		return n({ exportImage: y }), (n, r) => (I(), A("div", {
+			ref_key: "chartRootRef",
+			ref: a,
+			class: P(["s-ui-chart-multi-line", { "s-ui-chart-multi-line--skeleton": t.loading }]),
+			style: F(m.value)
+		}, [j("div", Q, [M(L(e), { loading: t.loading }, {
+			default: z(() => [j("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: o,
+				class: "s-ui-chart-multi-line__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])]), t.showLegend && _.value.length ? (I(), O(L(g), {
+			key: 0,
+			items: _.value,
+			disabled: t.loading,
+			interactive: !t.loading,
+			onItemHover: L(b)
+		}, null, 8, [
+			"items",
+			"disabled",
+			"interactive",
+			"onItemHover"
+		])) : k("", !0)], 6));
+	}
+});
+//#endregion
+export { $ as t };

package/dist/SChartMultiLine-dtd6k59D.cjs

@@ -0,0 +1 @@
+const e=require("./useChartInteractivity-Yk7qEYgl.cjs"),t=require("./SChartLegend-DQMLr6yV.cjs"),n=require("./resolveChartValueRange-DBCYLCXs.cjs"),r=require("./createChartMarkersPlugin-L7qomZVK.cjs"),i=require("./areChartSeriesAligned-DiBX3TTk.cjs"),a=require("./createChartCrosshairPlugin-COIICTCz.cjs"),o=require("./resolveSeriesPaletteColor-CVEsFs0o.cjs"),s=require("./buildMultiLineChartScales-BweU2ftq.cjs"),c=require("./splitChartAxisLabel-DAmQOJn6.cjs"),l=require("./createCustomTooltipCallbacks-oRAimZTt.cjs"),u=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),d=require("./useHasListener-BPgtbbo6.cjs");let f=require("vue");var p=(t,n,r,i=!1)=>o.t(t,n,r,i,{palette:e.O,paletteFallback:e.D.multiLinePalette1,skeletonPalette:e.j,skeletonFallback:e.D.skeletonPalette1}),m=3,h=.4,g=4,_=1.5,v=5,y=[8,8],b=16,x=`--s-ui-chart-multi-line-danger-fill`,S=(e,t,r,i,a)=>{let o=e.flatMap(e=>e.points.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})},C=(t,n,r)=>n?{target:{value:0},...t?{}:{above:e.l},below:r}:t?`origin`:!1,w=({seriesList:t,colorHostElement:n,yMax:o,yMin:u,yStep:d=v,mirrorYAxis:f=!0,straightSegments:w=!1,zeroLine:T=!1,dangerBelowZero:E=!1,markers:D=[],skeleton:O=!1,thinLines:k=!1,verticalGrid:A=!1,xAxisOffset:j=!1,highlightedYTick:M,formatYTick:N,formatValue:P,formatTooltip:F,onSeriesClick:I,onPointClick:L})=>{if(!i.t(t))return null;let R=e.S(e.D.axisLabel,n),z=e.S(e.D.grid,n),B=e.S(x,n),V=e.S(e.D.tooltipBackground,n),H=e.S(e.D.tooltipText,n),U=S(t,u,o,d,O),W=(t[0]?.points.map(e=>e.label)??[]).map(c.t),G=k?_:g,K=e.r({kind:`series`,skeleton:O,colorHostElement:n,onIndexClick:I,onElementIndexClick:L});return{type:`line`,data:{labels:W,datasets:t.map((t,r)=>{let i=p(r,n,t.fillColor,O),a=!!t.area&&!O,o=E&&r===0&&!O,s=a?t=>e.d(t,i,e.l,e.u):i;return{label:t.label,data:t.points.map(e=>e.value),borderColor:i,backgroundColor:s,pointBackgroundColor:i,pointHoverBackgroundColor:i,...O?{}:{hoverBorderColor:i,hoverBackgroundColor:s},borderWidth:G,...t.dashed&&!O?{borderDash:y}:{},fill:C(a,o,B),pointRadius:w&&!O?m:0,pointHoverRadius:4,tension:w?0:h}})},options:{responsive:!0,maintainAspectRatio:!1,layout:{padding:{top:D.length>0?b:0}},onHover:K.onHover,onClick:K.onClick,interaction:e.f(O,{mode:`index`,intersect:!1}),hover:O?void 0:{mode:`nearest`,intersect:!1},plugins:{legend:{display:!1},tooltip:{enabled:e.p(O),backgroundColor:V,titleColor:H,bodyColor:H,footerColor:H,displayColors:!1,position:e.v,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:F?l.t(F):e.y({resolveTitle:e=>W[e],formatValue:P})}},scales:s.t({axisLabelColor:R,gridColor:z,yMin:U.min,yMax:U.max,yStep:d,mirrorYAxis:f,verticalGrid:A,xAxisOffset:j,highlightedYTick:O?void 0:M,colorHostElement:n,...N?{formatYAxisTick:e=>typeof e==`number`?N(e):e}:{}})},plugins:e.m(O,[...T?[r.n(n)]:[],a.t(n),...D.length>0?[r.t({markers:D},n)]:[],...K.plugins])}},T=[`26.01`,`2.02`,`9.02`,`16.02`,`23.02`,`2.03`,`9.03`,`16.03`,`23.03`,`30.03`,`6.04`],E=[{label:`Series 1`,points:u.t(T,[30,34,38,44,46,50,54,56,58,60,62])},{label:`Series 2`,points:u.t(T,[22,24,26,28,30,32,33,35,36,38,40])}],D={class:`s-ui-chart-multi-line__canvas-wrap`},O=(0,f.defineComponent)({__name:`SChartMultiLine`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yMin:{},yStep:{},mirrorYAxis:{type:Boolean,default:!0},straightSegments:{type:Boolean,default:!1},zeroLine:{type:Boolean,default:!1},dangerBelowZero:{type:Boolean,default:!1},markers:{default:()=>[]},showLegend:{type:Boolean,default:!0},height:{},thinLines:{type:Boolean,default:!1},verticalGrid:{type:Boolean,default:!1},xAxisOffset:{type:Boolean,default:!1},highlightedYTick:{},formatYTick:{type:Function},formatValue:{type:Function},formatTooltip:{type:Function}},emits:[`seriesClick`,`pointClick`],setup(n,{expose:r,emit:i}){let a=i,o=(0,f.useTemplateRef)(`chartRootRef`),s=(0,f.useTemplateRef)(`chartCanvasRef`),c=(0,f.computed)(()=>n.loading?E:n.series),l=e=>{let t=n.series[e];t&&a(`seriesClick`,e,t)},m=d.t(`onSeriesClick`),h=(e,t)=>{let r=n.series[t],i=r?.points[e];r&&i&&a(`pointClick`,e,t,i,r)},g=d.t(`onPointClick`),_=(0,f.computed)(()=>{if(n.height!==void 0)return{"--s-ui-chart-multi-line-viewport-height":typeof n.height==`number`?`${n.height}px`:n.height}}),v=(0,f.computed)(()=>!n.loading&&n.series.length===0?null:w({seriesList:c.value,colorHostElement:o.value,yMax:n.yMax,yMin:n.yMin,yStep:n.yStep,mirrorYAxis:n.mirrorYAxis,straightSegments:n.straightSegments,zeroLine:n.zeroLine,dangerBelowZero:n.dangerBelowZero,markers:n.markers,skeleton:n.loading,thinLines:n.thinLines,verticalGrid:n.verticalGrid,xAxisOffset:n.xAxisOffset,highlightedYTick:n.highlightedYTick,formatYTick:n.formatYTick,formatValue:n.formatValue,formatTooltip:n.formatTooltip,onSeriesClick:m()?l:void 0,onPointClick:g()?h:void 0})),y=(0,f.computed)(()=>u.n(c.value,(e,t)=>p(e,o.value,t,n.loading))),{chartInstance:b}=e.n({canvasRef:s,config:v,enabled:(0,f.computed)(()=>n.loading||n.series.length>0)}),{exportImage:x,handleLegendItemHover:S}=e.t({chartInstance:b,canvasRef:s,colorHostElement:o});return r({exportImage:x}),(r,i)=>((0,f.openBlock)(),(0,f.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:o,class:(0,f.normalizeClass)([`s-ui-chart-multi-line`,{"s-ui-chart-multi-line--skeleton":n.loading}]),style:(0,f.normalizeStyle)(_.value)},[(0,f.createElementVNode)(`div`,D,[(0,f.createVNode)((0,f.unref)(e.C),{loading:n.loading},{default:(0,f.withCtx)(()=>[(0,f.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:s,class:`s-ui-chart-multi-line__canvas`},null,512)]),_:1},8,[`loading`])]),n.showLegend&&y.value.length?((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(t.t),{key:0,items:y.value,disabled:n.loading,interactive:!n.loading,onItemHover:(0,f.unref)(S)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,f.createCommentVNode)(``,!0)],6))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return O}});

package/dist/{SChartPie-DccW5J0b.cjs → SChartPie-Ddk8r-_I.cjs}

@@ -1 +1 @@
-const e=require("./useChartInteractivity-CaZ37kX-.cjs"),t=require("./SChartLegend-D1gPKGm0.cjs"),n=require("./resolveSeriesPaletteColor-BepW1gdW.cjs"),r=require("./useHasListener-BPgtbbo6.cjs");let i=require("vue");var a=(t,r,i,a=!1)=>n.t(t,r,i,a,{palette:e.O,paletteFallback:e.T.piePalette1,skeletonPalette:e.D,skeletonFallback:e.T.pieSkeletonPalette1}),o=e=>({title:()=>``,label:t=>{let n=t.label??``,r=t.parsed??0;return`${n} – ${e?e(r):`${r}`}`}}),s=4,c=4,l=1,u=`400 12px var(--s-ui-font-family-label)`,d=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i/2);e.beginPath(),e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},f=e=>!(`getCenterPoint`in e)||typeof e.getCenterPoint!=`function`?null:e.getCenterPoint(!1),p=(t,n)=>({id:`pieSegmentBadge`,afterDatasetsDraw(r){let i=r.getDatasetMeta(0);if(!i)return;let a=e.b(e.T.pieBadgeBackground,t),o=e.b(e.T.pieBadgeBorder,t),p=e.b(e.T.pieBadgeText,t),{ctx:m}=r;m.save(),m.font=u,m.textAlign=`center`,m.textBaseline=`middle`;for(let e=0;e<i.data.length;e+=1){let t=i.data[e],u=r.data.datasets[0]?.data[e],h=t?f(t):null;if(t&&typeof u==`number`&&u>0&&h){let e=n?n(u):`${u}`,t=m.measureText(e).width+s*2;d(m,h.x-t/2,h.y-20/2,t,20,c),m.fillStyle=a,m.fill(),m.lineWidth=l,m.strokeStyle=o,m.stroke(),m.fillStyle=p,m.fillText(e,h.x,h.y)}}m.restore()}}),m=function(e){return e.COMPACT=`compact`,e.LIST=`list`,e}({}),h=({sliceList:t,colorHostElement:n,skeleton:r=!1,formatValue:i,formatBadge:s,showBadges:c=!0,onSliceClick:l,onSliceHover:u})=>{if(t.length===0)return null;let d=e.b(e.T.pieSegmentBorder,n),f=e.b(e.T.tooltipBackground,n),m=e.b(e.T.tooltipText,n),h=t.map((e,t)=>a(t,n,e.fillColor,r)),g=e.r({kind:`element`,skeleton:r,colorHostElement:n,onIndexClick:l,onHoverIndexChange:u});return{type:`pie`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:h,hoverBackgroundColor:h,borderColor:d,hoverBorderColor:d,borderWidth:4,hoverBorderWidth:4,hoverOffset:26,spacing:0,borderRadius:8}]},options:{responsive:!0,maintainAspectRatio:!0,cutout:`58%`,rotation:115,layout:{padding:26},onHover:g.onHover,onClick:g.onClick,interaction:e.u(r,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.d(r),backgroundColor:f,titleColor:m,bodyColor:m,displayColors:!1,callbacks:o(i)}}},plugins:e.f(r,[...c?[p(n,s??i)]:[],...g.plugins])}},g=[`Series 1`,`Series 2`,`Series 3`,`Series 4`,`Series 5`,`Series 6`,`Series 7`,`Series 8`],_=[4,1,1,1,1,1,1,1],v=g.map((e,t)=>({label:e,value:_[t]??1})),y={key:0,class:`s-ui-chart-pie__center`},b=[`role`,`tabindex`,`onMouseenter`,`onClick`,`onKeydown`],x={class:`s-ui-chart-pie__legend-swatch-slot`,"aria-hidden":`true`},S={class:`s-ui-chart-pie__legend-label`},C={class:`s-ui-chart-pie__legend-value`},w={key:0,class:`s-ui-chart-pie__legend-toggle-row`},T=[`aria-expanded`],E=(0,i.defineComponent)({__name:`SChartPie`,props:{slices:{default:()=>[]},loading:{type:Boolean,default:!1},showLegend:{type:Boolean,default:!0},legendView:{default:()=>m.COMPACT},formatValue:{type:Function},showBadges:{type:Boolean,default:!0},formatBadge:{type:Function},legendLimit:{}},emits:[`sliceClick`],setup(n,{expose:o,emit:s}){let c=s,l=(0,i.useSlots)(),u=`var(${e.T.fillMuted})`,d=e.S,f=(0,i.useTemplateRef)(`chartRootRef`),p=(0,i.useTemplateRef)(`chartCanvasRef`),g=(0,i.ref)(null),_=(0,i.ref)(!1),E=(0,i.computed)(()=>n.legendView===m.LIST&&!n.loading),D=(0,i.computed)(()=>[`s-ui-chart-pie`,{"s-ui-chart-pie--skeleton":n.loading,"s-ui-chart-pie--legend-list":E.value}]),O=(0,i.computed)(()=>n.loading?v:n.slices),k=e=>{let t=n.slices[e];t&&c(`sliceClick`,e,t)},A=e=>{g.value=e},j=r.t(`onSliceClick`),M=e=>{j()&&k(e)},N=(0,i.computed)(()=>!n.loading&&n.slices.length===0?null:h({sliceList:O.value,colorHostElement:f.value,skeleton:n.loading,formatValue:n.formatValue,formatBadge:n.formatBadge,showBadges:n.showBadges,onSliceClick:j()?k:void 0,onSliceHover:E.value?A:void 0})),P=(0,i.computed)(()=>O.value.map((e,t)=>({label:e.label,color:a(t,f.value,e.fillColor,n.loading)}))),F=(0,i.computed)(()=>n.legendLimit===void 0?0:Math.max(n.slices.length-n.legendLimit,0)),I=(0,i.computed)(()=>_.value||n.legendLimit===void 0?n.slices:n.slices.slice(0,n.legendLimit)),L=(0,i.computed)(()=>({expanded:_.value,hiddenCount:F.value})),R=(0,i.computed)(()=>_.value?`−`:`+${F.value}`),z=()=>{_.value=!_.value},B=(0,i.computed)(()=>I.value.map((e,t)=>{let r=g.value===t,i=g.value!==null&&!r,a={slice:e,index:t,active:r,muted:i};return{key:`${t}-${e.label}`,index:t,label:e.label,valueText:n.formatValue?n.formatValue(e.value):String(e.value),slotProps:a,role:j()?`button`:void 0,tabindex:j()?0:void 0,classes:[`s-ui-chart-pie__legend-row`,{"s-ui-chart-pie__legend-row--active":r,"s-ui-chart-pie__legend-row--muted":i,"s-ui-chart-pie__legend-row--clickable":j()}],swatchStyle:{backgroundColor:i?u:P.value[t]?.color}}})),{chartInstance:V}=e.n({canvasRef:p,config:N,enabled:(0,i.computed)(()=>n.loading||n.slices.length>0)}),{exportImage:H,handleLegendItemHover:U}=e.t({chartInstance:V,canvasRef:p,colorHostElement:f,legendDimKind:`element`}),W=e=>{E.value&&(g.value=e),U(e)};return o({exportImage:H}),(r,a)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:f,class:(0,i.normalizeClass)(D.value)},[(0,i.createElementVNode)(`div`,{class:`s-ui-chart-pie__canvas-wrap`,onMouseleave:a[0]||=e=>A(null)},[(0,i.createVNode)((0,i.unref)(e.x),{loading:n.loading,type:(0,i.unref)(d).PIE},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:p,class:`s-ui-chart-pie__canvas`},null,512)]),_:1},8,[`loading`,`type`]),(0,i.unref)(l).center&&!n.loading?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,y,[(0,i.renderSlot)(r.$slots,`center`)])):(0,i.createCommentVNode)(``,!0)],32),n.showLegend&&P.value.length?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[E.value?((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,{key:0,class:`s-ui-chart-pie__legend-list`,onMouseleave:a[1]||=e=>W(null)},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(B.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:e.key,class:(0,i.normalizeClass)(e.classes),role:e.role,tabindex:e.tabindex,onMouseenter:t=>W(e.index),onClick:t=>M(e.index),onKeydown:(0,i.withKeys)(t=>M(e.index),[`enter`])},[(0,i.createElementVNode)(`span`,x,[(0,i.createElementVNode)(`span`,{class:`s-ui-chart-pie__legend-swatch`,style:(0,i.normalizeStyle)(e.swatchStyle)},null,4)]),(0,i.createElementVNode)(`span`,S,[(0,i.renderSlot)(r.$slots,`legend-label`,(0,i.mergeProps)({ref_for:!0},e.slotProps),()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.label),1)])]),(0,i.createElementVNode)(`span`,C,(0,i.toDisplayString)(e.valueText),1)],42,b))),128)),F.value>0?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,w,[(0,i.createElementVNode)(`button`,{type:`button`,class:`s-ui-chart-pie__legend-toggle`,"aria-expanded":_.value,onClick:z},[(0,i.renderSlot)(r.$slots,`legend-toggle`,(0,i.normalizeProps)((0,i.guardReactiveProps)(L.value)),()=>[(0,i.createTextVNode)((0,i.toDisplayString)(R.value),1)])],8,T)])):(0,i.createCommentVNode)(``,!0)],32)):((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(t.t),{key:1,items:P.value,disabled:n.loading,interactive:!n.loading,direction:`column`,onItemHover:W},null,8,[`items`,`disabled`,`interactive`]))],64)):(0,i.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return E}});
+const e=require("./useChartInteractivity-Yk7qEYgl.cjs"),t=require("./SChartLegend-DQMLr6yV.cjs"),n=require("./resolveSeriesPaletteColor-CVEsFs0o.cjs"),r=require("./useHasListener-BPgtbbo6.cjs");let i=require("vue");var a=(t,r,i,a=!1)=>n.t(t,r,i,a,{palette:e.A,paletteFallback:e.D.piePalette1,skeletonPalette:e.k,skeletonFallback:e.D.pieSkeletonPalette1}),o=e=>({title:()=>``,label:t=>{let n=t.label??``,r=t.parsed??0;return`${n} – ${e?e(r):`${r}`}`}}),s=4,c=4,l=1,u=`400 12px var(--s-ui-font-family-label)`,d=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i/2);e.beginPath(),e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},f=e=>!(`getCenterPoint`in e)||typeof e.getCenterPoint!=`function`?null:e.getCenterPoint(!1),p=(t,n)=>({id:`pieSegmentBadge`,afterDatasetsDraw(r){let i=r.getDatasetMeta(0);if(!i)return;let a=e.S(e.D.pieBadgeBackground,t),o=e.S(e.D.pieBadgeBorder,t),p=e.S(e.D.pieBadgeText,t),{ctx:m}=r;m.save(),m.font=u,m.textAlign=`center`,m.textBaseline=`middle`;for(let e=0;e<i.data.length;e+=1){let t=i.data[e],u=r.data.datasets[0]?.data[e],h=t?f(t):null;if(t&&typeof u==`number`&&u>0&&h){let e=n?n(u):`${u}`,t=m.measureText(e).width+s*2;d(m,h.x-t/2,h.y-20/2,t,20,c),m.fillStyle=a,m.fill(),m.lineWidth=l,m.strokeStyle=o,m.stroke(),m.fillStyle=p,m.fillText(e,h.x,h.y)}}m.restore()}}),m=function(e){return e.COMPACT=`compact`,e.LIST=`list`,e}({}),h=({sliceList:t,colorHostElement:n,skeleton:r=!1,formatValue:i,formatBadge:s,showBadges:c=!0,onSliceClick:l,onSliceHover:u})=>{if(t.length===0)return null;let d=e.S(e.D.pieSegmentBorder,n),f=e.S(e.D.tooltipBackground,n),m=e.S(e.D.tooltipText,n),h=t.map((e,t)=>a(t,n,e.fillColor,r)),g=e.r({kind:`element`,skeleton:r,colorHostElement:n,onIndexClick:l,onHoverIndexChange:u});return{type:`pie`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:h,hoverBackgroundColor:h,borderColor:d,hoverBorderColor:d,borderWidth:4,hoverBorderWidth:4,hoverOffset:26,spacing:0,borderRadius:8}]},options:{responsive:!0,maintainAspectRatio:!0,cutout:`58%`,rotation:115,layout:{padding:26},onHover:g.onHover,onClick:g.onClick,interaction:e.f(r,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.p(r),backgroundColor:f,titleColor:m,bodyColor:m,displayColors:!1,callbacks:o(i)}}},plugins:e.m(r,[...c?[p(n,s??i)]:[],...g.plugins])}},g=[`Series 1`,`Series 2`,`Series 3`,`Series 4`,`Series 5`,`Series 6`,`Series 7`,`Series 8`],_=[4,1,1,1,1,1,1,1],v=g.map((e,t)=>({label:e,value:_[t]??1})),y={key:0,class:`s-ui-chart-pie__center`},b=[`role`,`tabindex`,`onMouseenter`,`onClick`,`onKeydown`],x={class:`s-ui-chart-pie__legend-swatch-slot`,"aria-hidden":`true`},S={class:`s-ui-chart-pie__legend-label`},C={class:`s-ui-chart-pie__legend-value`},w={key:0,class:`s-ui-chart-pie__legend-toggle-row`},T=[`aria-expanded`],E=(0,i.defineComponent)({__name:`SChartPie`,props:{slices:{default:()=>[]},loading:{type:Boolean,default:!1},showLegend:{type:Boolean,default:!0},legendView:{default:()=>m.COMPACT},formatValue:{type:Function},showBadges:{type:Boolean,default:!0},formatBadge:{type:Function},legendLimit:{}},emits:[`sliceClick`],setup(n,{expose:o,emit:s}){let c=s,l=(0,i.useSlots)(),u=`var(${e.D.fillMuted})`,d=e.w,f=(0,i.useTemplateRef)(`chartRootRef`),p=(0,i.useTemplateRef)(`chartCanvasRef`),g=(0,i.ref)(null),_=(0,i.ref)(!1),E=(0,i.computed)(()=>n.legendView===m.LIST&&!n.loading),D=(0,i.computed)(()=>[`s-ui-chart-pie`,{"s-ui-chart-pie--skeleton":n.loading,"s-ui-chart-pie--legend-list":E.value}]),O=(0,i.computed)(()=>n.loading?v:n.slices),k=e=>{let t=n.slices[e];t&&c(`sliceClick`,e,t)},A=e=>{g.value=e},j=r.t(`onSliceClick`),M=e=>{j()&&k(e)},N=(0,i.computed)(()=>!n.loading&&n.slices.length===0?null:h({sliceList:O.value,colorHostElement:f.value,skeleton:n.loading,formatValue:n.formatValue,formatBadge:n.formatBadge,showBadges:n.showBadges,onSliceClick:j()?k:void 0,onSliceHover:E.value?A:void 0})),P=(0,i.computed)(()=>O.value.map((e,t)=>({label:e.label,color:a(t,f.value,e.fillColor,n.loading)}))),F=(0,i.computed)(()=>n.legendLimit===void 0?0:Math.max(n.slices.length-n.legendLimit,0)),I=(0,i.computed)(()=>_.value||n.legendLimit===void 0?n.slices:n.slices.slice(0,n.legendLimit)),L=(0,i.computed)(()=>({expanded:_.value,hiddenCount:F.value})),R=(0,i.computed)(()=>_.value?`−`:`+${F.value}`),z=()=>{_.value=!_.value},B=(0,i.computed)(()=>I.value.map((e,t)=>{let r=g.value===t,i=g.value!==null&&!r,a={slice:e,index:t,active:r,muted:i};return{key:`${t}-${e.label}`,index:t,label:e.label,valueText:n.formatValue?n.formatValue(e.value):String(e.value),slotProps:a,role:j()?`button`:void 0,tabindex:j()?0:void 0,classes:[`s-ui-chart-pie__legend-row`,{"s-ui-chart-pie__legend-row--active":r,"s-ui-chart-pie__legend-row--muted":i,"s-ui-chart-pie__legend-row--clickable":j()}],swatchStyle:{backgroundColor:i?u:P.value[t]?.color}}})),{chartInstance:V}=e.n({canvasRef:p,config:N,enabled:(0,i.computed)(()=>n.loading||n.slices.length>0)}),{exportImage:H,handleLegendItemHover:U}=e.t({chartInstance:V,canvasRef:p,colorHostElement:f,legendDimKind:`element`}),W=e=>{E.value&&(g.value=e),U(e)};return o({exportImage:H}),(r,a)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:f,class:(0,i.normalizeClass)(D.value)},[(0,i.createElementVNode)(`div`,{class:`s-ui-chart-pie__canvas-wrap`,onMouseleave:a[0]||=e=>A(null)},[(0,i.createVNode)((0,i.unref)(e.C),{loading:n.loading,type:(0,i.unref)(d).PIE},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:p,class:`s-ui-chart-pie__canvas`},null,512)]),_:1},8,[`loading`,`type`]),(0,i.unref)(l).center&&!n.loading?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,y,[(0,i.renderSlot)(r.$slots,`center`)])):(0,i.createCommentVNode)(``,!0)],32),n.showLegend&&P.value.length?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[E.value?((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,{key:0,class:`s-ui-chart-pie__legend-list`,onMouseleave:a[1]||=e=>W(null)},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(B.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:e.key,class:(0,i.normalizeClass)(e.classes),role:e.role,tabindex:e.tabindex,onMouseenter:t=>W(e.index),onClick:t=>M(e.index),onKeydown:(0,i.withKeys)(t=>M(e.index),[`enter`])},[(0,i.createElementVNode)(`span`,x,[(0,i.createElementVNode)(`span`,{class:`s-ui-chart-pie__legend-swatch`,style:(0,i.normalizeStyle)(e.swatchStyle)},null,4)]),(0,i.createElementVNode)(`span`,S,[(0,i.renderSlot)(r.$slots,`legend-label`,(0,i.mergeProps)({ref_for:!0},e.slotProps),()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.label),1)])]),(0,i.createElementVNode)(`span`,C,(0,i.toDisplayString)(e.valueText),1)],42,b))),128)),F.value>0?((0,i.openBlock)(),(0,i.createElementBlock)(`li`,w,[(0,i.createElementVNode)(`button`,{type:`button`,class:`s-ui-chart-pie__legend-toggle`,"aria-expanded":_.value,onClick:z},[(0,i.renderSlot)(r.$slots,`legend-toggle`,(0,i.normalizeProps)((0,i.guardReactiveProps)(L.value)),()=>[(0,i.createTextVNode)((0,i.toDisplayString)(R.value),1)])],8,T)])):(0,i.createCommentVNode)(``,!0)],32)):((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(t.t),{key:1,items:P.value,disabled:n.loading,interactive:!n.loading,direction:`column`,onItemHover:W},null,8,[`items`,`disabled`,`interactive`]))],64)):(0,i.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return E}});

package/dist/{SChartPie-BiLoxutQ.js → SChartPie-Ebg7WSga.js}

@@ -1,14 +1,14 @@
-import { D as e, O as t, S as n, T as r, b as i, d as a, f as o, n as s, r as c, t as l, u, x as d } from "./useChartInteractivity-DygkiRA1.js";
-import { t as f } from "./SChartLegend-dDqLhvIj.js";
-import { t as p } from "./resolveSeriesPaletteColor-DoPeNP_F.js";
+import { A as e, C as t, D as n, S as r, f as i, k as a, m as o, n as s, p as c, r as l, t as u, w as d } from "./useChartInteractivity-sgbPZgcH.js";
+import { t as f } from "./SChartLegend-At0mMO09.js";
+import { t as p } from "./resolveSeriesPaletteColor-Bk52kyZo.js";
 import { t as m } from "./useHasListener-RSjlUyqH.js";
 import { Fragment as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createTextVNode as x, createVNode as S, defineComponent as C, guardReactiveProps as ee, mergeProps as w, normalizeClass as T, normalizeProps as te, normalizeStyle as E, openBlock as D, ref as O, renderList as k, renderSlot as A, toDisplayString as j, unref as M, useSlots as ne, useTemplateRef as N, withCtx as P, withKeys as F } from "vue";
 //#region src/utils/chart/pie/resolvePieSliceColor.ts
-var I = (n, i, a, o = !1) => p(n, i, a, o, {
-	palette: t,
-	paletteFallback: r.piePalette1,
-	skeletonPalette: e,
-	skeletonFallback: r.pieSkeletonPalette1
+var I = (t, r, i, o = !1) => p(t, r, i, o, {
+	palette: e,
+	paletteFallback: n.piePalette1,
+	skeletonPalette: a,
+	skeletonFallback: n.pieSkeletonPalette1
 }), L = (e) => ({
 	title: () => "",
 	label: (t) => {
@@ -20,15 +20,15 @@ var I = (n, i, a, o = !1) => p(n, i, a, o, {
 	e.beginPath(), e.moveTo(t + o, n), e.lineTo(t + r - o, n), e.arcTo(t + r, n, t + r, n + o, o), e.lineTo(t + r, n + i - o), e.arcTo(t + r, n + i, t + r - o, n + i, o), e.lineTo(t + o, n + i), e.arcTo(t, n + i, t, n + i - o, o), e.lineTo(t, n + o), e.arcTo(t, n, t + o, n, o), e.closePath();
 }, U = (e) => !("getCenterPoint" in e) || typeof e.getCenterPoint != "function" ? null : e.getCenterPoint(!1), W = (e, t) => ({
 	id: "pieSegmentBadge",
-	afterDatasetsDraw(n) {
-		let a = n.getDatasetMeta(0);
+	afterDatasetsDraw(i) {
+		let a = i.getDatasetMeta(0);
 		if (!a) return;
-		let o = i(r.pieBadgeBackground, e), s = i(r.pieBadgeBorder, e), c = i(r.pieBadgeText, e), { ctx: l } = n;
+		let o = r(n.pieBadgeBackground, e), s = r(n.pieBadgeBorder, e), c = r(n.pieBadgeText, e), { ctx: l } = i;
 		l.save(), l.font = V, l.textAlign = "center", l.textBaseline = "middle";
 		for (let e = 0; e < a.data.length; e += 1) {
-			let r = a.data[e], i = n.data.datasets[0]?.data[e], u = r ? U(r) : null;
-			if (r && typeof i == "number" && i > 0 && u) {
-				let e = t ? t(i) : `${i}`, n = l.measureText(e).width + R * 2;
+			let n = a.data[e], r = i.data.datasets[0]?.data[e], u = n ? U(n) : null;
+			if (n && typeof r == "number" && r > 0 && u) {
+				let e = t ? t(r) : `${r}`, n = l.measureText(e).width + R * 2;
 				H(l, u.x - n / 2, u.y - 20 / 2, n, 20, z), l.fillStyle = o, l.fill(), l.lineWidth = B, l.strokeStyle = s, l.stroke(), l.fillStyle = c, l.fillText(e, u.x, u.y);
 			}
 		}
@@ -36,11 +36,11 @@ var I = (n, i, a, o = !1) => p(n, i, a, o, {
 	}
 }), G = /* @__PURE__ */ function(e) {
 	return e.COMPACT = "compact", e.LIST = "list", e;
-}({}), K = ({ sliceList: e, colorHostElement: t, skeleton: n = !1, formatValue: s, formatBadge: l, showBadges: d = !0, onSliceClick: f, onSliceHover: p }) => {
+}({}), K = ({ sliceList: e, colorHostElement: t, skeleton: a = !1, formatValue: s, formatBadge: u, showBadges: d = !0, onSliceClick: f, onSliceHover: p }) => {
 	if (e.length === 0) return null;
-	let m = i(r.pieSegmentBorder, t), h = i(r.tooltipBackground, t), g = i(r.tooltipText, t), _ = e.map((e, r) => I(r, t, e.fillColor, n)), v = c({
+	let m = r(n.pieSegmentBorder, t), h = r(n.tooltipBackground, t), g = r(n.tooltipText, t), _ = e.map((e, n) => I(n, t, e.fillColor, a)), v = l({
 		kind: "element",
-		skeleton: n,
+		skeleton: a,
 		colorHostElement: t,
 		onIndexClick: f,
 		onHoverIndexChange: p
@@ -70,14 +70,14 @@ var I = (n, i, a, o = !1) => p(n, i, a, o, {
 			layout: { padding: 26 },
 			onHover: v.onHover,
 			onClick: v.onClick,
-			interaction: u(n, {
+			interaction: i(a, {
 				mode: "nearest",
 				intersect: !0
 			}),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: a(n),
+					enabled: c(a),
 					backgroundColor: h,
 					titleColor: g,
 					bodyColor: g,
@@ -86,7 +86,7 @@ var I = (n, i, a, o = !1) => p(n, i, a, o, {
 				}
 			}
 		},
-		plugins: o(n, [...d ? [W(t, l ?? s)] : [], ...v.plugins])
+		plugins: o(a, [...d ? [W(t, u ?? s)] : [], ...v.plugins])
 	};
 }, q = [
 	"Series 1",
@@ -146,8 +146,8 @@ var I = (n, i, a, o = !1) => p(n, i, a, o, {
 		legendLimit: {}
 	},
 	emits: ["sliceClick"],
-	setup(e, { expose: t, emit: i }) {
-		let a = i, o = ne(), c = `var(${r.fillMuted})`, u = n, p = N("chartRootRef"), C = N("chartCanvasRef"), L = O(null), R = O(!1), z = g(() => e.legendView === G.LIST && !e.loading), B = g(() => ["s-ui-chart-pie", {
+	setup(e, { expose: r, emit: i }) {
+		let a = i, o = ne(), c = `var(${n.fillMuted})`, l = d, p = N("chartRootRef"), C = N("chartCanvasRef"), L = O(null), R = O(!1), z = g(() => e.legendView === G.LIST && !e.loading), B = g(() => ["s-ui-chart-pie", {
 			"s-ui-chart-pie--skeleton": e.loading,
 			"s-ui-chart-pie--legend-list": z.value
 		}]), V = g(() => e.loading ? Y : e.slices), H = (t) => {
@@ -200,7 +200,7 @@ var I = (n, i, a, o = !1) => p(n, i, a, o, {
 			canvasRef: C,
 			config: J,
 			enabled: g(() => e.loading || e.slices.length > 0)
-		}), { exportImage: he, handleLegendItemHover: ge } = l({
+		}), { exportImage: he, handleLegendItemHover: ge } = u({
 			chartInstance: me,
 			canvasRef: C,
 			colorHostElement: p,
@@ -208,16 +208,16 @@ var I = (n, i, a, o = !1) => p(n, i, a, o, {
 		}), $ = (e) => {
 			z.value && (L.value = e), ge(e);
 		};
-		return t({ exportImage: he }), (t, n) => (D(), y("div", {
+		return r({ exportImage: he }), (n, r) => (D(), y("div", {
 			ref_key: "chartRootRef",
 			ref: p,
 			class: T(B.value)
 		}, [b("div", {
 			class: "s-ui-chart-pie__canvas-wrap",
-			onMouseleave: n[0] ||= (e) => U(null)
-		}, [S(M(d), {
+			onMouseleave: r[0] ||= (e) => U(null)
+		}, [S(M(t), {
 			loading: e.loading,
-			type: M(u).PIE
+			type: M(l).PIE
 		}, {
 			default: P(() => [b("canvas", {
 				ref_key: "chartCanvasRef",
@@ -225,10 +225,10 @@ var I = (n, i, a, o = !1) => p(n, i, a, o, {
 				class: "s-ui-chart-pie__canvas"
 			}, null, 512)]),
 			_: 1
-		}, 8, ["loading", "type"]), M(o).center && !e.loading ? (D(), y("div", X, [A(t.$slots, "center")])) : v("", !0)], 32), e.showLegend && Z.value.length ? (D(), y(h, { key: 0 }, [z.value ? (D(), y("ul", {
+		}, 8, ["loading", "type"]), M(o).center && !e.loading ? (D(), y("div", X, [A(n.$slots, "center")])) : v("", !0)], 32), e.showLegend && Z.value.length ? (D(), y(h, { key: 0 }, [z.value ? (D(), y("ul", {
 			key: 0,
 			class: "s-ui-chart-pie__legend-list",
-			onMouseleave: n[1] ||= (e) => $(null)
+			onMouseleave: r[1] ||= (e) => $(null)
 		}, [(D(!0), y(h, null, k(pe.value, (e) => (D(), y("li", {
 			key: e.key,
 			class: T(e.classes),
@@ -242,14 +242,14 @@ var I = (n, i, a, o = !1) => p(n, i, a, o, {
 				class: "s-ui-chart-pie__legend-swatch",
 				style: E(e.swatchStyle)
 			}, null, 4)]),
-			b("span", ae, [A(t.$slots, "legend-label", w({ ref_for: !0 }, e.slotProps), () => [x(j(e.label), 1)])]),
+			b("span", ae, [A(n.$slots, "legend-label", w({ ref_for: !0 }, e.slotProps), () => [x(j(e.label), 1)])]),
 			b("span", oe, j(e.valueText), 1)
 		], 42, re))), 128)), Q.value > 0 ? (D(), y("li", se, [b("button", {
 			type: "button",
 			class: "s-ui-chart-pie__legend-toggle",
 			"aria-expanded": R.value,
 			onClick: fe
-		}, [A(t.$slots, "legend-toggle", te(ee(ue.value)), () => [x(j(de.value), 1)])], 8, ce)])) : v("", !0)], 32)) : (D(), _(M(f), {
+		}, [A(n.$slots, "legend-toggle", te(ee(ue.value)), () => [x(j(de.value), 1)])], 8, ce)])) : v("", !0)], 32)) : (D(), _(M(f), {
 			key: 1,
 			items: Z.value,
 			disabled: e.loading,

package/dist/{SChartProgress-DSxJqRA0.js → SChartProgress-DRSh_taf.js}

@@ -1,4 +1,4 @@
-import { T as e, b as t, d as n, h as r, n as i, t as a, u as o, x as s } from "./useChartInteractivity-DygkiRA1.js";
+import { C as e, D as t, S as n, _ as r, f as i, n as a, p as o, t as s } from "./useChartInteractivity-sgbPZgcH.js";
 import { computed as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, unref as h, useTemplateRef as g, withCtx as _ } from "vue";
 var v = 4, y = 12, b = 24, x = (e) => {
 	let t = e <= 15;
@@ -14,12 +14,12 @@ var v = 4, y = 12, b = 24, x = (e) => {
 	mode: "nearest",
 	axis: "x",
 	intersect: !1
-}, C = .3, w = 1, T = ({ labels: i, progressValues: a, referenceValues: s, seriesLabel: c, valuePrefix: l, minValue: u, maxValue: d, stepSize: f, progressSnapshotCount: p, colorHostElement: m, skeleton: h = !1 }) => {
-	let g = t(e.axisLabel, m), _ = t(e.grid, m), v = t(h ? e.skeletonSeries : e.progressLine, m), y = t(h ? e.skeletonFillStart : e.referenceFill, m), b = t(e.tooltipBackground, m), T = t(e.tooltipText, m), E = C, D = x(p), O = S(p);
+}, C = .3, w = 1, T = ({ labels: e, progressValues: a, referenceValues: s, seriesLabel: c, valuePrefix: l, minValue: u, maxValue: d, stepSize: f, progressSnapshotCount: p, colorHostElement: m, skeleton: h = !1 }) => {
+	let g = n(t.axisLabel, m), _ = n(t.grid, m), v = n(h ? t.skeletonSeries : t.progressLine, m), y = n(h ? t.skeletonFillStart : t.referenceFill, m), b = n(t.tooltipBackground, m), T = n(t.tooltipText, m), E = C, D = x(p), O = S(p);
 	return {
 		type: "line",
 		data: {
-			labels: i,
+			labels: e,
 			datasets: [{
 				data: s,
 				borderColor: "transparent",
@@ -47,11 +47,11 @@ var v = 4, y = 12, b = 24, x = (e) => {
 		options: {
 			responsive: !0,
 			maintainAspectRatio: !1,
-			interaction: o(h, O),
+			interaction: i(h, O),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: n(h),
+					enabled: o(h),
 					backgroundColor: b,
 					titleColor: T,
 					bodyColor: T,
@@ -166,41 +166,41 @@ var v = 4, y = 12, b = 24, x = (e) => {
 			default: !1
 		}
 	},
-	setup(e, { expose: t }) {
-		let n = g("chartRootRef"), r = g("chartCanvasRef"), o = c(() => e.minValue ?? 0), f = c(() => e.maxValue ?? 100), v = c(() => e.prefix ?? "%"), y = c(() => e.loading ? k : e.progressSnapshots), b = c(() => O({
+	setup(t, { expose: n }) {
+		let r = g("chartRootRef"), i = g("chartCanvasRef"), o = c(() => t.minValue ?? 0), f = c(() => t.maxValue ?? 100), v = c(() => t.prefix ?? "%"), y = c(() => t.loading ? k : t.progressSnapshots), b = c(() => O({
 			progressSnapshots: y.value,
-			deadline: e.loading ? "2026-06-28" : e.deadline,
-			minValue: e.loading ? 0 : o.value,
-			maxValue: e.loading ? 100 : f.value
-		})), { chartInstance: x } = i({
-			canvasRef: r,
-			config: c(() => !e.loading && e.progressSnapshots.length === 0 ? null : T({
+			deadline: t.loading ? "2026-06-28" : t.deadline,
+			minValue: t.loading ? 0 : o.value,
+			maxValue: t.loading ? 100 : f.value
+		})), { chartInstance: x } = a({
+			canvasRef: i,
+			config: c(() => !t.loading && t.progressSnapshots.length === 0 ? null : T({
 				labels: b.value.labels,
 				progressValues: b.value.progressValues,
 				referenceValues: b.value.referenceValues,
-				seriesLabel: e.seriesLabel,
+				seriesLabel: t.seriesLabel,
 				valuePrefix: v.value,
 				minValue: b.value.minValue,
 				maxValue: b.value.maxValue,
-				stepSize: e.loading ? 25 : b.value.stepSize,
+				stepSize: t.loading ? 25 : b.value.stepSize,
 				progressSnapshotCount: b.value.progressSnapshotCount,
-				colorHostElement: n.value,
-				skeleton: e.loading
+				colorHostElement: r.value,
+				skeleton: t.loading
 			})),
-			enabled: c(() => e.loading || e.progressSnapshots.length > 0)
-		}), { exportImage: S } = a({
+			enabled: c(() => t.loading || t.progressSnapshots.length > 0)
+		}), { exportImage: S } = s({
 			chartInstance: x,
-			canvasRef: r,
-			colorHostElement: n
+			canvasRef: i,
+			colorHostElement: r
 		});
-		return t({ exportImage: S }), (t, i) => (m(), l("div", {
+		return n({ exportImage: S }), (n, a) => (m(), l("div", {
 			ref_key: "chartRootRef",
-			ref: n,
-			class: p(["s-ui-chart-progress", { "s-ui-chart-progress--skeleton": e.loading }])
-		}, [u("div", A, [d(h(s), { loading: e.loading }, {
+			ref: r,
+			class: p(["s-ui-chart-progress", { "s-ui-chart-progress--skeleton": t.loading }])
+		}, [u("div", A, [d(h(e), { loading: t.loading }, {
 			default: _(() => [u("canvas", {
 				ref_key: "chartCanvasRef",
-				ref: r,
+				ref: i,
 				class: "s-ui-chart-progress__canvas"
 			}, null, 512)]),
 			_: 1

package/dist/{SChartProgress-Cpdkad6Q.cjs → SChartProgress-DozBX6ve.cjs}

@@ -1 +1 @@
-const e=require("./useChartInteractivity-CaZ37kX-.cjs");let t=require("vue");var n=4,r=12,i=24,a=e=>{let t=e<=15;return{pointRadius:t?n:0,pointHoverRadius:n,pointHitRadius:t?r:i}},o=e=>e<=15?{mode:`nearest`,intersect:!0}:{mode:`nearest`,axis:`x`,intersect:!1},s=.3,c=1,l=({labels:t,progressValues:n,referenceValues:r,seriesLabel:i,valuePrefix:l,minValue:u,maxValue:d,stepSize:f,progressSnapshotCount:p,colorHostElement:m,skeleton:h=!1})=>{let g=e.b(e.T.axisLabel,m),_=e.b(e.T.grid,m),v=e.b(h?e.T.skeletonSeries:e.T.progressLine,m),y=e.b(h?e.T.skeletonFillStart:e.T.referenceFill,m),b=e.b(e.T.tooltipBackground,m),x=e.b(e.T.tooltipText,m),S=s,C=a(p),w=o(p);return{type:`line`,data:{labels:t,datasets:[{data:r,borderColor:`transparent`,backgroundColor:y,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,fill:`start`,order:0},{label:i,data:n,borderColor:v,backgroundColor:v,tension:S,pointRadius:C.pointRadius,pointHoverRadius:C.pointHoverRadius,pointHitRadius:C.pointHitRadius,pointBackgroundColor:v,pointBorderColor:v,fill:!1,order:1}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:e.u(h,w),plugins:{legend:{display:!1},tooltip:{enabled:e.d(h),backgroundColor:b,titleColor:x,bodyColor:x,position:e.h,filter:e=>e.datasetIndex===c,callbacks:{label:e=>{let t=e.parsed.y;return t===null?``:`${t}${l}`}}}},scales:{x:{type:`category`,border:{display:!1},grid:{color:_,drawTicks:!0},ticks:{color:g,font:{family:`var(--s-ui-font-family-label)`,size:10,weight:500},padding:8}},y:{type:`linear`,min:u,max:d,border:{display:!1},grid:{color:_,drawTicks:!0},ticks:{color:g,stepSize:f,callback:e=>`${e}${l}`,font:{family:`var(--s-ui-font-family-label)`,size:10,weight:500},padding:8}}}}}},u=e=>{let t=e.match(/^(\d{4})-(\d{2})-(\d{2})/);return t?`${t[3]}.${t[2]}.${t[1]}`:e},d=e=>Math.round(e*10)/10,f=({progressSnapshots:e,deadline:t=null,minValue:n=0,maxValue:r=100})=>{let i=e.map(e=>u(e.date)),a=e.map(e=>e.progress),o=t?u(t):null,s=a.length===1?[``,i[0]??``,``]:o?[...i,o]:i,c=a.length===1?[null,a[0]??null,null]:o?[...a,null]:a,l=s.length;return{labels:s,progressValues:c,referenceValues:l===0?[]:l===1?[n]:Array.from({length:l},(e,t)=>d(n+t*((r-n)/(l-1)))),minValue:n,maxValue:r,stepSize:d((r-n)/4),progressSnapshotCount:e.length}},p=[{date:`2025-11-01`,progress:20},{date:`2025-12-01`,progress:35},{date:`2026-01-01`,progress:42},{date:`2026-02-01`,progress:58},{date:`2026-03-01`,progress:71},{date:`2026-04-01`,progress:84}],m={class:`s-ui-chart-progress__canvas-wrap`},h=(0,t.defineComponent)({__name:`SChartProgress`,props:{progressSnapshots:{default:()=>[]},deadline:{default:null},minValue:{},maxValue:{},prefix:{},seriesLabel:{default:`Progress`},loading:{type:Boolean,default:!1}},setup(n,{expose:r}){let i=(0,t.useTemplateRef)(`chartRootRef`),a=(0,t.useTemplateRef)(`chartCanvasRef`),o=(0,t.computed)(()=>n.minValue??0),s=(0,t.computed)(()=>n.maxValue??100),c=(0,t.computed)(()=>n.prefix??`%`),u=(0,t.computed)(()=>n.loading?p:n.progressSnapshots),d=(0,t.computed)(()=>f({progressSnapshots:u.value,deadline:n.loading?`2026-06-28`:n.deadline,minValue:n.loading?0:o.value,maxValue:n.loading?100:s.value})),{chartInstance:h}=e.n({canvasRef:a,config:(0,t.computed)(()=>!n.loading&&n.progressSnapshots.length===0?null:l({labels:d.value.labels,progressValues:d.value.progressValues,referenceValues:d.value.referenceValues,seriesLabel:n.seriesLabel,valuePrefix:c.value,minValue:d.value.minValue,maxValue:d.value.maxValue,stepSize:n.loading?25:d.value.stepSize,progressSnapshotCount:d.value.progressSnapshotCount,colorHostElement:i.value,skeleton:n.loading})),enabled:(0,t.computed)(()=>n.loading||n.progressSnapshots.length>0)}),{exportImage:g}=e.t({chartInstance:h,canvasRef:a,colorHostElement:i});return r({exportImage:g}),(r,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:i,class:(0,t.normalizeClass)([`s-ui-chart-progress`,{"s-ui-chart-progress--skeleton":n.loading}])},[(0,t.createElementVNode)(`div`,m,[(0,t.createVNode)((0,t.unref)(e.x),{loading:n.loading},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:a,class:`s-ui-chart-progress__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
+const e=require("./useChartInteractivity-Yk7qEYgl.cjs");let t=require("vue");var n=4,r=12,i=24,a=e=>{let t=e<=15;return{pointRadius:t?n:0,pointHoverRadius:n,pointHitRadius:t?r:i}},o=e=>e<=15?{mode:`nearest`,intersect:!0}:{mode:`nearest`,axis:`x`,intersect:!1},s=.3,c=1,l=({labels:t,progressValues:n,referenceValues:r,seriesLabel:i,valuePrefix:l,minValue:u,maxValue:d,stepSize:f,progressSnapshotCount:p,colorHostElement:m,skeleton:h=!1})=>{let g=e.S(e.D.axisLabel,m),_=e.S(e.D.grid,m),v=e.S(h?e.D.skeletonSeries:e.D.progressLine,m),y=e.S(h?e.D.skeletonFillStart:e.D.referenceFill,m),b=e.S(e.D.tooltipBackground,m),x=e.S(e.D.tooltipText,m),S=s,C=a(p),w=o(p);return{type:`line`,data:{labels:t,datasets:[{data:r,borderColor:`transparent`,backgroundColor:y,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,fill:`start`,order:0},{label:i,data:n,borderColor:v,backgroundColor:v,tension:S,pointRadius:C.pointRadius,pointHoverRadius:C.pointHoverRadius,pointHitRadius:C.pointHitRadius,pointBackgroundColor:v,pointBorderColor:v,fill:!1,order:1}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:e.f(h,w),plugins:{legend:{display:!1},tooltip:{enabled:e.p(h),backgroundColor:b,titleColor:x,bodyColor:x,position:e._,filter:e=>e.datasetIndex===c,callbacks:{label:e=>{let t=e.parsed.y;return t===null?``:`${t}${l}`}}}},scales:{x:{type:`category`,border:{display:!1},grid:{color:_,drawTicks:!0},ticks:{color:g,font:{family:`var(--s-ui-font-family-label)`,size:10,weight:500},padding:8}},y:{type:`linear`,min:u,max:d,border:{display:!1},grid:{color:_,drawTicks:!0},ticks:{color:g,stepSize:f,callback:e=>`${e}${l}`,font:{family:`var(--s-ui-font-family-label)`,size:10,weight:500},padding:8}}}}}},u=e=>{let t=e.match(/^(\d{4})-(\d{2})-(\d{2})/);return t?`${t[3]}.${t[2]}.${t[1]}`:e},d=e=>Math.round(e*10)/10,f=({progressSnapshots:e,deadline:t=null,minValue:n=0,maxValue:r=100})=>{let i=e.map(e=>u(e.date)),a=e.map(e=>e.progress),o=t?u(t):null,s=a.length===1?[``,i[0]??``,``]:o?[...i,o]:i,c=a.length===1?[null,a[0]??null,null]:o?[...a,null]:a,l=s.length;return{labels:s,progressValues:c,referenceValues:l===0?[]:l===1?[n]:Array.from({length:l},(e,t)=>d(n+t*((r-n)/(l-1)))),minValue:n,maxValue:r,stepSize:d((r-n)/4),progressSnapshotCount:e.length}},p=[{date:`2025-11-01`,progress:20},{date:`2025-12-01`,progress:35},{date:`2026-01-01`,progress:42},{date:`2026-02-01`,progress:58},{date:`2026-03-01`,progress:71},{date:`2026-04-01`,progress:84}],m={class:`s-ui-chart-progress__canvas-wrap`},h=(0,t.defineComponent)({__name:`SChartProgress`,props:{progressSnapshots:{default:()=>[]},deadline:{default:null},minValue:{},maxValue:{},prefix:{},seriesLabel:{default:`Progress`},loading:{type:Boolean,default:!1}},setup(n,{expose:r}){let i=(0,t.useTemplateRef)(`chartRootRef`),a=(0,t.useTemplateRef)(`chartCanvasRef`),o=(0,t.computed)(()=>n.minValue??0),s=(0,t.computed)(()=>n.maxValue??100),c=(0,t.computed)(()=>n.prefix??`%`),u=(0,t.computed)(()=>n.loading?p:n.progressSnapshots),d=(0,t.computed)(()=>f({progressSnapshots:u.value,deadline:n.loading?`2026-06-28`:n.deadline,minValue:n.loading?0:o.value,maxValue:n.loading?100:s.value})),{chartInstance:h}=e.n({canvasRef:a,config:(0,t.computed)(()=>!n.loading&&n.progressSnapshots.length===0?null:l({labels:d.value.labels,progressValues:d.value.progressValues,referenceValues:d.value.referenceValues,seriesLabel:n.seriesLabel,valuePrefix:c.value,minValue:d.value.minValue,maxValue:d.value.maxValue,stepSize:n.loading?25:d.value.stepSize,progressSnapshotCount:d.value.progressSnapshotCount,colorHostElement:i.value,skeleton:n.loading})),enabled:(0,t.computed)(()=>n.loading||n.progressSnapshots.length>0)}),{exportImage:g}=e.t({chartInstance:h,canvasRef:a,colorHostElement:i});return r({exportImage:g}),(r,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:i,class:(0,t.normalizeClass)([`s-ui-chart-progress`,{"s-ui-chart-progress--skeleton":n.loading}])},[(0,t.createElementVNode)(`div`,m,[(0,t.createVNode)((0,t.unref)(e.C),{loading:n.loading},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:a,class:`s-ui-chart-progress__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/dist/SChartScatter-DilWNoz0.cjs

@@ -0,0 +1 @@
+const e=require("./useChartInteractivity-Yk7qEYgl.cjs"),t=require("./SChartLegend-DQMLr6yV.cjs"),n=require("./resolveCssColorValue-D3fS-cK8.cjs"),r=require("./buildCartesianChartScales-Dck5yBMo.cjs"),i=require("./buildChartMirrorScale-CBUIRPYX.cjs"),a=require("./splitChartAxisLabel-DAmQOJn6.cjs"),o=require("./useHasListener-BPgtbbo6.cjs");let s=require("vue");var c=5,l=6,u=7,d=1,f=1440*60*1e3,p=/^(\d{4})-(\d{2})-(\d{2})$/,m=e=>{let t=p.exec(e);if(!t)return new Date(e).getTime();let[,n,r,i]=t;return new Date(Number(n),Number(r)-1,Number(i)).getTime()},h=e=>String(e).padStart(2,`0`),g=e=>{let t=new Date(e);return`${t.getFullYear()}-${h(t.getMonth()+1)}-${h(t.getDate())}`},_=(e,t)=>e.reduce((e,n)=>e===void 0?n:t(e,n),void 0),v=(e,t,n)=>{let r=t?m(t):void 0,i=n?m(n):void 0,a=r??_(e,Math.min)??i,o=i??_(e,Math.max)??r;return a===void 0||o===void 0||!Number.isFinite(a)||!Number.isFinite(o)?null:a===o?{minTime:a-f,maxTime:o+f}:{minTime:a,maxTime:o}},y=(e,t,n)=>{if(n!==void 0)return n;let r=e.reduce((e,t)=>Math.max(e,t),0);return Math.max(Math.ceil(r/t)*t,t)},b=({points:t,categories:o,referenceLines:s,colorHostElement:f,xMin:p,xMax:h,xTicks:_,formatXTick:b,yMax:x,yStep:S=c,mirrorYAxis:C=!1,skeleton:w=!1,formatTooltip:T,onPointClick:E})=>{let D=t.map(e=>m(e.x)),O=v(D,p,h);if(!O)return null;let{minTime:k,maxTime:A}=O,j=e.S(e.D.axisLabel,f),M=e.S(e.D.grid,f),N=e.S(e.D.tooltipBackground,f),P=e.S(e.D.tooltipText,f),F=e.S(e.D.skeletonSeries,f),I=y([...t.map(e=>e.y),...s.map(e=>e.value)],S,x),L=o.map((e,n)=>t.flatMap((e,t)=>e.category===n?[t]:[])),R=o.map((e,r)=>{let i=w?F:n.t(e.color,f);return{type:`scatter`,label:e.label,data:(L[r]??[]).map(e=>({x:D[e]??0,y:t[e]?.y??0})),backgroundColor:i,hoverBackgroundColor:i,borderWidth:0,pointRadius:l,pointHoverRadius:u}}),z=s.map(e=>{let t=n.t(e.color,f);return{type:`scatter`,label:e.label,showLine:!0,data:[{x:k,y:e.value},{x:A,y:e.value}],borderColor:t,hoverBorderColor:t,borderWidth:d,pointRadius:0,pointHoverRadius:0,pointHitRadius:0}}),B=e.r({kind:`segment`,skeleton:w,colorHostElement:f,onElementIndexClick:E?(e,t)=>{let n=L[t]?.[e];n!==void 0&&E(n)}:void 0}),V=r.t({axisLabelColor:j,gridColor:M,yMin:0,yMax:I,yStep:S}),H=_?.map(m),U={...V.x,type:`linear`,min:k,max:A,grid:{color:M,drawTicks:!1},...H?{afterBuildTicks:e=>{e.ticks=H.map(e=>({value:e}))}}:{},ticks:{...V.x.ticks,callback:e=>{let t=g(Number(e));return b?a.t(b(t)):t}}},W=C?{[i.t]:i.n({min:0,max:I,tickOptions:{ticks:V.y.ticks}})}:{},G=e=>{let n=L[e.datasetIndex]?.[e.dataIndex];if(n===void 0||!T)return[];let r=t[n];return r?T(r,n):[]};return{type:`scatter`,data:{datasets:[...R,...z]},options:{responsive:!0,maintainAspectRatio:!1,onHover:B.onHover,onClick:B.onClick,interaction:e.f(w,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.p(w)&&T!==void 0,backgroundColor:N,titleColor:P,bodyColor:P,displayColors:!1,filter:e=>e.datasetIndex<o.length,callbacks:{title:()=>[],label:G}}},scales:{...V,x:U,...W}},plugins:e.m(w,B.plugins)}},x=[{label:``,color:``}],S=[14,8,3,6,4,11,9,3,7,5].map((e,t)=>({x:`2026-02-${String(10+t*2).padStart(2,`0`)}`,y:e,category:0})),C={class:`s-ui-chart-scatter__canvas-wrap`},w=(0,s.defineComponent)({__name:`SChartScatter`,props:{points:{default:()=>[]},categories:{default:()=>[]},referenceLines:{default:()=>[]},xMin:{},xMax:{},xTicks:{},formatXTick:{type:Function},yMax:{},yStep:{},mirrorYAxis:{type:Boolean,default:!1},formatTooltip:{type:Function},loading:{type:Boolean,default:!1}},emits:[`pointClick`],setup(r,{expose:i,emit:a}){let c=a,l=(0,s.useTemplateRef)(`chartRootRef`),u=(0,s.useTemplateRef)(`chartCanvasRef`),d=o.t(`onPointClick`),f=e=>{let t=r.points[e];t&&c(`pointClick`,e,t)},p=(0,s.computed)(()=>b({points:r.loading?S:r.points,categories:r.loading?x:r.categories,referenceLines:r.loading?[]:r.referenceLines,colorHostElement:l.value,xMin:r.loading?void 0:r.xMin,xMax:r.loading?void 0:r.xMax,xTicks:r.loading?void 0:r.xTicks,formatXTick:r.loading?void 0:r.formatXTick,yMax:r.loading?25:r.yMax,yStep:r.yStep,mirrorYAxis:r.loading?!1:r.mirrorYAxis,skeleton:r.loading,formatTooltip:r.loading?void 0:r.formatTooltip,onPointClick:d()?f:void 0})),m=(0,s.computed)(()=>r.loading?[]:[...r.categories.map(e=>({label:e.label,color:n.t(e.color,l.value)})),...r.referenceLines.map(e=>({label:e.label,color:n.t(e.color,l.value),marker:`line`}))]),{chartInstance:h}=e.n({canvasRef:u,config:p,enabled:(0,s.computed)(()=>r.loading||r.points.length>0||!!r.xMin)}),{exportImage:g,handleLegendItemHover:_}=e.t({chartInstance:h,canvasRef:u,colorHostElement:l});return i({exportImage:g}),(n,i)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:l,class:(0,s.normalizeClass)([`s-ui-chart-scatter`,{"s-ui-chart-scatter--skeleton":r.loading}])},[(0,s.createElementVNode)(`div`,C,[(0,s.createVNode)((0,s.unref)(e.C),{loading:r.loading},{default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:u,class:`s-ui-chart-scatter__canvas`},null,512)]),_:1},8,[`loading`])]),m.value.length?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(t.t),{key:0,items:m.value,disabled:r.loading,interactive:!r.loading,onItemHover:(0,s.unref)(_)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,s.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return w}});