@kong-ui-public/dashboard-renderer 0.29.2 → 0.30.0

package/dist/dashboard-renderer.umd.js

@@ -1 +1 @@
-(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong-ui-public/analytics-chart"),require("swrv"),require("axios"),require("@kong-ui-public/i18n"),require("@kong-ui-public/analytics-utilities"),require("@kong-ui-public/analytics-metric-provider"),require("@kong-ui-public/entities-shared"),require("@kong-ui-public/analytics-config-store")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/analytics-chart","swrv","axios","@kong-ui-public/i18n","@kong-ui-public/analytics-utilities","@kong-ui-public/analytics-metric-provider","@kong-ui-public/entities-shared","@kong-ui-public/analytics-config-store"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s["kong-ui-public-dashboard-renderer"]={},s.Vue,s["kong-ui-public-analytics-chart"],s.swrv,s.axios,s["kong-ui-public-i18n"],s["kong-ui-public-analytics-utilities"],s["kong-ui-public-analytics-metric-provider"],s["kong-ui-public-entities-shared"],s["kong-ui-public-analytics-config-store"]))})(this,function(s,e,D,le,Ve,j,h,$,de,pe){"use strict";var z=(t=>(t.VALIDATING="VALIDATING",t.VALIDATING_HAS_DATA="VALIDATING_HAS_DATA",t.PENDING="PENDING",t.SUCCESS="SUCCESS",t.SUCCESS_HAS_DATA="SUCCESS_HAS_DATA",t.ERROR="ERROR",t.STALE_IF_ERROR="STALE_IF_ERROR",t))(z||{});const ue=t=>{var r,n,i,o,a;return t?!!((r=Object.keys(t))!=null&&r.length||(n=t.data)!=null&&n.length||(o=(i=t.data)==null?void 0:i.data)!=null&&o.length||!((a=t.data)!=null&&a.data)&&typeof t.data=="object"&&Object.keys(t==null?void 0:t.data).length):!1};function ye(t=e.ref({}),r,n,i=ue){const o=e.ref("PENDING");return e.watchEffect(()=>{const a=i(t.value);if(t.value&&a&&n.value){o.value="VALIDATING_HAS_DATA";return}if(t.value&&n.value){o.value="VALIDATING";return}if(t.value&&r.value){o.value="STALE_IF_ERROR";return}if(t.value===void 0&&!r.value){o.value="PENDING";return}if(t.value&&!r.value&&a){o.value="SUCCESS_HAS_DATA";return}if(t.value&&!r.value){o.value="SUCCESS";return}t.value===void 0&&r&&(o.value="ERROR")}),{state:o,swrvState:z}}const me={renderer:{noQueryBridge:"No query bridge provided.  Unable to render dashboard.",trendRange:{"24h":"Last 24-Hour Summary","7d":"Last 7-Day Summary","30d":"Last 30-Day Summary"},edit:"Edit"},queryDataProvider:{timeRangeExceeded:"The time range for this report is outside of your organization's data retention period"}};function he(){const t=j.createI18n("en-us",me);return{i18n:t,i18nT:j.i18nTComponent(t)}}const O={useI18n:he},T=170,R="analytics-query-provider",x="{entity-id}",F="{cp-id}",G="{timeframe}",K=30*1e3,N=e.defineComponent({__name:"QueryDataProvider",props:{context:{},query:{},queryReady:{type:Boolean},refreshCounter:{}},emits:["queryComplete"],setup(t,{emit:r}){const n=t,i=r,{i18n:o}=O.useI18n(),a=e.inject(R),d=()=>n.queryReady&&a?JSON.stringify([n.query,n.context,n.refreshCounter]):null,l=new AbortController;e.onUnmounted(()=>{l.abort()});const p=(u,f,g)=>{const _=[];return f&&_.push(...f),_.push(...h.stripUnknownFilters(u,g)),_},{data:c,error:C,isValidating:A}=le(d,async()=>{var u,f,g,_;try{let{datasource:y,...Be}=n.query;y||(y="basic");const Pe=p(y,n.query.filters,n.context.filters),Le={datasource:y,query:{...Be,time_range:{...n.context.timeSpec,tz:n.context.tz},filters:Pe}};return a==null?void 0:a.queryFn(Le,l)}catch(y){w.value=((f=(u=y==null?void 0:y.response)==null?void 0:u.data)==null?void 0:f.message)==="Range not allowed for this tier"?o.t("queryDataProvider.timeRangeExceeded"):((_=(g=y==null?void 0:y.response)==null?void 0:g.data)==null?void 0:_.message)||(y==null?void 0:y.message)}finally{i("queryComplete")}},{refreshInterval:n.context.refreshInterval,revalidateOnFocus:!1}),{state:S,swrvState:k}=ye(c,C,A),w=e.ref(null),m=e.computed(()=>S.value===k.ERROR||!!w.value),b=e.computed(()=>!n.queryReady||[k.PENDING,k.VALIDATING,k.VALIDATING_HAS_DATA].includes(S.value));return(u,f)=>{const g=e.resolveComponent("KSkeleton"),_=e.resolveComponent("KEmptyState");return b.value||!e.unref(c)&&!m.value?(e.openBlock(),e.createBlock(g,{key:0,class:"chart-skeleton",type:"table"})):m.value?(e.openBlock(),e.createBlock(_,{key:1,"action-button-visible":!1,"data-testid":"chart-empty-state","icon-variant":"error"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(w.value),1)]),_:1})):e.unref(c)?e.renderSlot(u.$slots,"default",{key:2,data:e.unref(c)}):e.createCommentVNode("",!0)}}}),fe={class:"analytics-chart"},ge=e.defineComponent({__name:"SimpleChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(t){e.useCssVars(n=>({bc149350:`${n.height}px`}));const r=t;return(n,i)=>(e.openBlock(),e.createBlock(N,{context:n.context,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter},{default:e.withCtx(({data:o})=>[e.createElementVNode("div",fe,[e.createVNode(e.unref(D.SimpleChart),{"chart-data":o,"chart-options":r.chartOptions,"synthetics-data-key":n.chartOptions.syntheticsDataKey},null,8,["chart-data","chart-options","synthetics-data-key"])])]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),q=(t,r)=>{const n=t.__vccOpts||t;for(const[i,o]of r)n[i]=o;return n},_e=q(ge,[["__scopeId","data-v-e770c4a0"]]),be={class:"analytics-chart"},v=q(e.defineComponent({__name:"BaseAnalyticsChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},extraProps:{}},emits:["edit-tile"],setup(t,{emit:r}){e.useCssVars(c=>({"38f70f43":`${c.height}px`}));const n=t,i=r,o=e.inject(R),{i18n:a}=O.useI18n(),d=e.computed(()=>({type:n.chartOptions.type,stacked:n.chartOptions.stacked??!1,chartDatasetColors:n.chartOptions.chartDatasetColors})),l=e.computed(()=>{if(o&&o.exploreBaseUrl){const c={filters:[...n.context.filters,...n.query.filters??[]],metrics:n.query.metrics??[],dimensions:n.query.dimensions??[],time_range:n.query.time_range||n.context.timeSpec},C=["advanced","ai"].includes(n.query.datasource)?n.query.datasource:"advanced";return`${o.exploreBaseUrl()}?q=${JSON.stringify(c)}&d=${C}&c=${n.chartOptions.type}`}return""}),p=()=>{i("edit-tile")};return(c,C)=>{const A=e.resolveComponent("KDropdownItem");return e.openBlock(),e.createBlock(N,{context:c.context,query:c.query,"query-ready":c.queryReady,"refresh-counter":c.refreshCounter},{default:e.withCtx(({data:S})=>[e.createElementVNode("div",be,[e.createVNode(e.unref(D.AnalyticsChart),e.mergeProps({"allow-csv-export":c.chartOptions.allowCsvExport,"chart-data":S,"chart-options":d.value,"chart-title":c.chartOptions.chartTitle,"go-to-explore":l.value,"legend-position":"bottom","show-menu":c.context.editable,"synthetics-data-key":c.chartOptions.syntheticsDataKey,"tooltip-title":""},c.extraProps),e.createSlots({_:2},[c.context.editable?{name:"menu-items",fn:e.withCtx(()=>[e.createVNode(A,{onClick:p},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a).t("renderer.edit")),1)]),_:1})]),key:"0"}:void 0]),1040,["allow-csv-export","chart-data","chart-options","chart-title","go-to-explore","show-menu","synthetics-data-key"])])]),_:1},8,["context","query","query-ready","refresh-counter"])}}}),[["__scopeId","data-v-42e7ce7e"]]),H=e.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(t){return(r,n)=>(e.openBlock(),e.createBlock(v,{"chart-options":r.chartOptions,context:r.context,"extra-props":{showAnnotations:!1},height:r.height,query:r.query,"query-ready":r.queryReady,"refresh-counter":r.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),qe=e.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(t){return(r,n)=>(e.openBlock(),e.createBlock(v,{"chart-options":r.chartOptions,context:r.context,height:r.height,query:r.query,"query-ready":r.queryReady,"refresh-counter":r.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),Ce={class:"metric-card-tile-wrapper"},Se=q(e.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(t){const r=t,n=e.computed(()=>{const o=r.context.timeSpec;if(o.type==="absolute")return new h.Timeframe({key:"custom",timeframeText:"custom",display:"custom",startCustom:o.start,endCustom:o.end,timeframeLength:()=>o.end.getTime()-o.start.getTime(),defaultResponseGranularity:"daily",dataGranularity:"daily",isRelative:!1,allowedTiers:["free","plus","enterprise"]});const a=h.TimePeriods.get(o.time_range);if(!a)throw new Error("Unknown time range");return a}),i=e.computed(()=>{var a,d;const o=(a=r.query)==null?void 0:a.datasource;if(o&&o!=="advanced"&&o!=="basic")throw new Error(`Invalid datasource value: ${o}`);return{datasource:(d=r.query)==null?void 0:d.datasource,overrideTimeframe:n.value,tz:r.context.tz,additionalFilter:r.context.filters,longCardTitles:r.chartOptions.longCardTitles,containerTitle:r.chartOptions.chartTitle,description:r.chartOptions.description,percentileLatency:r.chartOptions.percentileLatency,refreshInterval:r.context.refreshInterval,queryReady:r.queryReady,refreshCounter:r.refreshCounter}});return(o,a)=>(e.openBlock(),e.createElementBlock("div",Ce,[e.createVNode(e.unref($.MetricsProvider),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.createVNode(e.unref($.MetricsConsumer))]),_:1},16)]))}}),[["__scopeId","data-v-48bea474"]]),Q="20px",ke=e.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(t){const r=t,n=i=>{var o;if((o=r.chartOptions)!=null&&o.entityLink)if(i.id.includes(":")){const[a,d]=i.id.split(":");return r.chartOptions.entityLink.replace(F,a).replace(x,d)}else return r.chartOptions.entityLink.replace(x,i.id);return""};return(i,o)=>(e.openBlock(),e.createBlock(N,{context:i.context,query:i.query,"query-ready":i.queryReady,"refresh-counter":i.refreshCounter},{default:e.withCtx(({data:a})=>[e.createVNode(e.unref(D.TopNTable),{data:a,description:i.chartOptions.description,"synthetics-data-key":i.chartOptions.syntheticsDataKey,title:i.chartOptions.chartTitle||""},e.createSlots({_:2},[r.chartOptions.entityLink?{name:"name",fn:e.withCtx(({record:d})=>[e.createVNode(e.unref(de.EntityLink),{"entity-link-data":{id:d.id,label:d.name,deleted:d.deleted},"external-link":n(d)},null,8,["entity-link-data","external-link"])]),key:"0"}:void 0]),1032,["data","description","synthetics-data-key","title"])]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),Te={class:"tile-boundary"},Ee=q(e.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:T},queryReady:{type:Boolean},refreshCounter:{}},emits:["edit-tile"],setup(t,{emit:r}){e.useCssVars(p=>({"1bafe566":`${p.height}px`}));const n=parseInt(Q,10),i=t,o=r,a={timeseries_line:qe,horizontal_bar:H,vertical_bar:H,gauge:_e,golden_signals:Se,top_n:ke,slottable:void 0},d=e.computed(()=>{const p=a[i.definition.chart.type];return p&&{component:p,rendererProps:{query:i.definition.query,context:i.context,queryReady:i.queryReady,chartOptions:i.definition.chart,height:i.height-n*2,refreshCounter:i.refreshCounter}}}),l=()=>{o("edit-tile",i.definition)};return(p,c)=>(e.openBlock(),e.createElementBlock("div",Te,[d.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value.component),e.mergeProps({key:0},d.value.rendererProps,{onEditTile:l}),null,16)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-c13de16a"]]),Ae=(t,r,n)=>{const i=new Map;n.forEach(a=>{const d=a.layout.position.row,l=i.get(d),p=a.layout.size.rows===1&&!!a.layout.size.fitToContent;l===void 0?i.set(d,p):i.set(d,l&&p)});const o=[];for(let a=0;a<t;a++)i.get(a)?o.push("auto"):o.push(`${r}px`);return o},M=q(e.defineComponent({__name:"GridLayout",props:{gridSize:{type:Object,required:!0},tileHeight:{type:Number,required:!1,default:()=>T},tiles:{type:Array,required:!0}},setup(t){e.useCssVars(l=>({"3bc5e939":t.gridSize.cols,"77aa3028":a.value}));const r=t,n=e.ref(null),i=e.ref(0),o=new ResizeObserver(l=>{window.requestAnimationFrame(()=>{!Array.isArray(l)||!l.length||(i.value=l[0].contentRect.width)})});e.onMounted(()=>{n.value&&o.observe(n.value)}),e.onUnmounted(()=>{n.value&&o.unobserve(n.value)});const a=e.computed(()=>{var p;return Ae((p=r.gridSize)==null?void 0:p.rows,r.tileHeight,r.tiles).join(" ")}),d=e.computed(()=>r.tiles.map((l,p)=>({key:`tile-${p}`,tile:l,style:{"grid-column-start":l.layout.position.col+1,"grid-column-end":l.layout.position.col+1+l.layout.size.cols,"grid-row-start":l.layout.position.row+1,"grid-row-end":l.layout.position.row+1+l.layout.size.rows}})));return(l,p)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"gridContainer",ref:n,class:"kong-ui-public-grid-layout"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,c=>(e.openBlock(),e.createElementBlock("div",{key:c.key,class:e.normalizeClass(["grid-cell",{"empty-cell":!c.tile}]),style:e.normalizeStyle(c.style)},[e.renderSlot(l.$slots,"tile",{style:e.normalizeStyle(c.style),tile:c.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-f43eb7b8"]]),De={class:"kong-ui-public-dashboard-renderer"},Re={key:0,class:"tile-container"},Ie=q(e.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},emits:["edit-tile"],setup(t,{expose:r,emit:n}){const i=t,o=n,{i18n:a}=O.useI18n(),d=e.ref(0),l=e.inject(R);l||(console.warn("Analytics dashboards require a query bridge supplied via provide / inject."),console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"),console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements"));const p=pe.useAnalyticsConfigStore(),c=e.computed(()=>i.context.timeSpec?i.context.timeSpec:{type:"relative",time_range:p.defaultQueryTimeForOrg}),C=e.computed(()=>!!i.context.timeSpec||!p.loading),A=e.computed(()=>i.config.tiles.map((m,b)=>{var f;let u=m.definition;if("description"in u.chart){const g=(f=u.chart.description)==null?void 0:f.replace(G,()=>{const y=`renderer.trendRange.${c.value.type==="absolute"?"custom":c.value.time_range}`;return a.te(y)?a.t(y):""});u={...u,chart:{...u.chart,description:g}}}return{layout:m.layout,meta:u,id:b}})),S=e.computed(()=>{let{tz:m,refreshInterval:b,editable:u}=i.context;return m||(m=new Intl.DateTimeFormat().resolvedOptions().timeZone),b===void 0&&(b=K),u===void 0&&(u=!1),{...i.context,tz:m,timeSpec:c.value,refreshInterval:b,editable:u}}),k=m=>{o("edit-tile",m)};return r({refresh:()=>{d.value++}}),(m,b)=>{const u=e.resolveComponent("KAlert");return e.openBlock(),e.createElementBlock("div",De,[e.unref(l)?(e.openBlock(),e.createBlock(M,{key:1,"grid-size":m.config.gridSize,"tile-height":m.config.tileHeight,tiles:A.value},{tile:e.withCtx(({tile:f})=>[f.meta.chart.type==="slottable"?(e.openBlock(),e.createElementBlock("div",Re,[e.renderSlot(m.$slots,f.meta.chart.id,{},void 0,!0)])):(e.openBlock(),e.createBlock(Ee,{key:1,class:"tile-container",context:S.value,definition:f.meta,height:f.layout.size.rows*(m.config.tileHeight||e.unref(T))+parseInt(e.unref(Q),10),"query-ready":C.value,"refresh-counter":d.value,onEditTile:g=>k(f)},null,8,["context","definition","height","query-ready","refresh-counter","onEditTile"]))]),_:3},8,["grid-size","tile-height","tiles"])):(e.openBlock(),e.createBlock(u,{key:0,appearance:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-26130807"]]),we=["horizontal_bar","vertical_bar","gauge","timeseries_line","golden_signals","top_n","slottable"],I={type:"string"},E={type:"string"},U={type:"boolean"},J={type:["object","array"],items:{type:"string"},additionalProperties:{type:"string"}},Y={type:"object",properties:{type:{type:"string",enum:["slottable"]},id:{type:"string"}},required:["type","id"],additionalProperties:!1},Z={type:"object",properties:{type:{type:"string",enum:["horizontal_bar","vertical_bar"]},stacked:{type:"boolean"},chartDatasetColors:J,syntheticsDataKey:I,chartTitle:E,allowCsvExport:U},required:["type"],additionalProperties:!1},W={type:"object",properties:{type:{type:"string",enum:["timeseries_line"]},stacked:{type:"boolean"},chartDatasetColors:J,syntheticsDataKey:I,chartTitle:E,allowCsvExport:U},required:["type"],additionalProperties:!1},X={type:"object",properties:{type:{type:"string",enum:["gauge"]},metricDisplay:{type:"string",enum:Object.values(D.ChartMetricDisplay)},reverseDataset:{type:"boolean"},numerator:{type:"number"},syntheticsDataKey:I,chartTitle:E},required:["type"],additionalProperties:!1},ee={type:"object",properties:{chartTitle:E,syntheticsDataKey:I,type:{type:"string",enum:["top_n"]},description:{type:"string"},entityLink:{type:"string"}},required:["type"],additionalProperties:!1},te={type:"object",properties:{chartTitle:E,type:{type:"string",enum:["golden_signals"]},longCardTitles:{type:"boolean"},description:{type:"string"},percentileLatency:{type:"boolean"}},required:["type"],additionalProperties:!1},Oe={type:"object",properties:{tz:{type:"string",default:"Etc/UTC"},type:{type:"string",enum:["relative"]},time_range:{type:"string",enum:h.relativeTimeRangeValuesV4,default:"1h"}},required:["type","time_range"],additionalProperties:!1},xe={type:"object",description:"A duration representing an exact start and end time.",properties:{tz:{type:"string"},type:{type:"string",enum:["absolute"]},start:{type:"string"},end:{type:"string"}},required:["type","start","end"],additionalProperties:!1},B={granularity:{type:"string",description:'Force time grouping into buckets of this duration. Only has an effect if "time" is in the "dimensions" list.',enum:h.granularityValues},time_range:{type:"object",description:"The time range to query.",anyOf:[Oe,xe],default:{type:"relative",time_range:"1h"}},limit:{type:"number"},meta:{type:"object"}},P=t=>({type:"array",description:"List of aggregated metrics to collect across the requested time span.",items:{type:"string",enum:t}}),L=t=>({type:"array",description:"List of attributes or entity types to group by.",minItems:0,maxItems:2,items:{type:"string",enum:t}}),V=t=>({type:"array",description:"A list of filters to apply to the query.",items:{type:"object",description:"A filter that specifies which data to include in the query",properties:{dimension:{type:"string",enum:t},type:{type:"string",enum:h.exploreFilterTypesV2},values:{type:"array",items:{type:["string","number","null"]}}},required:["dimension","type","values"],additionalProperties:!1}}),re={type:"object",description:"A query to launch at the advanced explore API",properties:{datasource:{type:"string",enum:["advanced"]},metrics:P(h.exploreAggregations),dimensions:L(h.queryableExploreDimensions),filters:V(h.filterableExploreDimensions),...B},required:["datasource"],additionalProperties:!1},ne={type:"object",description:"A query to launch at the basic explore API",properties:{datasource:{type:"string",enum:["basic"]},metrics:P(h.basicExploreAggregations),dimensions:L(h.queryableBasicExploreDimensions),filters:V(h.filterableBasicExploreDimensions),...B},required:["datasource"],additionalProperties:!1},oe={type:"object",description:"A query to launch at the AI explore API",properties:{datasource:{type:"string",enum:["ai"]},metrics:P(h.aiExploreAggregations),dimensions:L(h.queryableAiExploreDimensions),filters:V(h.filterableAiExploreDimensions),...B},required:["datasource"],additionalProperties:!1},ie={anyOf:[re,ne,oe]},ae={type:"object",properties:{query:ie,chart:{anyOf:[Z,X,W,te,ee,Y]}},required:["query","chart"],additionalProperties:!1},se={type:"object",properties:{position:{type:"object",properties:{col:{type:"number"},row:{type:"number"}},description:"Position of the tile in the grid.",required:["col","row"],additionalProperties:!1},size:{type:"object",properties:{cols:{type:"number"},rows:{type:"number"},fitToContent:{type:"boolean"}},description:"Number of columns and rows the tile occupies.  If fitToContent is true for every tile in a row, and each tile only occupies 1 row, then the row will auto-fit to its content.",required:["cols","rows"],additionalProperties:!1}},required:["position","size"],additionalProperties:!1},ce={type:"object",properties:{definition:ae,layout:se},required:["definition","layout"],additionalProperties:!1},Ne={type:"object",properties:{tiles:{type:"array",items:ce},tileHeight:{type:"number",description:`Height of each tile in pixels. Default: ${T}`},gridSize:{type:"object",properties:{cols:{type:"number"},rows:{type:"number"}},description:"Number of columns and rows in the grid.",required:["cols","rows"],additionalProperties:!1}},required:["tiles","gridSize"],additionalProperties:!1};s.CP_ID_TOKEN=F,s.DEFAULT_TILE_HEIGHT=T,s.DEFAULT_TILE_REFRESH_INTERVAL_MS=K,s.DashboardRenderer=Ie,s.ENTITY_ID_TOKEN=x,s.GridLayout=M,s.INJECT_QUERY_PROVIDER=R,s.TIMEFRAME_TOKEN=G,s.aiQuerySchema=oe,s.barChartSchema=Z,s.basicQuerySchema=ne,s.dashboardConfigSchema=Ne,s.dashboardTileTypes=we,s.exploreV4QuerySchema=re,s.gaugeChartSchema=X,s.metricCardSchema=te,s.slottableSchema=Y,s.tileConfigSchema=ce,s.tileDefinitionSchema=ae,s.tileLayoutSchema=se,s.timeseriesChartSchema=W,s.topNTableSchema=ee,s.validDashboardQuery=ie,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong-ui-public/analytics-chart"),require("swrv"),require("axios"),require("@kong-ui-public/i18n"),require("@kong-ui-public/analytics-utilities"),require("@kong-ui-public/analytics-metric-provider"),require("@kong-ui-public/entities-shared"),require("@kong/icons"),require("@kong-ui-public/analytics-config-store")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/analytics-chart","swrv","axios","@kong-ui-public/i18n","@kong-ui-public/analytics-utilities","@kong-ui-public/analytics-metric-provider","@kong-ui-public/entities-shared","@kong/icons","@kong-ui-public/analytics-config-store"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s["kong-ui-public-dashboard-renderer"]={},s.Vue,s["kong-ui-public-analytics-chart"],s.swrv,s.axios,s["kong-ui-public-i18n"],s["kong-ui-public-analytics-utilities"],s["kong-ui-public-analytics-metric-provider"],s["kong-ui-public-entities-shared"],s.KongIcons,s["kong-ui-public-analytics-config-store"]))})(this,function(s,e,I,ye,ve,z,g,M,me,he,fe){"use strict";var G=(t=>(t.VALIDATING="VALIDATING",t.VALIDATING_HAS_DATA="VALIDATING_HAS_DATA",t.PENDING="PENDING",t.SUCCESS="SUCCESS",t.SUCCESS_HAS_DATA="SUCCESS_HAS_DATA",t.ERROR="ERROR",t.STALE_IF_ERROR="STALE_IF_ERROR",t))(G||{});const ge=t=>{var n,r,o,c,a;return t?!!((n=Object.keys(t))!=null&&n.length||(r=t.data)!=null&&r.length||(c=(o=t.data)==null?void 0:o.data)!=null&&c.length||!((a=t.data)!=null&&a.data)&&typeof t.data=="object"&&Object.keys(t==null?void 0:t.data).length):!1};function be(t=e.ref({}),n,r,o=ge){const c=e.ref("PENDING");return e.watchEffect(()=>{const a=o(t.value);if(t.value&&a&&r.value){c.value="VALIDATING_HAS_DATA";return}if(t.value&&r.value){c.value="VALIDATING";return}if(t.value&&n.value){c.value="STALE_IF_ERROR";return}if(t.value===void 0&&!n.value){c.value="PENDING";return}if(t.value&&!n.value&&a){c.value="SUCCESS_HAS_DATA";return}if(t.value&&!n.value){c.value="SUCCESS";return}t.value===void 0&&n&&(c.value="ERROR")}),{state:c,swrvState:G}}const _e={renderer:{noQueryBridge:"No query bridge provided.  Unable to render dashboard.",trendRange:{"24h":"Last 24-Hour Summary","7d":"Last 7-Day Summary","30d":"Last 30-Day Summary"},edit:"Edit"},queryDataProvider:{timeRangeExceeded:"The time range for this report is outside of your organization's data retention period"},csvExport:{defaultFilename:"Chart Export",exportAsCsv:"Export as CSV"},jumpToExplore:"Open in Explorer"};function Ce(){const t=z.createI18n("en-us",_e);return{i18n:t,i18nT:z.i18nTComponent(t)}}const R=170,D="analytics-query-provider",O="{entity-id}",H="{cp-id}",Q="{timeframe}",U=30*1e3;function ke(){const t=e.inject(D);return{evaluateFeatureFlag:(r,o)=>t?t.evaluateFeatureFlagFn(r,o):o}}const q={useI18n:Ce,useEvaluateFeatureFlag:ke},F=e.defineComponent({__name:"QueryDataProvider",props:{context:{},query:{},queryReady:{type:Boolean},refreshCounter:{}},emits:["chart-data","queryComplete"],setup(t,{emit:n}){const r=t,o=n,{i18n:c}=q.useI18n(),a=e.inject(D),d=()=>r.queryReady&&a?JSON.stringify([r.query,r.context,r.refreshCounter]):null,i=new AbortController;e.onUnmounted(()=>{i.abort()});const p=(u,b,m)=>{const h=[];return b&&h.push(...b),h.push(...g.stripUnknownFilters(u,m)),h},{data:f,error:E,isValidating:_}=ye(d,async()=>{var u,b,m,h;try{let{datasource:l,...k}=r.query;l||(l="basic");const x=p(l,r.query.filters,r.context.filters),K={datasource:l,query:{...k,time_range:{...r.context.timeSpec,tz:r.context.tz},filters:x}};return a==null?void 0:a.queryFn(K,i)}catch(l){S.value=((b=(u=l==null?void 0:l.response)==null?void 0:u.data)==null?void 0:b.message)==="Range not allowed for this tier"?c.t("queryDataProvider.timeRangeExceeded"):((h=(m=l==null?void 0:l.response)==null?void 0:m.data)==null?void 0:h.message)||(l==null?void 0:l.message)}finally{o("queryComplete")}},{refreshInterval:r.context.refreshInterval,revalidateOnFocus:!1}),{state:y,swrvState:C}=be(f,E,_),S=e.ref(null),T=e.computed(()=>y.value===C.ERROR||!!S.value),w=e.computed(()=>!r.queryReady||[C.PENDING,C.VALIDATING,C.VALIDATING_HAS_DATA].includes(y.value));return e.watch(f,u=>{u&&o("chart-data",u)}),(u,b)=>{const m=e.resolveComponent("KSkeleton"),h=e.resolveComponent("KEmptyState");return w.value||!e.unref(f)&&!T.value?(e.openBlock(),e.createBlock(m,{key:0,class:"chart-skeleton",type:"table"})):T.value?(e.openBlock(),e.createBlock(h,{key:1,"action-button-visible":!1,"data-testid":"chart-empty-state","icon-variant":"error"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(S.value),1)]),_:1})):e.unref(f)?e.renderSlot(u.$slots,"default",{key:2,data:e.unref(f)}):e.createCommentVNode("",!0)}}}),qe={class:"analytics-chart"},Ee=e.defineComponent({__name:"SimpleChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(t){e.useCssVars(r=>({bc149350:`${r.height}px`}));const n=t;return(r,o)=>(e.openBlock(),e.createBlock(F,{context:r.context,query:r.query,"query-ready":r.queryReady,"refresh-counter":r.refreshCounter},{default:e.withCtx(({data:c})=>[e.createElementVNode("div",qe,[e.createVNode(e.unref(I.SimpleChart),{"chart-data":c,"chart-options":n.chartOptions,"synthetics-data-key":r.chartOptions.syntheticsDataKey},null,8,["chart-data","chart-options","synthetics-data-key"])])]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),A=(t,n)=>{const r=t.__vccOpts||t;for(const[o,c]of n)r[o]=c;return r},Se=A(Ee,[["__scopeId","data-v-e770c4a0"]]),Te={class:"analytics-chart"},v=A(e.defineComponent({__name:"BaseAnalyticsChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},extraProps:{}},emits:["edit-tile","chart-data"],setup(t,{emit:n}){e.useCssVars(y=>({b0a3e4ca:`${y.height}px`}));const r=t,o=n,c=e.inject(D),{i18n:a}=q.useI18n(),{evaluateFeatureFlag:d}=q.useEvaluateFeatureFlag(),i=d("ma-3043-analytics-chart-kebab-menu",!1),p=e.computed(()=>({type:r.chartOptions.type,stacked:r.chartOptions.stacked??!1,chartDatasetColors:r.chartOptions.chartDatasetColors})),f=e.computed(()=>{if(c&&c.exploreBaseUrl){const y={filters:[...r.context.filters,...r.query.filters??[]],metrics:r.query.metrics??[],dimensions:r.query.dimensions??[],time_range:r.query.time_range||r.context.timeSpec},C=["advanced","ai"].includes(r.query.datasource)?r.query.datasource:"advanced";return`${c.exploreBaseUrl()}?q=${JSON.stringify(y)}&d=${C}&c=${r.chartOptions.type}`}return""}),E=()=>{o("edit-tile")},_=y=>{o("chart-data",y)};return(y,C)=>{const S=e.resolveComponent("KDropdownItem");return e.openBlock(),e.createBlock(F,{context:y.context,query:y.query,"query-ready":y.queryReady,"refresh-counter":y.refreshCounter,onChartData:_},{default:e.withCtx(({data:T})=>[e.createElementVNode("div",Te,[e.createVNode(e.unref(I.AnalyticsChart),e.mergeProps({"allow-csv-export":y.chartOptions.allowCsvExport,"chart-data":T,"chart-options":p.value,"chart-title":!e.unref(i)&&y.chartOptions.chartTitle||"","go-to-explore":f.value,"legend-position":"bottom","show-menu":y.context.editable,"synthetics-data-key":y.chartOptions.syntheticsDataKey,"tooltip-title":""},y.extraProps),e.createSlots({_:2},[y.context.editable?{name:"menu-items",fn:e.withCtx(()=>[e.createVNode(S,{onClick:E},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a).t("renderer.edit")),1)]),_:1})]),key:"0"}:void 0]),1040,["allow-csv-export","chart-data","chart-options","chart-title","go-to-explore","show-menu","synthetics-data-key"])])]),_:1},8,["context","query","query-ready","refresh-counter"])}}}),[["__scopeId","data-v-40cb614f"]]),J=e.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(t){return(n,r)=>(e.openBlock(),e.createBlock(v,{"chart-options":n.chartOptions,context:n.context,"extra-props":{showAnnotations:!1},height:n.height,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),xe=e.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(t){return(n,r)=>(e.openBlock(),e.createBlock(v,{"chart-options":n.chartOptions,context:n.context,height:n.height,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),De={class:"metric-card-tile-wrapper"},Ae=A(e.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(t){e.useCssVars(d=>({"3e99e905":e.unref(o)?"90%":"100%","345e89d8":e.unref(o)?"auto":"100%","7fa58fd9":e.unref(o)?"100%":"none"}));const n=t,{evaluateFeatureFlag:r}=q.useEvaluateFeatureFlag(),o=r("ma-3043-analytics-chart-kebab-menu",!1),c=e.computed(()=>{const d=n.context.timeSpec;if(d.type==="absolute")return new g.Timeframe({key:"custom",timeframeText:"custom",display:"custom",startCustom:d.start,endCustom:d.end,timeframeLength:()=>d.end.getTime()-d.start.getTime(),defaultResponseGranularity:"daily",dataGranularity:"daily",isRelative:!1,allowedTiers:["free","plus","enterprise"]});const i=g.TimePeriods.get(d.time_range);if(!i)throw new Error("Unknown time range");return i}),a=e.computed(()=>{var i,p;const d=(i=n.query)==null?void 0:i.datasource;if(d&&d!=="advanced"&&d!=="basic")throw new Error(`Invalid datasource value: ${d}`);return{datasource:(p=n.query)==null?void 0:p.datasource,overrideTimeframe:c.value,tz:n.context.tz,additionalFilter:n.context.filters,longCardTitles:n.chartOptions.longCardTitles,...!o&&{containerTitle:n.chartOptions.chartTitle},...!o&&{description:n.chartOptions.description},percentileLatency:n.chartOptions.percentileLatency,refreshInterval:n.context.refreshInterval,queryReady:n.queryReady,refreshCounter:n.refreshCounter}});return(d,i)=>(e.openBlock(),e.createElementBlock("div",De,[e.createVNode(e.unref(M.MetricsProvider),e.normalizeProps(e.guardReactiveProps(a.value)),{default:e.withCtx(()=>[e.createVNode(e.unref(M.MetricsConsumer))]),_:1},16)]))}}),[["__scopeId","data-v-84c4c1c8"]]),we="#6c7489",Ie="20px",Re="6px",V="20px",Be=e.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(t){const n=t,{evaluateFeatureFlag:r}=q.useEvaluateFeatureFlag(),o=r("ma-3043-analytics-chart-kebab-menu",!1),c=a=>{var d;if((d=n.chartOptions)!=null&&d.entityLink)if(a.id.includes(":")){const[i,p]=a.id.split(":");return n.chartOptions.entityLink.replace(H,i).replace(O,p)}else return n.chartOptions.entityLink.replace(O,a.id);return""};return(a,d)=>(e.openBlock(),e.createBlock(F,{context:a.context,query:a.query,"query-ready":a.queryReady,"refresh-counter":a.refreshCounter},{default:e.withCtx(({data:i})=>[e.createVNode(e.unref(I.TopNTable),{data:i,description:!e.unref(o)&&a.chartOptions.description||"","synthetics-data-key":a.chartOptions.syntheticsDataKey,title:!e.unref(o)&&a.chartOptions.chartTitle||""},e.createSlots({_:2},[n.chartOptions.entityLink?{name:"name",fn:e.withCtx(({record:p})=>[e.createVNode(e.unref(me.EntityLink),{"entity-link-data":{id:p.id,label:p.name,deleted:p.deleted},"external-link":c(p)},null,8,["entity-link-data","external-link"])]),key:"0"}:void 0]),1032,["data","description","synthetics-data-key","title"])]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),Ne={key:0,class:"tile-header"},Oe={class:"title"},Fe={appearance:"none",class:"kebab-action-menu","data-testid":"kebab-action-menu"},Ve=["href"],Pe={class:"chart-export-trigger","data-testid":"csv-export-button"},Le={key:1,class:"header-description"},$e=A(e.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:R},queryReady:{type:Boolean},refreshCounter:{}},emits:["edit-tile"],setup(t,{emit:n}){e.useCssVars(l=>({f269eb76:`${l.height}px`,"1c28e871":_.value?1:0,"1c525d74":_.value?"visible":"hidden"}));const r=parseInt(V,10),o=t,c=n,a=e.inject(D),{evaluateFeatureFlag:d}=q.useEvaluateFeatureFlag(),{i18n:i}=q.useI18n(),p=d("ma-3043-analytics-chart-kebab-menu",!1),f=e.ref(),E=e.ref(!1),_=e.ref(!1),y=e.computed(()=>{if(a&&a.exploreBaseUrl){const l={filters:[...o.context.filters,...o.definition.query.filters??[]],metrics:o.definition.query.metrics??[],dimensions:o.definition.query.dimensions??[],time_range:o.definition.query.time_range||o.context.timeSpec},k=["advanced","ai"].includes(o.definition.query.datasource)?o.definition.query.datasource:"advanced";return`${a.exploreBaseUrl()}?q=${JSON.stringify(l)}&d=${k}&c=${o.definition.chart.type}`}return""}),C=e.computed(()=>i.t("csvExport.defaultFilename")),S=e.computed(()=>p&&!["golden_signals","top_n","gauge"].includes(o.definition.chart.type)),T={timeseries_line:xe,horizontal_bar:J,vertical_bar:J,gauge:Se,golden_signals:Ae,top_n:Be,slottable:void 0},w=e.computed(()=>{const l=T[o.definition.chart.type];return l&&{component:l,rendererProps:{query:o.definition.query,context:o.context,queryReady:o.queryReady,chartOptions:o.definition.chart,height:o.height-r*2,refreshCounter:o.refreshCounter}}}),u=()=>{c("edit-tile",o.definition)},b=l=>{f.value=l},m=l=>{E.value=l},h=()=>{m(!0)};return(l,k)=>{const x=e.resolveComponent("KDropdownItem"),K=e.resolveComponent("KDropdown");return e.openBlock(),e.createElementBlock("div",{class:"tile-boundary",onMouseenter:k[1]||(k[1]=ue=>_.value=!0),onMouseleave:k[2]||(k[2]=ue=>_.value=!1)},[e.unref(p)&&l.definition.chart.type!=="slottable"?(e.openBlock(),e.createElementBlock("div",Ne,[e.createElementVNode("div",Oe,e.toDisplayString(l.definition.chart.chartTitle),1),S.value?(e.openBlock(),e.createBlock(K,{key:0,class:"dropdown","data-testid":"chart-action-menu"},{items:e.withCtx(()=>[y.value?(e.openBlock(),e.createBlock(x,{key:0,"data-testid":"chart-jump-to-explore"},{default:e.withCtx(()=>[e.createElementVNode("a",{href:y.value},e.toDisplayString(e.unref(i).t("jumpToExplore")),9,Ve)]),_:1})):e.createCommentVNode("",!0),"allowCsvExport"in l.definition.chart&&l.definition.chart.allowCsvExport?(e.openBlock(),e.createBlock(x,{key:1,class:"chart-export-button","data-testid":"chart-csv-export",onClick:k[0]||(k[0]=ue=>h())},{default:e.withCtx(()=>[e.createElementVNode("span",Pe,e.toDisplayString(e.unref(i).t("csvExport.exportAsCsv")),1)]),_:1})):e.createCommentVNode("",!0),l.context.editable?(e.openBlock(),e.createBlock(x,{key:2,onClick:u},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i).t("renderer.edit")),1)]),_:1})):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("button",Fe,[e.createVNode(e.unref(he.MoreIcon),{color:e.unref(we),size:e.unref(Ie)},null,8,["color","size"])])]),_:1})):"description"in l.definition.chart?(e.openBlock(),e.createElementBlock("div",Le,e.toDisplayString(l.definition.chart.description),1)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(I.CsvExportModal),{key:2,"chart-data":f.value,filename:C.value,onToggleModal:m},null,8,["chart-data","filename"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w.value.component),e.mergeProps({key:1},w.value.rendererProps,{onChartData:b}),null,16)):e.createCommentVNode("",!0)],32)}}}),[["__scopeId","data-v-3c97797e"]]),je=(t,n,r)=>{const o=new Map;r.forEach(a=>{const d=a.layout.position.row,i=o.get(d),p=a.layout.size.rows===1&&!!a.layout.size.fitToContent;i===void 0?o.set(d,p):o.set(d,i&&p)});const c=[];for(let a=0;a<t;a++)o.get(a)?c.push("auto"):c.push(`${n}px`);return c},Y=A(e.defineComponent({__name:"GridLayout",props:{gridSize:{type:Object,required:!0},tileHeight:{type:Number,required:!1,default:()=>R},tiles:{type:Array,required:!0}},setup(t){e.useCssVars(i=>({"3bc5e939":t.gridSize.cols,"77aa3028":a.value}));const n=t,r=e.ref(null),o=e.ref(0),c=new ResizeObserver(i=>{window.requestAnimationFrame(()=>{!Array.isArray(i)||!i.length||(o.value=i[0].contentRect.width)})});e.onMounted(()=>{r.value&&c.observe(r.value)}),e.onUnmounted(()=>{r.value&&c.unobserve(r.value)});const a=e.computed(()=>{var p;return je((p=n.gridSize)==null?void 0:p.rows,n.tileHeight,n.tiles).join(" ")}),d=e.computed(()=>n.tiles.map((i,p)=>({key:`tile-${p}`,tile:i,style:{"grid-column-start":i.layout.position.col+1,"grid-column-end":i.layout.position.col+1+i.layout.size.cols,"grid-row-start":i.layout.position.row+1,"grid-row-end":i.layout.position.row+1+i.layout.size.rows}})));return(i,p)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"gridContainer",ref:r,class:"kong-ui-public-grid-layout"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,f=>(e.openBlock(),e.createElementBlock("div",{key:f.key,class:e.normalizeClass(["grid-cell",{"empty-cell":!f.tile}]),style:e.normalizeStyle(f.style)},[e.renderSlot(i.$slots,"tile",{style:e.normalizeStyle(f.style),tile:f.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-f43eb7b8"]]),Ke={class:"kong-ui-public-dashboard-renderer"},ze={key:0,class:"tile-container"},Me=A(e.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},emits:["edit-tile"],setup(t,{expose:n,emit:r}){e.useCssVars(u=>({"468bc584":e.unref(f)?e.unref(Re):e.unref(V)}));const o=t,c=r,{i18n:a}=q.useI18n(),d=e.ref(0),i=e.inject(D);i||(console.warn("Analytics dashboards require a query bridge supplied via provide / inject."),console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"),console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements"));const{evaluateFeatureFlag:p}=q.useEvaluateFeatureFlag(),f=p("ma-3043-analytics-chart-kebab-menu",!1),E=fe.useAnalyticsConfigStore(),_=e.computed(()=>o.context.timeSpec?o.context.timeSpec:{type:"relative",time_range:E.defaultQueryTimeForOrg}),y=e.computed(()=>!!o.context.timeSpec||!E.loading),C=e.computed(()=>o.config.tiles.map((u,b)=>{var h;let m=u.definition;if("description"in m.chart){const l=(h=m.chart.description)==null?void 0:h.replace(Q,()=>{const x=`renderer.trendRange.${_.value.type==="absolute"?"custom":_.value.time_range}`;return a.te(x)?a.t(x):""});m={...m,chart:{...m.chart,description:l}}}return{layout:u.layout,meta:m,id:b}})),S=e.computed(()=>{let{tz:u,refreshInterval:b,editable:m}=o.context;return u||(u=new Intl.DateTimeFormat().resolvedOptions().timeZone),b===void 0&&(b=U),m===void 0&&(m=!1),{...o.context,tz:u,timeSpec:_.value,refreshInterval:b,editable:m}}),T=u=>{c("edit-tile",u)};return n({refresh:()=>{d.value++}}),(u,b)=>{const m=e.resolveComponent("KAlert");return e.openBlock(),e.createElementBlock("div",Ke,[e.unref(i)?(e.openBlock(),e.createBlock(Y,{key:1,"grid-size":u.config.gridSize,"tile-height":u.config.tileHeight,tiles:C.value},{tile:e.withCtx(({tile:h})=>[h.meta.chart.type==="slottable"?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(u.$slots,h.meta.chart.id,{},void 0,!0)])):(e.openBlock(),e.createBlock($e,{key:1,class:"tile-container",context:S.value,definition:h.meta,height:h.layout.size.rows*(u.config.tileHeight||e.unref(R))+parseInt(e.unref(V),10),"query-ready":y.value,"refresh-counter":d.value,onEditTile:l=>T(h)},null,8,["context","definition","height","query-ready","refresh-counter","onEditTile"]))]),_:3},8,["grid-size","tile-height","tiles"])):(e.openBlock(),e.createBlock(m,{key:0,appearance:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-05d469f6"]]),Ge=["horizontal_bar","vertical_bar","gauge","timeseries_line","golden_signals","top_n","slottable"],N={type:"string"},B={type:"string"},Z={type:"boolean"},W={type:["object","array"],items:{type:"string"},additionalProperties:{type:"string"}},X={type:"object",properties:{type:{type:"string",enum:["slottable"]},id:{type:"string"}},required:["type","id"],additionalProperties:!1},ee={type:"object",properties:{type:{type:"string",enum:["horizontal_bar","vertical_bar"]},stacked:{type:"boolean"},chartDatasetColors:W,syntheticsDataKey:N,chartTitle:B,allowCsvExport:Z},required:["type"],additionalProperties:!1},te={type:"object",properties:{type:{type:"string",enum:["timeseries_line"]},stacked:{type:"boolean"},chartDatasetColors:W,syntheticsDataKey:N,chartTitle:B,allowCsvExport:Z},required:["type"],additionalProperties:!1},re={type:"object",properties:{type:{type:"string",enum:["gauge"]},metricDisplay:{type:"string",enum:Object.values(I.ChartMetricDisplay)},reverseDataset:{type:"boolean"},numerator:{type:"number"},syntheticsDataKey:N,chartTitle:B},required:["type"],additionalProperties:!1},ne={type:"object",properties:{chartTitle:B,syntheticsDataKey:N,type:{type:"string",enum:["top_n"]},description:{type:"string"},entityLink:{type:"string"}},required:["type"],additionalProperties:!1},oe={type:"object",properties:{chartTitle:B,type:{type:"string",enum:["golden_signals"]},longCardTitles:{type:"boolean"},description:{type:"string"},percentileLatency:{type:"boolean"}},required:["type"],additionalProperties:!1},He={type:"object",properties:{tz:{type:"string",default:"Etc/UTC"},type:{type:"string",enum:["relative"]},time_range:{type:"string",enum:g.relativeTimeRangeValuesV4,default:"1h"}},required:["type","time_range"],additionalProperties:!1},Qe={type:"object",description:"A duration representing an exact start and end time.",properties:{tz:{type:"string"},type:{type:"string",enum:["absolute"]},start:{type:"string"},end:{type:"string"}},required:["type","start","end"],additionalProperties:!1},P={granularity:{type:"string",description:'Force time grouping into buckets of this duration. Only has an effect if "time" is in the "dimensions" list.',enum:g.granularityValues},time_range:{type:"object",description:"The time range to query.",anyOf:[He,Qe],default:{type:"relative",time_range:"1h"}},limit:{type:"number"},meta:{type:"object"}},L=t=>({type:"array",description:"List of aggregated metrics to collect across the requested time span.",items:{type:"string",enum:t}}),$=t=>({type:"array",description:"List of attributes or entity types to group by.",minItems:0,maxItems:2,items:{type:"string",enum:t}}),j=t=>({type:"array",description:"A list of filters to apply to the query.",items:{type:"object",description:"A filter that specifies which data to include in the query",properties:{dimension:{type:"string",enum:t},type:{type:"string",enum:g.exploreFilterTypesV2},values:{type:"array",items:{type:["string","number","null"]}}},required:["dimension","type","values"],additionalProperties:!1}}),ae={type:"object",description:"A query to launch at the advanced explore API",properties:{datasource:{type:"string",enum:["advanced"]},metrics:L(g.exploreAggregations),dimensions:$(g.queryableExploreDimensions),filters:j(g.filterableExploreDimensions),...P},required:["datasource"],additionalProperties:!1},ie={type:"object",description:"A query to launch at the basic explore API",properties:{datasource:{type:"string",enum:["basic"]},metrics:L(g.basicExploreAggregations),dimensions:$(g.queryableBasicExploreDimensions),filters:j(g.filterableBasicExploreDimensions),...P},required:["datasource"],additionalProperties:!1},se={type:"object",description:"A query to launch at the AI explore API",properties:{datasource:{type:"string",enum:["ai"]},metrics:L(g.aiExploreAggregations),dimensions:$(g.queryableAiExploreDimensions),filters:j(g.filterableAiExploreDimensions),...P},required:["datasource"],additionalProperties:!1},ce={anyOf:[ae,ie,se]},le={type:"object",properties:{query:ce,chart:{anyOf:[ee,re,te,oe,ne,X]}},required:["query","chart"],additionalProperties:!1},de={type:"object",properties:{position:{type:"object",properties:{col:{type:"number"},row:{type:"number"}},description:"Position of the tile in the grid.",required:["col","row"],additionalProperties:!1},size:{type:"object",properties:{cols:{type:"number"},rows:{type:"number"},fitToContent:{type:"boolean"}},description:"Number of columns and rows the tile occupies.  If fitToContent is true for every tile in a row, and each tile only occupies 1 row, then the row will auto-fit to its content.",required:["cols","rows"],additionalProperties:!1}},required:["position","size"],additionalProperties:!1},pe={type:"object",properties:{definition:le,layout:de},required:["definition","layout"],additionalProperties:!1},Ue={type:"object",properties:{tiles:{type:"array",items:pe},tileHeight:{type:"number",description:`Height of each tile in pixels. Default: ${R}`},gridSize:{type:"object",properties:{cols:{type:"number"},rows:{type:"number"}},description:"Number of columns and rows in the grid.",required:["cols","rows"],additionalProperties:!1}},required:["tiles","gridSize"],additionalProperties:!1};s.CP_ID_TOKEN=H,s.DEFAULT_TILE_HEIGHT=R,s.DEFAULT_TILE_REFRESH_INTERVAL_MS=U,s.DashboardRenderer=Me,s.ENTITY_ID_TOKEN=O,s.GridLayout=Y,s.INJECT_QUERY_PROVIDER=D,s.TIMEFRAME_TOKEN=Q,s.aiQuerySchema=se,s.barChartSchema=ee,s.basicQuerySchema=ie,s.dashboardConfigSchema=Ue,s.dashboardTileTypes=Ge,s.exploreV4QuerySchema=ae,s.gaugeChartSchema=re,s.metricCardSchema=oe,s.slottableSchema=X,s.tileConfigSchema=pe,s.tileDefinitionSchema=le,s.tileLayoutSchema=de,s.timeseriesChartSchema=te,s.topNTableSchema=ne,s.validDashboardQuery=ce,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.locked[data-v-06b92295]{cursor:move}.tooltip-container[data-v-06b92295]{background-color:#fff;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-06b92295]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:8px;margin:var(--kui-space-40, 8px);min-height:24px;padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .title[data-v-06b92295]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.tooltip-container .tooltip-title .subtitle[data-v-06b92295]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .drag-icon[data-v-06b92295]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}ul.tooltip[data-v-06b92295]{list-style:none;margin:0;margin:var(--kui-space-0, 0px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}ul.tooltip[data-v-06b92295]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar-track{background:transparent}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}ul.tooltip li[data-v-06b92295]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:1;margin:8px;margin:var(--kui-space-40, 8px)}ul.tooltip li[data-v-06b92295]:last-child{padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}ul.tooltip .display-label[data-v-06b92295]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-06b92295]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}ul.tooltip .square-marker[data-v-06b92295]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-8e9f2f19]{display:flex;margin:6px 0 0;max-height:inherit;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:auto;padding-left:0}.legend-container[data-v-8e9f2f19]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.legend-container.vertical[data-v-8e9f2f19]{flex-direction:column;justify-content:flex-start;max-height:90%;max-width:15%;min-width:10%;padding-left:12px;row-gap:16px}.legend-container.vertical .truncate-label[data-v-8e9f2f19]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-8e9f2f19]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-8e9f2f19]{column-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,12ch);height:40px;justify-content:center;max-width:99%!important}.legend-container.vertical .sub-label[data-v-8e9f2f19]{display:none}}.legend-container.horizontal[data-v-8e9f2f19]{column-gap:12px;display:grid;height:var(--12487160);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-8e9f2f19]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-8e9f2f19]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-8e9f2f19]{line-height:24px;white-space:nowrap}.legend-container li[data-v-8e9f2f19]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-8e9f2f19]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-8e9f2f19]{font-size:12px}.legend-container li .sub-label[data-v-8e9f2f19]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-8e9f2f19]{text-decoration:line-through}.chart-parent[data-v-251c3e18]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-251c3e18]{flex-direction:column}.chart-parent.column .chart-container[data-v-251c3e18]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-251c3e18]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-251c3e18]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-251c3e18]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-251c3e18]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-251c3e18]{flex:1 1 auto;position:relative}.chart-container[data-v-251c3e18]{overflow:auto}.chart-container[data-v-251c3e18]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.chart-container[data-v-251c3e18] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-251c3e18] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-251c3e18] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container .chart-body[data-v-251c3e18]{height:100%}.chart-container[data-v-251c3e18]::-webkit-scrollbar-track{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container[data-v-251c3e18]::-webkit-scrollbar{width:10px}.chart-container[data-v-251c3e18]::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.axis[data-v-251c3e18]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-251c3e18]{background-color:#3a3f51;color:#fff;color:var(--kui-color-text-inverse, #ffffff);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.tooltip-boundary[data-v-251c3e18]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-5cc0c740]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-5cc0c740]{flex-direction:column}.chart-parent.column .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-5cc0c740]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-5cc0c740]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-5cc0c740]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-5cc0c740]{flex:1 1 auto;position:relative}.chart-parent[data-v-d4af26af]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-d4af26af]{flex-direction:column}.chart-parent.column .chart-container[data-v-d4af26af]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-d4af26af]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-d4af26af]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-d4af26af]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-d4af26af]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-d4af26af]{flex:1 1 auto;position:relative}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.analytics-chart-shell[data-v-cf603b8d],.simple-chart-shell[data-v-cf603b8d]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-cf603b8d],.simple-chart-shell .chart-empty-state[data-v-cf603b8d]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-cf603b8d]{height:100%;position:relative;width:100%}.analytics-chart-shell.is-hovering .chart-header[data-v-cf603b8d] .popover-trigger-wrapper{opacity:1;visibility:visible}.analytics-chart-shell .analytics-chart-parent[data-v-cf603b8d]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-cf603b8d]{padding:20px 0 16px;padding:var(--kui-space-70, 20px) var(--kui-space-0, 0px) var(--kui-space-60, 16px) var(--kui-space-0, 0px)}.analytics-chart-shell .chart-header[data-v-cf603b8d]{align-items:center;display:flex;justify-content:flex-start;padding-bottom:16px;padding-bottom:var(--kui-space-60, 16px);position:var(--0c213fc6);right:0;width:var(--885d576e);z-index:999}.analytics-chart-shell .chart-header[data-v-cf603b8d]:hover .popover-trigger-wrapper{opacity:1;visibility:visible}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-cf603b8d]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-cf603b8d]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.analytics-chart-shell .chart-title[data-v-cf603b8d]{cursor:default;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-chart-shell .tooltip[data-v-cf603b8d]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.analytics-chart-shell .dropdown[data-v-cf603b8d]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.analytics-chart-shell .dropdown[data-v-cf603b8d] .popover-trigger-wrapper{opacity:0;transform:fade(0,-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;visibility:hidden}.analytics-chart-shell .dropdown .kebab-action-menu[data-v-cf603b8d]{background:transparent;border:none;color:inherit;cursor:pointer;height:100%}.analytics-chart-shell .dropdown li.k-dropdown-item a[data-v-cf603b8d]{text-decoration:none}.analytics-chart-shell .dropdown a[data-v-cf603b8d]{color:#000933}.analytics-chart-shell .dropdown a[data-v-cf603b8d]:hover{color:#000933;text-decoration:none}.analytics-chart-shell .dropdown[data-v-cf603b8d]:hover{cursor:pointer}.chart-parent[data-v-b873244e]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-b873244e]{flex-direction:column}.chart-parent.column .chart-container[data-v-b873244e]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-b873244e]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-b873244e]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-b873244e]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-b873244e]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-b873244e]{flex:1 1 auto;position:relative}.chart-parent[data-v-b873244e]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-b873244e]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-b873244e]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-b873244e]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-b873244e]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.analytics-chart-shell[data-v-9d13f2fd],.simple-chart-shell[data-v-9d13f2fd]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-9d13f2fd],.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-9d13f2fd]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px)}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-61747ee5]{border:none!important;height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-61747ee5]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-61747ee5] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-61747ee5]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-61747ee5]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-61747ee5]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-61747ee5]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-61747ee5]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-61747ee5]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-61747ee5]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-61747ee5]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-61747ee5]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}.metricscard-tooltip,.trafficcard.active .metricscard-tooltip{pointer-events:all}.metricscard[data-v-1104dc0f]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-1104dc0f]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-1104dc0f]{height:100%;justify-content:space-evenly}}.metricscard[data-v-1104dc0f]:hover{border:none;text-decoration:none}.metricscard-title[data-v-1104dc0f]{align-items:center;color:#000933;color:var(--kui-color-text, #000933);display:flex;flex-direction:row;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.metricscard-title.sm[data-v-1104dc0f]{font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-title.md[data-v-1104dc0f]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.metricscard-title.lg[data-v-1104dc0f],.metricscard-title.xl[data-v-1104dc0f]{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.metricscard-description[data-v-1104dc0f]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5);font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.metricscard-icon[data-v-1104dc0f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-value[data-v-1104dc0f]{color:#000933;color:var(--kui-color-text, #000933);display:flex;flex-direction:row;font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;line-height:32px;line-height:var(--kui-line-height-60, 32px)}.metricscard-value.sm[data-v-1104dc0f]{font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}.metricscard-value.xl[data-v-1104dc0f]{font-size:48px;font-size:var(--kui-font-size-100, 48px)}.metricscard-valuetrend[data-v-1104dc0f]{display:flex;flex-direction:column;row-gap:12px;row-gap:var(--kui-space-50, 12px)}@media (max-width: 767px){.metricscard-valuetrend[data-v-1104dc0f]{row-gap:6px;row-gap:var(--kui-space-30, 6px)}}.metricscard-valuetrend.is-compact[data-v-1104dc0f]{align-items:center;flex-direction:row!important;justify-content:space-between;margin-top:0;margin-top:var(--kui-space-0, 0px)}.metricscard-trend[data-v-1104dc0f]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.metricscard-trend-change[data-v-1104dc0f]{align-items:center;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px)}.metricscard-trend-change .kui-icon[data-v-1104dc0f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-trend-change.positive[data-v-1104dc0f]{background-color:#ecfffb;background-color:var(--kui-color-background-success-weakest, #ecfffb);color:#007d60;color:var(--kui-color-text-success, #007d60)}.metricscard-trend-change.negative[data-v-1104dc0f]{background-color:#ffe5e5;background-color:var(--kui-color-background-danger-weakest, #ffe5e5);color:#ad000e;color:var(--kui-color-text-danger-strong, #ad000e)}.metricscard-trend-change.neutral[data-v-1104dc0f]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.metricscard-trend-range[data-v-1104dc0f]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-tooltip[data-v-1104dc0f]{display:inline-flex;margin:auto 0 auto 4px;margin:var(--kui-space-auto, auto) var(--kui-space-0, 0px) var(--kui-space-auto, auto) var(--kui-space-20, 4px);vertical-align:middle}.metricscard-error[data-v-1104dc0f]{align-items:center;color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.metricscard-error .kong-icon-warning[data-v-1104dc0f]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.metricscard.active .metricscard-tooltip[data-v-1104dc0f]{pointer-events:all}.loading-tabs[data-v-50eab68c]{display:flex;flex-direction:column}.loading-tabs-large[data-v-50eab68c]{padding:4px;row-gap:12px;width:240px}.loading-tabs-small[data-v-50eab68c]{padding:2px;row-gap:8px;width:120px}.loading-tabs-small .box[data-v-50eab68c]{height:12px}@media (max-width: 767px){.loading-tabs[data-v-50eab68c]{width:auto}}.kong-ui-public-metric-card-container[data-v-b6d6fdc3]{background-color:transparent;background-color:var(--kui-color-background-transparent, transparent);display:flex;flex-direction:column;justify-content:space-between;width:100%}.kong-ui-public-metric-card-container .container-title[data-v-b6d6fdc3]{align-items:center;display:flex;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-public-metric-card-container .container-title .container-description[data-v-b6d6fdc3]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400)}.kong-ui-public-metric-card-container .cards-wrapper[data-v-b6d6fdc3]{display:flex;flex-direction:row;flex-grow:1;column-gap:24px;row-gap:16px}@media (max-width: 767px){.kong-ui-public-metric-card-container .cards-wrapper[data-v-b6d6fdc3]{column-gap:16px;row-gap:16px;flex-direction:column}}.kong-ui-public-metric-card-container.sm[data-v-b6d6fdc3]{column-gap:0;row-gap:0}.kong-ui-public-metric-card-container .error-display[data-v-b6d6fdc3]{align-items:center;display:flex;justify-content:center;margin:auto;margin:var(--kui-space-auto, auto)}.kong-ui-public-metric-card-container .error-display-icon[data-v-b6d6fdc3]{display:flex}.kong-ui-public-metric-card-container .error-display-message[data-v-b6d6fdc3]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:14px;font-size:var(--kui-font-size-30, 14px);margin-left:12px;margin-left:var(--kui-space-50, 12px)}.analytics-chart[data-v-e770c4a0]{height:var(--bc149350)}.analytics-chart[data-v-42e7ce7e]{height:var(--38f70f43)}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-48bea474]{align-items:center;display:flex;height:100%}}.metric-card-tile-wrapper[data-v-48bea474] .kong-ui-public-metric-card-container{height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-48bea474] .kong-ui-public-metric-card-container .metricscard:not(:last-of-type){border-right:1px solid #e0e4ea;border-right:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}}.config-card-fieldset[data-v-68ca83ec]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-68ca83ec]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-761f7e64]{align-items:center;border-bottom:var(--3ccdd5d2);box-sizing:border-box;display:var(--4b1da305);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-761f7e64]{box-sizing:border-box;padding-right:16px;width:var(--cd20788a)}.config-card-details-row .config-card-details-label label[data-v-761f7e64]{color:#3a3f51;display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-761f7e64]{line-height:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-label label .k-popover[data-v-761f7e64]{min-width:0}.config-card-details-row .config-card-details-value[data-v-761f7e64]{box-sizing:border-box;width:var(--cd1becd4)}.config-card-details-row .config-card-details-value .truncated[data-v-761f7e64]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-761f7e64]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-761f7e64] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-761f7e64]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-761f7e64]{margin-right:4px}.config-card-details-row[data-v-761f7e64] .k-label{margin-bottom:0}.config-card-details-row[data-v-761f7e64] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-761f7e64] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--454fa8c4);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d15be7fe]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-7ef5c755]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-7ef5c755]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-7ef5c755]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-7ef5c755] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-7ef5c755]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-6210a67a]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-6210a67a]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-6210a67a] .k-slideout-title{color:#000933!important;font-size:24px!important;font-weight:700!important;line-height:32px!important;margin-bottom:16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .tab-item>div.tab-link.has-panels{color:#6c7489!important;font-size:14px!important;font-weight:700!important;line-height:24px!important}.kong-ui-entity-base-form[data-v-6210a67a] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-499e74da]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-499e74da]{margin-left:auto}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-10fa27a5]{width:100%}.kong-ui-entity-filter-clear[data-v-10fa27a5]{cursor:pointer}.kong-ui-entity-filter[data-v-10fa27a5]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10fa27a5] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10fa27a5] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10fa27a5]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-10fa27a5]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-10fa27a5]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-10fa27a5]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-10fa27a5]{color:#232633}.menu-item-expand-icon[data-v-10fa27a5]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10fa27a5]{transform:rotate(180deg)}.menu-item-indicator[data-v-10fa27a5]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-10fa27a5]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-10fa27a5] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10fa27a5] .k-input{width:100%}.menu-item-body[data-v-10fa27a5] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10fa27a5] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10fa27a5]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10fa27a5]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10fa27a5]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-60e3ef7c]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-60e3ef7c]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-60e3ef7c]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-60e3ef7c]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-60e3ef7c]{margin-left:2px}.tile-boundary[data-v-c13de16a]{height:var(--1bafe566)}.kong-ui-public-grid-layout[data-v-f43eb7b8]{display:grid;gap:20px;gap:var(--kui-space-70, 20px);grid-template-columns:repeat(var(--3bc5e939),1fr);grid-template-rows:var(--77aa3028);width:100%}@media (max-width: 768px){.kong-ui-public-grid-layout[data-v-f43eb7b8]{display:flex;flex-direction:column}.kong-ui-public-grid-layout .grid-cell[data-v-f43eb7b8]{height:auto!important;left:auto!important;position:relative;top:auto!important;transform:none!important;width:auto!important}.kong-ui-public-grid-layout .grid-cell[data-v-f43eb7b8]:not(:first-child){margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-public-grid-layout .empty-cell[data-v-f43eb7b8]{display:none}}.kong-ui-public-dashboard-renderer .tile-container[data-v-26130807]{background:transparent;background:var(--kui-color-background-transparent, transparent);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);height:100%;padding:20px;padding:var(--kui-space-70, 20px)}
+.locked[data-v-06b92295]{cursor:move}.tooltip-container[data-v-06b92295]{background-color:#fff;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-06b92295]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:8px;margin:var(--kui-space-40, 8px);min-height:24px;padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .title[data-v-06b92295]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.tooltip-container .tooltip-title .subtitle[data-v-06b92295]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .drag-icon[data-v-06b92295]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}ul.tooltip[data-v-06b92295]{list-style:none;margin:0;margin:var(--kui-space-0, 0px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}ul.tooltip[data-v-06b92295]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar-track{background:transparent}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}ul.tooltip li[data-v-06b92295]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:1;margin:8px;margin:var(--kui-space-40, 8px)}ul.tooltip li[data-v-06b92295]:last-child{padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}ul.tooltip .display-label[data-v-06b92295]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-06b92295]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}ul.tooltip .square-marker[data-v-06b92295]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-8e9f2f19]{display:flex;margin:6px 0 0;max-height:inherit;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:auto;padding-left:0}.legend-container[data-v-8e9f2f19]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.legend-container.vertical[data-v-8e9f2f19]{flex-direction:column;justify-content:flex-start;max-height:90%;max-width:15%;min-width:10%;padding-left:12px;row-gap:16px}.legend-container.vertical .truncate-label[data-v-8e9f2f19]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-8e9f2f19]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-8e9f2f19]{column-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,12ch);height:40px;justify-content:center;max-width:99%!important}.legend-container.vertical .sub-label[data-v-8e9f2f19]{display:none}}.legend-container.horizontal[data-v-8e9f2f19]{column-gap:12px;display:grid;height:var(--12487160);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-8e9f2f19]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-8e9f2f19]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-8e9f2f19]{line-height:24px;white-space:nowrap}.legend-container li[data-v-8e9f2f19]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-8e9f2f19]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-8e9f2f19]{font-size:12px}.legend-container li .sub-label[data-v-8e9f2f19]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-8e9f2f19]{text-decoration:line-through}.chart-parent[data-v-251c3e18]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-251c3e18]{flex-direction:column}.chart-parent.column .chart-container[data-v-251c3e18]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-251c3e18]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-251c3e18]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-251c3e18]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-251c3e18]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-251c3e18]{flex:1 1 auto;position:relative}.chart-container[data-v-251c3e18]{overflow:auto}.chart-container[data-v-251c3e18]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.chart-container[data-v-251c3e18] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-251c3e18] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-251c3e18] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container .chart-body[data-v-251c3e18]{height:100%}.chart-container[data-v-251c3e18]::-webkit-scrollbar-track{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container[data-v-251c3e18]::-webkit-scrollbar{width:10px}.chart-container[data-v-251c3e18]::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.axis[data-v-251c3e18]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-251c3e18]{background-color:#3a3f51;color:#fff;color:var(--kui-color-text-inverse, #ffffff);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.tooltip-boundary[data-v-251c3e18]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-5cc0c740]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-5cc0c740]{flex-direction:column}.chart-parent.column .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-5cc0c740]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-5cc0c740]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-5cc0c740]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-5cc0c740]{flex:1 1 auto;position:relative}.chart-parent[data-v-d4af26af]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-d4af26af]{flex-direction:column}.chart-parent.column .chart-container[data-v-d4af26af]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-d4af26af]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-d4af26af]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-d4af26af]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-d4af26af]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-d4af26af]{flex:1 1 auto;position:relative}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.analytics-chart-shell[data-v-70370d1a],.simple-chart-shell[data-v-70370d1a]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-70370d1a],.simple-chart-shell .chart-empty-state[data-v-70370d1a]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-70370d1a]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-70370d1a]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-70370d1a]{padding:20px 0 16px;padding:var(--kui-space-70, 20px) var(--kui-space-0, 0px) var(--kui-space-60, 16px) var(--kui-space-0, 0px)}.analytics-chart-shell .chart-header[data-v-70370d1a]{align-items:center;display:flex;justify-content:flex-start;right:0;width:100%;z-index:999}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-70370d1a]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-70370d1a]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.analytics-chart-shell .chart-title[data-v-70370d1a]{cursor:default;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-chart-shell .tooltip[data-v-70370d1a]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.chart-parent[data-v-b873244e]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-b873244e]{flex-direction:column}.chart-parent.column .chart-container[data-v-b873244e]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-b873244e]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-b873244e]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-b873244e]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-b873244e]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-b873244e]{flex:1 1 auto;position:relative}.chart-parent[data-v-b873244e]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-b873244e]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-b873244e]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-b873244e]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-b873244e]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.analytics-chart-shell[data-v-9d13f2fd],.simple-chart-shell[data-v-9d13f2fd]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-9d13f2fd],.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-9d13f2fd]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px)}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-7a939d6b]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-7a939d6b]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-7a939d6b] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-7a939d6b] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-7a939d6b] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-7a939d6b] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-7a939d6b] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-7a939d6b] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-7a939d6b]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-7a939d6b]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-7a939d6b]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-7a939d6b]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-7a939d6b]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-7a939d6b]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-7a939d6b]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-7a939d6b]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-7a939d6b],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-7a939d6b]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-7a939d6b]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-7a939d6b] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}.metricscard-tooltip,.trafficcard.active .metricscard-tooltip{pointer-events:all}.metricscard[data-v-1104dc0f]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-1104dc0f]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-1104dc0f]{height:100%;justify-content:space-evenly}}.metricscard[data-v-1104dc0f]:hover{border:none;text-decoration:none}.metricscard-title[data-v-1104dc0f]{align-items:center;color:#000933;color:var(--kui-color-text, #000933);display:flex;flex-direction:row;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.metricscard-title.sm[data-v-1104dc0f]{font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-title.md[data-v-1104dc0f]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.metricscard-title.lg[data-v-1104dc0f],.metricscard-title.xl[data-v-1104dc0f]{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.metricscard-description[data-v-1104dc0f]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5);font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.metricscard-icon[data-v-1104dc0f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-value[data-v-1104dc0f]{color:#000933;color:var(--kui-color-text, #000933);display:flex;flex-direction:row;font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;line-height:32px;line-height:var(--kui-line-height-60, 32px)}.metricscard-value.sm[data-v-1104dc0f]{font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}.metricscard-value.xl[data-v-1104dc0f]{font-size:48px;font-size:var(--kui-font-size-100, 48px)}.metricscard-valuetrend[data-v-1104dc0f]{display:flex;flex-direction:column;row-gap:12px;row-gap:var(--kui-space-50, 12px)}@media (max-width: 767px){.metricscard-valuetrend[data-v-1104dc0f]{row-gap:6px;row-gap:var(--kui-space-30, 6px)}}.metricscard-valuetrend.is-compact[data-v-1104dc0f]{align-items:center;flex-direction:row!important;justify-content:space-between;margin-top:0;margin-top:var(--kui-space-0, 0px)}.metricscard-trend[data-v-1104dc0f]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.metricscard-trend-change[data-v-1104dc0f]{align-items:center;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px)}.metricscard-trend-change .kui-icon[data-v-1104dc0f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-trend-change.positive[data-v-1104dc0f]{background-color:#ecfffb;background-color:var(--kui-color-background-success-weakest, #ecfffb);color:#007d60;color:var(--kui-color-text-success, #007d60)}.metricscard-trend-change.negative[data-v-1104dc0f]{background-color:#ffe5e5;background-color:var(--kui-color-background-danger-weakest, #ffe5e5);color:#ad000e;color:var(--kui-color-text-danger-strong, #ad000e)}.metricscard-trend-change.neutral[data-v-1104dc0f]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.metricscard-trend-range[data-v-1104dc0f]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-tooltip[data-v-1104dc0f]{display:inline-flex;margin:auto 0 auto 4px;margin:var(--kui-space-auto, auto) var(--kui-space-0, 0px) var(--kui-space-auto, auto) var(--kui-space-20, 4px);vertical-align:middle}.metricscard-error[data-v-1104dc0f]{align-items:center;color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.metricscard-error .kong-icon-warning[data-v-1104dc0f]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.metricscard.active .metricscard-tooltip[data-v-1104dc0f]{pointer-events:all}.loading-tabs[data-v-50eab68c]{display:flex;flex-direction:column}.loading-tabs-large[data-v-50eab68c]{padding:4px;row-gap:12px;width:240px}.loading-tabs-small[data-v-50eab68c]{padding:2px;row-gap:8px;width:120px}.loading-tabs-small .box[data-v-50eab68c]{height:12px}@media (max-width: 767px){.loading-tabs[data-v-50eab68c]{width:auto}}.kong-ui-public-metric-card-container[data-v-eac0ca04]{background-color:transparent;background-color:var(--kui-color-background-transparent, transparent);display:flex;flex-direction:column;justify-content:space-between;width:100%}.kong-ui-public-metric-card-container .container-title[data-v-eac0ca04]{align-items:center;display:flex;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-public-metric-card-container .container-title .container-description[data-v-eac0ca04]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400)}.kong-ui-public-metric-card-container .cards-wrapper[data-v-eac0ca04]{display:flex;flex-direction:row;flex-grow:1;column-gap:24px;row-gap:16px}@media (max-width: 767px){.kong-ui-public-metric-card-container .cards-wrapper[data-v-eac0ca04]{column-gap:16px;row-gap:16px;flex-direction:column}}.kong-ui-public-metric-card-container.sm[data-v-eac0ca04]{column-gap:0;row-gap:0}.kong-ui-public-metric-card-container .error-display[data-v-eac0ca04]{align-items:center;display:flex;justify-content:center;margin:auto;margin:var(--kui-space-auto, auto)}.kong-ui-public-metric-card-container .error-display-icon[data-v-eac0ca04]{display:flex}.kong-ui-public-metric-card-container .error-display-message[data-v-eac0ca04]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:14px;font-size:var(--kui-font-size-30, 14px);margin-left:12px;margin-left:var(--kui-space-50, 12px)}.analytics-chart[data-v-e770c4a0]{height:var(--bc149350)}.analytics-chart[data-v-40cb614f]{height:var(--b0a3e4ca)}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-84c4c1c8]{align-items:center;display:flex;height:var(--3e99e905)}}.metric-card-tile-wrapper[data-v-84c4c1c8] .kong-ui-public-metric-card-container{height:var(--345e89d8);max-height:var(--7fa58fd9)}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-84c4c1c8] .kong-ui-public-metric-card-container .metricscard:not(:last-of-type){border-right:1px solid #e0e4ea;border-right:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}}.config-card-fieldset[data-v-68ca83ec]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-68ca83ec]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-761f7e64]{align-items:center;border-bottom:var(--3ccdd5d2);box-sizing:border-box;display:var(--4b1da305);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-761f7e64]{box-sizing:border-box;padding-right:16px;width:var(--cd20788a)}.config-card-details-row .config-card-details-label label[data-v-761f7e64]{color:#3a3f51;display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-761f7e64]{line-height:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-label label .k-popover[data-v-761f7e64]{min-width:0}.config-card-details-row .config-card-details-value[data-v-761f7e64]{box-sizing:border-box;width:var(--cd1becd4)}.config-card-details-row .config-card-details-value .truncated[data-v-761f7e64]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-761f7e64]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-761f7e64] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-761f7e64]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-761f7e64]{margin-right:4px}.config-card-details-row[data-v-761f7e64] .k-label{margin-bottom:0}.config-card-details-row[data-v-761f7e64] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-761f7e64] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--454fa8c4);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d15be7fe]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-7ef5c755]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-7ef5c755]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-7ef5c755]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-7ef5c755] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-7ef5c755]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-6210a67a]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-6210a67a]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-6210a67a] .k-slideout-title{color:#000933!important;font-size:24px!important;font-weight:700!important;line-height:32px!important;margin-bottom:16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .tab-item>div.tab-link.has-panels{color:#6c7489!important;font-size:14px!important;font-weight:700!important;line-height:24px!important}.kong-ui-entity-base-form[data-v-6210a67a] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-499e74da]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-499e74da]{margin-left:auto}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-10fa27a5]{width:100%}.kong-ui-entity-filter-clear[data-v-10fa27a5]{cursor:pointer}.kong-ui-entity-filter[data-v-10fa27a5]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10fa27a5] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10fa27a5] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10fa27a5]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-10fa27a5]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-10fa27a5]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-10fa27a5]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-10fa27a5]{color:#232633}.menu-item-expand-icon[data-v-10fa27a5]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10fa27a5]{transform:rotate(180deg)}.menu-item-indicator[data-v-10fa27a5]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-10fa27a5]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-10fa27a5] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10fa27a5] .k-input{width:100%}.menu-item-body[data-v-10fa27a5] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10fa27a5] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10fa27a5]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10fa27a5]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10fa27a5]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-60e3ef7c]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-60e3ef7c]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-60e3ef7c]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-60e3ef7c]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-60e3ef7c]{margin-left:2px}.tile-boundary[data-v-3c97797e]{height:var(--f269eb76)}.tile-boundary .tile-header[data-v-3c97797e]{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px;margin-bottom:var(--kui-space-30, 6px);right:0;width:100%}.tile-boundary .tile-header .title[data-v-3c97797e]{font-weight:700;font-weight:var(--kui-font-weight-bold, 700)}.tile-boundary .tile-header .header-description[data-v-3c97797e]{color:#6c7489;font-size:12px;text-align:right}.tile-boundary .tile-header .dropdown[data-v-3c97797e]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.tile-boundary .tile-header .dropdown .kebab-action-menu[data-v-3c97797e]{background:transparent;border:none;color:inherit;cursor:pointer;height:100%;opacity:var(--1c28e871);transform:fade(0,-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;visibility:var(--1c525d74)}.tile-boundary .tile-header .dropdown li.k-dropdown-item a[data-v-3c97797e]{text-decoration:none}.tile-boundary .tile-header .dropdown a[data-v-3c97797e]{color:#000933}.tile-boundary .tile-header .dropdown a[data-v-3c97797e]:hover{color:#000933;text-decoration:none}.tile-boundary .tile-header .dropdown[data-v-3c97797e]:hover{cursor:pointer}.kong-ui-public-grid-layout[data-v-f43eb7b8]{display:grid;gap:20px;gap:var(--kui-space-70, 20px);grid-template-columns:repeat(var(--3bc5e939),1fr);grid-template-rows:var(--77aa3028);width:100%}@media (max-width: 768px){.kong-ui-public-grid-layout[data-v-f43eb7b8]{display:flex;flex-direction:column}.kong-ui-public-grid-layout .grid-cell[data-v-f43eb7b8]{height:auto!important;left:auto!important;position:relative;top:auto!important;transform:none!important;width:auto!important}.kong-ui-public-grid-layout .grid-cell[data-v-f43eb7b8]:not(:first-child){margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-public-grid-layout .empty-cell[data-v-f43eb7b8]{display:none}}.kong-ui-public-dashboard-renderer .tile-container[data-v-05d469f6]{background:transparent;background:var(--kui-color-background-transparent, transparent);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);height:100%;padding:var(--468bc584)}

package/dist/types/components/BaseAnalyticsChartRenderer.vue.d.ts

@@ -1,11 +1,14 @@
 import type { RendererProps } from '../types';
+import type { ExploreResultV4 } from '@kong-ui-public/analytics-utilities';
 declare const _default: import("vue").DefineComponent<RendererProps<any> & {
     extraProps?: Record<string, any>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "chart-data": (chartData: ExploreResultV4) => any;
     "edit-tile": () => any;
 }, string, import("vue").PublicProps, Readonly<RendererProps<any> & {
     extraProps?: Record<string, any>;
 }> & Readonly<{
+    "onChart-data"?: ((chartData: ExploreResultV4) => any) | undefined;
     "onEdit-tile"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/BaseAnalyticsChartRenderer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseAnalyticsChartRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/BaseAnalyticsChartRenderer.vue"],"names":[],"mappings":"AAsFA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;;iBAWa,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;iBAAnB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;AAmJ7E,wBASG"}
+{"version":3,"file":"BaseAnalyticsChartRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/BaseAnalyticsChartRenderer.vue"],"names":[],"mappings":"AA+FA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAO7C,OAAO,KAAK,EAA6F,eAAe,EAAyE,MAAM,qCAAqC,CAAA;;iBAIlL,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;;iBAAnB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;;AAkL7E,wBAUG"}

package/dist/types/components/DashboardRenderer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardRenderer.vue"],"names":[],"mappings":"AA8LA,OAAO,KAAK,EAAE,eAAe,EAAE,wBAAwB,EAAE,QAAQ,EAAgE,MAAM,UAAU,CAAA;AAsJjJ,iBAAS,cAAc;6CA6F+D,GAAG;;WAU3E,OAAO,IAA6B;EAEjD;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aApQV,wBAAwB;YACzB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aADd,wBAAwB;YACzB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFA6QvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DashboardRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardRenderer.vue"],"names":[],"mappings":"AAiMA,OAAO,KAAK,EAAE,eAAe,EAAE,wBAAwB,EAAE,QAAQ,EAAgE,MAAM,UAAU,CAAA;AAyJjJ,iBAAS,cAAc;6CA8F+D,GAAG;;WAU3E,OAAO,IAA6B;EAEjD;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA1QV,wBAAwB;YACzB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aADd,wBAAwB;YACzB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAmRvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/types/components/DashboardTile.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardTile.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardTile.vue"],"names":[],"mappings":"AAiFA,OAAO,KAAK,EAAE,gCAAgC,EAAqB,cAAc,EAAE,MAAM,UAAU,CAAA;AAKnG,OAAO,gDAAgD,CAAA;AACvD,OAAO,0DAA0D,CAAA;;gBAcnD,cAAc;aACjB,gCAAgC;aAChC,MAAM;gBACH,OAAO;oBACH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAJV,cAAc;aACjB,gCAAgC;aAChC,MAAM;gBACH,OAAO;oBACH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFb,MAAM;;AAqIjB,wBAUG"}
+{"version":3,"file":"DashboardTile.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardTile.vue"],"names":[],"mappings":"AA4PA,OAAO,KAAK,EAAE,gCAAgC,EAAqB,cAAc,EAAE,MAAM,UAAU,CAAA;AAKnG,OAAO,gDAAgD,CAAA;AACvD,OAAO,0DAA0D,CAAA;;gBAmBnD,cAAc;aACjB,gCAAgC;aAChC,MAAM;gBACH,OAAO;oBACH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAJV,cAAc;aACjB,gCAAgC;aAChC,MAAM;gBACH,OAAO;oBACH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFb,MAAM;;AA2UjB,wBAUG"}

package/dist/types/components/GoldenSignalsRenderer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GoldenSignalsRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/GoldenSignalsRenderer.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAqB,aAAa,EAAE,MAAM,UAAU,CAAA;;;;;;;;;;;;;;AAoIhE,wBAMG"}
+{"version":3,"file":"GoldenSignalsRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/GoldenSignalsRenderer.vue"],"names":[],"mappings":"AAkGA,OAAO,KAAK,EAAqB,aAAa,EAAE,MAAM,UAAU,CAAA;;;;;;;;;;;;;;AA6IhE,wBAMG"}

package/dist/types/components/QueryDataProvider.vue.d.ts

@@ -1,8 +1,9 @@
+import { type ExploreResultV4 } from '@kong-ui-public/analytics-utilities';
 import type { DashboardRendererContextInternal, ValidDashboardQuery } from '../types';
 declare function __VLS_template(): {
     slots: {
         default?(_: {
-            data: import("@kong-ui-public/analytics-utilities").ExploreResultV4;
+            data: ExploreResultV4;
         }): any;
     };
     refs: {};
@@ -14,15 +15,17 @@ declare const __VLS_component: import("vue").DefineComponent<{
     query: ValidDashboardQuery;
     queryReady: boolean;
     refreshCounter: number;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    queryComplete: (...args: any[]) => void;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "chart-data": (chartData: ExploreResultV4) => any;
+    queryComplete: () => any;
 }, string, import("vue").PublicProps, Readonly<{
     context: DashboardRendererContextInternal;
     query: ValidDashboardQuery;
     queryReady: boolean;
     refreshCounter: number;
 }> & Readonly<{
-    onQueryComplete?: ((...args: any[]) => any) | undefined;
+    "onChart-data"?: ((chartData: ExploreResultV4) => any) | undefined;
+    onQueryComplete?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/types/components/QueryDataProvider.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryDataProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QueryDataProvider.vue"],"names":[],"mappings":"AAiKA,OAAO,KAAK,EAAE,gCAAgC,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAwGrF,iBAAS,cAAc;;;;YAkDO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA9KV,gCAAgC;WAClC,mBAAmB;gBACd,OAAO;oBACH,MAAM;;;;aAHb,gCAAgC;WAClC,mBAAmB;gBACd,OAAO;oBACH,MAAM;;;kFAkLtB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QueryDataProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QueryDataProvider.vue"],"names":[],"mappings":"AAmKA,OAAO,EAIc,KAAK,eAAe,EACxC,MAAM,qCAAqC,CAAA;AAE5C,OAAO,KAAK,EAAE,gCAAgC,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAoHrF,iBAAS,cAAc;;;;YAkDO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA7LV,gCAAgC;WAClC,mBAAmB;gBACd,OAAO;oBACH,MAAM;;;;;aAHb,gCAAgC;WAClC,mBAAmB;gBACd,OAAO;oBACH,MAAM;;;;kFAoMtB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/types/components/TopNTableRenderer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNTableRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNTableRenderer.vue"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,aAAa,EAAoB,MAAM,UAAU,CAAA;AAM/D,OAAO,gDAAgD,CAAA;;;;;;;;;;;;;;AA+GvD,wBAMG"}
+{"version":3,"file":"TopNTableRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNTableRenderer.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,aAAa,EAAoB,MAAM,UAAU,CAAA;AAO/D,OAAO,gDAAgD,CAAA;;;;;;;;;;;;;;AAkHvD,wBAMG"}

package/dist/types/composables/index.d.ts

@@ -1,6 +1,8 @@
 import useI18n from './useI18n';
+import useEvaluateFeatureFlag from './useEvauluateFeatureFlag';
 declare const _default: {
     useI18n: typeof useI18n;
+    useEvaluateFeatureFlag: typeof useEvaluateFeatureFlag;
 };
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/composables/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;;;;AAG/B,wBAEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,sBAAsB,MAAM,2BAA2B,CAAA;;;;;AAG9D,wBAGC"}

package/dist/types/composables/useEvauluateFeatureFlag.d.ts

@@ -0,0 +1,4 @@
+export default function useEvaluateFeatureFlag(): {
+    evaluateFeatureFlag: (key: string, defaultValue: boolean) => boolean;
+};
+//# sourceMappingURL=useEvauluateFeatureFlag.d.ts.map

package/dist/types/composables/useEvauluateFeatureFlag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEvauluateFeatureFlag.d.ts","sourceRoot":"","sources":["../../../src/composables/useEvauluateFeatureFlag.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,sBAAsB;+BAIV,MAAM,gBAAgB,OAAO;EAUhE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/dashboard-renderer",
-  "version": "0.29.2",
+  "version": "0.30.0",
   "type": "module",
   "main": "./dist/dashboard-renderer.umd.js",
   "module": "./dist/dashboard-renderer.es.js",
@@ -27,11 +27,11 @@
     "pinia": ">= 2.1.7 < 3",
     "swrv": "^1.0.4",
     "vue": "^3.5.12",
+    "@kong-ui-public/analytics-chart": "^5.5.0",
     "@kong-ui-public/analytics-config-store": "^0.8.21",
-    "@kong-ui-public/analytics-chart": "^5.4.13",
-    "@kong-ui-public/analytics-metric-provider": "^8.5.0",
     "@kong-ui-public/analytics-utilities": "^5.4.0",
     "@kong-ui-public/i18n": "^2.2.9",
+    "@kong-ui-public/analytics-metric-provider": "^8.6.0",
     "@kong-ui-public/sandbox-layout": "^2.1.58"
   },
   "repository": {
@@ -55,10 +55,10 @@
     "@kong/kongponents": "^9.14.15",
     "swrv": "^1.0.4",
     "vue": ">= 3.3.13 < 4",
-    "@kong-ui-public/analytics-chart": "^5.4.13",
-    "@kong-ui-public/analytics-metric-provider": "^8.5.0",
+    "@kong-ui-public/analytics-chart": "^5.5.0",
     "@kong-ui-public/analytics-config-store": "^0.8.21",
     "@kong-ui-public/analytics-utilities": "^5.4.0",
+    "@kong-ui-public/analytics-metric-provider": "^8.6.0",
     "@kong-ui-public/i18n": "^2.2.9"
   },
   "dependencies": {