@kong-ui-public/dashboard-renderer 0.24.27 → 0.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/dashboard-renderer.es.js +5 -5
  2. package/dist/dashboard-renderer.umd.js +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +7 -7
package/dist/dashboard-renderer.es.js CHANGED
@@ -721,7 +721,7 @@ const ae = {
721
721
  }, 16)
722
722
  ]));
723
723
  }
724
- }), Et = /* @__PURE__ */ R(At, [["__scopeId", "data-v-7d1a3f03"]]), ne = "20px", Dt = /* @__PURE__ */ _({
724
+ }), Et = /* @__PURE__ */ R(At, [["__scopeId", "data-v-1fadf6cf"]]), ne = "20px", Dt = /* @__PURE__ */ _({
725
725
  __name: "TopNTableRenderer",
726
726
  props: {
727
727
  query: {},
@@ -838,8 +838,8 @@ const ae = {
838
838
  },
839
839
  setup(t) {
840
840
  x((s) => ({
841
- cfb759a4: t.gridSize.cols,
842
- "208951e1": i.value
841
+ "3bc5e939": t.gridSize.cols,
842
+ "77aa3028": i.value
843
843
  }));
844
844
  const r = t, o = I(null), a = I(0), e = new ResizeObserver((s) => {
845
845
  window.requestAnimationFrame(() => {
@@ -883,7 +883,7 @@ const ae = {
883
883
  ], 6))), 128))
884
884
  ], 512));
885
885
  }
886
- }), wt = /* @__PURE__ */ R(kt, [["__scopeId", "data-v-056142a9"]]), Pt = { class: "kong-ui-public-dashboard-renderer" }, Lt = {
886
+ }), wt = /* @__PURE__ */ R(kt, [["__scopeId", "data-v-f43eb7b8"]]), Pt = { class: "kong-ui-public-dashboard-renderer" }, Lt = {
887
887
  key: 0,
888
888
  class: "tile-container"
889
889
  }, Nt = /* @__PURE__ */ _({
@@ -963,7 +963,7 @@ const ae = {
963
963
  ]);
964
964
  };
965
965
  }
