@shtabapp/ui-kit 1.73.0 → 1.75.0

package/dist/useChartInteractivity-CaZ37kX-.cjs

@@ -0,0 +1 @@
+let e=require("vue"),t=require("@shtabapp/ui-kit-primitives"),n=require("@vueuse/core"),r=require("chart.js");var i={axisLabel:`--s-ui-chart-axis-label`,grid:`--s-ui-chart-grid`,crosshair:`--s-ui-chart-crosshair`,legendLabel:`--s-ui-chart-legend-label`,seriesPrimary:`--s-ui-chart-series-primary`,seriesFillStart:`--s-ui-chart-series-fill-start`,seriesFillEnd:`--s-ui-chart-series-fill-end`,seriesFillOpacity:`--s-ui-chart-series-fill-opacity`,skeletonSeries:`--s-ui-chart-skeleton-series`,skeletonPalette1:`--s-ui-chart-skeleton-palette-1`,skeletonPalette2:`--s-ui-chart-skeleton-palette-2`,skeletonPalette3:`--s-ui-chart-skeleton-palette-3`,skeletonPalette4:`--s-ui-chart-skeleton-palette-4`,skeletonPalette5:`--s-ui-chart-skeleton-palette-5`,skeletonPalette6:`--s-ui-chart-skeleton-palette-6`,skeletonFillStart:`--s-ui-chart-skeleton-fill-start`,skeletonFillEnd:`--s-ui-chart-skeleton-fill-end`,skeletonFillOpacity:`--s-ui-chart-skeleton-fill-opacity`,fillMuted:`--s-ui-chart-fill-muted`,exportBackground:`--s-ui-chart-export-background`,tooltipBackground:`--s-ui-chart-tooltip-background`,tooltipText:`--s-ui-chart-tooltip-text`,stackedPalette1:`--s-ui-chart-stacked-palette-1`,stackedPalette2:`--s-ui-chart-stacked-palette-2`,stackedPalette3:`--s-ui-chart-stacked-palette-3`,stackedPalette4:`--s-ui-chart-stacked-palette-4`,stackedPalette5:`--s-ui-chart-stacked-palette-5`,stackedPalette6:`--s-ui-chart-stacked-palette-6`,barStackedPalette1:`--s-ui-chart-bar-stacked-palette-1`,barStackedPalette2:`--s-ui-chart-bar-stacked-palette-2`,barStackedPalette3:`--s-ui-chart-bar-stacked-palette-3`,barStackedPalette4:`--s-ui-chart-bar-stacked-palette-4`,barStackedPalette5:`--s-ui-chart-bar-stacked-palette-5`,barStackedPalette6:`--s-ui-chart-bar-stacked-palette-6`,barHoverOutline:`--s-ui-chart-bar-hover-outline`,barValueLabel:`--s-ui-chart-bar-value-label`,barValueLabelMuted:`--s-ui-chart-bar-value-label-muted`,barAxisLabelMuted:`--s-ui-chart-bar-axis-label-muted`,barSkeletonPalette1:`--s-ui-chart-bar-skeleton-palette-1`,barSkeletonPalette2:`--s-ui-chart-bar-skeleton-palette-2`,barSkeletonPalette3:`--s-ui-chart-bar-skeleton-palette-3`,barSkeletonPalette4:`--s-ui-chart-bar-skeleton-palette-4`,barSkeletonPalette5:`--s-ui-chart-bar-skeleton-palette-5`,barSkeletonPalette6:`--s-ui-chart-bar-skeleton-palette-6`,piePalette1:`--s-ui-chart-pie-palette-1`,piePalette2:`--s-ui-chart-pie-palette-2`,piePalette3:`--s-ui-chart-pie-palette-3`,piePalette4:`--s-ui-chart-pie-palette-4`,piePalette5:`--s-ui-chart-pie-palette-5`,piePalette6:`--s-ui-chart-pie-palette-6`,piePalette7:`--s-ui-chart-pie-palette-7`,piePalette8:`--s-ui-chart-pie-palette-8`,pieSegmentBorder:`--s-ui-chart-pie-segment-border`,pieBadgeBackground:`--s-ui-chart-pie-badge-background`,pieBadgeBorder:`--s-ui-chart-pie-badge-border`,pieBadgeText:`--s-ui-chart-pie-badge-text`,pieHoverShadow:`--s-ui-chart-pie-hover-shadow`,pieSkeletonPalette1:`--s-ui-chart-pie-skeleton-palette-1`,pieSkeletonPalette2:`--s-ui-chart-pie-skeleton-palette-2`,pieSkeletonPalette3:`--s-ui-chart-pie-skeleton-palette-3`,pieSkeletonPalette4:`--s-ui-chart-pie-skeleton-palette-4`,pieSkeletonPalette5:`--s-ui-chart-pie-skeleton-palette-5`,pieSkeletonPalette6:`--s-ui-chart-pie-skeleton-palette-6`,pieSkeletonPalette7:`--s-ui-chart-pie-skeleton-palette-7`,pieSkeletonPalette8:`--s-ui-chart-pie-skeleton-palette-8`,barHorizontalFillDefault:`--s-ui-chart-bar-horizontal-fill-default`,barHorizontalSkeletonFill:`--s-ui-chart-bar-horizontal-skeleton-fill`,barHorizontalCategoryLabel:`--s-ui-chart-bar-horizontal-category-label`,barHorizontalCategoryLabelSkeleton:`--s-ui-chart-bar-horizontal-category-label-skeleton`,progressLine:`--s-ui-chart-progress-line`,referenceFill:`--s-ui-chart-reference-fill`,multiLinePalette1:`--s-ui-chart-multi-line-palette-1`,multiLinePalette2:`--s-ui-chart-multi-line-palette-2`,multiLinePalette3:`--s-ui-chart-multi-line-palette-3`,burnupGoal:`--s-ui-chart-burnup-goal`,burnupPlan:`--s-ui-chart-burnup-plan`,burnupFact:`--s-ui-chart-burnup-fact`,burnupFactFillStart:`--s-ui-chart-burnup-fact-fill-start`,burnupFactFillEnd:`--s-ui-chart-burnup-fact-fill-end`,burnupToday:`--s-ui-chart-burnup-today`,burnupTagBackground:`--s-ui-chart-burnup-tag-background`},a=[i.stackedPalette1,i.stackedPalette2,i.stackedPalette3,i.stackedPalette4,i.stackedPalette5,i.stackedPalette6],o=[i.skeletonPalette1,i.skeletonPalette2,i.skeletonPalette3,i.skeletonPalette4,i.skeletonPalette5,i.skeletonPalette6],s=[i.barStackedPalette1,i.barStackedPalette2,i.barStackedPalette3,i.barStackedPalette4,i.barStackedPalette5,i.barStackedPalette6],c=[i.barSkeletonPalette1,i.barSkeletonPalette2,i.barSkeletonPalette3,i.barSkeletonPalette4,i.barSkeletonPalette5,i.barSkeletonPalette6],l=[i.piePalette1,i.piePalette2,i.piePalette3,i.piePalette4,i.piePalette5,i.piePalette6,i.piePalette7,i.piePalette8],u=[i.pieSkeletonPalette1,i.pieSkeletonPalette2,i.pieSkeletonPalette3,i.pieSkeletonPalette4,i.pieSkeletonPalette5,i.pieSkeletonPalette6,i.pieSkeletonPalette7,i.pieSkeletonPalette8],d=[i.multiLinePalette1,i.multiLinePalette2,i.multiLinePalette3],f=function(e){return e.CARTESIAN=`cartesian`,e.PIE=`pie`,e}({}),p=(0,e.defineComponent)({__name:`SChartSkeletonHost`,props:{loading:{type:Boolean,default:!1},type:{default:()=>f.CARTESIAN}},setup(n){let r=(0,e.computed)(()=>n.type===f.PIE?t.ESSkeletonType.CHART_PIE:t.ESSkeletonType.CHART_CARTESIAN);return(i,a)=>n.loading?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SSkeleton),{key:0,type:r.value,class:`s-ui-chart-skeleton-host`},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,`default`)]),_:3},8,[`type`])):(0,e.renderSlot)(i.$slots,`default`,{key:1})}}),m=(e,t)=>!e||t>=1?e:t<=0?`transparent`:`color-mix(in srgb, ${e} ${Math.round(t*100)}%, transparent)`,h=(e,t)=>{if(typeof window>`u`)return``;let n=t??document.documentElement;return getComputedStyle(n).getPropertyValue(e).trim()},ee=e=>`captions`in e,g=(e,t)=>{let n=e.data.datasets[0];if(!n||!ee(n))return;let r=n.captions?.[t];if(r)return r},_=()=>({title:e=>{let t=e[0];if(!t)return``;let n=g(t.chart,t.dataIndex),r=[`${t.label}`];return n&&r.push(n),r},label:e=>`${e.dataset.label??``} – ${e.parsed.y??0}`}),v=`stackedBarTop`,y=function(e,t){if(e.length===0)return{x:t.x,y:t.y};let n=1/0,r=1/0,i=-1/0;for(let t of e){let{x:e,y:a,width:o}=t.element.getProps([`x`,`y`,`width`]);n=Math.min(n,a),r=Math.min(r,e-o/2),i=Math.max(i,e+o/2)}return{x:(r+i)/2,y:n}},b=({resolveTitle:e,formatValue:t}={})=>({title:t=>{let n=t[0];return n?e?.(n.dataIndex)??`${n.label}`:``},label:e=>{let n=e.dataset.label??``,r=e.parsed.y??0;return`${n}: ${t?t(r):r}`}}),x=`multiLineTop`,te=function(e,t){let n=this.chart.chartArea;return!n||e.length===0?{x:t.x,y:t.y}:{x:t.x,y:n.top}},ne=`progressChartPoint`,S=1,re=(e,t)=>{let n=e.data.datasets[S]?.data[t];return typeof n==`number`?n:null},ie=function(e){let t=e.find(e=>e.datasetIndex===S)??e[0];if(!t)return!1;let n=this.chart.scales.y;if(!n)return!1;let r=re(this.chart,t.index);return r===null?!1:{x:t.element.x,y:n.getPixelForValue(r),xAlign:`center`,yAlign:`bottom`}},ae=({total:e}={})=>({title:e=>{let t=e[0];return t?`${t.label}`:``},label:e=>`${e.dataset.label??``} – ${e.parsed.y??0}`,footer:t=>{let n=t.reduce((e,t)=>e+(t.parsed.y??0),0);return e?`${e} – ${n}`:`${n}`}}),C=`stackedAreaTop`,w=function(e,t){let n=this.chart.chartArea;return!n||e.length===0?{x:t.x,y:t.y}:{x:t.x,y:n.top}},T=!1,E=!1,D=!1,O=!1,k=!1,A=()=>{E||=(r.Tooltip.positioners.stackedAreaTop=w,!0)},j=()=>{D||=(r.Tooltip.positioners.stackedBarTop=y,!0)},M=()=>{O||=(r.Tooltip.positioners.progressChartPoint=ie,!0)},N=()=>{k||=(r.Tooltip.positioners.multiLineTop=te,!0)},P=()=>{T||=(r.Chart.register(r.LineController,r.LineElement,r.PointElement,r.BarController,r.BarElement,r.PieController,r.ArcElement,r.LinearScale,r.CategoryScale,r.Tooltip,r.Filler),A(),j(),M(),N(),!0)},F=(e,t)=>e?{mode:`nearest`,intersect:!1}:t,I=e=>!e,L=(e,t)=>e?[]:t,R=.35,z=`transparent`,B=172,V=.0643,H=.8972,oe=(e,t)=>{let n=e.right-e.left,r=e.bottom-e.top,i=(t-90)*Math.PI/180,a=Math.abs(n*Math.sin(i))+Math.abs(r*Math.cos(i)),o=(e.left+e.right)/2,s=(e.top+e.bottom)/2,c=Math.cos(i)*a/2,l=Math.sin(i)*a/2;return{x0:o-c,y0:s-l,x1:o+c,y1:s+l}},U=(e,t,n,r=1)=>{let{chart:i}=e,{ctx:a,chartArea:o}=i;if(!o)return t;let s=m(t,r),c=m(n,r),{x0:l,y0:u,x1:d,y1:f}=oe(o,B),p=a.createLinearGradient(l,u,d,f);return p.addColorStop(0,s),p.addColorStop(V,s),p.addColorStop(H,c),p.addColorStop(1,c),p},W=new WeakMap,G=(e,t)=>e===null?null:typeof e==`number`?t===`series`?{index:0,datasetIndex:e}:{index:e,datasetIndex:0}:e,K=(e,t)=>e===null||t===null?e===t:e.index===t.index&&e.datasetIndex===t.datasetIndex,q=(e,t,n)=>{let r=e.data.datasets[0],i=r?.hoverBackgroundColor;!r||!Array.isArray(i)||(r.backgroundColor=t===null?[...i]:i.map((e,r)=>r===t.index?e:n))},J=(e,t,n)=>Array.isArray(t)?(e.data??[]).map(()=>n):n,se=(e,t)=>typeof e==`function`?e=>U(e,t,z,R):t,Y={element:q,series:(e,t,n)=>{e.data.datasets.forEach((e,r)=>{let i=t===null||r===t.datasetIndex,{hoverBackgroundColor:a,hoverBorderColor:o}=e;Array.isArray(a)?e.backgroundColor=i?[...a]:a.map(()=>n):a!==void 0&&(e.backgroundColor=J(e,e.backgroundColor,i?a:se(a,n))),o!==void 0&&!Array.isArray(o)&&(e.borderColor=J(e,e.borderColor,i?o:n))})},segment:(e,t,n)=>{e.data.datasets.forEach((e,r)=>{let{hoverBackgroundColor:i}=e;i!==void 0&&(e.backgroundColor=(e.data??[]).map((e,a)=>t===null||r===t.datasetIndex&&a===t.index?Array.isArray(i)?i[a]:i:n))})},category:(e,t,n)=>{e.data.datasets.forEach(e=>{let{hoverBackgroundColor:r}=e;Array.isArray(r)&&(e.backgroundColor=r.map((r,i)=>t===null||e.categories?.[i]===t.index?r:n))})}},ce=e=>W.get(e)?.hovered??null,le=(e,t,n)=>{let r=W.get(e),i=r?.hovered??null;if(!r||i===null)return!1;switch(r.kind){case`series`:return t!==i.datasetIndex;case`element`:return n!==i.index;case`category`:return e.data.datasets[t]?.categories?.[n]!==i.index;case`segment`:return t!==i.datasetIndex||n!==i.index}},X=(e,t,n,r,i=!1,a=`external`)=>{let o=W.get(e),s=o?.pinned??null,c=G(n,t),l=c??s;K(o?.hovered??null,l)||(W.set(e,{hovered:l,pinned:s,kind:t,mutedColor:r,source:a}),Y[t](e,l,r),e.canvas.style.cursor=c!==null&&i?`pointer`:``,e.update())},ue=(e,t,n,r)=>{let i=G(n,t);W.set(e,{hovered:i,pinned:i,kind:t,mutedColor:r,source:`external`}),Y[t](e,i,r),e.update()},de=(e,t)=>{let n=W.get(e);!n||K(n.hovered,n.pinned)||t!==void 0&&n.source!==t||(W.set(e,{...n,hovered:n.pinned}),Y[n.kind](e,n.pinned,n.mutedColor),e.canvas.style.cursor=``,e.update())},Z={id:`sChartHoverDimReset`,beforeEvent:(e,t)=>t.replay&&W.get(e)?.source===`external`?!1:void 0,afterEvent:(e,t)=>{t.event.type===`mouseout`&&de(e,`canvas`)}},Q=(e,t)=>{let n=e[0];return n?t===`element`?n.index:n.datasetIndex:null},fe=e=>{let t=e[0];return t?{index:t.index,datasetIndex:t.datasetIndex}:null},pe=({kind:e,skeleton:t,colorHostElement:n,onIndexClick:r,onElementIndexClick:i,onHoverIndexChange:a})=>{if(t)return{plugins:[]};let o=$(n),s=!!(r||i),c={onHover:(t,n,r)=>{X(r,e,fe(n),o,s,`canvas`),a?.(Q(n,e))},plugins:[Z]};return(r||i)&&(c.onClick=(t,n)=>{if(r){let t=Q(n,e);t!==null&&r(t)}let a=n[0];a&&i&&i(a.index,a.datasetIndex)}),c},$=e=>h(i.fillMuted,e),me=(e,t)=>{if(!e.canvas.width||!e.canvas.height)return;let n=document.createElement(`canvas`);n.width=e.canvas.width,n.height=e.canvas.height;let r=n.getContext(`2d`);if(r)return r.fillStyle=h(i.exportBackground,t)||`#ffffff`,r.fillRect(0,0,n.width,n.height),r.drawImage(e.canvas,0,0),n.toDataURL(`image/png`)},he=({canvasRef:t,config:i,enabled:a})=>{let o=(0,e.shallowRef)(),s=()=>{o.value&&=(o.value.destroy(),void 0)},c=()=>{if(!(0,e.toValue)(a)){s();return}let n=(0,e.toValue)(t),c=(0,e.toValue)(i);if(!n||!c){s();return}P(),o.value&&=(o.value.destroy(),void 0),o.value=new r.Chart(n,c)};return(0,e.onMounted)(()=>{c()}),(0,e.watch)(()=>[(0,e.toValue)(a),(0,e.toValue)(t),(0,e.toValue)(i)],()=>{c()},{deep:!0}),(0,n.useResizeObserver)(t,()=>{o.value?.resize()}),(0,e.onBeforeUnmount)(()=>{s()}),{chartInstance:o}},ge=({chartInstance:t,canvasRef:n,colorHostElement:r,legendDimKind:i=`series`})=>((0,e.watch)(t,()=>{let t=(0,e.toValue)(n);t?.style.cursor&&(t.style.cursor=``)}),{exportImage:()=>{if(t.value)return me(t.value,(0,e.toValue)(r))},handleLegendItemHover:n=>{t.value&&X(t.value,(0,e.toValue)(i),n,$((0,e.toValue)(r)))},pinElement:n=>{t.value&&ue(t.value,(0,e.toValue)(i),n,$((0,e.toValue)(r)))}});Object.defineProperty(exports,"A",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"D",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"E",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"O",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"T",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return ce}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return ne}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return le}}),Object.defineProperty(exports,"k",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return ae}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return he}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return pe}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return ge}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return _}});

