@kong-ui-public/dashboard-renderer 0.28.0 → 0.28.1

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 +3 -3
  2. package/dist/dashboard-renderer.umd.js +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +6 -6
package/dist/dashboard-renderer.es.js CHANGED
@@ -190,7 +190,7 @@ const V = {
190
190
  emits: ["edit-tile"],
191
191
  setup(t, { emit: r }) {
192
192
  P((s) => ({
193
- "2fa92943": `${s.height}px`
193
+ c31507a4: `${s.height}px`
194
194
  }));
195
195
  const e = t, o = r, i = z(B), { i18n: n } = V.useI18n(), c = h(() => ({
196
196
  type: e.chartOptions.type,
@@ -199,7 +199,7 @@ const V = {
199
199
  })), a = h(() => {
200
200
  if (i && i.exploreBaseUrl) {
201
201
  const s = {
202
- filters: e.query.filters ?? [],
202
+ filters: [...e.context.filters, ...e.query.filters ?? []],
203
203
  metrics: e.query.metrics ?? [],
204
204
  dimensions: e.query.dimensions ?? [],
205
205
  time_range: e.query.time_range || e.context.timeSpec
@@ -249,7 +249,7 @@ const V = {
249
249
  }, 8, ["context", "query", "query-ready"]);
250
250
  };
251
251
  }
252
- }), ie = /* @__PURE__ */ D(it, [["__scopeId", "data-v-825ad29e"]]), W = /* @__PURE__ */ _({
252
+ }), ie = /* @__PURE__ */ D(it, [["__scopeId", "data-v-774172eb"]]), W = /* @__PURE__ */ _({
253
253
  __name: "BarChartRenderer",
254
254
  props: {
255
255
  query: {},
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("swrv"),require("axios"),require("@kong-ui-public/i18n"),require("@kong-ui-public/analytics-utilities"),require("@kong-ui-public/analytics-metric-provider"),require("@kong-ui-public/entities-shared"),require("@kong-ui-public/analytics-config-store")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/analytics-chart","swrv","axios","@kong-ui-public/i18n","@kong-ui-public/analytics-utilities","@kong-ui-public/analytics-metric-provider","@kong-ui-public/entities-shared","@kong-ui-public/analytics-config-store"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s["kong-ui-public-dashboard-renderer"]={},s.Vue,s["kong-ui-public-analytics-chart"],s.swrv,s.axios,s["kong-ui-public-i18n"],s["kong-ui-public-analytics-utilities"],s["kong-ui-public-analytics-metric-provider"],s["kong-ui-public-entities-shared"],s["kong-ui-public-analytics-config-store"]))})(this,function(s,e,D,le,Ve,j,m,$,de,pe){"use strict";var z=(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))(z||{});const ue=r=>{var n,t,i,o,a;return r?!!((n=Object.keys(r))!=null&&n.length||(t=r.data)!=null&&t.length||(o=(i=r.data)==null?void 0:i.data)!=null&&o.length||!((a=r.data)!=null&&a.data)&&typeof r.data=="object"&&Object.keys(r==null?void 0:r.data).length):!1};function ye(r=e.ref({}),n,t,i=ue){const o=e.ref("PENDING");return e.watchEffect(()=>{const a=i(r.value);if(r.value&&a&&t.value){o.value="VALIDATING_HAS_DATA";return}if(r.value&&t.value){o.value="VALIDATING";return}if(r.value&&n.value){o.value="STALE_IF_ERROR";return}if(r.value===void 0&&!n.value){o.value="PENDING";return}if(r.value&&!n.value&&a){o.value="SUCCESS_HAS_DATA";return}if(r.value&&!n.value){o.value="SUCCESS";return}r.value===void 0&&n&&(o.value="ERROR")}),{state:o,swrvState:z}}const me={renderer:{noQueryBridge:"No query bridge provided. Unable to render dashboard.",trendRange:{"24h":"Last 24-Hour Summary","7d":"Last 7-Day Summary","30d":"Last 30-Day Summary"},edit:"Edit"},queryDataProvider:{timeRangeExceeded:"The time range for this report is outside of your organization's data retention period"}};function he(){const r=j.createI18n("en-us",me);return{i18n:r,i18nT:j.i18nTComponent(r)}}const x={useI18n:he},C=170,A="analytics-query-provider",O="{entity-id}",F="{cp-id}",K="{timeframe}",G=30*1e3,B=e.defineComponent({__name:"QueryDataProvider",props:{context:{},query:{},queryReady:{type:Boolean}},emits:["queryComplete"],setup(r,{emit:n}){const t=r,i=n,{i18n:o}=x.useI18n(),a=e.inject(A),d=()=>t.queryReady&&a?JSON.stringify([t.query,t.context]):null,c=new AbortController;e.onUnmounted(()=>{c.abort()});const p=(q,_,T)=>{const b=[];return _&&b.push(..._),b.push(...m.stripUnknownFilters(q,T)),b},{data:l,error:k,isValidating:R}=le(d,async()=>{var q,_,T,b;try{let{datasource:h,...Ne}=t.query;h||(h="basic");const Pe=p(h,t.query.filters,t.context.filters),Le={datasource:h,query:{...Ne,time_range:{...t.context.timeSpec,tz:t.context.tz},filters:Pe}};return a==null?void 0:a.queryFn(Le,c)}catch(h){y.value=((_=(q=h==null?void 0:h.response)==null?void 0:q.data)==null?void 0:_.message)==="Range not allowed for this tier"?o.t("queryDataProvider.timeRangeExceeded"):((b=(T=h==null?void 0:h.response)==null?void 0:T.data)==null?void 0:b.message)||(h==null?void 0:h.message)}finally{i("queryComplete")}},{refreshInterval:t.context.refreshInterval,revalidateOnFocus:!1}),{state:u,swrvState:g}=ye(l,k,R),y=e.ref(null),f=e.computed(()=>u.value===g.ERROR||!!y.value),I=e.computed(()=>!t.queryReady||u.value===g.PENDING);return(q,_)=>{const T=e.resolveComponent("KSkeleton"),b=e.resolveComponent("KEmptyState");return I.value||!e.unref(l)&&!f.value?(e.openBlock(),e.createBlock(T,{key:0,class:"chart-skeleton",type:"table"})):f.value?(e.openBlock(),e.createBlock(b,{key:1,"action-button-visible":!1,"data-testid":"chart-empty-state","icon-variant":"error"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y.value),1)]),_:1})):e.unref(l)?e.renderSlot(q.$slots,"default",{key:2,data:e.unref(l)}):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=>({"6fb24a14":`${t.height}px`}));const n=r;return(t,i)=>(e.openBlock(),e.createBlock(B,{context:t.context,query:t.query,"query-ready":t.queryReady},{default:e.withCtx(({data:o})=>[e.createElementVNode("div",fe,[e.createVNode(e.unref(D.SimpleChart),{"chart-data":o,"chart-options":n.chartOptions,"synthetics-data-key":t.chartOptions.syntheticsDataKey},null,8,["chart-data","chart-options","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"]))}}),S=(r,n)=>{const t=r.__vccOpts||r;for(const[i,o]of n)t[i]=o;return t},_e=S(ge,[["__scopeId","data-v-af07dcbf"]]),be={class:"analytics-chart"},v=S(e.defineComponent({__name:"BaseAnalyticsChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},extraProps:{}},emits:["edit-tile"],setup(r,{emit:n}){e.useCssVars(l=>({"2fa92943":`${l.height}px`}));const t=r,i=n,o=e.inject(A),{i18n:a}=x.useI18n(),d=e.computed(()=>({type:t.chartOptions.type,stacked:t.chartOptions.stacked??!1,chartDatasetColors:t.chartOptions.chartDatasetColors})),c=e.computed(()=>{if(o&&o.exploreBaseUrl){const l={filters:t.query.filters??[],metrics:t.query.metrics??[],dimensions:t.query.dimensions??[],time_range:t.query.time_range||t.context.timeSpec},k=["advanced","ai"].includes(t.query.datasource)?t.query.datasource:"advanced";return`${o.exploreBaseUrl()}?q=${JSON.stringify(l)}&d=${k}&c=${t.chartOptions.type}`}return""}),p=()=>{i("edit-tile")};return(l,k)=>{const R=e.resolveComponent("KDropdownItem");return e.openBlock(),e.createBlock(B,{context:l.context,query:l.query,"query-ready":l.queryReady},{default:e.withCtx(({data:u})=>[e.createElementVNode("div",be,[e.createVNode(e.unref(D.AnalyticsChart),e.mergeProps({"allow-csv-export":l.chartOptions.allowCsvExport,"chart-data":u,"chart-options":d.value,"chart-title":l.chartOptions.chartTitle,"go-to-explore":c.value,"legend-position":"bottom","show-menu":l.context.editable,"synthetics-data-key":l.chartOptions.syntheticsDataKey,"tooltip-title":""},l.extraProps),e.createSlots({_:2},[l.context.editable?{name:"menu-items",fn:e.withCtx(()=>[e.createVNode(R,{onClick:p},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a).t("renderer.edit")),1)]),_:1})]),key:"0"}:void 0]),1040,["allow-csv-export","chart-data","chart-options","chart-title","go-to-explore","show-menu","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"])}}}),[["__scopeId","data-v-825ad29e"]]),H=e.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){return(n,t)=>(e.openBlock(),e.createBlock(v,{"chart-options":n.chartOptions,context:n.context,"extra-props":{showAnnotations:!1},height:n.height,query:n.query,"query-ready":n.queryReady},null,8,["chart-options","context","height","query","query-ready"]))}}),qe=e.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){return(n,t)=>(e.openBlock(),e.createBlock(v,{"chart-options":n.chartOptions,context:n.context,height:n.height,query:n.query,"query-ready":n.queryReady},null,8,["chart-options","context","height","query","query-ready"]))}}),Se={class:"metric-card-tile-wrapper"},ke=S(e.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){const n=r,t=e.computed(()=>{const o=n.context.timeSpec;if(o.type==="absolute")return new m.Timeframe({key:"custom",timeframeText:"custom",display:"custom",startCustom:o.start,endCustom:o.end,timeframeLength:()=>o.end.getTime()-o.start.getTime(),defaultResponseGranularity:"daily",dataGranularity:"daily",isRelative:!1,allowedTiers:["free","plus","enterprise"]});const a=m.TimePeriods.get(o.time_range);if(!a)throw new Error("Unknown time range");return a}),i=e.computed(()=>{var a,d;const o=(a=n.query)==null?void 0:a.datasource;if(o&&o!=="advanced"&&o!=="basic")throw new Error(`Invalid datasource value: ${o}`);return{datasource:(d=n.query)==null?void 0:d.datasource,overrideTimeframe:t.value,tz:n.context.tz,additionalFilter:n.context.filters,longCardTitles:n.chartOptions.longCardTitles,containerTitle:n.chartOptions.chartTitle,description:n.chartOptions.description,percentileLatency:n.chartOptions.percentileLatency,refreshInterval:n.context.refreshInterval,queryReady:n.queryReady}});return(o,a)=>(e.openBlock(),e.createElementBlock("div",Se,[e.createVNode(e.unref($.MetricsProvider),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.createVNode(e.unref($.MetricsConsumer))]),_:1},16)]))}}),[["__scopeId","data-v-f2a5f36e"]]),Q="20px",Te=e.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){const n=r,t=i=>{var o;if((o=n.chartOptions)!=null&&o.entityLink)if(i.id.includes(":")){const[a,d]=i.id.split(":");return n.chartOptions.entityLink.replace(F,a).replace(O,d)}else return n.chartOptions.entityLink.replace(O,i.id);return""};return(i,o)=>(e.openBlock(),e.createBlock(B,{context:i.context,query:i.query,"query-ready":i.queryReady},{default:e.withCtx(({data:a})=>[e.createVNode(e.unref(D.TopNTable),{data:a,description:i.chartOptions.description,"synthetics-data-key":i.chartOptions.syntheticsDataKey,title:i.chartOptions.chartTitle||""},e.createSlots({_:2},[n.chartOptions.entityLink?{name:"name",fn:e.withCtx(({record:d})=>[e.createVNode(e.unref(de.EntityLink),{"entity-link-data":{id:d.id,label:d.name,deleted:d.deleted},"external-link":t(d)},null,8,["entity-link-data","external-link"])]),key:"0"}:void 0]),1032,["data","description","synthetics-data-key","title"])]),_:1},8,["context","query","query-ready"]))}}),Ce={class:"tile-boundary"},Ee=S(e.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:C},queryReady:{type:Boolean}},emits:["edit-tile"],setup(r,{emit:n}){e.useCssVars(p=>({ab2e7a42:`${p.height}px`}));const t=parseInt(Q,10),i=r,o=n,a={timeseries_line:qe,horizontal_bar:H,vertical_bar:H,gauge:_e,golden_signals:ke,top_n:Te,slottable:void 0},d=e.computed(()=>{const p=a[i.definition.chart.type];return p&&{component:p,rendererProps:{query:i.definition.query,context:i.context,queryReady:i.queryReady,chartOptions:i.definition.chart,height:i.height-t*2}}}),c=()=>{o("edit-tile",i.definition)};return(p,l)=>(e.openBlock(),e.createElementBlock("div",Ce,[d.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value.component),e.mergeProps({key:0},d.value.rendererProps,{onEditTile:c}),null,16)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-56df5ab7"]]),Re=(r,n,t)=>{const i=new Map;t.forEach(a=>{const d=a.layout.position.row,c=i.get(d),p=a.layout.size.rows===1&&!!a.layout.size.fitToContent;c===void 0?i.set(d,p):i.set(d,c&&p)});const o=[];for(let a=0;a<r;a++)i.get(a)?o.push("auto"):o.push(`${n}px`);return o},M=S(e.defineComponent({__name:"GridLayout",props:{gridSize:{type:Object,required:!0},tileHeight:{type:Number,required:!1,default:()=>C},tiles:{type:Array,required:!0}},setup(r){e.useCssVars(c=>({"3bc5e939":r.gridSize.cols,"77aa3028":a.value}));const n=r,t=e.ref(null),i=e.ref(0),o=new ResizeObserver(c=>{window.requestAnimationFrame(()=>{!Array.isArray(c)||!c.length||(i.value=c[0].contentRect.width)})});e.onMounted(()=>{t.value&&o.observe(t.value)}),e.onUnmounted(()=>{t.value&&o.unobserve(t.value)});const a=e.computed(()=>{var p;return Re((p=n.gridSize)==null?void 0:p.rows,n.tileHeight,n.tiles).join(" ")}),d=e.computed(()=>n.tiles.map((c,p)=>({key:`tile-${p}`,tile:c,style:{"grid-column-start":c.layout.position.col+1,"grid-column-end":c.layout.position.col+1+c.layout.size.cols,"grid-row-start":c.layout.position.row+1,"grid-row-end":c.layout.position.row+1+c.layout.size.rows}})));return(c,p)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"gridContainer",ref:t,class:"kong-ui-public-grid-layout"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.key,class:e.normalizeClass(["grid-cell",{"empty-cell":!l.tile}]),style:e.normalizeStyle(l.style)},[e.renderSlot(c.$slots,"tile",{style:e.normalizeStyle(l.style),tile:l.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-f43eb7b8"]]),De={class:"kong-ui-public-dashboard-renderer"},Ae={key:0,class:"tile-container"},we=S(e.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},emits:["edit-tile"],setup(r,{emit:n}){const t=r,i=n,{i18n:o}=x.useI18n(),a=e.inject(A);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 d=pe.useAnalyticsConfigStore(),c=e.computed(()=>t.context.timeSpec?t.context.timeSpec:{type:"relative",time_range:d.defaultQueryTimeForOrg}),p=e.computed(()=>!!t.context.timeSpec||!d.loading),l=e.computed(()=>t.config.tiles.map((u,g)=>{var f;let y=u.definition;if("description"in y.chart){const I=(f=y.chart.description)==null?void 0:f.replace(K,()=>{const _=`renderer.trendRange.${c.value.type==="absolute"?"custom":c.value.time_range}`;return o.te(_)?o.t(_):""});y={...y,chart:{...y.chart,description:I}}}return{layout:u.layout,meta:y,id:g}})),k=e.computed(()=>{let{tz:u,refreshInterval:g,editable:y}=t.context;return u||(u=new Intl.DateTimeFormat().resolvedOptions().timeZone),g===void 0&&(g=G),y===void 0&&(y=!1),{...t.context,tz:u,timeSpec:c.value,refreshInterval:g,editable:y}}),R=u=>{i("edit-tile",u)};return(u,g)=>{const y=e.resolveComponent("KAlert");return e.openBlock(),e.createElementBlock("div",De,[e.unref(a)?(e.openBlock(),e.createBlock(M,{key:1,"grid-size":u.config.gridSize,"tile-height":u.config.tileHeight,tiles:l.value},{tile:e.withCtx(({tile:f})=>[f.meta.chart.type==="slottable"?(e.openBlock(),e.createElementBlock("div",Ae,[e.renderSlot(u.$slots,f.meta.chart.id,{},void 0,!0)])):(e.openBlock(),e.createBlock(Ee,{key:1,class:"tile-container",context:k.value,definition:f.meta,height:f.layout.size.rows*(u.config.tileHeight||e.unref(C))+parseInt(e.unref(Q),10),"query-ready":p.value,onEditTile:I=>R(f)},null,8,["context","definition","height","query-ready","onEditTile"]))]),_:3},8,["grid-size","tile-height","tiles"])):(e.openBlock(),e.createBlock(y,{key:0,appearance:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-cd57ea9c"]]),Ie=["horizontal_bar","vertical_bar","gauge","timeseries_line","golden_signals","top_n","slottable"],w={type:"string"},E={type:"string"},U={type:"boolean"},J={type:["object","array"],items:{type:"string"},additionalProperties:{type:"string"}},Y={type:"object",properties:{type:{type:"string",enum:["slottable"]},id:{type:"string"}},required:["type","id"],additionalProperties:!1},Z={type:"object",properties:{type:{type:"string",enum:["horizontal_bar","vertical_bar"]},stacked:{type:"boolean"},chartDatasetColors:J,syntheticsDataKey:w,chartTitle:E,allowCsvExport:U},required:["type"],additionalProperties:!1},W={type:"object",properties:{type:{type:"string",enum:["timeseries_line"]},stacked:{type:"boolean"},chartDatasetColors:J,syntheticsDataKey:w,chartTitle:E,allowCsvExport:U},required:["type"],additionalProperties:!1},X={type:"object",properties:{type:{type:"string",enum:["gauge"]},metricDisplay:{type:"string",enum:Object.values(D.ChartMetricDisplay)},reverseDataset:{type:"boolean"},numerator:{type:"number"},syntheticsDataKey:w,chartTitle:E},required:["type"],additionalProperties:!1},ee={type:"object",properties:{chartTitle:E,syntheticsDataKey:w,type:{type:"string",enum:["top_n"]},description:{type:"string"},entityLink:{type:"string"}},required:["type"],additionalProperties:!1},te={type:"object",properties:{chartTitle:E,type:{type:"string",enum:["golden_signals"]},longCardTitles:{type:"boolean"},description:{type:"string"},percentileLatency:{type:"boolean"}},required:["type"],additionalProperties:!1},xe={type:"object",properties:{tz:{type:"string",default:"Etc/UTC"},type:{type:"string",enum:["relative"]},time_range:{type:"string",enum:m.relativeTimeRangeValuesV4,default:"1h"}},required:["type","time_range"],additionalProperties:!1},Oe={type:"object",description:"A duration representing an exact start and end time.",properties:{tz:{type:"string"},type:{type:"string",enum:["absolute"]},start:{type:"string"},end:{type:"string"}},required:["type","start","end"],additionalProperties:!1},N={granularity:{type:"string",description:'Force time grouping into buckets of this duration. Only has an effect if "time" is in the "dimensions" list.',enum:m.granularityValues},time_range:{type:"object",description:"The time range to query.",anyOf:[xe,Oe],default:{type:"relative",time_range:"1h"}},limit:{type:"number"},meta:{type:"object"}},P=r=>({type:"array",description:"List of aggregated metrics to collect across the requested time span.",items:{type:"string",enum:r}}),L=r=>({type:"array",description:"List of attributes or entity types to group by.",minItems:0,maxItems:2,items:{type:"string",enum:r}}),V=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:m.exploreFilterTypesV2},values:{type:"array",items:{type:["string","number","null"]}}},required:["dimension","type","values"],additionalProperties:!1}}),re={type:"object",description:"A query to launch at the advanced explore API",properties:{datasource:{type:"string",enum:["advanced"]},metrics:P(m.exploreAggregations),dimensions:L(m.queryableExploreDimensions),filters:V(m.filterableExploreDimensions),...N},required:["datasource"],additionalProperties:!1},ne={type:"object",description:"A query to launch at the basic explore API",properties:{datasource:{type:"string",enum:["basic"]},metrics:P(m.basicExploreAggregations),dimensions:L(m.queryableBasicExploreDimensions),filters:V(m.filterableBasicExploreDimensions),...N},required:["datasource"],additionalProperties:!1},oe={type:"object",description:"A query to launch at the AI explore API",properties:{datasource:{type:"string",enum:["ai"]},metrics:P(m.aiExploreAggregations),dimensions:L(m.queryableAiExploreDimensions),filters:V(m.filterableAiExploreDimensions),...N},required:["datasource"],additionalProperties:!1},ie={anyOf:[re,ne,oe]},ae={type:"object",properties:{query:ie,chart:{anyOf:[Z,X,W,te,ee,Y]}},required:["query","chart"],additionalProperties:!1},se={type:"object",properties:{position:{type:"object",properties:{col:{type:"number"},row:{type:"number"}},description:"Position of the tile in the grid.",required:["col","row"],additionalProperties:!1},size:{type:"object",properties:{cols:{type:"number"},rows:{type:"number"},fitToContent:{type:"boolean"}},description:"Number of columns and rows the tile occupies. If fitToContent is true for every tile in a row, and each tile only occupies 1 row, then the row will auto-fit to its content.",required:["cols","rows"],additionalProperties:!1}},required:["position","size"],additionalProperties:!1},ce={type:"object",properties:{definition:ae,layout:se},required:["definition","layout"],additionalProperties:!1},Be={type:"object",properties:{tiles:{type:"array",items:ce},tileHeight:{type:"number",description:`Height of each tile in pixels. Default: ${C}`},gridSize:{type:"object",properties:{cols:{type:"number"},rows:{type:"number"}},description:"Number of columns and rows in the grid.",required:["cols","rows"],additionalProperties:!1}},required:["tiles","gridSize"],additionalProperties:!1};s.CP_ID_TOKEN=F,s.DEFAULT_TILE_HEIGHT=C,s.DEFAULT_TILE_REFRESH_INTERVAL_MS=G,s.DashboardRenderer=we,s.ENTITY_ID_TOKEN=O,s.GridLayout=M,s.INJECT_QUERY_PROVIDER=A,s.TIMEFRAME_TOKEN=K,s.aiQuerySchema=oe,s.barChartSchema=Z,s.basicQuerySchema=ne,s.dashboardConfigSchema=Be,s.dashboardTileTypes=Ie,s.exploreV4QuerySchema=re,s.gaugeChartSchema=X,s.metricCardSchema=te,s.slottableSchema=Y,s.tileConfigSchema=ce,s.tileDefinitionSchema=ae,s.tileLayoutSchema=se,s.timeseriesChartSchema=W,s.topNTableSchema=ee,s.validDashboardQuery=ie,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
1
+ (function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong-ui-public/analytics-chart"),require("swrv"),require("axios"),require("@kong-ui-public/i18n"),require("@kong-ui-public/analytics-utilities"),require("@kong-ui-public/analytics-metric-provider"),require("@kong-ui-public/entities-shared"),require("@kong-ui-public/analytics-config-store")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/analytics-chart","swrv","axios","@kong-ui-public/i18n","@kong-ui-public/analytics-utilities","@kong-ui-public/analytics-metric-provider","@kong-ui-public/entities-shared","@kong-ui-public/analytics-config-store"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s["kong-ui-public-dashboard-renderer"]={},s.Vue,s["kong-ui-public-analytics-chart"],s.swrv,s.axios,s["kong-ui-public-i18n"],s["kong-ui-public-analytics-utilities"],s["kong-ui-public-analytics-metric-provider"],s["kong-ui-public-entities-shared"],s["kong-ui-public-analytics-config-store"]))})(this,function(s,e,D,le,Ve,j,m,$,de,pe){"use strict";var z=(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))(z||{});const ue=r=>{var n,t,i,o,a;return r?!!((n=Object.keys(r))!=null&&n.length||(t=r.data)!=null&&t.length||(o=(i=r.data)==null?void 0:i.data)!=null&&o.length||!((a=r.data)!=null&&a.data)&&typeof r.data=="object"&&Object.keys(r==null?void 0:r.data).length):!1};function ye(r=e.ref({}),n,t,i=ue){const o=e.ref("PENDING");return e.watchEffect(()=>{const a=i(r.value);if(r.value&&a&&t.value){o.value="VALIDATING_HAS_DATA";return}if(r.value&&t.value){o.value="VALIDATING";return}if(r.value&&n.value){o.value="STALE_IF_ERROR";return}if(r.value===void 0&&!n.value){o.value="PENDING";return}if(r.value&&!n.value&&a){o.value="SUCCESS_HAS_DATA";return}if(r.value&&!n.value){o.value="SUCCESS";return}r.value===void 0&&n&&(o.value="ERROR")}),{state:o,swrvState:z}}const me={renderer:{noQueryBridge:"No query bridge provided. Unable to render dashboard.",trendRange:{"24h":"Last 24-Hour Summary","7d":"Last 7-Day Summary","30d":"Last 30-Day Summary"},edit:"Edit"},queryDataProvider:{timeRangeExceeded:"The time range for this report is outside of your organization's data retention period"}};function he(){const r=j.createI18n("en-us",me);return{i18n:r,i18nT:j.i18nTComponent(r)}}const x={useI18n:he},C=170,A="analytics-query-provider",O="{entity-id}",F="{cp-id}",K="{timeframe}",G=30*1e3,B=e.defineComponent({__name:"QueryDataProvider",props:{context:{},query:{},queryReady:{type:Boolean}},emits:["queryComplete"],setup(r,{emit:n}){const t=r,i=n,{i18n:o}=x.useI18n(),a=e.inject(A),d=()=>t.queryReady&&a?JSON.stringify([t.query,t.context]):null,c=new AbortController;e.onUnmounted(()=>{c.abort()});const p=(q,_,T)=>{const b=[];return _&&b.push(..._),b.push(...m.stripUnknownFilters(q,T)),b},{data:l,error:k,isValidating:R}=le(d,async()=>{var q,_,T,b;try{let{datasource:h,...Ne}=t.query;h||(h="basic");const Pe=p(h,t.query.filters,t.context.filters),Le={datasource:h,query:{...Ne,time_range:{...t.context.timeSpec,tz:t.context.tz},filters:Pe}};return a==null?void 0:a.queryFn(Le,c)}catch(h){y.value=((_=(q=h==null?void 0:h.response)==null?void 0:q.data)==null?void 0:_.message)==="Range not allowed for this tier"?o.t("queryDataProvider.timeRangeExceeded"):((b=(T=h==null?void 0:h.response)==null?void 0:T.data)==null?void 0:b.message)||(h==null?void 0:h.message)}finally{i("queryComplete")}},{refreshInterval:t.context.refreshInterval,revalidateOnFocus:!1}),{state:u,swrvState:g}=ye(l,k,R),y=e.ref(null),f=e.computed(()=>u.value===g.ERROR||!!y.value),I=e.computed(()=>!t.queryReady||u.value===g.PENDING);return(q,_)=>{const T=e.resolveComponent("KSkeleton"),b=e.resolveComponent("KEmptyState");return I.value||!e.unref(l)&&!f.value?(e.openBlock(),e.createBlock(T,{key:0,class:"chart-skeleton",type:"table"})):f.value?(e.openBlock(),e.createBlock(b,{key:1,"action-button-visible":!1,"data-testid":"chart-empty-state","icon-variant":"error"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y.value),1)]),_:1})):e.unref(l)?e.renderSlot(q.$slots,"default",{key:2,data:e.unref(l)}):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=>({"6fb24a14":`${t.height}px`}));const n=r;return(t,i)=>(e.openBlock(),e.createBlock(B,{context:t.context,query:t.query,"query-ready":t.queryReady},{default:e.withCtx(({data:o})=>[e.createElementVNode("div",fe,[e.createVNode(e.unref(D.SimpleChart),{"chart-data":o,"chart-options":n.chartOptions,"synthetics-data-key":t.chartOptions.syntheticsDataKey},null,8,["chart-data","chart-options","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"]))}}),S=(r,n)=>{const t=r.__vccOpts||r;for(const[i,o]of n)t[i]=o;return t},_e=S(ge,[["__scopeId","data-v-af07dcbf"]]),be={class:"analytics-chart"},v=S(e.defineComponent({__name:"BaseAnalyticsChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},extraProps:{}},emits:["edit-tile"],setup(r,{emit:n}){e.useCssVars(l=>({c31507a4:`${l.height}px`}));const t=r,i=n,o=e.inject(A),{i18n:a}=x.useI18n(),d=e.computed(()=>({type:t.chartOptions.type,stacked:t.chartOptions.stacked??!1,chartDatasetColors:t.chartOptions.chartDatasetColors})),c=e.computed(()=>{if(o&&o.exploreBaseUrl){const l={filters:[...t.context.filters,...t.query.filters??[]],metrics:t.query.metrics??[],dimensions:t.query.dimensions??[],time_range:t.query.time_range||t.context.timeSpec},k=["advanced","ai"].includes(t.query.datasource)?t.query.datasource:"advanced";return`${o.exploreBaseUrl()}?q=${JSON.stringify(l)}&d=${k}&c=${t.chartOptions.type}`}return""}),p=()=>{i("edit-tile")};return(l,k)=>{const R=e.resolveComponent("KDropdownItem");return e.openBlock(),e.createBlock(B,{context:l.context,query:l.query,"query-ready":l.queryReady},{default:e.withCtx(({data:u})=>[e.createElementVNode("div",be,[e.createVNode(e.unref(D.AnalyticsChart),e.mergeProps({"allow-csv-export":l.chartOptions.allowCsvExport,"chart-data":u,"chart-options":d.value,"chart-title":l.chartOptions.chartTitle,"go-to-explore":c.value,"legend-position":"bottom","show-menu":l.context.editable,"synthetics-data-key":l.chartOptions.syntheticsDataKey,"tooltip-title":""},l.extraProps),e.createSlots({_:2},[l.context.editable?{name:"menu-items",fn:e.withCtx(()=>[e.createVNode(R,{onClick:p},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a).t("renderer.edit")),1)]),_:1})]),key:"0"}:void 0]),1040,["allow-csv-export","chart-data","chart-options","chart-title","go-to-explore","show-menu","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"])}}}),[["__scopeId","data-v-774172eb"]]),H=e.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){return(n,t)=>(e.openBlock(),e.createBlock(v,{"chart-options":n.chartOptions,context:n.context,"extra-props":{showAnnotations:!1},height:n.height,query:n.query,"query-ready":n.queryReady},null,8,["chart-options","context","height","query","query-ready"]))}}),qe=e.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){return(n,t)=>(e.openBlock(),e.createBlock(v,{"chart-options":n.chartOptions,context:n.context,height:n.height,query:n.query,"query-ready":n.queryReady},null,8,["chart-options","context","height","query","query-ready"]))}}),Se={class:"metric-card-tile-wrapper"},ke=S(e.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){const n=r,t=e.computed(()=>{const o=n.context.timeSpec;if(o.type==="absolute")return new m.Timeframe({key:"custom",timeframeText:"custom",display:"custom",startCustom:o.start,endCustom:o.end,timeframeLength:()=>o.end.getTime()-o.start.getTime(),defaultResponseGranularity:"daily",dataGranularity:"daily",isRelative:!1,allowedTiers:["free","plus","enterprise"]});const a=m.TimePeriods.get(o.time_range);if(!a)throw new Error("Unknown time range");return a}),i=e.computed(()=>{var a,d;const o=(a=n.query)==null?void 0:a.datasource;if(o&&o!=="advanced"&&o!=="basic")throw new Error(`Invalid datasource value: ${o}`);return{datasource:(d=n.query)==null?void 0:d.datasource,overrideTimeframe:t.value,tz:n.context.tz,additionalFilter:n.context.filters,longCardTitles:n.chartOptions.longCardTitles,containerTitle:n.chartOptions.chartTitle,description:n.chartOptions.description,percentileLatency:n.chartOptions.percentileLatency,refreshInterval:n.context.refreshInterval,queryReady:n.queryReady}});return(o,a)=>(e.openBlock(),e.createElementBlock("div",Se,[e.createVNode(e.unref($.MetricsProvider),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.createVNode(e.unref($.MetricsConsumer))]),_:1},16)]))}}),[["__scopeId","data-v-f2a5f36e"]]),Q="20px",Te=e.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(r){const n=r,t=i=>{var o;if((o=n.chartOptions)!=null&&o.entityLink)if(i.id.includes(":")){const[a,d]=i.id.split(":");return n.chartOptions.entityLink.replace(F,a).replace(O,d)}else return n.chartOptions.entityLink.replace(O,i.id);return""};return(i,o)=>(e.openBlock(),e.createBlock(B,{context:i.context,query:i.query,"query-ready":i.queryReady},{default:e.withCtx(({data:a})=>[e.createVNode(e.unref(D.TopNTable),{data:a,description:i.chartOptions.description,"synthetics-data-key":i.chartOptions.syntheticsDataKey,title:i.chartOptions.chartTitle||""},e.createSlots({_:2},[n.chartOptions.entityLink?{name:"name",fn:e.withCtx(({record:d})=>[e.createVNode(e.unref(de.EntityLink),{"entity-link-data":{id:d.id,label:d.name,deleted:d.deleted},"external-link":t(d)},null,8,["entity-link-data","external-link"])]),key:"0"}:void 0]),1032,["data","description","synthetics-data-key","title"])]),_:1},8,["context","query","query-ready"]))}}),Ce={class:"tile-boundary"},Ee=S(e.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:C},queryReady:{type:Boolean}},emits:["edit-tile"],setup(r,{emit:n}){e.useCssVars(p=>({ab2e7a42:`${p.height}px`}));const t=parseInt(Q,10),i=r,o=n,a={timeseries_line:qe,horizontal_bar:H,vertical_bar:H,gauge:_e,golden_signals:ke,top_n:Te,slottable:void 0},d=e.computed(()=>{const p=a[i.definition.chart.type];return p&&{component:p,rendererProps:{query:i.definition.query,context:i.context,queryReady:i.queryReady,chartOptions:i.definition.chart,height:i.height-t*2}}}),c=()=>{o("edit-tile",i.definition)};return(p,l)=>(e.openBlock(),e.createElementBlock("div",Ce,[d.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value.component),e.mergeProps({key:0},d.value.rendererProps,{onEditTile:c}),null,16)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-56df5ab7"]]),Re=(r,n,t)=>{const i=new Map;t.forEach(a=>{const d=a.layout.position.row,c=i.get(d),p=a.layout.size.rows===1&&!!a.layout.size.fitToContent;c===void 0?i.set(d,p):i.set(d,c&&p)});const o=[];for(let a=0;a<r;a++)i.get(a)?o.push("auto"):o.push(`${n}px`);return o},M=S(e.defineComponent({__name:"GridLayout",props:{gridSize:{type:Object,required:!0},tileHeight:{type:Number,required:!1,default:()=>C},tiles:{type:Array,required:!0}},setup(r){e.useCssVars(c=>({"3bc5e939":r.gridSize.cols,"77aa3028":a.value}));const n=r,t=e.ref(null),i=e.ref(0),o=new ResizeObserver(c=>{window.requestAnimationFrame(()=>{!Array.isArray(c)||!c.length||(i.value=c[0].contentRect.width)})});e.onMounted(()=>{t.value&&o.observe(t.value)}),e.onUnmounted(()=>{t.value&&o.unobserve(t.value)});const a=e.computed(()=>{var p;return Re((p=n.gridSize)==null?void 0:p.rows,n.tileHeight,n.tiles).join(" ")}),d=e.computed(()=>n.tiles.map((c,p)=>({key:`tile-${p}`,tile:c,style:{"grid-column-start":c.layout.position.col+1,"grid-column-end":c.layout.position.col+1+c.layout.size.cols,"grid-row-start":c.layout.position.row+1,"grid-row-end":c.layout.position.row+1+c.layout.size.rows}})));return(c,p)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"gridContainer",ref:t,class:"kong-ui-public-grid-layout"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.key,class:e.normalizeClass(["grid-cell",{"empty-cell":!l.tile}]),style:e.normalizeStyle(l.style)},[e.renderSlot(c.$slots,"tile",{style:e.normalizeStyle(l.style),tile:l.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-f43eb7b8"]]),De={class:"kong-ui-public-dashboard-renderer"},Ae={key:0,class:"tile-container"},we=S(e.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},emits:["edit-tile"],setup(r,{emit:n}){const t=r,i=n,{i18n:o}=x.useI18n(),a=e.inject(A);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 d=pe.useAnalyticsConfigStore(),c=e.computed(()=>t.context.timeSpec?t.context.timeSpec:{type:"relative",time_range:d.defaultQueryTimeForOrg}),p=e.computed(()=>!!t.context.timeSpec||!d.loading),l=e.computed(()=>t.config.tiles.map((u,g)=>{var f;let y=u.definition;if("description"in y.chart){const I=(f=y.chart.description)==null?void 0:f.replace(K,()=>{const _=`renderer.trendRange.${c.value.type==="absolute"?"custom":c.value.time_range}`;return o.te(_)?o.t(_):""});y={...y,chart:{...y.chart,description:I}}}return{layout:u.layout,meta:y,id:g}})),k=e.computed(()=>{let{tz:u,refreshInterval:g,editable:y}=t.context;return u||(u=new Intl.DateTimeFormat().resolvedOptions().timeZone),g===void 0&&(g=G),y===void 0&&(y=!1),{...t.context,tz:u,timeSpec:c.value,refreshInterval:g,editable:y}}),R=u=>{i("edit-tile",u)};return(u,g)=>{const y=e.resolveComponent("KAlert");return e.openBlock(),e.createElementBlock("div",De,[e.unref(a)?(e.openBlock(),e.createBlock(M,{key:1,"grid-size":u.config.gridSize,"tile-height":u.config.tileHeight,tiles:l.value},{tile:e.withCtx(({tile:f})=>[f.meta.chart.type==="slottable"?(e.openBlock(),e.createElementBlock("div",Ae,[e.renderSlot(u.$slots,f.meta.chart.id,{},void 0,!0)])):(e.openBlock(),e.createBlock(Ee,{key:1,class:"tile-container",context:k.value,definition:f.meta,height:f.layout.size.rows*(u.config.tileHeight||e.unref(C))+parseInt(e.unref(Q),10),"query-ready":p.value,onEditTile:I=>R(f)},null,8,["context","definition","height","query-ready","onEditTile"]))]),_:3},8,["grid-size","tile-height","tiles"])):(e.openBlock(),e.createBlock(y,{key:0,appearance:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-cd57ea9c"]]),Ie=["horizontal_bar","vertical_bar","gauge","timeseries_line","golden_signals","top_n","slottable"],w={type:"string"},E={type:"string"},U={type:"boolean"},J={type:["object","array"],items:{type:"string"},additionalProperties:{type:"string"}},Y={type:"object",properties:{type:{type:"string",enum:["slottable"]},id:{type:"string"}},required:["type","id"],additionalProperties:!1},Z={type:"object",properties:{type:{type:"string",enum:["horizontal_bar","vertical_bar"]},stacked:{type:"boolean"},chartDatasetColors:J,syntheticsDataKey:w,chartTitle:E,allowCsvExport:U},required:["type"],additionalProperties:!1},W={type:"object",properties:{type:{type:"string",enum:["timeseries_line"]},stacked:{type:"boolean"},chartDatasetColors:J,syntheticsDataKey:w,chartTitle:E,allowCsvExport:U},required:["type"],additionalProperties:!1},X={type:"object",properties:{type:{type:"string",enum:["gauge"]},metricDisplay:{type:"string",enum:Object.values(D.ChartMetricDisplay)},reverseDataset:{type:"boolean"},numerator:{type:"number"},syntheticsDataKey:w,chartTitle:E},required:["type"],additionalProperties:!1},ee={type:"object",properties:{chartTitle:E,syntheticsDataKey:w,type:{type:"string",enum:["top_n"]},description:{type:"string"},entityLink:{type:"string"}},required:["type"],additionalProperties:!1},te={type:"object",properties:{chartTitle:E,type:{type:"string",enum:["golden_signals"]},longCardTitles:{type:"boolean"},description:{type:"string"},percentileLatency:{type:"boolean"}},required:["type"],additionalProperties:!1},xe={type:"object",properties:{tz:{type:"string",default:"Etc/UTC"},type:{type:"string",enum:["relative"]},time_range:{type:"string",enum:m.relativeTimeRangeValuesV4,default:"1h"}},required:["type","time_range"],additionalProperties:!1},Oe={type:"object",description:"A duration representing an exact start and end time.",properties:{tz:{type:"string"},type:{type:"string",enum:["absolute"]},start:{type:"string"},end:{type:"string"}},required:["type","start","end"],additionalProperties:!1},N={granularity:{type:"string",description:'Force time grouping into buckets of this duration. Only has an effect if "time" is in the "dimensions" list.',enum:m.granularityValues},time_range:{type:"object",description:"The time range to query.",anyOf:[xe,Oe],default:{type:"relative",time_range:"1h"}},limit:{type:"number"},meta:{type:"object"}},P=r=>({type:"array",description:"List of aggregated metrics to collect across the requested time span.",items:{type:"string",enum:r}}),L=r=>({type:"array",description:"List of attributes or entity types to group by.",minItems:0,maxItems:2,items:{type:"string",enum:r}}),V=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:m.exploreFilterTypesV2},values:{type:"array",items:{type:["string","number","null"]}}},required:["dimension","type","values"],additionalProperties:!1}}),re={type:"object",description:"A query to launch at the advanced explore API",properties:{datasource:{type:"string",enum:["advanced"]},metrics:P(m.exploreAggregations),dimensions:L(m.queryableExploreDimensions),filters:V(m.filterableExploreDimensions),...N},required:["datasource"],additionalProperties:!1},ne={type:"object",description:"A query to launch at the basic explore API",properties:{datasource:{type:"string",enum:["basic"]},metrics:P(m.basicExploreAggregations),dimensions:L(m.queryableBasicExploreDimensions),filters:V(m.filterableBasicExploreDimensions),...N},required:["datasource"],additionalProperties:!1},oe={type:"object",description:"A query to launch at the AI explore API",properties:{datasource:{type:"string",enum:["ai"]},metrics:P(m.aiExploreAggregations),dimensions:L(m.queryableAiExploreDimensions),filters:V(m.filterableAiExploreDimensions),...N},required:["datasource"],additionalProperties:!1},ie={anyOf:[re,ne,oe]},ae={type:"object",properties:{query:ie,chart:{anyOf:[Z,X,W,te,ee,Y]}},required:["query","chart"],additionalProperties:!1},se={type:"object",properties:{position:{type:"object",properties:{col:{type:"number"},row:{type:"number"}},description:"Position of the tile in the grid.",required:["col","row"],additionalProperties:!1},size:{type:"object",properties:{cols:{type:"number"},rows:{type:"number"},fitToContent:{type:"boolean"}},description:"Number of columns and rows the tile occupies. If fitToContent is true for every tile in a row, and each tile only occupies 1 row, then the row will auto-fit to its content.",required:["cols","rows"],additionalProperties:!1}},required:["position","size"],additionalProperties:!1},ce={type:"object",properties:{definition:ae,layout:se},required:["definition","layout"],additionalProperties:!1},Be={type:"object",properties:{tiles:{type:"array",items:ce},tileHeight:{type:"number",description:`Height of each tile in pixels. Default: ${C}`},gridSize:{type:"object",properties:{cols:{type:"number"},rows:{type:"number"}},description:"Number of columns and rows in the grid.",required:["cols","rows"],additionalProperties:!1}},required:["tiles","gridSize"],additionalProperties:!1};s.CP_ID_TOKEN=F,s.DEFAULT_TILE_HEIGHT=C,s.DEFAULT_TILE_REFRESH_INTERVAL_MS=G,s.DashboardRenderer=we,s.ENTITY_ID_TOKEN=O,s.GridLayout=M,s.INJECT_QUERY_PROVIDER=A,s.TIMEFRAME_TOKEN=K,s.aiQuerySchema=oe,s.barChartSchema=Z,s.basicQuerySchema=ne,s.dashboardConfigSchema=Be,s.dashboardTileTypes=Ie,s.exploreV4QuerySchema=re,s.gaugeChartSchema=X,s.metricCardSchema=te,s.slottableSchema=Y,s.tileConfigSchema=ce,s.tileDefinitionSchema=ae,s.tileLayoutSchema=se,s.timeseriesChartSchema=W,s.topNTableSchema=ee,s.validDashboardQuery=ie,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .locked[data-v-06b92295]{cursor:move}.tooltip-container[data-v-06b92295]{background-color:#fff;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-06b92295]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:8px;margin:var(--kui-space-40, 8px);min-height:24px;padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .title[data-v-06b92295]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.tooltip-container .tooltip-title .subtitle[data-v-06b92295]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .drag-icon[data-v-06b92295]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}ul.tooltip[data-v-06b92295]{list-style:none;margin:0;margin:var(--kui-space-0, 0px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}ul.tooltip[data-v-06b92295]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar-track{background:transparent}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}ul.tooltip li[data-v-06b92295]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:1;margin:8px;margin:var(--kui-space-40, 8px)}ul.tooltip li[data-v-06b92295]:last-child{padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}ul.tooltip .display-label[data-v-06b92295]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-06b92295]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}ul.tooltip .square-marker[data-v-06b92295]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-8e9f2f19]{display:flex;margin:6px 0 0;max-height:inherit;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:auto;padding-left:0}.legend-container[data-v-8e9f2f19]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.legend-container.vertical[data-v-8e9f2f19]{flex-direction:column;justify-content:flex-start;max-height:90%;max-width:15%;min-width:10%;padding-left:12px;row-gap:16px}.legend-container.vertical .truncate-label[data-v-8e9f2f19]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-8e9f2f19]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-8e9f2f19]{column-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,12ch);height:40px;justify-content:center;max-width:99%!important}.legend-container.vertical .sub-label[data-v-8e9f2f19]{display:none}}.legend-container.horizontal[data-v-8e9f2f19]{column-gap:12px;display:grid;height:var(--12487160);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-8e9f2f19]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-8e9f2f19]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-8e9f2f19]{line-height:24px;white-space:nowrap}.legend-container li[data-v-8e9f2f19]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-8e9f2f19]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-8e9f2f19]{font-size:12px}.legend-container li .sub-label[data-v-8e9f2f19]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-8e9f2f19]{text-decoration:line-through}.chart-parent[data-v-e2a1d643]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-e2a1d643]{flex-direction:column}.chart-parent.column .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-e2a1d643]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-e2a1d643]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-e2a1d643]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-e2a1d643]{flex:1 1 auto;position:relative}.chart-container[data-v-e2a1d643]{overflow:auto}.chart-container[data-v-e2a1d643]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container .chart-body[data-v-e2a1d643]{height:100%}.chart-container[data-v-e2a1d643]::-webkit-scrollbar-track{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container[data-v-e2a1d643]::-webkit-scrollbar{width:10px}.chart-container[data-v-e2a1d643]::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.axis[data-v-e2a1d643]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-e2a1d643]{background-color:#3a3f51;color:#fff;color:var(--kui-color-text-inverse, #ffffff);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.tooltip-boundary[data-v-e2a1d643]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-5cc0c740]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-5cc0c740]{flex-direction:column}.chart-parent.column .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-5cc0c740]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-5cc0c740]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-5cc0c740]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-5cc0c740]{flex:1 1 auto;position:relative}.chart-parent[data-v-0f89741b]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-0f89741b]{flex-direction:column}.chart-parent.column .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-0f89741b]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-0f89741b]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-0f89741b]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-0f89741b]{flex:1 1 auto;position:relative}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.analytics-chart-shell[data-v-bdcd60d0],.simple-chart-shell[data-v-bdcd60d0]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-bdcd60d0],.simple-chart-shell .chart-empty-state[data-v-bdcd60d0]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-bdcd60d0]{height:100%;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-bdcd60d0]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-bdcd60d0]{padding:20px 0 16px;padding:var(--kui-space-70, 20px) var(--kui-space-0, 0px) var(--kui-space-60, 16px) var(--kui-space-0, 0px)}.analytics-chart-shell .chart-header[data-v-bdcd60d0]{align-items:center;display:flex;justify-content:flex-start;padding-bottom:16px;padding-bottom:var(--kui-space-60, 16px)}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-bdcd60d0]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-bdcd60d0]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.analytics-chart-shell .chart-title[data-v-bdcd60d0]{font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.analytics-chart-shell .tooltip[data-v-bdcd60d0]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.analytics-chart-shell .dropdown[data-v-bdcd60d0]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.analytics-chart-shell .dropdown li.k-dropdown-item a[data-v-bdcd60d0]{text-decoration:none}.analytics-chart-shell .dropdown a[data-v-bdcd60d0]{color:#000933}.analytics-chart-shell .dropdown a[data-v-bdcd60d0]:hover{color:#000933;text-decoration:none}.analytics-chart-shell .dropdown[data-v-bdcd60d0]:hover{cursor:pointer}.chart-parent[data-v-b873244e]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-b873244e]{flex-direction:column}.chart-parent.column .chart-container[data-v-b873244e]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-b873244e]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-b873244e]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-b873244e]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-b873244e]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-b873244e]{flex:1 1 auto;position:relative}.chart-parent[data-v-b873244e]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-b873244e]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-b873244e]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-b873244e]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-b873244e]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.analytics-chart-shell[data-v-9d13f2fd],.simple-chart-shell[data-v-9d13f2fd]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-9d13f2fd],.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-9d13f2fd]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px)}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-61747ee5]{border:none!important;height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-61747ee5]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-61747ee5] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-61747ee5]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-61747ee5]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-61747ee5]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-61747ee5]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-61747ee5]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-61747ee5]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-61747ee5]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-61747ee5]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-61747ee5]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}.metricscard-tooltip,.trafficcard.active .metricscard-tooltip{pointer-events:all}.metricscard[data-v-1104dc0f]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-1104dc0f]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-1104dc0f]{height:100%;justify-content:space-evenly}}.metricscard[data-v-1104dc0f]:hover{border:none;text-decoration:none}.metricscard-title[data-v-1104dc0f]{align-items:center;color:#000933;color:var(--kui-color-text, #000933);display:flex;flex-direction:row;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.metricscard-title.sm[data-v-1104dc0f]{font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-title.md[data-v-1104dc0f]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.metricscard-title.lg[data-v-1104dc0f],.metricscard-title.xl[data-v-1104dc0f]{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.metricscard-description[data-v-1104dc0f]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5);font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.metricscard-icon[data-v-1104dc0f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-value[data-v-1104dc0f]{color:#000933;color:var(--kui-color-text, #000933);display:flex;flex-direction:row;font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;line-height:32px;line-height:var(--kui-line-height-60, 32px)}.metricscard-value.sm[data-v-1104dc0f]{font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}.metricscard-value.xl[data-v-1104dc0f]{font-size:48px;font-size:var(--kui-font-size-100, 48px)}.metricscard-valuetrend[data-v-1104dc0f]{display:flex;flex-direction:column;row-gap:12px;row-gap:var(--kui-space-50, 12px)}@media (max-width: 767px){.metricscard-valuetrend[data-v-1104dc0f]{row-gap:6px;row-gap:var(--kui-space-30, 6px)}}.metricscard-valuetrend.is-compact[data-v-1104dc0f]{align-items:center;flex-direction:row!important;justify-content:space-between;margin-top:0;margin-top:var(--kui-space-0, 0px)}.metricscard-trend[data-v-1104dc0f]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.metricscard-trend-change[data-v-1104dc0f]{align-items:center;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px)}.metricscard-trend-change .kui-icon[data-v-1104dc0f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-trend-change.positive[data-v-1104dc0f]{background-color:#ecfffb;background-color:var(--kui-color-background-success-weakest, #ecfffb);color:#007d60;color:var(--kui-color-text-success, #007d60)}.metricscard-trend-change.negative[data-v-1104dc0f]{background-color:#ffe5e5;background-color:var(--kui-color-background-danger-weakest, #ffe5e5);color:#ad000e;color:var(--kui-color-text-danger-strong, #ad000e)}.metricscard-trend-change.neutral[data-v-1104dc0f]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.metricscard-trend-range[data-v-1104dc0f]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-tooltip[data-v-1104dc0f]{display:inline-flex;margin:auto 0 auto 4px;margin:var(--kui-space-auto, auto) var(--kui-space-0, 0px) var(--kui-space-auto, auto) var(--kui-space-20, 4px);vertical-align:middle}.metricscard-error[data-v-1104dc0f]{align-items:center;color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.metricscard-error .kong-icon-warning[data-v-1104dc0f]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.metricscard.active .metricscard-tooltip[data-v-1104dc0f]{pointer-events:all}.loading-tabs[data-v-50eab68c]{display:flex;flex-direction:column}.loading-tabs-large[data-v-50eab68c]{padding:4px;row-gap:12px;width:240px}.loading-tabs-small[data-v-50eab68c]{padding:2px;row-gap:8px;width:120px}.loading-tabs-small .box[data-v-50eab68c]{height:12px}@media (max-width: 767px){.loading-tabs[data-v-50eab68c]{width:auto}}.kong-ui-public-metric-card-container[data-v-b6d6fdc3]{background-color:transparent;background-color:var(--kui-color-background-transparent, transparent);display:flex;flex-direction:column;justify-content:space-between;width:100%}.kong-ui-public-metric-card-container .container-title[data-v-b6d6fdc3]{align-items:center;display:flex;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-public-metric-card-container .container-title .container-description[data-v-b6d6fdc3]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400)}.kong-ui-public-metric-card-container .cards-wrapper[data-v-b6d6fdc3]{display:flex;flex-direction:row;flex-grow:1;column-gap:24px;row-gap:16px}@media (max-width: 767px){.kong-ui-public-metric-card-container .cards-wrapper[data-v-b6d6fdc3]{column-gap:16px;row-gap:16px;flex-direction:column}}.kong-ui-public-metric-card-container.sm[data-v-b6d6fdc3]{column-gap:0;row-gap:0}.kong-ui-public-metric-card-container .error-display[data-v-b6d6fdc3]{align-items:center;display:flex;justify-content:center;margin:auto;margin:var(--kui-space-auto, auto)}.kong-ui-public-metric-card-container .error-display-icon[data-v-b6d6fdc3]{display:flex}.kong-ui-public-metric-card-container .error-display-message[data-v-b6d6fdc3]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:14px;font-size:var(--kui-font-size-30, 14px);margin-left:12px;margin-left:var(--kui-space-50, 12px)}.analytics-chart[data-v-af07dcbf]{height:var(--6fb24a14)}.analytics-chart[data-v-825ad29e]{height:var(--2fa92943)}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-f2a5f36e]{align-items:center;display:flex;height:100%}}.metric-card-tile-wrapper[data-v-f2a5f36e] .kong-ui-public-metric-card-container{height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-f2a5f36e] .kong-ui-public-metric-card-container .metricscard:not(:last-of-type){border-right:1px solid #e0e4ea;border-right:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}}.config-card-fieldset[data-v-68ca83ec]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-68ca83ec]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-2fde1e51]{align-items:center;border-bottom:var(--445df5cd);display:var(--36146f00);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-2fde1e51]{width:var(--41377040)}.config-card-details-row .config-card-details-label label[data-v-2fde1e51]{color:#3a3f51}.config-card-details-row .config-card-details-value[data-v-2fde1e51]{width:var(--4132e48a)}.config-card-details-row .config-card-details-value .truncated[data-v-2fde1e51]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-2fde1e51]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-2fde1e51] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-2fde1e51]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-2fde1e51]{margin-right:4px}.config-card-details-row[data-v-2fde1e51] .k-label{margin-bottom:0}.config-card-details-row[data-v-2fde1e51] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-2fde1e51] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--454fa8c4);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d15be7fe]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-7ef5c755]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-7ef5c755]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-7ef5c755]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-7ef5c755] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-7ef5c755]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-6210a67a]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-6210a67a]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-6210a67a] .k-slideout-title{color:#000933!important;font-size:24px!important;font-weight:700!important;line-height:32px!important;margin-bottom:16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .tab-item>div.tab-link.has-panels{color:#6c7489!important;font-size:14px!important;font-weight:700!important;line-height:24px!important}.kong-ui-entity-base-form[data-v-6210a67a] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-765e475b]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-765e475b]{margin-left:auto}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-10fa27a5]{width:100%}.kong-ui-entity-filter-clear[data-v-10fa27a5]{cursor:pointer}.kong-ui-entity-filter[data-v-10fa27a5]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10fa27a5] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10fa27a5] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10fa27a5]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-10fa27a5]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-10fa27a5]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-10fa27a5]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-10fa27a5]{color:#232633}.menu-item-expand-icon[data-v-10fa27a5]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10fa27a5]{transform:rotate(180deg)}.menu-item-indicator[data-v-10fa27a5]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-10fa27a5]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-10fa27a5] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10fa27a5] .k-input{width:100%}.menu-item-body[data-v-10fa27a5] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10fa27a5] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10fa27a5]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10fa27a5]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10fa27a5]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-60e3ef7c]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-60e3ef7c]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-60e3ef7c]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-60e3ef7c]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-60e3ef7c]{margin-left:2px}.tile-boundary[data-v-56df5ab7]{height:var(--ab2e7a42)}.kong-ui-public-grid-layout[data-v-f43eb7b8]{display:grid;gap:20px;gap:var(--kui-space-70, 20px);grid-template-columns:repeat(var(--3bc5e939),1fr);grid-template-rows:var(--77aa3028);width:100%}@media (max-width: 768px){.kong-ui-public-grid-layout[data-v-f43eb7b8]{display:flex;flex-direction:column}.kong-ui-public-grid-layout .grid-cell[data-v-f43eb7b8]{height:auto!important;left:auto!important;position:relative;top:auto!important;transform:none!important;width:auto!important}.kong-ui-public-grid-layout .grid-cell[data-v-f43eb7b8]:not(:first-child){margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-public-grid-layout .empty-cell[data-v-f43eb7b8]{display:none}}.kong-ui-public-dashboard-renderer .tile-container[data-v-cd57ea9c]{background:transparent;background:var(--kui-color-background-transparent, transparent);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);height:100%;padding:20px;padding:var(--kui-space-70, 20px)}
1
+ .locked[data-v-06b92295]{cursor:move}.tooltip-container[data-v-06b92295]{background-color:#fff;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-06b92295]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:8px;margin:var(--kui-space-40, 8px);min-height:24px;padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .title[data-v-06b92295]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.tooltip-container .tooltip-title .subtitle[data-v-06b92295]{font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.tooltip-container .tooltip-title .drag-icon[data-v-06b92295]{margin-top:6px;margin-top:var(--kui-space-30, 6px);position:absolute;right:0;top:0}ul.tooltip[data-v-06b92295]{list-style:none;margin:0;margin:var(--kui-space-0, 0px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}ul.tooltip[data-v-06b92295]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar-track{background:transparent}ul.tooltip[data-v-06b92295] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}ul.tooltip li[data-v-06b92295]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:1;margin:8px;margin:var(--kui-space-40, 8px)}ul.tooltip li[data-v-06b92295]:last-child{padding-bottom:8px;padding-bottom:var(--kui-space-40, 8px)}ul.tooltip .display-label[data-v-06b92295]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-06b92295]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}ul.tooltip .square-marker[data-v-06b92295]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.legend-container[data-v-8e9f2f19]{display:flex;margin:6px 0 0;max-height:inherit;-ms-overflow-style:thin;overflow-x:hidden;overflow-y:auto;padding-left:0}.legend-container[data-v-8e9f2f19]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-8e9f2f19] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.legend-container.vertical[data-v-8e9f2f19]{flex-direction:column;justify-content:flex-start;max-height:90%;max-width:15%;min-width:10%;padding-left:12px;row-gap:16px}.legend-container.vertical .truncate-label[data-v-8e9f2f19]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-8e9f2f19]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-8e9f2f19]{column-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,12ch);height:40px;justify-content:center;max-width:99%!important}.legend-container.vertical .sub-label[data-v-8e9f2f19]{display:none}}.legend-container.horizontal[data-v-8e9f2f19]{column-gap:12px;display:grid;height:var(--12487160);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-8e9f2f19]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-8e9f2f19]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-8e9f2f19]{line-height:24px;white-space:nowrap}.legend-container li[data-v-8e9f2f19]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-8e9f2f19]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-8e9f2f19]{font-size:12px}.legend-container li .sub-label[data-v-8e9f2f19]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-8e9f2f19]{text-decoration:line-through}.chart-parent[data-v-e2a1d643]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-e2a1d643]{flex-direction:column}.chart-parent.column .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-e2a1d643]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-e2a1d643]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-e2a1d643]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-e2a1d643]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-e2a1d643]{flex:1 1 auto;position:relative}.chart-container[data-v-e2a1d643]{overflow:auto}.chart-container[data-v-e2a1d643]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-e2a1d643] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container .chart-body[data-v-e2a1d643]{height:100%}.chart-container[data-v-e2a1d643]::-webkit-scrollbar-track{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container[data-v-e2a1d643]::-webkit-scrollbar{width:10px}.chart-container[data-v-e2a1d643]::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.axis[data-v-e2a1d643]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-e2a1d643]{background-color:#3a3f51;color:#fff;color:var(--kui-color-text-inverse, #ffffff);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.tooltip-boundary[data-v-e2a1d643]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-5cc0c740]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-5cc0c740]{flex-direction:column}.chart-parent.column .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-5cc0c740]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-5cc0c740]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-5cc0c740]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-5cc0c740]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-5cc0c740]{flex:1 1 auto;position:relative}.chart-parent[data-v-0f89741b]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-0f89741b]{flex-direction:column}.chart-parent.column .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-0f89741b]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-0f89741b]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-0f89741b]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-0f89741b]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-0f89741b]{flex:1 1 auto;position:relative}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.analytics-chart-shell[data-v-bdcd60d0],.simple-chart-shell[data-v-bdcd60d0]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-bdcd60d0],.simple-chart-shell .chart-empty-state[data-v-bdcd60d0]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-bdcd60d0]{height:100%;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-bdcd60d0]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-bdcd60d0]{padding:20px 0 16px;padding:var(--kui-space-70, 20px) var(--kui-space-0, 0px) var(--kui-space-60, 16px) var(--kui-space-0, 0px)}.analytics-chart-shell .chart-header[data-v-bdcd60d0]{align-items:center;display:flex;justify-content:flex-start;padding-bottom:16px;padding-bottom:var(--kui-space-60, 16px)}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-bdcd60d0]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-bdcd60d0]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.analytics-chart-shell .chart-title[data-v-bdcd60d0]{font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.analytics-chart-shell .tooltip[data-v-bdcd60d0]{display:flex;margin-left:12px;margin-left:var(--kui-space-50, 12px);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.analytics-chart-shell .dropdown[data-v-bdcd60d0]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.analytics-chart-shell .dropdown li.k-dropdown-item a[data-v-bdcd60d0]{text-decoration:none}.analytics-chart-shell .dropdown a[data-v-bdcd60d0]{color:#000933}.analytics-chart-shell .dropdown a[data-v-bdcd60d0]:hover{color:#000933;text-decoration:none}.analytics-chart-shell .dropdown[data-v-bdcd60d0]:hover{cursor:pointer}.chart-parent[data-v-b873244e]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-b873244e]{flex-direction:column}.chart-parent.column .chart-container[data-v-b873244e]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-b873244e]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-b873244e]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-b873244e]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-b873244e]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-b873244e]{flex:1 1 auto;position:relative}.chart-parent[data-v-b873244e]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-b873244e]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-b873244e]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-b873244e]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-b873244e]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.analytics-chart-shell[data-v-9d13f2fd],.simple-chart-shell[data-v-9d13f2fd]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-9d13f2fd],.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-9d13f2fd]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px)}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-9d13f2fd] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-61747ee5]{border:none!important;height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-61747ee5]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-61747ee5] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-61747ee5] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-61747ee5]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-61747ee5]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-61747ee5]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-61747ee5]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-61747ee5]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-61747ee5]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-61747ee5]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-61747ee5]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-61747ee5]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-61747ee5] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}.metricscard-tooltip,.trafficcard.active .metricscard-tooltip{pointer-events:all}.metricscard[data-v-1104dc0f]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-1104dc0f]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-1104dc0f]{height:100%;justify-content:space-evenly}}.metricscard[data-v-1104dc0f]:hover{border:none;text-decoration:none}.metricscard-title[data-v-1104dc0f]{align-items:center;color:#000933;color:var(--kui-color-text, #000933);display:flex;flex-direction:row;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.metricscard-title.sm[data-v-1104dc0f]{font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-title.md[data-v-1104dc0f]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.metricscard-title.lg[data-v-1104dc0f],.metricscard-title.xl[data-v-1104dc0f]{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.metricscard-description[data-v-1104dc0f]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5);font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.metricscard-icon[data-v-1104dc0f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-value[data-v-1104dc0f]{color:#000933;color:var(--kui-color-text, #000933);display:flex;flex-direction:row;font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;line-height:32px;line-height:var(--kui-line-height-60, 32px)}.metricscard-value.sm[data-v-1104dc0f]{font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}.metricscard-value.xl[data-v-1104dc0f]{font-size:48px;font-size:var(--kui-font-size-100, 48px)}.metricscard-valuetrend[data-v-1104dc0f]{display:flex;flex-direction:column;row-gap:12px;row-gap:var(--kui-space-50, 12px)}@media (max-width: 767px){.metricscard-valuetrend[data-v-1104dc0f]{row-gap:6px;row-gap:var(--kui-space-30, 6px)}}.metricscard-valuetrend.is-compact[data-v-1104dc0f]{align-items:center;flex-direction:row!important;justify-content:space-between;margin-top:0;margin-top:var(--kui-space-0, 0px)}.metricscard-trend[data-v-1104dc0f]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.metricscard-trend-change[data-v-1104dc0f]{align-items:center;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px)}.metricscard-trend-change .kui-icon[data-v-1104dc0f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-trend-change.positive[data-v-1104dc0f]{background-color:#ecfffb;background-color:var(--kui-color-background-success-weakest, #ecfffb);color:#007d60;color:var(--kui-color-text-success, #007d60)}.metricscard-trend-change.negative[data-v-1104dc0f]{background-color:#ffe5e5;background-color:var(--kui-color-background-danger-weakest, #ffe5e5);color:#ad000e;color:var(--kui-color-text-danger-strong, #ad000e)}.metricscard-trend-change.neutral[data-v-1104dc0f]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.metricscard-trend-range[data-v-1104dc0f]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-tooltip[data-v-1104dc0f]{display:inline-flex;margin:auto 0 auto 4px;margin:var(--kui-space-auto, auto) var(--kui-space-0, 0px) var(--kui-space-auto, auto) var(--kui-space-20, 4px);vertical-align:middle}.metricscard-error[data-v-1104dc0f]{align-items:center;color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.metricscard-error .kong-icon-warning[data-v-1104dc0f]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.metricscard.active .metricscard-tooltip[data-v-1104dc0f]{pointer-events:all}.loading-tabs[data-v-50eab68c]{display:flex;flex-direction:column}.loading-tabs-large[data-v-50eab68c]{padding:4px;row-gap:12px;width:240px}.loading-tabs-small[data-v-50eab68c]{padding:2px;row-gap:8px;width:120px}.loading-tabs-small .box[data-v-50eab68c]{height:12px}@media (max-width: 767px){.loading-tabs[data-v-50eab68c]{width:auto}}.kong-ui-public-metric-card-container[data-v-b6d6fdc3]{background-color:transparent;background-color:var(--kui-color-background-transparent, transparent);display:flex;flex-direction:column;justify-content:space-between;width:100%}.kong-ui-public-metric-card-container .container-title[data-v-b6d6fdc3]{align-items:center;display:flex;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-public-metric-card-container .container-title .container-description[data-v-b6d6fdc3]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400)}.kong-ui-public-metric-card-container .cards-wrapper[data-v-b6d6fdc3]{display:flex;flex-direction:row;flex-grow:1;column-gap:24px;row-gap:16px}@media (max-width: 767px){.kong-ui-public-metric-card-container .cards-wrapper[data-v-b6d6fdc3]{column-gap:16px;row-gap:16px;flex-direction:column}}.kong-ui-public-metric-card-container.sm[data-v-b6d6fdc3]{column-gap:0;row-gap:0}.kong-ui-public-metric-card-container .error-display[data-v-b6d6fdc3]{align-items:center;display:flex;justify-content:center;margin:auto;margin:var(--kui-space-auto, auto)}.kong-ui-public-metric-card-container .error-display-icon[data-v-b6d6fdc3]{display:flex}.kong-ui-public-metric-card-container .error-display-message[data-v-b6d6fdc3]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:14px;font-size:var(--kui-font-size-30, 14px);margin-left:12px;margin-left:var(--kui-space-50, 12px)}.analytics-chart[data-v-af07dcbf]{height:var(--6fb24a14)}.analytics-chart[data-v-774172eb]{height:var(--c31507a4)}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-f2a5f36e]{align-items:center;display:flex;height:100%}}.metric-card-tile-wrapper[data-v-f2a5f36e] .kong-ui-public-metric-card-container{height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-f2a5f36e] .kong-ui-public-metric-card-container .metricscard:not(:last-of-type){border-right:1px solid #e0e4ea;border-right:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}}.config-card-fieldset[data-v-68ca83ec]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-68ca83ec]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-2fde1e51]{align-items:center;border-bottom:var(--445df5cd);display:var(--36146f00);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-2fde1e51]{width:var(--41377040)}.config-card-details-row .config-card-details-label label[data-v-2fde1e51]{color:#3a3f51}.config-card-details-row .config-card-details-value[data-v-2fde1e51]{width:var(--4132e48a)}.config-card-details-row .config-card-details-value .truncated[data-v-2fde1e51]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-2fde1e51]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-2fde1e51] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-2fde1e51]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-2fde1e51]{margin-right:4px}.config-card-details-row[data-v-2fde1e51] .k-label{margin-bottom:0}.config-card-details-row[data-v-2fde1e51] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-2fde1e51] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--454fa8c4);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d15be7fe]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-7ef5c755]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-7ef5c755]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-7ef5c755]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-7ef5c755] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-7ef5c755]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-6210a67a]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-6210a67a]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-6210a67a] .k-slideout-title{color:#000933!important;font-size:24px!important;font-weight:700!important;line-height:32px!important;margin-bottom:16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .tab-item>div.tab-link.has-panels{color:#6c7489!important;font-size:14px!important;font-weight:700!important;line-height:24px!important}.kong-ui-entity-base-form[data-v-6210a67a] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-765e475b]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-765e475b]{margin-left:auto}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-10fa27a5]{width:100%}.kong-ui-entity-filter-clear[data-v-10fa27a5]{cursor:pointer}.kong-ui-entity-filter[data-v-10fa27a5]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10fa27a5] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10fa27a5] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10fa27a5]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-10fa27a5]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-10fa27a5]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-10fa27a5]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-10fa27a5]{color:#232633}.menu-item-expand-icon[data-v-10fa27a5]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10fa27a5]{transform:rotate(180deg)}.menu-item-indicator[data-v-10fa27a5]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-10fa27a5]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-10fa27a5] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10fa27a5] .k-input{width:100%}.menu-item-body[data-v-10fa27a5] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10fa27a5] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10fa27a5]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10fa27a5]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10fa27a5]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-60e3ef7c]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-60e3ef7c]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-60e3ef7c]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-60e3ef7c]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-60e3ef7c]{margin-left:2px}.tile-boundary[data-v-56df5ab7]{height:var(--ab2e7a42)}.kong-ui-public-grid-layout[data-v-f43eb7b8]{display:grid;gap:20px;gap:var(--kui-space-70, 20px);grid-template-columns:repeat(var(--3bc5e939),1fr);grid-template-rows:var(--77aa3028);width:100%}@media (max-width: 768px){.kong-ui-public-grid-layout[data-v-f43eb7b8]{display:flex;flex-direction:column}.kong-ui-public-grid-layout .grid-cell[data-v-f43eb7b8]{height:auto!important;left:auto!important;position:relative;top:auto!important;transform:none!important;width:auto!important}.kong-ui-public-grid-layout .grid-cell[data-v-f43eb7b8]:not(:first-child){margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-public-grid-layout .empty-cell[data-v-f43eb7b8]{display:none}}.kong-ui-public-dashboard-renderer .tile-container[data-v-cd57ea9c]{background:transparent;background:var(--kui-color-background-transparent, transparent);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);height:100%;padding:20px;padding:var(--kui-space-70, 20px)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kong-ui-public/dashboard-renderer",
3
- "version": "0.28.0",
3
+ "version": "0.28.1",
4
4
  "type": "module",
5
5
  "main": "./dist/dashboard-renderer.umd.js",
6
6
  "module": "./dist/dashboard-renderer.es.js",
@@ -30,9 +30,9 @@
30
30
  "@kong-ui-public/analytics-chart": "^5.4.0",
31
31
  "@kong-ui-public/analytics-config-store": "^0.8.20",
32
32
  "@kong-ui-public/analytics-metric-provider": "^8.4.50",
33
- "@kong-ui-public/analytics-utilities": "^5.3.0",
33
+ "@kong-ui-public/i18n": "^2.2.7",
34
34
  "@kong-ui-public/sandbox-layout": "^2.1.52",
35
- "@kong-ui-public/i18n": "^2.2.7"
35
+ "@kong-ui-public/analytics-utilities": "^5.3.0"
36
36
  },
37
37
  "repository": {
38
38
  "type": "git",
@@ -55,11 +55,11 @@
55
55
  "@kong/kongponents": "^9.14.8",
56
56
  "swrv": "^1.0.4",
57
57
  "vue": ">= 3.3.13 < 4",
58
- "@kong-ui-public/analytics-config-store": "^0.8.20",
59
58
  "@kong-ui-public/analytics-chart": "^5.4.0",
59
+ "@kong-ui-public/analytics-config-store": "^0.8.20",
60
60
  "@kong-ui-public/analytics-metric-provider": "^8.4.50",
61
- "@kong-ui-public/analytics-utilities": "^5.3.0",
62
- "@kong-ui-public/i18n": "^2.2.7"
61
+ "@kong-ui-public/i18n": "^2.2.7",
62
+ "@kong-ui-public/analytics-utilities": "^5.3.0"
63
63
  },
64
64
  "dependencies": {
65
65
  "ajv": "^8.17.1",