@shtabapp/ui-kit 1.85.0 → 1.85.2

package/dist/SChartMultiLine-C4jjmLEb.js

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

@@ -1 +0,0 @@
-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-Ddk8r-_I.cjs

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

@@ -1,267 +0,0 @@
-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 = (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) => {
-		let n = t.label ?? "", r = t.parsed ?? 0;
-		return `${n} – ${e ? e(r) : `${r}`}`;
-	}
-}), R = 4, z = 4, B = 1, V = "400 12px var(--s-ui-font-family-label)", H = (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();
-}, U = (e) => !("getCenterPoint" in e) || typeof e.getCenterPoint != "function" ? null : e.getCenterPoint(!1), W = (e, t) => ({
-	id: "pieSegmentBadge",
-	afterDatasetsDraw(i) {
-		let a = i.getDatasetMeta(0);
-		if (!a) return;
-		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 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);
-			}
-		}
-		l.restore();
-	}
-}), G = /* @__PURE__ */ function(e) {
-	return e.COMPACT = "compact", e.LIST = "list", e;
-}({}), 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 = 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: a,
-		colorHostElement: t,
-		onIndexClick: f,
-		onHoverIndexChange: p
-	});
-	return {
-		type: "pie",
-		data: {
-			labels: e.map((e) => e.label),
-			datasets: [{
-				data: e.map((e) => e.value),
-				backgroundColor: _,
-				hoverBackgroundColor: _,
-				borderColor: m,
-				hoverBorderColor: m,
-				borderWidth: 4,
-				hoverBorderWidth: 4,
-				hoverOffset: 26,
-				spacing: 0,
-				borderRadius: 8
-			}]
-		},
-		options: {
-			responsive: !0,
-			maintainAspectRatio: !0,
-			cutout: "58%",
-			rotation: 115,
-			layout: { padding: 26 },
-			onHover: v.onHover,
-			onClick: v.onClick,
-			interaction: i(a, {
-				mode: "nearest",
-				intersect: !0
-			}),
-			plugins: {
-				legend: { display: !1 },
-				tooltip: {
-					enabled: c(a),
-					backgroundColor: h,
-					titleColor: g,
-					bodyColor: g,
-					displayColors: !1,
-					callbacks: L(s)
-				}
-			}
-		},
-		plugins: o(a, [...d ? [W(t, u ?? s)] : [], ...v.plugins])
-	};
-}, q = [
-	"Series 1",
-	"Series 2",
-	"Series 3",
-	"Series 4",
-	"Series 5",
-	"Series 6",
-	"Series 7",
-	"Series 8"
-], J = [
-	4,
-	1,
-	1,
-	1,
-	1,
-	1,
-	1,
-	1
-], Y = q.map((e, t) => ({
-	label: e,
-	value: J[t] ?? 1
-})), X = {
-	key: 0,
-	class: "s-ui-chart-pie__center"
-}, re = [
-	"role",
-	"tabindex",
-	"onMouseenter",
-	"onClick",
-	"onKeydown"
-], ie = {
-	class: "s-ui-chart-pie__legend-swatch-slot",
-	"aria-hidden": "true"
-}, ae = { class: "s-ui-chart-pie__legend-label" }, oe = { class: "s-ui-chart-pie__legend-value" }, se = {
-	key: 0,
-	class: "s-ui-chart-pie__legend-toggle-row"
-}, ce = ["aria-expanded"], Z = /* @__PURE__ */ C({
-	__name: "SChartPie",
-	props: {
-		slices: { default: () => [] },
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		showLegend: {
-			type: Boolean,
-			default: !0
-		},
-		legendView: { default: () => G.COMPACT },
-		formatValue: { type: Function },
-		showBadges: {
-			type: Boolean,
-			default: !0
-		},
-		formatBadge: { type: Function },
-		legendLimit: {}
-	},
-	emits: ["sliceClick"],
-	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) => {
-			let n = e.slices[t];
-			n && a("sliceClick", t, n);
-		}, U = (e) => {
-			L.value = e;
-		}, W = m("onSliceClick"), q = (e) => {
-			W() && H(e);
-		}, J = g(() => !e.loading && e.slices.length === 0 ? null : K({
-			sliceList: V.value,
-			colorHostElement: p.value,
-			skeleton: e.loading,
-			formatValue: e.formatValue,
-			formatBadge: e.formatBadge,
-			showBadges: e.showBadges,
-			onSliceClick: W() ? H : void 0,
-			onSliceHover: z.value ? U : void 0
-		})), Z = g(() => V.value.map((t, n) => ({
-			label: t.label,
-			color: I(n, p.value, t.fillColor, e.loading)
-		}))), Q = g(() => e.legendLimit === void 0 ? 0 : Math.max(e.slices.length - e.legendLimit, 0)), le = g(() => R.value || e.legendLimit === void 0 ? e.slices : e.slices.slice(0, e.legendLimit)), ue = g(() => ({
-			expanded: R.value,
-			hiddenCount: Q.value
-		})), de = g(() => R.value ? "−" : `+${Q.value}`), fe = () => {
-			R.value = !R.value;
-		}, pe = g(() => le.value.map((t, n) => {
-			let r = L.value === n, i = L.value !== null && !r, a = {
-				slice: t,
-				index: n,
-				active: r,
-				muted: i
-			};
-			return {
-				key: `${n}-${t.label}`,
-				index: n,
-				label: t.label,
-				valueText: e.formatValue ? e.formatValue(t.value) : String(t.value),
-				slotProps: a,
-				role: W() ? "button" : void 0,
-				tabindex: W() ? 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": W()
-				}],
-				swatchStyle: { backgroundColor: i ? c : Z.value[n]?.color }
-			};
-		})), { chartInstance: me } = s({
-			canvasRef: C,
-			config: J,
-			enabled: g(() => e.loading || e.slices.length > 0)
-		}), { exportImage: he, handleLegendItemHover: ge } = u({
-			chartInstance: me,
-			canvasRef: C,
-			colorHostElement: p,
-			legendDimKind: "element"
-		}), $ = (e) => {
-			z.value && (L.value = e), ge(e);
-		};
-		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: r[0] ||= (e) => U(null)
-		}, [S(M(t), {
-			loading: e.loading,
-			type: M(l).PIE
-		}, {
-			default: P(() => [b("canvas", {
-				ref_key: "chartCanvasRef",
-				ref: C,
-				class: "s-ui-chart-pie__canvas"
-			}, null, 512)]),
-			_: 1
-		}, 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: r[1] ||= (e) => $(null)
-		}, [(D(!0), y(h, null, k(pe.value, (e) => (D(), y("li", {
-			key: e.key,
-			class: T(e.classes),
-			role: e.role,
-			tabindex: e.tabindex,
-			onMouseenter: (t) => $(e.index),
-			onClick: (t) => q(e.index),
-			onKeydown: F((t) => q(e.index), ["enter"])
-		}, [
-			b("span", ie, [b("span", {
-				class: "s-ui-chart-pie__legend-swatch",
-				style: E(e.swatchStyle)
-			}, null, 4)]),
-			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(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,
-			interactive: !e.loading,
-			direction: "column",
-			onItemHover: $
-		}, null, 8, [
-			"items",
-			"disabled",
-			"interactive"
-		]))], 64)) : v("", !0)], 2));
-	}
-});
-//#endregion
-export { G as n, Z as t };