@stlite/desktop 0.97.0 → 0.98.1

package/build/assets/index-Dd99Pbav-BGjrs667.js

@@ -0,0 +1 @@
+import{r as a,N as G,G as H,ar as t,j as o,x as n,as as O,z as C,at as _,au as P,M as F,w as X,av as v,E as z,_ as V,a3 as q,aw as U}from"./index-DegoUuPm.js";import{o as Y,b as J,x as K,H as Q}from"./embed-DsUNNyuf-iklb31Eb.js";import{b as Z}from"./WidgetLabelHelpIconInline-CBvJmNo2-CLxNkiVd.js";import{y as k,p as ee}from"./formatNumber-C0_e-CAH-GlcLbdL6.js";import{W as re}from"./styled-components-UJ_u5XUO-B68esmwJ.js";import"./threshold-eWsxmMyL-jpRnj60B.js";import"./value-DwxUZIyI-CNuykc50.js";import"./timer-DAAwtI0i-CB52lra-.js";import"./numbro-CBbENDeu-C6X7Pww4.js";import"./sprintfjs-BB1ejNgh-D_XlFCD8.js";var j=a.forwardRef(function(e,r){var i={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return a.createElement(z,V({iconAttrs:i,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:r}),a.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),a.createElement("path",{d:"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"}))});j.displayName="ArrowDownward";var M=a.forwardRef(function(e,r){var i={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return a.createElement(z,V({iconAttrs:i,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:r}),a.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),a.createElement("path",{d:"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"}))});M.displayName="ArrowUpward";function B(e,r){switch(r){case t.MetricColor.RED:return e.colors.redColor;case t.MetricColor.GREEN:return e.colors.greenColor;case t.MetricColor.ORANGE:return e.colors.orangeColor;case t.MetricColor.YELLOW:return e.colors.yellowColor;case t.MetricColor.BLUE:return e.colors.blueColor;case t.MetricColor.VIOLET:return e.colors.violetColor;case t.MetricColor.PRIMARY:return e.colors.primary;default:return e.colors.grayColor}}function $(e,r){const i=q(e);switch(r){case t.MetricColor.RED:return e.colors.redBackgroundColor;case t.MetricColor.GREEN:return e.colors.greenBackgroundColor;case t.MetricColor.ORANGE:return e.colors.orangeBackgroundColor;case t.MetricColor.YELLOW:return e.colors.yellowBackgroundColor;case t.MetricColor.BLUE:return e.colors.blueBackgroundColor;case t.MetricColor.VIOLET:return e.colors.violetBackgroundColor;case t.MetricColor.PRIMARY:return U(e.colors.primary,i?.9:.7);default:return e.colors.grayBackgroundColor}}function te(e,r){switch(r){case t.MetricColor.RED:return e.colors.redTextColor;case t.MetricColor.GREEN:return e.colors.greenTextColor;case t.MetricColor.ORANGE:return e.colors.orangeTextColor;case t.MetricColor.YELLOW:return e.colors.yellowTextColor;case t.MetricColor.BLUE:return e.colors.blueTextColor;case t.MetricColor.VIOLET:return e.colors.violetTextColor;case t.MetricColor.PRIMARY:return e.colors.primary;default:return e.colors.grayTextColor}}const oe=n("div",{target:"e1i5pmia7"})(({theme:e,showBorder:r})=>({height:"100%",...r&&{border:`${e.sizes.borderWidth} solid ${e.colors.borderColor}`,borderRadius:e.radii.default,overflow:"hidden"}}),""),ie=n("div",{target:"e1i5pmia6"})(({theme:e,showBorder:r})=>({...r&&{padding:`calc(${e.spacing.lg} - ${e.sizes.borderWidth})`}}),""),ae=n("div",{target:"e1i5pmia5"})(({theme:e,showBorder:r})=>({marginTop:r?void 0:e.spacing.lg,marginBottom:r?e.spacing.twoXL:void 0}),""),se=n(re,{target:"e1i5pmia4"})(({visibility:e})=>({marginBottom:0,display:e===v.Collapsed?"none":"grid",gridTemplateColumns:e===v.Collapsed?"initial":"auto 1fr",visibility:e===v.Hidden?"hidden":"visible"}),""),le=n("div",{target:"e1i5pmia3"})(({theme:e})=>({fontSize:e.metricValueFontSize??e.fontSizes.threeXL,lineHeight:"normal",...e.metricValueFontWeight!==void 0&&{fontWeight:e.metricValueFontWeight},color:e.colors.bodyText,paddingBottom:e.spacing.twoXS}),""),ne=n("div",{target:"e1i5pmia2"})(({theme:e,metricColor:r,showArrow:i})=>({color:te(e,r),backgroundColor:$(e,r),fontSize:e.fontSizes.sm,lineHeight:"normal",display:"inline-flex",flexDirection:"row",alignItems:"center",fontWeight:e.fontWeights.normal,borderRadius:e.radii.full,maxWidth:"100%",flexShrink:0,padding:`${e.spacing.threeXS} ${e.spacing.xs}`,...i&&{paddingLeft:e.spacing.twoXS}}),""),ce=n("div",{target:"e1i5pmia1"})(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",gap:"0.5em",maxWidth:"100%",overflow:"hidden",paddingBottom:e.spacing.twoXS}),""),de=n("div",{target:"e1i5pmia0"})({name:"1m7ehjk",styles:"overflow:hidden;flex-shrink:1;min-width:0"}),ue=1e3;function T(e,r){try{return ee(Number(e),r)}catch{return e}}function me(e,r,i,s,p){const l=`metric_chart_${Math.random().toString(36).slice(2,10)}`,h=e.length===1?[e[0],e[0]]:e,d={$schema:"https://vega.github.io/schema/vega-lite/v5.json",width:Math.round(i),height:Math.round(X("3.5rem")),data:{values:h.map((c,x)=>({x,y:c}))},layer:[{name:`${l}_mark`,mark:{type:"line",...r===t.ChartType.LINE&&{type:"line",strokeCap:"round",strokeWidth:s.sizes.metricStrokeWidth},...r===t.ChartType.BAR&&{type:"bar",cornerRadius:parseFloat(s.radii.full)},...r===t.ChartType.AREA&&{type:"area",color:$(s,p),opacity:1,line:{color:B(s,p),opacity:1,strokeWidth:s.sizes.metricStrokeWidth,strokeCap:"round"}}},encoding:{x:{field:"x",type:"quantitative",axis:null,scale:{zero:!1,nice:!1}},y:{field:"y",type:"quantitative",axis:null,scale:{zero:!1,nice:!1}}}},{name:`${l}_points`,mark:{type:"point",opacity:0},encoding:{x:{field:"x",type:"quantitative",axis:null,scale:{zero:!1,nice:!1}},y:{field:"y",type:"quantitative",axis:null,scale:{zero:!1,nice:!1}}},params:[{name:`${l}_hover_selection`,select:{type:"point",encodings:["x"],nearest:!0,on:e.length>ue?"mousemove{16}":"mousemove",clear:"mouseleave"}}]},{name:`${l}_highlighted_points`,transform:[{filter:{param:`${l}_hover_selection`,empty:!1}}],mark:{type:"point",filled:!0,size:65,tooltip:!0},encoding:{x:{field:"x",type:"quantitative",axis:null,scale:{zero:!1,nice:!1}},y:{field:"y",type:"quantitative",axis:null,scale:{zero:!1,nice:!1}}}}],config:{view:{stroke:null},padding:{left:-3,right:-3,top:2,bottom:2},...r===t.ChartType.BAR&&{padding:{left:0,right:0,top:2,bottom:2}},mark:{tooltip:{content:"encoding"},color:B(s,p)}}};return d.config=K(d.config,s),d}function pe({element:e}){const r=G(),i=a.useRef(null),{width:s,elementRef:p}=H(),{MetricDirection:l}=t,{body:h,label:d,delta:c,direction:x,color:y,labelVisibility:A,help:b,showBorder:w,chartData:u,chartType:E,format:f,deltaDescription:g}=e,W=f&&k(h)?T(h,f):h,D=f&&c&&k(c)?T(c,f):c;let m=null;switch(x){case l.DOWN:m=j;break;case l.UP:m=M;break;case l.NONE:break}const S="0 threeXS 0 0",L=c!=="",R=a.useId();return a.useEffect(()=>{if(u&&u.length>0&&i.current&&s>0){const N=me(u,E,s,r,y);Y(i.current,N,{actions:!1,renderer:"svg",ast:!0,expr:Q,tooltip:{theme:"custom",formatTooltip:I=>`${I.y}`}})}},[u,y,r,s,E,i]),o.jsxs(oe,{className:"stMetric","data-testid":"stMetric",showBorder:w,children:[o.jsxs(ie,{showBorder:w,children:[o.jsxs(se,{"data-testid":"stMetricLabel",visibility:O(A?.value),children:[o.jsx(C,{source:d,allowHTML:!1,isLabel:!0,truncate:!0}),b&&o.jsx(Z,{content:b,placement:_.TOP_RIGHT,label:d})]}),o.jsx(le,{"data-testid":"stMetricValue",children:o.jsx(C,{source:W,allowHTML:!1,isLabel:!0,inheritFont:!0,truncate:!0})}),(L||g)&&o.jsxs(ce,{children:[L&&o.jsxs(ne,{"data-testid":"stMetricDelta",metricColor:y,showArrow:m!==null,"aria-describedby":g?R:void 0,children:[m&&o.jsx(P,{testid:m===M?"stMetricDeltaIcon-Up":"stMetricDeltaIcon-Down",content:m,size:"md",margin:S}),o.jsx(C,{source:D,allowHTML:!1,isLabel:!0,inheritFont:!0,truncate:!0})]}),g&&o.jsx(de,{"data-testid":"stMetricDeltaDescription",id:R,title:g,children:o.jsx(C,{source:g,allowHTML:!1,isLabel:!0,isCaption:!0,truncate:!0})})]})]}),u&&u.length>0&&o.jsxs("div",{ref:p,children:[o.jsx(F,{styles:J}),o.jsx(ae,{ref:i,"data-testid":"stMetricChart",showBorder:w})]})]})}const Ee=a.memo(pe);export{Ee as default};