@kong-ui-public/dashboard-renderer 0.26.32 → 0.27.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,S,se,Ve,L,d,V,ce,le){"use strict";var j=(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))(j||{});const pe=t=>{var r,o,n,i,a;return t?!!((r=Object.keys(t))!=null&&r.length||(o=t.data)!=null&&o.length||(i=(n=t.data)==null?void 0:n.data)!=null&&i.length||!((a=t.data)!=null&&a.data)&&typeof t.data=="object"&&Object.keys(t==null?void 0:t.data).length):!1};function de(t=e.ref({}),r,o,n=pe){const i=e.ref("PENDING");return e.watchEffect(()=>{const a=n(t.value);if(t.value&&a&&o.value){i.value="VALIDATING_HAS_DATA";return}if(t.value&&o.value){i.value="VALIDATING";return}if(t.value&&r.value){i.value="STALE_IF_ERROR";return}if(t.value===void 0&&!r.value){i.value="PENDING";return}if(t.value&&!r.value&&a){i.value="SUCCESS_HAS_DATA";return}if(t.value&&!r.value){i.value="SUCCESS";return}t.value===void 0&&r&&(i.value="ERROR")}),{state:i,swrvState:j}}const ue={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"}},queryDataProvider:{timeRangeExceeded:"The time range for this report is outside of your organization's data retention period"}};function ye(){const t=L.createI18n("en-us",ue);return{i18n:t,i18nT:L.i18nTComponent(t)}}const z={useI18n:ye},C=170,w="analytics-query-provider",O="{entity-id}",$="{cp-id}",F="{timeframe}",v=30*1e3,D=e.defineComponent({__name:"QueryDataProvider",props:{context:{},query:{},queryReady:{type:Boolean}},emits:["queryComplete"],setup(t,{emit:r}){const o=t,n=r,{i18n:i}=z.useI18n(),a=e.inject(w),p=()=>o.queryReady&&a?JSON.stringify([o.query,o.context]):null,c=new AbortController;e.onUnmounted(()=>{c.abort()});const y=(b,q,k)=>{const g=[];return q&&g.push(...q),g.push(...d.stripUnknownFilters(b,k)),g},{data:l,error:f,isValidating:m}=se(p,async()=>{var b,q,k,g;try{let{datasource:u,...Pe}=o.query;u||(u="basic");const Be=y(u,o.query.filters,o.context.filters),Le={datasource:u,query:{...Pe,time_range:{...o.context.timeSpec,tz:o.context.tz},filters:Be}};return a==null?void 0:a.queryFn(Le,c)}catch(u){I.value=((q=(b=u==null?void 0:u.response)==null?void 0:b.data)==null?void 0:q.message)==="Range not allowed for this tier"?i.t("queryDataProvider.timeRangeExceeded"):((g=(k=u==null?void 0:u.response)==null?void 0:k.data)==null?void 0:g.message)||(u==null?void 0:u.message)}finally{n("queryComplete")}},{refreshInterval:o.context.refreshInterval,revalidateOnFocus:!1}),{state:h,swrvState:A}=de(l,f,m),I=e.ref(null),E=e.computed(()=>h.value===A.ERROR||!!I.value),Ne=e.computed(()=>!o.queryReady||h.value===A.PENDING);return(b,q)=>{const k=e.resolveComponent("KSkeleton"),g=e.resolveComponent("KEmptyState");return Ne.value||!e.unref(l)&&!E.value?(e.openBlock(),e.createBlock(k,{key:0,class:"chart-skeleton",type:"table"})):E.value?(e.openBlock(),e.createBlock(g,{key:1,"action-button-visible":!1,"data-testid":"chart-empty-state","icon-variant":"error"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(I.value),1)]),_:1})):e.unref(l)?e.renderSlot(b.$slots,"default",{key:2,data:e.unref(l)}):e.createCommentVNode("",!0)}}}),me={class:"analytics-chart"},he=e.defineComponent({__name:"SimpleChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(t){e.useCssVars(o=>({"6fb24a14":`${o.height}px`}));const r=t;return(o,n)=>(e.openBlock(),e.createBlock(D,{context:o.context,query:o.query,"query-ready":o.queryReady},{default:e.withCtx(({data:i})=>[e.createElementVNode("div",me,[e.createVNode(e.unref(S.SimpleChart),{"chart-data":i,"chart-options":r.chartOptions,"synthetics-data-key":o.chartOptions.syntheticsDataKey},null,8,["chart-data","chart-options","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"]))}}),_=(t,r)=>{const o=t.__vccOpts||t;for(const[n,i]of r)o[n]=i;return o},fe=_(he,[["__scopeId","data-v-af07dcbf"]]),ge={class:"analytics-chart"},K=_(e.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(t){e.useCssVars(n=>({"19cb7414":`${n.height}px`}));const r=t,o=e.computed(()=>({type:r.chartOptions.type,stacked:r.chartOptions.stacked,chartDatasetColors:r.chartOptions.chartDatasetColors}));return(n,i)=>(e.openBlock(),e.createBlock(D,{context:n.context,query:n.query,"query-ready":n.queryReady},{default:e.withCtx(({data:a})=>[e.createElementVNode("div",ge,[e.createVNode(e.unref(S.AnalyticsChart),{"allow-csv-export":n.chartOptions.allowCsvExport,"chart-data":a,"chart-options":o.value,"chart-title":n.chartOptions.chartTitle,"legend-position":"bottom","show-annotations":!1,"synthetics-data-key":n.chartOptions.syntheticsDataKey,"tooltip-title":""},null,8,["allow-csv-export","chart-data","chart-options","chart-title","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"]))}}),[["__scopeId","data-v-bc4b7018"]]),_e={class:"analytics-chart"},be=_(e.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(t){e.useCssVars(n=>({"75618b0a":`${n.height}px`}));const r=t,o=e.computed(()=>{const n=r.chartOptions.stacked??!1;return{type:r.chartOptions.type,stacked:n,chartDatasetColors:r.chartOptions.chartDatasetColors}});return(n,i)=>(e.openBlock(),e.createBlock(D,{context:n.context,query:n.query,"query-ready":n.queryReady},{default:e.withCtx(({data:a})=>[e.createElementVNode("div",_e,[e.createVNode(e.unref(S.AnalyticsChart),{"allow-csv-export":n.chartOptions.allowCsvExport,"chart-data":a,"chart-options":o.value,"chart-title":n.chartOptions.chartTitle,"legend-position":"bottom","synthetics-data-key":n.chartOptions.syntheticsDataKey,"tooltip-title":""},null,8,["allow-csv-export","chart-data","chart-options","chart-title","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"]))}}),[["__scopeId","data-v-f6bf3426"]]),qe={class:"metric-card-tile-wrapper"},ke=_(e.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(t){const r=t,o=e.computed(()=>{const i=r.context.timeSpec;if(i.type==="absolute")return new d.Timeframe({key:"custom",timeframeText:"custom",display:"custom",startCustom:i.start,endCustom:i.end,timeframeLength:()=>i.end.getTime()-i.start.getTime(),defaultResponseGranularity:"daily",dataGranularity:"daily",isRelative:!1,allowedTiers:["free","plus","enterprise"]});const a=d.TimePeriods.get(i.time_range);if(!a)throw new Error("Unknown time range");return a}),n=e.computed(()=>{var i;return{datasource:(i=r.query)==null?void 0:i.datasource,overrideTimeframe:o.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}});return(i,a)=>(e.openBlock(),e.createElementBlock("div",qe,[e.createVNode(e.unref(V.MetricsProvider),e.normalizeProps(e.guardReactiveProps(n.value)),{default:e.withCtx(()=>[e.createVNode(e.unref(V.MetricsConsumer))]),_:1},16)]))}}),[["__scopeId","data-v-1fadf6cf"]]),G="20px",Se=e.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(t){const r=t,o=n=>{var i;if((i=r.chartOptions)!=null&&i.entityLink)if(n.id.includes(":")){const[a,p]=n.id.split(":");return r.chartOptions.entityLink.replace($,a).replace(O,p)}else return r.chartOptions.entityLink.replace(O,n.id);return""};return(n,i)=>(e.openBlock(),e.createBlock(D,{context:n.context,query:n.query,"query-ready":n.queryReady},{default:e.withCtx(({data:a})=>[e.createVNode(e.unref(S.TopNTable),{data:a,description:n.chartOptions.description,"synthetics-data-key":n.chartOptions.syntheticsDataKey,title:n.chartOptions.chartTitle||""},e.createSlots({_:2},[r.chartOptions.entityLink?{name:"name",fn:e.withCtx(({record:p})=>[e.createVNode(e.unref(ce.EntityLink),{"entity-link-data":{id:p.id,label:p.name,deleted:p.deleted},"external-link":o(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"]))}}),Ce={class:"tile-boundary"},Te=_(e.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:C},queryReady:{type:Boolean}},setup(t){e.useCssVars(a=>({15141831:`${a.height}px`}));const r=parseInt(G,10),o=t,n={timeseries_line:be,horizontal_bar:K,vertical_bar:K,gauge:fe,golden_signals:ke,top_n:Se,slottable:void 0},i=e.computed(()=>{const a=n[o.definition.chart.type];return a&&{component:a,rendererProps:{query:o.definition.query,context:o.context,queryReady:o.queryReady,chartOptions:o.definition.chart,height:o.height-r*2}}});return(a,p)=>(e.openBlock(),e.createElementBlock("div",Ce,[i.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value.component),e.normalizeProps(e.mergeProps({key:0},i.value.rendererProps)),null,16)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-daac5f24"]]),Ee=(t,r,o)=>{const n=new Map;o.forEach(a=>{const p=a.layout.position.row,c=n.get(p),y=a.layout.size.rows===1&&!!a.layout.size.fitToContent;c===void 0?n.set(p,y):n.set(p,c&&y)});const i=[];for(let a=0;a<t;a++)n.get(a)?i.push("auto"):i.push(`${r}px`);return i},H=_(e.defineComponent({__name:"GridLayout",props:{gridSize:{type:Object,required:!0},tileHeight:{type:Number,required:!1,default:()=>C},tiles:{type:Array,required:!0}},setup(t){e.useCssVars(c=>({"3bc5e939":t.gridSize.cols,"77aa3028":a.value}));const r=t,o=e.ref(null),n=e.ref(0),i=new ResizeObserver(c=>{window.requestAnimationFrame(()=>{!Array.isArray(c)||!c.length||(n.value=c[0].contentRect.width)})});e.onMounted(()=>{o.value&&i.observe(o.value)}),e.onUnmounted(()=>{o.value&&i.unobserve(o.value)});const a=e.computed(()=>{var y;return Ee((y=r.gridSize)==null?void 0:y.rows,r.tileHeight,r.tiles).join(" ")}),p=e.computed(()=>r.tiles.map((c,y)=>({key:`tile-${y}`,tile:c,style:{"grid-column-start":c.layout.position.col+1,"grid-column-end":c.layout.position.col+1+c.layout.size.cols,"grid-row-start":c.layout.position.row+1,"grid-row-end":c.layout.position.row+1+c.layout.size.rows}})));return(c,y)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"gridContainer",ref:o,class:"kong-ui-public-grid-layout"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.key,class:e.normalizeClass(["grid-cell",{"empty-cell":!l.tile}]),style:e.normalizeStyle(l.style)},[e.renderSlot(c.$slots,"tile",{style:e.normalizeStyle(l.style),tile:l.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-f43eb7b8"]]),De={class:"kong-ui-public-dashboard-renderer"},Re={key:0,class:"tile-container"},Ae=_(e.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},setup(t){const r=t,{i18n:o}=z.useI18n(),n=e.inject(w);n||(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 i=le.useAnalyticsConfigStore(),a=e.computed(()=>r.context.timeSpec?r.context.timeSpec:{type:"relative",time_range:i.defaultQueryTimeForOrg}),p=e.computed(()=>!!r.context.timeSpec||!i.loading),c=e.computed(()=>r.config.tiles.map((l,f)=>{var h;let m=l.definition;if("description"in m.chart){const A=(h=m.chart.description)==null?void 0:h.replace(F,()=>{const E=`renderer.trendRange.${a.value.type==="absolute"?"custom":a.value.time_range}`;return o.te(E)?o.t(E):""});m={...m,chart:{...m.chart,description:A}}}return{layout:l.layout,meta:m,id:f}})),y=e.computed(()=>{let{tz:l,refreshInterval:f}=r.context;return l||(l=new Intl.DateTimeFormat().resolvedOptions().timeZone),f===void 0&&(f=v),{...r.context,tz:l,timeSpec:a.value,refreshInterval:f}});return(l,f)=>{const m=e.resolveComponent("KAlert");return e.openBlock(),e.createElementBlock("div",De,[e.unref(n)?(e.openBlock(),e.createBlock(H,{key:1,"grid-size":l.config.gridSize,"tile-height":l.config.tileHeight,tiles:c.value},{tile:e.withCtx(({tile:h})=>[h.meta.chart.type==="slottable"?(e.openBlock(),e.createElementBlock("div",Re,[e.renderSlot(l.$slots,h.meta.chart.id,{},void 0,!0)])):(e.openBlock(),e.createBlock(Te,{key:1,class:"tile-container",context:y.value,definition:h.meta,height:h.layout.size.rows*(l.config.tileHeight||e.unref(C))+parseInt(e.unref(G),10),"query-ready":p.value},null,8,["context","definition","height","query-ready"]))]),_: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(o).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-c49fe29b"]]),Ie=["horizontal_bar","vertical_bar","gauge","timeseries_line","golden_signals","top_n","slottable"],R={type:"string"},T={type:"string"},Q={type:"boolean"},M={type:["object","array"],items:{type:"string"},additionalProperties:{type:"string"}},U={type:"object",properties:{type:{type:"string",enum:["slottable"]},id:{type:"string"}},required:["type","id"],additionalProperties:!1},Y={type:"object",properties:{type:{type:"string",enum:["horizontal_bar","vertical_bar"]},stacked:{type:"boolean"},chartDatasetColors:M,syntheticsDataKey:R,chartTitle:T,allowCsvExport:Q},required:["type"],additionalProperties:!1},J={type:"object",properties:{type:{type:"string",enum:["timeseries_line"]},stacked:{type:"boolean"},chartDatasetColors:M,syntheticsDataKey:R,chartTitle:T,allowCsvExport:Q},required:["type"],additionalProperties:!1},Z={type:"object",properties:{type:{type:"string",enum:["gauge"]},metricDisplay:{type:"string",enum:Object.values(S.ChartMetricDisplay)},reverseDataset:{type:"boolean"},numerator:{type:"number"},syntheticsDataKey:R,chartTitle:T},required:["type"],additionalProperties:!1},W={type:"object",properties:{chartTitle:T,syntheticsDataKey:R,type:{type:"string",enum:["top_n"]},description:{type:"string"},entityLink:{type:"string"}},required:["type"],additionalProperties:!1},X={type:"object",properties:{chartTitle:T,type:{type:"string",enum:["golden_signals"]},longCardTitles:{type:"boolean"},description:{type:"string"},percentileLatency:{type:"boolean"}},required:["type"],additionalProperties:!1},we={type:"object",properties:{tz:{type:"string",default:"Etc/UTC"},type:{type:"string",enum:["relative"]},time_range:{type:"string",enum:d.relativeTimeRangeValuesV4,default:"1h"}},required:["type","time_range"],additionalProperties:!1},Oe={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},x={granularity:{type:"string",description:'Force time grouping into buckets of this duration. Only has an effect if "time" is in the "dimensions" list.',enum:d.granularityValues},time_range:{type:"object",description:"The time range to query.",anyOf:[we,Oe],default:{type:"relative",time_range:"1h"}},limit:{type:"number"},meta:{type:"object"}},N=t=>({type:"array",description:"List of aggregated metrics to collect across the requested time span.",items:{type:"string",enum:t}}),P=t=>({type:"array",description:"List of attributes or entity types to group by.",minItems:0,maxItems:2,items:{type:"string",enum:t}}),B=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:d.exploreFilterTypesV2},values:{type:"array",items:{type:["string","number","null"]}}},required:["dimension","type","values"],additionalProperties:!1}}),ee={type:"object",description:"A query to launch at the advanced explore API",properties:{datasource:{type:"string",enum:["advanced"]},metrics:N(d.exploreAggregations),dimensions:P(d.queryableExploreDimensions),filters:B(d.filterableExploreDimensions),...x},required:["datasource"],additionalProperties:!1},te={type:"object",description:"A query to launch at the basic explore API",properties:{datasource:{type:"string",enum:["basic"]},metrics:N(d.basicExploreAggregations),dimensions:P(d.queryableBasicExploreDimensions),filters:B(d.filterableBasicExploreDimensions),...x},required:["datasource"],additionalProperties:!1},re={type:"object",description:"A query to launch at the AI explore API",properties:{datasource:{type:"string",enum:["ai"]},metrics:N(d.aiExploreAggregations),dimensions:P(d.queryableAiExploreDimensions),filters:B(d.filterableAiExploreDimensions),...x},required:["datasource"],additionalProperties:!1},ne={anyOf:[ee,te,re]},oe={type:"object",properties:{query:ne,chart:{anyOf:[Y,Z,J,X,W,U]}},required:["query","chart"],additionalProperties:!1},ie={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},ae={type:"object",properties:{definition:oe,layout:ie},required:["definition","layout"],additionalProperties:!1},xe={type:"object",properties:{tiles:{type:"array",items:ae},tileHeight:{type:"number",description:`Height of each tile in pixels. Default: ${C}`},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=$,s.DEFAULT_TILE_HEIGHT=C,s.DEFAULT_TILE_REFRESH_INTERVAL_MS=v,s.DashboardRenderer=Ae,s.ENTITY_ID_TOKEN=O,s.GridLayout=H,s.INJECT_QUERY_PROVIDER=w,s.TIMEFRAME_TOKEN=F,s.aiQuerySchema=re,s.barChartSchema=Y,s.basicQuerySchema=te,s.dashboardConfigSchema=xe,s.dashboardTileTypes=Ie,s.exploreV4QuerySchema=ee,s.gaugeChartSchema=Z,s.metricCardSchema=X,s.slottableSchema=U,s.tileConfigSchema=ae,s.tileDefinitionSchema=oe,s.tileLayoutSchema=ie,s.timeseriesChartSchema=J,s.topNTableSchema=W,s.validDashboardQuery=ne,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(c,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):(c=typeof globalThis<"u"?globalThis:c||self,e(c["kong-ui-public-dashboard-renderer"]={},c.Vue,c["kong-ui-public-analytics-chart"],c.swrv,c.axios,c["kong-ui-public-i18n"],c["kong-ui-public-analytics-utilities"],c["kong-ui-public-analytics-metric-provider"],c["kong-ui-public-entities-shared"],c["kong-ui-public-analytics-config-store"]))})(this,function(c,e,R,le,Ve,j,y,z,de,pe){"use strict";var $=(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))($||{});const ue=t=>{var r,n,i,o,s;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||!((s=t.data)!=null&&s.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 s=i(t.value);if(t.value&&s&&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&&s){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:$}}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 w={useI18n:he},T=170,I="analytics-query-provider",O="{entity-id}",F="{cp-id}",K="{timeframe}",G=30*1e3,x=e.defineComponent({__name:"QueryDataProvider",props:{context:{},query:{},queryReady:{type:Boolean}},emits:["queryComplete"],setup(t,{emit:r}){const n=t,i=r,{i18n:o}=w.useI18n(),s=e.inject(I),l=()=>n.queryReady&&s?JSON.stringify([n.query,n.context]):null,a=new AbortController;e.onUnmounted(()=>{a.abort()});const d=(q,_,k)=>{const b=[];return _&&b.push(..._),b.push(...y.stripUnknownFilters(q,k)),b},{data:m,error:E,isValidating:V}=le(l,async()=>{var q,_,k,b;try{let{datasource:h,...Ne}=n.query;h||(h="basic");const Be=d(h,n.query.filters,n.context.filters),Le={datasource:h,query:{...Ne,time_range:{...n.context.timeSpec,tz:n.context.tz},filters:Be}};return s==null?void 0:s.queryFn(Le,a)}catch(h){u.value=((_=(q=h==null?void 0:h.response)==null?void 0:q.data)==null?void 0:_.message)==="Range not allowed for this tier"?o.t("queryDataProvider.timeRangeExceeded"):((b=(k=h==null?void 0:h.response)==null?void 0:k.data)==null?void 0:b.message)||(h==null?void 0:h.message)}finally{i("queryComplete")}},{refreshInterval:n.context.refreshInterval,revalidateOnFocus:!1}),{state:p,swrvState:g}=ye(m,E,V),u=e.ref(null),f=e.computed(()=>p.value===g.ERROR||!!u.value),A=e.computed(()=>!n.queryReady||p.value===g.PENDING);return(q,_)=>{const k=e.resolveComponent("KSkeleton"),b=e.resolveComponent("KEmptyState");return A.value||!e.unref(m)&&!f.value?(e.openBlock(),e.createBlock(k,{key:0,class:"chart-skeleton",type:"table"})):f.value?(e.openBlock(),e.createBlock(b,{key:1,"action-button-visible":!1,"data-testid":"chart-empty-state","icon-variant":"error"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value),1)]),_:1})):e.unref(m)?e.renderSlot(q.$slots,"default",{key:2,data:e.unref(m)}):e.createCommentVNode("",!0)}}}),fe={class:"analytics-chart"},ge=e.defineComponent({__name:"SimpleChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(t){e.useCssVars(n=>({"6fb24a14":`${n.height}px`}));const r=t;return(n,i)=>(e.openBlock(),e.createBlock(x,{context:n.context,query:n.query,"query-ready":n.queryReady},{default:e.withCtx(({data:o})=>[e.createElementVNode("div",fe,[e.createVNode(e.unref(R.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"]))}}),S=(t,r)=>{const n=t.__vccOpts||t;for(const[i,o]of r)n[i]=o;return n},_e=S(ge,[["__scopeId","data-v-af07dcbf"]]),be={class:"analytics-chart"},H=S(e.defineComponent({__name:"BaseAnalyticsChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},extraProps:{}},emits:["edit-tile"],setup(t,{emit:r}){e.useCssVars(a=>({"25fcb4c4":`${a.height}px`}));const n=t,i=r,{i18n:o}=w.useI18n(),s=e.computed(()=>({type:n.chartOptions.type,stacked:n.chartOptions.stacked??!1,chartDatasetColors:n.chartOptions.chartDatasetColors})),l=()=>{i("edit-tile")};return(a,d)=>{const m=e.resolveComponent("KDropdownItem");return e.openBlock(),e.createBlock(x,{context:a.context,query:a.query,"query-ready":a.queryReady},{default:e.withCtx(({data:E})=>[e.createElementVNode("div",be,[e.createVNode(e.unref(R.AnalyticsChart),e.mergeProps({"allow-csv-export":a.chartOptions.allowCsvExport,"chart-data":E,"chart-options":s.value,"chart-title":a.chartOptions.chartTitle,"legend-position":"bottom","show-menu":a.context.editable,"synthetics-data-key":a.chartOptions.syntheticsDataKey,"tooltip-title":""},a.extraProps),e.createSlots({_:2},[a.context.editable?{name:"menu-items",fn:e.withCtx(()=>[e.createVNode(m,{onClick:l},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o).t("renderer.edit")),1)]),_:1})]),key:"0"}:void 0]),1040,["allow-csv-export","chart-data","chart-options","chart-title","show-menu","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"])}}}),[["__scopeId","data-v-4365e4b4"]]),v=e.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(t){return(r,n)=>(e.openBlock(),e.createBlock(H,{"chart-options":r.chartOptions,context:r.context,"extra-props":{showAnnotations:!1},height:r.height,query:r.query,"query-ready":r.queryReady},null,8,["chart-options","context","height","query","query-ready"]))}}),qe=e.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(t){return(r,n)=>(e.openBlock(),e.createBlock(H,{"chart-options":r.chartOptions,context:r.context,height:r.height,query:r.query,"query-ready":r.queryReady},null,8,["chart-options","context","height","query","query-ready"]))}}),Se={class:"metric-card-tile-wrapper"},ke=S(e.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(t){const r=t,n=e.computed(()=>{const o=r.context.timeSpec;if(o.type==="absolute")return new y.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 s=y.TimePeriods.get(o.time_range);if(!s)throw new Error("Unknown time range");return s}),i=e.computed(()=>{var s,l;const o=(s=r.query)==null?void 0:s.datasource;if(o&&o!=="advanced"&&o!=="basic")throw new Error(`Invalid datasource value: ${o}`);return{datasource:(l=r.query)==null?void 0:l.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}});return(o,s)=>(e.openBlock(),e.createElementBlock("div",Se,[e.createVNode(e.unref(z.MetricsProvider),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.createVNode(e.unref(z.MetricsConsumer))]),_:1},16)]))}}),[["__scopeId","data-v-f2a5f36e"]]),Q="20px",Te=e.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(t){const r=t,n=i=>{var o;if((o=r.chartOptions)!=null&&o.entityLink)if(i.id.includes(":")){const[s,l]=i.id.split(":");return r.chartOptions.entityLink.replace(F,s).replace(O,l)}else return r.chartOptions.entityLink.replace(O,i.id);return""};return(i,o)=>(e.openBlock(),e.createBlock(x,{context:i.context,query:i.query,"query-ready":i.queryReady},{default:e.withCtx(({data:s})=>[e.createVNode(e.unref(R.TopNTable),{data:s,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:l})=>[e.createVNode(e.unref(de.EntityLink),{"entity-link-data":{id:l.id,label:l.name,deleted:l.deleted},"external-link":n(l)},null,8,["entity-link-data","external-link"])]),key:"0"}:void 0]),1032,["data","description","synthetics-data-key","title"])]),_:1},8,["context","query","query-ready"]))}}),Ce={class:"tile-boundary"},Ee=S(e.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:T},queryReady:{type:Boolean}},emits:["edit-tile"],setup(t,{emit:r}){e.useCssVars(d=>({ab2e7a42:`${d.height}px`}));const n=parseInt(Q,10),i=t,o=r,s={timeseries_line:qe,horizontal_bar:v,vertical_bar:v,gauge:_e,golden_signals:ke,top_n:Te,slottable:void 0},l=e.computed(()=>{const d=s[i.definition.chart.type];return d&&{component:d,rendererProps:{query:i.definition.query,context:i.context,queryReady:i.queryReady,chartOptions:i.definition.chart,height:i.height-n*2}}}),a=()=>{o("edit-tile",i.definition)};return(d,m)=>(e.openBlock(),e.createElementBlock("div",Ce,[l.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value.component),e.mergeProps({key:0},l.value.rendererProps,{onEditTile:a}),null,16)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-56df5ab7"]]),Re=(t,r,n)=>{const i=new Map;n.forEach(s=>{const l=s.layout.position.row,a=i.get(l),d=s.layout.size.rows===1&&!!s.layout.size.fitToContent;a===void 0?i.set(l,d):i.set(l,a&&d)});const o=[];for(let s=0;s<t;s++)i.get(s)?o.push("auto"):o.push(`${r}px`);return o},M=S(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(a=>({"3bc5e939":t.gridSize.cols,"77aa3028":s.value}));const r=t,n=e.ref(null),i=e.ref(0),o=new ResizeObserver(a=>{window.requestAnimationFrame(()=>{!Array.isArray(a)||!a.length||(i.value=a[0].contentRect.width)})});e.onMounted(()=>{n.value&&o.observe(n.value)}),e.onUnmounted(()=>{n.value&&o.unobserve(n.value)});const s=e.computed(()=>{var d;return Re((d=r.gridSize)==null?void 0:d.rows,r.tileHeight,r.tiles).join(" ")}),l=e.computed(()=>r.tiles.map((a,d)=>({key:`tile-${d}`,tile:a,style:{"grid-column-start":a.layout.position.col+1,"grid-column-end":a.layout.position.col+1+a.layout.size.cols,"grid-row-start":a.layout.position.row+1,"grid-row-end":a.layout.position.row+1+a.layout.size.rows}})));return(a,d)=>(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(l.value,m=>(e.openBlock(),e.createElementBlock("div",{key:m.key,class:e.normalizeClass(["grid-cell",{"empty-cell":!m.tile}]),style:e.normalizeStyle(m.style)},[e.renderSlot(a.$slots,"tile",{style:e.normalizeStyle(m.style),tile:m.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-f43eb7b8"]]),De={class:"kong-ui-public-dashboard-renderer"},Ae={key:0,class:"tile-container"},we=S(e.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},emits:["edit-tile"],setup(t,{emit:r}){const n=t,i=r,{i18n:o}=w.useI18n(),s=e.inject(I);s||(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 l=pe.useAnalyticsConfigStore(),a=e.computed(()=>n.context.timeSpec?n.context.timeSpec:{type:"relative",time_range:l.defaultQueryTimeForOrg}),d=e.computed(()=>!!n.context.timeSpec||!l.loading),m=e.computed(()=>n.config.tiles.map((p,g)=>{var f;let u=p.definition;if("description"in u.chart){const A=(f=u.chart.description)==null?void 0:f.replace(K,()=>{const _=`renderer.trendRange.${a.value.type==="absolute"?"custom":a.value.time_range}`;return o.te(_)?o.t(_):""});u={...u,chart:{...u.chart,description:A}}}return{layout:p.layout,meta:u,id:g}})),E=e.computed(()=>{let{tz:p,refreshInterval:g,editable:u}=n.context;return p||(p=new Intl.DateTimeFormat().resolvedOptions().timeZone),g===void 0&&(g=G),u===void 0&&(u=!1),{...n.context,tz:p,timeSpec:a.value,refreshInterval:g,editable:u}}),V=p=>{i("edit-tile",p)};return(p,g)=>{const u=e.resolveComponent("KAlert");return e.openBlock(),e.createElementBlock("div",De,[e.unref(s)?(e.openBlock(),e.createBlock(M,{key:1,"grid-size":p.config.gridSize,"tile-height":p.config.tileHeight,tiles:m.value},{tile:e.withCtx(({tile:f})=>[f.meta.chart.type==="slottable"?(e.openBlock(),e.createElementBlock("div",Ae,[e.renderSlot(p.$slots,f.meta.chart.id,{},void 0,!0)])):(e.openBlock(),e.createBlock(Ee,{key:1,class:"tile-container",context:E.value,definition:f.meta,height:f.layout.size.rows*(p.config.tileHeight||e.unref(T))+parseInt(e.unref(Q),10),"query-ready":d.value,onEditTile:A=>V(f)},null,8,["context","definition","height","query-ready","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(o).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-cd57ea9c"]]),Ie=["horizontal_bar","vertical_bar","gauge","timeseries_line","golden_signals","top_n","slottable"],D={type:"string"},C={type:"string"},U={type:"boolean"},Y={type:["object","array"],items:{type:"string"},additionalProperties:{type:"string"}},J={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:Y,syntheticsDataKey:D,chartTitle:C,allowCsvExport:U},required:["type"],additionalProperties:!1},W={type:"object",properties:{type:{type:"string",enum:["timeseries_line"]},stacked:{type:"boolean"},chartDatasetColors:Y,syntheticsDataKey:D,chartTitle:C,allowCsvExport:U},required:["type"],additionalProperties:!1},X={type:"object",properties:{type:{type:"string",enum:["gauge"]},metricDisplay:{type:"string",enum:Object.values(R.ChartMetricDisplay)},reverseDataset:{type:"boolean"},numerator:{type:"number"},syntheticsDataKey:D,chartTitle:C},required:["type"],additionalProperties:!1},ee={type:"object",properties:{chartTitle:C,syntheticsDataKey:D,type:{type:"string",enum:["top_n"]},description:{type:"string"},entityLink:{type:"string"}},required:["type"],additionalProperties:!1},te={type:"object",properties:{chartTitle:C,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:y.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},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:y.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"}},N=t=>({type:"array",description:"List of aggregated metrics to collect across the requested time span.",items:{type:"string",enum:t}}),B=t=>({type:"array",description:"List of attributes or entity types to group by.",minItems:0,maxItems:2,items:{type:"string",enum:t}}),L=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:y.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:N(y.exploreAggregations),dimensions:B(y.queryableExploreDimensions),filters:L(y.filterableExploreDimensions),...P},required:["datasource"],additionalProperties:!1},ne={type:"object",description:"A query to launch at the basic explore API",properties:{datasource:{type:"string",enum:["basic"]},metrics:N(y.basicExploreAggregations),dimensions:B(y.queryableBasicExploreDimensions),filters:L(y.filterableBasicExploreDimensions),...P},required:["datasource"],additionalProperties:!1},oe={type:"object",description:"A query to launch at the AI explore API",properties:{datasource:{type:"string",enum:["ai"]},metrics:N(y.aiExploreAggregations),dimensions:B(y.queryableAiExploreDimensions),filters:L(y.filterableAiExploreDimensions),...P},required:["datasource"],additionalProperties:!1},ie={anyOf:[re,ne,oe]},ae={type:"object",properties:{query:ie,chart:{anyOf:[Z,X,W,te,ee,J]}},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},Pe={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};c.CP_ID_TOKEN=F,c.DEFAULT_TILE_HEIGHT=T,c.DEFAULT_TILE_REFRESH_INTERVAL_MS=G,c.DashboardRenderer=we,c.ENTITY_ID_TOKEN=O,c.GridLayout=M,c.INJECT_QUERY_PROVIDER=I,c.TIMEFRAME_TOKEN=K,c.aiQuerySchema=oe,c.barChartSchema=Z,c.basicQuerySchema=ne,c.dashboardConfigSchema=Pe,c.dashboardTileTypes=Ie,c.exploreV4QuerySchema=re,c.gaugeChartSchema=X,c.metricCardSchema=te,c.slottableSchema=J,c.tileConfigSchema=ce,c.tileDefinitionSchema=ae,c.tileLayoutSchema=se,c.timeseriesChartSchema=W,c.topNTableSchema=ee,c.validDashboardQuery=ie,Object.defineProperty(c,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-e2a1d643]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-e2a1d643]{flex-direction:column}.chart-parent.column .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-e2a1d643]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-e2a1d643]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-e2a1d643]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-e2a1d643]{flex:1 1 auto;position:relative}.chart-container[data-v-e2a1d643]{overflow:auto}.chart-container[data-v-e2a1d643]{-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-e2a1d643] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-e2a1d643] ::-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-e2a1d643]{height:100%}.chart-container[data-v-e2a1d643]::-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-e2a1d643]::-webkit-scrollbar{width:10px}.chart-container[data-v-e2a1d643]::-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-e2a1d643]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-e2a1d643]{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-e2a1d643]{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-0f89741b]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-0f89741b]{flex-direction:column}.chart-parent.column .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-0f89741b]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-0f89741b]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-0f89741b]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-0f89741b]{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-c0a3d2ef],.simple-chart-shell[data-v-c0a3d2ef]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-c0a3d2ef],.simple-chart-shell .chart-empty-state[data-v-c0a3d2ef]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-c0a3d2ef]{height:100%;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-c0a3d2ef]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-c0a3d2ef]{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-c0a3d2ef]{align-items:center;display:flex;justify-content:flex-start;padding-bottom:16px;padding-bottom:var(--kui-space-60, 16px)}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-c0a3d2ef]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-c0a3d2ef]{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-c0a3d2ef]{font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.analytics-chart-shell .tooltip[data-v-c0a3d2ef]{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-c0a3d2ef]{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 li.k-dropdown-item a[data-v-c0a3d2ef]{text-decoration:none}.analytics-chart-shell .dropdown a[data-v-c0a3d2ef]{color:#000933}.analytics-chart-shell .dropdown a[data-v-c0a3d2ef]:hover{color:#000933;text-decoration:none}.analytics-chart-shell .dropdown[data-v-c0a3d2ef]: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-af07dcbf]{height:var(--6fb24a14)}.analytics-chart[data-v-bc4b7018]{height:var(--19cb7414)}.analytics-chart[data-v-f6bf3426]{height:var(--75618b0a)}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-1fadf6cf]{align-items:center;display:flex;height:100%}}.metric-card-tile-wrapper[data-v-1fadf6cf] .kong-ui-public-metric-card-container{height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-1fadf6cf] .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-2fde1e51]{align-items:center;border-bottom:var(--445df5cd);display:var(--36146f00);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-2fde1e51]{width:var(--41377040)}.config-card-details-row .config-card-details-label label[data-v-2fde1e51]{color:#3a3f51}.config-card-details-row .config-card-details-value[data-v-2fde1e51]{width:var(--4132e48a)}.config-card-details-row .config-card-details-value .truncated[data-v-2fde1e51]{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-2fde1e51]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-2fde1e51] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-2fde1e51]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-2fde1e51]{margin-right:4px}.config-card-details-row[data-v-2fde1e51] .k-label{margin-bottom:0}.config-card-details-row[data-v-2fde1e51] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-2fde1e51] .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-765e475b]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-765e475b]{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-daac5f24]{height:var(--15141831)}.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-c49fe29b]{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-e2a1d643]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-e2a1d643]{flex-direction:column}.chart-parent.column .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-e2a1d643]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-e2a1d643]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-e2a1d643]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-e2a1d643]{flex:1 1 auto;position:relative}.chart-container[data-v-e2a1d643]{overflow:auto}.chart-container[data-v-e2a1d643]{-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-e2a1d643] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-e2a1d643] ::-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-e2a1d643]{height:100%}.chart-container[data-v-e2a1d643]::-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-e2a1d643]::-webkit-scrollbar{width:10px}.chart-container[data-v-e2a1d643]::-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-e2a1d643]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-e2a1d643]{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-e2a1d643]{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-0f89741b]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-0f89741b]{flex-direction:column}.chart-parent.column .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-0f89741b]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-0f89741b]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-0f89741b]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-0f89741b]{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-bdcd60d0],.simple-chart-shell[data-v-bdcd60d0]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-bdcd60d0],.simple-chart-shell .chart-empty-state[data-v-bdcd60d0]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-bdcd60d0]{height:100%;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-bdcd60d0]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-bdcd60d0]{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-bdcd60d0]{align-items:center;display:flex;justify-content:flex-start;padding-bottom:16px;padding-bottom:var(--kui-space-60, 16px)}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-bdcd60d0]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-bdcd60d0]{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-bdcd60d0]{font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.analytics-chart-shell .tooltip[data-v-bdcd60d0]{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-bdcd60d0]{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 li.k-dropdown-item a[data-v-bdcd60d0]{text-decoration:none}.analytics-chart-shell .dropdown a[data-v-bdcd60d0]{color:#000933}.analytics-chart-shell .dropdown a[data-v-bdcd60d0]:hover{color:#000933;text-decoration:none}.analytics-chart-shell .dropdown[data-v-bdcd60d0]: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-af07dcbf]{height:var(--6fb24a14)}.analytics-chart[data-v-4365e4b4]{height:var(--25fcb4c4)}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-f2a5f36e]{align-items:center;display:flex;height:100%}}.metric-card-tile-wrapper[data-v-f2a5f36e] .kong-ui-public-metric-card-container{height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-f2a5f36e] .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-2fde1e51]{align-items:center;border-bottom:var(--445df5cd);display:var(--36146f00);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-2fde1e51]{width:var(--41377040)}.config-card-details-row .config-card-details-label label[data-v-2fde1e51]{color:#3a3f51}.config-card-details-row .config-card-details-value[data-v-2fde1e51]{width:var(--4132e48a)}.config-card-details-row .config-card-details-value .truncated[data-v-2fde1e51]{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-2fde1e51]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-2fde1e51] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-2fde1e51]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-2fde1e51]{margin-right:4px}.config-card-details-row[data-v-2fde1e51] .k-label{margin-bottom:0}.config-card-details-row[data-v-2fde1e51] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-2fde1e51] .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-765e475b]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-765e475b]{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-56df5ab7]{height:var(--ab2e7a42)}.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-cd57ea9c]{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)}

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

@@ -1 +1 @@
-{"version":3,"file":"BarChartRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/BarChartRenderer.vue"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAmB,aAAa,EAAE,MAAM,UAAU,CAAA;;;;;;;;;;;;;;;;;;;;AA0F9D,wBAMG"}
+{"version":3,"file":"BarChartRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/BarChartRenderer.vue"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAmB,aAAa,EAAE,MAAM,UAAU,CAAA;;;;;;;;;;;;;;;;;;;;AA4D9D,wBAMG"}

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

@@ -0,0 +1,12 @@
+import type { RendererProps } from '../types';
+declare const _default: import("vue").DefineComponent<RendererProps<any> & {
+    extraProps?: Record<string, any>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "edit-tile": () => any;
+}, string, import("vue").PublicProps, Readonly<RendererProps<any> & {
+    extraProps?: Record<string, any>;
+}> & Readonly<{
+    "onEdit-tile"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=BaseAnalyticsChartRenderer.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseAnalyticsChartRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/BaseAnalyticsChartRenderer.vue"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;;iBASa,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;iBAAnB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;AAgI7E,wBASG"}

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

@@ -1,4 +1,4 @@
-import type { DashboardConfig, DashboardRendererContext } from '../types';
+import type { DashboardConfig, DashboardRendererContext, GridTile } from '../types';
 declare function __VLS_template(): {
     slots: Partial<Record<string, (_: {}) => any>>;
     refs: {};
@@ -8,10 +8,244 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     context: DashboardRendererContext;
     config: DashboardConfig;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "edit-tile": (tile: GridTile<{
+        query: {
+            time_range?: {
+                tz?: string | undefined;
+                type: "relative";
+                time_range: "15m" | "1h" | "6h" | "12h" | "24h" | "7d" | "current_week" | "previous_week" | "30d" | "current_month" | "previous_month";
+            } | {
+                tz?: string | undefined;
+                type: "absolute";
+                start: string;
+                end: string;
+            } | undefined;
+            metrics?: ("active_services" | "request_count" | "request_per_minute" | "response_latency_average" | "response_latency_p99" | "response_latency_p95" | "response_latency_p50" | "upstream_latency_p99" | "upstream_latency_p95" | "upstream_latency_p50" | "upstream_latency_average" | "kong_latency_p99" | "kong_latency_p95" | "kong_latency_p50" | "kong_latency_average" | "response_size_p99" | "response_size_p95" | "response_size_p50" | "request_size_p99" | "request_size_p95" | "request_size_p50" | "request_size_average" | "response_size_average")[] | undefined;
+            dimensions?: ("api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "time" | "application" | "consumer" | "iso_code")[] | undefined;
+            filters?: {
+                type: "in" | "not_in" | "selector";
+                values: (string | number | null)[];
+                dimension: "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "iso_code";
+            }[] | undefined;
+            granularity?: "secondly" | "minutely" | "hourly" | "daily" | "weekly" | "trend" | undefined;
+            limit?: number | undefined;
+            meta?: {
+                [x: string]: unknown;
+            } | undefined;
+            datasource: "advanced";
+        } | {
+            time_range?: {
+                tz?: string | undefined;
+                type: "relative";
+                time_range: "15m" | "1h" | "6h" | "12h" | "24h" | "7d" | "current_week" | "previous_week" | "30d" | "current_month" | "previous_month";
+            } | {
+                tz?: string | undefined;
+                type: "absolute";
+                start: string;
+                end: string;
+            } | undefined;
+            metrics?: ("active_services" | "request_count" | "request_per_minute" | "response_latency_average")[] | undefined;
+            dimensions?: ("api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "time")[] | undefined;
+            filters?: {
+                type: "in" | "not_in" | "selector";
+                values: (string | number | null)[];
+                dimension: "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "route" | "status_code" | "status_code_grouped";
+            }[] | undefined;
+            granularity?: "secondly" | "minutely" | "hourly" | "daily" | "weekly" | "trend" | undefined;
+            limit?: number | undefined;
+            meta?: {
+                [x: string]: unknown;
+            } | undefined;
+            datasource: "basic";
+        } | {
+            time_range?: {
+                tz?: string | undefined;
+                type: "relative";
+                time_range: "15m" | "1h" | "6h" | "12h" | "24h" | "7d" | "current_week" | "previous_week" | "30d" | "current_month" | "previous_month";
+            } | {
+                tz?: string | undefined;
+                type: "absolute";
+                start: string;
+                end: string;
+            } | undefined;
+            metrics?: ("total_tokens" | "prompt_tokens" | "completion_tokens" | "ai_request_count" | "cost" | "llm_cache_embeddings_latency_average" | "llm_cache_fetch_latency_average" | "llm_latency_average" | "llm_embeddings_tokens" | "llm_embeddings_cost")[] | undefined;
+            dimensions?: ("control_plane" | "control_plane_group" | "gateway_service" | "route" | "time" | "application" | "consumer" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model")[] | undefined;
+            filters?: {
+                type: "in" | "not_in" | "selector";
+                values: (string | number | null)[];
+                dimension: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "application" | "consumer" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model";
+            }[] | undefined;
+            granularity?: "secondly" | "minutely" | "hourly" | "daily" | "weekly" | "trend" | undefined;
+            limit?: number | undefined;
+            meta?: {
+                [x: string]: unknown;
+            } | undefined;
+            datasource: "ai";
+        };
+        chart: {
+            chartDatasetColors?: {
+                [x: string]: string;
+            } | string[] | undefined;
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            allowCsvExport?: boolean | undefined;
+            stacked?: boolean | undefined;
+            type: "horizontal_bar" | "vertical_bar";
+        } | {
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            metricDisplay?: import("@kong-ui-public/analytics-chart").ChartMetricDisplay | undefined;
+            reverseDataset?: boolean | undefined;
+            numerator?: number | undefined;
+            type: "gauge";
+        } | {
+            chartDatasetColors?: {
+                [x: string]: string;
+            } | string[] | undefined;
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            allowCsvExport?: boolean | undefined;
+            stacked?: boolean | undefined;
+            type: "timeseries_line";
+        } | {
+            description?: string | undefined;
+            chartTitle?: string | undefined;
+            longCardTitles?: boolean | undefined;
+            percentileLatency?: boolean | undefined;
+            type: "golden_signals";
+        } | {
+            description?: string | undefined;
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            entityLink?: string | undefined;
+            type: "top_n";
+        } | {
+            type: "slottable";
+            id: string;
+        };
+    }>) => any;
+}, string, import("vue").PublicProps, Readonly<{
     context: DashboardRendererContext;
     config: DashboardConfig;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}> & Readonly<{
+    "onEdit-tile"?: ((tile: GridTile<{
+        query: {
+            time_range?: {
+                tz?: string | undefined;
+                type: "relative";
+                time_range: "15m" | "1h" | "6h" | "12h" | "24h" | "7d" | "current_week" | "previous_week" | "30d" | "current_month" | "previous_month";
+            } | {
+                tz?: string | undefined;
+                type: "absolute";
+                start: string;
+                end: string;
+            } | undefined;
+            metrics?: ("active_services" | "request_count" | "request_per_minute" | "response_latency_average" | "response_latency_p99" | "response_latency_p95" | "response_latency_p50" | "upstream_latency_p99" | "upstream_latency_p95" | "upstream_latency_p50" | "upstream_latency_average" | "kong_latency_p99" | "kong_latency_p95" | "kong_latency_p50" | "kong_latency_average" | "response_size_p99" | "response_size_p95" | "response_size_p50" | "request_size_p99" | "request_size_p95" | "request_size_p50" | "request_size_average" | "response_size_average")[] | undefined;
+            dimensions?: ("api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "time" | "application" | "consumer" | "iso_code")[] | undefined;
+            filters?: {
+                type: "in" | "not_in" | "selector";
+                values: (string | number | null)[];
+                dimension: "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "application" | "consumer" | "iso_code";
+            }[] | undefined;
+            granularity?: "secondly" | "minutely" | "hourly" | "daily" | "weekly" | "trend" | undefined;
+            limit?: number | undefined;
+            meta?: {
+                [x: string]: unknown;
+            } | undefined;
+            datasource: "advanced";
+        } | {
+            time_range?: {
+                tz?: string | undefined;
+                type: "relative";
+                time_range: "15m" | "1h" | "6h" | "12h" | "24h" | "7d" | "current_week" | "previous_week" | "30d" | "current_month" | "previous_month";
+            } | {
+                tz?: string | undefined;
+                type: "absolute";
+                start: string;
+                end: string;
+            } | undefined;
+            metrics?: ("active_services" | "request_count" | "request_per_minute" | "response_latency_average")[] | undefined;
+            dimensions?: ("api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "route" | "status_code" | "status_code_grouped" | "time")[] | undefined;
+            filters?: {
+                type: "in" | "not_in" | "selector";
+                values: (string | number | null)[];
+                dimension: "api_product" | "api_product_version" | "control_plane" | "control_plane_group" | "data_plane_node" | "gateway_service" | "route" | "status_code" | "status_code_grouped";
+            }[] | undefined;
+            granularity?: "secondly" | "minutely" | "hourly" | "daily" | "weekly" | "trend" | undefined;
+            limit?: number | undefined;
+            meta?: {
+                [x: string]: unknown;
+            } | undefined;
+            datasource: "basic";
+        } | {
+            time_range?: {
+                tz?: string | undefined;
+                type: "relative";
+                time_range: "15m" | "1h" | "6h" | "12h" | "24h" | "7d" | "current_week" | "previous_week" | "30d" | "current_month" | "previous_month";
+            } | {
+                tz?: string | undefined;
+                type: "absolute";
+                start: string;
+                end: string;
+            } | undefined;
+            metrics?: ("total_tokens" | "prompt_tokens" | "completion_tokens" | "ai_request_count" | "cost" | "llm_cache_embeddings_latency_average" | "llm_cache_fetch_latency_average" | "llm_latency_average" | "llm_embeddings_tokens" | "llm_embeddings_cost")[] | undefined;
+            dimensions?: ("control_plane" | "control_plane_group" | "gateway_service" | "route" | "time" | "application" | "consumer" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model")[] | undefined;
+            filters?: {
+                type: "in" | "not_in" | "selector";
+                values: (string | number | null)[];
+                dimension: "control_plane" | "control_plane_group" | "gateway_service" | "route" | "application" | "consumer" | "ai_provider" | "ai_response_model" | "ai_request_model" | "llm_cache_status" | "llm_embeddings_provider" | "llm_embeddings_model";
+            }[] | undefined;
+            granularity?: "secondly" | "minutely" | "hourly" | "daily" | "weekly" | "trend" | undefined;
+            limit?: number | undefined;
+            meta?: {
+                [x: string]: unknown;
+            } | undefined;
+            datasource: "ai";
+        };
+        chart: {
+            chartDatasetColors?: {
+                [x: string]: string;
+            } | string[] | undefined;
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            allowCsvExport?: boolean | undefined;
+            stacked?: boolean | undefined;
+            type: "horizontal_bar" | "vertical_bar";
+        } | {
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            metricDisplay?: import("@kong-ui-public/analytics-chart").ChartMetricDisplay | undefined;
+            reverseDataset?: boolean | undefined;
+            numerator?: number | undefined;
+            type: "gauge";
+        } | {
+            chartDatasetColors?: {
+                [x: string]: string;
+            } | string[] | undefined;
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            allowCsvExport?: boolean | undefined;
+            stacked?: boolean | undefined;
+            type: "timeseries_line";
+        } | {
+            description?: string | undefined;
+            chartTitle?: string | undefined;
+            longCardTitles?: boolean | undefined;
+            percentileLatency?: boolean | undefined;
+            type: "golden_signals";
+        } | {
+            description?: string | undefined;
+            syntheticsDataKey?: string | undefined;
+            chartTitle?: string | undefined;
+            entityLink?: string | undefined;
+            type: "top_n";
+        } | {
+            type: "slottable";
+            id: string;
+        };
+    }>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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":"AAwKA,OAAO,KAAK,EAAE,eAAe,EAAE,wBAAwB,EAA0E,MAAM,UAAU,CAAA;AA8HjJ,iBAAS,cAAc;6CAqE+D,GAAG;;WAU3E,OAAO,IAA6B;EAEjD;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA/MV,wBAAwB;YACzB,eAAe;;aADd,wBAAwB;YACzB,eAAe;iGAoNvB,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":"AAsLA,OAAO,KAAK,EAAE,eAAe,EAAE,wBAAwB,EAAE,QAAQ,EAAgE,MAAM,UAAU,CAAA;AA8IjJ,iBAAS,cAAc;6CA6F+D,GAAG;;WAU3E,OAAO,IAA6B;EAEjD;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA3PV,wBAAwB;YACzB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aADd,wBAAwB;YACzB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAmQvB,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"}