@shtabapp/ui-kit 1.74.0 → 1.76.0

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+## [@shtabapp/ui-kit-v1.76.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.75.0...@shtabapp/ui-kit@1.76.0) (2026-10-18)
+
+### Features
+
+* **charts:** виджеты отчёта по проекту — pie, segmented bar, bar и SRoadmap ([9ef3534](https://gitlab.com/mstikharev/shtab-ui-kit/commit/9ef3534242e494d46eb5bf56560824024da8730b))
+* **charts:** клик по точке в SChartMultiLine ([d4fa861](https://gitlab.com/mstikharev/shtab-ui-kit/commit/d4fa86124ba326f5c076794976607db398ad7f65))
+* **charts:** множественный выбор сегментов в SChartSegmentedBar ([eb59442](https://gitlab.com/mstikharev/shtab-ui-kit/commit/eb59442f73d90d657042a998e26338fa0fdd39e4))
+* **charts:** форматтер бейджей SChartPie и экспорт типов SChartBar ([c81f733](https://gitlab.com/mstikharev/shtab-ui-kit/commit/c81f733d6c6e0e79405fcfbc249efb99fb24c0a2))
+* **charts:** цель по точкам, заголовок tooltip и дневные точки в SChartBurnup ([0b01a8f](https://gitlab.com/mstikharev/shtab-ui-kit/commit/0b01a8f45b488aaa7fd5e1ad1eb479b0bc272e17))
+* **charts:** цель, подписи и гистограмма для графиков обзора SLA ([ec0dac8](https://gitlab.com/mstikharev/shtab-ui-kit/commit/ec0dac876333da5c24dc952813e8e52724bde3f0))
+* **list-item:** роль строки по контексту и prop `role` ([1009fc7](https://gitlab.com/mstikharev/shtab-ui-kit/commit/1009fc74bb6158830fa8f3e298e9af3c44ea7040))
+* **tab:** закрываемая вкладка без вложенного контрола ([4f669aa](https://gitlab.com/mstikharev/shtab-ui-kit/commit/4f669aa7a8e77662465785cfa36d130e76c5a389))
+
+### Bug Fixes
+
+* **button-group:** без aria-orientation у group, radio в single-режиме ([fb61935](https://gitlab.com/mstikharev/shtab-ui-kit/commit/fb61935279db66f72129cd7f550626662d4ccf96))
+* **select:** доступное имя combobox, aria-* — на контрол, а не на обёртку ([53d3bd8](https://gitlab.com/mstikharev/shtab-ui-kit/commit/53d3bd851b840efdab8241060c525f5060a3ce2f))
+* **table:** aria-level только в treegrid, значения у ручки ресайза ([53c7c63](https://gitlab.com/mstikharev/shtab-ui-kit/commit/53c7c63e4c6b2ef6c6dc0c28e7b225f5b0650728))
+* **table:** гидрация строк STable при замене данных с тем же окном ([8ac1891](https://gitlab.com/mstikharev/shtab-ui-kit/commit/8ac1891b09f88ec8e0bc8dac04f9b000ad63c176))
+
+## [@shtabapp/ui-kit-v1.75.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.74.0...@shtabapp/ui-kit@1.75.0) (2026-10-16)
+
+### Features
+
+- **charts:** виджеты отчёта по проекту — pie, segmented bar, bar и SRoadmap ([c9f5fe3](https://gitlab.com/mstikharev/shtab-ui-kit/commit/c9f5fe3ec36b2f8ec277aeed22227171c7e5c64c))
+
 ## [@shtabapp/ui-kit-v1.74.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.73.0...@shtabapp/ui-kit@1.74.0) (2026-09-13)
 
 ### Features

package/dist/{SButton-CLTNdnCK.cjs → SButton-BCgdXE_B.cjs}

@@ -1 +1 @@
-const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./context-kCi2xRHY.cjs"),n=require("./useSelectionGroup-NJvi3hNo.cjs"),r=require("./useSelectLink-DZIAhQ2J.cjs"),i=require("./useLink-1LLWpdDZ.cjs");let a=require("vue"),o=require("@shtabapp/ui-kit-primitives");var s=function(e){return e.MAJOR=`major`,e.MINOR=`minor`,e.SURFACE=`surface`,e.OUTLINED=`outlined`,e.BARE=`bare`,e}({}),c=function(e){return e.MAIN=`main`,e.NEUTRAL=`neutral`,e.DANGER=`danger`,e.SUCCESS=`success`,e.BILLING=`billing`,e}({}),l=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e.LARGE=`large`,e}({}),u={offsetX:1,offsetY:-1},d={[l.SMALL]:{offsetX:-6,offsetY:6},[l.MEDIUM]:{offsetX:-7,offsetY:7},[l.LARGE]:{offsetX:-8,offsetY:8}},f={[l.SMALL]:e.i.SMALL,[l.MEDIUM]:e.i.SMALL,[l.LARGE]:e.i.MEDIUM},p=({color:t,counterValue:n})=>{if(typeof n==`number`)return{anchored:!0,color:t,offsetX:u.offsetX,offsetY:u.offsetY,placement:e.r.TOP_END,size:e.i.MEDIUM,value:n}},m=({buttonSize:t,color:n,indicator:r})=>{if(!r)return;let i=d[t];return{anchored:!0,color:n,offsetX:i.offsetX,offsetY:i.offsetY,placement:e.r.TOP_END,size:f[t]}},h=({badgeColor:t,counter:n,indicator:r,size:i})=>({buttonBadgeProps:(0,a.computed)(()=>{let o=(0,a.toValue)(t)||e.n.MAIN;return p({color:o,counterValue:(0,a.toValue)(n)})||m({buttonSize:(0,a.toValue)(i),color:o,indicator:(0,a.toValue)(r)})})}),g=[`aria-hidden`],_={key:0,class:`s-ui-button__spinner`,"aria-hidden":`true`},v=(0,a.defineComponent)({inheritAttrs:!1,__name:`SButton`,props:{appearance:{},badgeColor:{},counter:{},disabled:{type:Boolean,default:!1},icon:{},iconLeft:{},iconRight:{},indicator:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:{},value:{},variant:{},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},setup(u){let d=(0,a.inject)(t.t,null),f=(0,a.useAttrs)(),p=(0,a.computed)(()=>n.a(u.appearance,d?(0,a.toValue)(d.appearance):void 0,s.MAJOR)),m=(0,a.computed)(()=>n.a(u.variant,d?(0,a.toValue)(d.variant):void 0,c.MAIN)),v=(0,a.computed)(()=>n.a(u.size,d?(0,a.toValue)(d.size):void 0,l.MEDIUM)),y=(0,a.computed)(()=>u.disabled||!!(d&&(0,a.toValue)(d.disabled))),b=(0,a.useTemplateRef)(`buttonRootRef`),{buttonBadgeProps:x}=h({badgeColor:()=>u.badgeColor,counter:()=>u.counter,indicator:()=>u.indicator,size:()=>v.value}),S=i.t(()=>u.link,()=>u.exact,()=>u.replace),C=S.linkPresentation;r.t({isRouterLink:S.isRouterLink,isActive:S.isActive,group:()=>d,value:()=>u.value});let w=(0,a.computed)(()=>{let e=C.value;return e.mode===`none`?`button`:e.rootTag}),T=(0,a.computed)(()=>w.value===`button`),E=(0,a.computed)(()=>y.value||u.loading),D=r.n({group:d,value:()=>u.value,el:b,disabled:y,interactive:()=>!E.value}),O=(0,a.computed)(()=>S.isRouterLink.value?S.isActive.value:D.isActive.value),k=(0,a.computed)(()=>[`s-ui-button`,`s-ui-button--tab-focus`,`s-ui-button--appearance-${p.value}`,`s-ui-button--variant-${m.value}`,`s-ui-button--size-${v.value}`,{"s-ui-button--disabled":y.value,"s-ui-button--loading":u.loading,"s-ui-button--icon-only":u.icon,"s-ui-button--full-width":u.fullWidth,"s-ui-button--active":O.value,"s-ui-button--link":C.value.mode!==`none`}]),A=(0,a.computed)(()=>({disabled:T.value?E.value:void 0,"aria-busy":u.loading?!0:void 0,"aria-pressed":D.ariaPressed.value,"aria-checked":D.ariaChecked.value,tabindex:D.tabIndex.value,...i.n(C.value,{replace:u.replace})})),j=(0,a.computed)(()=>({...A.value,...f})),M={[l.SMALL]:`s-ui-typography-label-12-medium`,[l.MEDIUM]:`s-ui-typography-label-14-medium`,[l.LARGE]:`s-ui-typography-label-16-medium`},N=(0,a.computed)(()=>M[v.value]),P={[l.SMALL]:16,[l.MEDIUM]:20,[l.LARGE]:24},F=(0,a.computed)(()=>P[v.value]),I=(0,a.computed)(()=>y.value||u.loading?!1:m.value===c.BILLING&&p.value!==s.MAJOR),L=(0,a.computed)(()=>m.value===c.BILLING&&p.value!==s.MAJOR),R=e=>{if(!E.value){if(S.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),S.navigate();return}D.handleKeydown(e)}},z=e=>{if(E.value){e.preventDefault(),e.stopPropagation();return}S.isRouterLink.value||D.handleClick()};return(t,n)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(w.value),(0,a.mergeProps)({ref_key:`buttonRootRef`,ref:b,class:k.value},j.value,{onClick:z,onKeydown:R}),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,{class:`s-ui-button__inner`,"aria-hidden":u.loading?!0:void 0},[u.icon?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:u.icon,size:F.value,billing:I.value},null,8,[`name`,`size`,`billing`])):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[u.iconLeft?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:u.iconLeft,size:F.value,billing:I.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)([`s-ui-button__label`,N.value])},[(0,a.renderSlot)(t.$slots,`default`)],2),u.iconRight?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:1,name:u.iconRight,size:F.value,billing:I.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0)],64))],8,g),u.loading?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,_,[(0,a.createVNode)((0,a.unref)(o.SSpinner),{billing:L.value,size:F.value},null,8,[`billing`,`size`])])):(0,a.createCommentVNode)(``,!0),(0,a.unref)(x)?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(e.t),(0,a.normalizeProps)((0,a.mergeProps)({key:1},(0,a.unref)(x))),null,16)):(0,a.createCommentVNode)(``,!0)]),_:3},16,[`class`]))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});
+const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./context-kCi2xRHY.cjs"),n=require("./useSelectionGroup-NJvi3hNo.cjs"),r=require("./useSelectLink-DZIAhQ2J.cjs"),i=require("./useLink-1LLWpdDZ.cjs");let a=require("vue"),o=require("@shtabapp/ui-kit-primitives");var s=function(e){return e.MAJOR=`major`,e.MINOR=`minor`,e.SURFACE=`surface`,e.OUTLINED=`outlined`,e.BARE=`bare`,e}({}),c=function(e){return e.MAIN=`main`,e.NEUTRAL=`neutral`,e.DANGER=`danger`,e.SUCCESS=`success`,e.BILLING=`billing`,e}({}),l=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e.LARGE=`large`,e}({}),u={offsetX:1,offsetY:-1},d={[l.SMALL]:{offsetX:-6,offsetY:6},[l.MEDIUM]:{offsetX:-7,offsetY:7},[l.LARGE]:{offsetX:-8,offsetY:8}},f={[l.SMALL]:e.i.SMALL,[l.MEDIUM]:e.i.SMALL,[l.LARGE]:e.i.MEDIUM},p=({color:t,counterValue:n})=>{if(typeof n==`number`)return{anchored:!0,color:t,offsetX:u.offsetX,offsetY:u.offsetY,placement:e.r.TOP_END,size:e.i.MEDIUM,value:n}},m=({buttonSize:t,color:n,indicator:r})=>{if(!r)return;let i=d[t];return{anchored:!0,color:n,offsetX:i.offsetX,offsetY:i.offsetY,placement:e.r.TOP_END,size:f[t]}},h=({badgeColor:t,counter:n,indicator:r,size:i})=>({buttonBadgeProps:(0,a.computed)(()=>{let o=(0,a.toValue)(t)||e.n.MAIN;return p({color:o,counterValue:(0,a.toValue)(n)})||m({buttonSize:(0,a.toValue)(i),color:o,indicator:(0,a.toValue)(r)})})}),g=[`aria-hidden`],_={key:0,class:`s-ui-button__spinner`,"aria-hidden":`true`},v=(0,a.defineComponent)({inheritAttrs:!1,__name:`SButton`,props:{appearance:{},badgeColor:{},counter:{},disabled:{type:Boolean,default:!1},icon:{},iconLeft:{},iconRight:{},indicator:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:{},value:{},variant:{},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},setup(u){let d=(0,a.inject)(t.t,null),f=(0,a.useAttrs)(),p=(0,a.computed)(()=>n.a(u.appearance,d?(0,a.toValue)(d.appearance):void 0,s.MAJOR)),m=(0,a.computed)(()=>n.a(u.variant,d?(0,a.toValue)(d.variant):void 0,c.MAIN)),v=(0,a.computed)(()=>n.a(u.size,d?(0,a.toValue)(d.size):void 0,l.MEDIUM)),y=(0,a.computed)(()=>u.disabled||!!(d&&(0,a.toValue)(d.disabled))),b=(0,a.useTemplateRef)(`buttonRootRef`),{buttonBadgeProps:x}=h({badgeColor:()=>u.badgeColor,counter:()=>u.counter,indicator:()=>u.indicator,size:()=>v.value}),S=i.t(()=>u.link,()=>u.exact,()=>u.replace),C=S.linkPresentation;r.t({isRouterLink:S.isRouterLink,isActive:S.isActive,group:()=>d,value:()=>u.value});let w=(0,a.computed)(()=>{let e=C.value;return e.mode===`none`?`button`:e.rootTag}),T=(0,a.computed)(()=>w.value===`button`),E=(0,a.computed)(()=>y.value||u.loading),D=r.n({group:d,value:()=>u.value,el:b,disabled:y,interactive:()=>!E.value}),O=(0,a.computed)(()=>S.isRouterLink.value?S.isActive.value:D.isActive.value),k=(0,a.computed)(()=>[`s-ui-button`,`s-ui-button--tab-focus`,`s-ui-button--appearance-${p.value}`,`s-ui-button--variant-${m.value}`,`s-ui-button--size-${v.value}`,{"s-ui-button--disabled":y.value,"s-ui-button--loading":u.loading,"s-ui-button--icon-only":u.icon,"s-ui-button--full-width":u.fullWidth,"s-ui-button--active":O.value,"s-ui-button--link":C.value.mode!==`none`}]),A=(0,a.computed)(()=>({disabled:T.value?E.value:void 0,"aria-busy":u.loading?!0:void 0,role:D.ariaChecked.value?`radio`:void 0,"aria-pressed":D.ariaPressed.value,"aria-checked":D.ariaChecked.value,tabindex:D.tabIndex.value,...i.n(C.value,{replace:u.replace})})),j=(0,a.computed)(()=>({...A.value,...f})),M={[l.SMALL]:`s-ui-typography-label-12-medium`,[l.MEDIUM]:`s-ui-typography-label-14-medium`,[l.LARGE]:`s-ui-typography-label-16-medium`},N=(0,a.computed)(()=>M[v.value]),P={[l.SMALL]:16,[l.MEDIUM]:20,[l.LARGE]:24},F=(0,a.computed)(()=>P[v.value]),I=(0,a.computed)(()=>y.value||u.loading?!1:m.value===c.BILLING&&p.value!==s.MAJOR),L=(0,a.computed)(()=>m.value===c.BILLING&&p.value!==s.MAJOR),R=e=>{if(!E.value){if(S.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),S.navigate();return}D.handleKeydown(e)}},z=e=>{if(E.value){e.preventDefault(),e.stopPropagation();return}S.isRouterLink.value||D.handleClick()};return(t,n)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(w.value),(0,a.mergeProps)({ref_key:`buttonRootRef`,ref:b,class:k.value},j.value,{onClick:z,onKeydown:R}),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,{class:`s-ui-button__inner`,"aria-hidden":u.loading?!0:void 0},[u.icon?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:u.icon,size:F.value,billing:I.value},null,8,[`name`,`size`,`billing`])):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[u.iconLeft?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:u.iconLeft,size:F.value,billing:I.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)([`s-ui-button__label`,N.value])},[(0,a.renderSlot)(t.$slots,`default`)],2),u.iconRight?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:1,name:u.iconRight,size:F.value,billing:I.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0)],64))],8,g),u.loading?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,_,[(0,a.createVNode)((0,a.unref)(o.SSpinner),{billing:L.value,size:F.value},null,8,[`billing`,`size`])])):(0,a.createCommentVNode)(``,!0),(0,a.unref)(x)?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(e.t),(0,a.normalizeProps)((0,a.mergeProps)({key:1},(0,a.unref)(x))),null,16)):(0,a.createCommentVNode)(``,!0)]),_:3},16,[`class`]))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});

package/dist/{SButton-LAOBxpd4.js → SButton-DIWMMCSc.js}

@@ -145,6 +145,7 @@ var A = /* @__PURE__ */ function(e) {
 		]), Y = u(() => ({
 			disabled: W.value ? G.value : void 0,
 			"aria-busy": e.loading ? !0 : void 0,
+			role: K.ariaChecked.value ? "radio" : void 0,
 			"aria-pressed": K.ariaPressed.value,
 			"aria-checked": K.ariaChecked.value,
 			tabindex: K.tabIndex.value,

package/dist/{SButtonGroup-DPq5g7bZ.js → SButtonGroup-BqW5Rz1p.js}

@@ -73,7 +73,6 @@ var _ = /* @__PURE__ */ function(e) {
 			orientation: c.value ? b.value : void 0,
 			class: l(x.value),
 			role: "group",
-			"aria-orientation": t.orientation,
 			"aria-disabled": t.disabled || void 0
 		}, {
 			default: g(() => [f(e.$slots, "default")]),
@@ -81,7 +80,6 @@ var _ = /* @__PURE__ */ function(e) {
 		}, 8, [
 			"orientation",
 			"class",
-			"aria-orientation",
 			"aria-disabled"
 		]));
 	}

package/dist/{SButtonGroup-Co1AUbsm.cjs → SButtonGroup-DSi8mQSz.cjs}

@@ -1 +1 @@
-const e=require("./context-kCi2xRHY.cjs"),t=require("./useSelectionGroup-NJvi3hNo.cjs");let n=require("vue");var r=function(e){return e.ATTACHED=`attached`,e.SEPARATED=`separated`,e}({}),i=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),a=(0,n.defineComponent)({__name:`SInlineGroup`,props:{orientation:{default:()=>i.HORIZONTAL}},setup(e){let t=(0,n.computed)(()=>`s-ui-inline-group--orientation-${e.orientation}`);return(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`s-ui-inline-group`,t.value])},[(0,n.renderSlot)(e.$slots,`default`)],2))}}),o=(0,n.defineComponent)({__name:`SButtonGroup`,props:(0,n.mergeModels)({mode:{default:()=>t.n.SINGLE},mandatory:{type:Boolean,default:!1},orientation:{default:()=>t.r.HORIZONTAL},layout:{default:()=>r.ATTACHED},loop:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},appearance:{},variant:{},size:{}},{modelValue:{},modelModifiers:{}}),emits:[`update:modelValue`],setup(o){let s=(0,n.useModel)(o,`modelValue`),c=t.o({modelValue:()=>s.value,onUpdateModelValue:e=>{s.value=e},mode:()=>o.mode,mandatory:()=>o.mandatory,orientation:()=>o.orientation,loop:()=>o.loop});(0,n.provide)(e.t,{mode:()=>o.mode,isSelected:c.isSelected,selectItem:c.toggle,registerItem:c.registerItem,getItemTabIndex:c.getItemTabIndex,getGroupTabIndex:c.getGroupTabIndex,handleItemKeydown:c.handleItemKeydown,appearance:()=>o.appearance,variant:()=>o.variant,size:()=>o.size,disabled:()=>o.disabled});let l=(0,n.computed)(()=>o.layout===r.ATTACHED),u=(0,n.computed)(()=>o.orientation===t.r.VERTICAL?i.VERTICAL:i.HORIZONTAL),d=(0,n.computed)(()=>[`s-ui-button-group`,`s-ui-button-group--orientation-${o.orientation}`,`s-ui-button-group--layout-${o.layout}`,{"s-ui-button-group--disabled":o.disabled}]);return(e,t)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(l.value?(0,n.unref)(a):`div`),{orientation:l.value?u.value:void 0,class:(0,n.normalizeClass)(d.value),role:`group`,"aria-orientation":o.orientation,"aria-disabled":o.disabled||void 0},{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`orientation`,`class`,`aria-orientation`,`aria-disabled`]))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
+const e=require("./context-kCi2xRHY.cjs"),t=require("./useSelectionGroup-NJvi3hNo.cjs");let n=require("vue");var r=function(e){return e.ATTACHED=`attached`,e.SEPARATED=`separated`,e}({}),i=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),a=(0,n.defineComponent)({__name:`SInlineGroup`,props:{orientation:{default:()=>i.HORIZONTAL}},setup(e){let t=(0,n.computed)(()=>`s-ui-inline-group--orientation-${e.orientation}`);return(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`s-ui-inline-group`,t.value])},[(0,n.renderSlot)(e.$slots,`default`)],2))}}),o=(0,n.defineComponent)({__name:`SButtonGroup`,props:(0,n.mergeModels)({mode:{default:()=>t.n.SINGLE},mandatory:{type:Boolean,default:!1},orientation:{default:()=>t.r.HORIZONTAL},layout:{default:()=>r.ATTACHED},loop:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},appearance:{},variant:{},size:{}},{modelValue:{},modelModifiers:{}}),emits:[`update:modelValue`],setup(o){let s=(0,n.useModel)(o,`modelValue`),c=t.o({modelValue:()=>s.value,onUpdateModelValue:e=>{s.value=e},mode:()=>o.mode,mandatory:()=>o.mandatory,orientation:()=>o.orientation,loop:()=>o.loop});(0,n.provide)(e.t,{mode:()=>o.mode,isSelected:c.isSelected,selectItem:c.toggle,registerItem:c.registerItem,getItemTabIndex:c.getItemTabIndex,getGroupTabIndex:c.getGroupTabIndex,handleItemKeydown:c.handleItemKeydown,appearance:()=>o.appearance,variant:()=>o.variant,size:()=>o.size,disabled:()=>o.disabled});let l=(0,n.computed)(()=>o.layout===r.ATTACHED),u=(0,n.computed)(()=>o.orientation===t.r.VERTICAL?i.VERTICAL:i.HORIZONTAL),d=(0,n.computed)(()=>[`s-ui-button-group`,`s-ui-button-group--orientation-${o.orientation}`,`s-ui-button-group--layout-${o.layout}`,{"s-ui-button-group--disabled":o.disabled}]);return(e,t)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(l.value?(0,n.unref)(a):`div`),{orientation:l.value?u.value:void 0,class:(0,n.normalizeClass)(d.value),role:`group`,"aria-disabled":o.disabled||void 0},{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`orientation`,`class`,`aria-disabled`]))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/{SCard-DKZYyR5b.cjs → SCard-B210wsTH.cjs}

@@ -1 +1 @@
-const e=require("./useLink-1LLWpdDZ.cjs"),t=require("./SCheckbox-DnnC5mOH.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.CARD=`card`,e.LIST=`list`,e}({}),a={key:0,class:`s-ui-card__content s-ui-card__content--skeleton`},o={class:`s-ui-card__content`},s={class:`s-ui-card__icon`,"aria-hidden":`true`},c={class:`s-ui-card__text`},l={key:0,class:`s-ui-card__title s-ui-typography-heading-h6-semibold`},u={key:1,class:`s-ui-card__subtitle s-ui-typography-body-12-regular`},d={key:0,class:`s-ui-card__meta s-ui-typography-label-12-medium`},f={key:0,class:`s-ui-card__selected-indicator`,"aria-hidden":`true`,inert:``},p=(0,n.defineComponent)({inheritAttrs:!1,__name:`SCard`,props:(0,n.mergeModels)({layout:{default:()=>i.CARD},title:{},subtitle:{},icon:{default:`page`},selectable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{selected:{type:Boolean,default:!1},selectedModifiers:{}}),emits:(0,n.mergeModels)([`click`,`keydown`],[`update:selected`]),setup(p,{emit:m}){let h=(0,n.useModel)(p,`selected`),g=m,_=(0,n.useSlots)(),v=(0,n.useAttrs)(),y=e.t(()=>p.link,()=>p.exact,()=>p.replace),b=y.linkPresentation,x=(0,n.computed)(()=>p.disabled||p.skeleton),S=y.isLink,C=(0,n.computed)(()=>b.value.mode===`none`?`div`:b.value.rootTag),w=(0,n.computed)(()=>{if(x.value)return-1;if(!S.value)return 0}),T=(0,n.computed)(()=>({"aria-busy":p.skeleton?!0:void 0,"aria-disabled":x.value?!0:void 0,"aria-pressed":p.selectable&&!x.value&&!S.value&&h.value?!0:void 0,role:x.value||S.value?void 0:`button`,tabindex:w.value,...e.n(b.value,{replace:p.replace})})),E=(0,n.computed)(()=>({...T.value,...v})),D=(0,n.computed)(()=>p.selectable&&!x.value),O=(0,n.computed)(()=>p.layout===i.LIST?r.ESSkeletonType.S_CARD_LIST:r.ESSkeletonType.S_CARD),k=(0,n.computed)(()=>[`s-ui-card--layout-${p.layout}`,{"s-ui-card--selected":h.value,"s-ui-card--selectable":p.selectable,"s-ui-card--disabled":p.disabled,"s-ui-card--skeleton":p.skeleton,"s-ui-card--link":S.value,"s-ui-card--with-subtitle":!!(p.subtitle||_.subtitle)}]),A=e=>{if(x.value){e.preventDefault();return}if(y.isRouterLink.value){g(`click`,e);return}p.selectable&&(h.value=!h.value),g(`click`,e)},j=[`Enter`,` `,`Spacebar`],M=[`Enter`,` `],N=e=>{if(!x.value){if(g(`keydown`,e),y.isRouterLink.value&&j.includes(e.key)){e.preventDefault(),y.navigate();return}S.value||M.includes(e.key)&&(e.preventDefault(),e.currentTarget instanceof HTMLElement&&e.currentTarget.click())}};return(e,i)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(C.value),(0,n.mergeProps)({class:[`s-ui-card`,k.value]},E.value,{onClick:A,onKeydown:N}),{default:(0,n.withCtx)(()=>[p.skeleton?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,[(0,n.createVNode)((0,n.unref)(r.SSkeleton),{class:`s-ui-card__skeleton`,type:O.value},null,8,[`type`])])):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createElementVNode)(`div`,o,[(0,n.createElementVNode)(`span`,s,[(0,n.renderSlot)(e.$slots,`icon`,{},()=>[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:p.icon,size:16},null,8,[`name`])])]),(0,n.createElementVNode)(`span`,c,[p.title||_.title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,[(0,n.renderSlot)(e.$slots,`title`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.title),1)])])):(0,n.createCommentVNode)(``,!0),p.subtitle||_.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,[(0,n.renderSlot)(e.$slots,`subtitle`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.subtitle),1)])])):(0,n.createCommentVNode)(``,!0)]),_.meta?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,d,[(0,n.renderSlot)(e.$slots,`meta`)])):(0,n.createCommentVNode)(``,!0)]),D.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,f,[(0,n.renderSlot)(e.$slots,`selected-indicator`,{},()=>[(0,n.createVNode)((0,n.unref)(t.t),{"model-value":h.value,size:(0,n.unref)(t.i).EXTRA_SMALL},null,8,[`model-value`,`size`])])])):(0,n.createCommentVNode)(``,!0)],64))]),_:3},16,[`class`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
+const e=require("./useLink-1LLWpdDZ.cjs"),t=require("./SCheckbox-Dkbk21Id.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.CARD=`card`,e.LIST=`list`,e}({}),a={key:0,class:`s-ui-card__content s-ui-card__content--skeleton`},o={class:`s-ui-card__content`},s={class:`s-ui-card__icon`,"aria-hidden":`true`},c={class:`s-ui-card__text`},l={key:0,class:`s-ui-card__title s-ui-typography-heading-h6-semibold`},u={key:1,class:`s-ui-card__subtitle s-ui-typography-body-12-regular`},d={key:0,class:`s-ui-card__meta s-ui-typography-label-12-medium`},f={key:0,class:`s-ui-card__selected-indicator`,"aria-hidden":`true`,inert:``},p=(0,n.defineComponent)({inheritAttrs:!1,__name:`SCard`,props:(0,n.mergeModels)({layout:{default:()=>i.CARD},title:{},subtitle:{},icon:{default:`page`},selectable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{selected:{type:Boolean,default:!1},selectedModifiers:{}}),emits:(0,n.mergeModels)([`click`,`keydown`],[`update:selected`]),setup(p,{emit:m}){let h=(0,n.useModel)(p,`selected`),g=m,_=(0,n.useSlots)(),v=(0,n.useAttrs)(),y=e.t(()=>p.link,()=>p.exact,()=>p.replace),b=y.linkPresentation,x=(0,n.computed)(()=>p.disabled||p.skeleton),S=y.isLink,C=(0,n.computed)(()=>b.value.mode===`none`?`div`:b.value.rootTag),w=(0,n.computed)(()=>{if(x.value)return-1;if(!S.value)return 0}),T=(0,n.computed)(()=>({"aria-busy":p.skeleton?!0:void 0,"aria-disabled":x.value?!0:void 0,"aria-pressed":p.selectable&&!x.value&&!S.value&&h.value?!0:void 0,role:x.value||S.value?void 0:`button`,tabindex:w.value,...e.n(b.value,{replace:p.replace})})),E=(0,n.computed)(()=>({...T.value,...v})),D=(0,n.computed)(()=>p.selectable&&!x.value),O=(0,n.computed)(()=>p.layout===i.LIST?r.ESSkeletonType.S_CARD_LIST:r.ESSkeletonType.S_CARD),k=(0,n.computed)(()=>[`s-ui-card--layout-${p.layout}`,{"s-ui-card--selected":h.value,"s-ui-card--selectable":p.selectable,"s-ui-card--disabled":p.disabled,"s-ui-card--skeleton":p.skeleton,"s-ui-card--link":S.value,"s-ui-card--with-subtitle":!!(p.subtitle||_.subtitle)}]),A=e=>{if(x.value){e.preventDefault();return}if(y.isRouterLink.value){g(`click`,e);return}p.selectable&&(h.value=!h.value),g(`click`,e)},j=[`Enter`,` `,`Spacebar`],M=[`Enter`,` `],N=e=>{if(!x.value){if(g(`keydown`,e),y.isRouterLink.value&&j.includes(e.key)){e.preventDefault(),y.navigate();return}S.value||M.includes(e.key)&&(e.preventDefault(),e.currentTarget instanceof HTMLElement&&e.currentTarget.click())}};return(e,i)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(C.value),(0,n.mergeProps)({class:[`s-ui-card`,k.value]},E.value,{onClick:A,onKeydown:N}),{default:(0,n.withCtx)(()=>[p.skeleton?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,[(0,n.createVNode)((0,n.unref)(r.SSkeleton),{class:`s-ui-card__skeleton`,type:O.value},null,8,[`type`])])):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createElementVNode)(`div`,o,[(0,n.createElementVNode)(`span`,s,[(0,n.renderSlot)(e.$slots,`icon`,{},()=>[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:p.icon,size:16},null,8,[`name`])])]),(0,n.createElementVNode)(`span`,c,[p.title||_.title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,[(0,n.renderSlot)(e.$slots,`title`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.title),1)])])):(0,n.createCommentVNode)(``,!0),p.subtitle||_.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,[(0,n.renderSlot)(e.$slots,`subtitle`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.subtitle),1)])])):(0,n.createCommentVNode)(``,!0)]),_.meta?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,d,[(0,n.renderSlot)(e.$slots,`meta`)])):(0,n.createCommentVNode)(``,!0)]),D.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,f,[(0,n.renderSlot)(e.$slots,`selected-indicator`,{},()=>[(0,n.createVNode)((0,n.unref)(t.t),{"model-value":h.value,size:(0,n.unref)(t.i).EXTRA_SMALL},null,8,[`model-value`,`size`])])])):(0,n.createCommentVNode)(``,!0)],64))]),_:3},16,[`class`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});

package/dist/{SCard-DgGxjBUV.js → SCard-DJuyINB7.js}

@@ -1,5 +1,5 @@
 import { n as e, t } from "./useLink-Com5VhOk.js";
-import { i as n, t as r } from "./SCheckbox-BMkOc5cn.js";
+import { i as n, t as r } from "./SCheckbox-Dulusx5v.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, mergeProps as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useAttrs as b, useModel as x, useSlots as S, withCtx as C } from "vue";
 import { ESSkeletonType as w, SIcon as T, SSkeleton as E } from "@shtabapp/ui-kit-primitives";
 //#region src/components/SCard/SCard.types.ts

package/dist/SChartBar-BvytQ-2z.js

@@ -0,0 +1,293 @@
+import { T as e, b as t, d as n, f as r, i, n as a, r as o, t as s, u as c, x as l } from "./useChartInteractivity-DygkiRA1.js";
+import { t as u } from "./SChartLegend-dDqLhvIj.js";
+import { t as d } from "./resolveCssColorValue-DH_SEZj4.js";
+import { t as f } from "./buildCartesianChartScales-EofFq3ry.js";
+import { t as p } from "./resolveChartValueRange-DZybnmaX.js";
+import { t as m } from "./resolveBarStackedSeriesColor-CjwUxrUx.js";
+import { t as h } from "./applyChartHighlightedYTick-DmsstRVM.js";
+import { t as g } from "./splitChartAxisLabel-D-IFyucJ.js";
+import { n as _, t as v } from "./buildChartSeriesPoints-BTyOpkin.js";
+import { t as y } from "./useHasListener-RSjlUyqH.js";
+import { computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createVNode as T, defineComponent as E, normalizeClass as D, openBlock as O, unref as k, useTemplateRef as A, withCtx as j } from "vue";
+//#region src/components/SChartBar/utils/createBarTargetLinePlugin.ts
+var M = 1, N = [4, 4], P = "500 10px var(--s-ui-font-family-label)", F = 4, I = (e) => e.length > 0 && new Set(e).size === 1, L = ({ target: n, colorHostElement: r, rightAxisId: i }) => ({
+	id: "barTargetLine",
+	afterDatasetsDraw(a) {
+		if (!n || n.values.length === 0) return;
+		let o = n.axis === "right" ? i : "y", s = a.scales[o], c = a.scales.x;
+		if (!s || !c) return;
+		let { ctx: l, chartArea: u } = a, f = n.color ? d(n.color, r) : t(e.grid, r);
+		l.save(), l.strokeStyle = f, l.lineWidth = M, l.setLineDash(n.solid ? [] : N);
+		let [p] = n.values;
+		if (p !== void 0 && I(n.values)) {
+			let e = s.getPixelForValue(p);
+			l.beginPath(), l.moveTo(u.left, e), l.lineTo(u.right, e), l.stroke(), n.label && (l.setLineDash([]), l.fillStyle = f, l.font = P, l.textAlign = "left", l.fillText(n.label, u.left, e - F));
+		} else {
+			let e = (u.right - u.left) / n.values.length;
+			n.values.forEach((t, n) => {
+				if (t <= 0) return;
+				let r = s.getPixelForValue(t);
+				l.beginPath(), l.moveTo(u.left + e * n, r), l.lineTo(u.left + e * (n + 1), r), l.stroke();
+			});
+		}
+		l.restore();
+	}
+}), R = 4, z = 10, B = 500, V = "sans-serif", H = (e) => typeof window > "u" ? `${B} ${z}px ${V}` : `${B} ${z}px ${getComputedStyle(e ?? document.documentElement).getPropertyValue("--s-ui-font-family-label").trim() || V}`, U = ({ colorHostElement: n, formatValue: r }) => ({
+	id: "barValueLabel",
+	afterDatasetsDraw(a) {
+		let o = t(e.barValueLabel, n), s = t(e.barValueLabelMuted, n), { ctx: c } = a;
+		c.save(), c.font = H(n), c.textAlign = "center", a.data.datasets.forEach((e, t) => {
+			a.isDatasetVisible(t) && a.getDatasetMeta(t).data.forEach((n, l) => {
+				let u = e.data[l];
+				if (typeof u != "number") return;
+				let d = u < 0;
+				c.fillStyle = i(a, t, l) ? s : o, c.textBaseline = d ? "top" : "bottom", c.fillText(r ? r(u) : String(u), n.x, d ? n.y + R : n.y - R);
+			});
+		}), c.restore();
+	}
+}), W = 5, G = 4, K = 12, q = "yRight", J = "yMirror", Y = 1.05, ee = 16, te = .92, ne = 1, re = (e, t) => e.data.datasets.every((n, r) => !e.isDatasetVisible(r) || i(e, r, t)), X = (e, t, n, r) => p(e.flatMap((e) => e.points.map((e) => e.value * Y)), {
+	yMin: t,
+	yMax: n,
+	yStep: r
+}), Z = ({ seriesList: i, colorHostElement: a, yMax: s, yMin: l, yStep: u = W, rightYMax: p, rightYStep: _ = W, mirrorYAxis: v = !1, target: y, skeleton: b = !1, showValues: x = !1, formatValue: S, formatYTick: C, mode: w = "grouped", categories: T = [], highlightedYTick: E, onPointClick: D }) => {
+	if (i.length === 0) return null;
+	let O = i.filter((e) => e.axis !== "right"), k = i.filter((e) => e.axis === "right"), A = t(e.axisLabel, a), j = t(e.grid, a), M = t(e.tooltipBackground, a), N = t(e.tooltipText, a), P = t(e.barAxisLabelMuted, a), F = X(O, l, s, u), I = X(k, void 0, p, _), R = w === "histogram", z = T.map((e) => d(e.color, a)), B = f({
+		axisLabelColor: A,
+		gridColor: j,
+		yMin: F.min,
+		yMax: F.max,
+		yStep: u,
+		xTickFontSize: K,
+		...C ? { formatYAxisTick: (e) => typeof e == "number" ? C(e) : e } : {}
+	}), V = E && !b ? h(B.y.ticks, {
+		highlightedTick: E,
+		yStep: u,
+		axisLabelColor: A,
+		colorHostElement: a
+	}) : { ticks: B.y.ticks }, H = R ? {
+		...B.y,
+		display: !1
+	} : {
+		...B.y,
+		...V
+	}, Y = (e, t) => ({
+		type: "linear",
+		position: "right",
+		min: e,
+		max: t,
+		border: { display: !1 },
+		grid: { drawOnChartArea: !1 },
+		...V
+	}), Z = k.length > 0 ? { [q]: Y(I.min, I.max) } : v && !R ? { [J]: Y(F.min, F.max) } : {}, Q = {
+		x: {
+			...B.x,
+			...R ? { border: {
+				display: !0,
+				color: j
+			} } : {},
+			ticks: {
+				...B.x.ticks,
+				color: ({ chart: e, index: t }) => re(e, t) ? P : A
+			}
+		},
+		y: H,
+		...Z
+	}, $ = o({
+		kind: "segment",
+		skeleton: b,
+		colorHostElement: a,
+		onElementIndexClick: D
+	});
+	return {
+		type: "bar",
+		data: {
+			labels: i[0]?.points.map((e) => g(e.label)) ?? [],
+			datasets: i.map((e, t) => {
+				let n = m(t, a, e.fillColor, b), r = e.points.map((e) => e.fillColor ? d(e.fillColor, a) : (e.category === void 0 ? void 0 : z[e.category]) ?? n);
+				return {
+					label: e.label,
+					data: e.points.map((e) => e.value),
+					backgroundColor: r,
+					hoverBackgroundColor: r,
+					borderWidth: 0,
+					hoverBorderWidth: 0,
+					borderRadius: G,
+					yAxisID: e.axis === "right" ? q : "y",
+					captions: e.points.map((e) => e.caption),
+					categories: e.points.map((e) => e.category),
+					...R ? {
+						barPercentage: te,
+						categoryPercentage: ne
+					} : {}
+				};
+			})
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			layout: x ? { padding: { top: ee } } : void 0,
+			onHover: $.onHover,
+			onClick: $.onClick,
+			hover: b ? void 0 : {
+				mode: "nearest",
+				intersect: !0
+			},
+			interaction: c(b, {
+				mode: "nearest",
+				intersect: !0
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: n(b),
+					backgroundColor: M,
+					titleColor: N,
+					bodyColor: N,
+					displayColors: !1
+				}
+			},
+			scales: Q
+		},
+		plugins: r(b, [
+			L({
+				target: y,
+				colorHostElement: a,
+				rightAxisId: q
+			}),
+			...x ? [U({
+				colorHostElement: a,
+				formatValue: S
+			})] : [],
+			...$.plugins
+		])
+	};
+}, Q = [
+	"5 неделя",
+	"6 неделя",
+	"7 неделя",
+	"8 неделя",
+	"9 неделя",
+	"10 неделя"
+], $ = [{
+	label: "Series 1",
+	points: v(Q, [
+		28,
+		34,
+		24,
+		42,
+		30,
+		36
+	])
+}, {
+	label: "Series 2",
+	points: v(Q, [
+		18,
+		22,
+		16,
+		28,
+		20,
+		24
+	])
+}], ie = { class: "s-ui-chart-bar__canvas-wrap" }, ae = /* @__PURE__ */ E({
+	__name: "SChartBar",
+	props: {
+		series: { default: () => [] },
+		mode: { default: "grouped" },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		yMax: {},
+		yMin: {},
+		yStep: {},
+		rightYMax: {},
+		rightYStep: {},
+		mirrorYAxis: {
+			type: Boolean,
+			default: !1
+		},
+		target: {},
+		showLegend: {
+			type: Boolean,
+			default: !0
+		},
+		showValues: {
+			type: Boolean,
+			default: !1
+		},
+		formatValue: { type: Function },
+		formatYTick: { type: Function },
+		categories: { default: () => [] },
+		highlightedYTick: {},
+		legendSize: {}
+	},
+	emits: ["pointClick"],
+	setup(n, { expose: r, emit: i }) {
+		let o = i, c = A("chartRootRef"), f = A("chartCanvasRef"), p = b(() => n.loading ? $ : n.mode === "grouped" ? n.series : n.series.slice(0, 1)), h = (e, t) => {
+			let n = p.value[t], r = n?.points[e];
+			n && r && o("pointClick", e, t, r, n);
+		}, g = y("onPointClick"), v = b(() => !n.loading && n.series.length === 0 ? null : Z({
+			seriesList: p.value,
+			colorHostElement: c.value,
+			yMax: n.loading ? 50 : n.yMax,
+			yMin: n.loading ? void 0 : n.yMin,
+			yStep: n.loading ? 10 : n.yStep,
+			rightYMax: n.rightYMax,
+			rightYStep: n.rightYStep,
+			mirrorYAxis: n.mirrorYAxis,
+			target: n.loading ? void 0 : n.target,
+			skeleton: n.loading,
+			showValues: n.showValues,
+			formatValue: n.formatValue,
+			formatYTick: n.formatYTick,
+			mode: n.mode,
+			categories: n.categories,
+			highlightedYTick: n.highlightedYTick,
+			onPointClick: g() ? h : void 0
+		})), E = b(() => !n.loading && n.categories.length > 0), M = b(() => E.value ? n.categories.map((e) => ({
+			label: e.label,
+			color: d(e.color, c.value)
+		})) : _(p.value, (e, t) => m(e, c.value, t, n.loading))), N = b(() => n.loading || !n.target?.legendLabel ? [] : [{
+			label: n.target.legendLabel,
+			color: n.target.color ? d(n.target.color, c.value) : t(e.grid, c.value),
+			marker: "line"
+		}]), P = b(() => [...M.value, ...N.value]), { chartInstance: F } = a({
+			canvasRef: f,
+			config: v,
+			enabled: b(() => n.loading || n.series.length > 0)
+		}), { exportImage: I, handleLegendItemHover: L } = s({
+			chartInstance: F,
+			canvasRef: f,
+			colorHostElement: c,
+			legendDimKind: () => E.value ? "category" : "series"
+		}), R = (e) => {
+			L(e !== null && e < M.value.length ? e : null);
+		};
+		return r({ exportImage: I }), (e, t) => (O(), C("div", {
+			ref_key: "chartRootRef",
+			ref: c,
+			class: D(["s-ui-chart-bar", { "s-ui-chart-bar--skeleton": n.loading }])
+		}, [w("div", ie, [T(k(l), { loading: n.loading }, {
+			default: j(() => [w("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: f,
+				class: "s-ui-chart-bar__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])]), n.showLegend && P.value.length ? (O(), x(k(u), {
+			key: 0,
+			items: P.value,
+			size: n.legendSize,
+			disabled: n.loading,
+			interactive: !n.loading,
+			onItemHover: R
+		}, null, 8, [
+			"items",
+			"size",
+			"disabled",
+			"interactive"
+		])) : S("", !0)], 2));
+	}
+});
+//#endregion
+export { ae as t };

package/dist/SChartBar-BzCeNCsi.cjs

@@ -0,0 +1 @@
+const e=require("./useChartInteractivity-CaZ37kX-.cjs"),t=require("./SChartLegend-D1gPKGm0.cjs"),n=require("./resolveCssColorValue-BFMo08-w.cjs"),r=require("./buildCartesianChartScales-Dck5yBMo.cjs"),i=require("./resolveChartValueRange-DBCYLCXs.cjs"),a=require("./resolveBarStackedSeriesColor-Czkj5bJY.cjs"),o=require("./applyChartHighlightedYTick-BHVwiljn.cjs"),s=require("./splitChartAxisLabel-DAmQOJn6.cjs"),c=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),l=require("./useHasListener-BPgtbbo6.cjs");let u=require("vue");var d=1,f=[4,4],p=`500 10px var(--s-ui-font-family-label)`,m=4,h=e=>e.length>0&&new Set(e).size===1,g=({target:t,colorHostElement:r,rightAxisId:i})=>({id:`barTargetLine`,afterDatasetsDraw(a){if(!t||t.values.length===0)return;let o=t.axis===`right`?i:`y`,s=a.scales[o],c=a.scales.x;if(!s||!c)return;let{ctx:l,chartArea:u}=a,g=t.color?n.t(t.color,r):e.b(e.T.grid,r);l.save(),l.strokeStyle=g,l.lineWidth=d,l.setLineDash(t.solid?[]:f);let[_]=t.values;if(_!==void 0&&h(t.values)){let e=s.getPixelForValue(_);l.beginPath(),l.moveTo(u.left,e),l.lineTo(u.right,e),l.stroke(),t.label&&(l.setLineDash([]),l.fillStyle=g,l.font=p,l.textAlign=`left`,l.fillText(t.label,u.left,e-m))}else{let e=(u.right-u.left)/t.values.length;t.values.forEach((t,n)=>{if(t<=0)return;let r=s.getPixelForValue(t);l.beginPath(),l.moveTo(u.left+e*n,r),l.lineTo(u.left+e*(n+1),r),l.stroke()})}l.restore()}}),_=4,v=10,y=500,b=`sans-serif`,x=e=>typeof window>`u`?`${y} ${v}px ${b}`:`${y} ${v}px ${getComputedStyle(e??document.documentElement).getPropertyValue(`--s-ui-font-family-label`).trim()||b}`,S=({colorHostElement:t,formatValue:n})=>({id:`barValueLabel`,afterDatasetsDraw(r){let i=e.b(e.T.barValueLabel,t),a=e.b(e.T.barValueLabelMuted,t),{ctx:o}=r;o.save(),o.font=x(t),o.textAlign=`center`,r.data.datasets.forEach((t,s)=>{r.isDatasetVisible(s)&&r.getDatasetMeta(s).data.forEach((c,l)=>{let u=t.data[l];if(typeof u!=`number`)return;let d=u<0;o.fillStyle=e.i(r,s,l)?a:i,o.textBaseline=d?`top`:`bottom`,o.fillText(n?n(u):String(u),c.x,d?c.y+_:c.y-_)})}),o.restore()}}),C=5,w=4,T=12,E=`yRight`,D=`yMirror`,O=1.05,k=16,A=.92,j=1,M=(t,n)=>t.data.datasets.every((r,i)=>!t.isDatasetVisible(i)||e.i(t,i,n)),N=(e,t,n,r)=>i.t(e.flatMap(e=>e.points.map(e=>e.value*O)),{yMin:t,yMax:n,yStep:r}),P=({seriesList:t,colorHostElement:i,yMax:c,yMin:l,yStep:u=C,rightYMax:d,rightYStep:f=C,mirrorYAxis:p=!1,target:m,skeleton:h=!1,showValues:_=!1,formatValue:v,formatYTick:y,mode:b=`grouped`,categories:x=[],highlightedYTick:O,onPointClick:P})=>{if(t.length===0)return null;let F=t.filter(e=>e.axis!==`right`),I=t.filter(e=>e.axis===`right`),L=e.b(e.T.axisLabel,i),R=e.b(e.T.grid,i),z=e.b(e.T.tooltipBackground,i),B=e.b(e.T.tooltipText,i),V=e.b(e.T.barAxisLabelMuted,i),H=N(F,l,c,u),U=N(I,void 0,d,f),W=b===`histogram`,G=x.map(e=>n.t(e.color,i)),K=r.t({axisLabelColor:L,gridColor:R,yMin:H.min,yMax:H.max,yStep:u,xTickFontSize:T,...y?{formatYAxisTick:e=>typeof e==`number`?y(e):e}:{}}),q=O&&!h?o.t(K.y.ticks,{highlightedTick:O,yStep:u,axisLabelColor:L,colorHostElement:i}):{ticks:K.y.ticks},J=W?{...K.y,display:!1}:{...K.y,...q},Y=(e,t)=>({type:`linear`,position:`right`,min:e,max:t,border:{display:!1},grid:{drawOnChartArea:!1},...q}),X=I.length>0?{[E]:Y(U.min,U.max)}:p&&!W?{[D]:Y(H.min,H.max)}:{},Z={x:{...K.x,...W?{border:{display:!0,color:R}}:{},ticks:{...K.x.ticks,color:({chart:e,index:t})=>M(e,t)?V:L}},y:J,...X},Q=e.r({kind:`segment`,skeleton:h,colorHostElement:i,onElementIndexClick:P});return{type:`bar`,data:{labels:t[0]?.points.map(e=>s.t(e.label))??[],datasets:t.map((e,t)=>{let r=a.t(t,i,e.fillColor,h),o=e.points.map(e=>e.fillColor?n.t(e.fillColor,i):(e.category===void 0?void 0:G[e.category])??r);return{label:e.label,data:e.points.map(e=>e.value),backgroundColor:o,hoverBackgroundColor:o,borderWidth:0,hoverBorderWidth:0,borderRadius:w,yAxisID:e.axis===`right`?E:`y`,captions:e.points.map(e=>e.caption),categories:e.points.map(e=>e.category),...W?{barPercentage:A,categoryPercentage:j}:{}}})},options:{responsive:!0,maintainAspectRatio:!1,layout:_?{padding:{top:k}}:void 0,onHover:Q.onHover,onClick:Q.onClick,hover:h?void 0:{mode:`nearest`,intersect:!0},interaction:e.u(h,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.d(h),backgroundColor:z,titleColor:B,bodyColor:B,displayColors:!1}},scales:Z},plugins:e.f(h,[g({target:m,colorHostElement:i,rightAxisId:E}),..._?[S({colorHostElement:i,formatValue:v})]:[],...Q.plugins])}},F=[`5 неделя`,`6 неделя`,`7 неделя`,`8 неделя`,`9 неделя`,`10 неделя`],I=[{label:`Series 1`,points:c.t(F,[28,34,24,42,30,36])},{label:`Series 2`,points:c.t(F,[18,22,16,28,20,24])}],L={class:`s-ui-chart-bar__canvas-wrap`},R=(0,u.defineComponent)({__name:`SChartBar`,props:{series:{default:()=>[]},mode:{default:`grouped`},loading:{type:Boolean,default:!1},yMax:{},yMin:{},yStep:{},rightYMax:{},rightYStep:{},mirrorYAxis:{type:Boolean,default:!1},target:{},showLegend:{type:Boolean,default:!0},showValues:{type:Boolean,default:!1},formatValue:{type:Function},formatYTick:{type:Function},categories:{default:()=>[]},highlightedYTick:{},legendSize:{}},emits:[`pointClick`],setup(r,{expose:i,emit:o}){let s=o,d=(0,u.useTemplateRef)(`chartRootRef`),f=(0,u.useTemplateRef)(`chartCanvasRef`),p=(0,u.computed)(()=>r.loading?I:r.mode===`grouped`?r.series:r.series.slice(0,1)),m=(e,t)=>{let n=p.value[t],r=n?.points[e];n&&r&&s(`pointClick`,e,t,r,n)},h=l.t(`onPointClick`),g=(0,u.computed)(()=>!r.loading&&r.series.length===0?null:P({seriesList:p.value,colorHostElement:d.value,yMax:r.loading?50:r.yMax,yMin:r.loading?void 0:r.yMin,yStep:r.loading?10:r.yStep,rightYMax:r.rightYMax,rightYStep:r.rightYStep,mirrorYAxis:r.mirrorYAxis,target:r.loading?void 0:r.target,skeleton:r.loading,showValues:r.showValues,formatValue:r.formatValue,formatYTick:r.formatYTick,mode:r.mode,categories:r.categories,highlightedYTick:r.highlightedYTick,onPointClick:h()?m:void 0})),_=(0,u.computed)(()=>!r.loading&&r.categories.length>0),v=(0,u.computed)(()=>_.value?r.categories.map(e=>({label:e.label,color:n.t(e.color,d.value)})):c.n(p.value,(e,t)=>a.t(e,d.value,t,r.loading))),y=(0,u.computed)(()=>r.loading||!r.target?.legendLabel?[]:[{label:r.target.legendLabel,color:r.target.color?n.t(r.target.color,d.value):e.b(e.T.grid,d.value),marker:`line`}]),b=(0,u.computed)(()=>[...v.value,...y.value]),{chartInstance:x}=e.n({canvasRef:f,config:g,enabled:(0,u.computed)(()=>r.loading||r.series.length>0)}),{exportImage:S,handleLegendItemHover:C}=e.t({chartInstance:x,canvasRef:f,colorHostElement:d,legendDimKind:()=>_.value?`category`:`series`}),w=e=>{C(e!==null&&e<v.value.length?e:null)};return i({exportImage:S}),(n,i)=>((0,u.openBlock)(),(0,u.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:d,class:(0,u.normalizeClass)([`s-ui-chart-bar`,{"s-ui-chart-bar--skeleton":r.loading}])},[(0,u.createElementVNode)(`div`,L,[(0,u.createVNode)((0,u.unref)(e.x),{loading:r.loading},{default:(0,u.withCtx)(()=>[(0,u.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:f,class:`s-ui-chart-bar__canvas`},null,512)]),_:1},8,[`loading`])]),r.showLegend&&b.value.length?((0,u.openBlock)(),(0,u.createBlock)((0,u.unref)(t.t),{key:0,items:b.value,size:r.legendSize,disabled:r.loading,interactive:!r.loading,onItemHover:w},null,8,[`items`,`size`,`disabled`,`interactive`])):(0,u.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return R}});