@shtabapp/ui-kit 1.31.0 → 1.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/SAvatar-C2gekygl.cjs +1 -0
- package/dist/SAvatar-DAfDAqrP.js +265 -0
- package/dist/{SAvatarGroup-CMa9KhUZ.cjs → SAvatarGroup-76j-sHCe.cjs} +1 -1
- package/dist/{SAvatarGroup-wkXHy_tK.js → SAvatarGroup-HvIlI5y0.js} +1 -1
- package/dist/{SChartHorizontalBar-CCn6L_Du.js → SChartHorizontalBar-DIn1sVoi.js} +1 -1
- package/dist/{SChartHorizontalBar-CLXp8bvq.cjs → SChartHorizontalBar-tfgmCHtk.cjs} +1 -1
- package/dist/{SChartLegend-CLTLJeRH.cjs → SChartLegend-BFwzIA4x.cjs} +1 -1
- package/dist/{SChartLegend-CcbzWNuw.js → SChartLegend-DW16AfUz.js} +1 -1
- package/dist/{SChartLine-BaOJ7lmv.js → SChartLine-G5CeC01A.js} +1 -1
- package/dist/{SChartLine-C_16iDsx.cjs → SChartLine-xql-HCwK.cjs} +1 -1
- package/dist/{SChartPie-qCJdztmc.js → SChartPie-_6ij1EVn.js} +18 -18
- package/dist/{SChartPie-BdKc6EbI.cjs → SChartPie-xu1fcWMy.cjs} +1 -1
- package/dist/SChartProgress-C08fiO6U.cjs +1 -0
- package/dist/SChartProgress-CofVafO6.js +207 -0
- package/dist/{SChartSkeletonHost-BnYGg6WN.js → SChartSkeletonHost-CnfMevXX.js} +86 -67
- package/dist/SChartSkeletonHost-YmLC5zOX.cjs +1 -0
- package/dist/{SChartStackedArea-ByOgW4Mi.cjs → SChartStackedArea-BUy47veO.cjs} +1 -1
- package/dist/{SChartStackedArea-B-E5tLfo.js → SChartStackedArea-RKK7aT7x.js} +20 -20
- package/dist/{SChartStackedBar-CbOLEjHH.cjs → SChartStackedBar-1HNyHP8J.cjs} +1 -1
- package/dist/{SChartStackedBar-DmtysTnY.js → SChartStackedBar-CJunMhyb.js} +23 -23
- package/dist/{SSelect-iBb45tet.js → SSelect-CZe3djdm.js} +6 -1
- package/dist/{SSelect-CgL7ECfS.cjs → SSelect-DAPSmCWf.cjs} +1 -1
- package/dist/STag-BwzuI3cF.cjs +1 -0
- package/dist/STag-L6B4DxOx.js +122 -0
- package/dist/{STagGroup-BMyuxfVX.cjs → STagGroup-BMGq6jB5.cjs} +1 -1
- package/dist/{STagGroup-B2-_OG3R.js → STagGroup-DWsu0ket.js} +1 -1
- package/dist/{buildChartSeriesPoints-Cj8ooXn5.js → buildChartSeriesPoints-D-j16fMh.js} +1 -1
- package/dist/{buildChartSeriesPoints-DXgWMMZH.cjs → buildChartSeriesPoints-lASMQmBx.cjs} +1 -1
- package/dist/components/SAvatar/SAvatar.vue.d.ts.map +1 -1
- package/dist/components/SAvatar/utils/getAvatarInitialsTextColor.d.ts +4 -0
- package/dist/components/SAvatar/utils/getAvatarInitialsTextColor.d.ts.map +1 -0
- package/dist/components/SAvatar/utils/resolveAvatarColor.d.ts +1 -3
- package/dist/components/SAvatar/utils/resolveAvatarColor.d.ts.map +1 -1
- package/dist/components/SChartProgress/SChartProgress.types.d.ts +15 -0
- package/dist/components/SChartProgress/SChartProgress.types.d.ts.map +1 -0
- package/dist/components/SChartProgress/SChartProgress.vue.d.ts +5 -0
- package/dist/components/SChartProgress/SChartProgress.vue.d.ts.map +1 -0
- package/dist/components/SChartProgress/index.d.ts +3 -0
- package/dist/components/SChartProgress/index.d.ts.map +1 -0
- package/dist/components/SChartProgress/utils/buildProgressChartConfig.d.ts +16 -0
- package/dist/components/SChartProgress/utils/buildProgressChartConfig.d.ts.map +1 -0
- package/dist/components/SChartProgress/utils/buildProgressChartData.d.ts +18 -0
- package/dist/components/SChartProgress/utils/buildProgressChartData.d.ts.map +1 -0
- package/dist/components/SChartProgress/utils/demoProgressSnapshots.d.ts +5 -0
- package/dist/components/SChartProgress/utils/demoProgressSnapshots.d.ts.map +1 -0
- package/dist/components/SChartProgress/utils/formatProgressChartDate.d.ts +2 -0
- package/dist/components/SChartProgress/utils/formatProgressChartDate.d.ts.map +1 -0
- package/dist/components/SChartProgress/utils/productionProgressSnapshots.d.ts +4 -0
- package/dist/components/SChartProgress/utils/productionProgressSnapshots.d.ts.map +1 -0
- package/dist/components/SChartProgress/utils/resolveProgressChartPointStyle.d.ts +10 -0
- package/dist/components/SChartProgress/utils/resolveProgressChartPointStyle.d.ts.map +1 -0
- package/dist/components/SChartProgress/utils/skeletonProgressSnapshots.d.ts +6 -0
- package/dist/components/SChartProgress/utils/skeletonProgressSnapshots.d.ts.map +1 -0
- package/dist/components/SSelect/SSelect.types.d.ts +5 -0
- package/dist/components/SSelect/SSelect.types.d.ts.map +1 -1
- package/dist/components/SSelect/SSelect.vue.d.ts.map +1 -1
- package/dist/components/STag/utils/resolveTagColor.d.ts +1 -3
- package/dist/components/STag/utils/resolveTagColor.d.ts.map +1 -1
- package/dist/contrastSurfaceTextColor-Dl641cZ_.js +33 -0
- package/dist/contrastSurfaceTextColor-Ybh-FZof.cjs +1 -0
- package/dist/entries/avatar-group.cjs +1 -1
- package/dist/entries/avatar-group.js +1 -1
- package/dist/entries/avatar.cjs +1 -1
- package/dist/entries/avatar.js +1 -1
- package/dist/entries/chart-horizontal-bar.cjs +1 -1
- package/dist/entries/chart-horizontal-bar.js +1 -1
- package/dist/entries/chart-line.cjs +1 -1
- package/dist/entries/chart-line.js +1 -1
- package/dist/entries/chart-pie.cjs +1 -1
- package/dist/entries/chart-pie.js +1 -1
- package/dist/entries/chart-progress.cjs +1 -0
- package/dist/entries/chart-progress.d.ts +3 -0
- package/dist/entries/chart-progress.d.ts.map +1 -0
- package/dist/entries/chart-progress.js +2 -0
- package/dist/entries/chart-stacked-area.cjs +1 -1
- package/dist/entries/chart-stacked-area.js +1 -1
- package/dist/entries/chart-stacked-bar.cjs +1 -1
- package/dist/entries/chart-stacked-bar.js +1 -1
- package/dist/entries/select.cjs +1 -1
- package/dist/entries/select.js +1 -1
- package/dist/entries/tag-group.cjs +1 -1
- package/dist/entries/tag-group.js +2 -2
- package/dist/entries/tag.cjs +1 -1
- package/dist/entries/tag.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +13 -12
- package/dist/uikit-components.css +1 -1
- package/dist/utils/chart/chart.types.d.ts +4 -0
- package/dist/utils/chart/chart.types.d.ts.map +1 -1
- package/dist/utils/chart/chartJsAugmentation.d.ts +1 -0
- package/dist/utils/chart/chartJsAugmentation.d.ts.map +1 -1
- package/dist/utils/chart/core/chartCssVariables.d.ts +2 -0
- package/dist/utils/chart/core/chartCssVariables.d.ts.map +1 -1
- package/dist/utils/chart/core/chartSkeletonConfig.d.ts +2 -1
- package/dist/utils/chart/core/chartSkeletonConfig.d.ts.map +1 -1
- package/dist/utils/chart/core/registerChartJs.d.ts.map +1 -1
- package/dist/utils/chart/progress/createProgressChartTooltipPositioner.d.ts +4 -0
- package/dist/utils/chart/progress/createProgressChartTooltipPositioner.d.ts.map +1 -0
- package/dist/utils/color/contrastSurfaceTextColor.d.ts +4 -0
- package/dist/utils/color/contrastSurfaceTextColor.d.ts.map +1 -0
- package/dist/utils/color/index.d.ts +2 -0
- package/dist/utils/color/index.d.ts.map +1 -0
- package/package.json +8 -3
- package/dist/SAvatar-BS9Lu2eL.js +0 -249
- package/dist/SAvatar-BXABKIV0.cjs +0 -1
- package/dist/SChartSkeletonHost-CixHLD65.cjs +0 -1
- package/dist/STag-CYoj7L-p.js +0 -118
- package/dist/STag-DVrSWByQ.cjs +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
## [@shtabapp/ui-kit-v1.33.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.32.0...@shtabapp/ui-kit@1.33.0) (2026-07-01)
|
|
2
|
+
|
|
3
|
+
### Features
|
|
4
|
+
|
|
5
|
+
- contrast color text in avatars and tags & fitViewport in select ([1dd7352](https://gitlab.com/mstikharev/shtab-ui-kit/commit/1dd73524fafe22e79d28557d94acd3d440663f47))
|
|
6
|
+
|
|
7
|
+
## [@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)
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
- schartprogress ([4155ed0](https://gitlab.com/mstikharev/shtab-ui-kit/commit/4155ed08aecc4856eae301d0c238b8191fdbf50a))
|
|
12
|
+
|
|
1
13
|
## [@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)
|
|
2
14
|
|
|
3
15
|
### Features
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./contrastSurfaceTextColor-Ybh-FZof.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.SIZE_80=`80`,e.SIZE_72=`72`,e.SIZE_64=`64`,e.SIZE_56=`56`,e.SIZE_48=`48`,e.SIZE_40=`40`,e.SIZE_32=`32`,e.SIZE_24=`24`,e.SIZE_20=`20`,e.SIZE_16=`16`,e}({}),a=function(e){return e.CIRCLE=`circle`,e.SQUARE=`square`,e}({}),o=function(e){return e.TEAL=`teal`,e.CYAN=`cyan`,e.INDIGO=`indigo`,e.VIOLET=`violet`,e.PINK=`pink`,e.SURFACE=`surface`,e}({}),s=function(e){return e.NEUTRAL=`neutral`,e.MAIN=`main`,e}({}),c=function(e){return e.DEFAULT=`default`,e.ONLINE=`online`,e.OFFLINE=`offline`,e.RECENTLY=`recently`,e.ERROR=`error`,e.TRACK=`track`,e.DONE=`done`,e.CONTROLLER=`controller`,e.FAVORITE=`favorite`,e.PIN=`pin`,e.PRIVATE=`private`,e}({}),l=function(e){return e.SMALL=`s`,e.MEDIUM=`m`,e.LARGE=`l`,e}({}),u={[i.SIZE_80]:`s-ui-typography-heading-h3-semibold`,[i.SIZE_72]:`s-ui-typography-heading-h4-semibold`,[i.SIZE_64]:`s-ui-typography-heading-h4-semibold`,[i.SIZE_56]:`s-ui-typography-label-16-medium`,[i.SIZE_48]:`s-ui-typography-label-16-medium`,[i.SIZE_40]:`s-ui-typography-label-16-medium`,[i.SIZE_32]:`s-ui-typography-label-14-medium`,[i.SIZE_24]:`s-ui-typography-label-12-medium`,[i.SIZE_20]:`s-ui-typography-label-12-medium`,[i.SIZE_16]:`s-ui-typography-label-10-medium`},d={[i.SIZE_80]:40,[i.SIZE_72]:40,[i.SIZE_64]:40,[i.SIZE_56]:32,[i.SIZE_48]:32,[i.SIZE_40]:24,[i.SIZE_32]:24,[i.SIZE_24]:20,[i.SIZE_20]:16,[i.SIZE_16]:16},f={[i.SIZE_80]:l.LARGE,[i.SIZE_72]:l.LARGE,[i.SIZE_64]:l.MEDIUM,[i.SIZE_56]:l.MEDIUM,[i.SIZE_48]:l.SMALL,[i.SIZE_40]:l.SMALL,[i.SIZE_32]:l.SMALL,[i.SIZE_24]:l.SMALL,[i.SIZE_20]:l.SMALL,[i.SIZE_16]:l.SMALL},p={[l.SMALL]:e.i.SMALL,[l.MEDIUM]:e.i.MEDIUM,[l.LARGE]:e.i.LARGE},m={[e.i.SMALL]:8,[e.i.MEDIUM]:10,[e.i.LARGE]:12},h={[e.i.SMALL]:12,[e.i.MEDIUM]:16,[e.i.LARGE]:20},g=16,_={[i.SIZE_80]:0,[i.SIZE_72]:0,[i.SIZE_64]:0,[i.SIZE_56]:0,[i.SIZE_48]:0,[i.SIZE_40]:0,[i.SIZE_32]:-2,[i.SIZE_24]:-2,[i.SIZE_20]:-4,[i.SIZE_16]:-4},v={[i.SIZE_80]:-8,[i.SIZE_72]:-8,[i.SIZE_64]:-8,[i.SIZE_56]:-8,[i.SIZE_48]:-8,[i.SIZE_40]:-8,[i.SIZE_32]:-8,[i.SIZE_24]:-8,[i.SIZE_20]:-10,[i.SIZE_16]:-10},y={[c.DEFAULT]:e.n.MAIN,[c.ONLINE]:e.n.SUCCESS,[c.OFFLINE]:e.n.WHITE,[c.RECENTLY]:e.n.WARNING,[c.ERROR]:e.n.DANGER,[c.TRACK]:e.n.MAIN,[c.DONE]:e.n.SUCCESS,[c.CONTROLLER]:e.n.MAIN,[c.FAVORITE]:e.n.WARNING,[c.PIN]:e.n.MAIN,[c.PRIVATE]:e.n.BILLING},b={[c.TRACK]:r.ESIconName.playFill,[c.DONE]:r.ESIconName.checkBold,[c.CONTROLLER]:r.ESIconName.controlFill,[c.FAVORITE]:r.ESIconName.starFill,[c.PIN]:r.ESIconName.pinFill,[c.PRIVATE]:r.ESIconName.tabooBold},x=({avatarSize:e,badgeSize:t,hasIcon:n})=>{let r=_[e];return n?r:r+(h[t]-m[t])/2},S=(e,t)=>({offsetX:-e-t/2,offsetY:-e-t/2}),C=(e,t)=>({offsetX:-e-t/2,offsetY:e+t/2}),w=({badge:t,counter:r,size:i})=>{let a=(0,n.computed)(()=>{let r=(0,n.toValue)(t);if(!r)return;let a=(0,n.toValue)(i),o=b[r],s=p[f[a]],c=o?h[s]:m[s],l=S(x({avatarSize:a,badgeSize:s,hasIcon:!!o}),c);return{anchored:!0,color:y[r],icon:o,label:r,offsetX:l.offsetX,offsetY:l.offsetY,placement:e.r.BOTTOM_END,size:s}}),o=(0,n.computed)(()=>{let t=(0,n.toValue)(r);if(typeof t!=`number`)return;let a=v[(0,n.toValue)(i)],o=C(a,g);return{anchored:!0,color:e.n.MAIN,offsetX:o.offsetX,offsetY:o.offsetY,placement:e.r.TOP_END,size:e.i.MEDIUM,value:t}});return{avatarBadgeItemsProps:(0,n.computed)(()=>{let e=[];return o.value&&e.push(o.value),a.value&&e.push(a.value),e})}},T={[o.CYAN]:`#127c97`,[o.INDIGO]:`#755ace`,[o.PINK]:`#c33c86`,[o.TEAL]:`#158472`,[o.VIOLET]:`#8757c7`},E=e=>{if(t.n(e))return e;if(e!==o.SURFACE)return T[e]},D=e=>{let n=E(e);if(n)return t.t(n)},O=e=>t.n(e),k=e=>O(e)?`s-ui-avatar--color-custom`:`s-ui-avatar--color-${e}`,A=e=>{let t=D(e),n={};if(O(e)&&(n[`--s-ui-avatar-background`]=e),t&&(n[`--s-ui-avatar-color`]=t),Object.keys(n).length!==0)return n},j=[`aria-disabled`],M={class:`s-ui-avatar__content`},N=[`src`,`alt`],P={key:1,class:`s-ui-avatar__icon`},F=[`role`,`aria-label`],I={key:0,class:`s-ui-avatar__name`},L=(0,n.defineComponent)({inheritAttrs:!1,__name:`SAvatar`,props:{alt:{},badge:{},bordered:{type:Boolean,default:!0},color:{default:()=>o.TEAL},counter:{},disabled:{type:Boolean,default:!1},icon:{},iconBackground:{default:()=>s.NEUTRAL},initialLength:{default:1},name:{},shape:{default:()=>a.CIRCLE},showName:{type:Boolean,default:!0},size:{default:()=>i.SIZE_40},src:{}},setup(t){let i=(0,n.useAttrs)(),a=(0,n.ref)(!1),o=e=>typeof e==`number`||typeof e==`string`,s=(0,n.computed)(()=>{if(o(i.tabindex))return i.tabindex;if(o(i.tabIndex))return i.tabIndex}),c=(0,n.computed)(()=>o(i.tabindex)||o(i.tabIndex)),l=(0,n.computed)(()=>t.disabled?-1:c.value?s.value:0),f=(0,n.computed)(()=>({...i,tabindex:l.value})),p=(0,n.computed)(()=>[`s-ui-avatar--size-${t.size}`,`s-ui-avatar--shape-${t.shape}`,k(t.color),`s-ui-avatar--icon-background-${t.iconBackground}`,{"s-ui-avatar--bordered":t.bordered,"s-ui-avatar--disabled":t.disabled,"s-ui-avatar--icon":g.value,"s-ui-avatar--photo":h.value}]),m=(0,n.computed)(()=>{if(!g.value)return A(t.color)}),h=(0,n.computed)(()=>!!(t.src&&!a.value)),g=(0,n.computed)(()=>!!(!h.value&&t.icon)),_=e=>{let t=e.split(/\s+/).filter(Boolean);if(t.length===1){let e=t[0];if(e)return e}return t.map(e=>e.slice(0,1)).join(``)},v=(0,n.computed)(()=>t.name?_(t.name):``),y=(0,n.computed)(()=>t.alt?t.alt:t.name?t.name:v.value),b=(0,n.computed)(()=>{if(t.alt)return t.alt;if(t.name)return t.name}),x=(0,n.computed)(()=>v.value.slice(0,Math.max(t.initialLength,0))),S=(0,n.computed)(()=>u[t.size]),C=(0,n.computed)(()=>d[t.size]),{avatarBadgeItemsProps:T}=w({badge:()=>t.badge,counter:()=>t.counter,size:()=>t.size}),E=()=>{a.value=!0};return(0,n.watch)(()=>t.src,()=>{a.value=!1}),(i,o)=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,(0,n.mergeProps)(f.value,{class:[`s-ui-avatar`,p.value],style:m.value,"aria-disabled":t.disabled||void 0}),[(0,n.createElementVNode)(`span`,M,[t.src&&!a.value?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,class:`s-ui-avatar__image`,src:t.src,alt:y.value,onError:E},null,40,N)):t.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,P,[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:t.icon,size:C.value,"aria-label":b.value},null,8,[`name`,`size`,`aria-label`])])):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:2,class:(0,n.normalizeClass)([`s-ui-avatar__initials`,S.value]),role:t.alt?`img`:void 0,"aria-label":t.alt},(0,n.toDisplayString)(x.value),11,F)),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(T),t=>((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(e.t),(0,n.mergeProps)({key:t.placement},{ref_for:!0},t),null,16))),128))]),t.showName&&t.name?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,I,(0,n.toDisplayString)(t.name),1)):(0,n.createCommentVNode)(``,!0)],16,j))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return L}});
|
|
@@ -0,0 +1,265 @@
|
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "./SBadge-BDxQJh6c.js";
|
|
2
|
+
import { n as i, t as a } from "./contrastSurfaceTextColor-Dl641cZ_.js";
|
|
3
|
+
import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, toValue as b, unref as x, useAttrs as S, watch as C } from "vue";
|
|
4
|
+
import { ESIconName as w, SIcon as T } from "@shtabapp/ui-kit-primitives";
|
|
5
|
+
//#region src/components/SAvatar/SAvatar.types.ts
|
|
6
|
+
var E = /* @__PURE__ */ function(e) {
|
|
7
|
+
return e.SIZE_80 = "80", e.SIZE_72 = "72", e.SIZE_64 = "64", e.SIZE_56 = "56", e.SIZE_48 = "48", e.SIZE_40 = "40", e.SIZE_32 = "32", e.SIZE_24 = "24", e.SIZE_20 = "20", e.SIZE_16 = "16", e;
|
|
8
|
+
}({}), D = /* @__PURE__ */ function(e) {
|
|
9
|
+
return e.CIRCLE = "circle", e.SQUARE = "square", e;
|
|
10
|
+
}({}), O = /* @__PURE__ */ function(e) {
|
|
11
|
+
return e.TEAL = "teal", e.CYAN = "cyan", e.INDIGO = "indigo", e.VIOLET = "violet", e.PINK = "pink", e.SURFACE = "surface", e;
|
|
12
|
+
}({}), k = /* @__PURE__ */ function(e) {
|
|
13
|
+
return e.NEUTRAL = "neutral", e.MAIN = "main", e;
|
|
14
|
+
}({}), A = /* @__PURE__ */ function(e) {
|
|
15
|
+
return e.DEFAULT = "default", e.ONLINE = "online", e.OFFLINE = "offline", e.RECENTLY = "recently", e.ERROR = "error", e.TRACK = "track", e.DONE = "done", e.CONTROLLER = "controller", e.FAVORITE = "favorite", e.PIN = "pin", e.PRIVATE = "private", e;
|
|
16
|
+
}({}), j = /* @__PURE__ */ function(e) {
|
|
17
|
+
return e.SMALL = "s", e.MEDIUM = "m", e.LARGE = "l", e;
|
|
18
|
+
}({}), M = {
|
|
19
|
+
[E.SIZE_80]: "s-ui-typography-heading-h3-semibold",
|
|
20
|
+
[E.SIZE_72]: "s-ui-typography-heading-h4-semibold",
|
|
21
|
+
[E.SIZE_64]: "s-ui-typography-heading-h4-semibold",
|
|
22
|
+
[E.SIZE_56]: "s-ui-typography-label-16-medium",
|
|
23
|
+
[E.SIZE_48]: "s-ui-typography-label-16-medium",
|
|
24
|
+
[E.SIZE_40]: "s-ui-typography-label-16-medium",
|
|
25
|
+
[E.SIZE_32]: "s-ui-typography-label-14-medium",
|
|
26
|
+
[E.SIZE_24]: "s-ui-typography-label-12-medium",
|
|
27
|
+
[E.SIZE_20]: "s-ui-typography-label-12-medium",
|
|
28
|
+
[E.SIZE_16]: "s-ui-typography-label-10-medium"
|
|
29
|
+
}, N = {
|
|
30
|
+
[E.SIZE_80]: 40,
|
|
31
|
+
[E.SIZE_72]: 40,
|
|
32
|
+
[E.SIZE_64]: 40,
|
|
33
|
+
[E.SIZE_56]: 32,
|
|
34
|
+
[E.SIZE_48]: 32,
|
|
35
|
+
[E.SIZE_40]: 24,
|
|
36
|
+
[E.SIZE_32]: 24,
|
|
37
|
+
[E.SIZE_24]: 20,
|
|
38
|
+
[E.SIZE_20]: 16,
|
|
39
|
+
[E.SIZE_16]: 16
|
|
40
|
+
}, P = {
|
|
41
|
+
[E.SIZE_80]: j.LARGE,
|
|
42
|
+
[E.SIZE_72]: j.LARGE,
|
|
43
|
+
[E.SIZE_64]: j.MEDIUM,
|
|
44
|
+
[E.SIZE_56]: j.MEDIUM,
|
|
45
|
+
[E.SIZE_48]: j.SMALL,
|
|
46
|
+
[E.SIZE_40]: j.SMALL,
|
|
47
|
+
[E.SIZE_32]: j.SMALL,
|
|
48
|
+
[E.SIZE_24]: j.SMALL,
|
|
49
|
+
[E.SIZE_20]: j.SMALL,
|
|
50
|
+
[E.SIZE_16]: j.SMALL
|
|
51
|
+
}, F = {
|
|
52
|
+
[j.SMALL]: e.SMALL,
|
|
53
|
+
[j.MEDIUM]: e.MEDIUM,
|
|
54
|
+
[j.LARGE]: e.LARGE
|
|
55
|
+
}, I = {
|
|
56
|
+
[e.SMALL]: 8,
|
|
57
|
+
[e.MEDIUM]: 10,
|
|
58
|
+
[e.LARGE]: 12
|
|
59
|
+
}, L = {
|
|
60
|
+
[e.SMALL]: 12,
|
|
61
|
+
[e.MEDIUM]: 16,
|
|
62
|
+
[e.LARGE]: 20
|
|
63
|
+
}, R = 16, z = {
|
|
64
|
+
[E.SIZE_80]: 0,
|
|
65
|
+
[E.SIZE_72]: 0,
|
|
66
|
+
[E.SIZE_64]: 0,
|
|
67
|
+
[E.SIZE_56]: 0,
|
|
68
|
+
[E.SIZE_48]: 0,
|
|
69
|
+
[E.SIZE_40]: 0,
|
|
70
|
+
[E.SIZE_32]: -2,
|
|
71
|
+
[E.SIZE_24]: -2,
|
|
72
|
+
[E.SIZE_20]: -4,
|
|
73
|
+
[E.SIZE_16]: -4
|
|
74
|
+
}, B = {
|
|
75
|
+
[E.SIZE_80]: -8,
|
|
76
|
+
[E.SIZE_72]: -8,
|
|
77
|
+
[E.SIZE_64]: -8,
|
|
78
|
+
[E.SIZE_56]: -8,
|
|
79
|
+
[E.SIZE_48]: -8,
|
|
80
|
+
[E.SIZE_40]: -8,
|
|
81
|
+
[E.SIZE_32]: -8,
|
|
82
|
+
[E.SIZE_24]: -8,
|
|
83
|
+
[E.SIZE_20]: -10,
|
|
84
|
+
[E.SIZE_16]: -10
|
|
85
|
+
}, V = {
|
|
86
|
+
[A.DEFAULT]: t.MAIN,
|
|
87
|
+
[A.ONLINE]: t.SUCCESS,
|
|
88
|
+
[A.OFFLINE]: t.WHITE,
|
|
89
|
+
[A.RECENTLY]: t.WARNING,
|
|
90
|
+
[A.ERROR]: t.DANGER,
|
|
91
|
+
[A.TRACK]: t.MAIN,
|
|
92
|
+
[A.DONE]: t.SUCCESS,
|
|
93
|
+
[A.CONTROLLER]: t.MAIN,
|
|
94
|
+
[A.FAVORITE]: t.WARNING,
|
|
95
|
+
[A.PIN]: t.MAIN,
|
|
96
|
+
[A.PRIVATE]: t.BILLING
|
|
97
|
+
}, H = {
|
|
98
|
+
[A.TRACK]: w.playFill,
|
|
99
|
+
[A.DONE]: w.checkBold,
|
|
100
|
+
[A.CONTROLLER]: w.controlFill,
|
|
101
|
+
[A.FAVORITE]: w.starFill,
|
|
102
|
+
[A.PIN]: w.pinFill,
|
|
103
|
+
[A.PRIVATE]: w.tabooBold
|
|
104
|
+
}, U = ({ avatarSize: e, badgeSize: t, hasIcon: n }) => {
|
|
105
|
+
let r = z[e];
|
|
106
|
+
return n ? r : r + (L[t] - I[t]) / 2;
|
|
107
|
+
}, W = (e, t) => ({
|
|
108
|
+
offsetX: -e - t / 2,
|
|
109
|
+
offsetY: -e - t / 2
|
|
110
|
+
}), G = (e, t) => ({
|
|
111
|
+
offsetX: -e - t / 2,
|
|
112
|
+
offsetY: e + t / 2
|
|
113
|
+
}), K = ({ badge: r, counter: i, size: a }) => {
|
|
114
|
+
let o = s(() => {
|
|
115
|
+
let e = b(r);
|
|
116
|
+
if (!e) return;
|
|
117
|
+
let t = b(a), i = H[e], o = F[P[t]], s = i ? L[o] : I[o], c = W(U({
|
|
118
|
+
avatarSize: t,
|
|
119
|
+
badgeSize: o,
|
|
120
|
+
hasIcon: !!i
|
|
121
|
+
}), s);
|
|
122
|
+
return {
|
|
123
|
+
anchored: !0,
|
|
124
|
+
color: V[e],
|
|
125
|
+
icon: i,
|
|
126
|
+
label: e,
|
|
127
|
+
offsetX: c.offsetX,
|
|
128
|
+
offsetY: c.offsetY,
|
|
129
|
+
placement: n.BOTTOM_END,
|
|
130
|
+
size: o
|
|
131
|
+
};
|
|
132
|
+
}), c = s(() => {
|
|
133
|
+
let r = b(i);
|
|
134
|
+
if (typeof r != "number") return;
|
|
135
|
+
let o = B[b(a)], s = G(o, R);
|
|
136
|
+
return {
|
|
137
|
+
anchored: !0,
|
|
138
|
+
color: t.MAIN,
|
|
139
|
+
offsetX: s.offsetX,
|
|
140
|
+
offsetY: s.offsetY,
|
|
141
|
+
placement: n.TOP_END,
|
|
142
|
+
size: e.MEDIUM,
|
|
143
|
+
value: r
|
|
144
|
+
};
|
|
145
|
+
});
|
|
146
|
+
return { avatarBadgeItemsProps: s(() => {
|
|
147
|
+
let e = [];
|
|
148
|
+
return c.value && e.push(c.value), o.value && e.push(o.value), e;
|
|
149
|
+
}) };
|
|
150
|
+
}, q = {
|
|
151
|
+
[O.CYAN]: "#127c97",
|
|
152
|
+
[O.INDIGO]: "#755ace",
|
|
153
|
+
[O.PINK]: "#c33c86",
|
|
154
|
+
[O.TEAL]: "#158472",
|
|
155
|
+
[O.VIOLET]: "#8757c7"
|
|
156
|
+
}, J = (e) => {
|
|
157
|
+
if (i(e)) return e;
|
|
158
|
+
if (e !== O.SURFACE) return q[e];
|
|
159
|
+
}, Y = (e) => {
|
|
160
|
+
let t = J(e);
|
|
161
|
+
if (t) return a(t);
|
|
162
|
+
}, X = (e) => i(e), Z = (e) => X(e) ? "s-ui-avatar--color-custom" : `s-ui-avatar--color-${e}`, Q = (e) => {
|
|
163
|
+
let t = Y(e), n = {};
|
|
164
|
+
if (X(e) && (n["--s-ui-avatar-background"] = e), t && (n["--s-ui-avatar-color"] = t), Object.keys(n).length !== 0) return n;
|
|
165
|
+
}, $ = ["aria-disabled"], ee = { class: "s-ui-avatar__content" }, te = ["src", "alt"], ne = {
|
|
166
|
+
key: 1,
|
|
167
|
+
class: "s-ui-avatar__icon"
|
|
168
|
+
}, re = ["role", "aria-label"], ie = {
|
|
169
|
+
key: 0,
|
|
170
|
+
class: "s-ui-avatar__name"
|
|
171
|
+
}, ae = /* @__PURE__ */ p({
|
|
172
|
+
inheritAttrs: !1,
|
|
173
|
+
__name: "SAvatar",
|
|
174
|
+
props: {
|
|
175
|
+
alt: {},
|
|
176
|
+
badge: {},
|
|
177
|
+
bordered: {
|
|
178
|
+
type: Boolean,
|
|
179
|
+
default: !0
|
|
180
|
+
},
|
|
181
|
+
color: { default: () => O.TEAL },
|
|
182
|
+
counter: {},
|
|
183
|
+
disabled: {
|
|
184
|
+
type: Boolean,
|
|
185
|
+
default: !1
|
|
186
|
+
},
|
|
187
|
+
icon: {},
|
|
188
|
+
iconBackground: { default: () => k.NEUTRAL },
|
|
189
|
+
initialLength: { default: 1 },
|
|
190
|
+
name: {},
|
|
191
|
+
shape: { default: () => D.CIRCLE },
|
|
192
|
+
showName: {
|
|
193
|
+
type: Boolean,
|
|
194
|
+
default: !0
|
|
195
|
+
},
|
|
196
|
+
size: { default: () => E.SIZE_40 },
|
|
197
|
+
src: {}
|
|
198
|
+
},
|
|
199
|
+
setup(e) {
|
|
200
|
+
let t = S(), n = _(!1), i = (e) => typeof e == "number" || typeof e == "string", a = s(() => {
|
|
201
|
+
if (i(t.tabindex)) return t.tabindex;
|
|
202
|
+
if (i(t.tabIndex)) return t.tabIndex;
|
|
203
|
+
}), p = s(() => i(t.tabindex) || i(t.tabIndex)), b = s(() => e.disabled ? -1 : p.value ? a.value : 0), w = s(() => ({
|
|
204
|
+
...t,
|
|
205
|
+
tabindex: b.value
|
|
206
|
+
})), E = s(() => [
|
|
207
|
+
`s-ui-avatar--size-${e.size}`,
|
|
208
|
+
`s-ui-avatar--shape-${e.shape}`,
|
|
209
|
+
Z(e.color),
|
|
210
|
+
`s-ui-avatar--icon-background-${e.iconBackground}`,
|
|
211
|
+
{
|
|
212
|
+
"s-ui-avatar--bordered": e.bordered,
|
|
213
|
+
"s-ui-avatar--disabled": e.disabled,
|
|
214
|
+
"s-ui-avatar--icon": k.value,
|
|
215
|
+
"s-ui-avatar--photo": O.value
|
|
216
|
+
}
|
|
217
|
+
]), D = s(() => {
|
|
218
|
+
if (!k.value) return Q(e.color);
|
|
219
|
+
}), O = s(() => !!(e.src && !n.value)), k = s(() => !!(!O.value && e.icon)), A = (e) => {
|
|
220
|
+
let t = e.split(/\s+/).filter(Boolean);
|
|
221
|
+
if (t.length === 1) {
|
|
222
|
+
let e = t[0];
|
|
223
|
+
if (e) return e;
|
|
224
|
+
}
|
|
225
|
+
return t.map((e) => e.slice(0, 1)).join("");
|
|
226
|
+
}, j = s(() => e.name ? A(e.name) : ""), P = s(() => e.alt ? e.alt : e.name ? e.name : j.value), F = s(() => {
|
|
227
|
+
if (e.alt) return e.alt;
|
|
228
|
+
if (e.name) return e.name;
|
|
229
|
+
}), I = s(() => j.value.slice(0, Math.max(e.initialLength, 0))), L = s(() => M[e.size]), R = s(() => N[e.size]), { avatarBadgeItemsProps: z } = K({
|
|
230
|
+
badge: () => e.badge,
|
|
231
|
+
counter: () => e.counter,
|
|
232
|
+
size: () => e.size
|
|
233
|
+
}), B = () => {
|
|
234
|
+
n.value = !0;
|
|
235
|
+
};
|
|
236
|
+
return C(() => e.src, () => {
|
|
237
|
+
n.value = !1;
|
|
238
|
+
}), (t, i) => (g(), u("span", m(w.value, {
|
|
239
|
+
class: ["s-ui-avatar", E.value],
|
|
240
|
+
style: D.value,
|
|
241
|
+
"aria-disabled": e.disabled || void 0
|
|
242
|
+
}), [d("span", ee, [e.src && !n.value ? (g(), u("img", {
|
|
243
|
+
key: 0,
|
|
244
|
+
class: "s-ui-avatar__image",
|
|
245
|
+
src: e.src,
|
|
246
|
+
alt: P.value,
|
|
247
|
+
onError: B
|
|
248
|
+
}, null, 40, te)) : e.icon ? (g(), u("span", ne, [f(x(T), {
|
|
249
|
+
name: e.icon,
|
|
250
|
+
size: R.value,
|
|
251
|
+
"aria-label": F.value
|
|
252
|
+
}, null, 8, [
|
|
253
|
+
"name",
|
|
254
|
+
"size",
|
|
255
|
+
"aria-label"
|
|
256
|
+
])])) : (g(), u("span", {
|
|
257
|
+
key: 2,
|
|
258
|
+
class: h(["s-ui-avatar__initials", L.value]),
|
|
259
|
+
role: e.alt ? "img" : void 0,
|
|
260
|
+
"aria-label": e.alt
|
|
261
|
+
}, y(I.value), 11, re)), (g(!0), u(o, null, v(x(z), (e) => (g(), c(x(r), m({ key: e.placement }, { ref_for: !0 }, e), null, 16))), 128))]), e.showName && e.name ? (g(), u("span", ie, y(e.name), 1)) : l("", !0)], 16, $));
|
|
262
|
+
}
|
|
263
|
+
});
|
|
264
|
+
//#endregion
|
|
265
|
+
export { D as a, k as i, A as n, E as o, O as r, ae as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./SAvatar-
|
|
1
|
+
const e=require("./SAvatar-C2gekygl.cjs"),t=require("./SOverflowGroup-DyVUzkNu.cjs");let n=require("vue");var r=function(e){return e.EXTRA_SMALL=`extra-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e}({}),i={class:`s-ui-avatar-group__overflow`},a=(0,n.defineComponent)({__name:`SAvatarGroup`,props:{disabled:{type:Boolean,default:!1},maxVisible:{},size:{default:()=>r.SMALL}},setup(a){let o=(0,n.computed)(()=>[`s-ui-avatar-group--size-${a.size}`,{"s-ui-avatar-group--disabled":a.disabled}]),s={[r.EXTRA_SMALL]:e.o.SIZE_16,[r.SMALL]:e.o.SIZE_20,[r.MEDIUM]:e.o.SIZE_24},c=(0,n.computed)(()=>s[a.size]),l=(e,t)=>({"--s-ui-avatar-group-item-z-index":e-t}),u=(t,r)=>t.type===e.t?(0,n.cloneVNode)(t,{...a.disabled?{disabled:!0}:{},showName:!1,size:c.value,style:l(r.visibleCount,r.visibleIndex)}):t;return(e,r)=>((0,n.openBlock)(),(0,n.createBlock)(t.t,{class:(0,n.normalizeClass)([`s-ui-avatar-group`,o.value]),role:`group`,"aria-disabled":a.disabled||void 0,"cluster-class":`s-ui-avatar-group__cluster`,"max-visible":a.maxVisible,"map-vnode":u},{overflow:(0,n.withCtx)(({overflowLabel:e})=>[(0,n.createElementVNode)(`span`,i,(0,n.toDisplayString)(e),1)]),default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`,`aria-disabled`,`max-visible`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { o as e, t } from "./SAvatar-
|
|
1
|
+
import { o as e, t } from "./SAvatar-DAfDAqrP.js";
|
|
2
2
|
import { t as n } from "./SOverflowGroup-CVSon6Eg.js";
|
|
3
3
|
import { cloneVNode as r, computed as i, createBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, toDisplayString as d, withCtx as f } from "vue";
|
|
4
4
|
//#region src/components/SAvatarGroup/SAvatarGroup.types.ts
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as e, i as t,
|
|
1
|
+
import { a as e, i as t, m as n, r, t as i, y as a } from "./SChartSkeletonHost-CnfMevXX.js";
|
|
2
2
|
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";
|
|
3
3
|
//#region src/utils/chart/horizontalBar/buildHorizontalBarChartScales.ts
|
|
4
4
|
var g = 10, _ = 14, v = ({ axisLabelColor: e, categoryLabelColor: t, gridColor: n, xMin: r, xMax: i, xStep: a }) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./SChartSkeletonHost-
|
|
1
|
+
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}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./SChartSkeletonHost-
|
|
1
|
+
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}});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { y as e } from "./SChartSkeletonHost-CnfMevXX.js";
|
|
2
2
|
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";
|
|
3
3
|
//#region src/utils/chart/core/resolveSeriesPaletteColor.ts
|
|
4
4
|
var u = (t, n) => t.startsWith("--") ? e(t, n) : t, d = (t, n, r, i, a) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as e, i as t,
|
|
1
|
+
import { a as e, i as t, m as n, r, t as i, y as a } from "./SChartSkeletonHost-CnfMevXX.js";
|
|
2
2
|
import { t as o } from "./buildCartesianChartScales-EofFq3ry.js";
|
|
3
3
|
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";
|
|
4
4
|
//#region src/utils/chart/css/applyOpacityToCssColor.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./SChartSkeletonHost-
|
|
1
|
+
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 _}});
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { a as e,
|
|
2
|
-
import { n as u, t as d } from "./SChartLegend-
|
|
1
|
+
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";
|
|
2
|
+
import { n as u, t as d } from "./SChartLegend-DW16AfUz.js";
|
|
3
3
|
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";
|
|
4
4
|
//#region src/utils/chart/pie/resolvePieSliceColor.ts
|
|
5
|
-
var w = (e,
|
|
5
|
+
var w = (e, r, a, o = !1) => u(e, r, a, o, {
|
|
6
6
|
palette: t,
|
|
7
|
-
paletteFallback:
|
|
8
|
-
skeletonPalette:
|
|
9
|
-
skeletonFallback:
|
|
7
|
+
paletteFallback: i.piePalette1,
|
|
8
|
+
skeletonPalette: n,
|
|
9
|
+
skeletonFallback: i.pieSkeletonPalette1
|
|
10
10
|
}), T = () => ({
|
|
11
11
|
title: () => "",
|
|
12
12
|
label: (e) => `${e.label ?? ""} – ${e.parsed ?? 0}`
|
|
@@ -18,20 +18,20 @@ var w = (e, n, i, a = !1) => u(e, n, i, a, {
|
|
|
18
18
|
afterDatasetsDraw(t) {
|
|
19
19
|
let n = t.getDatasetMeta(0);
|
|
20
20
|
if (!n) return;
|
|
21
|
-
let r = l(
|
|
21
|
+
let r = l(i.pieBadgeBackground, e), a = l(i.pieBadgeBorder, e), o = l(i.pieBadgeText, e), { ctx: s } = t;
|
|
22
22
|
s.save(), s.font = k, s.textAlign = "center", s.textBaseline = "middle";
|
|
23
23
|
for (let e = 0; e < n.data.length; e += 1) {
|
|
24
|
-
let
|
|
25
|
-
if (
|
|
24
|
+
let i = n.data[e], c = t.data.datasets[0]?.data[e], l = i ? j(i) : null;
|
|
25
|
+
if (i && typeof c == "number" && c > 0 && l) {
|
|
26
26
|
let e = `${c}`, t = s.measureText(e).width + E * 2;
|
|
27
|
-
A(s, l.x - t / 2, l.y - 20 / 2, t, 20, D), s.fillStyle = r, s.fill(), s.lineWidth = O, s.strokeStyle =
|
|
27
|
+
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);
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
s.restore();
|
|
31
31
|
}
|
|
32
|
-
}), N = ({ sliceList: t, colorHostElement:
|
|
32
|
+
}), N = ({ sliceList: t, colorHostElement: n, skeleton: a = !1 }) => {
|
|
33
33
|
if (t.length === 0) return null;
|
|
34
|
-
let s = l(
|
|
34
|
+
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));
|
|
35
35
|
return {
|
|
36
36
|
type: "pie",
|
|
37
37
|
data: {
|
|
@@ -55,14 +55,14 @@ var w = (e, n, i, a = !1) => u(e, n, i, a, {
|
|
|
55
55
|
cutout: "58%",
|
|
56
56
|
rotation: 115,
|
|
57
57
|
layout: { padding: 26 },
|
|
58
|
-
interaction:
|
|
58
|
+
interaction: r(a, {
|
|
59
59
|
mode: "nearest",
|
|
60
60
|
intersect: !0
|
|
61
61
|
}),
|
|
62
62
|
plugins: {
|
|
63
63
|
legend: { display: !1 },
|
|
64
64
|
tooltip: {
|
|
65
|
-
enabled: e(
|
|
65
|
+
enabled: e(a),
|
|
66
66
|
backgroundColor: c,
|
|
67
67
|
titleColor: u,
|
|
68
68
|
bodyColor: u,
|
|
@@ -71,7 +71,7 @@ var w = (e, n, i, a = !1) => u(e, n, i, a, {
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
},
|
|
74
|
-
plugins: a
|
|
74
|
+
plugins: o(a, [M(n)])
|
|
75
75
|
};
|
|
76
76
|
}, P = [
|
|
77
77
|
"Series 1",
|
|
@@ -104,11 +104,11 @@ var w = (e, n, i, a = !1) => u(e, n, i, a, {
|
|
|
104
104
|
}
|
|
105
105
|
},
|
|
106
106
|
setup(e) {
|
|
107
|
-
let t =
|
|
108
|
-
sliceList:
|
|
107
|
+
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({
|
|
108
|
+
sliceList: i.value,
|
|
109
109
|
colorHostElement: n.value,
|
|
110
110
|
skeleton: e.loading
|
|
111
|
-
})), l = f(() =>
|
|
111
|
+
})), l = f(() => i.value.map((t, r) => ({
|
|
112
112
|
label: t.label,
|
|
113
113
|
color: w(r, n.value, t.fillColor, e.loading)
|
|
114
114
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./SChartSkeletonHost-
|
|
1
|
+
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 _}});
|
|
@@ -0,0 +1 @@
|
|
|
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}});
|