@shtabapp/ui-kit 1.73.0 → 1.75.0

package/dist/SChartMultiLine-CG6dKmWm.js

@@ -1,244 +0,0 @@
-import { t as e } from "./SChartLegend-oZoF8XK7.js";
-import { C as t, E as n, T as r, a as i, b as a, c as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, y as g } from "./useChartInteractivity-Cl06JL4l.js";
-import { t as _ } from "./resolveChartValueRange-DZybnmaX.js";
-import { n as v, t as y } from "./createChartMarkersPlugin-DkXituwE.js";
-import { t as b } from "./areChartSeriesAligned-DjonrIMm.js";
-import { t as x } from "./createChartCrosshairPlugin-C2NUAO5s.js";
-import { t as S } from "./resolveSeriesPaletteColor-B7wHDj1L.js";
-import { t as C } from "./buildMultiLineChartScales-CFZ8YVeJ.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, n, r, i = !1) => S(e, n, r, i, {
-	palette: a,
-	paletteFallback: g.multiLinePalette1,
-	skeletonPalette: t,
-	skeletonFallback: g.skeletonPalette1
-}), V = 3, H = .4, U = 4, W = 5, G = [8, 8], K = 16, q = "--s-ui-chart-multi-line-danger-fill", J = (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
-	});
-}, Y = (e, t, n) => t ? {
-	target: { value: 0 },
-	...e ? {} : { above: s },
-	below: n
-} : e ? "origin" : !1, X = ({ seriesList: e, colorHostElement: t, yMax: n, yMin: a, yStep: u = W, mirrorYAxis: h = !0, straightSegments: _ = !1, zeroLine: S = !1, dangerBelowZero: w = !1, markers: T = [], skeleton: E = !1, onSeriesClick: D }) => {
-	if (!b(e)) return null;
-	let O = r(g.axisLabel, t), k = r(g.grid, t), A = r(q, t), j = r(g.tooltipBackground, t), M = r(g.tooltipText, t), N = J(e, a, n, u, E), P = e[0]?.points.map((e) => e.label) ?? [], F = p({
-		kind: "series",
-		skeleton: E,
-		colorHostElement: t,
-		onIndexClick: D
-	});
-	return {
-		type: "line",
-		data: {
-			labels: P,
-			datasets: e.map((e, n) => {
-				let r = B(n, t, e.fillColor, E), a = !!e.area && !E, o = w && n === 0 && !E, c = a ? (e) => d(e, r, s, i) : 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: U,
-					...e.dashed && !E ? { borderDash: G } : {},
-					fill: Y(a, o, A),
-					pointRadius: _ && !E ? V : 0,
-					pointHoverRadius: 4,
-					tension: _ ? 0 : H
-				};
-			})
-		},
-		options: {
-			responsive: !0,
-			maintainAspectRatio: !1,
-			layout: { padding: { top: T.length > 0 ? K : 0 } },
-			onHover: F.onHover,
-			onClick: F.onClick,
-			interaction: m(E, {
-				mode: "index",
-				intersect: !1
-			}),
-			hover: E ? void 0 : {
-				mode: "nearest",
-				intersect: !1
-			},
-			plugins: {
-				legend: { display: !1 },
-				tooltip: {
-					enabled: o(E),
-					backgroundColor: j,
-					titleColor: M,
-					bodyColor: M,
-					footerColor: M,
-					displayColors: !1,
-					position: f,
-					yAlign: "bottom",
-					xAlign: "center",
-					caretPadding: 8,
-					callbacks: l()
-				}
-			},
-			scales: C({
-				axisLabelColor: O,
-				gridColor: k,
-				yMin: N.min,
-				yMax: N.max,
-				yStep: u,
-				mirrorYAxis: h
-			})
-		},
-		plugins: c(E, [
-			...S ? [v(t)] : [],
-			x(t),
-			...T.length > 0 ? [y({ markers: T }, t)] : [],
-			...F.plugins
-		])
-	};
-}, Z = [
-	"26.01",
-	"2.02",
-	"9.02",
-	"16.02",
-	"23.02",
-	"2.03",
-	"9.03",
-	"16.03",
-	"23.03",
-	"30.03",
-	"6.04"
-], Q = [{
-	label: "Series 1",
-	points: T(Z, [
-		30,
-		34,
-		38,
-		44,
-		46,
-		50,
-		54,
-		56,
-		58,
-		60,
-		62
-	])
-}, {
-	label: "Series 2",
-	points: T(Z, [
-		22,
-		24,
-		26,
-		28,
-		30,
-		32,
-		33,
-		35,
-		36,
-		38,
-		40
-	])
-}], $ = { class: "s-ui-chart-multi-line__canvas-wrap" }, ee = /* @__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: {}
-	},
-	emits: ["seriesClick"],
-	setup(t, { expose: r, emit: i }) {
-		let a = i, o = R("chartRootRef"), s = R("chartCanvasRef"), c = D(() => t.loading ? Q : t.series), l = (e) => {
-			let n = t.series[e];
-			n && a("seriesClick", e, n);
-		}, d = E("onSeriesClick"), f = D(() => {
-			if (t.height !== void 0) return { "--s-ui-chart-multi-line-viewport-height": typeof t.height == "number" ? `${t.height}px` : t.height };
-		}), p = D(() => !t.loading && t.series.length === 0 ? null : X({
-			seriesList: c.value,
-			colorHostElement: o.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,
-			onSeriesClick: d() ? l : void 0
-		})), m = D(() => w(c.value, (e, n) => B(e, o.value, n, t.loading))), { chartInstance: g } = u({
-			canvasRef: s,
-			config: p,
-			enabled: D(() => t.loading || t.series.length > 0)
-		}), { exportImage: _, handleLegendItemHover: v } = h({
-			chartInstance: g,
-			canvasRef: s,
-			colorHostElement: o
-		});
-		return r({ exportImage: _ }), (r, i) => (I(), A("div", {
-			ref_key: "chartRootRef",
-			ref: o,
-			class: P(["s-ui-chart-multi-line", { "s-ui-chart-multi-line--skeleton": t.loading }]),
-			style: F(f.value)
-		}, [j("div", $, [M(L(n), { loading: t.loading }, {
-			default: z(() => [j("canvas", {
-				ref_key: "chartCanvasRef",
-				ref: s,
-				class: "s-ui-chart-multi-line__canvas"
-			}, null, 512)]),
-			_: 1
-		}, 8, ["loading"])]), t.showLegend && m.value.length ? (I(), O(L(e), {
-			key: 0,
-			items: m.value,
-			disabled: t.loading,
-			interactive: !t.loading,
-			onItemHover: L(v)
-		}, null, 8, [
-			"items",
-			"disabled",
-			"interactive",
-			"onItemHover"
-		])) : k("", !0)], 6));
-	}
-});
-//#endregion
-export { ee as t };

package/dist/SChartMultiLine-vz7JdyA3.cjs

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

package/dist/SChartPie-0ugeo2fO.js

@@ -1,182 +0,0 @@
-import { t as e } from "./SChartLegend-oZoF8XK7.js";
-import { D as t, E as n, S as r, T as i, c as a, l as o, n as s, r as c, s as l, t as u, x as d, y as f } from "./useChartInteractivity-Cl06JL4l.js";
-import { t as p } from "./resolveSeriesPaletteColor-B7wHDj1L.js";
-import { t as m } from "./useHasListener-RSjlUyqH.js";
-import { computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createVNode as b, defineComponent as x, normalizeClass as S, openBlock as C, unref as w, useTemplateRef as T, withCtx as E } from "vue";
-//#region src/utils/chart/pie/resolvePieSliceColor.ts
-var D = (e, t, n, i = !1) => p(e, t, n, i, {
-	palette: r,
-	paletteFallback: f.piePalette1,
-	skeletonPalette: d,
-	skeletonFallback: f.pieSkeletonPalette1
-}), O = (e) => ({
-	title: () => "",
-	label: (t) => {
-		let n = t.label ?? "", r = t.parsed ?? 0;
-		return `${n} – ${e ? e(r) : `${r}`}`;
-	}
-}), k = 4, A = 4, j = 1, M = "400 12px var(--s-ui-font-family-label)", N = (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();
-}, P = (e) => !("getCenterPoint" in e) || typeof e.getCenterPoint != "function" ? null : e.getCenterPoint(!1), F = (e, t) => ({
-	id: "pieSegmentBadge",
-	afterDatasetsDraw(n) {
-		let r = n.getDatasetMeta(0);
-		if (!r) return;
-		let a = i(f.pieBadgeBackground, e), o = i(f.pieBadgeBorder, e), s = i(f.pieBadgeText, e), { ctx: c } = n;
-		c.save(), c.font = M, c.textAlign = "center", c.textBaseline = "middle";
-		for (let e = 0; e < r.data.length; e += 1) {
-			let i = r.data[e], l = n.data.datasets[0]?.data[e], u = i ? P(i) : null;
-			if (i && typeof l == "number" && l > 0 && u) {
-				let e = t ? t(l) : `${l}`, n = c.measureText(e).width + k * 2;
-				N(c, u.x - n / 2, u.y - 20 / 2, n, 20, A), c.fillStyle = a, c.fill(), c.lineWidth = j, c.strokeStyle = o, c.stroke(), c.fillStyle = s, c.fillText(e, u.x, u.y);
-			}
-		}
-		c.restore();
-	}
-}), I = ({ sliceList: e, colorHostElement: t, skeleton: n = !1, formatValue: r, showBadges: s = !0, onSliceClick: u }) => {
-	if (e.length === 0) return null;
-	let d = i(f.pieSegmentBorder, t), p = i(f.tooltipBackground, t), m = i(f.tooltipText, t), h = e.map((e, r) => D(r, t, e.fillColor, n)), g = c({
-		kind: "element",
-		skeleton: n,
-		colorHostElement: t,
-		onIndexClick: u
-	});
-	return {
-		type: "pie",
-		data: {
-			labels: e.map((e) => e.label),
-			datasets: [{
-				data: e.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: l(n, {
-				mode: "nearest",
-				intersect: !0
-			}),
-			plugins: {
-				legend: { display: !1 },
-				tooltip: {
-					enabled: a(n),
-					backgroundColor: p,
-					titleColor: m,
-					bodyColor: m,
-					displayColors: !1,
-					callbacks: O(r)
-				}
-			}
-		},
-		plugins: o(n, [...s ? [F(t, r)] : [], ...g.plugins])
-	};
-}, L = [
-	"Series 1",
-	"Series 2",
-	"Series 3",
-	"Series 4",
-	"Series 5",
-	"Series 6",
-	"Series 7",
-	"Series 8"
-], R = [
-	4,
-	1,
-	1,
-	1,
-	1,
-	1,
-	1,
-	1
-], z = L.map((e, t) => ({
-	label: e,
-	value: R[t] ?? 1
-})), B = { class: "s-ui-chart-pie__canvas-wrap" }, V = /* @__PURE__ */ x({
-	__name: "SChartPie",
-	props: {
-		slices: { default: () => [] },
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		showLegend: {
-			type: Boolean,
-			default: !0
-		},
-		formatValue: { type: Function },
-		showBadges: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: ["sliceClick"],
-	setup(r, { expose: i, emit: a }) {
-		let o = a, c = t, l = T("chartRootRef"), d = T("chartCanvasRef"), f = h(() => r.loading ? z : r.slices), p = (e) => {
-			let t = r.slices[e];
-			t && o("sliceClick", e, t);
-		}, x = m("onSliceClick"), O = h(() => !r.loading && r.slices.length === 0 ? null : I({
-			sliceList: f.value,
-			colorHostElement: l.value,
-			skeleton: r.loading,
-			formatValue: r.formatValue,
-			showBadges: r.showBadges,
-			onSliceClick: x() ? p : void 0
-		})), k = h(() => f.value.map((e, t) => ({
-			label: e.label,
-			color: D(t, l.value, e.fillColor, r.loading)
-		}))), { chartInstance: A } = s({
-			canvasRef: d,
-			config: O,
-			enabled: h(() => r.loading || r.slices.length > 0)
-		}), { exportImage: j, handleLegendItemHover: M } = u({
-			chartInstance: A,
-			canvasRef: d,
-			colorHostElement: l,
-			legendDimKind: "element"
-		});
-		return i({ exportImage: j }), (t, i) => (C(), v("div", {
-			ref_key: "chartRootRef",
-			ref: l,
-			class: S(["s-ui-chart-pie", { "s-ui-chart-pie--skeleton": r.loading }])
-		}, [y("div", B, [b(w(n), {
-			loading: r.loading,
-			type: w(c).PIE
-		}, {
-			default: E(() => [y("canvas", {
-				ref_key: "chartCanvasRef",
-				ref: d,
-				class: "s-ui-chart-pie__canvas"
-			}, null, 512)]),
-			_: 1
-		}, 8, ["loading", "type"])]), r.showLegend && k.value.length ? (C(), g(w(e), {
-			key: 0,
-			items: k.value,
-			disabled: r.loading,
-			interactive: !r.loading,
-			direction: "column",
-			onItemHover: w(M)
-		}, null, 8, [
-			"items",
-			"disabled",
-			"interactive",
-			"onItemHover"
-		])) : _("", !0)], 2));
-	}
-});
-//#endregion
-export { V as t };

package/dist/SChartPie-QpnxLQYv.cjs

@@ -1 +0,0 @@
-const e=require("./SChartLegend-DGtjd6zV.cjs"),t=require("./useChartInteractivity-LbJiqlvI.cjs"),n=require("./resolveSeriesPaletteColor-D0XlU5vT.cjs"),r=require("./useHasListener-BPgtbbo6.cjs");let i=require("vue");var a=(e,r,i,a=!1)=>n.t(e,r,i,a,{palette:t.S,paletteFallback:t.y.piePalette1,skeletonPalette:t.x,skeletonFallback:t.y.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=(e,n)=>({id:`pieSegmentBadge`,afterDatasetsDraw(r){let i=r.getDatasetMeta(0);if(!i)return;let a=t.T(t.y.pieBadgeBackground,e),o=t.T(t.y.pieBadgeBorder,e),p=t.T(t.y.pieBadgeText,e),{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=({sliceList:e,colorHostElement:n,skeleton:r=!1,formatValue:i,showBadges:s=!0,onSliceClick:c})=>{if(e.length===0)return null;let l=t.T(t.y.pieSegmentBorder,n),u=t.T(t.y.tooltipBackground,n),d=t.T(t.y.tooltipText,n),f=e.map((e,t)=>a(t,n,e.fillColor,r)),m=t.r({kind:`element`,skeleton:r,colorHostElement:n,onIndexClick:c});return{type:`pie`,data:{labels:e.map(e=>e.label),datasets:[{data:e.map(e=>e.value),backgroundColor:f,hoverBackgroundColor:f,borderColor:l,hoverBorderColor:l,borderWidth:4,hoverBorderWidth:4,hoverOffset:26,spacing:0,borderRadius:8}]},options:{responsive:!0,maintainAspectRatio:!0,cutout:`58%`,rotation:115,layout:{padding:26},onHover:m.onHover,onClick:m.onClick,interaction:t.s(r,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:t.c(r),backgroundColor:u,titleColor:d,bodyColor:d,displayColors:!1,callbacks:o(i)}}},plugins:t.l(r,[...s?[p(n,i)]:[],...m.plugins])}},h=[`Series 1`,`Series 2`,`Series 3`,`Series 4`,`Series 5`,`Series 6`,`Series 7`,`Series 8`],g=[4,1,1,1,1,1,1,1],_=h.map((e,t)=>({label:e,value:g[t]??1})),v={class:`s-ui-chart-pie__canvas-wrap`},y=(0,i.defineComponent)({__name:`SChartPie`,props:{slices:{default:()=>[]},loading:{type:Boolean,default:!1},showLegend:{type:Boolean,default:!0},formatValue:{type:Function},showBadges:{type:Boolean,default:!0}},emits:[`sliceClick`],setup(n,{expose:o,emit:s}){let c=s,l=t.D,u=(0,i.useTemplateRef)(`chartRootRef`),d=(0,i.useTemplateRef)(`chartCanvasRef`),f=(0,i.computed)(()=>n.loading?_:n.slices),p=e=>{let t=n.slices[e];t&&c(`sliceClick`,e,t)},h=r.t(`onSliceClick`),g=(0,i.computed)(()=>!n.loading&&n.slices.length===0?null:m({sliceList:f.value,colorHostElement:u.value,skeleton:n.loading,formatValue:n.formatValue,showBadges:n.showBadges,onSliceClick:h()?p:void 0})),y=(0,i.computed)(()=>f.value.map((e,t)=>({label:e.label,color:a(t,u.value,e.fillColor,n.loading)}))),{chartInstance:b}=t.n({canvasRef:d,config:g,enabled:(0,i.computed)(()=>n.loading||n.slices.length>0)}),{exportImage:x,handleLegendItemHover:S}=t.t({chartInstance:b,canvasRef:d,colorHostElement:u,legendDimKind:`element`});return o({exportImage:x}),(r,a)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:u,class:(0,i.normalizeClass)([`s-ui-chart-pie`,{"s-ui-chart-pie--skeleton":n.loading}])},[(0,i.createElementVNode)(`div`,v,[(0,i.createVNode)((0,i.unref)(t.E),{loading:n.loading,type:(0,i.unref)(l).PIE},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:d,class:`s-ui-chart-pie__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),n.showLegend&&y.value.length?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(e.t),{key:0,items:y.value,disabled:n.loading,interactive:!n.loading,direction:`column`,onItemHover:(0,i.unref)(S)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,i.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});