@shtabapp/ui-kit 1.30.0 → 1.32.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [@shtabapp/ui-kit-v1.32.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.31.0...@shtabapp/ui-kit@1.32.0) (2026-06-30)
+
+### Features
+
+- schartprogress ([4155ed0](https://gitlab.com/mstikharev/shtab-ui-kit/commit/4155ed08aecc4856eae301d0c238b8191fdbf50a))
+
+## [@shtabapp/ui-kit-v1.31.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.30.0...@shtabapp/ui-kit@1.31.0) (2026-06-30)
+
+### Features
+
+- dropdown menu + change custom panel in select to dropdown menu + separator ([3efd9d7](https://gitlab.com/mstikharev/shtab-ui-kit/commit/3efd9d73911e39374657de9ee4e7d2d5bc95f4e3))
+
 ## [@shtabapp/ui-kit-v1.30.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.29.0...@shtabapp/ui-kit@1.30.0) (2026-06-29)
 
 ### Features

package/dist/{SChartHorizontalBar-CCn6L_Du.js → SChartHorizontalBar-DIn1sVoi.js}

@@ -1,4 +1,4 @@
-import { a as e, i as t, p as n, r, t as i, v as a } from "./SChartSkeletonHost-BnYGg6WN.js";
+import { a as e, i as t, m as n, r, t as i, y as a } from "./SChartSkeletonHost-CnfMevXX.js";
 import { computed as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, unref as p, useTemplateRef as m, withCtx as h } from "vue";
 //#region src/utils/chart/horizontalBar/buildHorizontalBarChartScales.ts
 var g = 10, _ = 14, v = ({ axisLabelColor: e, categoryLabelColor: t, gridColor: n, xMin: r, xMax: i, xStep: a }) => ({

package/dist/{SChartHorizontalBar-CLXp8bvq.cjs → SChartHorizontalBar-tfgmCHtk.cjs}

@@ -1 +1 @@
-const e=require("./SChartSkeletonHost-CixHLD65.cjs");let t=require("vue");var n=10,r=14,i=({axisLabelColor:e,categoryLabelColor:t,gridColor:i,xMin:a,xMax:o,xStep:s})=>({x:{type:`linear`,min:a,max:o,border:{display:!1},grid:{color:i,drawTicks:!1},ticks:{color:e,stepSize:s,font:{size:n,weight:500},padding:8}},y:{border:{display:!1},grid:{display:!1},ticks:{color:t,font:{size:r,weight:400},padding:8,crossAlign:`far`,autoSkip:!1}}}),a=(t,n,r)=>r?e.v(e.p.barHorizontalSkeletonFill,n):t?e.v(t,n):e.v(e.p.barHorizontalFillDefault,n),o=(e,t,n)=>{if(t)return t;let r=0;for(let t of e)r=Math.max(r,t.value);let i=Math.ceil(r/n)*n;return i>0?i:n*6},s=10,c=0,l=36,u=4,d=({items:t,colorHostElement:n,xMax:r,xMin:d=c,xStep:f=s,skeleton:p=!1})=>{if(t.length===0)return null;let m=e.v(e.p.axisLabel,n),h=e.v(e.p.grid,n),g=e.v(e.p.tooltipBackground,n),_=e.v(e.p.tooltipText,n),v=e.v(p?e.p.barHorizontalCategoryLabelSkeleton:e.p.barHorizontalCategoryLabel,n),y=o(t,r,f),b=t.map(e=>a(e.color,n,p));return{type:`bar`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:b,hoverBackgroundColor:b,borderWidth:0,hoverBorderWidth:0,barThickness:l,borderRadius:{topRight:u,bottomRight:u}}]},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,interaction:e.i(p,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(p),backgroundColor:g,titleColor:_,bodyColor:_}},scales:i({axisLabelColor:m,categoryLabelColor:v,gridColor:h,xMin:d,xMax:y,xStep:f})}}},f=e=>d(e),p=[{label:`Открыта`,value:48},{label:`В процессе`,value:32},{label:`Ревью`,value:53},{label:`Готова для QA`,value:18},{label:`QA`,value:25},{label:`Готова`,value:0}],m={class:`s-ui-chart-horizontal-bar__canvas-wrap`},h=(0,t.defineComponent)({__name:`SChartHorizontalBar`,props:{items:{default:()=>[]},loading:{type:Boolean,default:!1},xMin:{},xMax:{},xStep:{}},setup(n){let r=(0,t.useTemplateRef)(`chartRootRef`),i=(0,t.useTemplateRef)(`chartCanvasRef`),a=(0,t.computed)(()=>n.loading?p:n.items);return e.r({canvasRef:i,config:(0,t.computed)(()=>!n.loading&&n.items.length===0?null:f({items:a.value,colorHostElement:r.value,xMax:n.loading?60:n.xMax,xMin:n.loading?0:n.xMin,xStep:n.loading?10:n.xStep,skeleton:n.loading})),enabled:(0,t.computed)(()=>n.loading||n.items.length>0)}),(a,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,t.normalizeClass)([`s-ui-chart-horizontal-bar`,{"s-ui-chart-horizontal-bar--skeleton":n.loading}])},[(0,t.createElementVNode)(`div`,m,[(0,t.createVNode)((0,t.unref)(e.t),{loading:n.loading},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,class:`s-ui-chart-horizontal-bar__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
+const e=require("./SChartSkeletonHost-YmLC5zOX.cjs");let t=require("vue");var n=10,r=14,i=({axisLabelColor:e,categoryLabelColor:t,gridColor:i,xMin:a,xMax:o,xStep:s})=>({x:{type:`linear`,min:a,max:o,border:{display:!1},grid:{color:i,drawTicks:!1},ticks:{color:e,stepSize:s,font:{size:n,weight:500},padding:8}},y:{border:{display:!1},grid:{display:!1},ticks:{color:t,font:{size:r,weight:400},padding:8,crossAlign:`far`,autoSkip:!1}}}),a=(t,n,r)=>r?e.y(e.m.barHorizontalSkeletonFill,n):t?e.y(t,n):e.y(e.m.barHorizontalFillDefault,n),o=(e,t,n)=>{if(t)return t;let r=0;for(let t of e)r=Math.max(r,t.value);let i=Math.ceil(r/n)*n;return i>0?i:n*6},s=10,c=0,l=36,u=4,d=({items:t,colorHostElement:n,xMax:r,xMin:d=c,xStep:f=s,skeleton:p=!1})=>{if(t.length===0)return null;let m=e.y(e.m.axisLabel,n),h=e.y(e.m.grid,n),g=e.y(e.m.tooltipBackground,n),_=e.y(e.m.tooltipText,n),v=e.y(p?e.m.barHorizontalCategoryLabelSkeleton:e.m.barHorizontalCategoryLabel,n),y=o(t,r,f),b=t.map(e=>a(e.color,n,p));return{type:`bar`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:b,hoverBackgroundColor:b,borderWidth:0,hoverBorderWidth:0,barThickness:l,borderRadius:{topRight:u,bottomRight:u}}]},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,interaction:e.i(p,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(p),backgroundColor:g,titleColor:_,bodyColor:_}},scales:i({axisLabelColor:m,categoryLabelColor:v,gridColor:h,xMin:d,xMax:y,xStep:f})}}},f=e=>d(e),p=[{label:`Открыта`,value:48},{label:`В процессе`,value:32},{label:`Ревью`,value:53},{label:`Готова для QA`,value:18},{label:`QA`,value:25},{label:`Готова`,value:0}],m={class:`s-ui-chart-horizontal-bar__canvas-wrap`},h=(0,t.defineComponent)({__name:`SChartHorizontalBar`,props:{items:{default:()=>[]},loading:{type:Boolean,default:!1},xMin:{},xMax:{},xStep:{}},setup(n){let r=(0,t.useTemplateRef)(`chartRootRef`),i=(0,t.useTemplateRef)(`chartCanvasRef`),a=(0,t.computed)(()=>n.loading?p:n.items);return e.r({canvasRef:i,config:(0,t.computed)(()=>!n.loading&&n.items.length===0?null:f({items:a.value,colorHostElement:r.value,xMax:n.loading?60:n.xMax,xMin:n.loading?0:n.xMin,xStep:n.loading?10:n.xStep,skeleton:n.loading})),enabled:(0,t.computed)(()=>n.loading||n.items.length>0)}),(a,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,t.normalizeClass)([`s-ui-chart-horizontal-bar`,{"s-ui-chart-horizontal-bar--skeleton":n.loading}])},[(0,t.createElementVNode)(`div`,m,[(0,t.createVNode)((0,t.unref)(e.t),{loading:n.loading},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,class:`s-ui-chart-horizontal-bar__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/dist/{SChartLegend-CLTLJeRH.cjs → SChartLegend-BFwzIA4x.cjs}

@@ -1 +1 @@
-const e=require("./SChartSkeletonHost-CixHLD65.cjs");let t=require("vue");var n=(t,n)=>t.startsWith(`--`)?e.v(t,n):t,r=(t,r,i,a,o)=>{if(i)return n(i,r);let s=a?o.skeletonPalette:o.palette,c=a?o.skeletonFallback:o.paletteFallback;return e.v(s[t%s.length]??c,r)},i={class:`s-ui-chart-legend__swatch-slot`,"aria-hidden":`true`},a={class:`s-ui-chart-legend__label`},o=(0,t.defineComponent)({__name:`SChartLegend`,props:{items:{},disabled:{type:Boolean,default:!1},direction:{default:`row`}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`ul`,{class:(0,t.normalizeClass)([`s-ui-chart-legend`,{"s-ui-chart-legend--disabled":e.disabled,"s-ui-chart-legend--column":e.direction===`column`}])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.items,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`li`,{key:e.label,class:`s-ui-chart-legend__item`},[(0,t.createElementVNode)(`span`,i,[(0,t.createElementVNode)(`span`,{class:`s-ui-chart-legend__swatch`,style:(0,t.normalizeStyle)({backgroundColor:e.color})},null,4)]),(0,t.createElementVNode)(`span`,a,`— `+(0,t.toDisplayString)(e.label),1)]))),128))],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
+const e=require("./SChartSkeletonHost-YmLC5zOX.cjs");let t=require("vue");var n=(t,n)=>t.startsWith(`--`)?e.y(t,n):t,r=(t,r,i,a,o)=>{if(i)return n(i,r);let s=a?o.skeletonPalette:o.palette,c=a?o.skeletonFallback:o.paletteFallback;return e.y(s[t%s.length]??c,r)},i={class:`s-ui-chart-legend__swatch-slot`,"aria-hidden":`true`},a={class:`s-ui-chart-legend__label`},o=(0,t.defineComponent)({__name:`SChartLegend`,props:{items:{},disabled:{type:Boolean,default:!1},direction:{default:`row`}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`ul`,{class:(0,t.normalizeClass)([`s-ui-chart-legend`,{"s-ui-chart-legend--disabled":e.disabled,"s-ui-chart-legend--column":e.direction===`column`}])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.items,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`li`,{key:e.label,class:`s-ui-chart-legend__item`},[(0,t.createElementVNode)(`span`,i,[(0,t.createElementVNode)(`span`,{class:`s-ui-chart-legend__swatch`,style:(0,t.normalizeStyle)({backgroundColor:e.color})},null,4)]),(0,t.createElementVNode)(`span`,a,`— `+(0,t.toDisplayString)(e.label),1)]))),128))],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/{SChartLegend-CcbzWNuw.js → SChartLegend-DW16AfUz.js}

@@ -1,4 +1,4 @@
-import { v as e } from "./SChartSkeletonHost-BnYGg6WN.js";
+import { y as e } from "./SChartSkeletonHost-CnfMevXX.js";
 import { Fragment as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderList as c, toDisplayString as l } from "vue";
 //#region src/utils/chart/core/resolveSeriesPaletteColor.ts
 var u = (t, n) => t.startsWith("--") ? e(t, n) : t, d = (t, n, r, i, a) => {

package/dist/{SChartLine-BaOJ7lmv.js → SChartLine-G5CeC01A.js}

@@ -1,4 +1,4 @@
-import { a as e, i as t, p as n, r, t as i, v as a } from "./SChartSkeletonHost-BnYGg6WN.js";
+import { a as e, i as t, m as n, r, t as i, y as a } from "./SChartSkeletonHost-CnfMevXX.js";
 import { t as o } from "./buildCartesianChartScales-EofFq3ry.js";
 import { computed as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, unref as m, useTemplateRef as h, withCtx as g } from "vue";
 //#region src/utils/chart/css/applyOpacityToCssColor.ts

package/dist/{SChartLine-C_16iDsx.cjs → SChartLine-xql-HCwK.cjs}

@@ -1 +1 @@
-const e=require("./SChartSkeletonHost-CixHLD65.cjs"),t=require("./buildCartesianChartScales-Dck5yBMo.cjs");let n=require("vue");var r=(e,t)=>!e||t>=1?e:t<=0?`transparent`:`color-mix(in srgb, ${e} ${Math.round(t*100)}%, transparent)`,i=(e,t,n=1)=>{if(typeof window>`u`)return n;let r=t??document.documentElement,i=getComputedStyle(r).getPropertyValue(e).trim(),a=Number.parseFloat(i);return Number.isNaN(a)?n:a},a=172,o=.0643,s=.8972,c=(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}},l=(e,t,n,i=1)=>{let{chart:l}=e,{ctx:u,chartArea:d}=l;if(!d)return t;let f=r(t,i),p=r(n,i),{x0:m,y0:h,x1:g,y1:_}=c(d,a),v=u.createLinearGradient(m,h,g,_);return v.addColorStop(0,f),v.addColorStop(o,f),v.addColorStop(s,p),v.addColorStop(1,p),v},u=5,d=5,f=(e,t,n)=>{if(t)return t;let r=e.reduce((e,t)=>Math.max(e,t.value),0),i=Math.ceil(r/n)*n;return i>0?i:n*5},p=(e,t)=>!t||typeof e!=`number`?e:`${e}%`,m=({points:n,seriesLabel:r,colorHostElement:a,yMax:o,yMin:s,yStep:c=d,skeleton:m=!1})=>{let h=e.v(e.p.axisLabel,a),g=e.v(e.p.grid,a),_=e.v(m?e.p.skeletonSeries:e.p.seriesPrimary,a),v=e.v(m?e.p.skeletonFillStart:e.p.seriesFillStart,a),y=e.v(m?e.p.skeletonFillEnd:e.p.seriesFillEnd,a),b=e.v(e.p.tooltipBackground,a),x=e.v(e.p.tooltipText,a),S=i(m?e.p.skeletonFillOpacity:e.p.seriesFillOpacity,a,.8),C=m&&o?o:f(n,o,c),w=m&&s!==void 0?s:0;return{type:`line`,data:{labels:n.map(e=>e.label),datasets:[{label:r,data:n.map(e=>e.value),borderColor:_,backgroundColor:e=>l(e,v,y,S),borderWidth:u,fill:!0,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:e.i(m,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(m),backgroundColor:b,titleColor:x,bodyColor:x,displayColors:!1}},scales:t.t({axisLabelColor:h,gridColor:g,yMin:w,yMax:C,yStep:c,formatYAxisTick:e=>p(e,m)})}}},h=[{label:`ноябрь 2025`,value:63},{label:`декабрь 2025`,value:77},{label:`январь 2026`,value:75},{label:`февраль 2026`,value:81},{label:`март 2026`,value:91},{label:`апрель 2026`,value:87}],g={class:`s-ui-chart-line__canvas-wrap`},_=(0,n.defineComponent)({__name:`SChartLine`,props:{points:{default:()=>[]},seriesLabel:{default:`Series`},loading:{type:Boolean,default:!1},yMax:{},yStep:{}},setup(t){let r=(0,n.useTemplateRef)(`chartRootRef`),i=(0,n.useTemplateRef)(`chartCanvasRef`),a=(0,n.computed)(()=>t.loading?h:t.points);return e.r({canvasRef:i,config:(0,n.computed)(()=>!t.loading&&t.points.length===0?null:m({points:a.value,seriesLabel:t.seriesLabel,colorHostElement:r.value,yMax:t.loading?100:t.yMax,yMin:t.loading?50:void 0,yStep:t.loading?10:t.yStep,skeleton:t.loading})),enabled:(0,n.computed)(()=>t.loading||t.points.length>0)}),(a,o)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,n.normalizeClass)([`s-ui-chart-line`,{"s-ui-chart-line--skeleton":t.loading}])},[(0,n.createElementVNode)(`div`,g,[(0,n.createVNode)((0,n.unref)(e.t),{loading:t.loading},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,class:`s-ui-chart-line__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});
+const e=require("./SChartSkeletonHost-YmLC5zOX.cjs"),t=require("./buildCartesianChartScales-Dck5yBMo.cjs");let n=require("vue");var r=(e,t)=>!e||t>=1?e:t<=0?`transparent`:`color-mix(in srgb, ${e} ${Math.round(t*100)}%, transparent)`,i=(e,t,n=1)=>{if(typeof window>`u`)return n;let r=t??document.documentElement,i=getComputedStyle(r).getPropertyValue(e).trim(),a=Number.parseFloat(i);return Number.isNaN(a)?n:a},a=172,o=.0643,s=.8972,c=(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}},l=(e,t,n,i=1)=>{let{chart:l}=e,{ctx:u,chartArea:d}=l;if(!d)return t;let f=r(t,i),p=r(n,i),{x0:m,y0:h,x1:g,y1:_}=c(d,a),v=u.createLinearGradient(m,h,g,_);return v.addColorStop(0,f),v.addColorStop(o,f),v.addColorStop(s,p),v.addColorStop(1,p),v},u=5,d=5,f=(e,t,n)=>{if(t)return t;let r=e.reduce((e,t)=>Math.max(e,t.value),0),i=Math.ceil(r/n)*n;return i>0?i:n*5},p=(e,t)=>!t||typeof e!=`number`?e:`${e}%`,m=({points:n,seriesLabel:r,colorHostElement:a,yMax:o,yMin:s,yStep:c=d,skeleton:m=!1})=>{let h=e.y(e.m.axisLabel,a),g=e.y(e.m.grid,a),_=e.y(m?e.m.skeletonSeries:e.m.seriesPrimary,a),v=e.y(m?e.m.skeletonFillStart:e.m.seriesFillStart,a),y=e.y(m?e.m.skeletonFillEnd:e.m.seriesFillEnd,a),b=e.y(e.m.tooltipBackground,a),x=e.y(e.m.tooltipText,a),S=i(m?e.m.skeletonFillOpacity:e.m.seriesFillOpacity,a,.8),C=m&&o?o:f(n,o,c),w=m&&s!==void 0?s:0;return{type:`line`,data:{labels:n.map(e=>e.label),datasets:[{label:r,data:n.map(e=>e.value),borderColor:_,backgroundColor:e=>l(e,v,y,S),borderWidth:u,fill:!0,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:e.i(m,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(m),backgroundColor:b,titleColor:x,bodyColor:x,displayColors:!1}},scales:t.t({axisLabelColor:h,gridColor:g,yMin:w,yMax:C,yStep:c,formatYAxisTick:e=>p(e,m)})}}},h=[{label:`ноябрь 2025`,value:63},{label:`декабрь 2025`,value:77},{label:`январь 2026`,value:75},{label:`февраль 2026`,value:81},{label:`март 2026`,value:91},{label:`апрель 2026`,value:87}],g={class:`s-ui-chart-line__canvas-wrap`},_=(0,n.defineComponent)({__name:`SChartLine`,props:{points:{default:()=>[]},seriesLabel:{default:`Series`},loading:{type:Boolean,default:!1},yMax:{},yStep:{}},setup(t){let r=(0,n.useTemplateRef)(`chartRootRef`),i=(0,n.useTemplateRef)(`chartCanvasRef`),a=(0,n.computed)(()=>t.loading?h:t.points);return e.r({canvasRef:i,config:(0,n.computed)(()=>!t.loading&&t.points.length===0?null:m({points:a.value,seriesLabel:t.seriesLabel,colorHostElement:r.value,yMax:t.loading?100:t.yMax,yMin:t.loading?50:void 0,yStep:t.loading?10:t.yStep,skeleton:t.loading})),enabled:(0,n.computed)(()=>t.loading||t.points.length>0)}),(a,o)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,n.normalizeClass)([`s-ui-chart-line`,{"s-ui-chart-line--skeleton":t.loading}])},[(0,n.createElementVNode)(`div`,g,[(0,n.createVNode)((0,n.unref)(e.t),{loading:t.loading},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,class:`s-ui-chart-line__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});

package/dist/{SChartPie-qCJdztmc.js → SChartPie-_6ij1EVn.js}

@@ -1,12 +1,12 @@
-import { a as e, h as t, i as n, m as r, n as i, o as a, p as o, r as s, t as c, v as l } from "./SChartSkeletonHost-BnYGg6WN.js";
-import { n as u, t as d } from "./SChartLegend-CcbzWNuw.js";
+import { a as e, g as t, h as n, i as r, m as i, n as a, o, r as s, t as c, y as l } from "./SChartSkeletonHost-CnfMevXX.js";
+import { n as u, t as d } from "./SChartLegend-DW16AfUz.js";
 import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, openBlock as b, unref as x, useTemplateRef as S, withCtx as C } from "vue";
 //#region src/utils/chart/pie/resolvePieSliceColor.ts
-var w = (e, n, i, a = !1) => u(e, n, i, a, {
+var w = (e, r, a, o = !1) => u(e, r, a, o, {
 	palette: t,
-	paletteFallback: o.piePalette1,
-	skeletonPalette: r,
-	skeletonFallback: o.pieSkeletonPalette1
+	paletteFallback: i.piePalette1,
+	skeletonPalette: n,
+	skeletonFallback: i.pieSkeletonPalette1
 }), T = () => ({
 	title: () => "",
 	label: (e) => `${e.label ?? ""} – ${e.parsed ?? 0}`
@@ -18,20 +18,20 @@ var w = (e, n, i, a = !1) => u(e, n, i, a, {
 	afterDatasetsDraw(t) {
 		let n = t.getDatasetMeta(0);
 		if (!n) return;
-		let r = l(o.pieBadgeBackground, e), i = l(o.pieBadgeBorder, e), a = l(o.pieBadgeText, e), { ctx: s } = t;
+		let r = l(i.pieBadgeBackground, e), a = l(i.pieBadgeBorder, e), o = l(i.pieBadgeText, e), { ctx: s } = t;
 		s.save(), s.font = k, s.textAlign = "center", s.textBaseline = "middle";
 		for (let e = 0; e < n.data.length; e += 1) {
-			let o = n.data[e], c = t.data.datasets[0]?.data[e], l = o ? j(o) : null;
-			if (o && typeof c == "number" && c > 0 && l) {
+			let i = n.data[e], c = t.data.datasets[0]?.data[e], l = i ? j(i) : null;
+			if (i && typeof c == "number" && c > 0 && l) {
 				let e = `${c}`, t = s.measureText(e).width + E * 2;
-				A(s, l.x - t / 2, l.y - 20 / 2, t, 20, D), s.fillStyle = r, s.fill(), s.lineWidth = O, s.strokeStyle = i, s.stroke(), s.fillStyle = a, s.fillText(e, l.x, l.y);
+				A(s, l.x - t / 2, l.y - 20 / 2, t, 20, D), s.fillStyle = r, s.fill(), s.lineWidth = O, s.strokeStyle = a, s.stroke(), s.fillStyle = o, s.fillText(e, l.x, l.y);
 			}
 		}
 		s.restore();
 	}
-}), N = ({ sliceList: t, colorHostElement: r, skeleton: i = !1 }) => {
+}), N = ({ sliceList: t, colorHostElement: n, skeleton: a = !1 }) => {
 	if (t.length === 0) return null;
-	let s = l(o.pieSegmentBorder, r), c = l(o.tooltipBackground, r), u = l(o.tooltipText, r), d = t.map((e, t) => w(t, r, e.fillColor, i));
+	let s = l(i.pieSegmentBorder, n), c = l(i.tooltipBackground, n), u = l(i.tooltipText, n), d = t.map((e, t) => w(t, n, e.fillColor, a));
 	return {
 		type: "pie",
 		data: {
@@ -55,14 +55,14 @@ var w = (e, n, i, a = !1) => u(e, n, i, a, {
 			cutout: "58%",
 			rotation: 115,
 			layout: { padding: 26 },
-			interaction: n(i, {
+			interaction: r(a, {
 				mode: "nearest",
 				intersect: !0
 			}),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: e(i),
+					enabled: e(a),
 					backgroundColor: c,
 					titleColor: u,
 					bodyColor: u,
@@ -71,7 +71,7 @@ var w = (e, n, i, a = !1) => u(e, n, i, a, {
 				}
 			}
 		},
-		plugins: a(i, [M(r)])
+		plugins: o(a, [M(n)])
 	};
 }, P = [
 	"Series 1",
@@ -104,11 +104,11 @@ var w = (e, n, i, a = !1) => u(e, n, i, a, {
 		}
 	},
 	setup(e) {
-		let t = i, n = S("chartRootRef"), r = S("chartCanvasRef"), a = f(() => e.loading ? I : e.slices), o = f(() => !e.loading && e.slices.length === 0 ? null : N({
-			sliceList: a.value,
+		let t = a, n = S("chartRootRef"), r = S("chartCanvasRef"), i = f(() => e.loading ? I : e.slices), o = f(() => !e.loading && e.slices.length === 0 ? null : N({
+			sliceList: i.value,
 			colorHostElement: n.value,
 			skeleton: e.loading
-		})), l = f(() => a.value.map((t, r) => ({
+		})), l = f(() => i.value.map((t, r) => ({
 			label: t.label,
 			color: w(r, n.value, t.fillColor, e.loading)
 		})));

package/dist/{SChartPie-BdKc6EbI.cjs → SChartPie-xu1fcWMy.cjs}

@@ -1 +1 @@
-const e=require("./SChartSkeletonHost-CixHLD65.cjs"),t=require("./SChartLegend-CLTLJeRH.cjs");let n=require("vue");var r=(n,r,i,a=!1)=>t.n(n,r,i,a,{palette:e.h,paletteFallback:e.p.piePalette1,skeletonPalette:e.m,skeletonFallback:e.p.pieSkeletonPalette1}),i=()=>({title:()=>``,label:e=>`${e.label??``} – ${e.parsed??0}`}),a=4,o=4,s=1,c=`400 12px var(--s-ui-font-family-label)`,l=(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),d=t=>({id:`pieSegmentBadge`,afterDatasetsDraw(n){let r=n.getDatasetMeta(0);if(!r)return;let i=e.v(e.p.pieBadgeBackground,t),d=e.v(e.p.pieBadgeBorder,t),f=e.v(e.p.pieBadgeText,t),{ctx:p}=n;p.save(),p.font=c,p.textAlign=`center`,p.textBaseline=`middle`;for(let e=0;e<r.data.length;e+=1){let t=r.data[e],c=n.data.datasets[0]?.data[e],m=t?u(t):null;if(t&&typeof c==`number`&&c>0&&m){let e=`${c}`,t=p.measureText(e).width+a*2;l(p,m.x-t/2,m.y-20/2,t,20,o),p.fillStyle=i,p.fill(),p.lineWidth=s,p.strokeStyle=d,p.stroke(),p.fillStyle=f,p.fillText(e,m.x,m.y)}}p.restore()}}),f=({sliceList:t,colorHostElement:n,skeleton:a=!1})=>{if(t.length===0)return null;let o=e.v(e.p.pieSegmentBorder,n),s=e.v(e.p.tooltipBackground,n),c=e.v(e.p.tooltipText,n),l=t.map((e,t)=>r(t,n,e.fillColor,a));return{type:`pie`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:l,hoverBackgroundColor:l,borderColor:o,hoverBorderColor:o,borderWidth:4,hoverBorderWidth:4,hoverOffset:26,spacing:0,borderRadius:8}]},options:{responsive:!0,maintainAspectRatio:!0,cutout:`58%`,rotation:115,layout:{padding:26},interaction:e.i(a,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(a),backgroundColor:s,titleColor:c,bodyColor:c,displayColors:!1,callbacks:i()}}},plugins:e.o(a,[d(n)])}},p=[`Series 1`,`Series 2`,`Series 3`,`Series 4`,`Series 5`,`Series 6`,`Series 7`,`Series 8`],m=[4,1,1,1,1,1,1,1],h=p.map((e,t)=>({label:e,value:m[t]??1})),g={class:`s-ui-chart-pie__canvas-wrap`},_=(0,n.defineComponent)({__name:`SChartPie`,props:{slices:{default:()=>[]},loading:{type:Boolean,default:!1}},setup(i){let a=e.n,o=(0,n.useTemplateRef)(`chartRootRef`),s=(0,n.useTemplateRef)(`chartCanvasRef`),c=(0,n.computed)(()=>i.loading?h:i.slices),l=(0,n.computed)(()=>!i.loading&&i.slices.length===0?null:f({sliceList:c.value,colorHostElement:o.value,skeleton:i.loading})),u=(0,n.computed)(()=>c.value.map((e,t)=>({label:e.label,color:r(t,o.value,e.fillColor,i.loading)})));return e.r({canvasRef:s,config:l,enabled:(0,n.computed)(()=>i.loading||i.slices.length>0)}),(r,c)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:o,class:(0,n.normalizeClass)([`s-ui-chart-pie`,{"s-ui-chart-pie--skeleton":i.loading}])},[(0,n.createElementVNode)(`div`,g,[(0,n.createVNode)((0,n.unref)(e.t),{loading:i.loading,type:(0,n.unref)(a).PIE},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:s,class:`s-ui-chart-pie__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),u.value.length>0?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),{key:0,items:u.value,disabled:i.loading,direction:`column`},null,8,[`items`,`disabled`])):(0,n.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});
+const e=require("./SChartSkeletonHost-YmLC5zOX.cjs"),t=require("./SChartLegend-BFwzIA4x.cjs");let n=require("vue");var r=(n,r,i,a=!1)=>t.n(n,r,i,a,{palette:e.g,paletteFallback:e.m.piePalette1,skeletonPalette:e.h,skeletonFallback:e.m.pieSkeletonPalette1}),i=()=>({title:()=>``,label:e=>`${e.label??``} – ${e.parsed??0}`}),a=4,o=4,s=1,c=`400 12px var(--s-ui-font-family-label)`,l=(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),d=t=>({id:`pieSegmentBadge`,afterDatasetsDraw(n){let r=n.getDatasetMeta(0);if(!r)return;let i=e.y(e.m.pieBadgeBackground,t),d=e.y(e.m.pieBadgeBorder,t),f=e.y(e.m.pieBadgeText,t),{ctx:p}=n;p.save(),p.font=c,p.textAlign=`center`,p.textBaseline=`middle`;for(let e=0;e<r.data.length;e+=1){let t=r.data[e],c=n.data.datasets[0]?.data[e],m=t?u(t):null;if(t&&typeof c==`number`&&c>0&&m){let e=`${c}`,t=p.measureText(e).width+a*2;l(p,m.x-t/2,m.y-20/2,t,20,o),p.fillStyle=i,p.fill(),p.lineWidth=s,p.strokeStyle=d,p.stroke(),p.fillStyle=f,p.fillText(e,m.x,m.y)}}p.restore()}}),f=({sliceList:t,colorHostElement:n,skeleton:a=!1})=>{if(t.length===0)return null;let o=e.y(e.m.pieSegmentBorder,n),s=e.y(e.m.tooltipBackground,n),c=e.y(e.m.tooltipText,n),l=t.map((e,t)=>r(t,n,e.fillColor,a));return{type:`pie`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:l,hoverBackgroundColor:l,borderColor:o,hoverBorderColor:o,borderWidth:4,hoverBorderWidth:4,hoverOffset:26,spacing:0,borderRadius:8}]},options:{responsive:!0,maintainAspectRatio:!0,cutout:`58%`,rotation:115,layout:{padding:26},interaction:e.i(a,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(a),backgroundColor:s,titleColor:c,bodyColor:c,displayColors:!1,callbacks:i()}}},plugins:e.o(a,[d(n)])}},p=[`Series 1`,`Series 2`,`Series 3`,`Series 4`,`Series 5`,`Series 6`,`Series 7`,`Series 8`],m=[4,1,1,1,1,1,1,1],h=p.map((e,t)=>({label:e,value:m[t]??1})),g={class:`s-ui-chart-pie__canvas-wrap`},_=(0,n.defineComponent)({__name:`SChartPie`,props:{slices:{default:()=>[]},loading:{type:Boolean,default:!1}},setup(i){let a=e.n,o=(0,n.useTemplateRef)(`chartRootRef`),s=(0,n.useTemplateRef)(`chartCanvasRef`),c=(0,n.computed)(()=>i.loading?h:i.slices),l=(0,n.computed)(()=>!i.loading&&i.slices.length===0?null:f({sliceList:c.value,colorHostElement:o.value,skeleton:i.loading})),u=(0,n.computed)(()=>c.value.map((e,t)=>({label:e.label,color:r(t,o.value,e.fillColor,i.loading)})));return e.r({canvasRef:s,config:l,enabled:(0,n.computed)(()=>i.loading||i.slices.length>0)}),(r,c)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:o,class:(0,n.normalizeClass)([`s-ui-chart-pie`,{"s-ui-chart-pie--skeleton":i.loading}])},[(0,n.createElementVNode)(`div`,g,[(0,n.createVNode)((0,n.unref)(e.t),{loading:i.loading,type:(0,n.unref)(a).PIE},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:s,class:`s-ui-chart-pie__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),u.value.length>0?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),{key:0,items:u.value,disabled:i.loading,direction:`column`},null,8,[`items`,`disabled`])):(0,n.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});

package/dist/SChartProgress-C08fiO6U.cjs

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

package/dist/SChartProgress-CofVafO6.js

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

package/dist/{SChartSkeletonHost-BnYGg6WN.js → SChartSkeletonHost-CnfMevXX.js}

@@ -1,13 +1,13 @@
 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 h, BarController as g, BarElement as _, CategoryScale as v, Chart as y, Filler as b, LineController as x, LineElement as S, LinearScale as C, PieController as w, PointElement as T, Tooltip as E } from "chart.js";
+import { ArcElement as ee, BarController as h, BarElement as g, CategoryScale as _, Chart as v, Filler as y, LineController as b, LineElement as x, LinearScale as S, PieController as C, PointElement as w, Tooltip as T } from "chart.js";
 //#region src/utils/chart/css/readCssColor.ts
-var D = (e, t) => {
+var E = (e, t) => {
 	if (typeof window > "u") return "";
 	let n = t ?? document.documentElement;
 	return getComputedStyle(n).getPropertyValue(e).trim();
-}, O = {
+}, D = {
 	axisLabel: "--s-ui-chart-axis-label",
 	grid: "--s-ui-chart-grid",
 	crosshair: "--s-ui-chart-crosshair",
@@ -71,67 +71,69 @@ var D = (e, t) => {
 	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"
-}, k = [
-	O.stackedPalette1,
-	O.stackedPalette2,
-	O.stackedPalette3,
-	O.stackedPalette4,
-	O.stackedPalette5,
-	O.stackedPalette6
+	barHorizontalCategoryLabelSkeleton: "--s-ui-chart-bar-horizontal-category-label-skeleton",
+	progressLine: "--s-ui-chart-progress-line",
+	referenceFill: "--s-ui-chart-reference-fill"
+}, O = [
+	D.stackedPalette1,
+	D.stackedPalette2,
+	D.stackedPalette3,
+	D.stackedPalette4,
+	D.stackedPalette5,
+	D.stackedPalette6
+], k = [
+	D.skeletonPalette1,
+	D.skeletonPalette2,
+	D.skeletonPalette3,
+	D.skeletonPalette4,
+	D.skeletonPalette5,
+	D.skeletonPalette6
 ], A = [
-	O.skeletonPalette1,
-	O.skeletonPalette2,
-	O.skeletonPalette3,
-	O.skeletonPalette4,
-	O.skeletonPalette5,
-	O.skeletonPalette6
+	D.barStackedPalette1,
+	D.barStackedPalette2,
+	D.barStackedPalette3,
+	D.barStackedPalette4,
+	D.barStackedPalette5,
+	D.barStackedPalette6
 ], j = [
-	O.barStackedPalette1,
-	O.barStackedPalette2,
-	O.barStackedPalette3,
-	O.barStackedPalette4,
-	O.barStackedPalette5,
-	O.barStackedPalette6
+	D.barSkeletonPalette1,
+	D.barSkeletonPalette2,
+	D.barSkeletonPalette3,
+	D.barSkeletonPalette4,
+	D.barSkeletonPalette5,
+	D.barSkeletonPalette6
 ], M = [
-	O.barSkeletonPalette1,
-	O.barSkeletonPalette2,
-	O.barSkeletonPalette3,
-	O.barSkeletonPalette4,
-	O.barSkeletonPalette5,
-	O.barSkeletonPalette6
+	D.piePalette1,
+	D.piePalette2,
+	D.piePalette3,
+	D.piePalette4,
+	D.piePalette5,
+	D.piePalette6,
+	D.piePalette7,
+	D.piePalette8
 ], N = [
-	O.piePalette1,
-	O.piePalette2,
-	O.piePalette3,
-	O.piePalette4,
-	O.piePalette5,
-	O.piePalette6,
-	O.piePalette7,
-	O.piePalette8
-], P = [
-	O.pieSkeletonPalette1,
-	O.pieSkeletonPalette2,
-	O.pieSkeletonPalette3,
-	O.pieSkeletonPalette4,
-	O.pieSkeletonPalette5,
-	O.pieSkeletonPalette6,
-	O.pieSkeletonPalette7,
-	O.pieSkeletonPalette8
-], ee = (e) => "captions" in e, F = (e, t) => {
+	D.pieSkeletonPalette1,
+	D.pieSkeletonPalette2,
+	D.pieSkeletonPalette3,
+	D.pieSkeletonPalette4,
+	D.pieSkeletonPalette5,
+	D.pieSkeletonPalette6,
+	D.pieSkeletonPalette7,
+	D.pieSkeletonPalette8
+], P = (e) => "captions" in e, te = (e, t) => {
 	let n = e.data.datasets[0];
-	if (!n || !ee(n)) return;
+	if (!n || !P(n)) return;
 	let r = n.captions?.[t];
 	if (r) return r;
-}, I = () => ({
+}, F = () => ({
 	title: (e) => {
 		let t = e[0];
 		if (!t) return "";
-		let n = F(t.chart, t.dataIndex), r = [`${t.label}`];
+		let n = te(t.chart, t.dataIndex), r = [`${t.label}`];
 		return n && r.push(n), r;
 	},
 	label: (e) => `${e.dataset.label ?? ""} – ${e.parsed.y ?? 0}`
-}), L = "stackedBarTop", R = function(e, t) {
+}), I = "stackedBarTop", L = function(e, t) {
 	if (e.length === 0) return {
 		x: t.x,
 		y: t.y
@@ -149,7 +151,22 @@ var D = (e, t) => {
 		x: (r + i) / 2,
 		y: n
 	};
-}, z = ({ total: e } = {}) => ({
+}, R = "progressChartPoint", z = 1, B = (e, t) => {
+	let n = e.data.datasets[z]?.data[t];
+	return typeof n == "number" ? n : null;
+}, V = function(e) {
+	let t = e.find((e) => e.datasetIndex === z) ?? e[0];
+	if (!t) return !1;
+	let n = this.chart.scales.y;
+	if (!n) return !1;
+	let r = B(this.chart, t.index);
+	return r === null ? !1 : {
+		x: t.element.x,
+		y: n.getPixelForValue(r),
+		xAlign: "center",
+		yAlign: "bottom"
+	};
+}, H = ({ total: e } = {}) => ({
 	title: (e) => {
 		let t = e[0];
 		return t ? `${t.label}` : "";
@@ -159,7 +176,7 @@ var D = (e, t) => {
 		let n = t.reduce((e, t) => e + (t.parsed.y ?? 0), 0);
 		return e ? `${e} – ${n}` : `${n}`;
 	}
-}), B = "stackedAreaTop", V = function(e, t) {
+}), U = "stackedAreaTop", W = function(e, t) {
 	let n = this.chart.chartArea;
 	return !n || e.length === 0 ? {
 		x: t.x,
@@ -168,16 +185,18 @@ var D = (e, t) => {
 		x: t.x,
 		y: n.top
 	};
-}, H = !1, U = !1, W = !1, G = () => {
-	U ||= (E.positioners.stackedAreaTop = V, !0);
-}, K = () => {
-	W ||= (E.positioners.stackedBarTop = R, !0);
-}, q = () => {
-	H ||= (y.register(x, S, T, g, _, w, h, C, v, E, b), G(), K(), !0);
-}, J = (e, t) => e ? {
+}, G = !1, K = !1, q = !1, J = !1, Y = () => {
+	K ||= (T.positioners.stackedAreaTop = W, !0);
+}, X = () => {
+	q ||= (T.positioners.stackedBarTop = L, !0);
+}, Z = () => {
+	J ||= (T.positioners.progressChartPoint = V, !0);
+}, Q = () => {
+	G ||= (v.register(b, x, w, h, g, C, ee, S, _, T, y), Y(), X(), Z(), !0);
+}, ne = (e, t) => e ? {
 	mode: "nearest",
 	intersect: !1
-} : t, Y = (e) => !e, X = (e, t) => e ? [] : t, Z = ({ canvasRef: e, config: t, enabled: n }) => {
+} : t, re = (e) => !e, ie = (e, t) => e ? [] : t, ae = ({ canvasRef: e, config: t, enabled: n }) => {
 	let a = s(), o = () => {
 		a.value &&= (a.value.destroy(), void 0);
 	}, l = () => {
@@ -190,7 +209,7 @@ var D = (e, t) => {
 			o();
 			return;
 		}
-		q(), a.value &&= (a.value.destroy(), void 0), a.value = new y(r, i);
+		Q(), a.value &&= (a.value.destroy(), void 0), a.value = new v(r, i);
 	};
 	return i(() => {
 		l();
@@ -205,19 +224,19 @@ var D = (e, t) => {
 	}), r(() => {
 		o();
 	}), { chartInstance: a };
-}, Q = /* @__PURE__ */ function(e) {
+}, $ = /* @__PURE__ */ function(e) {
 	return e.CARTESIAN = "cartesian", e.PIE = "pie", e;
-}({}), $ = /* @__PURE__ */ n({
+}({}), oe = /* @__PURE__ */ n({
 	__name: "SChartSkeletonHost",
 	props: {
 		loading: {
 			type: Boolean,
 			default: !1
 		},
-		type: { default: () => Q.CARTESIAN }
+		type: { default: () => $.CARTESIAN }
 	},
 	setup(n) {
-		let r = e(() => n.type === Q.PIE ? f.CHART_PIE : f.CHART_CARTESIAN);
+		let r = e(() => n.type === $.PIE ? f.CHART_PIE : f.CHART_CARTESIAN);
 		return (e, i) => n.loading ? (a(), t(l(p), {
 			key: 0,
 			type: r.value,
@@ -229,4 +248,4 @@ var D = (e, t) => {
 	}
 });
 //#endregion
-export { k as _, Y as a, z as c, M as d, j as f, A as g, N as h, J as i, L as l, P as m, Q as n, X as o, O as p, Z as r, B as s, $ as t, I as u, D as v };
+export { k as _, re as a, H as c, F as d, j as f, M as g, N as h, ne as i, R as l, D as m, $ as n, ie as o, A as p, ae as r, U as s, oe as t, I as u, O as v, E as y };