package/dist/{useChartInteractivity-Cl06JL4l.js → useChartInteractivity-DygkiRA1.js}

@@ -1,35 +1,9 @@
 import { computed as e, createBlock as t, defineComponent as n, onBeforeUnmount as r, onMounted as i, openBlock as a, renderSlot as o, shallowRef as s, toValue as c, unref as l, watch as u, withCtx as d } from "vue";
 import { ESSkeletonType as f, SSkeleton as p } from "@shtabapp/ui-kit-primitives";
 import { useResizeObserver as m } from "@vueuse/core";
-import { ArcElement as ee, BarController as te, BarElement as ne, CategoryScale as re, Chart as h, Filler as g, LineController as ie, LineElement as ae, LinearScale as oe, PieController as se, PointElement as ce, Tooltip as _ } from "chart.js";
-//#region src/components/SChartSkeletonHost/SChartSkeletonHost.types.ts
-var v = /* @__PURE__ */ function(e) {
-	return e.CARTESIAN = "cartesian", e.PIE = "pie", e;
-}({}), le = /* @__PURE__ */ n({
-	__name: "SChartSkeletonHost",
-	props: {
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		type: { default: () => v.CARTESIAN }
-	},
-	setup(n) {
-		let r = e(() => n.type === v.PIE ? f.CHART_PIE : f.CHART_CARTESIAN);
-		return (e, i) => n.loading ? (a(), t(l(p), {
-			key: 0,
-			type: r.value,
-			class: "s-ui-chart-skeleton-host"
-		}, {
-			default: d(() => [o(e.$slots, "default")]),
-			_: 3
-		}, 8, ["type"])) : o(e.$slots, "default", { key: 1 });
-	}
-}), y = (e, t) => !e || t >= 1 ? e : t <= 0 ? "transparent" : `color-mix(in srgb, ${e} ${Math.round(t * 100)}%, transparent)`, b = (e, t) => {
-	if (typeof window > "u") return "";
-	let n = t ?? document.documentElement;
-	return getComputedStyle(n).getPropertyValue(e).trim();
-}, x = {
+import { ArcElement as ee, BarController as te, BarElement as h, CategoryScale as g, Chart as _, Filler as v, LineController as ne, LineElement as re, LinearScale as ie, PieController as ae, PointElement as oe, Tooltip as y } from "chart.js";
+//#region src/utils/chart/core/chartCssVariables.ts
+var b = {
 	axisLabel: "--s-ui-chart-axis-label",
 	grid: "--s-ui-chart-grid",
 	crosshair: "--s-ui-chart-crosshair",
@@ -65,6 +39,9 @@ var v = /* @__PURE__ */ function(e) {
 	barStackedPalette5: "--s-ui-chart-bar-stacked-palette-5",
 	barStackedPalette6: "--s-ui-chart-bar-stacked-palette-6",
 	barHoverOutline: "--s-ui-chart-bar-hover-outline",
+	barValueLabel: "--s-ui-chart-bar-value-label",
+	barValueLabelMuted: "--s-ui-chart-bar-value-label-muted",
+	barAxisLabelMuted: "--s-ui-chart-bar-axis-label-muted",
 	barSkeletonPalette1: "--s-ui-chart-bar-skeleton-palette-1",
 	barSkeletonPalette2: "--s-ui-chart-bar-skeleton-palette-2",
 	barSkeletonPalette3: "--s-ui-chart-bar-skeleton-palette-3",
@@ -108,70 +85,96 @@ var v = /* @__PURE__ */ function(e) {
 	burnupFactFillEnd: "--s-ui-chart-burnup-fact-fill-end",
 	burnupToday: "--s-ui-chart-burnup-today",
 	burnupTagBackground: "--s-ui-chart-burnup-tag-background"
-}, S = [
-	x.stackedPalette1,
-	x.stackedPalette2,
-	x.stackedPalette3,
-	x.stackedPalette4,
-	x.stackedPalette5,
-	x.stackedPalette6
-], C = [
-	x.skeletonPalette1,
-	x.skeletonPalette2,
-	x.skeletonPalette3,
-	x.skeletonPalette4,
-	x.skeletonPalette5,
-	x.skeletonPalette6
-], w = [
-	x.barStackedPalette1,
-	x.barStackedPalette2,
-	x.barStackedPalette3,
-	x.barStackedPalette4,
-	x.barStackedPalette5,
-	x.barStackedPalette6
-], T = [
-	x.barSkeletonPalette1,
-	x.barSkeletonPalette2,
-	x.barSkeletonPalette3,
-	x.barSkeletonPalette4,
-	x.barSkeletonPalette5,
-	x.barSkeletonPalette6
-], E = [
-	x.piePalette1,
-	x.piePalette2,
-	x.piePalette3,
-	x.piePalette4,
-	x.piePalette5,
-	x.piePalette6,
-	x.piePalette7,
-	x.piePalette8
-], D = [
-	x.pieSkeletonPalette1,
-	x.pieSkeletonPalette2,
-	x.pieSkeletonPalette3,
-	x.pieSkeletonPalette4,
-	x.pieSkeletonPalette5,
-	x.pieSkeletonPalette6,
-	x.pieSkeletonPalette7,
-	x.pieSkeletonPalette8
-], O = [
-	x.multiLinePalette1,
-	x.multiLinePalette2,
-	x.multiLinePalette3
-], k = (e) => "captions" in e, A = (e, t) => {
+}, se = [
+	b.stackedPalette1,
+	b.stackedPalette2,
+	b.stackedPalette3,
+	b.stackedPalette4,
+	b.stackedPalette5,
+	b.stackedPalette6
+], ce = [
+	b.skeletonPalette1,
+	b.skeletonPalette2,
+	b.skeletonPalette3,
+	b.skeletonPalette4,
+	b.skeletonPalette5,
+	b.skeletonPalette6
+], le = [
+	b.barStackedPalette1,
+	b.barStackedPalette2,
+	b.barStackedPalette3,
+	b.barStackedPalette4,
+	b.barStackedPalette5,
+	b.barStackedPalette6
+], ue = [
+	b.barSkeletonPalette1,
+	b.barSkeletonPalette2,
+	b.barSkeletonPalette3,
+	b.barSkeletonPalette4,
+	b.barSkeletonPalette5,
+	b.barSkeletonPalette6
+], de = [
+	b.piePalette1,
+	b.piePalette2,
+	b.piePalette3,
+	b.piePalette4,
+	b.piePalette5,
+	b.piePalette6,
+	b.piePalette7,
+	b.piePalette8
+], fe = [
+	b.pieSkeletonPalette1,
+	b.pieSkeletonPalette2,
+	b.pieSkeletonPalette3,
+	b.pieSkeletonPalette4,
+	b.pieSkeletonPalette5,
+	b.pieSkeletonPalette6,
+	b.pieSkeletonPalette7,
+	b.pieSkeletonPalette8
+], x = [
+	b.multiLinePalette1,
+	b.multiLinePalette2,
+	b.multiLinePalette3
+], S = /* @__PURE__ */ function(e) {
+	return e.CARTESIAN = "cartesian", e.PIE = "pie", e;
+}({}), C = /* @__PURE__ */ n({
+	__name: "SChartSkeletonHost",
+	props: {
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: () => S.CARTESIAN }
+	},
+	setup(n) {
+		let r = e(() => n.type === S.PIE ? f.CHART_PIE : f.CHART_CARTESIAN);
+		return (e, i) => n.loading ? (a(), t(l(p), {
+			key: 0,
+			type: r.value,
+			class: "s-ui-chart-skeleton-host"
+		}, {
+			default: d(() => [o(e.$slots, "default")]),
+			_: 3
+		}, 8, ["type"])) : o(e.$slots, "default", { key: 1 });
+	}
+}), w = (e, t) => !e || t >= 1 ? e : t <= 0 ? "transparent" : `color-mix(in srgb, ${e} ${Math.round(t * 100)}%, transparent)`, T = (e, t) => {
+	if (typeof window > "u") return "";
+	let n = t ?? document.documentElement;
+	return getComputedStyle(n).getPropertyValue(e).trim();
+}, E = (e) => "captions" in e, D = (e, t) => {
 	let n = e.data.datasets[0];
-	if (!n || !k(n)) return;
+	if (!n || !E(n)) return;
 	let r = n.captions?.[t];
 	if (r) return r;
-}, j = () => ({
+}, O = () => ({
 	title: (e) => {
 		let t = e[0];
 		if (!t) return "";
-		let n = A(t.chart, t.dataIndex), r = [`${t.label}`];
+		let n = D(t.chart, t.dataIndex), r = [`${t.label}`];
 		return n && r.push(n), r;
 	},
 	label: (e) => `${e.dataset.label ?? ""} – ${e.parsed.y ?? 0}`
-}), M = "stackedBarTop", N = function(e, t) {
+}), k = "stackedBarTop", A = function(e, t) {
 	if (e.length === 0) return {
 		x: t.x,
 		y: t.y
@@ -189,13 +192,16 @@ var v = /* @__PURE__ */ function(e) {
 		x: (r + i) / 2,
 		y: n
 	};
-}, P = () => ({
-	title: (e) => {
-		let t = e[0];
-		return t ? `${t.label}` : "";
+}, j = ({ resolveTitle: e, formatValue: t } = {}) => ({
+	title: (t) => {
+		let n = t[0];
+		return n ? e?.(n.dataIndex) ?? `${n.label}` : "";
 	},
-	label: (e) => `${e.dataset.label ?? ""}: ${e.parsed.y ?? 0}`
-}), F = "multiLineTop", I = function(e, t) {
+	label: (e) => {
+		let n = e.dataset.label ?? "", r = e.parsed.y ?? 0;
+		return `${n}: ${t ? t(r) : r}`;
+	}
+}), M = "multiLineTop", N = function(e, t) {
 	let n = this.chart.chartArea;
 	return !n || e.length === 0 ? {
 		x: t.x,
@@ -204,22 +210,22 @@ var v = /* @__PURE__ */ function(e) {
 		x: t.x,
 		y: n.top
 	};
-}, L = "progressChartPoint", R = 1, z = (e, t) => {
-	let n = e.data.datasets[R]?.data[t];
+}, P = "progressChartPoint", F = 1, I = (e, t) => {
+	let n = e.data.datasets[F]?.data[t];
 	return typeof n == "number" ? n : null;
-}, B = function(e) {
-	let t = e.find((e) => e.datasetIndex === R) ?? e[0];
+}, L = function(e) {
+	let t = e.find((e) => e.datasetIndex === F) ?? e[0];
 	if (!t) return !1;
 	let n = this.chart.scales.y;
 	if (!n) return !1;
-	let r = z(this.chart, t.index);
+	let r = I(this.chart, t.index);
 	return r === null ? !1 : {
 		x: t.element.x,
 		y: n.getPixelForValue(r),
 		xAlign: "center",
 		yAlign: "bottom"
 	};
-}, V = ({ total: e } = {}) => ({
+}, R = ({ total: e } = {}) => ({
 	title: (e) => {
 		let t = e[0];
 		return t ? `${t.label}` : "";
@@ -229,7 +235,7 @@ var v = /* @__PURE__ */ function(e) {
 		let n = t.reduce((e, t) => e + (t.parsed.y ?? 0), 0);
 		return e ? `${e} – ${n}` : `${n}`;
 	}
-}), H = "stackedAreaTop", U = function(e, t) {
+}), z = "stackedAreaTop", B = function(e, t) {
 	let n = this.chart.chartArea;
 	return !n || e.length === 0 ? {
 		x: t.x,
@@ -238,20 +244,20 @@ var v = /* @__PURE__ */ function(e) {
 		x: t.x,
 		y: n.top
 	};
-}, W = !1, ue = !1, de = !1, fe = !1, pe = !1, me = () => {
-	ue ||= (_.positioners.stackedAreaTop = U, !0);
-}, he = () => {
-	de ||= (_.positioners.stackedBarTop = N, !0);
-}, ge = () => {
-	fe ||= (_.positioners.progressChartPoint = B, !0);
-}, _e = () => {
-	pe ||= (_.positioners.multiLineTop = I, !0);
+}, V = !1, pe = !1, me = !1, he = !1, ge = !1, _e = () => {
+	pe ||= (y.positioners.stackedAreaTop = B, !0);
 }, ve = () => {
-	W ||= (h.register(ie, ae, ce, te, ne, se, ee, oe, re, _, g), me(), he(), ge(), _e(), !0);
-}, ye = (e, t) => e ? {
+	me ||= (y.positioners.stackedBarTop = A, !0);
+}, ye = () => {
+	he ||= (y.positioners.progressChartPoint = L, !0);
+}, be = () => {
+	ge ||= (y.positioners.multiLineTop = N, !0);
+}, xe = () => {
+	V ||= (_.register(ne, re, oe, te, h, ae, ee, ie, g, y, v), _e(), ve(), ye(), be(), !0);
+}, Se = (e, t) => e ? {
 	mode: "nearest",
 	intersect: !1
-} : t, be = (e) => !e, xe = (e, t) => e ? [] : t, G = .35, K = "transparent", Se = 172, Ce = .0643, we = .8972, Te = (e, t) => {
+} : t, Ce = (e) => !e, we = (e, t) => e ? [] : t, H = .35, U = "transparent", Te = 172, Ee = .0643, De = .8972, Oe = (e, t) => {
 	let n = e.right - e.left, r = e.bottom - e.top, i = (t - 90) * Math.PI / 180, a = Math.abs(n * Math.sin(i)) + Math.abs(r * Math.cos(i)), o = (e.left + e.right) / 2, s = (e.top + e.bottom) / 2, c = Math.cos(i) * a / 2, l = Math.sin(i) * a / 2;
 	return {
 		x0: o - c,
@@ -259,86 +265,111 @@ var v = /* @__PURE__ */ function(e) {
 		x1: o + c,
 		y1: s + l
 	};
-}, q = (e, t, n, r = 1) => {
+}, W = (e, t, n, r = 1) => {
 	let { chart: i } = e, { ctx: a, chartArea: o } = i;
 	if (!o) return t;
-	let s = y(t, r), c = y(n, r), { x0: l, y0: u, x1: d, y1: f } = Te(o, Se), p = a.createLinearGradient(l, u, d, f);
-	return p.addColorStop(0, s), p.addColorStop(Ce, s), p.addColorStop(we, c), p.addColorStop(1, c), p;
-}, J = /* @__PURE__ */ new WeakMap(), Ee = (e, t) => e === null ? null : typeof e == "number" ? t === "series" ? {
+	let s = w(t, r), c = w(n, r), { x0: l, y0: u, x1: d, y1: f } = Oe(o, Te), p = a.createLinearGradient(l, u, d, f);
+	return p.addColorStop(0, s), p.addColorStop(Ee, s), p.addColorStop(De, c), p.addColorStop(1, c), p;
+}, G = /* @__PURE__ */ new WeakMap(), K = (e, t) => e === null ? null : typeof e == "number" ? t === "series" ? {
 	index: 0,
 	datasetIndex: e
 } : {
 	index: e,
 	datasetIndex: 0
-} : e, De = (e, t) => e === null || t === null ? e === t : e.index === t.index && e.datasetIndex === t.datasetIndex, Oe = (e, t, n) => {
+} : e, q = (e, t) => e === null || t === null ? e === t : e.index === t.index && e.datasetIndex === t.datasetIndex, ke = (e, t, n) => {
 	let r = e.data.datasets[0], i = r?.hoverBackgroundColor;
 	!r || !Array.isArray(i) || (r.backgroundColor = t === null ? [...i] : i.map((e, r) => r === t.index ? e : n));
-}, Y = (e, t, n) => Array.isArray(t) ? (e.data ?? []).map(() => n) : n, ke = (e, t) => typeof e == "function" ? (e) => q(e, t, K, G) : t, X = {
-	element: Oe,
+}, J = (e, t, n) => Array.isArray(t) ? (e.data ?? []).map(() => n) : n, Ae = (e, t) => typeof e == "function" ? (e) => W(e, t, U, H) : t, Y = {
+	element: ke,
 	series: (e, t, n) => {
 		e.data.datasets.forEach((e, r) => {
 			let i = t === null || r === t.datasetIndex, { hoverBackgroundColor: a, hoverBorderColor: o } = e;
-			a !== void 0 && !Array.isArray(a) && (e.backgroundColor = Y(e, e.backgroundColor, i ? a : ke(a, n))), o !== void 0 && !Array.isArray(o) && (e.borderColor = Y(e, e.borderColor, i ? o : n));
+			Array.isArray(a) ? e.backgroundColor = i ? [...a] : a.map(() => n) : a !== void 0 && (e.backgroundColor = J(e, e.backgroundColor, i ? a : Ae(a, n))), o !== void 0 && !Array.isArray(o) && (e.borderColor = J(e, e.borderColor, i ? o : n));
 		});
 	},
 	segment: (e, t, n) => {
 		e.data.datasets.forEach((e, r) => {
 			let { hoverBackgroundColor: i } = e;
-			i === void 0 || Array.isArray(i) || (e.backgroundColor = (e.data ?? []).map((e, a) => t === null || r === t.datasetIndex && a === t.index ? i : n));
+			i !== void 0 && (e.backgroundColor = (e.data ?? []).map((e, a) => t === null || r === t.datasetIndex && a === t.index ? Array.isArray(i) ? i[a] : i : n));
 		});
+	},
+	category: (e, t, n) => {
+		e.data.datasets.forEach((e) => {
+			let { hoverBackgroundColor: r } = e;
+			Array.isArray(r) && (e.backgroundColor = r.map((r, i) => t === null || e.categories?.[i] === t.index ? r : n));
+		});
+	}
+}, X = (e) => G.get(e)?.hovered ?? null, je = (e, t, n) => {
+	let r = G.get(e), i = r?.hovered ?? null;
+	if (!r || i === null) return !1;
+	switch (r.kind) {
+		case "series": return t !== i.datasetIndex;
+		case "element": return n !== i.index;
+		case "category": return e.data.datasets[t]?.categories?.[n] !== i.index;
+		case "segment": return t !== i.datasetIndex || n !== i.index;
 	}
 }, Z = (e, t, n, r, i = !1, a = "external") => {
-	let o = Ee(n, t);
-	De(J.get(e)?.hovered ?? null, o) || (J.set(e, {
-		hovered: o,
+	let o = G.get(e), s = o?.pinned ?? null, c = K(n, t), l = c ?? s;
+	q(o?.hovered ?? null, l) || (G.set(e, {
+		hovered: l,
+		pinned: s,
 		kind: t,
 		mutedColor: r,
 		source: a
-	}), X[t](e, o, r), e.canvas.style.cursor = o !== null && i ? "pointer" : "", e.update());
-}, Ae = (e, t) => {
-	let n = J.get(e);
-	!n || n.hovered === null || t !== void 0 && n.source !== t || (J.set(e, {
+	}), Y[t](e, l, r), e.canvas.style.cursor = c !== null && i ? "pointer" : "", e.update());
+}, Me = (e, t, n, r) => {
+	let i = K(n, t);
+	G.set(e, {
+		hovered: i,
+		pinned: i,
+		kind: t,
+		mutedColor: r,
+		source: "external"
+	}), Y[t](e, i, r), e.update();
+}, Ne = (e, t) => {
+	let n = G.get(e);
+	!n || q(n.hovered, n.pinned) || t !== void 0 && n.source !== t || (G.set(e, {
 		...n,
-		hovered: null
-	}), X[n.kind](e, null, n.mutedColor), e.canvas.style.cursor = "", e.update());
-}, je = {
+		hovered: n.pinned
+	}), Y[n.kind](e, n.pinned, n.mutedColor), e.canvas.style.cursor = "", e.update());
+}, Pe = {
 	id: "sChartHoverDimReset",
-	beforeEvent: (e, t) => t.replay && J.get(e)?.source === "external" ? !1 : void 0,
+	beforeEvent: (e, t) => t.replay && G.get(e)?.source === "external" ? !1 : void 0,
 	afterEvent: (e, t) => {
-		t.event.type === "mouseout" && Ae(e, "canvas");
+		t.event.type === "mouseout" && Ne(e, "canvas");
 	}
 }, Q = (e, t) => {
 	let n = e[0];
 	return n ? t === "element" ? n.index : n.datasetIndex : null;
-}, Me = (e) => {
+}, Fe = (e) => {
 	let t = e[0];
 	return t ? {
 		index: t.index,
 		datasetIndex: t.datasetIndex
 	} : null;
-}, Ne = ({ kind: e, skeleton: t, colorHostElement: n, onIndexClick: r, onElementIndexClick: i }) => {
+}, Ie = ({ kind: e, skeleton: t, colorHostElement: n, onIndexClick: r, onElementIndexClick: i, onHoverIndexChange: a }) => {
 	if (t) return { plugins: [] };
-	let a = $(n), o = !!(r || i), s = {
+	let o = $(n), s = !!(r || i), c = {
 		onHover: (t, n, r) => {
-			Z(r, e, Me(n), a, o, "canvas");
+			Z(r, e, Fe(n), o, s, "canvas"), a?.(Q(n, e));
 		},
-		plugins: [je]
+		plugins: [Pe]
 	};
-	return (r || i) && (s.onClick = (t, n) => {
+	return (r || i) && (c.onClick = (t, n) => {
 		if (r) {
 			let t = Q(n, e);
 			t !== null && r(t);
 		}
 		let a = n[0];
 		a && i && i(a.index, a.datasetIndex);
-	}), s;
-}, $ = (e) => b(x.fillMuted, e), Pe = (e, t) => {
+	}), c;
+}, $ = (e) => T(b.fillMuted, e), Le = (e, t) => {
 	if (!e.canvas.width || !e.canvas.height) return;
 	let n = document.createElement("canvas");
 	n.width = e.canvas.width, n.height = e.canvas.height;
 	let r = n.getContext("2d");
-	if (r) return r.fillStyle = b(x.exportBackground, t) || "#ffffff", r.fillRect(0, 0, n.width, n.height), r.drawImage(e.canvas, 0, 0), n.toDataURL("image/png");
-}, Fe = ({ canvasRef: e, config: t, enabled: n }) => {
+	if (r) return r.fillStyle = T(b.exportBackground, t) || "#ffffff", r.fillRect(0, 0, n.width, n.height), r.drawImage(e.canvas, 0, 0), n.toDataURL("image/png");
+}, Re = ({ canvasRef: e, config: t, enabled: n }) => {
 	let a = s(), o = () => {
 		a.value &&= (a.value.destroy(), void 0);
 	}, l = () => {
@@ -351,7 +382,7 @@ var v = /* @__PURE__ */ function(e) {
 			o();
 			return;
 		}
-		ve(), a.value &&= (a.value.destroy(), void 0), a.value = new h(r, i);
+		xe(), a.value &&= (a.value.destroy(), void 0), a.value = new _(r, i);
 	};
 	return i(() => {
 		l();
@@ -366,16 +397,19 @@ var v = /* @__PURE__ */ function(e) {
 	}), r(() => {
 		o();
 	}), { chartInstance: a };
-}, Ie = ({ chartInstance: e, canvasRef: t, colorHostElement: n, legendDimKind: r = "series" }) => (u(e, () => {
+}, ze = ({ chartInstance: e, canvasRef: t, colorHostElement: n, legendDimKind: r = "series" }) => (u(e, () => {
 	let e = c(t);
 	e?.style.cursor && (e.style.cursor = "");
 }), {
 	exportImage: () => {
-		if (e.value) return Pe(e.value, c(n));
+		if (e.value) return Le(e.value, c(n));
 	},
 	handleLegendItemHover: (t) => {
-		e.value && Z(e.value, r, t, $(c(n)));
+		e.value && Z(e.value, c(r), t, $(c(n)));
+	},
+	pinElement: (t) => {
+		e.value && Me(e.value, c(r), t, $(c(n)));
 	}
 });
 //#endregion
-export { C, v as D, le as E, E as S, b as T, T as _, G as a, O as b, be as c, V as d, L as f, j as g, M as h, K as i, xe as l, P as m, Fe as n, q as o, F as p, Ne as r, ye as s, Ie as t, H as u, w as v, S as w, D as x, x as y };
+export { se as A, ue as C, fe as D, x as E, de as O, S, b as T, j as _, X as a, T as b, H as c, Ce as d, we as f, M as g, P as h, je as i, ce as k, W as l, R as m, Re as n, $ as o, z as p, Ie as r, U as s, ze as t, Se as u, k as v, le as w, C as x, O as y };

package/dist/utils/chart/burnup/createBurnupTooltipCallbacks.d.ts

@@ -2,8 +2,10 @@ import type { TooltipItem } from 'chart.js';
 export interface IBurnupTooltipOptions {
     todayIndex: number;
     futureLabel: string;
+    /** Заголовок tooltip по индексу точки; по умолчанию — подпись категории. */
+    resolveTitle?: (dataIndex: number) => string | undefined;
 }
-export declare const createBurnupTooltipCallbacks: ({ todayIndex, futureLabel, }: IBurnupTooltipOptions) => {
+export declare const createBurnupTooltipCallbacks: ({ todayIndex, futureLabel, resolveTitle, }: IBurnupTooltipOptions) => {
     title: (tooltipItems: TooltipItem<"line">[]) => string;
     label: (context: TooltipItem<"line">) => string;
 };

package/dist/utils/chart/burnup/createBurnupTooltipCallbacks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createBurnupTooltipCallbacks.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/burnup/createBurnupTooltipCallbacks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAM3C,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,4BAA4B,GAAI,8BAG1C,qBAAqB;0BACA,WAAW,CAAC,MAAM,CAAC,EAAE;qBAS1B,WAAW,CAAC,MAAM,CAAC;CAUpC,CAAA;AAGF,eAAO,MAAM,yBAAyB,GACnC,YAAY,MAAM,MAAM,aAAa,WAAW,CAAC,MAAM,CAAC,YAC4B,CAAA"}
+{"version":3,"file":"createBurnupTooltipCallbacks.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/burnup/createBurnupTooltipCallbacks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAM3C,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;CACzD;AAED,eAAO,MAAM,4BAA4B,GAAI,4CAI1C,qBAAqB;0BACA,WAAW,CAAC,MAAM,CAAC,EAAE;qBAS1B,WAAW,CAAC,MAAM,CAAC;CAUpC,CAAA;AAGF,eAAO,MAAM,yBAAyB,GACnC,YAAY,MAAM,MAAM,aAAa,WAAW,CAAC,MAAM,CAAC,YAC4B,CAAA"}

package/dist/utils/chart/chart.types.d.ts

@@ -30,5 +30,15 @@ export type TChartMarker = {
     color?: string;
     /** Рисовать подпись под точкой, а не над ней. */
     below?: boolean;
+    /** Рисовать подпись над точкой, даже если точка — локальный минимум. */
+    above?: boolean;
+    /** Полый маркер: заливка цветом поверхности, обводка — цветом маркера. */
+    hollow?: boolean;
+};
+export type TChartHighlightedTick = {
+    /** Значение на оси Y; деление добавляется, даже если не попадает в шаг. */
+    value: number;
+    /** Цвет подписи деления: имя CSS-переменной (`--s-ui-…`) или готовый цвет. */
+    color?: string;
 };
 //# sourceMappingURL=chart.types.d.ts.map

package/dist/utils/chart/chart.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.types.d.ts","sourceRoot":"","sources":["../../../src/utils/chart/chart.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA"}
+{"version":3,"file":"chart.types.d.ts","sourceRoot":"","sources":["../../../src/utils/chart/chart.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

package/dist/utils/chart/core/applyChartHighlightedYTick.d.ts

@@ -0,0 +1,19 @@
+import type { Scale } from 'chart.js';
+import type { TChartHighlightedTick } from '../chart.types';
+export interface IApplyChartHighlightedYTickOptions {
+    highlightedTick: TChartHighlightedTick;
+    yStep: number;
+    axisLabelColor: string;
+    colorHostElement?: Element | null;
+}
+export declare const applyChartHighlightedYTick: <TTicks extends object>(ticks: TTicks, { highlightedTick, yStep, axisLabelColor, colorHostElement }: IApplyChartHighlightedYTickOptions) => {
+    afterBuildTicks: (axis: Scale) => void;
+    ticks: TTicks & {
+        color: ({ tick }: {
+            tick: {
+                value: number;
+            };
+        }) => string;
+    };
+};
+//# sourceMappingURL=applyChartHighlightedYTick.d.ts.map

package/dist/utils/chart/core/applyChartHighlightedYTick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyChartHighlightedYTick.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/applyChartHighlightedYTick.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAErC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAK3D,MAAM,WAAW,kCAAkC;IACjD,eAAe,EAAE,qBAAqB,CAAA;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CAClC;AAED,eAAO,MAAM,0BAA0B,GAAI,MAAM,SAAS,MAAM,EAC9D,OAAO,MAAM,EACb,8DAA8D,kCAAkC;4BAQtE,KAAK;;0BAkBT;YAAE,IAAI,EAAE;gBAAE,KAAK,EAAE,MAAM,CAAA;aAAE,CAAA;SAAE;;CAIlD,CAAA"}

package/dist/utils/chart/core/chartCssVariables.d.ts

@@ -34,6 +34,9 @@ export declare const CHART_CSS_VARIABLES: {
     readonly barStackedPalette5: "--s-ui-chart-bar-stacked-palette-5";
     readonly barStackedPalette6: "--s-ui-chart-bar-stacked-palette-6";
     readonly barHoverOutline: "--s-ui-chart-bar-hover-outline";
+    readonly barValueLabel: "--s-ui-chart-bar-value-label";
+    readonly barValueLabelMuted: "--s-ui-chart-bar-value-label-muted";
+    readonly barAxisLabelMuted: "--s-ui-chart-bar-axis-label-muted";
     readonly barSkeletonPalette1: "--s-ui-chart-bar-skeleton-palette-1";
     readonly barSkeletonPalette2: "--s-ui-chart-bar-skeleton-palette-2";
     readonly barSkeletonPalette3: "--s-ui-chart-bar-skeleton-palette-3";

package/dist/utils/chart/core/chartCssVariables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chartCssVariables.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/chartCssVariables.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+EtB,CAAA;AAEV,eAAO,MAAM,oCAAoC,uNAOvC,CAAA;AAEV,eAAO,MAAM,qCAAqC,6NAOxC,CAAA;AAEV,eAAO,MAAM,wCAAwC,+OAO3C,CAAA;AAEV,eAAO,MAAM,yCAAyC,qPAO5C,CAAA;AAEV,eAAO,MAAM,+BAA+B,2PASlC,CAAA;AAEV,eAAO,MAAM,wCAAwC,mUAS3C,CAAA;AAEV,eAAO,MAAM,uCAAuC,0HAI1C,CAAA"}
+{"version":3,"file":"chartCssVariables.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/chartCssVariables.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFtB,CAAA;AAEV,eAAO,MAAM,oCAAoC,uNAOvC,CAAA;AAEV,eAAO,MAAM,qCAAqC,6NAOxC,CAAA;AAEV,eAAO,MAAM,wCAAwC,+OAO3C,CAAA;AAEV,eAAO,MAAM,yCAAyC,qPAO5C,CAAA;AAEV,eAAO,MAAM,+BAA+B,2PASlC,CAAA;AAEV,eAAO,MAAM,wCAAwC,mUAS3C,CAAA;AAEV,eAAO,MAAM,uCAAuC,0HAI1C,CAAA"}

package/dist/utils/chart/core/chartInteractivity.d.ts

@@ -1,5 +1,5 @@
 import type { ActiveElement, ChartEvent, UpdateMode } from 'chart.js';
-export type TChartDimKind = 'element' | 'series' | 'segment';
+export type TChartDimKind = 'element' | 'series' | 'segment' | 'category';
 export interface TChartHoveredElement {
     index: number;
     datasetIndex: number;
@@ -10,6 +10,8 @@ interface IInteractiveChartDataset {
     hoverBackgroundColor?: unknown;
     borderColor?: unknown;
     hoverBorderColor?: unknown;
+    /** Индекс категории каждой точки: легенда категорий подсвечивает точки своей категории. */
+    categories?: (number | undefined)[];
 }
 export interface IInteractiveChart {
     data: {
@@ -19,7 +21,10 @@ export interface IInteractiveChart {
     update: (mode?: UpdateMode) => void;
 }
 export type TChartDimSource = 'canvas' | 'external';
+export declare const readChartHoveredElement: (chart: IInteractiveChart) => TChartHoveredElement | null;
+export declare const isChartPointDimmed: (chart: IInteractiveChart, datasetIndex: number, pointIndex: number) => boolean;
 export declare const dimChart: (chart: IInteractiveChart, kind: TChartDimKind, hoveredIndex: number | TChartHoveredElement | null, mutedColor: string, showPointer?: boolean, source?: TChartDimSource) => void;
+export declare const pinChartElement: (chart: IInteractiveChart, kind: TChartDimKind, pinnedIndex: number | TChartHoveredElement | null, mutedColor: string) => void;
 export declare const resetChartHoverDim: (chart: IInteractiveChart, source?: TChartDimSource) => void;
 export interface IChartHoverResetPlugin {
     id: string;
@@ -41,13 +46,15 @@ export interface IChartInteractivityOptions {
     colorHostElement?: Element | null;
     onIndexClick?: (index: number) => void;
     onElementIndexClick?: (pointIndex: number, seriesIndex: number) => void;
+    /** Наведённый индекс (по `kind`) или `null`, когда курсор не над элементом. */
+    onHoverIndexChange?: (index: number | null) => void;
 }
 export interface IChartInteractivityHandlers {
     onHover?: (event: ChartEvent, elements: ActiveElement[], chart: IInteractiveChart) => void;
     onClick?: (event: ChartEvent, elements: ActiveElement[]) => void;
     plugins: IChartHoverResetPlugin[];
 }
-export declare const createChartInteractivity: ({ kind, skeleton, colorHostElement, onIndexClick, onElementIndexClick, }: IChartInteractivityOptions) => IChartInteractivityHandlers;
+export declare const createChartInteractivity: ({ kind, skeleton, colorHostElement, onIndexClick, onElementIndexClick, onHoverIndexChange, }: IChartInteractivityOptions) => IChartInteractivityHandlers;
 export declare const readChartMutedColor: (colorHostElement?: Element | null) => string;
 export declare const exportChartImage: (chart: Pick<IInteractiveChart, "canvas">, colorHostElement?: Element | null) => string | undefined;
 export {};