966
- }), Mt = /* @__PURE__ */ R(Nt, [["__scopeId", "data-v-2dd03268"]]);
966
+ }), Mt = /* @__PURE__ */ R(Nt, [["__scopeId", "data-v-4575a026"]]);
967
967
  export {
968
968
  Ue as CP_ID_TOKEN,
969
969
  y as ChartTypes,
package/dist/dashboard-renderer.umd.js CHANGED
@@ -1 +1 @@
1
- (function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong-ui-public/analytics-chart"),require("@kong-ui-public/analytics-utilities"),require("swrv"),require("axios"),require("@kong-ui-public/i18n"),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","@kong-ui-public/analytics-utilities","swrv","axios","@kong-ui-public/i18n","@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["kong-ui-public-analytics-utilities"],s.swrv,s.axios,s["kong-ui-public-i18n"],s["kong-ui-public-analytics-metric-provider"],s["kong-ui-public-entities-shared"],s["kong-ui-public-analytics-config-store"]))})(this,function(s,e,g,d,ae,Be,P,V,se,ce){"use strict";const w="analytics-query-provider",L="{entity-id}",F="{cp-id}",z="{timeframe}";var u=(r=>(r.HorizontalBar="horizontal_bar",r.VerticalBar="vertical_bar",r.Gauge="gauge",r.TimeseriesLine="timeseries_line",r.GoldenSignals="golden_signals",r.TopN="top_n",r.Slottable="slottable",r))(u||{});const I={type:"string"},k={type:"string"},H={type:"boolean"},j={type:["object","array"],items:{type:"string"},additionalProperties:{type:"string"}},G={type:"object",properties:{type:{type:"string",enum:["slottable"]},id:{type:"string"}},required:["type","id"],additionalProperties:!1},$={type:"object",properties:{type:{type:"string",enum:["horizontal_bar","vertical_bar"]},stacked:{type:"boolean"},chartDatasetColors:j,syntheticsDataKey:I,chartTitle:k,allowCsvExport:H},required:["type"],additionalProperties:!1},K={type:"object",properties:{type:{type:"string",enum:["timeseries_line"]},stacked:{type:"boolean"},chartDatasetColors:j,syntheticsDataKey:I,chartTitle:k,allowCsvExport:H},required:["type"],additionalProperties:!1},v={type:"object",properties:{type:{type:"string",enum:["gauge"]},metricDisplay:{type:"string",enum:Object.values(g.ChartMetricDisplay)},reverseDataset:{type:"boolean"},numerator:{type:"number"},syntheticsDataKey:I,chartTitle:k},required:["type"],additionalProperties:!1},M={type:"object",properties:{chartTitle:k,syntheticsDataKey:I,type:{type:"string",enum:["top_n"]},description:{type:"string"},entityLink:{type:"string"}},required:["type"],additionalProperties:!1},Q={type:"object",properties:{chartTitle:k,type:{type:"string",enum:["golden_signals"]},longCardTitles:{type:"boolean"},description:{type:"string"},percentileLatency:{type:"boolean"}},required:["type"],additionalProperties:!1},le={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},pe={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},O={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:[le,pe],default:{type:"relative",time_range:"1h"}},limit:{type:"number"},meta:{type:"object"}},N=r=>({type:"array",description:"List of aggregated metrics to collect across the requested time span.",items:{type:"string",enum:r}}),x=r=>({type:"array",description:"List of attributes or entity types to group by.",minItems:0,maxItems:2,items:{type:"string",enum:r}}),B=r=>({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:r},type:{type:"string",enum:d.exploreFilterTypesV2},values:{type:"array",items:{type:["string","number","null"]}}},required:["dimension","type","values"],additionalProperties:!1}}),U={type:"object",description:"A query to launch at the advanced explore API",properties:{datasource:{type:"string",enum:["advanced"]},metrics:N(d.exploreAggregations),dimensions:x(d.queryableExploreDimensions),filters:B(d.filterableExploreDimensions),...O},required:["datasource"],additionalProperties:!1},Y={type:"object",description:"A query to launch at the basic explore API",properties:{datasource:{type:"string",enum:["basic"]},metrics:N(d.basicExploreAggregations),dimensions:x(d.queryableBasicExploreDimensions),filters:B(d.filterableBasicExploreDimensions),...O},required:["datasource"],additionalProperties:!1},J={type:"object",description:"A query to launch at the AI explore API",properties:{datasource:{type:"string",enum:["ai"]},metrics:N(d.aiExploreAggregations),dimensions:x(d.queryableAiExploreDimensions),filters:B(d.filterableAiExploreDimensions),...O},required:["datasource"],additionalProperties:!1},Z={anyOf:[U,Y,J]},W={type:"object",properties:{query:Z,chart:{anyOf:[$,v,K,Q,M,G]}},required:["query","chart"],additionalProperties:!1},X={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},ee={type:"object",properties:{definition:W,layout:X},required:["definition","layout"],additionalProperties:!1},de={type:"object",properties:{tiles:{type:"array",items:ee},tileHeight:{type:"number",description:"Height of each tile in pixels. Default: 170"},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};var te=(r=>(r.VALIDATING="VALIDATING",r.VALIDATING_HAS_DATA="VALIDATING_HAS_DATA",r.PENDING="PENDING",r.SUCCESS="SUCCESS",r.SUCCESS_HAS_DATA="SUCCESS_HAS_DATA",r.ERROR="ERROR",r.STALE_IF_ERROR="STALE_IF_ERROR",r))(te||{});const ue=r=>{var o,n,a,t,i;return r?!!((o=Object.keys(r))!=null&&o.length||(n=r.data)!=null&&n.length||(t=(a=r.data)==null?void 0:a.data)!=null&&t.length||!((i=r.data)!=null&&i.data)&&typeof r.data=="object"&&Object.keys(r==null?void 0:r.data).length):!1};function ye(r=e.ref({}),o,n,a=ue){const t=e.ref("PENDING");return e.watchEffect(()=>{const i=a(r.value);if(r.value&&i&&n.value){t.value="VALIDATING_HAS_DATA";return}if(r.value&&n.value){t.value="VALIDATING";return}if(r.value&&o.value){t.value="STALE_IF_ERROR";return}if(r.value===void 0&&!o.value){t.value="PENDING";return}if(r.value&&!o.value&&i){t.value="SUCCESS_HAS_DATA";return}if(r.value&&!o.value){t.value="SUCCESS";return}r.value===void 0&&o&&(t.value="ERROR")}),{state:t,swrvState:te}}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"}},queryDataProvider:{timeRangeExceeded:"The time range for this report is outside of your organization's data retention period"}};function he(){const r=P.createI18n("en-us",me);return{i18n:r,i18nT:P.i18nTComponent(r)}}const re={useI18n:he},R=e.defineComponent({__name:"QueryDataProvider",props:{context:{},query:{},queryReady:{type:Boolean}},emits:["queryComplete"],setup(r,{emit:o}){const n=r,a=o,{i18n:t}=re.useI18n(),i=e.inject(w),c=()=>n.queryReady&&i?JSON.stringify([n.query,n.context]):null,l=new AbortController;e.onUnmounted(()=>{l.abort()});const m=(T,S,q)=>{const b=[];return S&&b.push(...S),b.push(...d.stripUnknownFilters(T,q)),b},{data:p,error:_,isValidating:h}=ae(c,async()=>{var T,S,q,b;try{let{datasource:y,...Oe}=n.query;y||(y="basic");const Ne=m(y,n.query.filters,n.context.filters),xe={datasource:y,query:{...Oe,time_range:{...n.context.timeSpec,tz:n.context.tz},filters:Ne}};return i==null?void 0:i.queryFn(xe,l)}catch(y){D.value=((S=(T=y==null?void 0:y.response)==null?void 0:T.data)==null?void 0:S.message)==="Range not allowed for this tier"?t.t("queryDataProvider.timeRangeExceeded"):((b=(q=y==null?void 0:y.response)==null?void 0:q.data)==null?void 0:b.message)||(y==null?void 0:y.message)}finally{a("queryComplete")}},{refreshInterval:n.context.refreshInterval,revalidateOnFocus:!1}),{state:f,swrvState:A}=ye(p,_,h),D=e.ref(null),C=e.computed(()=>f.value===A.ERROR||!!D.value),Le=e.computed(()=>!n.queryReady||f.value===A.PENDING);return(T,S)=>{const q=e.resolveComponent("KSkeleton"),b=e.resolveComponent("KEmptyState");return Le.value||!e.unref(p)&&!C.value?(e.openBlock(),e.createBlock(q,{key:0,class:"chart-skeleton",type:"table"})):C.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(D.value),1)]),_:1})):e.unref(p)?e.renderSlot(T.$slots,"default",{key:2,data:e.unref(p)}):e.createCommentVNode("",!0)}}}),fe={class:"analytics-chart"},ge=e.defineComponent({__name:"SimpleChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){e.useCssVars(t=>({"8c62ff26":`${t.height}px`}));const o=r,n={[u.Gauge]:g.ChartTypesSimple.GAUGE},a=e.computed(()=>({...o.chartOptions,type:n[o.chartOptions.type]}));return(t,i)=>(e.openBlock(),e.createBlock(R,{context:t.context,query:t.query,"query-ready":t.queryReady},{default:e.withCtx(({data:c})=>[e.createElementVNode("div",fe,[e.createVNode(e.unref(g.SimpleChart),{"chart-data":c,"chart-options":a.value,"synthetics-data-key":t.chartOptions.syntheticsDataKey},null,8,["chart-data","chart-options","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"]))}}),E=(r,o)=>{const n=r.__vccOpts||r;for(const[a,t]of o)n[a]=t;return n},_e=E(ge,[["__scopeId","data-v-f0f6ed41"]]),be={class:"analytics-chart"},oe=E(e.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){e.useCssVars(t=>({"1eed717c":`${t.height}px`}));const o=r,n={[u.HorizontalBar]:g.ChartTypes.HORIZONTAL_BAR,[u.VerticalBar]:g.ChartTypes.VERTICAL_BAR},a=e.computed(()=>({type:n[o.chartOptions.type],stacked:o.chartOptions.stacked,chartDatasetColors:o.chartOptions.chartDatasetColors}));return(t,i)=>(e.openBlock(),e.createBlock(R,{context:t.context,query:t.query,"query-ready":t.queryReady},{default:e.withCtx(({data:c})=>[e.createElementVNode("div",be,[e.createVNode(e.unref(g.AnalyticsChart),{"allow-csv-export":t.chartOptions.allowCsvExport,"chart-data":c,"chart-options":a.value,"chart-title":t.chartOptions.chartTitle,"legend-position":"bottom","show-annotations":!1,"synthetics-data-key":t.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-36598a1b"]]),Ee={class:"analytics-chart"},Te=E(e.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){e.useCssVars(t=>({"4efa9c90":`${t.height}px`}));const o=r,n={[u.TimeseriesLine]:g.ChartTypes.TIMESERIES_LINE},a=e.computed(()=>{const t=o.chartOptions.stacked??!1;return{type:n[o.chartOptions.type],stacked:t,chartDatasetColors:o.chartOptions.chartDatasetColors}});return(t,i)=>(e.openBlock(),e.createBlock(R,{context:t.context,query:t.query,"query-ready":t.queryReady},{default:e.withCtx(({data:c})=>[e.createElementVNode("div",Ee,[e.createVNode(e.unref(g.AnalyticsChart),{"allow-csv-export":t.chartOptions.allowCsvExport,"chart-data":c,"chart-options":a.value,"chart-title":t.chartOptions.chartTitle,"legend-position":"bottom","synthetics-data-key":t.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-ceb07ca8"]]),Se={class:"metric-card-tile-wrapper"},qe=E(e.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){const o=r,n=e.computed(()=>{const t=o.context.timeSpec;if(t.type==="absolute")return new d.Timeframe({key:"custom",timeframeText:"custom",display:"custom",startCustom:t.start,endCustom:t.end,timeframeLength:()=>t.end.getTime()-t.start.getTime(),defaultResponseGranularity:"daily",dataGranularity:"daily",isRelative:!1,allowedTiers:["free","plus","enterprise"]});const i=d.TimePeriods.get(t.time_range);if(!i)throw new Error("Unknown time range");return i}),a=e.computed(()=>{var t;return{datasource:(t=o.query)==null?void 0:t.datasource,overrideTimeframe:n.value,tz:o.context.tz,additionalFilter:o.context.filters,longCardTitles:o.chartOptions.longCardTitles,containerTitle:o.chartOptions.chartTitle,description:o.chartOptions.description,percentileLatency:o.chartOptions.percentileLatency,refreshInterval:o.context.refreshInterval,queryReady:o.queryReady}});return(t,i)=>(e.openBlock(),e.createElementBlock("div",Se,[e.createVNode(e.unref(V.MetricsProvider),e.normalizeProps(e.guardReactiveProps(a.value)),{default:e.withCtx(()=>[e.createVNode(e.unref(V.MetricsConsumer))]),_:1},16)]))}}),[["__scopeId","data-v-7d1a3f03"]]),ne="20px",ke=e.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){const o=r,n=a=>{var t;if((t=o.chartOptions)!=null&&t.entityLink)if(a.id.includes(":")){const[i,c]=a.id.split(":");return o.chartOptions.entityLink.replace(F,i).replace(L,c)}else return o.chartOptions.entityLink.replace(L,a.id);return""};return(a,t)=>(e.openBlock(),e.createBlock(R,{context:a.context,query:a.query,"query-ready":a.queryReady},{default:e.withCtx(({data:i})=>[e.createVNode(e.unref(g.TopNTable),{data:i,description:a.chartOptions.description,"synthetics-data-key":a.chartOptions.syntheticsDataKey,title:a.chartOptions.chartTitle||""},e.createSlots({_:2},[o.chartOptions.entityLink?{name:"name",fn:e.withCtx(({record:c})=>[e.createVNode(e.unref(se.EntityLink),{"entity-link-data":{id:c.id,label:c.name,deleted:c.deleted},"external-link":n(c)},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"},Ie=E(e.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:170},queryReady:{type:Boolean}},setup(r){e.useCssVars(i=>({58871060:`${i.height}px`}));const o=parseInt(ne,10),n=r,a={[u.TimeseriesLine]:Te,[u.HorizontalBar]:oe,[u.VerticalBar]:oe,[u.Gauge]:_e,[u.GoldenSignals]:qe,[u.TopN]:ke,[u.Slottable]:void 0},t=e.computed(()=>{const i=a[n.definition.chart.type];return i&&{component:i,rendererProps:{query:n.definition.query,context:n.context,queryReady:n.queryReady,chartOptions:n.definition.chart,height:n.height-o*2}}});return(i,c)=>(e.openBlock(),e.createElementBlock("div",Ce,[t.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.value.component),e.normalizeProps(e.mergeProps({key:0},t.value.rendererProps)),null,16)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-69b5e552"]]),Re=(r,o,n)=>{const a=new Map;n.forEach(i=>{const c=i.layout.position.row,l=a.get(c),m=i.layout.size.rows===1&&!!i.layout.size.fitToContent;l===void 0?a.set(c,m):a.set(c,l&&m)});const t=[];for(let i=0;i<r;i++)a.get(i)?t.push("auto"):t.push(`${o}px`);return t},ie=E(e.defineComponent({__name:"GridLayout",props:{gridSize:{type:Object,required:!0},tileHeight:{type:Number,required:!1,default:()=>170},tiles:{type:Array,required:!0}},setup(r){e.useCssVars(l=>({cfb759a4:r.gridSize.cols,"208951e1":i.value}));const o=r,n=e.ref(null),a=e.ref(0),t=new ResizeObserver(l=>{window.requestAnimationFrame(()=>{!Array.isArray(l)||!l.length||(a.value=l[0].contentRect.width)})});e.onMounted(()=>{n.value&&t.observe(n.value)}),e.onUnmounted(()=>{n.value&&t.unobserve(n.value)});const i=e.computed(()=>{var m;return Re((m=o.gridSize)==null?void 0:m.rows,o.tileHeight,o.tiles).join(" ")}),c=e.computed(()=>o.tiles.map((l,m)=>({key:`tile-${m}`,tile:l,style:{"grid-column-start":l.layout.position.col+1,"grid-column-end":l.layout.position.col+1+l.layout.size.cols,"grid-row-start":l.layout.position.row+1,"grid-row-end":l.layout.position.row+1+l.layout.size.rows}})));return(l,m)=>(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(c.value,p=>(e.openBlock(),e.createElementBlock("div",{key:p.key,class:e.normalizeClass(["grid-cell",{"empty-cell":!p.tile}]),style:e.normalizeStyle(p.style)},[e.renderSlot(l.$slots,"tile",{style:e.normalizeStyle(p.style),tile:p.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-056142a9"]]),Ae={class:"kong-ui-public-dashboard-renderer"},De={key:0,class:"tile-container"},we=E(e.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},setup(r){const o=r,{i18n:n}=re.useI18n(),a=e.inject(w);a||(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 t=ce.useAnalyticsConfigStore(),i=e.computed(()=>o.context.timeSpec?o.context.timeSpec:{type:"relative",time_range:t.defaultQueryTimeForOrg}),c=e.computed(()=>!!o.context.timeSpec||!t.loading),l=e.computed(()=>o.config.tiles.map((p,_)=>{var f;let h=p.definition;if("description"in h.chart){const A=(f=h.chart.description)==null?void 0:f.replace(z,()=>{const C=`renderer.trendRange.${i.value.type==="absolute"?"custom":i.value.time_range}`;return n.te(C)?n.t(C):""});h={...h,chart:{...h.chart,description:A}}}return{layout:p.layout,meta:h,id:_}})),m=e.computed(()=>{let{tz:p,refreshInterval:_}=o.context;return p||(p=new Intl.DateTimeFormat().resolvedOptions().timeZone),_===void 0&&(_=3e4),{...o.context,tz:p,timeSpec:i.value,refreshInterval:_}});return(p,_)=>{const h=e.resolveComponent("KAlert");return e.openBlock(),e.createElementBlock("div",Ae,[e.unref(a)?(e.openBlock(),e.createBlock(ie,{key:1,"grid-size":p.config.gridSize,"tile-height":p.config.tileHeight,tiles:l.value},{tile:e.withCtx(({tile:f})=>[f.meta.chart.type===e.unref(u).Slottable?(e.openBlock(),e.createElementBlock("div",De,[e.renderSlot(p.$slots,f.meta.chart.id,{},void 0,!0)])):(e.openBlock(),e.createBlock(Ie,{key:1,class:"tile-container",context:m.value,definition:f.meta,height:f.layout.size.rows*(p.config.tileHeight||e.unref(170))+parseInt(e.unref(ne),10),"query-ready":c.value},null,8,["context","definition","height","query-ready"]))]),_:3},8,["grid-size","tile-height","tiles"])):(e.openBlock(),e.createBlock(h,{key:0,appearance:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-2dd03268"]]);s.CP_ID_TOKEN=F,s.ChartTypes=u,s.DEFAULT_TILE_HEIGHT=170,s.DEFAULT_TILE_REFRESH_INTERVAL_MS=3e4,s.DashboardRenderer=we,s.ENTITY_ID_TOKEN=L,s.GridLayout=ie,s.INJECT_QUERY_PROVIDER=w,s.TIMEFRAME_TOKEN=z,s.aiQuerySchema=J,s.barChartSchema=$,s.basicQuerySchema=Y,s.dashboardConfigSchema=de,s.exploreV4QuerySchema=U,s.gaugeChartSchema=v,s.metricCardSchema=Q,s.slottableSchema=G,s.tileConfigSchema=ee,s.tileDefinitionSchema=W,s.tileLayoutSchema=X,s.timeseriesChartSchema=K,s.topNTableSchema=M,s.validDashboardQuery=Z,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
1
+ (function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong-ui-public/analytics-chart"),require("@kong-ui-public/analytics-utilities"),require("swrv"),require("axios"),require("@kong-ui-public/i18n"),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","@kong-ui-public/analytics-utilities","swrv","axios","@kong-ui-public/i18n","@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["kong-ui-public-analytics-utilities"],s.swrv,s.axios,s["kong-ui-public-i18n"],s["kong-ui-public-analytics-metric-provider"],s["kong-ui-public-entities-shared"],s["kong-ui-public-analytics-config-store"]))})(this,function(s,e,g,d,ae,Be,P,V,se,ce){"use strict";const w="analytics-query-provider",L="{entity-id}",F="{cp-id}",z="{timeframe}";var u=(r=>(r.HorizontalBar="horizontal_bar",r.VerticalBar="vertical_bar",r.Gauge="gauge",r.TimeseriesLine="timeseries_line",r.GoldenSignals="golden_signals",r.TopN="top_n",r.Slottable="slottable",r))(u||{});const I={type:"string"},k={type:"string"},H={type:"boolean"},j={type:["object","array"],items:{type:"string"},additionalProperties:{type:"string"}},G={type:"object",properties:{type:{type:"string",enum:["slottable"]},id:{type:"string"}},required:["type","id"],additionalProperties:!1},$={type:"object",properties:{type:{type:"string",enum:["horizontal_bar","vertical_bar"]},stacked:{type:"boolean"},chartDatasetColors:j,syntheticsDataKey:I,chartTitle:k,allowCsvExport:H},required:["type"],additionalProperties:!1},K={type:"object",properties:{type:{type:"string",enum:["timeseries_line"]},stacked:{type:"boolean"},chartDatasetColors:j,syntheticsDataKey:I,chartTitle:k,allowCsvExport:H},required:["type"],additionalProperties:!1},v={type:"object",properties:{type:{type:"string",enum:["gauge"]},metricDisplay:{type:"string",enum:Object.values(g.ChartMetricDisplay)},reverseDataset:{type:"boolean"},numerator:{type:"number"},syntheticsDataKey:I,chartTitle:k},required:["type"],additionalProperties:!1},M={type:"object",properties:{chartTitle:k,syntheticsDataKey:I,type:{type:"string",enum:["top_n"]},description:{type:"string"},entityLink:{type:"string"}},required:["type"],additionalProperties:!1},Q={type:"object",properties:{chartTitle:k,type:{type:"string",enum:["golden_signals"]},longCardTitles:{type:"boolean"},description:{type:"string"},percentileLatency:{type:"boolean"}},required:["type"],additionalProperties:!1},le={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},pe={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},O={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:[le,pe],default:{type:"relative",time_range:"1h"}},limit:{type:"number"},meta:{type:"object"}},N=r=>({type:"array",description:"List of aggregated metrics to collect across the requested time span.",items:{type:"string",enum:r}}),x=r=>({type:"array",description:"List of attributes or entity types to group by.",minItems:0,maxItems:2,items:{type:"string",enum:r}}),B=r=>({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:r},type:{type:"string",enum:d.exploreFilterTypesV2},values:{type:"array",items:{type:["string","number","null"]}}},required:["dimension","type","values"],additionalProperties:!1}}),U={type:"object",description:"A query to launch at the advanced explore API",properties:{datasource:{type:"string",enum:["advanced"]},metrics:N(d.exploreAggregations),dimensions:x(d.queryableExploreDimensions),filters:B(d.filterableExploreDimensions),...O},required:["datasource"],additionalProperties:!1},Y={type:"object",description:"A query to launch at the basic explore API",properties:{datasource:{type:"string",enum:["basic"]},metrics:N(d.basicExploreAggregations),dimensions:x(d.queryableBasicExploreDimensions),filters:B(d.filterableBasicExploreDimensions),...O},required:["datasource"],additionalProperties:!1},J={type:"object",description:"A query to launch at the AI explore API",properties:{datasource:{type:"string",enum:["ai"]},metrics:N(d.aiExploreAggregations),dimensions:x(d.queryableAiExploreDimensions),filters:B(d.filterableAiExploreDimensions),...O},required:["datasource"],additionalProperties:!1},Z={anyOf:[U,Y,J]},W={type:"object",properties:{query:Z,chart:{anyOf:[$,v,K,Q,M,G]}},required:["query","chart"],additionalProperties:!1},X={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},ee={type:"object",properties:{definition:W,layout:X},required:["definition","layout"],additionalProperties:!1},de={type:"object",properties:{tiles:{type:"array",items:ee},tileHeight:{type:"number",description:"Height of each tile in pixels. Default: 170"},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};var te=(r=>(r.VALIDATING="VALIDATING",r.VALIDATING_HAS_DATA="VALIDATING_HAS_DATA",r.PENDING="PENDING",r.SUCCESS="SUCCESS",r.SUCCESS_HAS_DATA="SUCCESS_HAS_DATA",r.ERROR="ERROR",r.STALE_IF_ERROR="STALE_IF_ERROR",r))(te||{});const ue=r=>{var o,n,a,t,i;return r?!!((o=Object.keys(r))!=null&&o.length||(n=r.data)!=null&&n.length||(t=(a=r.data)==null?void 0:a.data)!=null&&t.length||!((i=r.data)!=null&&i.data)&&typeof r.data=="object"&&Object.keys(r==null?void 0:r.data).length):!1};function ye(r=e.ref({}),o,n,a=ue){const t=e.ref("PENDING");return e.watchEffect(()=>{const i=a(r.value);if(r.value&&i&&n.value){t.value="VALIDATING_HAS_DATA";return}if(r.value&&n.value){t.value="VALIDATING";return}if(r.value&&o.value){t.value="STALE_IF_ERROR";return}if(r.value===void 0&&!o.value){t.value="PENDING";return}if(r.value&&!o.value&&i){t.value="SUCCESS_HAS_DATA";return}if(r.value&&!o.value){t.value="SUCCESS";return}r.value===void 0&&o&&(t.value="ERROR")}),{state:t,swrvState:te}}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"}},queryDataProvider:{timeRangeExceeded:"The time range for this report is outside of your organization's data retention period"}};function he(){const r=P.createI18n("en-us",me);return{i18n:r,i18nT:P.i18nTComponent(r)}}const re={useI18n:he},R=e.defineComponent({__name:"QueryDataProvider",props:{context:{},query:{},queryReady:{type:Boolean}},emits:["queryComplete"],setup(r,{emit:o}){const n=r,a=o,{i18n:t}=re.useI18n(),i=e.inject(w),c=()=>n.queryReady&&i?JSON.stringify([n.query,n.context]):null,l=new AbortController;e.onUnmounted(()=>{l.abort()});const m=(T,S,q)=>{const b=[];return S&&b.push(...S),b.push(...d.stripUnknownFilters(T,q)),b},{data:p,error:_,isValidating:h}=ae(c,async()=>{var T,S,q,b;try{let{datasource:y,...Oe}=n.query;y||(y="basic");const Ne=m(y,n.query.filters,n.context.filters),xe={datasource:y,query:{...Oe,time_range:{...n.context.timeSpec,tz:n.context.tz},filters:Ne}};return i==null?void 0:i.queryFn(xe,l)}catch(y){D.value=((S=(T=y==null?void 0:y.response)==null?void 0:T.data)==null?void 0:S.message)==="Range not allowed for this tier"?t.t("queryDataProvider.timeRangeExceeded"):((b=(q=y==null?void 0:y.response)==null?void 0:q.data)==null?void 0:b.message)||(y==null?void 0:y.message)}finally{a("queryComplete")}},{refreshInterval:n.context.refreshInterval,revalidateOnFocus:!1}),{state:f,swrvState:A}=ye(p,_,h),D=e.ref(null),C=e.computed(()=>f.value===A.ERROR||!!D.value),Le=e.computed(()=>!n.queryReady||f.value===A.PENDING);return(T,S)=>{const q=e.resolveComponent("KSkeleton"),b=e.resolveComponent("KEmptyState");return Le.value||!e.unref(p)&&!C.value?(e.openBlock(),e.createBlock(q,{key:0,class:"chart-skeleton",type:"table"})):C.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(D.value),1)]),_:1})):e.unref(p)?e.renderSlot(T.$slots,"default",{key:2,data:e.unref(p)}):e.createCommentVNode("",!0)}}}),fe={class:"analytics-chart"},ge=e.defineComponent({__name:"SimpleChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){e.useCssVars(t=>({"8c62ff26":`${t.height}px`}));const o=r,n={[u.Gauge]:g.ChartTypesSimple.GAUGE},a=e.computed(()=>({...o.chartOptions,type:n[o.chartOptions.type]}));return(t,i)=>(e.openBlock(),e.createBlock(R,{context:t.context,query:t.query,"query-ready":t.queryReady},{default:e.withCtx(({data:c})=>[e.createElementVNode("div",fe,[e.createVNode(e.unref(g.SimpleChart),{"chart-data":c,"chart-options":a.value,"synthetics-data-key":t.chartOptions.syntheticsDataKey},null,8,["chart-data","chart-options","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"]))}}),E=(r,o)=>{const n=r.__vccOpts||r;for(const[a,t]of o)n[a]=t;return n},_e=E(ge,[["__scopeId","data-v-f0f6ed41"]]),be={class:"analytics-chart"},oe=E(e.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){e.useCssVars(t=>({"1eed717c":`${t.height}px`}));const o=r,n={[u.HorizontalBar]:g.ChartTypes.HORIZONTAL_BAR,[u.VerticalBar]:g.ChartTypes.VERTICAL_BAR},a=e.computed(()=>({type:n[o.chartOptions.type],stacked:o.chartOptions.stacked,chartDatasetColors:o.chartOptions.chartDatasetColors}));return(t,i)=>(e.openBlock(),e.createBlock(R,{context:t.context,query:t.query,"query-ready":t.queryReady},{default:e.withCtx(({data:c})=>[e.createElementVNode("div",be,[e.createVNode(e.unref(g.AnalyticsChart),{"allow-csv-export":t.chartOptions.allowCsvExport,"chart-data":c,"chart-options":a.value,"chart-title":t.chartOptions.chartTitle,"legend-position":"bottom","show-annotations":!1,"synthetics-data-key":t.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-36598a1b"]]),Ee={class:"analytics-chart"},Te=E(e.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){e.useCssVars(t=>({"4efa9c90":`${t.height}px`}));const o=r,n={[u.TimeseriesLine]:g.ChartTypes.TIMESERIES_LINE},a=e.computed(()=>{const t=o.chartOptions.stacked??!1;return{type:n[o.chartOptions.type],stacked:t,chartDatasetColors:o.chartOptions.chartDatasetColors}});return(t,i)=>(e.openBlock(),e.createBlock(R,{context:t.context,query:t.query,"query-ready":t.queryReady},{default:e.withCtx(({data:c})=>[e.createElementVNode("div",Ee,[e.createVNode(e.unref(g.AnalyticsChart),{"allow-csv-export":t.chartOptions.allowCsvExport,"chart-data":c,"chart-options":a.value,"chart-title":t.chartOptions.chartTitle,"legend-position":"bottom","synthetics-data-key":t.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-ceb07ca8"]]),Se={class:"metric-card-tile-wrapper"},qe=E(e.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){const o=r,n=e.computed(()=>{const t=o.context.timeSpec;if(t.type==="absolute")return new d.Timeframe({key:"custom",timeframeText:"custom",display:"custom",startCustom:t.start,endCustom:t.end,timeframeLength:()=>t.end.getTime()-t.start.getTime(),defaultResponseGranularity:"daily",dataGranularity:"daily",isRelative:!1,allowedTiers:["free","plus","enterprise"]});const i=d.TimePeriods.get(t.time_range);if(!i)throw new Error("Unknown time range");return i}),a=e.computed(()=>{var t;return{datasource:(t=o.query)==null?void 0:t.datasource,overrideTimeframe:n.value,tz:o.context.tz,additionalFilter:o.context.filters,longCardTitles:o.chartOptions.longCardTitles,containerTitle:o.chartOptions.chartTitle,description:o.chartOptions.description,percentileLatency:o.chartOptions.percentileLatency,refreshInterval:o.context.refreshInterval,queryReady:o.queryReady}});return(t,i)=>(e.openBlock(),e.createElementBlock("div",Se,[e.createVNode(e.unref(V.MetricsProvider),e.normalizeProps(e.guardReactiveProps(a.value)),{default:e.withCtx(()=>[e.createVNode(e.unref(V.MetricsConsumer))]),_:1},16)]))}}),[["__scopeId","data-v-1fadf6cf"]]),ne="20px",ke=e.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){const o=r,n=a=>{var t;if((t=o.chartOptions)!=null&&t.entityLink)if(a.id.includes(":")){const[i,c]=a.id.split(":");return o.chartOptions.entityLink.replace(F,i).replace(L,c)}else return o.chartOptions.entityLink.replace(L,a.id);return""};return(a,t)=>(e.openBlock(),e.createBlock(R,{context:a.context,query:a.query,"query-ready":a.queryReady},{default:e.withCtx(({data:i})=>[e.createVNode(e.unref(g.TopNTable),{data:i,description:a.chartOptions.description,"synthetics-data-key":a.chartOptions.syntheticsDataKey,title:a.chartOptions.chartTitle||""},e.createSlots({_:2},[o.chartOptions.entityLink?{name:"name",fn:e.withCtx(({record:c})=>[e.createVNode(e.unref(se.EntityLink),{"entity-link-data":{id:c.id,label:c.name,deleted:c.deleted},"external-link":n(c)},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"},Ie=E(e.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:170},queryReady:{type:Boolean}},setup(r){e.useCssVars(i=>({58871060:`${i.height}px`}));const o=parseInt(ne,10),n=r,a={[u.TimeseriesLine]:Te,[u.HorizontalBar]:oe,[u.VerticalBar]:oe,[u.Gauge]:_e,[u.GoldenSignals]:qe,[u.TopN]:ke,[u.Slottable]:void 0},t=e.computed(()=>{const i=a[n.definition.chart.type];return i&&{component:i,rendererProps:{query:n.definition.query,context:n.context,queryReady:n.queryReady,chartOptions:n.definition.chart,height:n.height-o*2}}});return(i,c)=>(e.openBlock(),e.createElementBlock("div",Ce,[t.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.value.component),e.normalizeProps(e.mergeProps({key:0},t.value.rendererProps)),null,16)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-69b5e552"]]),Re=(r,o,n)=>{const a=new Map;n.forEach(i=>{const c=i.layout.position.row,l=a.get(c),m=i.layout.size.rows===1&&!!i.layout.size.fitToContent;l===void 0?a.set(c,m):a.set(c,l&&m)});const t=[];for(let i=0;i<r;i++)a.get(i)?t.push("auto"):t.push(`${o}px`);return t},ie=E(e.defineComponent({__name:"GridLayout",props:{gridSize:{type:Object,required:!0},tileHeight:{type:Number,required:!1,default:()=>170},tiles:{type:Array,required:!0}},setup(r){e.useCssVars(l=>({"3bc5e939":r.gridSize.cols,"77aa3028":i.value}));const o=r,n=e.ref(null),a=e.ref(0),t=new ResizeObserver(l=>{window.requestAnimationFrame(()=>{!Array.isArray(l)||!l.length||(a.value=l[0].contentRect.width)})});e.onMounted(()=>{n.value&&t.observe(n.value)}),e.onUnmounted(()=>{n.value&&t.unobserve(n.value)});const i=e.computed(()=>{var m;return Re((m=o.gridSize)==null?void 0:m.rows,o.tileHeight,o.tiles).join(" ")}),c=e.computed(()=>o.tiles.map((l,m)=>({key:`tile-${m}`,tile:l,style:{"grid-column-start":l.layout.position.col+1,"grid-column-end":l.layout.position.col+1+l.layout.size.cols,"grid-row-start":l.layout.position.row+1,"grid-row-end":l.layout.position.row+1+l.layout.size.rows}})));return(l,m)=>(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(c.value,p=>(e.openBlock(),e.createElementBlock("div",{key:p.key,class:e.normalizeClass(["grid-cell",{"empty-cell":!p.tile}]),style:e.normalizeStyle(p.style)},[e.renderSlot(l.$slots,"tile",{style:e.normalizeStyle(p.style),tile:p.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-f43eb7b8"]]),Ae={class:"kong-ui-public-dashboard-renderer"},De={key:0,class:"tile-container"},we=E(e.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},setup(r){const o=r,{i18n:n}=re.useI18n(),a=e.inject(w);a||(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 t=ce.useAnalyticsConfigStore(),i=e.computed(()=>o.context.timeSpec?o.context.timeSpec:{type:"relative",time_range:t.defaultQueryTimeForOrg}),c=e.computed(()=>!!o.context.timeSpec||!t.loading),l=e.computed(()=>o.config.tiles.map((p,_)=>{var f;let h=p.definition;if("description"in h.chart){const A=(f=h.chart.description)==null?void 0:f.replace(z,()=>{const C=`renderer.trendRange.${i.value.type==="absolute"?"custom":i.value.time_range}`;return n.te(C)?n.t(C):""});h={...h,chart:{...h.chart,description:A}}}return{layout:p.layout,meta:h,id:_}})),m=e.computed(()=>{let{tz:p,refreshInterval:_}=o.context;return p||(p=new Intl.DateTimeFormat().resolvedOptions().timeZone),_===void 0&&(_=3e4),{...o.context,tz:p,timeSpec:i.value,refreshInterval:_}});return(p,_)=>{const h=e.resolveComponent("KAlert");return e.openBlock(),e.createElementBlock("div",Ae,[e.unref(a)?(e.openBlock(),e.createBlock(ie,{key:1,"grid-size":p.config.gridSize,"tile-height":p.config.tileHeight,tiles:l.value},{tile:e.withCtx(({tile:f})=>[f.meta.chart.type===e.unref(u).Slottable?(e.openBlock(),e.createElementBlock("div",De,[e.renderSlot(p.$slots,f.meta.chart.id,{},void 0,!0)])):(e.openBlock(),e.createBlock(Ie,{key:1,class:"tile-container",context:m.value,definition:f.meta,height:f.layout.size.rows*(p.config.tileHeight||e.unref(170))+parseInt(e.unref(ne),10),"query-ready":c.value},null,8,["context","definition","height","query-ready"]))]),_:3},8,["grid-size","tile-height","tiles"])):(e.openBlock(),e.createBlock(h,{key:0,appearance:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-4575a026"]]);s.CP_ID_TOKEN=F,s.ChartTypes=u,s.DEFAULT_TILE_HEIGHT=170,s.DEFAULT_TILE_REFRESH_INTERVAL_MS=3e4,s.DashboardRenderer=we,s.ENTITY_ID_TOKEN=L,s.GridLayout=ie,s.INJECT_QUERY_PROVIDER=w,s.TIMEFRAME_TOKEN=z,s.aiQuerySchema=J,s.barChartSchema=$,s.basicQuerySchema=Y,s.dashboardConfigSchema=de,s.exploreV4QuerySchema=U,s.gaugeChartSchema=v,s.metricCardSchema=Q,s.slottableSchema=G,s.tileConfigSchema=ee,s.tileDefinitionSchema=W,s.tileLayoutSchema=X,s.timeseriesChartSchema=K,s.topNTableSchema=M,s.validDashboardQuery=Z,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .locked[data-v-cd0df662]{cursor:move}.tooltip-container[data-v-cd0df662]{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-cd0df662]{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-cd0df662]{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-cd0df662]{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-cd0df662]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}ul.tooltip[data-v-cd0df662]{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-cd0df662]{-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-cd0df662] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}ul.tooltip[data-v-cd0df662] ::-webkit-scrollbar-track{background:transparent}ul.tooltip[data-v-cd0df662] ::-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-cd0df662]{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-cd0df662]:last-child{padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}ul.tooltip .display-label[data-v-cd0df662]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-cd0df662]{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-cd0df662]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-bf35eae8]{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-bf35eae8]{-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-bf35eae8] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-bf35eae8] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-bf35eae8] ::-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-bf35eae8]{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-bf35eae8]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-bf35eae8]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-bf35eae8]{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-bf35eae8]{display:none}}.legend-container.horizontal[data-v-bf35eae8]{column-gap:12px;display:grid;height:var(--143d7c82);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-bf35eae8]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-bf35eae8]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-bf35eae8]{line-height:24px;white-space:nowrap}.legend-container li[data-v-bf35eae8]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-bf35eae8]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-bf35eae8]{font-size:12px}.legend-container li .sub-label[data-v-bf35eae8]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-bf35eae8]{text-decoration:line-through}.chart-parent[data-v-6420fe94]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-6420fe94]{flex-direction:column}.chart-parent.column .chart-container[data-v-6420fe94]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-6420fe94]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-6420fe94]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-6420fe94]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-6420fe94]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-6420fe94]{flex:1 1 auto;position:relative}.chart-container[data-v-6420fe94]{overflow:auto}.chart-container[data-v-6420fe94]{-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-6420fe94] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-6420fe94] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-6420fe94] ::-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-6420fe94]{height:100%}.chart-container[data-v-6420fe94]::-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-6420fe94]::-webkit-scrollbar{width:10px}.chart-container[data-v-6420fe94]::-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-6420fe94]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-6420fe94]{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-6420fe94]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-07ea8b82]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-07ea8b82]{flex-direction:column}.chart-parent.column .chart-container[data-v-07ea8b82]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-07ea8b82]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-07ea8b82]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-07ea8b82]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-07ea8b82]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-07ea8b82]{flex:1 1 auto;position:relative}.chart-parent[data-v-ee0f32c2]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-ee0f32c2]{flex-direction:column}.chart-parent.column .chart-container[data-v-ee0f32c2]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-ee0f32c2]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-ee0f32c2]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-ee0f32c2]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-ee0f32c2]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-ee0f32c2]{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-cb8778ab],.simple-chart-shell[data-v-cb8778ab]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-cb8778ab],.simple-chart-shell .chart-empty-state[data-v-cb8778ab]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-cb8778ab]{height:100%;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-cb8778ab]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-cb8778ab]{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-cb8778ab]{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-cb8778ab]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-cb8778ab]{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-cb8778ab]{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-cb8778ab]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.chart-parent[data-v-18bc031c]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-18bc031c]{flex-direction:column}.chart-parent.column .chart-container[data-v-18bc031c]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-18bc031c]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-18bc031c]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-18bc031c]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-18bc031c]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-18bc031c]{flex:1 1 auto;position:relative}.chart-parent[data-v-18bc031c]{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-18bc031c]{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-18bc031c]{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-18bc031c]{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-18bc031c]{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-a1582f51],.simple-chart-shell[data-v-a1582f51]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-a1582f51],.simple-chart-shell .chart-empty-state[data-v-a1582f51]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-a1582f51]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px)}.simple-chart-shell .chart-empty-state[data-v-a1582f51]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-a1582f51] .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-50809fdb]{border:none!important;height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-50809fdb]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-50809fdb] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-50809fdb] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-50809fdb] .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-50809fdb] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-50809fdb] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-50809fdb] .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-50809fdb]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-50809fdb]{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-50809fdb]{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-50809fdb]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-50809fdb]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-50809fdb]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-50809fdb]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-50809fdb]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-50809fdb],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-50809fdb]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-50809fdb]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-50809fdb] 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-43293fa2]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-43293fa2]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-43293fa2]{height:100%;justify-content:space-evenly}}.metricscard[data-v-43293fa2]:hover{border:none;text-decoration:none}.metricscard-title[data-v-43293fa2]{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-43293fa2]{font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-title.md[data-v-43293fa2]{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-43293fa2],.metricscard-title.xl[data-v-43293fa2]{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.metricscard-description[data-v-43293fa2]{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-43293fa2]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-value[data-v-43293fa2]{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-43293fa2]{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-43293fa2]{font-size:48px;font-size:var(--kui-font-size-100, 48px)}.metricscard-valuetrend[data-v-43293fa2]{display:flex;flex-direction:column;row-gap:12px;row-gap:var(--kui-space-50, 12px)}@media (max-width: 767px){.metricscard-valuetrend[data-v-43293fa2]{row-gap:6px;row-gap:var(--kui-space-30, 6px)}}.metricscard-valuetrend.is-compact[data-v-43293fa2]{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-43293fa2]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.metricscard-trend-change[data-v-43293fa2]{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-43293fa2]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-trend-change.positive[data-v-43293fa2]{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-43293fa2]{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-43293fa2]{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-43293fa2]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-tooltip[data-v-43293fa2]{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-43293fa2]{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-43293fa2]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.metricscard.active .metricscard-tooltip[data-v-43293fa2]{pointer-events:all}.loading-tabs[data-v-f7eb9c40]{display:flex;flex-direction:column}.loading-tabs-large[data-v-f7eb9c40]{padding:4px;row-gap:12px;width:240px}.loading-tabs-small[data-v-f7eb9c40]{padding:2px;row-gap:8px;width:120px}.loading-tabs-small .box[data-v-f7eb9c40]{height:12px}@media (max-width: 767px){.loading-tabs[data-v-f7eb9c40]{width:auto}}.kong-ui-public-metric-card-container[data-v-f8f8341b]{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-f8f8341b]{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-f8f8341b]{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-f8f8341b]{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-f8f8341b]{column-gap:16px;row-gap:16px;flex-direction:column}}.kong-ui-public-metric-card-container.sm[data-v-f8f8341b]{column-gap:0;row-gap:0}.kong-ui-public-metric-card-container .error-display[data-v-f8f8341b]{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-f8f8341b]{display:flex}.kong-ui-public-metric-card-container .error-display-message[data-v-f8f8341b]{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-f0f6ed41]{height:var(--8c62ff26)}.analytics-chart[data-v-36598a1b]{height:var(--1eed717c)}.analytics-chart[data-v-ceb07ca8]{height:var(--4efa9c90)}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-7d1a3f03]{align-items:center;display:flex;height:100%}}.metric-card-tile-wrapper[data-v-7d1a3f03] .kong-ui-public-metric-card-container{height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-7d1a3f03] .kong-ui-public-metric-card-container .metricscard:not(:last-of-type){border-right:1px solid #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-711ebcf2]{align-items:center;border-bottom:var(--2f5b0492);display:var(--5d59c22c);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-711ebcf2]{width:var(--aa41a894)}.config-card-details-row .config-card-details-label label[data-v-711ebcf2]{color:#3a3f51}.config-card-details-row .config-card-details-value[data-v-711ebcf2]{width:var(--aa3d1cde)}.config-card-details-row .config-card-details-value .truncated[data-v-711ebcf2]{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-711ebcf2]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-711ebcf2] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-711ebcf2]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-711ebcf2]{margin-right:4px}.config-card-details-row[data-v-711ebcf2] .k-label{margin-bottom:0}.config-card-details-row[data-v-711ebcf2] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-711ebcf2] .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-85381f68]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-85381f68]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-85381f68]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-85381f68] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-85381f68]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-94d27e50]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-94d27e50]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-94d27e50] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-94d27e50] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-94d27e50] .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-94d27e50] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-94d27e50] .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-94d27e50] .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-294e35b2]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-294e35b2]{margin-left:auto}.kong-ui-entity-base-table .actions-container[data-v-294e35b2]{float:right}.kong-ui-entity-base-table .actions-container[data-v-294e35b2] .k-dropdown-item-trigger{margin-bottom:0;margin-top:0}.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-94990087]{width:100%}.kong-ui-entity-filter-clear[data-v-94990087]{cursor:pointer}.kong-ui-entity-filter[data-v-94990087]{display:flex;position:relative}.kong-ui-entity-filter[data-v-94990087] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-94990087] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-94990087]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-94990087]{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-94990087]{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-94990087]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-94990087]{color:#232633}.menu-item-expand-icon[data-v-94990087]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-94990087]{transform:rotate(180deg)}.menu-item-indicator[data-v-94990087]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-94990087]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-94990087] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-94990087] .k-input{width:100%}.menu-item-body[data-v-94990087] .k-select-input .input{font-size:12px}.menu-item-body[data-v-94990087] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-94990087]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-94990087]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-94990087]{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-69b5e552]{height:var(--58871060)}.kong-ui-public-grid-layout[data-v-056142a9]{display:grid;gap:20px;grid-template-columns:repeat(var(--cfb759a4),1fr);grid-template-rows:var(--208951e1);width:100%}@media (max-width: 768px){.kong-ui-public-grid-layout[data-v-056142a9]{display:flex;flex-direction:column}.kong-ui-public-grid-layout .grid-cell[data-v-056142a9]{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-056142a9]:not(:first-child){margin-top:20px}.kong-ui-public-grid-layout .empty-cell[data-v-056142a9]{display:none}}.kong-ui-public-dashboard-renderer .tile-container[data-v-2dd03268]{border:1px solid #e0e4ea;border-radius:4px;height:100%;padding:20px}
1
+ .locked[data-v-cd0df662]{cursor:move}.tooltip-container[data-v-cd0df662]{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-cd0df662]{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-cd0df662]{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-cd0df662]{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-cd0df662]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}ul.tooltip[data-v-cd0df662]{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-cd0df662]{-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-cd0df662] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}ul.tooltip[data-v-cd0df662] ::-webkit-scrollbar-track{background:transparent}ul.tooltip[data-v-cd0df662] ::-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-cd0df662]{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-cd0df662]:last-child{padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}ul.tooltip .display-label[data-v-cd0df662]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-cd0df662]{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-cd0df662]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-bf35eae8]{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-bf35eae8]{-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-bf35eae8] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-bf35eae8] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-bf35eae8] ::-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-bf35eae8]{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-bf35eae8]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-bf35eae8]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-bf35eae8]{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-bf35eae8]{display:none}}.legend-container.horizontal[data-v-bf35eae8]{column-gap:12px;display:grid;height:var(--143d7c82);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-bf35eae8]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-bf35eae8]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-bf35eae8]{line-height:24px;white-space:nowrap}.legend-container li[data-v-bf35eae8]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-bf35eae8]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-bf35eae8]{font-size:12px}.legend-container li .sub-label[data-v-bf35eae8]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-bf35eae8]{text-decoration:line-through}.chart-parent[data-v-6420fe94]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-6420fe94]{flex-direction:column}.chart-parent.column .chart-container[data-v-6420fe94]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-6420fe94]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-6420fe94]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-6420fe94]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-6420fe94]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-6420fe94]{flex:1 1 auto;position:relative}.chart-container[data-v-6420fe94]{overflow:auto}.chart-container[data-v-6420fe94]{-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-6420fe94] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-6420fe94] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-6420fe94] ::-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-6420fe94]{height:100%}.chart-container[data-v-6420fe94]::-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-6420fe94]::-webkit-scrollbar{width:10px}.chart-container[data-v-6420fe94]::-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-6420fe94]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-6420fe94]{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-6420fe94]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-07ea8b82]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-07ea8b82]{flex-direction:column}.chart-parent.column .chart-container[data-v-07ea8b82]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-07ea8b82]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-07ea8b82]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-07ea8b82]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-07ea8b82]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-07ea8b82]{flex:1 1 auto;position:relative}.chart-parent[data-v-ee0f32c2]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-ee0f32c2]{flex-direction:column}.chart-parent.column .chart-container[data-v-ee0f32c2]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-ee0f32c2]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-ee0f32c2]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-ee0f32c2]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-ee0f32c2]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-ee0f32c2]{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-cb8778ab],.simple-chart-shell[data-v-cb8778ab]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-cb8778ab],.simple-chart-shell .chart-empty-state[data-v-cb8778ab]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-cb8778ab]{height:100%;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-cb8778ab]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-cb8778ab]{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-cb8778ab]{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-cb8778ab]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-cb8778ab]{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-cb8778ab]{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-cb8778ab]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.chart-parent[data-v-18bc031c]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-18bc031c]{flex-direction:column}.chart-parent.column .chart-container[data-v-18bc031c]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-18bc031c]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-18bc031c]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-18bc031c]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-18bc031c]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-18bc031c]{flex:1 1 auto;position:relative}.chart-parent[data-v-18bc031c]{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-18bc031c]{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-18bc031c]{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-18bc031c]{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-18bc031c]{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-a1582f51],.simple-chart-shell[data-v-a1582f51]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-a1582f51],.simple-chart-shell .chart-empty-state[data-v-a1582f51]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-a1582f51]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px)}.simple-chart-shell .chart-empty-state[data-v-a1582f51]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-a1582f51] .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-50809fdb]{border:none!important;height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-50809fdb]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-50809fdb] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-50809fdb] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-50809fdb] .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-50809fdb] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-50809fdb] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-50809fdb] .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-50809fdb]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-50809fdb]{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-50809fdb]{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-50809fdb]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-50809fdb]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-50809fdb]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-50809fdb]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-50809fdb]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-50809fdb],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-50809fdb]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-50809fdb]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-50809fdb] 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-43293fa2]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-43293fa2]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-43293fa2]{height:100%;justify-content:space-evenly}}.metricscard[data-v-43293fa2]:hover{border:none;text-decoration:none}.metricscard-title[data-v-43293fa2]{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-43293fa2]{font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-title.md[data-v-43293fa2]{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-43293fa2],.metricscard-title.xl[data-v-43293fa2]{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.metricscard-description[data-v-43293fa2]{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-43293fa2]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-value[data-v-43293fa2]{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-43293fa2]{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-43293fa2]{font-size:48px;font-size:var(--kui-font-size-100, 48px)}.metricscard-valuetrend[data-v-43293fa2]{display:flex;flex-direction:column;row-gap:12px;row-gap:var(--kui-space-50, 12px)}@media (max-width: 767px){.metricscard-valuetrend[data-v-43293fa2]{row-gap:6px;row-gap:var(--kui-space-30, 6px)}}.metricscard-valuetrend.is-compact[data-v-43293fa2]{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-43293fa2]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.metricscard-trend-change[data-v-43293fa2]{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-43293fa2]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-trend-change.positive[data-v-43293fa2]{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-43293fa2]{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-43293fa2]{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-43293fa2]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-tooltip[data-v-43293fa2]{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-43293fa2]{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-43293fa2]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.metricscard.active .metricscard-tooltip[data-v-43293fa2]{pointer-events:all}.loading-tabs[data-v-f7eb9c40]{display:flex;flex-direction:column}.loading-tabs-large[data-v-f7eb9c40]{padding:4px;row-gap:12px;width:240px}.loading-tabs-small[data-v-f7eb9c40]{padding:2px;row-gap:8px;width:120px}.loading-tabs-small .box[data-v-f7eb9c40]{height:12px}@media (max-width: 767px){.loading-tabs[data-v-f7eb9c40]{width:auto}}.kong-ui-public-metric-card-container[data-v-f8f8341b]{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-f8f8341b]{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-f8f8341b]{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-f8f8341b]{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-f8f8341b]{column-gap:16px;row-gap:16px;flex-direction:column}}.kong-ui-public-metric-card-container.sm[data-v-f8f8341b]{column-gap:0;row-gap:0}.kong-ui-public-metric-card-container .error-display[data-v-f8f8341b]{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-f8f8341b]{display:flex}.kong-ui-public-metric-card-container .error-display-message[data-v-f8f8341b]{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-f0f6ed41]{height:var(--8c62ff26)}.analytics-chart[data-v-36598a1b]{height:var(--1eed717c)}.analytics-chart[data-v-ceb07ca8]{height:var(--4efa9c90)}@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-711ebcf2]{align-items:center;border-bottom:var(--2f5b0492);display:var(--5d59c22c);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-711ebcf2]{width:var(--aa41a894)}.config-card-details-row .config-card-details-label label[data-v-711ebcf2]{color:#3a3f51}.config-card-details-row .config-card-details-value[data-v-711ebcf2]{width:var(--aa3d1cde)}.config-card-details-row .config-card-details-value .truncated[data-v-711ebcf2]{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-711ebcf2]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-711ebcf2] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-711ebcf2]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-711ebcf2]{margin-right:4px}.config-card-details-row[data-v-711ebcf2] .k-label{margin-bottom:0}.config-card-details-row[data-v-711ebcf2] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-711ebcf2] .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-85381f68]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-85381f68]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-85381f68]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-85381f68] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-85381f68]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-94d27e50]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-94d27e50]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-94d27e50] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-94d27e50] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-94d27e50] .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-94d27e50] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-94d27e50] .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-94d27e50] .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-294e35b2]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-294e35b2]{margin-left:auto}.kong-ui-entity-base-table .actions-container[data-v-294e35b2]{float:right}.kong-ui-entity-base-table .actions-container[data-v-294e35b2] .k-dropdown-item-trigger{margin-bottom:0;margin-top:0}.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-94990087]{width:100%}.kong-ui-entity-filter-clear[data-v-94990087]{cursor:pointer}.kong-ui-entity-filter[data-v-94990087]{display:flex;position:relative}.kong-ui-entity-filter[data-v-94990087] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-94990087] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-94990087]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-94990087]{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-94990087]{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-94990087]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-94990087]{color:#232633}.menu-item-expand-icon[data-v-94990087]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-94990087]{transform:rotate(180deg)}.menu-item-indicator[data-v-94990087]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-94990087]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-94990087] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-94990087] .k-input{width:100%}.menu-item-body[data-v-94990087] .k-select-input .input{font-size:12px}.menu-item-body[data-v-94990087] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-94990087]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-94990087]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-94990087]{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-69b5e552]{height:var(--58871060)}.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-4575a026]{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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kong-ui-public/dashboard-renderer",
3
- "version": "0.24.27",
3
+ "version": "0.25.0",
4
4
  "type": "module",
5
5
  "main": "./dist/dashboard-renderer.umd.js",
6
6
  "module": "./dist/dashboard-renderer.es.js",
@@ -28,11 +28,11 @@
28
28
  "swrv": "^1.0.4",
29
29
  "vue": "^3.4.38",
30
30
  "@kong-ui-public/analytics-chart": "^4.6.16",
31
- "@kong-ui-public/analytics-metric-provider": "^8.4.15",
32
- "@kong-ui-public/i18n": "^2.2.2",
33
31
  "@kong-ui-public/analytics-config-store": "^0.8.9",
32
+ "@kong-ui-public/i18n": "^2.2.2",
33
+ "@kong-ui-public/analytics-utilities": "^4.8.5",
34
34
  "@kong-ui-public/sandbox-layout": "^2.1.32",
35
- "@kong-ui-public/analytics-utilities": "^4.8.5"
35
+ "@kong-ui-public/analytics-metric-provider": "^8.4.15"
36
36
  },
37
37
  "repository": {
38
38
  "type": "git",
@@ -56,10 +56,10 @@
56
56
  "swrv": "^1.0.4",
57
57
  "vue": ">= 3.3.13 < 4",
58
58
  "@kong-ui-public/analytics-chart": "^4.6.16",
59
- "@kong-ui-public/analytics-utilities": "^4.8.5",
60
- "@kong-ui-public/i18n": "^2.2.2",
61
59
  "@kong-ui-public/analytics-metric-provider": "^8.4.15",
62
- "@kong-ui-public/analytics-config-store": "^0.8.9"
60
+ "@kong-ui-public/analytics-config-store": "^0.8.9",
61
+ "@kong-ui-public/analytics-utilities": "^4.8.5",
62
+ "@kong-ui-public/i18n": "^2.2.2"
63
63
  },
64
64
  "dependencies": {
65
65
  "ajv": "^8.12.0",