(window.expressionLegacyMetricVis_bundle_jsonpfunction=window.expressionLegacyMetricVis_bundle_jsonpfunction||[]).push([[1],{19:function(e,t,r){"use strict";var n,i=function(){var e={};return function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}e[t]=r}return e[t]}}(),o=[];function a(e){for(var t=-1,r=0;r<o.length;r++)if(o[r].identifier===e){t=r;break}return t}function s(e,t){for(var r={},n=[],i=0;i<e.length;i++){var s=e[i],c=t.base?s[0]+t.base:s[0],l=r[c]||0,u="".concat(c," ").concat(l);r[c]=l+1;var d=a(u),p={css:s[1],media:s[2],sourceMap:s[3]};-1!==d?(o[d].references++,o[d].updater(p)):o.push({identifier:u,updater:h(p,t),references:1}),n.push(u)}return n}function c(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var o=r.nc;o&&(n.nonce=o)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var l,u=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function d(e,t,r,n){var i=r?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=u(t,i);else{var o=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function p(e,t,r){var n=r.css,i=r.media,o=r.sourceMap;if(i?e.setAttribute("media",i):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var f=null,m=0;function h(e,t){var r,n,i;if(t.singleton){var o=m++;r=f||(f=c(t)),n=d.bind(null,r,o,!1),i=d.bind(null,r,o,!0)}else r=c(t),n=p.bind(null,r,t),i=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else i()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=(void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n));var r=s(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<r.length;n++){var i=a(r[n]);o[i].references--}for(var c=s(e,t),l=0;l<r.length;l++){var u=a(r[l]);0===o[u].references&&(o[u].updater(),o.splice(u,1))}r=c}}}},20:function(e,t,r){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r=function(e,t){var r,n,i,o=e[1]||"",a=e[3];if(!a)return o;if(t&&"function"==typeof btoa){var s=(r=a,n=btoa(unescape(encodeURIComponent(JSON.stringify(r)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(n),"/*# ".concat(i," */")),c=a.sources.map((function(e){return"/*# sourceURL=".concat(a.sourceRoot||"").concat(e," */")}));return[o].concat(c).concat([s]).join("\n")}return[o].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(r,"}"):r})).join("")},t.i=function(e,r,n){"string"==typeof e&&(e=[[null,e,""]]);var i={};if(n)for(var o=0;o<this.length;o++){var a=this[o][0];null!=a&&(i[a]=!0)}for(var s=0;s<e.length;s++){var c=[].concat(e[s]);n&&i[c[0]]||(r&&(c[2]?c[2]="".concat(r," and ").concat(c[2]):c[2]=r),t.push(c))}},t}},21:function(e,t,r){e.exports=r(15)(1465)},22:function(e,t,r){switch(window.__kbnThemeTag__){case"v8dark":return r(23);case"v8light":return r(25)}},23:function(e,t,r){var n=r(19),i=r(24);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.i,i,""]]);n(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},24:function(e,t,r){(t=r(20)(!1)).push([e.i,".legacyMtrVis{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:center;overflow:auto;scrollbar-color:#98a2b380 #0000;scrollbar-width:thin;width:100%}.legacyMtrVis::-webkit-scrollbar{height:16px;width:16px}.legacyMtrVis::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#98a2b380;border:6px solid #0000;border-radius:16px}.legacyMtrVis::-webkit-scrollbar-corner,.legacyMtrVis::-webkit-scrollbar-track{background-color:#0000}.legacyMtrVis__value{font-weight:700;max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.legacyMtrVis__container{display:flex;flex-direction:column;padding:16px;text-align:center}.legacyMtrVis__container--light{color:#1d1e24}.legacyMtrVis__container-isfull{align-items:center;display:flex;flex:1 0 100%;flex-direction:column;justify-content:center;min-height:100%;min-width:max-content}.legacyMtrVis__container-isFilterable{cursor:pointer;transform:translate(0);transition:transform .25s cubic-bezier(.694,.0482,.335,1)}.legacyMtrVis__container-isFilterable:focus,.legacyMtrVis__container-isFilterable:hover{box-shadow:none;transform:translateY(-2px)}",""]),e.exports=t},25:function(e,t,r){var n=r(19),i=r(26);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.i,i,""]]);n(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},26:function(e,t,r){(t=r(20)(!1)).push([e.i,".legacyMtrVis{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:center;overflow:auto;scrollbar-color:#69707d80 #0000;scrollbar-width:thin;width:100%}.legacyMtrVis::-webkit-scrollbar{height:16px;width:16px}.legacyMtrVis::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#69707d80;border:6px solid #0000;border-radius:16px}.legacyMtrVis::-webkit-scrollbar-corner,.legacyMtrVis::-webkit-scrollbar-track{background-color:#0000}.legacyMtrVis__value{font-weight:700;max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.legacyMtrVis__container{display:flex;flex-direction:column;padding:16px;text-align:center}.legacyMtrVis__container--light{color:#fff}.legacyMtrVis__container-isfull{align-items:center;display:flex;flex:1 0 100%;flex-direction:column;justify-content:center;min-height:100%;min-width:max-content}.legacyMtrVis__container-isFilterable{cursor:pointer;transform:translate(0);transition:transform .25s cubic-bezier(.694,.0482,.335,1)}.legacyMtrVis__container-isFilterable:focus,.legacyMtrVis__container-isFilterable:hover{box-shadow:none;transform:translateY(-2px)}",""]),e.exports=t},27:function(e,t,r){"use strict";r.r(t),r.d(t,"default",(function(){return metric_component_MetricVisComponent}));var n=r(21),i=r.n(n),o=r(7),a=r(3),s=r(5),c=r(16),l=r.n(c),u=r(0),d=r(4);const p=e=>{const{style:t,metric:r,onFilter:n,labelConfig:i,colorFullBackground:a,autoScale:s}=e,c=l()("legacyMtrVis__container",{"legacyMtrVis__container--light":r.lightText,"legacyMtrVis__container-isfilterable":n,"legacyMtrVis__container-isfull":!s&&a});Object(o.useLayoutEffect)((()=>{var t;null===(t=e.renderComplete)||void 0===t||t.call(e)}),[e]);const p=Object(d.jsx)("div",{className:c,style:s&&a?{}:{backgroundColor:r.bgColor}},Object(d.jsx)("div",{"data-test-subj":"metric_value",className:"legacyMtrVis__value",style:{...t.spec,...r.color?{color:r.color}:{}},dangerouslySetInnerHTML:{__html:r.value}}),i.show&&Object(d.jsx)("div",{"data-test-subj":"metric_label",style:{...i.style.spec,order:"top"===i.position?-1:2}},r.label));return n?Object(d.jsx)("button",{style:{display:"block"},onClick:()=>n(),title:u.i18n.translate("expressionLegacyMetricVis.filterTitle",{defaultMessage:"Click to filter by field"})},p):p};var f=r(14);const m=e=>{var t;const r=null!==(t=e.match(/rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*?(,\s*(\d+)\s*)?\)/))&&void 0!==t?t:[];return r?{red:parseFloat(r[1]),green:parseFloat(r[2]),blue:parseFloat(r[3]),opacity:r[5]?parseFloat(r[5]):void 0}:null},h=(e="")=>{const t=m(e);if(!t)return!1;const{red:r,green:n,blue:i,opacity:o}=t;return Object(f.isColorDark)(r,n,i)&&0!==o},b=(e,t,r="text")=>"number"==typeof e&&isNaN(e)?"-":t.convert(e,r);var g=r(17),v=r(18);const y=Object(d.css)({display:"flex",justifyContent:"center",alignItems:"center",maxWidth:"100%",maxHeight:"100%",overflow:"hidden",lineHeight:v.euiThemeVars.euiLineHeight},"","");r(22);const x=(w=p,e=>{const{autoScaleParams:t,renderComplete:r}=e,n=function(e){if(function(e){return!!e.autoScaleParams}(e)){const{autoScaleParams:t,renderComplete:r,...n}=e;return n}return e}(e),[i,a]=Object(o.useState)(0),[s,c]=Object(o.useState)(!1),l=Object(o.useRef)(null),u=Object(o.useRef)(null),p=Object(f.useResizeObserver)(l.current),m=Object(o.useMemo)((()=>Object(g.throttle)((()=>{const e=function(e,t,r=.3){if(!e||!t)return 1;const n=e.clientWidth/t.clientWidth,i=e.clientHeight/t.clientHeight;return Math.max(Math.min(1,Math.min(n,i)),r)}({clientHeight:p.height,clientWidth:p.width},u.current,null==t?void 0:t.minScale);i!==e&&a(e),p.height&&p.width&&c(!0)}))),[p,a,i,t]);return Object(o.useEffect)((()=>{m()}),[m]),Object(o.useLayoutEffect)((()=>{s&&(null==r||r())}),[r,s]),Object(d.jsx)("div",{ref:l,style:null==t?void 0:t.containerStyles,css:y},Object(d.jsx)("div",{ref:u,style:{transform:`scale(${i||0})`,...p.width&&i&&null!=t&&t.autoScaleMetricAlignment&&"center"!==(null==t?void 0:t.autoScaleMetricAlignment)?{position:"relative",[t.autoScaleMetricAlignment]:(1-i)*p.width*i*-1}:{}}},Object(d.jsx)(w,n)))});var w;class metric_component_MetricVisComponent extends o.Component{constructor(...e){super(...e),i()(this,"filterColumn",((e,t)=>{const{dimensions:r}=this.props.visParams,n=this.props.visData;let i=r.bucket?Object(a.getAccessor)(r.bucket):t;"object"==typeof i&&"id"in i&&(i=n.columns.indexOf(i)),this.props.fireEvent({name:"filter",data:{data:[{table:n,column:i,row:e}]}})})),i()(this,"isAutoScaleWithColorizingContainer",(()=>this.props.visParams.metric.autoScale&&this.props.visParams.metric.colorFullBackground)),i()(this,"renderMetric",((e,t,r)=>{var n,i;const o=void 0!==this.props.visParams.dimensions.bucket,a=this.props.visParams.metric.autoScale?x:p;return Object(d.jsx)(a,{autoScaleParams:this.isAutoScaleWithColorizingContainer()?{containerStyles:{backgroundColor:e.bgColor,minHeight:"100%",minWidth:"100%"},...null!==(n=this.props.visParams.metric)&&void 0!==n&&n.autoScaleMetricAlignment?{autoScaleMetricAlignment:null===(i=this.props.visParams.metric)||void 0===i?void 0:i.autoScaleMetricAlignment}:{}}:void 0,key:t,metric:e,style:this.props.visParams.metric.style,onFilter:o||this.props.filterable[t]?()=>this.filterColumn(e.rowIndex,e.colIndex):void 0,autoScale:this.props.visParams.metric.autoScale,colorFullBackground:this.props.visParams.metric.colorFullBackground,labelConfig:this.props.visParams.metric.labels,renderComplete:r.length-1===t?this.props.renderComplete:void 0})}))}getColor(e,t){var r,n;return null===(r=Object(s.b)().get("custom"))||void 0===r||null===(n=r.getColorForValue)||void 0===n?void 0:n.call(r,e,t,{min:t.rangeMin,max:t.rangeMax})}processTableGroups(e){const{metric:t,dimensions:r}=this.props.visParams,{percentageMode:n,style:i,palette:o}=t,{stops:c=[]}=null!=o?o:{},l=c[0],u=c[c.length-1];let d,p;if(r.bucket){const t=Object(a.getColumnByAccessor)(r.bucket,e.columns);d=null==t?void 0:t.id,p=Object(s.a)().deserialize(Object(a.getFormatByAccessor)(r.bucket,e.columns))}return r.metrics.reduce(((t,r)=>{const f=Object(a.getColumnByAccessor)(r,null==e?void 0:e.columns),g=null==e?void 0:e.columns.indexOf(f),v=Object(s.a)().deserialize(Object(a.getFormatByAccessor)(r,e.columns));return[...t,...e.rows.map(((e,t)=>{var r,a,s;let y=f.name,x=e[f.id];const w=o?this.getColor(x,o):void 0;n&&c.length&&(x=(x-l)/(u-l));const M=b(x,v,"html");d&&(y=`${b(e[d],p)} - ${y}`);const _=(e=>{const t=m(e),{opacity:r}=null!=t?t:{};return!t||t&&0!==r})(null!=w?w:"");return{label:y,value:M,color:_&&null!==(r=i.labelColor)&&void 0!==r&&r?w:void 0,bgColor:_&&null!==(a=i.bgColor)&&void 0!==a&&a?w:void 0,lightText:_&&null!==(s=i.bgColor)&&void 0!==s&&s&&h(w),rowIndex:t,colIndex:g}}))]}),[])}render(){let e;return this.props.visData&&(e=this.processTableGroups(this.props.visData).map(this.renderMetric)),e}}}}]);