(window.expressionMetricVis_bundle_jsonpfunction=window.expressionMetricVis_bundle_jsonpfunction||[]).push([[1],{21:function(e,t,i){e.exports=i(18)(1466)},23:function(e,t,i){"use strict";i.r(t),i.d(t,"defaultColor",(function(){return g})),i.d(t,"MetricVis",(function(){return p}));var n=i(21),r=i.n(n),o=i(14),s=i(0),c=i(7),l=i(1),a=i(6),d=i(19),u=i(20),m=i(9),h=i(2),v=i(8),b=i(11);const g=d.euiThemeVars.euiColorLightestShade,j=(e,t)=>{const i=function(e){var t;const i=(null==e?void 0:e.id)||"number";return"duration"!==i||null!=e&&null!==(t=e.params)&&void 0!==t&&t.formatOverride?null!=e?e:{id:i}:{...e,params:{outputFormat:"humanizePrecise",outputPrecision:1,useShortSuffix:!0,...e.params}}}(Object(l.getFormatByAccessor)(e,t));return Object(v.a)().deserialize(i).getConverterFor("text")},f=(e,t,i,n,r)=>{var o,s;const{min:c,max:l}=Object(b.a)(i,n,r);return null===(o=Object(v.b)().get("custom"))||void 0===o||null===(s=o.getColorForValue)||void 0===s?void 0:s.call(o,e,t,{min:c,max:l})},p=({data:e,config:t,renderComplete:i,fireEvent:n,renderMode:b,filterable:p,overrides:x})=>{var O,y,w;const C=Object(v.c)().useChartsTheme(),A=Object(o.useCallback)((e=>{e&&window.requestAnimationFrame((()=>{i()}))}),[i]),[B,M]=Object(o.useState)("100%"),T=Object(o.useRef)(null),k=Object(u.useResizeObserver)(T.current),E=Object(v.c)().useChartsBaseTheme(),F=Object(l.getColumnByAccessor)(t.dimensions.metric,e.columns),S=j(t.dimensions.metric,e.columns);let V,D,$,z;t.dimensions.secondaryMetric&&(V=Object(l.getColumnByAccessor)(t.dimensions.secondaryMetric,e.columns),D=j(t.dimensions.secondaryMetric,e.columns)),t.dimensions.breakdownBy&&($=Object(l.getColumnByAccessor)(t.dimensions.breakdownBy,e.columns),z=Object(v.a)().deserialize(Object(l.getFormatByAccessor)(t.dimensions.breakdownBy,e.columns)).getConverterFor("text"));const I=t.dimensions.max?null===(O=Object(l.getColumnByAccessor)(t.dimensions.max,e.columns))||void 0===O?void 0:O.id:void 0,_=($?e.rows:e.rows.slice(0,1)).map(((i,n)=>{var r,o,c,l,d,m,v;const b=null!==i[F.id]?i[F.id]:NaN,j=$?z(i[$.id]):F.name,p=$?F.name:t.metric.subtitle,x=null!==(r=t.metric.secondaryPrefix)&&void 0!==r?r:null===(o=V)||void 0===o?void 0:o.name,O={value:b,valueFormatter:S,title:j,subtitle:p,icon:null!==(c=t.metric)&&void 0!==c&&c.icon?(y=null===(l=t.metric)||void 0===l?void 0:l.icon,({width:e,height:t,color:i})=>Object(a.jsx)(u.EuiIcon,{type:y,width:e,height:t,fill:i,style:{width:e,height:t}})):void 0,extra:Object(a.jsx)("span",null,x,V?`${x?" ":""}${D(i[V.id])}`:void 0),color:t.metric.palette&&null!=b?null!==(d=f(b,t.metric.palette,{metric:F.id,max:I,breakdownBy:null===(m=$)||void 0===m?void 0:m.id},e,n))&&void 0!==d?d:g:null!==(v=t.metric.color)&&void 0!==v?v:g};var y;const w=$?i[$.id]:h.a;return t.metric.trends&&t.metric.trends[w]?{...O,trend:t.metric.trends[w],trendShape:"area",trendA11yTitle:s.i18n.translate("expressionMetricVis.trendA11yTitle",{defaultMessage:"{dataTitle} over time.",values:{dataTitle:F.name}}),trendA11yDescription:s.i18n.translate("expressionMetricVis.trendA11yDescription",{defaultMessage:"A line chart showing the trend of the primary metric over time."})}:I&&t.metric.progressDirection?{...O,domainMax:i[I],progressBarDirection:t.metric.progressDirection}:O}));if(t.metric.minTiles)for(;_.length<t.metric.minTiles;)_.push(void 0);const{metric:{maxCols:P}}=t,R=_.length/P,H=null!==(y=null===(w=C.metric)||void 0===w?void 0:w.minHeight)&&void 0!==y?y:E.metric.minHeight;Object(o.useEffect)((()=>{var e;const t=H*R;M((null!==(e=k.height)&&void 0!==e?e:-1/0)>t?"100%":`${t}px`)}),[R,H,k.height]);const{theme:L={},...N}=Object(m.c)(x,"settings"),q=[];for(let e=0;e<_.length;e+=P)q.push(_.slice(e,e+P));let G,J;if("edit"===b){var K;const e=_.flat().length>1?200:300;G=q.length*e,J=(null===(K=q[0])||void 0===K?void 0:K.length)*e}return Object(a.jsx)("div",{ref:T,css:Object(a.css)("height:",G?`${G}px`:"100%",";width:",J?`${J}px`:"100%",";max-height:100%;max-width:100%;overflow-y:auto;",Object(u.useEuiScrollBar)(),";","")},Object(a.jsx)("div",{css:Object(a.css)("height:",B,";","")},Object(a.jsx)(c.Chart,Object(m.c)(x,"chart"),Object(a.jsx)(c.Settings,r()({theme:[{background:{color:"transparent"},metric:{background:g,barBackground:d.euiThemeVars.euiColorLightShade},...C},...Array.isArray(L)?L:[L]],baseTheme:E,onRenderChange:A,onElementClick:p?t=>{var i;const r=null!==(i=$)&&void 0!==i?i:F,o=q[0].length;t.forEach((t=>{if(Object(c.isMetricElementEvent)(t)){const i=e.columns.findIndex((e=>e===r));n(((e,t,i)=>{const n=i.columns[t];return{name:"filter",data:{data:[{table:i,column:t,row:e,value:i.rows[e][n.id]}]}}})(t.rowIndex*o+t.columnIndex,i,e))}}))}:void 0},N)),Object(a.jsx)(c.Metric,{id:"metric",data:q}))))}}}]);