"use strict";(self.webpackChunkgrafana=self.webpackChunkgrafana||[]).push([[9103],{45013:(j,F,e)=>{e.d(F,{$R:()=>B,S$:()=>E,XJ:()=>O});var d=e(86832),t=e(26125),P=e(93313),p=e(30976),S=e(48069),x=e(10694),c=e(32688),m=e(39064),T=e(89591);function N(){const n="ABCDEFGHIJKLMNOPQRSTUVWXYZ",r="abcdefghijklmnopqrstuvwxyz",l=n.length,i=new Map;return o=>{const f=i.get(o);if(f!=null)return f;const D=[...o].map(y=>y.toLowerCase()&&y!==y.toUpperCase()?r.charAt(Math.floor(Math.random()*l)):y.toUpperCase()&&y!==y.toUpperCase()?n.charAt(Math.floor(Math.random()*l)):y).join("");return i.set(o,D),D}}function W(n,r){if(!(r.labels||r.names||r.values))return n;const l=new Set(["time","value","exemplar","traceid","id","uid","uuid","__name__","le","name"]),i=N();return n.map(o=>{let{schema:f,data:D}=o;if(f&&D){if(r.labels){for(const y of f.fields)if(y.labels){const I={};for(const[L,U]of Object.entries(y.labels))I[L]=i(U);y.labels=I}}if(r.names)for(const y of f.fields)y.name?.length&&!l.has(y.name.toLowerCase())&&(y.name=i(y.name));r.values&&f.fields.forEach((y,I)=>{if(y.type===T.fS.string&&D){const L=D.values[I].map(U=>i(String(U)));D.values[I]=L}})}return{schema:f,data:D}})}function O(n){const r=[];if(n?.series)for(const l of n.series)r.push((0,P.Y)(l));if(n?.annotations)for(const l of n.annotations){const i=(0,P.Y)(l);i.schema?.meta||(i.schema.meta={}),i.schema.meta.dataTopic=p.w5.Annotations,r.push(i)}return r}function E(n,r){const l=n.getSaveModel(),i={panelType:l.type,datasource:"??"},o=`${c.config.buildInfo.version} (${c.config.buildInfo.commit})`;let f=`| Key | Value |
|--|--|
| Panel | ${i.panelType} @ ${l.pluginVersion??o} |
| Grafana | ${o} // ${c.config.buildInfo.edition} |
`;return r&&(f+="<details><summary>Panel debug snapshot dashboard</summary>\n\n```json\n"+r+"\n```\n</details>"),f}async function B(n,r,l){const i=n.getSaveModel(),o=(0,d.cloneDeep)(u),f={panelType:i.type,datasource:"??"},D=await(0,t.z)(n.getQueryRunner().getData({withFieldConfig:!1,withTransforms:!1})),y=n.datasource,I=W(O(D),r),L=`${c.config.buildInfo.version} (${c.config.buildInfo.commit})`,U=i?.targets??[],b=`<table width="100%">
    <tr>
      <th width="2%">Panel</th>
      <td >${f.panelType} @ ${i.pluginVersion??L}</td>
    </tr>
    <tr>
      <th>Queries</th>
      <td>${U.map(g=>{const s=g.datasource??y;return`${g.refId}[${s?.type}]`}).join(", ")}</td>
    </tr>
    ${R(i)}
    ${K(D,I)}
    ${a(D)}
    <tr>
      <th>Grafana</th>
      <td>${L} // ${c.config.buildInfo.edition}</td>
    </tr>
  </table>`.trim();if(o.panels[0]={...i,...o.panels[0],targets:[{refId:"A",datasource:{type:"grafana",uid:"grafana"},queryType:m.hR.Snapshot,snapshot:I}]},i.transformations?.length){const g=o.panels[o.panels.length-1];g.title=g.title+" (after transformations)";const s=(0,d.cloneDeep)(g);s.id=100,s.title="Data (before transformations)",s.gridPos.w=24,s.targets[0].withTransforms=!1,o.panels.push(s)}return D.annotations?.length&&o.panels.push({id:7,gridPos:{h:6,w:24,x:0,y:20},type:"table",title:"Annotations",datasource:{type:"datasource",uid:"-- Dashboard --"},options:{showTypeIcons:!0},targets:[{datasource:{type:"datasource",uid:"-- Dashboard --"},panelId:2,withTransforms:!0,topic:p.w5.Annotations,refId:"A"}]}),o.panels[1].options.content=b,o.panels[2].options.content=JSON.stringify(i,null,2),o.title=`Debug: ${i.title} // ${(0,S.dq)(new Date)}`,o.tags=["debug",`debug-${f.panelType}`],o.time={from:l.from.toISOString(),to:l.to.toISOString()},o}function R(n){return n.transformations?`<tr>
      <th>Transform</th>
      <td>${n.transformations.map(r=>r.id).join(", ")}</td>
  </tr>`:""}function K(n,r){let l=n.series.length??0,i=0,o=0;for(const f of n.series)i+=f.fields.length,o+=f.length;return`<tr><th>Data</th><td>${n.state!==x.Gu.Done?n.state:""} ${l} frames, ${i} fields, ${o} rows </td></tr>`}function a(n){return n.annotations?.length?`<tr>
  <th>Annotations</th>
  <td>${n.annotations.map((r,l)=>`<span>${r.length}</span>`)}</td>
</tr>`:""}const u={panels:[{id:2,title:"Reproduced with embedded data",datasource:{type:"grafana",uid:"grafana"},gridPos:{h:13,w:15,x:0,y:0}},{gridPos:{h:7,w:9,x:15,y:0},id:5,options:{content:"...",mode:"html"},title:"Debug info",type:"text"},{id:6,title:"Original Panel JSON",type:"text",gridPos:{h:13,w:9,x:15,y:7},options:{content:"...",mode:"code",code:{language:"json",showLineNumbers:!0,showMiniMap:!0}}},{id:3,title:"Data from panel above",type:"table",datasource:{type:"datasource",uid:"-- Dashboard --"},gridPos:{h:7,w:15,x:0,y:13},options:{showTypeIcons:!0},targets:[{datasource:{type:"datasource",uid:"-- Dashboard --"},panelId:2,withTransforms:!0,refId:"A"}]}],schemaVersion:37}},66155:(j,F,e)=>{e.d(F,{E:()=>L});var d=e(86832),t=e(39953),P=e(19977),p=e(7959),S=e(60593),x=e(52716),c=e(28888),m=e(72639),T=e(4919),N=e(28409),W=e(23968),O=e(50820),E=e(62679),B=e(41891),R=e(69330),K=e(82803),a=e(12223),u=e(96227),n=e(9558),r=e(26286),l=e(98324),i=e(41407);const o=b=>(0,i.css)`
  padding: ${b.spacing(0,2)};
  font-size: ${b.typography.bodySmall.fontSize};
  color: ${b.colors.text.secondary};
  overflow: hidden;
  text-overflow: ellipsis;
`,f=({children:b})=>{const g=(0,K.wW)(o);return t.createElement("div",{className:g},b)};var D=e(2952);const y=({options:b,actions:g,onOptionsChange:s,hasTransformations:v,data:h,dataFrames:C,transformationOptions:$,selectedDataFrame:A,onDataFrameChange:G,downloadForExcel:J,toggleDownloadForExcel:z})=>{const M=(0,K.wW)(D.i);let V=C;A===p.W.joinByField&&(V=h);const H=V.map((Q,w)=>({value:w,label:`${(0,R.nf)(Q)} (${w})`})),Y=[...$,...H];function Z(){let Q="";if(!h)return Q;const w=[];return A===p.W.joinByField?w.push((0,E.t)("dashboard.inspect-data.series-to-columns","Series joined by time")):h.length>1&&w.push((0,R.nf)(h[A])),(b.withTransforms||b.withFieldConfig)&&(b.withTransforms&&w.push((0,E.t)("dashboard.inspect-data.panel-transforms","Panel transforms")),b.withTransforms&&b.withFieldConfig,b.withFieldConfig&&w.push((0,E.t)("dashboard.inspect-data.formatted","Formatted data"))),J&&w.push((0,E.t)("dashboard.inspect-data.excel-header","Excel header")),w.join(", ")}return t.createElement("div",{className:M.dataDisplayOptions},t.createElement(l.t,{id:"Data options",index:0,title:(0,E.t)("dashboard.inspect-data.data-options","Data options"),headerElement:t.createElement(f,null,Z()),isOpen:!1,actions:g},t.createElement("div",{className:M.options,"data-testid":"dataOptions"},t.createElement(a.wc,{spacing:"none"},h.length>1&&t.createElement(u.g,{label:(0,E.t)("dashboard.inspect-data.dataframe-label","Show data frame")},t.createElement(n.Ph,{options:Y,value:A,onChange:G,width:30,"aria-label":(0,E.t)("dashboard.inspect-data.dataframe-aria-label","Select dataframe")})),t.createElement(a.Lh,null,v&&s&&t.createElement(u.g,{label:(0,E.t)("dashboard.inspect-data.transformations-label","Apply panel transformations"),description:(0,E.t)("dashboard.inspect-data.transformations-description","Table data is displayed with transformations defined in the panel Transform tab.")},t.createElement(r.r,{value:!!b.withTransforms,onChange:()=>s({...b,withTransforms:!b.withTransforms})})),s&&t.createElement(u.g,{label:(0,E.t)("dashboard.inspect-data.formatted-data-label","Formatted data"),description:(0,E.t)("dashboard.inspect-data.formatted-data-description","Table data is formatted with options defined in the Field and Override tabs.")},t.createElement(r.r,{id:"formatted-data-toggle",value:!!b.withFieldConfig,onChange:()=>s({...b,withFieldConfig:!b.withFieldConfig})})),t.createElement(u.g,{label:(0,E.t)("dashboard.inspect-data.download-excel-label","Download for Excel"),description:(0,E.t)("dashboard.inspect-data.download-excel-description","Adds header to CSV for use with Excel")},t.createElement(r.r,{id:"excel-toggle",value:J,onChange:z})))))))};var I=e(85465);class L extends t.PureComponent{constructor(g){super(g),this.onExportLogsAsTxt=()=>{const{data:s,dataName:v,app:h}=this.props;(0,m.ff)("grafana_logs_download_logs_clicked",{app:h,format:"logs",area:"inspector"});const C=(0,B.aB)(s||[]);(0,I.Fc)(C,v)},this.onExportTracesAsJson=()=>{const{data:s,dataName:v,app:h}=this.props;if(s)for(const C of s){if(C.meta?.preferredVisualisationType!=="trace")continue;const $=(0,I.gb)(C,v+"-traces");(0,m.ff)("grafana_traces_download_traces_clicked",{app:h,grafana_version:O.config.buildInfo.version,trace_format:$,location:"inspector"})}},this.onExportServiceGraph=()=>{const{data:s,dataName:v,app:h}=this.props;(0,m.ff)("grafana_traces_download_service_graph_clicked",{app:h,grafana_version:O.config.buildInfo.version,location:"inspector"}),s&&(0,I.KO)(s,v)},this.onDataFrameChange=s=>{this.setState({transformId:s.value===p.W.joinByField?p.W.joinByField:p.W.noop,dataFrameIndex:typeof s.value=="number"?s.value:0,selectedDataFrame:s.value})},this.onToggleDownloadForExcel=()=>{this.setState(s=>({downloadForExcel:!s.downloadForExcel}))},this.state={selectedDataFrame:0,dataFrameIndex:0,transformId:p.W.noop,transformationOptions:U(),transformedData:g.data??[],downloadForExcel:!1}}componentDidUpdate(g,s){if(!this.props.data){this.setState({transformedData:[]});return}if(this.props.options.withTransforms){this.setState({transformedData:this.props.data});return}if(g.data!==this.props.data||s.transformId!==this.state.transformId){const v=this.state.transformationOptions.find(h=>h.value===this.state.transformId);if(v&&v.transformer.id!==p.W.noop){const h=this.state.selectedDataFrame,C=this.state.dataFrameIndex,$=(0,S.H)([v.transformer],this.props.data).subscribe(A=>{this.setState({transformedData:A,selectedDataFrame:h,dataFrameIndex:C},()=>$.unsubscribe())});return}this.setState({transformedData:this.props.data});return}}exportCsv(g,s){const{dataName:v}=this.props,{transformId:h}=this.state,C=g[this.state.dataFrameIndex];s&&(0,m.ff)("grafana_logs_download_clicked",{app:this.props.app,format:"csv"}),(0,I.gv)(C,v,{useExcelHeader:this.state.downloadForExcel},h)}getProcessedData(){const{options:g,panelPluginId:s,fieldConfig:v,timeZone:h}=this.props,C=this.state.transformedData;if(!g.withFieldConfig||!s||!v)return(0,x.Of)(C);const $=this.cleanTableConfigFromFieldConfig(s,v);return(0,x.SM)({data:C,theme:O.config.theme2,fieldConfig:$,timeZone:h,replaceVariables:A=>A})}cleanTableConfigFromFieldConfig(g,s){if(g!=="table")return s;s=(0,d.cloneDeep)(s),s.defaults.custom={};for(const v of s.overrides)for(const h of v.properties)if(h.id.startsWith("custom.")){const C=v.properties.indexOf(h);v.properties.slice(C,1)}return s}renderActions(g,s,v,h){return t.createElement(t.Fragment,null,t.createElement(T.zx,{variant:"primary",onClick:()=>this.exportCsv(g,s),size:"sm"},t.createElement(E.cC,{i18nKey:"dashboard.inspect-data.download-csv"},"Download CSV")),s&&t.createElement(T.zx,{variant:"primary",onClick:this.onExportLogsAsTxt,size:"sm"},t.createElement(E.cC,{i18nKey:"dashboard.inspect-data.download-logs"},"Download logs")),v&&t.createElement(T.zx,{variant:"primary",onClick:this.onExportTracesAsJson,size:"sm"},t.createElement(E.cC,{i18nKey:"dashboard.inspect-data.download-traces"},"Download traces")),h&&t.createElement(T.zx,{variant:"primary",onClick:this.onExportServiceGraph,size:"sm"},t.createElement(E.cC,{i18nKey:"dashboard.inspect-data.download-service"},"Download service graph")))}render(){const{isLoading:g,options:s,data:v,onOptionsChange:h,hasTransformations:C}=this.props,{dataFrameIndex:$,transformationOptions:A,selectedDataFrame:G,downloadForExcel:J}=this.state,z=(0,D.S)();if(g)return t.createElement("div",null,t.createElement(N.$,{inline:!0})," Loading");const M=this.getProcessedData();if(!M||!M.length)return t.createElement("div",null,"No Data");const V=M[$]?$:0,H=M[V],Y=M.some(w=>w?.meta?.preferredVisualisationType==="logs"),Z=M.some(w=>w?.meta?.preferredVisualisationType==="trace"),Q=M.some(w=>w?.meta?.preferredVisualisationType==="nodeGraph");return t.createElement("div",{className:z.wrap,"aria-label":c.wl.components.PanelInspector.Data.content},t.createElement("div",{className:z.toolbar},t.createElement(y,{data:v,hasTransformations:C,options:s,dataFrames:M,transformationOptions:A,selectedDataFrame:G,downloadForExcel:J,onOptionsChange:h,onDataFrameChange:this.onDataFrameChange,toggleDownloadForExcel:this.onToggleDownloadForExcel,actions:this.renderActions(M,Y,Z,Q)})),t.createElement("div",{className:z.content},t.createElement(P.Z,null,({width:w,height:X})=>w===0?null:t.createElement(W.i,{width:w,height:X,data:H,showTypeIcons:!0}))))}}function U(){return[{value:p.W.joinByField,label:(0,E.t)("dashboard.inspect-data.transformation","Series joined by time"),transformer:{id:p.W.joinByField,options:{byField:void 0}}}]}},68716:(j,F,e)=>{e.d(F,{f:()=>R});var d=e(41407),t=e(39953),P=e(28888),p=e(62679),S=e(94123),x=e(89591),c=e(83502),m=e(82803),T=e(64084);const N=({timeZone:a,name:u,stats:n})=>{const r=(0,m.l4)(),l=O(r);return!n||!n.length?null:t.createElement("div",{className:l.wrapper},t.createElement("div",{className:"section-heading"},u),t.createElement("table",{className:"filter-table width-30"},t.createElement("tbody",null,n.map((i,o)=>t.createElement("tr",{key:`${i.displayName}-${o}`},t.createElement("td",null,i.displayName),t.createElement("td",{className:l.cell},W(i,a,r)))))))};function W(a,u,n){const r=(0,S.U)({field:{type:x.fS.number,config:a},theme:n,timeZone:u});return(0,c.zc)(r(a.value))}const O=(0,T.B)(a=>({wrapper:(0,d.css)`
      padding-bottom: ${a.spacing(2)};
    `,cell:(0,d.css)`
      text-align: right;
    `})),E=({name:a,traceIds:u})=>{const n=(0,m.l4)(),r=B(n);return u.length===0?null:t.createElement("div",{className:r.wrapper},t.createElement("div",{className:"section-heading"},a),t.createElement("table",{className:"filter-table width-30"},t.createElement("tbody",null,u.map((l,i)=>t.createElement("tr",{key:`${l}-${i}`},t.createElement("td",null,l))))))},B=(0,T.B)(a=>({wrapper:(0,d.css)`
      padding-bottom: ${a.spacing(2)};
    `,cell:(0,d.css)`
      text-align: right;
    `})),R=({data:a,timeZone:u})=>{if(!a.request)return null;let n=[];const r=a.request.endTime?a.request.endTime-a.request.startTime:-1,l=a.timings?.dataProcessingTime||-1;let i=0;for(const I of a.series)i+=I.length;r>0&&n.push({displayName:(0,p.t)("dashboard.inspect-stats.request-time","Total request time"),value:r,unit:"ms"}),l>0&&n.push({displayName:(0,p.t)("dashboard.inspect-stats.processing-time","Data processing time"),value:l,unit:"ms"}),n.push({displayName:(0,p.t)("dashboard.inspect-stats.queries","Number of queries"),value:a.request.targets?.length??0}),n.push({displayName:(0,p.t)("dashboard.inspect-stats.rows","Total number rows"),value:i});let o=[];for(const I of a.series)I.meta&&I.meta.stats&&(o=o.concat(I.meta.stats));const f=(0,p.t)("dashboard.inspect-stats.table-title","Stats"),D=(0,p.t)("dashboard.inspect-stats.data-title","Data source stats"),y=(0,p.t)("dashboard.inspect-stats.data-traceids","Trace IDs");return t.createElement("div",{"aria-label":P.wl.components.PanelInspector.Stats.content,className:K},t.createElement(N,{timeZone:u,name:f,stats:n}),t.createElement(N,{timeZone:u,name:D,stats:o}),t.createElement(E,{name:y,traceIds:a.traceIds??[]}))},K=(0,d.css)`
  height: 100%;
  overflow-y: scroll;
`},69496:(j,F,e)=>{e.d(F,{D:()=>R});var d=e(41407),t=e(39953),P=e(31544),p=e(10694),S=e(28888),x=e(27366),c=e(32688),m=e(4919),T=e(36210),N=e(84766),W=e(19649),O=e(62679),E=e(20367),B=e(2952);class R extends t.PureComponent{constructor(a){super(a),this.subs=new P.w0,this.setFormattedJson=u=>{this.formattedJson=u},this.getTextForClipboard=()=>JSON.stringify(this.formattedJson,null,2),this.onToggleExpand=()=>{this.setState(u=>({...u,allNodesExpanded:!this.state.allNodesExpanded}))},this.onToggleMocking=()=>{this.setState(u=>({...u,isMocking:!this.state.isMocking}))},this.getNrOfOpenNodes=()=>this.state.allNodesExpanded===null?3:this.state.allNodesExpanded?20:1,this.state={executedQueries:[],allNodesExpanded:null,isMocking:!1,mockedResponse:"",response:{}}}componentDidMount(){this.subs.add(E.ae.getInspectorStream().subscribe({next:a=>this.onDataSourceResponse(a)}))}componentDidUpdate(a){this.props.data!==a.data&&this.updateQueryList()}updateQueryList(){const{data:a}=this.props,u=a.series,n=[];if(u?.length){let r;u.forEach((l,i)=>{const o=l.meta?.executedQueryString;if(o){const f=l.refId||"?";r?.refId===f?(r.frames++,r.rows+=l.length):(r={refId:f,frames:0,rows:l.length,query:o},n.push(r))}})}this.setState({executedQueries:n})}componentWillUnmount(){this.subs.unsubscribe()}onDataSourceResponse(a){a.config?.hideFromInspector||(a={...a},a.headers&&delete a.headers,a.config&&(a.request=a.config,delete a.config,delete a.request.transformRequest,delete a.request.transformResponse,delete a.request.paramSerializer,delete a.request.jsonpCallbackParam,delete a.request.headers,delete a.request.requestId,delete a.request.inspect,delete a.request.retry,delete a.request.timeout),a.data&&(a.response=a.data,delete a.config,delete a.data,delete a.status,delete a.statusText,delete a.ok,delete a.url,delete a.redirected,delete a.type,delete a.$$config),this.setState({response:a}))}renderExecutedQueries(a){if(!a.length)return null;const u={refId:(0,d.css)`
        font-weight: ${c.config.theme.typography.weight.semibold};
        color: ${c.config.theme.colors.textBlue};
        margin-right: 8px;
      `};return t.createElement("div",null,a.map(n=>t.createElement(x.K,{key:n.refId,gap:1,direction:"column"},t.createElement("div",null,t.createElement("span",{className:u.refId},n.refId,":"),n.frames>1&&t.createElement("span",null,n.frames," frames, "),t.createElement("span",null,n.rows," rows")),t.createElement("pre",null,n.query))))}render(){const{allNodesExpanded:a,executedQueries:u,response:n}=this.state,{onRefreshQuery:r,data:l}=this.props,i=this.getNrOfOpenNodes(),o=(0,B.S)(),f=Object.keys(n).length>0,D=l.state===p.Gu.Loading;return t.createElement("div",{className:o.wrap},t.createElement("div",{"aria-label":S.wl.components.PanelInspector.Query.content},t.createElement("h3",{className:"section-heading"},"Query inspector"),t.createElement("p",{className:"small muted"},t.createElement(O.cC,{i18nKey:"inspector.query.description"},"Query inspector allows you to view raw request and response. To collect this data Grafana needs to issue a new query. Click refresh button below to trigger a new query."))),this.renderExecutedQueries(u),t.createElement("div",{className:o.toolbar},t.createElement(m.zx,{icon:"sync",onClick:r,"aria-label":S.wl.components.PanelInspector.Query.refreshButton},t.createElement(O.cC,{i18nKey:"inspector.query.refresh"},"Refresh")),f&&a&&t.createElement(m.zx,{icon:"minus",variant:"secondary",className:o.toolbarItem,onClick:this.onToggleExpand},t.createElement(O.cC,{i18nKey:"inspector.query.collapse-all"},"Collapse all")),f&&!a&&t.createElement(m.zx,{icon:"plus",variant:"secondary",className:o.toolbarItem,onClick:this.onToggleExpand},t.createElement(O.cC,{i18nKey:"inspector.query.expand-all"},"Expand all")),f&&t.createElement(T.m,{getText:this.getTextForClipboard,className:o.toolbarItem,icon:"copy",variant:"secondary"},t.createElement(O.cC,{i18nKey:"inspector.query.copy-to-clipboard"},"Copy to clipboard")),t.createElement("div",{className:"flex-grow-1"})),t.createElement("div",{className:o.content},D&&t.createElement(N.u,{text:"Loading query inspector..."}),!D&&f&&t.createElement(W.g,{json:n,open:i,onDidRender:this.setFormattedJson}),!D&&!f&&t.createElement("p",{className:"muted"},t.createElement(O.cC,{i18nKey:"inspector.query.no-data"},"No request and response collected yet. Hit refresh button"))))}}},2952:(j,F,e)=>{e.d(F,{S:()=>p,i:()=>S});var d=e(41407),t=e(64084),P=e(50820);const p=(0,t.B)(()=>S(P.config.theme2)),S=x=>({wrap:(0,d.css)`
      display: flex;
      flex-direction: column;
      height: 100%;
      width: 100%;
      flex: 1 1 0;
      min-height: 0;
    `,toolbar:(0,d.css)`
      display: flex;
      width: 100%;
      flex-grow: 0;
      align-items: center;
      justify-content: flex-end;
      margin-bottom: ${x.v1.spacing.sm};
    `,toolbarItem:(0,d.css)`
      margin-left: ${x.v1.spacing.md};
    `,content:(0,d.css)`
      flex-grow: 1;
      height: 100%;
    `,editor:(0,d.css)`
      font-family: monospace;
      height: 100%;
      flex-grow: 1;
    `,viewer:(0,d.css)`
      overflow: scroll;
    `,dataFrameSelect:(0,d.css)`
      flex-grow: 2;
    `,leftActions:(0,d.css)`
      display: flex;
      flex-grow: 1;

      max-width: 85%;
      @media (max-width: 1345px) {
        max-width: 75%;
      }
    `,options:(0,d.css)`
      padding-top: ${x.v1.spacing.sm};
    `,dataDisplayOptions:(0,d.css)`
      flex-grow: 1;
      min-width: 300px;
      margin-right: ${x.v1.spacing.sm};
    `,selects:(0,d.css)`
      display: flex;
      > * {
        margin-right: ${x.v1.spacing.sm};
      }
    `})},99664:(j,F,e)=>{e.d(F,{w:()=>P});var d=e(71519),t=e(28833);function P(S){let x="";try{x=JSON.stringify(S,p(),2)}catch(c){c instanceof Error&&(c.toString().includes("RangeError")||c.toString().includes("allocation size overflow"))?t.Z.emit(d.SI.alertError,[c.toString(),"Cannot display JSON, the object is too big."]):t.Z.emit(d.SI.alertError,[c instanceof Error?c.toString():c])}return x}function p(){const S=new WeakSet;return(x,c)=>{if(x==="__dataContext"||x==="__sceneObject")return"Filtered out in JSON serialization";if(typeof c=="object"&&c!==null){if(S.has(c))return;S.add(c)}return c}}},14741:(j,F,e)=>{e.d(F,{Jy:()=>p,Nw:()=>x,OY:()=>P,Qw:()=>t,TP:()=>S});var d=e(72639);const t=(m,T)=>{(0,d.ff)(`${m}_viewed`,c(T))},P=(m,T)=>{(0,d.ff)(`${m}_result_clicked`,c(T))},p=(m,T)=>{(0,d.ff)(`${m}_query_submitted`,c(T))},S=(m,{error:T,...N})=>{(0,d.ff)(`${m}_query_failed`,{...c(N),error:T})},x=(m,T,N)=>{(0,d.ff)(`grafana_panel_inspect_${m}_${T}_clicked`,N)},c=m=>({layout:m.layout,starredFilter:m.starred??!1,sort:m.sortValue??"",tagCount:m.tagCount??0,queryLength:m.query?.length??0,includePanels:m.includePanels??!1})}}]);

//# sourceMappingURL=9103.39d544c03a1825770473.js.map