@kong-ui-public/dashboard-renderer 6.2.1 → 6.3.0

package/dist/dashboard-renderer.es.js

@@ -892,7 +892,7 @@ const Ni = () => {
       }, 16)
     ]));
   }
-}), Ii = /* @__PURE__ */ de(Mi, [["__scopeId", "data-v-b7e09724"]]), gt = "#6c7489", Pi = "12px", mt = "20px", It = "20px", qi = {
+}), Ii = /* @__PURE__ */ de(Mi, [["__scopeId", "data-v-7e1b1cc1"]]), gt = "#6c7489", Pi = "12px", mt = "20px", It = "20px", qi = {
   class: "fallback-entity-link",
   "data-testid": "entity-link-parent"
 }, pt = /* @__PURE__ */ K({

package/dist/dashboard-renderer.umd.js

@@ -1,4 +1,4 @@
-(function(E,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("@kong-ui-public/analytics-utilities"),require("@kong-ui-public/analytics-chart"),require("swrv"),require("axios"),require("@kong-ui-public/i18n"),require("@kong-ui-public/analytics-config-store"),require("@kong-ui-public/analytics-metric-provider"),require("@kong/icons")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/analytics-utilities","@kong-ui-public/analytics-chart","swrv","axios","@kong-ui-public/i18n","@kong-ui-public/analytics-config-store","@kong-ui-public/analytics-metric-provider","@kong/icons"],o):(E=typeof globalThis<"u"?globalThis:E||self,o(E["kong-ui-public-dashboard-renderer"]={},E.Vue,E["kong-ui-public-analytics-utilities"],E["kong-ui-public-analytics-chart"],E.swrv,E.axios,E["kong-ui-public-i18n"],E["kong-ui-public-analytics-config-store"],E["kong-ui-public-analytics-metric-provider"],E.KongIcons))})(this,function(E,o,z,j,ze,li,$e,Ge,Fe,Ne){"use strict";var oi=Object.defineProperty;var dt=E=>{throw TypeError(E)};var ai=(E,o,z)=>o in E?oi(E,o,{enumerable:!0,configurable:!0,writable:!0,value:z}):E[o]=z;var ct=(E,o,z)=>ai(E,typeof o!="symbol"?o+"":o,z),Be=(E,o,z)=>o.has(E)||dt("Cannot "+z);var w=(E,o,z)=>(Be(E,o,"read from private field"),z?z.call(E):o.get(E)),L=(E,o,z)=>o.has(E)?dt("Cannot add the same private member more than once"):o instanceof WeakSet?o.add(E):o.set(E,z),H=(E,o,z,j)=>(Be(E,o,"write to private field"),j?j.call(E,z):o.set(E,z),z),M=(E,o,z)=>(Be(E,o,"access private method"),z);var pe=(E,o,z,j)=>({set _(ze){H(E,o,ze,z)},get _(){return w(E,o,j)}});var F,se,re,J,ce,ne,ue,U,oe,P,fe,W,ae,X,ge,Ce,D,ut,ft,gt,mt,pt,ke,Pe,qe,Te,yt,De;var Ue=(f=>(f.VALIDATING="VALIDATING",f.VALIDATING_HAS_DATA="VALIDATING_HAS_DATA",f.PENDING="PENDING",f.SUCCESS="SUCCESS",f.SUCCESS_HAS_DATA="SUCCESS_HAS_DATA",f.ERROR="ERROR",f.STALE_IF_ERROR="STALE_IF_ERROR",f))(Ue||{});const _t=f=>{var e,t,i,s,r;return f?!!((e=Object.keys(f))!=null&&e.length||(t=f.data)!=null&&t.length||(s=(i=f.data)==null?void 0:i.data)!=null&&s.length||!((r=f.data)!=null&&r.data)&&typeof f.data=="object"&&Object.keys(f==null?void 0:f.data).length):!1};function vt(f=o.ref({}),e,t,i=_t){const s=o.ref("PENDING");return o.watchEffect(()=>{const r=i(f.value);if(f.value&&r&&t.value){s.value="VALIDATING_HAS_DATA";return}if(f.value&&t.value){s.value="VALIDATING";return}if(f.value&&e.value){s.value="STALE_IF_ERROR";return}if(f.value===void 0&&!e.value){s.value="PENDING";return}if(f.value&&!e.value&&r){s.value="SUCCESS_HAS_DATA";return}if(f.value&&!e.value){s.value="SUCCESS";return}f.value===void 0&&e&&(s.value="ERROR")}),{state:s,swrvState:Ue}}const wt={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",duplicateTile:"Duplicate",remove:"Remove",delete:"Delete"},queryDataProvider:{forbidden:"You do not have permission to query this data.",timeRangeExceeded:"The time range for this report is outside of your organization's data retention period",timeout:"Query timed out.  Consider querying a shorter time range."},csvExport:{defaultFilename:"Chart export",exportAsCsv:"Export as CSV"},jumpToExplore:"Explore",query_aged_out_warning:"This tile was configured with {savedGranularity} granularity, which is no longer available. It now shows {currentGranularity} data, the closest available granularity.",granularities:{daily:"1 day",fiveMinutely:"5 minutes",hourly:"1 hour",minutely:"1 minute",tenMinutely:"10 minutes",tensecondly:"10 seconds",thirtyMinutely:"30 minutes",thirtySecondly:"30 seconds",twelveHourly:"12 hours",twoHourly:"2 hours",weekly:"1 week"}};function bt(){const f=$e.createI18n("en-us",wt);return{i18n:f,i18nT:$e.i18nTComponent(f)}}const le=170,Se=6,Z="analytics-query-provider",Ae="{entity-id}",We="{cp-id}",Ve="{timeframe}",Ke=30*1e3;function Et(){const f=o.inject(Z);return{evaluateFeatureFlag:(t,i)=>f?f.evaluateFeatureFlagFn(t,i):i}}function Ct(f){return f&&f.__esModule&&Object.prototype.hasOwnProperty.call(f,"default")?f.default:f}var Ye={exports:{}};(function(f){var e=Object.prototype.hasOwnProperty,t="~";function i(){}Object.create&&(i.prototype=Object.create(null),new i().__proto__||(t=!1));function s(c,d,h){this.fn=c,this.context=d,this.once=h||!1}function r(c,d,h,l,g){if(typeof h!="function")throw new TypeError("The listener must be a function");var p=new s(h,l||c,g),y=t?t+d:d;return c._events[y]?c._events[y].fn?c._events[y]=[c._events[y],p]:c._events[y].push(p):(c._events[y]=p,c._eventsCount++),c}function a(c,d){--c._eventsCount===0?c._events=new i:delete c._events[d]}function n(){this._events=new i,this._eventsCount=0}n.prototype.eventNames=function(){var d=[],h,l;if(this._eventsCount===0)return d;for(l in h=this._events)e.call(h,l)&&d.push(t?l.slice(1):l);return Object.getOwnPropertySymbols?d.concat(Object.getOwnPropertySymbols(h)):d},n.prototype.listeners=function(d){var h=t?t+d:d,l=this._events[h];if(!l)return[];if(l.fn)return[l.fn];for(var g=0,p=l.length,y=new Array(p);g<p;g++)y[g]=l[g].fn;return y},n.prototype.listenerCount=function(d){var h=t?t+d:d,l=this._events[h];return l?l.fn?1:l.length:0},n.prototype.emit=function(d,h,l,g,p,y){var _=t?t+d:d;if(!this._events[_])return!1;var m=this._events[_],T=arguments.length,S,R;if(m.fn){switch(m.once&&this.removeListener(d,m.fn,void 0,!0),T){case 1:return m.fn.call(m.context),!0;case 2:return m.fn.call(m.context,h),!0;case 3:return m.fn.call(m.context,h,l),!0;case 4:return m.fn.call(m.context,h,l,g),!0;case 5:return m.fn.call(m.context,h,l,g,p),!0;case 6:return m.fn.call(m.context,h,l,g,p,y),!0}for(R=1,S=new Array(T-1);R<T;R++)S[R-1]=arguments[R];m.fn.apply(m.context,S)}else{var O=m.length,k;for(R=0;R<O;R++)switch(m[R].once&&this.removeListener(d,m[R].fn,void 0,!0),T){case 1:m[R].fn.call(m[R].context);break;case 2:m[R].fn.call(m[R].context,h);break;case 3:m[R].fn.call(m[R].context,h,l);break;case 4:m[R].fn.call(m[R].context,h,l,g);break;default:if(!S)for(k=1,S=new Array(T-1);k<T;k++)S[k-1]=arguments[k];m[R].fn.apply(m[R].context,S)}}return!0},n.prototype.on=function(d,h,l){return r(this,d,h,l,!1)},n.prototype.once=function(d,h,l){return r(this,d,h,l,!0)},n.prototype.removeListener=function(d,h,l,g){var p=t?t+d:d;if(!this._events[p])return this;if(!h)return a(this,p),this;var y=this._events[p];if(y.fn)y.fn===h&&(!g||y.once)&&(!l||y.context===l)&&a(this,p);else{for(var _=0,m=[],T=y.length;_<T;_++)(y[_].fn!==h||g&&!y[_].once||l&&y[_].context!==l)&&m.push(y[_]);m.length?this._events[p]=m.length===1?m[0]:m:a(this,p)}return this},n.prototype.removeAllListeners=function(d){var h;return d?(h=t?t+d:d,this._events[h]&&a(this,h)):(this._events=new i,this._eventsCount=0),this},n.prototype.off=n.prototype.removeListener,n.prototype.addListener=n.prototype.on,n.prefixed=t,n.EventEmitter=n,f.exports=n})(Ye);var xt=Ye.exports;const Rt=Ct(xt);class je extends Error{constructor(e){super(e),this.name="TimeoutError"}}class kt extends Error{constructor(e){super(),this.name="AbortError",this.message=e}}const Xe=f=>globalThis.DOMException===void 0?new kt(f):new DOMException(f),Qe=f=>{const e=f.reason===void 0?Xe("This operation was aborted."):f.reason;return e instanceof Error?e:Xe(e)};function Tt(f,e){const{milliseconds:t,fallback:i,message:s,customTimers:r={setTimeout,clearTimeout}}=e;let a,n;const d=new Promise((h,l)=>{if(typeof t!="number"||Math.sign(t)!==1)throw new TypeError(`Expected \`milliseconds\` to be a positive number, got \`${t}\``);if(e.signal){const{signal:p}=e;p.aborted&&l(Qe(p)),n=()=>{l(Qe(p))},p.addEventListener("abort",n,{once:!0})}if(t===Number.POSITIVE_INFINITY){f.then(h,l);return}const g=new je;a=r.setTimeout.call(void 0,()=>{if(i){try{h(i())}catch(p){l(p)}return}typeof f.cancel=="function"&&f.cancel(),s===!1?h():s instanceof Error?l(s):(g.message=s??`Promise timed out after ${t} milliseconds`,l(g))},t),(async()=>{try{h(await f)}catch(p){l(p)}})()}).finally(()=>{d.clear(),n&&e.signal&&e.signal.removeEventListener("abort",n)});return d.clear=()=>{r.clearTimeout.call(void 0,a),a=void 0},d}function Dt(f,e,t){let i=0,s=f.length;for(;s>0;){const r=Math.trunc(s/2);let a=i+r;t(f[a],e)<=0?(i=++a,s-=r+1):s=r}return i}class zt{constructor(){L(this,F,[])}enqueue(e,t){t={priority:0,...t};const i={priority:t.priority,id:t.id,run:e};if(this.size===0||w(this,F)[this.size-1].priority>=t.priority){w(this,F).push(i);return}const s=Dt(w(this,F),i,(r,a)=>a.priority-r.priority);w(this,F).splice(s,0,i)}setPriority(e,t){const i=w(this,F).findIndex(r=>r.id===e);if(i===-1)throw new ReferenceError(`No promise function with the id "${e}" exists in the queue.`);const[s]=w(this,F).splice(i,1);this.enqueue(s.run,{priority:t,id:e})}dequeue(){const e=w(this,F).shift();return e==null?void 0:e.run}filter(e){return w(this,F).filter(t=>t.priority===e.priority).map(t=>t.run)}get size(){return w(this,F).length}}F=new WeakMap;class Nt extends Rt{constructor(t){var i,s;super();L(this,D);L(this,se);L(this,re);L(this,J,0);L(this,ce);L(this,ne);L(this,ue,0);L(this,U);L(this,oe);L(this,P);L(this,fe);L(this,W,0);L(this,ae);L(this,X);L(this,ge);L(this,Ce,1n);ct(this,"timeout");if(t={carryoverConcurrencyCount:!1,intervalCap:Number.POSITIVE_INFINITY,interval:0,concurrency:Number.POSITIVE_INFINITY,autoStart:!0,queueClass:zt,...t},!(typeof t.intervalCap=="number"&&t.intervalCap>=1))throw new TypeError(`Expected \`intervalCap\` to be a number from 1 and up, got \`${((i=t.intervalCap)==null?void 0:i.toString())??""}\` (${typeof t.intervalCap})`);if(t.interval===void 0||!(Number.isFinite(t.interval)&&t.interval>=0))throw new TypeError(`Expected \`interval\` to be a finite number >= 0, got \`${((s=t.interval)==null?void 0:s.toString())??""}\` (${typeof t.interval})`);H(this,se,t.carryoverConcurrencyCount),H(this,re,t.intervalCap===Number.POSITIVE_INFINITY||t.interval===0),H(this,ce,t.intervalCap),H(this,ne,t.interval),H(this,P,new t.queueClass),H(this,fe,t.queueClass),this.concurrency=t.concurrency,this.timeout=t.timeout,H(this,ge,t.throwOnTimeout===!0),H(this,X,t.autoStart===!1)}get concurrency(){return w(this,ae)}set concurrency(t){if(!(typeof t=="number"&&t>=1))throw new TypeError(`Expected \`concurrency\` to be a number from 1 and up, got \`${t}\` (${typeof t})`);H(this,ae,t),M(this,D,Te).call(this)}setPriority(t,i){w(this,P).setPriority(t,i)}async add(t,i={}){return i.id??(i.id=(pe(this,Ce)._++).toString()),i={timeout:this.timeout,throwOnTimeout:w(this,ge),...i},new Promise((s,r)=>{w(this,P).enqueue(async()=>{var a;pe(this,W)._++,pe(this,J)._++;try{(a=i.signal)==null||a.throwIfAborted();let n=t({signal:i.signal});i.timeout&&(n=Tt(Promise.resolve(n),{milliseconds:i.timeout})),i.signal&&(n=Promise.race([n,M(this,D,yt).call(this,i.signal)]));const c=await n;s(c),this.emit("completed",c)}catch(n){if(n instanceof je&&!i.throwOnTimeout){s();return}r(n),this.emit("error",n)}finally{M(this,D,gt).call(this)}},i),this.emit("add"),M(this,D,ke).call(this)})}async addAll(t,i){return Promise.all(t.map(async s=>this.add(s,i)))}start(){return w(this,X)?(H(this,X,!1),M(this,D,Te).call(this),this):this}pause(){H(this,X,!0)}clear(){H(this,P,new(w(this,fe)))}async onEmpty(){w(this,P).size!==0&&await M(this,D,De).call(this,"empty")}async onSizeLessThan(t){w(this,P).size<t||await M(this,D,De).call(this,"next",()=>w(this,P).size<t)}async onIdle(){w(this,W)===0&&w(this,P).size===0||await M(this,D,De).call(this,"idle")}get size(){return w(this,P).size}sizeBy(t){return w(this,P).filter(t).length}get pending(){return w(this,W)}get isPaused(){return w(this,X)}}se=new WeakMap,re=new WeakMap,J=new WeakMap,ce=new WeakMap,ne=new WeakMap,ue=new WeakMap,U=new WeakMap,oe=new WeakMap,P=new WeakMap,fe=new WeakMap,W=new WeakMap,ae=new WeakMap,X=new WeakMap,ge=new WeakMap,Ce=new WeakMap,D=new WeakSet,ut=function(){return w(this,re)||w(this,J)<w(this,ce)},ft=function(){return w(this,W)<w(this,ae)},gt=function(){pe(this,W)._--,M(this,D,ke).call(this),this.emit("next")},mt=function(){M(this,D,qe).call(this),M(this,D,Pe).call(this),H(this,oe,void 0)},pt=function(){const t=Date.now();if(w(this,U)===void 0){const i=w(this,ue)-t;if(i<0)H(this,J,w(this,se)?w(this,W):0);else return w(this,oe)===void 0&&H(this,oe,setTimeout(()=>{M(this,D,mt).call(this)},i)),!0}return!1},ke=function(){if(w(this,P).size===0)return w(this,U)&&clearInterval(w(this,U)),H(this,U,void 0),this.emit("empty"),w(this,W)===0&&this.emit("idle"),!1;if(!w(this,X)){const t=!w(this,D,pt);if(w(this,D,ut)&&w(this,D,ft)){const i=w(this,P).dequeue();return i?(this.emit("active"),i(),t&&M(this,D,Pe).call(this),!0):!1}}return!1},Pe=function(){w(this,re)||w(this,U)!==void 0||(H(this,U,setInterval(()=>{M(this,D,qe).call(this)},w(this,ne))),H(this,ue,Date.now()+w(this,ne)))},qe=function(){w(this,J)===0&&w(this,W)===0&&w(this,U)&&(clearInterval(w(this,U)),H(this,U,void 0)),H(this,J,w(this,se)?w(this,W):0),M(this,D,Te).call(this)},Te=function(){for(;M(this,D,ke).call(this););},yt=async function(t){return new Promise((i,s)=>{t.addEventListener("abort",()=>{s(t.reason)},{once:!0})})},De=async function(t,i){return new Promise(s=>{const r=()=>{i&&!i()||(this.off(t,r),s())};this.on(t,r)})};const ie={useI18n:bt,useEvaluateFeatureFlag:Et,useRequestQueue:()=>{const f=Ge.useAnalyticsConfigStore(),e=o.inject(Z);if(!e)return;if(e.queryFnOverride){console.warn("Detected incorrect use of useRequestQueue.  This composable should not be used in nested components.  Please discuss with team-data or report an issue if you feel you have a use case.");return}const t=new Nt({carryoverConcurrencyCount:!0,concurrency:f.maxParallelRequests,interval:f.requestInterval,intervalCap:f.requestIntervalCap}),i={...e,queryFnOverride:!0,queryFn:(s,r)=>t.add(()=>e.queryFn(s,r),{throwOnTimeout:!0})};o.provide(Z,i)}},He=o.defineComponent({__name:"QueryDataProvider",props:{context:{},query:{},queryReady:{type:Boolean},refreshCounter:{}},emits:["chart-data","queryComplete"],setup(f,{emit:e}){const t=f,i=e,{i18n:s}=ie.useI18n(),r=o.inject(Z),a=()=>t.queryReady&&r?JSON.stringify([t.query,t.context,t.refreshCounter]):null,n=new AbortController;o.onUnmounted(()=>{n.abort()});const c=(T,S,R)=>{const O=[];return S&&O.push(...S),O.push(...z.stripUnknownFilters(T,R)),O},{data:d,error:h,isValidating:l}=ze(a,async()=>{var T,S,R,O;try{let{datasource:k,...x}=t.query;k||(k="basic");const A=c(k,t.query.filters,t.context.filters);let N=t.query.time_range;N?N.tz||(N={...N,tz:t.context.tz}):N={...t.context.timeSpec,tz:t.context.tz};const I={datasource:k,query:{...x,time_range:N,filters:A}};return await(r==null?void 0:r.queryFn(I,n))}catch(k){throw(k==null?void 0:k.status)===403?y.value=s.t("queryDataProvider.forbidden"):(k==null?void 0:k.status)===408?y.value=s.t("queryDataProvider.timeout"):((S=(T=k==null?void 0:k.response)==null?void 0:T.data)==null?void 0:S.message)==="Range not allowed for this tier"?y.value=s.t("queryDataProvider.timeRangeExceeded"):y.value=((O=(R=k==null?void 0:k.response)==null?void 0:R.data)==null?void 0:O.message)||(k==null?void 0:k.message),k}finally{i("queryComplete")}},{refreshInterval:t.context.refreshInterval,revalidateOnFocus:!1}),{state:g,swrvState:p}=vt(d,h,l),y=o.ref(null),_=o.computed(()=>g.value===p.ERROR||!!y.value),m=o.computed(()=>!t.queryReady||g.value===p.PENDING);return o.watch(d,T=>{T&&i("chart-data",T)}),(T,S)=>{const R=o.resolveComponent("KSkeleton"),O=o.resolveComponent("KEmptyState");return m.value||!o.unref(d)&&!_.value?(o.openBlock(),o.createBlock(R,{key:0,class:"chart-skeleton",type:"table"})):_.value?(o.openBlock(),o.createBlock(O,{key:1,"action-button-visible":!1,"data-testid":"chart-empty-state","icon-variant":"error"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(y.value),1)]),_:1})):o.unref(d)?o.renderSlot(T.$slots,"default",{key:2,data:o.unref(d)}):o.createCommentVNode("",!0)}}}),St=o.defineComponent({__name:"SimpleChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(f){o.useCssVars(i=>({"088169ae":`${i.height}px`}));const e=f,t=o.computed(()=>e.chartOptions.type==="single_value");return(i,s)=>(o.openBlock(),o.createBlock(He,{context:i.context,query:i.query,"query-ready":i.queryReady,"refresh-counter":i.refreshCounter},{default:o.withCtx(({data:r})=>[o.createElementVNode("div",{class:o.normalizeClass(["analytics-chart",{"single-value":t.value}])},[o.createVNode(o.unref(j.SimpleChart),{"chart-data":r,"chart-options":i.chartOptions,"synthetics-data-key":t.value?void 0:i.chartOptions.synthetics_data_key},null,8,["chart-data","chart-options","synthetics-data-key"])],2)]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),ee=(f,e)=>{const t=f.__vccOpts||f;for(const[i,s]of e)t[i]=s;return t},Ze=ee(St,[["__scopeId","data-v-1e9ff912"]]),At={class:"analytics-chart"},Oe=ee(o.defineComponent({__name:"BaseAnalyticsChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},extraProps:{}},emits:["edit-tile","chart-data","zoom-time-range"],setup(f,{emit:e}){const t=f,i=e,{i18n:s}=ie.useI18n(),{evaluateFeatureFlag:r}=ie.useEvaluateFeatureFlag(),a=r("explore-v4-fine-granularity",!1),n=o.computed(()=>({type:t.chartOptions.type,stacked:t.chartOptions.stacked??!1,chartDatasetColors:t.chartOptions.chart_dataset_colors,threshold:t.chartOptions.threshold})),c=o.computed(()=>a&&t.context.zoomable&&!t.query.time_range),d=()=>{i("edit-tile")},h=l=>{i("chart-data",l)};return(l,g)=>{const p=o.resolveComponent("KDropdownItem");return o.openBlock(),o.createBlock(He,{context:l.context,query:l.query,"query-ready":l.queryReady,"refresh-counter":l.refreshCounter,onChartData:h},{default:o.withCtx(({data:y})=>[o.createElementVNode("div",At,[o.createVNode(o.unref(j.AnalyticsChart),o.mergeProps({"allow-csv-export":l.chartOptions.allow_csv_export,"chart-data":y,"chart-options":n.value,"legend-position":"bottom","show-menu":l.context.editable,"synthetics-data-key":l.chartOptions.synthetics_data_key,"timeseries-zoom":c.value,"tooltip-title":""},l.extraProps,{onZoomTimeRange:g[0]||(g[0]=_=>i("zoom-time-range",_))}),o.createSlots({_:2},[l.context.editable?{name:"menu-items",fn:o.withCtx(()=>[o.createVNode(p,{onClick:d},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(s).t("renderer.edit")),1)]),_:1})]),key:"0"}:void 0]),1040,["allow-csv-export","chart-data","chart-options","show-menu","synthetics-data-key","timeseries-zoom"])])]),_:1},8,["context","query","query-ready","refresh-counter"])}}}),[["__scopeId","data-v-5a151d86"]]),Je=o.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(f){return(e,t)=>(o.openBlock(),o.createBlock(Oe,{"chart-options":e.chartOptions,context:e.context,"extra-props":{showAnnotations:!1},height:e.height,query:e.query,"query-ready":e.queryReady,"refresh-counter":e.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),et=o.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},emits:["zoom-time-range"],setup(f,{emit:e}){const t=e;return(i,s)=>(o.openBlock(),o.createBlock(Oe,{"chart-options":i.chartOptions,context:i.context,height:i.height,query:i.query,"query-ready":i.queryReady,"refresh-counter":i.refreshCounter,onZoomTimeRange:s[0]||(s[0]=r=>t("zoom-time-range",r))},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),Ht={class:"metric-card-tile-wrapper"},Ot=ee(o.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(f){const e=f,t=o.computed(()=>{const s=e.context.timeSpec;if(s.type==="absolute")return new z.Timeframe({key:"custom",timeframeText:"custom",display:"custom",startCustom:s.start,endCustom:s.end,timeframeLength:()=>s.end.getTime()-s.start.getTime(),defaultResponseGranularity:"daily",dataGranularity:"daily",isRelative:!1,allowedTiers:["free","plus","enterprise"]});const r=z.TimePeriods.get(s.time_range);if(!r)throw new Error("Unknown time range");return r}),i=o.computed(()=>{var r,a;const s=(r=e.query)==null?void 0:r.datasource;if(s&&s!=="api_usage"&&s!=="basic")throw new Error(`Invalid datasource value: ${s}`);return{datasource:(a=e.query)==null?void 0:a.datasource,overrideTimeframe:t.value,tz:e.context.tz,additionalFilter:e.context.filters,longCardTitles:e.chartOptions.long_card_titles,percentileLatency:e.chartOptions.percentile_latency,refreshInterval:e.context.refreshInterval,queryReady:e.queryReady,refreshCounter:e.refreshCounter}});return(s,r)=>(o.openBlock(),o.createElementBlock("div",Ht,[o.createVNode(o.unref(Fe.MetricsProvider),o.normalizeProps(o.guardReactiveProps(i.value)),{default:o.withCtx(()=>[o.createVNode(o.unref(Fe.MetricsConsumer))]),_:1},16)]))}}),[["__scopeId","data-v-b7e09724"]]),tt="#6c7489",Lt="12px",it="20px",st="20px",Mt={class:"fallback-entity-link","data-testid":"entity-link-parent"},rt=o.defineComponent({__name:"FallbackEntityLink",props:{entityLinkData:{}},setup(f){return(e,t)=>(o.openBlock(),o.createElementBlock("div",Mt,o.toDisplayString(e.entityLinkData.label),1))}}),It=o.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(f){const e=f,t=o.inject(Z),i=o.defineAsyncComponent(async()=>{if(t!=null&&t.fetchComponent)try{return await t.fetchComponent("EntityLink")}catch{return rt}return rt}),s=r=>{var a;if((a=e.chartOptions)!=null&&a.entity_link)if(r.id.includes(":")){const[n,c]=r.id.split(":");return e.chartOptions.entity_link.replace(We,n).replace(Ae,c)}else return e.chartOptions.entity_link.replace(Ae,r.id);return""};return(r,a)=>(o.openBlock(),o.createBlock(He,{context:r.context,query:r.query,"query-ready":r.queryReady,"refresh-counter":r.refreshCounter},{default:o.withCtx(({data:n})=>[o.createVNode(o.unref(j.TopNTable),{data:n,"synthetics-data-key":r.chartOptions.synthetics_data_key},o.createSlots({_:2},[e.chartOptions.entity_link?{name:"name",fn:o.withCtx(({record:c})=>[o.createVNode(o.unref(i),{"entity-link-data":{id:c.id,label:c.name,deleted:c.deleted},"external-link":s(c)},null,8,["entity-link-data","external-link"])]),key:"0"}:void 0]),1032,["data","synthetics-data-key"])]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),Bt=o.defineComponent({__name:"DonutChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(f){return(e,t)=>(o.openBlock(),o.createBlock(Oe,{"chart-options":e.chartOptions,context:e.context,height:e.height,query:e.query,"query-ready":e.queryReady,"refresh-counter":e.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),Pt=["data-testid"],qt={key:0,class:"tile-header"},$t=["data-testid"],Gt={class:"badge-text"},Ft=["data-testid"],Ut={class:"delete-option"},Wt=["data-testid"],Vt=["data-testid"],Kt=ee(o.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:le},queryReady:{type:Boolean},refreshCounter:{},tileId:{}},emits:["edit-tile","duplicate-tile","remove-tile","zoom-time-range"],setup(f,{emit:e}){o.useCssVars(v=>({"55e9146d":`${v.height}px`}));const t=parseInt(st,10),i=f,s=e,r=o.inject(Z),{i18n:a}=ie.useI18n(),n=o.ref(),c=o.ref(!1),d=o.ref(),h=o.ref(!1),l=o.ref("");o.onMounted(async()=>{var v;l.value=await((v=r==null?void 0:r.exploreBaseUrl)==null?void 0:v.call(r))??""}),o.watch(()=>i.definition,async()=>{await o.nextTick(),d.value&&(h.value=d.value.scrollWidth>d.value.clientWidth)},{immediate:!0,deep:!0});const g=o.computed(()=>{if(!l.value||!i.definition.query||!_.value)return"";const v=[...i.context.filters,...i.definition.query.filters??[]],G=i.definition.query.dimensions??[],q={filters:v,metrics:i.definition.query.metrics??[],dimensions:G,time_range:i.definition.query.time_range||i.context.timeSpec,granularity:i.definition.query.granularity||O.value},Ie=["api_usage","llm_usage"].includes(i.definition.query.datasource)?i.definition.query.datasource:"api_usage";return`${l.value}?q=${JSON.stringify(q)}&d=${Ie}&c=${i.definition.chart.type}`}),p=o.computed(()=>a.t("csvExport.defaultFilename")),y=o.computed(()=>_.value&&(m.value||i.context.editable)||!!R.value),_=o.computed(()=>!["golden_signals","top_n","gauge"].includes(i.definition.chart.type)),m=o.computed(()=>!!g.value||"allow_csv_export"in i.definition.chart&&i.definition.chart.allow_csv_export||i.context.editable),T={timeseries_line:et,timeseries_bar:et,horizontal_bar:Je,vertical_bar:Je,gauge:Ze,donut:Bt,golden_signals:Ot,top_n:It,slottable:void 0,single_value:Ze},S=o.computed(()=>{const v=T[i.definition.chart.type];return v&&{component:v,rendererProps:{query:i.definition.query,context:i.context,queryReady:i.queryReady,chartOptions:i.definition.chart,height:i.height-t*2,refreshCounter:i.refreshCounter}}}),R=o.computed(()=>{var G;const v=(G=i.definition.query)==null?void 0:G.time_range;if((v==null?void 0:v.type)==="relative"){const q=z.TimePeriods.get(z.TIMEFRAME_LOOKUP[v.time_range]);return q?q.display:(console.warn("Did not recognize the given relative time range:",v.time_range),v.time_range)}else if((v==null?void 0:v.type)==="absolute"){const q=v.tz||"Etc/UTC";return`${z.formatTime(v.start,{short:!0,tz:q})} - ${z.formatTime(v.end,{short:!0,tz:q})}`}return null}),O=o.computed(()=>n.value?z.msToGranularity(n.value.meta.granularity_ms):void 0),k=o.computed(()=>["timeseries_line","timeseries_bar"].includes(i.definition.chart.type)),x=o.computed(()=>{var q;const v=i.definition.query.granularity,G=z.msToGranularity(((q=n.value)==null?void 0:q.meta.granularity_ms)||0);return k.value&&v!==G}),A=o.computed(()=>{var q;const v=z.msToGranularity(((q=n.value)==null?void 0:q.meta.granularity_ms)||0),G=i.definition.query.granularity;return a.t("query_aged_out_warning",{currentGranularity:a.t(`granularities.${v}`),savedGranularity:a.t(`granularities.${G}`)})}),N=()=>{s("edit-tile",i.definition)},I=()=>{s("duplicate-tile",i.definition)},Q=()=>{s("remove-tile",i.definition)},te=v=>{n.value=v},me=v=>{c.value=v},xe=()=>{me(!0)};return(v,G)=>{const q=o.resolveComponent("KTooltip"),Ie=o.resolveComponent("KBadge"),Re=o.resolveComponent("KDropdownItem"),ni=o.resolveComponent("KDropdown");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["tile-boundary",{editable:v.context.editable}]),"data-testid":`tile-${v.tileId}`},[v.definition.chart.type!=="slottable"?(o.openBlock(),o.createElementBlock("div",qt,[o.createVNode(q,{class:"title-tooltip",disabled:!h.value,"max-width":"500",text:v.definition.chart.chart_title},{default:o.withCtx(()=>[o.createElementVNode("div",{ref_key:"titleRef",ref:d,class:"title"},o.toDisplayString(v.definition.chart.chart_title),513)]),_:1},8,["disabled","text"]),y.value?(o.openBlock(),o.createElementBlock("div",{key:0,class:"tile-actions","data-testid":`tile-actions-${v.tileId}`},[R.value?(o.openBlock(),o.createBlock(Ie,{key:0,"data-testid":"time-range-badge",tooltip:x.value?A.value:void 0,"tooltip-attributes":{maxWidth:"320px"}},o.createSlots({default:o.withCtx(()=>[o.createElementVNode("span",Gt,o.toDisplayString(R.value),1)]),_:2},[x.value?{name:"icon",fn:o.withCtx(()=>[o.createVNode(o.unref(Ne.WarningIcon),{size:o.unref(Lt)},null,8,["size"])]),key:"0"}:void 0]),1032,["tooltip"])):o.createCommentVNode("",!0),_.value&&v.context.editable?(o.openBlock(),o.createBlock(o.unref(Ne.EditIcon),{key:1,class:"edit-icon",color:o.unref(tt),"data-testid":`edit-tile-${v.tileId}`,size:o.unref(it),onClick:N},null,8,["color","data-testid","size"])):o.createCommentVNode("",!0),_.value&&m.value?(o.openBlock(),o.createBlock(ni,{key:2,class:"dropdown","data-testid":`chart-action-menu-${v.tileId}`,"kpop-attributes":{placement:"bottom-end"}},{items:o.withCtx(()=>[g.value?(o.openBlock(),o.createBlock(Re,{key:0,"data-testid":`chart-jump-to-explore-${v.tileId}`,item:{label:o.unref(a).t("jumpToExplore"),to:g.value}},null,8,["data-testid","item"])):o.createCommentVNode("",!0),!("allowCsvExport"in v.definition.chart)||v.definition.chart.allowCsvExport?(o.openBlock(),o.createBlock(Re,{key:1,class:"chart-export-button","data-testid":`chart-csv-export-${v.tileId}`,onClick:G[0]||(G[0]=ht=>xe())},{default:o.withCtx(()=>[o.createElementVNode("span",{class:"chart-export-trigger","data-testid":`csv-export-button-${v.tileId}`},o.toDisplayString(o.unref(a).t("csvExport.exportAsCsv")),9,Ft)]),_:1},8,["data-testid"])):o.createCommentVNode("",!0),v.context.editable?(o.openBlock(),o.createBlock(Re,{key:2,"data-testid":`duplicate-tile-${v.tileId}`,onClick:I},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(a).t("renderer.duplicateTile")),1)]),_:1},8,["data-testid"])):o.createCommentVNode("",!0),v.context.editable?(o.openBlock(),o.createBlock(Re,{key:3,"data-testid":`remove-tile-${v.tileId}`,onClick:Q},{default:o.withCtx(()=>[o.createElementVNode("span",Ut,o.toDisplayString(o.unref(a).t("renderer.delete")),1)]),_:1},8,["data-testid"])):o.createCommentVNode("",!0)]),default:o.withCtx(()=>[o.createVNode(o.unref(Ne.MoreIcon),{class:"kebab-action-menu",color:o.unref(tt),"data-testid":`kebab-action-menu-${v.tileId}`,size:o.unref(it)},null,8,["color","data-testid","size"])]),_:1},8,["data-testid"])):o.createCommentVNode("",!0)],8,$t)):"description"in v.definition.chart?(o.openBlock(),o.createElementBlock("div",{key:1,class:"header-description","data-testid":`tile-description-${v.tileId}`},o.toDisplayString(v.definition.chart.description),9,Wt)):o.createCommentVNode("",!0),c.value?(o.openBlock(),o.createBlock(o.unref(j.CsvExportModal),{key:2,"chart-data":n.value,"data-testid":`csv-export-modal-${v.tileId}`,filename:p.value,onToggleModal:me},null,8,["chart-data","data-testid","filename"])):o.createCommentVNode("",!0)])):o.createCommentVNode("",!0),o.createElementVNode("div",{class:"tile-content","data-testid":`tile-content-${v.tileId}`},[S.value?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(S.value.component),o.mergeProps({key:0},S.value.rendererProps,{onChartData:te,onZoomTimeRange:G[1]||(G[1]=ht=>s("zoom-time-range",ht))}),null,16)):o.createCommentVNode("",!0)],8,Vt)],10,Pt)}}}),[["__scopeId","data-v-e4d72a27"]]),Yt=(f,e)=>{let t=0;const i=new Map;e.forEach(r=>{const a=r.layout.position.row,n=i.get(a),c=r.layout.size.rows===1&&!!r.layout.size.fit_to_content;t=Math.max(t,a+r.layout.size.rows),n===void 0?i.set(a,c):i.set(a,n&&c)});const s=[];for(let r=0;r<t;r++)i.get(r)?s.push("auto"):s.push(`${f}px`);return s},nt=ee(o.defineComponent({__name:"GridLayout",props:{tileHeight:{type:Number,required:!1,default:()=>le},tiles:{type:Array,required:!0}},setup(f){o.useCssVars(n=>({"2a38e79e":o.unref(Se),"4cc71de6":r.value}));const e=f,t=o.ref(null),i=o.ref(0),s=new ResizeObserver(n=>{window.requestAnimationFrame(()=>{!Array.isArray(n)||!n.length||(i.value=n[0].contentRect.width)})});o.onMounted(()=>{t.value&&s.observe(t.value)}),o.onUnmounted(()=>{t.value&&s.unobserve(t.value)});const r=o.computed(()=>Yt(e.tileHeight,e.tiles).join(" ")),a=o.computed(()=>e.tiles.map((n,c)=>({key:`tile-${c}`,tile:n,style:{"grid-column-start":n.layout.position.col+1,"grid-column-end":n.layout.position.col+1+n.layout.size.cols,"grid-row-start":n.layout.position.row+1,"grid-row-end":n.layout.position.row+1+n.layout.size.rows}})));return(n,c)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"gridContainer",ref:t,class:"kong-ui-public-grid-layout"},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(a.value,d=>(o.openBlock(),o.createElementBlock("div",{key:d.key,class:o.normalizeClass(["grid-cell",{"empty-cell":!d.tile}]),style:o.normalizeStyle(d.style)},[o.renderSlot(n.$slots,"tile",{style:o.normalizeStyle(d.style),tile:d.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-354b7177"]]);function jt(f,e,t,i,s){const r=(...a)=>(console.warn("gridstack.js: Function `"+t+"` is deprecated in "+s+" and has been replaced with `"+i+"`. It will be **removed** in a future release"),e.apply(f,a));return r.prototype=e.prototype,r}class u{static getElements(e,t=document){if(typeof e=="string"){const i="getElementById"in t?t:void 0;if(i&&!isNaN(+e[0])){const r=i.getElementById(e);return r?[r]:[]}let s=t.querySelectorAll(e);return!s.length&&e[0]!=="."&&e[0]!=="#"&&(s=t.querySelectorAll("."+e),s.length||(s=t.querySelectorAll("#"+e))),Array.from(s)}return[e]}static getElement(e,t=document){if(typeof e=="string"){const i="getElementById"in t?t:void 0;if(!e.length)return null;if(i&&e[0]==="#")return i.getElementById(e.substring(1));if(e[0]==="#"||e[0]==="."||e[0]==="[")return t.querySelector(e);if(i&&!isNaN(+e[0]))return i.getElementById(e);let s=t.querySelector(e);return i&&!s&&(s=i.getElementById(e)),s||(s=t.querySelector("."+e)),s}return e}static createWidgetDivs(e,t){var a,n;const i=u.createDiv(["grid-stack-item",e]),s=u.createDiv(["grid-stack-item-content"],i);return t.lazyLoad||((n=(a=t.grid)==null?void 0:a.opts)==null?void 0:n.lazyLoad)&&t.lazyLoad!==!1?t.visibleObservable||(t.visibleObservable=new IntersectionObserver(([c])=>{var d;c.isIntersecting&&((d=t.visibleObservable)==null||d.disconnect(),delete t.visibleObservable,b.renderCB(s,t))}),window.setTimeout(()=>{var c;return(c=t.visibleObservable)==null?void 0:c.observe(i)})):b.renderCB(s,t),i}static createDiv(e,t){const i=document.createElement("div");return e.forEach(s=>{s&&i.classList.add(s)}),t==null||t.appendChild(i),i}static shouldSizeToContent(e,t=!1){return(e==null?void 0:e.grid)&&(t?e.sizeToContent===!0||e.grid.opts.sizeToContent===!0&&e.sizeToContent===void 0:!!e.sizeToContent||e.grid.opts.sizeToContent&&e.sizeToContent!==!1)}static isIntercepted(e,t){return!(e.y>=t.y+t.h||e.y+e.h<=t.y||e.x+e.w<=t.x||e.x>=t.x+t.w)}static isTouching(e,t){return u.isIntercepted(e,{x:t.x-.5,y:t.y-.5,w:t.w+1,h:t.h+1})}static areaIntercept(e,t){const i=e.x>t.x?e.x:t.x,s=e.x+e.w<t.x+t.w?e.x+e.w:t.x+t.w;if(s<=i)return 0;const r=e.y>t.y?e.y:t.y,a=e.y+e.h<t.y+t.h?e.y+e.h:t.y+t.h;return a<=r?0:(s-i)*(a-r)}static area(e){return e.w*e.h}static sort(e,t=1){return e.sort((s,r)=>{const a=t*((s.y??1e4)-(r.y??1e4));return a===0?t*((s.x??1e4)-(r.x??1e4)):a})}static find(e,t){return t?e.find(i=>i.id===t):void 0}static createStylesheet(e,t,i){const s=document.createElement("style"),r=i==null?void 0:i.nonce;return r&&(s.nonce=r),s.setAttribute("type","text/css"),s.setAttribute("gs-style-id",e),s.styleSheet?s.styleSheet.cssText="":s.appendChild(document.createTextNode("")),t?t.insertBefore(s,t.firstChild):(t=document.getElementsByTagName("head")[0],t.appendChild(s)),s}static removeStylesheet(e,t){const s=(t||document).querySelector("STYLE[gs-style-id="+e+"]");s&&s.parentNode&&s.remove()}static addCSSRule(e,t,i){e.textContent+=`${t} { ${i} } `}static toBool(e){return typeof e=="boolean"?e:typeof e=="string"?(e=e.toLowerCase(),!(e===""||e==="no"||e==="false"||e==="0")):!!e}static toNumber(e){return e===null||e.length===0?void 0:Number(e)}static parseHeight(e){let t,i="px";if(typeof e=="string")if(e==="auto"||e==="")t=0;else{const s=e.match(/^(-[0-9]+\.[0-9]+|[0-9]*\.[0-9]+|-[0-9]+|[0-9]+)(px|em|rem|vh|vw|%|cm|mm)?$/);if(!s)throw new Error(`Invalid height val = ${e}`);i=s[2]||"px",t=parseFloat(s[1])}else t=e;return{h:t,unit:i}}static defaults(e,...t){return t.forEach(i=>{for(const s in i){if(!i.hasOwnProperty(s))return;e[s]===null||e[s]===void 0?e[s]=i[s]:typeof i[s]=="object"&&typeof e[s]=="object"&&this.defaults(e[s],i[s])}}),e}static same(e,t){if(typeof e!="object")return e==t;if(typeof e!=typeof t||Object.keys(e).length!==Object.keys(t).length)return!1;for(const i in e)if(e[i]!==t[i])return!1;return!0}static copyPos(e,t,i=!1){return t.x!==void 0&&(e.x=t.x),t.y!==void 0&&(e.y=t.y),t.w!==void 0&&(e.w=t.w),t.h!==void 0&&(e.h=t.h),i&&(t.minW&&(e.minW=t.minW),t.minH&&(e.minH=t.minH),t.maxW&&(e.maxW=t.maxW),t.maxH&&(e.maxH=t.maxH)),e}static samePos(e,t){return e&&t&&e.x===t.x&&e.y===t.y&&(e.w||1)===(t.w||1)&&(e.h||1)===(t.h||1)}static sanitizeMinMax(e){e.minW||delete e.minW,e.minH||delete e.minH,e.maxW||delete e.maxW,e.maxH||delete e.maxH}static removeInternalAndSame(e,t){if(!(typeof e!="object"||typeof t!="object"))for(let i in e){const s=e[i],r=t[i];i[0]==="_"||s===r?delete e[i]:s&&typeof s=="object"&&r!==void 0&&(u.removeInternalAndSame(s,r),Object.keys(s).length||delete e[i])}}static removeInternalForSave(e,t=!0){for(let i in e)(i[0]==="_"||e[i]===null||e[i]===void 0)&&delete e[i];delete e.grid,t&&delete e.el,e.autoPosition||delete e.autoPosition,e.noResize||delete e.noResize,e.noMove||delete e.noMove,e.locked||delete e.locked,(e.w===1||e.w===e.minW)&&delete e.w,(e.h===1||e.h===e.minH)&&delete e.h}static throttle(e,t){let i=!1;return(...s)=>{i||(i=!0,setTimeout(()=>{e(...s),i=!1},t))}}static removePositioningStyles(e){const t=e.style;t.position&&t.removeProperty("position"),t.left&&t.removeProperty("left"),t.top&&t.removeProperty("top"),t.width&&t.removeProperty("width"),t.height&&t.removeProperty("height")}static getScrollElement(e){if(!e)return document.scrollingElement||document.documentElement;const t=getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowY)?e:this.getScrollElement(e.parentElement)}static updateScrollPosition(e,t,i){const s=e.getBoundingClientRect(),r=window.innerHeight||document.documentElement.clientHeight;if(s.top<0||s.bottom>r){const a=s.bottom-r,n=s.top,c=this.getScrollElement(e);if(c!==null){const d=c.scrollTop;s.top<0&&i<0?e.offsetHeight>r?c.scrollTop+=i:c.scrollTop+=Math.abs(n)>Math.abs(i)?i:n:i>0&&(e.offsetHeight>r?c.scrollTop+=i:c.scrollTop+=a>i?i:a),t.top+=c.scrollTop-d}}}static updateScrollResize(e,t,i){const s=this.getScrollElement(t),r=s.clientHeight,a=s===this.getScrollElement()?0:s.getBoundingClientRect().top,n=e.clientY-a,c=n<i,d=n>r-i;c?s.scrollBy({behavior:"smooth",top:n-i}):d&&s.scrollBy({behavior:"smooth",top:i-(r-n)})}static clone(e){return e==null||typeof e!="object"?e:e instanceof Array?[...e]:{...e}}static cloneDeep(e){const t=["parentGrid","el","grid","subGrid","engine"],i=u.clone(e);for(const s in i)i.hasOwnProperty(s)&&typeof i[s]=="object"&&s.substring(0,2)!=="__"&&!t.find(r=>r===s)&&(i[s]=u.cloneDeep(e[s]));return i}static cloneNode(e){const t=e.cloneNode(!0);return t.removeAttribute("id"),t}static appendTo(e,t){let i;typeof t=="string"?i=u.getElement(t):i=t,i&&i.appendChild(e)}static addElStyles(e,t){if(t instanceof Object)for(const i in t)t.hasOwnProperty(i)&&(Array.isArray(t[i])?t[i].forEach(s=>{e.style[i]=s}):e.style[i]=t[i])}static initEvent(e,t){const i={type:t.type},s={button:0,which:0,buttons:1,bubbles:!0,cancelable:!0,target:t.target?t.target:e.target};return["altKey","ctrlKey","metaKey","shiftKey"].forEach(r=>i[r]=e[r]),["pageX","pageY","clientX","clientY","screenX","screenY"].forEach(r=>i[r]=e[r]),{...i,...s}}static simulateMouseEvent(e,t,i){const s=document.createEvent("MouseEvents");s.initMouseEvent(t,!0,!0,window,1,e.screenX,e.screenY,e.clientX,e.clientY,e.ctrlKey,e.altKey,e.shiftKey,e.metaKey,0,e.target),(i||e.target).dispatchEvent(s)}static getValuesFromTransformedElement(e){const t=document.createElement("div");u.addElStyles(t,{opacity:"0",position:"fixed",top:"0px",left:"0px",width:"1px",height:"1px",zIndex:"-999999"}),e.appendChild(t);const i=t.getBoundingClientRect();return e.removeChild(t),t.remove(),{xScale:1/i.width,yScale:1/i.height,xOffset:i.left,yOffset:i.top}}static swap(e,t,i){if(!e)return;const s=e[t];e[t]=e[i],e[i]=s}static canBeRotated(e){var t;return!(!e||e.w===e.h||e.locked||e.noResize||(t=e.grid)!=null&&t.opts.disableResize||e.minW&&e.minW===e.maxW||e.minH&&e.minH===e.maxH)}}class K{constructor(e={}){this.addedNodes=[],this.removedNodes=[],this.defaultColumn=12,this.column=e.column||this.defaultColumn,this.column>this.defaultColumn&&(this.defaultColumn=this.column),this.maxRow=e.maxRow,this._float=e.float,this.nodes=e.nodes||[],this.onChange=e.onChange}batchUpdate(e=!0,t=!0){return!!this.batchMode===e?this:(this.batchMode=e,e?(this._prevFloat=this._float,this._float=!0,this.cleanNodes(),this.saveInitial()):(this._float=this._prevFloat,delete this._prevFloat,t&&this._packNodes(),this._notify()),this)}_useEntireRowArea(e,t){return(!this.float||this.batchMode&&!this._prevFloat)&&!this._hasLocked&&(!e._moving||e._skipDown||t.y<=e.y)}_fixCollisions(e,t=e,i,s={}){if(this.sortNodes(-1),i=i||this.collide(e,t),!i)return!1;if(e._moving&&!s.nested&&!this.float&&this.swap(e,i))return!0;let r=t;!this._loading&&this._useEntireRowArea(e,t)&&(r={x:0,w:this.column,y:t.y,h:t.h},i=this.collide(e,r,s.skip));let a=!1;const n={nested:!0,pack:!1};let c=0;for(;i=i||this.collide(e,r,s.skip);){if(c++>this.nodes.length*2)throw new Error("Infinite collide check");let d;if(i.locked||this._loading||e._moving&&!e._skipDown&&t.y>e.y&&!this.float&&(!this.collide(i,{...i,y:e.y},e)||!this.collide(i,{...i,y:t.y-i.h},e))){e._skipDown=e._skipDown||t.y>e.y;const h={...t,y:i.y+i.h,...n};d=this._loading&&u.samePos(e,h)?!0:this.moveNode(e,h),(i.locked||this._loading)&&d?u.copyPos(t,e):!i.locked&&d&&s.pack&&(this._packNodes(),t.y=i.y+i.h,u.copyPos(e,t)),a=a||d}else d=this.moveNode(i,{...i,y:t.y+t.h,skip:e,...n});if(!d)return a;i=void 0}return a}collide(e,t=e,i){const s=e._id,r=i==null?void 0:i._id;return this.nodes.find(a=>a._id!==s&&a._id!==r&&u.isIntercepted(a,t))}collideAll(e,t=e,i){const s=e._id,r=i==null?void 0:i._id;return this.nodes.filter(a=>a._id!==s&&a._id!==r&&u.isIntercepted(a,t))}directionCollideCoverage(e,t,i){if(!t.rect||!e._rect)return;const s=e._rect,r={...t.rect};r.y>s.y?(r.h+=r.y-s.y,r.y=s.y):r.h+=s.y-r.y,r.x>s.x?(r.w+=r.x-s.x,r.x=s.x):r.w+=s.x-r.x;let a,n=.5;for(let c of i){if(c.locked||!c._rect)break;const d=c._rect;let h=Number.MAX_VALUE,l=Number.MAX_VALUE;s.y<d.y?h=(r.y+r.h-d.y)/d.h:s.y+s.h>d.y+d.h&&(h=(d.y+d.h-r.y)/d.h),s.x<d.x?l=(r.x+r.w-d.x)/d.w:s.x+s.w>d.x+d.w&&(l=(d.x+d.w-r.x)/d.w);const g=Math.min(l,h);g>n&&(n=g,a=c)}return t.collide=a,a}cacheRects(e,t,i,s,r,a){return this.nodes.forEach(n=>n._rect={y:n.y*t+i,x:n.x*e+a,w:n.w*e-a-s,h:n.h*t-i-r}),this}swap(e,t){if(!t||t.locked||!e||e.locked)return!1;function i(){const r=t.x,a=t.y;return t.x=e.x,t.y=e.y,e.h!=t.h?(e.x=r,e.y=t.y+t.h):e.w!=t.w?(e.x=t.x+t.w,e.y=a):(e.x=r,e.y=a),e._dirty=t._dirty=!0,!0}let s;if(e.w===t.w&&e.h===t.h&&(e.x===t.x||e.y===t.y)&&(s=u.isTouching(e,t)))return i();if(s!==!1){if(e.w===t.w&&e.x===t.x&&(s||(s=u.isTouching(e,t)))){if(t.y<e.y){const r=e;e=t,t=r}return i()}if(s!==!1){if(e.h===t.h&&e.y===t.y&&(s||(s=u.isTouching(e,t)))){if(t.x<e.x){const r=e;e=t,t=r}return i()}return!1}}}isAreaEmpty(e,t,i,s){const r={x:e||0,y:t||0,w:i||1,h:s||1};return!this.collide(r)}compact(e="compact",t=!0){if(this.nodes.length===0)return this;t&&this.sortNodes();const i=this.batchMode;i||this.batchUpdate();const s=this._inColumnResize;s||(this._inColumnResize=!0);const r=this.nodes;return this.nodes=[],r.forEach((a,n,c)=>{let d;a.locked||(a.autoPosition=!0,e==="list"&&n&&(d=c[n-1])),this.addNode(a,!1,d)}),s||delete this._inColumnResize,i||this.batchUpdate(!1),this}set float(e){this._float!==e&&(this._float=e||!1,e||this._packNodes()._notify())}get float(){return this._float||!1}sortNodes(e=1){return this.nodes=u.sort(this.nodes,e),this}_packNodes(){return this.batchMode?this:(this.sortNodes(),this.float?this.nodes.forEach(e=>{if(e._updating||e._orig===void 0||e.y===e._orig.y)return;let t=e.y;for(;t>e._orig.y;)--t,this.collide(e,{x:e.x,y:t,w:e.w,h:e.h})||(e._dirty=!0,e.y=t)}):this.nodes.forEach((e,t)=>{if(!e.locked)for(;e.y>0;){const i=t===0?0:e.y-1;if(!(t===0||!this.collide(e,{x:e.x,y:i,w:e.w,h:e.h})))break;e._dirty=e.y!==i,e.y=i}}),this)}prepareNode(e,t){e._id=e._id??K._idSeq++;const i=e.id;if(i){let r=1;for(;this.nodes.find(a=>a.id===e.id&&a!==e);)e.id=i+"_"+r++}(e.x===void 0||e.y===void 0||e.x===null||e.y===null)&&(e.autoPosition=!0);const s={x:0,y:0,w:1,h:1};return u.defaults(e,s),e.autoPosition||delete e.autoPosition,e.noResize||delete e.noResize,e.noMove||delete e.noMove,u.sanitizeMinMax(e),typeof e.x=="string"&&(e.x=Number(e.x)),typeof e.y=="string"&&(e.y=Number(e.y)),typeof e.w=="string"&&(e.w=Number(e.w)),typeof e.h=="string"&&(e.h=Number(e.h)),isNaN(e.x)&&(e.x=s.x,e.autoPosition=!0),isNaN(e.y)&&(e.y=s.y,e.autoPosition=!0),isNaN(e.w)&&(e.w=s.w),isNaN(e.h)&&(e.h=s.h),this.nodeBoundFix(e,t),e}nodeBoundFix(e,t){const i=e._orig||u.copyPos({},e);if(e.maxW&&e.w&&(e.w=Math.min(e.w,e.maxW)),e.maxH&&e.h&&(e.h=Math.min(e.h,e.maxH)),e.minW&&e.w&&e.minW<=this.column&&(e.w=Math.max(e.w,e.minW)),e.minH&&e.h&&(e.h=Math.max(e.h,e.minH)),(e.x||0)+(e.w||1)>this.column&&this.column<this.defaultColumn&&!this._inColumnResize&&!this.skipCacheUpdate&&e._id&&this.findCacheLayout(e,this.defaultColumn)===-1){const r={...e};r.autoPosition||r.x===void 0?(delete r.x,delete r.y):r.x=Math.min(this.defaultColumn-1,r.x),r.w=Math.min(this.defaultColumn,r.w||1),this.cacheOneLayout(r,this.defaultColumn)}return e.w>this.column?e.w=this.column:e.w<1&&(e.w=1),this.maxRow&&e.h>this.maxRow?e.h=this.maxRow:e.h<1&&(e.h=1),e.x<0&&(e.x=0),e.y<0&&(e.y=0),e.x+e.w>this.column&&(t?e.w=this.column-e.x:e.x=this.column-e.w),this.maxRow&&e.y+e.h>this.maxRow&&(t?e.h=this.maxRow-e.y:e.y=this.maxRow-e.h),u.samePos(e,i)||(e._dirty=!0),this}getDirtyNodes(e){return e?this.nodes.filter(t=>t._dirty&&!u.samePos(t,t._orig)):this.nodes.filter(t=>t._dirty)}_notify(e){if(this.batchMode||!this.onChange)return this;const t=(e||[]).concat(this.getDirtyNodes());return this.onChange(t),this}cleanNodes(){return this.batchMode?this:(this.nodes.forEach(e=>{delete e._dirty,delete e._lastTried}),this)}saveInitial(){return this.nodes.forEach(e=>{e._orig=u.copyPos({},e),delete e._dirty}),this._hasLocked=this.nodes.some(e=>e.locked),this}restoreInitial(){return this.nodes.forEach(e=>{!e._orig||u.samePos(e,e._orig)||(u.copyPos(e,e._orig),e._dirty=!0)}),this._notify(),this}findEmptyPosition(e,t=this.nodes,i=this.column,s){const r=s?s.y*i+(s.x+s.w):0;let a=!1;for(let n=r;!a;++n){const c=n%i,d=Math.floor(n/i);if(c+e.w>i)continue;const h={x:c,y:d,w:e.w,h:e.h};t.find(l=>u.isIntercepted(h,l))||((e.x!==c||e.y!==d)&&(e._dirty=!0),e.x=c,e.y=d,delete e.autoPosition,a=!0)}return a}addNode(e,t=!1,i){const s=this.nodes.find(a=>a._id===e._id);if(s)return s;this._inColumnResize?this.nodeBoundFix(e):this.prepareNode(e),delete e._temporaryRemoved,delete e._removeDOM;let r;return e.autoPosition&&this.findEmptyPosition(e,this.nodes,this.column,i)&&(delete e.autoPosition,r=!0),this.nodes.push(e),t&&this.addedNodes.push(e),r||this._fixCollisions(e),this.batchMode||this._packNodes()._notify(),e}removeNode(e,t=!0,i=!1){return this.nodes.find(s=>s._id===e._id)?(i&&this.removedNodes.push(e),t&&(e._removeDOM=!0),this.nodes=this.nodes.filter(s=>s._id!==e._id),e._isAboutToRemove||this._packNodes(),this._notify([e]),this):this}removeAll(e=!0,t=!0){if(delete this._layouts,!this.nodes.length)return this;e&&this.nodes.forEach(s=>s._removeDOM=!0);const i=this.nodes;return this.removedNodes=t?i:[],this.nodes=[],this._notify(i)}moveNodeCheck(e,t){if(!this.changedPosConstrain(e,t))return!1;if(t.pack=!0,!this.maxRow)return this.moveNode(e,t);let i;const s=new K({column:this.column,float:this.float,nodes:this.nodes.map(a=>a._id===e._id?(i={...a},i):{...a})});if(!i)return!1;const r=s.moveNode(i,t)&&s.getRow()<=Math.max(this.getRow(),this.maxRow);if(!r&&!t.resizing&&t.collide){const a=t.collide.el.gridstackNode;if(this.swap(e,a))return this._notify(),!0}return r?(s.nodes.filter(a=>a._dirty).forEach(a=>{const n=this.nodes.find(c=>c._id===a._id);n&&(u.copyPos(n,a),n._dirty=!0)}),this._notify(),!0):!1}willItFit(e){if(delete e._willFitPos,!this.maxRow)return!0;const t=new K({column:this.column,float:this.float,nodes:this.nodes.map(s=>({...s}))}),i={...e};return this.cleanupNode(i),delete i.el,delete i._id,delete i.content,delete i.grid,t.addNode(i),t.getRow()<=this.maxRow?(e._willFitPos=u.copyPos({},i),!0):!1}changedPosConstrain(e,t){return t.w=t.w||e.w,t.h=t.h||e.h,e.x!==t.x||e.y!==t.y?!0:(e.maxW&&(t.w=Math.min(t.w,e.maxW)),e.maxH&&(t.h=Math.min(t.h,e.maxH)),e.minW&&(t.w=Math.max(t.w,e.minW)),e.minH&&(t.h=Math.max(t.h,e.minH)),e.w!==t.w||e.h!==t.h)}moveNode(e,t){var d,h;if(!e||!t)return!1;let i;t.pack===void 0&&!this.batchMode&&(i=t.pack=!0),typeof t.x!="number"&&(t.x=e.x),typeof t.y!="number"&&(t.y=e.y),typeof t.w!="number"&&(t.w=e.w),typeof t.h!="number"&&(t.h=e.h);const s=e.w!==t.w||e.h!==t.h,r=u.copyPos({},e,!0);if(u.copyPos(r,t),this.nodeBoundFix(r,s),u.copyPos(t,r),!t.forceCollide&&u.samePos(e,t))return!1;const a=u.copyPos({},e),n=this.collideAll(e,r,t.skip);let c=!0;if(n.length){const l=e._moving&&!t.nested;let g=l?this.directionCollideCoverage(e,t,n):n[0];if(l&&g&&((h=(d=e.grid)==null?void 0:d.opts)!=null&&h.subGridDynamic)&&!e.grid._isTemp){const p=u.areaIntercept(t.rect,g._rect),y=u.area(t.rect),_=u.area(g._rect);p/(y<_?y:_)>.8&&(g.grid.makeSubGrid(g.el,void 0,e),g=void 0)}g?c=!this._fixCollisions(e,r,g,t):(c=!1,i&&delete t.pack)}return c&&!u.samePos(e,r)&&(e._dirty=!0,u.copyPos(e,r)),t.pack&&this._packNodes()._notify(),!u.samePos(e,a)}getRow(){return this.nodes.reduce((e,t)=>Math.max(e,t.y+t.h),0)}beginUpdate(e){return e._updating||(e._updating=!0,delete e._skipDown,this.batchMode||this.saveInitial()),this}endUpdate(){const e=this.nodes.find(t=>t._updating);return e&&(delete e._updating,delete e._skipDown),this}save(e=!0,t){var a;const i=(a=this._layouts)==null?void 0:a.length,s=i&&this.column!==i-1?this._layouts[i-1]:null,r=[];return this.sortNodes(),this.nodes.forEach(n=>{const c=s==null?void 0:s.find(h=>h._id===n._id),d={...n,...c||{}};u.removeInternalForSave(d,!e),t&&t(n,d),r.push(d)}),r}layoutsNodesChange(e){return!this._layouts||this._inColumnResize?this:(this._layouts.forEach((t,i)=>{if(!t||i===this.column)return this;if(i<this.column)this._layouts[i]=void 0;else{const s=i/this.column;e.forEach(r=>{if(!r._orig)return;const a=t.find(n=>n._id===r._id);a&&(a.y>=0&&r.y!==r._orig.y&&(a.y+=r.y-r._orig.y),r.x!==r._orig.x&&(a.x=Math.round(r.x*s)),r.w!==r._orig.w&&(a.w=Math.round(r.w*s)))})}}),this)}columnChanged(e,t,i="moveScale"){var n;if(!this.nodes.length||!t||e===t)return this;const s=i==="compact"||i==="list";s&&this.sortNodes(1),t<e&&this.cacheLayout(this.nodes,e),this.batchUpdate();let r=[],a=s?this.nodes:u.sort(this.nodes,-1);if(t>e&&this._layouts){const c=this._layouts[t]||[],d=this._layouts.length-1;!c.length&&e!==d&&((n=this._layouts[d])!=null&&n.length)&&(e=d,this._layouts[d].forEach(h=>{const l=a.find(g=>g._id===h._id);l&&(!s&&!h.autoPosition&&(l.x=h.x??l.x,l.y=h.y??l.y),l.w=h.w??l.w,(h.x==null||h.y===void 0)&&(l.autoPosition=!0))})),c.forEach(h=>{const l=a.findIndex(g=>g._id===h._id);if(l!==-1){const g=a[l];if(s){g.w=h.w;return}(h.autoPosition||isNaN(h.x)||isNaN(h.y))&&this.findEmptyPosition(h,r),h.autoPosition||(g.x=h.x??g.x,g.y=h.y??g.y,g.w=h.w??g.w,r.push(g)),a.splice(l,1)}})}if(s)this.compact(i,!1);else{if(a.length)if(typeof i=="function")i(t,e,r,a);else{const c=s||i==="none"?1:t/e,d=i==="move"||i==="moveScale",h=i==="scale"||i==="moveScale";a.forEach(l=>{l.x=t===1?0:d?Math.round(l.x*c):Math.min(l.x,t-1),l.w=t===1||e===1?1:h?Math.round(l.w*c)||1:Math.min(l.w,t),r.push(l)}),a=[]}r=u.sort(r,-1),this._inColumnResize=!0,this.nodes=[],r.forEach(c=>{this.addNode(c,!1),delete c._orig})}return this.nodes.forEach(c=>delete c._orig),this.batchUpdate(!1,!s),delete this._inColumnResize,this}cacheLayout(e,t,i=!1){const s=[];return e.forEach((r,a)=>{if(r._id===void 0){const n=r.id?this.nodes.find(c=>c.id===r.id):void 0;r._id=(n==null?void 0:n._id)??K._idSeq++}s[a]={x:r.x,y:r.y,w:r.w,_id:r._id}}),this._layouts=i?[]:this._layouts||[],this._layouts[t]=s,this}cacheOneLayout(e,t){e._id=e._id??K._idSeq++;const i={x:e.x,y:e.y,w:e.w,_id:e._id};(e.autoPosition||e.x===void 0)&&(delete i.x,delete i.y,e.autoPosition&&(i.autoPosition=!0)),this._layouts=this._layouts||[],this._layouts[t]=this._layouts[t]||[];const s=this.findCacheLayout(e,t);return s===-1?this._layouts[t].push(i):this._layouts[t][s]=i,this}findCacheLayout(e,t){var i,s;return((s=(i=this._layouts)==null?void 0:i[t])==null?void 0:s.findIndex(r=>r._id===e._id))??-1}removeNodeFromLayoutCache(e){if(this._layouts)for(let t=0;t<this._layouts.length;t++){const i=this.findCacheLayout(e,t);i!==-1&&this._layouts[t].splice(i,1)}}cleanupNode(e){for(const t in e)t[0]==="_"&&t!=="_id"&&delete e[t];return this}}K._idSeq=0;const $={alwaysShowResizeHandle:"mobile",animate:!0,auto:!0,cellHeight:"auto",cellHeightThrottle:100,cellHeightUnit:"px",column:12,draggable:{handle:".grid-stack-item-content",appendTo:"body",scroll:!0},handle:".grid-stack-item-content",itemClass:"grid-stack-item",margin:10,marginUnit:"px",maxRow:0,minRow:0,placeholderClass:"grid-stack-placeholder",placeholderText:"",removableOptions:{accept:"grid-stack-item",decline:"grid-stack-non-removable"},resizable:{handles:"se"},rtl:"auto"};class C{}const V=typeof window<"u"&&typeof document<"u"&&("ontouchstart"in document||"ontouchstart"in window||window.DocumentTouch&&document instanceof window.DocumentTouch||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0);class Y{}function ye(f,e){if(f.touches.length>1)return;f.cancelable&&f.preventDefault();const t=f.changedTouches[0],i=document.createEvent("MouseEvents");i.initMouseEvent(e,!0,!0,window,1,t.screenX,t.screenY,t.clientX,t.clientY,!1,!1,!1,!1,0,null),f.target.dispatchEvent(i)}function ot(f,e){f.cancelable&&f.preventDefault();const t=document.createEvent("MouseEvents");t.initMouseEvent(e,!0,!0,window,1,f.screenX,f.screenY,f.clientX,f.clientY,!1,!1,!1,!1,0,null),f.target.dispatchEvent(t)}function _e(f){Y.touchHandled||(Y.touchHandled=!0,ye(f,"mousedown"))}function ve(f){Y.touchHandled&&ye(f,"mousemove")}function we(f){if(!Y.touchHandled)return;Y.pointerLeaveTimeout&&(window.clearTimeout(Y.pointerLeaveTimeout),delete Y.pointerLeaveTimeout);const e=!!C.dragElement;ye(f,"mouseup"),e||ye(f,"click"),Y.touchHandled=!1}function be(f){f.pointerType!=="mouse"&&f.target.releasePointerCapture(f.pointerId)}function at(f){C.dragElement&&f.pointerType!=="mouse"&&ot(f,"mouseenter")}function lt(f){C.dragElement&&f.pointerType!=="mouse"&&(Y.pointerLeaveTimeout=window.setTimeout(()=>{delete Y.pointerLeaveTimeout,ot(f,"mouseleave")},10))}class Ee{constructor(e,t,i){this.host=e,this.dir=t,this.option=i,this.moving=!1,this._mouseDown=this._mouseDown.bind(this),this._mouseMove=this._mouseMove.bind(this),this._mouseUp=this._mouseUp.bind(this),this._keyEvent=this._keyEvent.bind(this),this._init()}_init(){const e=this.el=document.createElement("div");return e.classList.add("ui-resizable-handle"),e.classList.add(`${Ee.prefix}${this.dir}`),e.style.zIndex="100",e.style.userSelect="none",this.host.appendChild(this.el),this.el.addEventListener("mousedown",this._mouseDown),V&&(this.el.addEventListener("touchstart",_e),this.el.addEventListener("pointerdown",be)),this}destroy(){return this.moving&&this._mouseUp(this.mouseDownEvent),this.el.removeEventListener("mousedown",this._mouseDown),V&&(this.el.removeEventListener("touchstart",_e),this.el.removeEventListener("pointerdown",be)),this.host.removeChild(this.el),delete this.el,delete this.host,this}_mouseDown(e){this.mouseDownEvent=e,document.addEventListener("mousemove",this._mouseMove,{capture:!0,passive:!0}),document.addEventListener("mouseup",this._mouseUp,!0),V&&(this.el.addEventListener("touchmove",ve),this.el.addEventListener("touchend",we)),e.stopPropagation(),e.preventDefault()}_mouseMove(e){const t=this.mouseDownEvent;this.moving?this._triggerEvent("move",e):Math.abs(e.x-t.x)+Math.abs(e.y-t.y)>2&&(this.moving=!0,this._triggerEvent("start",this.mouseDownEvent),this._triggerEvent("move",e),document.addEventListener("keydown",this._keyEvent)),e.stopPropagation()}_mouseUp(e){this.moving&&(this._triggerEvent("stop",e),document.removeEventListener("keydown",this._keyEvent)),document.removeEventListener("mousemove",this._mouseMove,!0),document.removeEventListener("mouseup",this._mouseUp,!0),V&&(this.el.removeEventListener("touchmove",ve),this.el.removeEventListener("touchend",we)),delete this.moving,delete this.mouseDownEvent,e.stopPropagation(),e.preventDefault()}_keyEvent(e){var t,i;e.key==="Escape"&&((i=(t=this.host.gridstackNode)==null?void 0:t.grid)==null||i.engine.restoreInitial(),this._mouseUp(this.mouseDownEvent))}_triggerEvent(e,t){return this.option[e]&&this.option[e](t),this}}Ee.prefix="ui-resizable-";class Le{constructor(){this._eventRegister={}}get disabled(){return this._disabled}on(e,t){this._eventRegister[e]=t}off(e){delete this._eventRegister[e]}enable(){this._disabled=!1}disable(){this._disabled=!0}destroy(){delete this._eventRegister}triggerEvent(e,t){if(!this.disabled&&this._eventRegister&&this._eventRegister[e])return this._eventRegister[e](t)}}class he extends Le{constructor(e,t={}){super(),this.el=e,this.option=t,this.rectScale={x:1,y:1},this._ui=()=>{const s=this.el.parentElement.getBoundingClientRect(),r={width:this.originalRect.width,height:this.originalRect.height+this.scrolled,left:this.originalRect.left,top:this.originalRect.top-this.scrolled},a=this.temporalRect||r;return{position:{left:(a.left-s.left)*this.rectScale.x,top:(a.top-s.top)*this.rectScale.y},size:{width:a.width*this.rectScale.x,height:a.height*this.rectScale.y}}},this._mouseOver=this._mouseOver.bind(this),this._mouseOut=this._mouseOut.bind(this),this.enable(),this._setupAutoHide(this.option.autoHide),this._setupHandlers()}on(e,t){super.on(e,t)}off(e){super.off(e)}enable(){super.enable(),this.el.classList.remove("ui-resizable-disabled"),this._setupAutoHide(this.option.autoHide)}disable(){super.disable(),this.el.classList.add("ui-resizable-disabled"),this._setupAutoHide(!1)}destroy(){this._removeHandlers(),this._setupAutoHide(!1),delete this.el,super.destroy()}updateOption(e){const t=e.handles&&e.handles!==this.option.handles,i=e.autoHide&&e.autoHide!==this.option.autoHide;return Object.keys(e).forEach(s=>this.option[s]=e[s]),t&&(this._removeHandlers(),this._setupHandlers()),i&&this._setupAutoHide(this.option.autoHide),this}_setupAutoHide(e){return e?(this.el.classList.add("ui-resizable-autohide"),this.el.addEventListener("mouseover",this._mouseOver),this.el.addEventListener("mouseout",this._mouseOut)):(this.el.classList.remove("ui-resizable-autohide"),this.el.removeEventListener("mouseover",this._mouseOver),this.el.removeEventListener("mouseout",this._mouseOut),C.overResizeElement===this&&delete C.overResizeElement),this}_mouseOver(e){C.overResizeElement||C.dragElement||(C.overResizeElement=this,this.el.classList.remove("ui-resizable-autohide"))}_mouseOut(e){C.overResizeElement===this&&(delete C.overResizeElement,this.el.classList.add("ui-resizable-autohide"))}_setupHandlers(){return this.handlers=this.option.handles.split(",").map(e=>e.trim()).map(e=>new Ee(this.el,e,{start:t=>{this._resizeStart(t)},stop:t=>{this._resizeStop(t)},move:t=>{this._resizing(t,e)}})),this}_resizeStart(e){this.sizeToContent=u.shouldSizeToContent(this.el.gridstackNode,!0),this.originalRect=this.el.getBoundingClientRect(),this.scrollEl=u.getScrollElement(this.el),this.scrollY=this.scrollEl.scrollTop,this.scrolled=0,this.startEvent=e,this._setupHelper(),this._applyChange();const t=u.initEvent(e,{type:"resizestart",target:this.el});return this.option.start&&this.option.start(t,this._ui()),this.el.classList.add("ui-resizable-resizing"),this.triggerEvent("resizestart",t),this}_resizing(e,t){this.scrolled=this.scrollEl.scrollTop-this.scrollY,this.temporalRect=this._getChange(e,t),this._applyChange();const i=u.initEvent(e,{type:"resize",target:this.el});return this.option.resize&&this.option.resize(i,this._ui()),this.triggerEvent("resize",i),this}_resizeStop(e){const t=u.initEvent(e,{type:"resizestop",target:this.el});return this.option.stop&&this.option.stop(t),this.el.classList.remove("ui-resizable-resizing"),this.triggerEvent("resizestop",t),this._cleanHelper(),delete this.startEvent,delete this.originalRect,delete this.temporalRect,delete this.scrollY,delete this.scrolled,this}_setupHelper(){this.elOriginStyleVal=he._originStyleProp.map(i=>this.el.style[i]),this.parentOriginStylePosition=this.el.parentElement.style.position;const e=this.el.parentElement,t=u.getValuesFromTransformedElement(e);return this.rectScale={x:t.xScale,y:t.yScale},getComputedStyle(this.el.parentElement).position.match(/static/)&&(this.el.parentElement.style.position="relative"),this.el.style.position="absolute",this.el.style.opacity="0.8",this}_cleanHelper(){return he._originStyleProp.forEach((e,t)=>{this.el.style[e]=this.elOriginStyleVal[t]||null}),this.el.parentElement.style.position=this.parentOriginStylePosition||null,this}_getChange(e,t){const i=this.startEvent,s={width:this.originalRect.width,height:this.originalRect.height+this.scrolled,left:this.originalRect.left,top:this.originalRect.top-this.scrolled},r=e.clientX-i.clientX,a=this.sizeToContent?0:e.clientY-i.clientY;let n,c;t.indexOf("e")>-1?s.width+=r:t.indexOf("w")>-1&&(s.width-=r,s.left+=r,n=!0),t.indexOf("s")>-1?s.height+=a:t.indexOf("n")>-1&&(s.height-=a,s.top+=a,c=!0);const d=this._constrainSize(s.width,s.height,n,c);return Math.round(s.width)!==Math.round(d.width)&&(t.indexOf("w")>-1&&(s.left+=s.width-d.width),s.width=d.width),Math.round(s.height)!==Math.round(d.height)&&(t.indexOf("n")>-1&&(s.top+=s.height-d.height),s.height=d.height),s}_constrainSize(e,t,i,s){const r=this.option,a=(i?r.maxWidthMoveLeft:r.maxWidth)||Number.MAX_SAFE_INTEGER,n=r.minWidth/this.rectScale.x||e,c=(s?r.maxHeightMoveUp:r.maxHeight)||Number.MAX_SAFE_INTEGER,d=r.minHeight/this.rectScale.y||t,h=Math.min(a,Math.max(n,e)),l=Math.min(c,Math.max(d,t));return{width:h,height:l}}_applyChange(){let e={left:0,top:0,width:0,height:0};if(this.el.style.position==="absolute"){const t=this.el.parentElement,{left:i,top:s}=t.getBoundingClientRect();e={left:i,top:s,width:0,height:0}}return this.temporalRect?(Object.keys(this.temporalRect).forEach(t=>{const i=this.temporalRect[t],s=t==="width"||t==="left"?this.rectScale.x:t==="height"||t==="top"?this.rectScale.y:1;this.el.style[t]=(i-e[t])*s+"px"}),this):this}_removeHandlers(){return this.handlers.forEach(e=>e.destroy()),delete this.handlers,this}}he._originStyleProp=["width","height","position","left","top","opacity","zIndex"];const Xt='input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';class de extends Le{constructor(e,t={}){var r;super(),this.el=e,this.option=t,this.dragTransform={xScale:1,yScale:1,xOffset:0,yOffset:0};const i=(r=t==null?void 0:t.handle)==null?void 0:r.substring(1),s=e.gridstackNode;this.dragEls=!i||e.classList.contains(i)?[e]:s!=null&&s.subGrid?[e.querySelector(t.handle)||e]:Array.from(e.querySelectorAll(t.handle)),this.dragEls.length===0&&(this.dragEls=[e]),this._mouseDown=this._mouseDown.bind(this),this._mouseMove=this._mouseMove.bind(this),this._mouseUp=this._mouseUp.bind(this),this._keyEvent=this._keyEvent.bind(this),this.enable()}on(e,t){super.on(e,t)}off(e){super.off(e)}enable(){this.disabled!==!1&&(super.enable(),this.dragEls.forEach(e=>{e.addEventListener("mousedown",this._mouseDown),V&&(e.addEventListener("touchstart",_e),e.addEventListener("pointerdown",be))}),this.el.classList.remove("ui-draggable-disabled"))}disable(e=!1){this.disabled!==!0&&(super.disable(),this.dragEls.forEach(t=>{t.removeEventListener("mousedown",this._mouseDown),V&&(t.removeEventListener("touchstart",_e),t.removeEventListener("pointerdown",be))}),e||this.el.classList.add("ui-draggable-disabled"))}destroy(){this.dragTimeout&&window.clearTimeout(this.dragTimeout),delete this.dragTimeout,this.mouseDownEvent&&this._mouseUp(this.mouseDownEvent),this.disable(!0),delete this.el,delete this.helper,delete this.option,super.destroy()}updateOption(e){return Object.keys(e).forEach(t=>this.option[t]=e[t]),this}_mouseDown(e){if(!C.mouseHandled)return e.button!==0||!this.dragEls.find(t=>t===e.target)&&e.target.closest(Xt)||this.option.cancel&&e.target.closest(this.option.cancel)||(this.mouseDownEvent=e,delete this.dragging,delete C.dragElement,delete C.dropElement,document.addEventListener("mousemove",this._mouseMove,{capture:!0,passive:!0}),document.addEventListener("mouseup",this._mouseUp,!0),V&&(e.currentTarget.addEventListener("touchmove",ve),e.currentTarget.addEventListener("touchend",we)),e.preventDefault(),document.activeElement&&document.activeElement.blur(),C.mouseHandled=!0),!0}_callDrag(e){if(!this.dragging)return;const t=u.initEvent(e,{target:this.el,type:"drag"});this.option.drag&&this.option.drag(t,this.ui()),this.triggerEvent("drag",t)}_mouseMove(e){var i;const t=this.mouseDownEvent;if(this.lastDrag=e,this.dragging)if(this._dragFollow(e),C.pauseDrag){const s=Number.isInteger(C.pauseDrag)?C.pauseDrag:100;this.dragTimeout&&window.clearTimeout(this.dragTimeout),this.dragTimeout=window.setTimeout(()=>this._callDrag(e),s)}else this._callDrag(e);else if(Math.abs(e.x-t.x)+Math.abs(e.y-t.y)>3){this.dragging=!0,C.dragElement=this;const s=(i=this.el.gridstackNode)==null?void 0:i.grid;s?C.dropElement=s.el.ddElement.ddDroppable:delete C.dropElement,this.helper=this._createHelper(),this._setupHelperContainmentStyle(),this.dragTransform=u.getValuesFromTransformedElement(this.helperContainment),this.dragOffset=this._getDragOffset(e,this.el,this.helperContainment),this._setupHelperStyle(e);const r=u.initEvent(e,{target:this.el,type:"dragstart"});this.option.start&&this.option.start(r,this.ui()),this.triggerEvent("dragstart",r),document.addEventListener("keydown",this._keyEvent)}return!0}_mouseUp(e){var t,i;if(document.removeEventListener("mousemove",this._mouseMove,!0),document.removeEventListener("mouseup",this._mouseUp,!0),V&&e.currentTarget&&(e.currentTarget.removeEventListener("touchmove",ve,!0),e.currentTarget.removeEventListener("touchend",we,!0)),this.dragging){delete this.dragging,(t=this.el.gridstackNode)==null||delete t._origRotate,document.removeEventListener("keydown",this._keyEvent),((i=C.dropElement)==null?void 0:i.el)===this.el.parentElement&&delete C.dropElement,this.helperContainment.style.position=this.parentOriginStylePosition||null,this.helper!==this.el&&this.helper.remove(),this._removeHelperStyle();const s=u.initEvent(e,{target:this.el,type:"dragstop"});this.option.stop&&this.option.stop(s),this.triggerEvent("dragstop",s),C.dropElement&&C.dropElement.drop(e)}delete this.helper,delete this.mouseDownEvent,delete C.dragElement,delete C.dropElement,delete C.mouseHandled,e.preventDefault()}_keyEvent(e){var s,r;const t=this.el.gridstackNode,i=(t==null?void 0:t.grid)||((r=(s=C.dropElement)==null?void 0:s.el)==null?void 0:r.gridstack);if(e.key==="Escape")t&&t._origRotate&&(t._orig=t._origRotate,delete t._origRotate),i==null||i.cancelDrag(),this._mouseUp(this.mouseDownEvent);else if(t&&i&&(e.key==="r"||e.key==="R")){if(!u.canBeRotated(t))return;t._origRotate=t._origRotate||{...t._orig},delete t._moving,i.setAnimation(!1).rotate(t.el,{top:-this.dragOffset.offsetTop,left:-this.dragOffset.offsetLeft}).setAnimation(),t._moving=!0,this.dragOffset=this._getDragOffset(this.lastDrag,t.el,this.helperContainment),this.helper.style.width=this.dragOffset.width+"px",this.helper.style.height=this.dragOffset.height+"px",u.swap(t._orig,"w","h"),delete t._rect,this._mouseMove(this.lastDrag)}}_createHelper(){let e=this.el;return typeof this.option.helper=="function"?e=this.option.helper(this.el):this.option.helper==="clone"&&(e=u.cloneNode(this.el)),document.body.contains(e)||u.appendTo(e,this.option.appendTo==="parent"?this.el.parentElement:this.option.appendTo),this.dragElementOriginStyle=de.originStyleProp.map(t=>this.el.style[t]),e}_setupHelperStyle(e){this.helper.classList.add("ui-draggable-dragging");const t=this.helper.style;return t.pointerEvents="none",t.width=this.dragOffset.width+"px",t.height=this.dragOffset.height+"px",t.willChange="left, top",t.position="fixed",this._dragFollow(e),t.transition="none",setTimeout(()=>{this.helper&&(t.transition=null)},0),this}_removeHelperStyle(){var t;this.helper.classList.remove("ui-draggable-dragging");const e=(t=this.helper)==null?void 0:t.gridstackNode;if(!(e!=null&&e._isAboutToRemove)&&this.dragElementOriginStyle){const i=this.helper,s=this.dragElementOriginStyle.transition||null;i.style.transition=this.dragElementOriginStyle.transition="none",de.originStyleProp.forEach(r=>i.style[r]=this.dragElementOriginStyle[r]||null),setTimeout(()=>i.style.transition=s,50)}return delete this.dragElementOriginStyle,this}_dragFollow(e){const t={left:0,top:0},i=this.helper.style,s=this.dragOffset;i.left=(e.clientX+s.offsetLeft-t.left)*this.dragTransform.xScale+"px",i.top=(e.clientY+s.offsetTop-t.top)*this.dragTransform.yScale+"px"}_setupHelperContainmentStyle(){return this.helperContainment=this.helper.parentElement,this.helper.style.position!=="fixed"&&(this.parentOriginStylePosition=this.helperContainment.style.position,getComputedStyle(this.helperContainment).position.match(/static/)&&(this.helperContainment.style.position="relative")),this}_getDragOffset(e,t,i){let s=0,r=0;i&&(s=this.dragTransform.xOffset,r=this.dragTransform.yOffset);const a=t.getBoundingClientRect();return{left:a.left,top:a.top,offsetLeft:-e.clientX+a.left-s,offsetTop:-e.clientY+a.top-r,width:a.width*this.dragTransform.xScale,height:a.height*this.dragTransform.yScale}}ui(){const t=this.el.parentElement.getBoundingClientRect(),i=this.helper.getBoundingClientRect();return{position:{top:(i.top-t.top)*this.dragTransform.yScale,left:(i.left-t.left)*this.dragTransform.xScale}}}}de.originStyleProp=["width","height","transform","transform-origin","transition","pointerEvents","position","left","top","minWidth","willChange"];class Qt extends Le{constructor(e,t={}){super(),this.el=e,this.option=t,this._mouseEnter=this._mouseEnter.bind(this),this._mouseLeave=this._mouseLeave.bind(this),this.enable(),this._setupAccept()}on(e,t){super.on(e,t)}off(e){super.off(e)}enable(){this.disabled!==!1&&(super.enable(),this.el.classList.add("ui-droppable"),this.el.classList.remove("ui-droppable-disabled"),this.el.addEventListener("mouseenter",this._mouseEnter),this.el.addEventListener("mouseleave",this._mouseLeave),V&&(this.el.addEventListener("pointerenter",at),this.el.addEventListener("pointerleave",lt)))}disable(e=!1){this.disabled!==!0&&(super.disable(),this.el.classList.remove("ui-droppable"),e||this.el.classList.add("ui-droppable-disabled"),this.el.removeEventListener("mouseenter",this._mouseEnter),this.el.removeEventListener("mouseleave",this._mouseLeave),V&&(this.el.removeEventListener("pointerenter",at),this.el.removeEventListener("pointerleave",lt)))}destroy(){this.disable(!0),this.el.classList.remove("ui-droppable"),this.el.classList.remove("ui-droppable-disabled"),super.destroy()}updateOption(e){return Object.keys(e).forEach(t=>this.option[t]=e[t]),this._setupAccept(),this}_mouseEnter(e){if(!C.dragElement||!this._canDrop(C.dragElement.el))return;e.preventDefault(),e.stopPropagation(),C.dropElement&&C.dropElement!==this&&C.dropElement._mouseLeave(e,!0),C.dropElement=this;const t=u.initEvent(e,{target:this.el,type:"dropover"});this.option.over&&this.option.over(t,this._ui(C.dragElement)),this.triggerEvent("dropover",t),this.el.classList.add("ui-droppable-over")}_mouseLeave(e,t=!1){var s;if(!C.dragElement||C.dropElement!==this)return;e.preventDefault(),e.stopPropagation();const i=u.initEvent(e,{target:this.el,type:"dropout"});if(this.option.out&&this.option.out(i,this._ui(C.dragElement)),this.triggerEvent("dropout",i),C.dropElement===this&&(delete C.dropElement,!t)){let r,a=this.el.parentElement;for(;!r&&a;)r=(s=a.ddElement)==null?void 0:s.ddDroppable,a=a.parentElement;r&&r._mouseEnter(e)}}drop(e){e.preventDefault();const t=u.initEvent(e,{target:this.el,type:"drop"});this.option.drop&&this.option.drop(t,this._ui(C.dragElement)),this.triggerEvent("drop",t)}_canDrop(e){return e&&(!this.accept||this.accept(e))}_setupAccept(){return this.option.accept?(typeof this.option.accept=="string"?this.accept=e=>e.classList.contains(this.option.accept)||e.matches(this.option.accept):this.accept=this.option.accept,this):this}_ui(e){return{draggable:e.el,...e.ui()}}}class Me{static init(e){return e.ddElement||(e.ddElement=new Me(e)),e.ddElement}constructor(e){this.el=e}on(e,t){return this.ddDraggable&&["drag","dragstart","dragstop"].indexOf(e)>-1?this.ddDraggable.on(e,t):this.ddDroppable&&["drop","dropover","dropout"].indexOf(e)>-1?this.ddDroppable.on(e,t):this.ddResizable&&["resizestart","resize","resizestop"].indexOf(e)>-1&&this.ddResizable.on(e,t),this}off(e){return this.ddDraggable&&["drag","dragstart","dragstop"].indexOf(e)>-1?this.ddDraggable.off(e):this.ddDroppable&&["drop","dropover","dropout"].indexOf(e)>-1?this.ddDroppable.off(e):this.ddResizable&&["resizestart","resize","resizestop"].indexOf(e)>-1&&this.ddResizable.off(e),this}setupDraggable(e){return this.ddDraggable?this.ddDraggable.updateOption(e):this.ddDraggable=new de(this.el,e),this}cleanDraggable(){return this.ddDraggable&&(this.ddDraggable.destroy(),delete this.ddDraggable),this}setupResizable(e){return this.ddResizable?this.ddResizable.updateOption(e):this.ddResizable=new he(this.el,e),this}cleanResizable(){return this.ddResizable&&(this.ddResizable.destroy(),delete this.ddResizable),this}setupDroppable(e){return this.ddDroppable?this.ddDroppable.updateOption(e):this.ddDroppable=new Qt(this.el,e),this}cleanDroppable(){return this.ddDroppable&&(this.ddDroppable.destroy(),delete this.ddDroppable),this}}class Zt{resizable(e,t,i,s){return this._getDDElements(e).forEach(r=>{if(t==="disable"||t==="enable")r.ddResizable&&r.ddResizable[t]();else if(t==="destroy")r.ddResizable&&r.cleanResizable();else if(t==="option")r.setupResizable({[i]:s});else{const n=r.el.gridstackNode.grid;let c=r.el.getAttribute("gs-resize-handles")||n.opts.resizable.handles||"e,s,se";c==="all"&&(c="n,e,s,w,se,sw,ne,nw");const d=!n.opts.alwaysShowResizeHandle;r.setupResizable({...n.opts.resizable,handles:c,autoHide:d,start:t.start,stop:t.stop,resize:t.resize})}}),this}draggable(e,t,i,s){return this._getDDElements(e).forEach(r=>{if(t==="disable"||t==="enable")r.ddDraggable&&r.ddDraggable[t]();else if(t==="destroy")r.ddDraggable&&r.cleanDraggable();else if(t==="option")r.setupDraggable({[i]:s});else{const a=r.el.gridstackNode.grid;r.setupDraggable({...a.opts.draggable,start:t.start,stop:t.stop,drag:t.drag})}}),this}dragIn(e,t){return this._getDDElements(e).forEach(i=>i.setupDraggable(t)),this}droppable(e,t,i,s){return typeof t.accept=="function"&&!t._accept&&(t._accept=t.accept,t.accept=r=>t._accept(r)),this._getDDElements(e).forEach(r=>{t==="disable"||t==="enable"?r.ddDroppable&&r.ddDroppable[t]():t==="destroy"?r.ddDroppable&&r.cleanDroppable():t==="option"?r.setupDroppable({[i]:s}):r.setupDroppable(t)}),this}isDroppable(e){var t;return!!((t=e==null?void 0:e.ddElement)!=null&&t.ddDroppable&&!e.ddElement.ddDroppable.disabled)}isDraggable(e){var t;return!!((t=e==null?void 0:e.ddElement)!=null&&t.ddDraggable&&!e.ddElement.ddDraggable.disabled)}isResizable(e){var t;return!!((t=e==null?void 0:e.ddElement)!=null&&t.ddResizable&&!e.ddElement.ddResizable.disabled)}on(e,t,i){return this._getDDElements(e).forEach(s=>s.on(t,r=>{i(r,C.dragElement?C.dragElement.el:r.target,C.dragElement?C.dragElement.helper:null)})),this}off(e,t){return this._getDDElements(e).forEach(i=>i.off(t)),this}_getDDElements(e,t=!0){const i=u.getElements(e);if(!i.length)return[];const s=i.map(r=>r.ddElement||(t?Me.init(r):null));return t||s.filter(r=>r),s}}/*!
+(function(E,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("@kong-ui-public/analytics-utilities"),require("@kong-ui-public/analytics-chart"),require("swrv"),require("axios"),require("@kong-ui-public/i18n"),require("@kong-ui-public/analytics-config-store"),require("@kong-ui-public/analytics-metric-provider"),require("@kong/icons")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/analytics-utilities","@kong-ui-public/analytics-chart","swrv","axios","@kong-ui-public/i18n","@kong-ui-public/analytics-config-store","@kong-ui-public/analytics-metric-provider","@kong/icons"],o):(E=typeof globalThis<"u"?globalThis:E||self,o(E["kong-ui-public-dashboard-renderer"]={},E.Vue,E["kong-ui-public-analytics-utilities"],E["kong-ui-public-analytics-chart"],E.swrv,E.axios,E["kong-ui-public-i18n"],E["kong-ui-public-analytics-config-store"],E["kong-ui-public-analytics-metric-provider"],E.KongIcons))})(this,function(E,o,z,j,ze,li,$e,Ge,Fe,Ne){"use strict";var oi=Object.defineProperty;var dt=E=>{throw TypeError(E)};var ai=(E,o,z)=>o in E?oi(E,o,{enumerable:!0,configurable:!0,writable:!0,value:z}):E[o]=z;var ct=(E,o,z)=>ai(E,typeof o!="symbol"?o+"":o,z),Be=(E,o,z)=>o.has(E)||dt("Cannot "+z);var w=(E,o,z)=>(Be(E,o,"read from private field"),z?z.call(E):o.get(E)),L=(E,o,z)=>o.has(E)?dt("Cannot add the same private member more than once"):o instanceof WeakSet?o.add(E):o.set(E,z),H=(E,o,z,j)=>(Be(E,o,"write to private field"),j?j.call(E,z):o.set(E,z),z),M=(E,o,z)=>(Be(E,o,"access private method"),z);var pe=(E,o,z,j)=>({set _(ze){H(E,o,ze,z)},get _(){return w(E,o,j)}});var F,se,re,J,ce,ne,ue,U,oe,P,fe,W,ae,X,ge,Ce,D,ut,ft,gt,mt,pt,ke,Pe,qe,Te,yt,De;var Ue=(f=>(f.VALIDATING="VALIDATING",f.VALIDATING_HAS_DATA="VALIDATING_HAS_DATA",f.PENDING="PENDING",f.SUCCESS="SUCCESS",f.SUCCESS_HAS_DATA="SUCCESS_HAS_DATA",f.ERROR="ERROR",f.STALE_IF_ERROR="STALE_IF_ERROR",f))(Ue||{});const _t=f=>{var e,t,i,s,r;return f?!!((e=Object.keys(f))!=null&&e.length||(t=f.data)!=null&&t.length||(s=(i=f.data)==null?void 0:i.data)!=null&&s.length||!((r=f.data)!=null&&r.data)&&typeof f.data=="object"&&Object.keys(f==null?void 0:f.data).length):!1};function vt(f=o.ref({}),e,t,i=_t){const s=o.ref("PENDING");return o.watchEffect(()=>{const r=i(f.value);if(f.value&&r&&t.value){s.value="VALIDATING_HAS_DATA";return}if(f.value&&t.value){s.value="VALIDATING";return}if(f.value&&e.value){s.value="STALE_IF_ERROR";return}if(f.value===void 0&&!e.value){s.value="PENDING";return}if(f.value&&!e.value&&r){s.value="SUCCESS_HAS_DATA";return}if(f.value&&!e.value){s.value="SUCCESS";return}f.value===void 0&&e&&(s.value="ERROR")}),{state:s,swrvState:Ue}}const wt={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",duplicateTile:"Duplicate",remove:"Remove",delete:"Delete"},queryDataProvider:{forbidden:"You do not have permission to query this data.",timeRangeExceeded:"The time range for this report is outside of your organization's data retention period",timeout:"Query timed out.  Consider querying a shorter time range."},csvExport:{defaultFilename:"Chart export",exportAsCsv:"Export as CSV"},jumpToExplore:"Explore",query_aged_out_warning:"This tile was configured with {savedGranularity} granularity, which is no longer available. It now shows {currentGranularity} data, the closest available granularity.",granularities:{daily:"1 day",fiveMinutely:"5 minutes",hourly:"1 hour",minutely:"1 minute",tenMinutely:"10 minutes",tensecondly:"10 seconds",thirtyMinutely:"30 minutes",thirtySecondly:"30 seconds",twelveHourly:"12 hours",twoHourly:"2 hours",weekly:"1 week"}};function bt(){const f=$e.createI18n("en-us",wt);return{i18n:f,i18nT:$e.i18nTComponent(f)}}const le=170,Se=6,Z="analytics-query-provider",Ae="{entity-id}",We="{cp-id}",Ve="{timeframe}",Ke=30*1e3;function Et(){const f=o.inject(Z);return{evaluateFeatureFlag:(t,i)=>f?f.evaluateFeatureFlagFn(t,i):i}}function Ct(f){return f&&f.__esModule&&Object.prototype.hasOwnProperty.call(f,"default")?f.default:f}var Ye={exports:{}};(function(f){var e=Object.prototype.hasOwnProperty,t="~";function i(){}Object.create&&(i.prototype=Object.create(null),new i().__proto__||(t=!1));function s(c,d,h){this.fn=c,this.context=d,this.once=h||!1}function r(c,d,h,l,g){if(typeof h!="function")throw new TypeError("The listener must be a function");var p=new s(h,l||c,g),y=t?t+d:d;return c._events[y]?c._events[y].fn?c._events[y]=[c._events[y],p]:c._events[y].push(p):(c._events[y]=p,c._eventsCount++),c}function a(c,d){--c._eventsCount===0?c._events=new i:delete c._events[d]}function n(){this._events=new i,this._eventsCount=0}n.prototype.eventNames=function(){var d=[],h,l;if(this._eventsCount===0)return d;for(l in h=this._events)e.call(h,l)&&d.push(t?l.slice(1):l);return Object.getOwnPropertySymbols?d.concat(Object.getOwnPropertySymbols(h)):d},n.prototype.listeners=function(d){var h=t?t+d:d,l=this._events[h];if(!l)return[];if(l.fn)return[l.fn];for(var g=0,p=l.length,y=new Array(p);g<p;g++)y[g]=l[g].fn;return y},n.prototype.listenerCount=function(d){var h=t?t+d:d,l=this._events[h];return l?l.fn?1:l.length:0},n.prototype.emit=function(d,h,l,g,p,y){var _=t?t+d:d;if(!this._events[_])return!1;var m=this._events[_],T=arguments.length,S,R;if(m.fn){switch(m.once&&this.removeListener(d,m.fn,void 0,!0),T){case 1:return m.fn.call(m.context),!0;case 2:return m.fn.call(m.context,h),!0;case 3:return m.fn.call(m.context,h,l),!0;case 4:return m.fn.call(m.context,h,l,g),!0;case 5:return m.fn.call(m.context,h,l,g,p),!0;case 6:return m.fn.call(m.context,h,l,g,p,y),!0}for(R=1,S=new Array(T-1);R<T;R++)S[R-1]=arguments[R];m.fn.apply(m.context,S)}else{var O=m.length,k;for(R=0;R<O;R++)switch(m[R].once&&this.removeListener(d,m[R].fn,void 0,!0),T){case 1:m[R].fn.call(m[R].context);break;case 2:m[R].fn.call(m[R].context,h);break;case 3:m[R].fn.call(m[R].context,h,l);break;case 4:m[R].fn.call(m[R].context,h,l,g);break;default:if(!S)for(k=1,S=new Array(T-1);k<T;k++)S[k-1]=arguments[k];m[R].fn.apply(m[R].context,S)}}return!0},n.prototype.on=function(d,h,l){return r(this,d,h,l,!1)},n.prototype.once=function(d,h,l){return r(this,d,h,l,!0)},n.prototype.removeListener=function(d,h,l,g){var p=t?t+d:d;if(!this._events[p])return this;if(!h)return a(this,p),this;var y=this._events[p];if(y.fn)y.fn===h&&(!g||y.once)&&(!l||y.context===l)&&a(this,p);else{for(var _=0,m=[],T=y.length;_<T;_++)(y[_].fn!==h||g&&!y[_].once||l&&y[_].context!==l)&&m.push(y[_]);m.length?this._events[p]=m.length===1?m[0]:m:a(this,p)}return this},n.prototype.removeAllListeners=function(d){var h;return d?(h=t?t+d:d,this._events[h]&&a(this,h)):(this._events=new i,this._eventsCount=0),this},n.prototype.off=n.prototype.removeListener,n.prototype.addListener=n.prototype.on,n.prefixed=t,n.EventEmitter=n,f.exports=n})(Ye);var xt=Ye.exports;const Rt=Ct(xt);class je extends Error{constructor(e){super(e),this.name="TimeoutError"}}class kt extends Error{constructor(e){super(),this.name="AbortError",this.message=e}}const Xe=f=>globalThis.DOMException===void 0?new kt(f):new DOMException(f),Qe=f=>{const e=f.reason===void 0?Xe("This operation was aborted."):f.reason;return e instanceof Error?e:Xe(e)};function Tt(f,e){const{milliseconds:t,fallback:i,message:s,customTimers:r={setTimeout,clearTimeout}}=e;let a,n;const d=new Promise((h,l)=>{if(typeof t!="number"||Math.sign(t)!==1)throw new TypeError(`Expected \`milliseconds\` to be a positive number, got \`${t}\``);if(e.signal){const{signal:p}=e;p.aborted&&l(Qe(p)),n=()=>{l(Qe(p))},p.addEventListener("abort",n,{once:!0})}if(t===Number.POSITIVE_INFINITY){f.then(h,l);return}const g=new je;a=r.setTimeout.call(void 0,()=>{if(i){try{h(i())}catch(p){l(p)}return}typeof f.cancel=="function"&&f.cancel(),s===!1?h():s instanceof Error?l(s):(g.message=s??`Promise timed out after ${t} milliseconds`,l(g))},t),(async()=>{try{h(await f)}catch(p){l(p)}})()}).finally(()=>{d.clear(),n&&e.signal&&e.signal.removeEventListener("abort",n)});return d.clear=()=>{r.clearTimeout.call(void 0,a),a=void 0},d}function Dt(f,e,t){let i=0,s=f.length;for(;s>0;){const r=Math.trunc(s/2);let a=i+r;t(f[a],e)<=0?(i=++a,s-=r+1):s=r}return i}class zt{constructor(){L(this,F,[])}enqueue(e,t){t={priority:0,...t};const i={priority:t.priority,id:t.id,run:e};if(this.size===0||w(this,F)[this.size-1].priority>=t.priority){w(this,F).push(i);return}const s=Dt(w(this,F),i,(r,a)=>a.priority-r.priority);w(this,F).splice(s,0,i)}setPriority(e,t){const i=w(this,F).findIndex(r=>r.id===e);if(i===-1)throw new ReferenceError(`No promise function with the id "${e}" exists in the queue.`);const[s]=w(this,F).splice(i,1);this.enqueue(s.run,{priority:t,id:e})}dequeue(){const e=w(this,F).shift();return e==null?void 0:e.run}filter(e){return w(this,F).filter(t=>t.priority===e.priority).map(t=>t.run)}get size(){return w(this,F).length}}F=new WeakMap;class Nt extends Rt{constructor(t){var i,s;super();L(this,D);L(this,se);L(this,re);L(this,J,0);L(this,ce);L(this,ne);L(this,ue,0);L(this,U);L(this,oe);L(this,P);L(this,fe);L(this,W,0);L(this,ae);L(this,X);L(this,ge);L(this,Ce,1n);ct(this,"timeout");if(t={carryoverConcurrencyCount:!1,intervalCap:Number.POSITIVE_INFINITY,interval:0,concurrency:Number.POSITIVE_INFINITY,autoStart:!0,queueClass:zt,...t},!(typeof t.intervalCap=="number"&&t.intervalCap>=1))throw new TypeError(`Expected \`intervalCap\` to be a number from 1 and up, got \`${((i=t.intervalCap)==null?void 0:i.toString())??""}\` (${typeof t.intervalCap})`);if(t.interval===void 0||!(Number.isFinite(t.interval)&&t.interval>=0))throw new TypeError(`Expected \`interval\` to be a finite number >= 0, got \`${((s=t.interval)==null?void 0:s.toString())??""}\` (${typeof t.interval})`);H(this,se,t.carryoverConcurrencyCount),H(this,re,t.intervalCap===Number.POSITIVE_INFINITY||t.interval===0),H(this,ce,t.intervalCap),H(this,ne,t.interval),H(this,P,new t.queueClass),H(this,fe,t.queueClass),this.concurrency=t.concurrency,this.timeout=t.timeout,H(this,ge,t.throwOnTimeout===!0),H(this,X,t.autoStart===!1)}get concurrency(){return w(this,ae)}set concurrency(t){if(!(typeof t=="number"&&t>=1))throw new TypeError(`Expected \`concurrency\` to be a number from 1 and up, got \`${t}\` (${typeof t})`);H(this,ae,t),M(this,D,Te).call(this)}setPriority(t,i){w(this,P).setPriority(t,i)}async add(t,i={}){return i.id??(i.id=(pe(this,Ce)._++).toString()),i={timeout:this.timeout,throwOnTimeout:w(this,ge),...i},new Promise((s,r)=>{w(this,P).enqueue(async()=>{var a;pe(this,W)._++,pe(this,J)._++;try{(a=i.signal)==null||a.throwIfAborted();let n=t({signal:i.signal});i.timeout&&(n=Tt(Promise.resolve(n),{milliseconds:i.timeout})),i.signal&&(n=Promise.race([n,M(this,D,yt).call(this,i.signal)]));const c=await n;s(c),this.emit("completed",c)}catch(n){if(n instanceof je&&!i.throwOnTimeout){s();return}r(n),this.emit("error",n)}finally{M(this,D,gt).call(this)}},i),this.emit("add"),M(this,D,ke).call(this)})}async addAll(t,i){return Promise.all(t.map(async s=>this.add(s,i)))}start(){return w(this,X)?(H(this,X,!1),M(this,D,Te).call(this),this):this}pause(){H(this,X,!0)}clear(){H(this,P,new(w(this,fe)))}async onEmpty(){w(this,P).size!==0&&await M(this,D,De).call(this,"empty")}async onSizeLessThan(t){w(this,P).size<t||await M(this,D,De).call(this,"next",()=>w(this,P).size<t)}async onIdle(){w(this,W)===0&&w(this,P).size===0||await M(this,D,De).call(this,"idle")}get size(){return w(this,P).size}sizeBy(t){return w(this,P).filter(t).length}get pending(){return w(this,W)}get isPaused(){return w(this,X)}}se=new WeakMap,re=new WeakMap,J=new WeakMap,ce=new WeakMap,ne=new WeakMap,ue=new WeakMap,U=new WeakMap,oe=new WeakMap,P=new WeakMap,fe=new WeakMap,W=new WeakMap,ae=new WeakMap,X=new WeakMap,ge=new WeakMap,Ce=new WeakMap,D=new WeakSet,ut=function(){return w(this,re)||w(this,J)<w(this,ce)},ft=function(){return w(this,W)<w(this,ae)},gt=function(){pe(this,W)._--,M(this,D,ke).call(this),this.emit("next")},mt=function(){M(this,D,qe).call(this),M(this,D,Pe).call(this),H(this,oe,void 0)},pt=function(){const t=Date.now();if(w(this,U)===void 0){const i=w(this,ue)-t;if(i<0)H(this,J,w(this,se)?w(this,W):0);else return w(this,oe)===void 0&&H(this,oe,setTimeout(()=>{M(this,D,mt).call(this)},i)),!0}return!1},ke=function(){if(w(this,P).size===0)return w(this,U)&&clearInterval(w(this,U)),H(this,U,void 0),this.emit("empty"),w(this,W)===0&&this.emit("idle"),!1;if(!w(this,X)){const t=!w(this,D,pt);if(w(this,D,ut)&&w(this,D,ft)){const i=w(this,P).dequeue();return i?(this.emit("active"),i(),t&&M(this,D,Pe).call(this),!0):!1}}return!1},Pe=function(){w(this,re)||w(this,U)!==void 0||(H(this,U,setInterval(()=>{M(this,D,qe).call(this)},w(this,ne))),H(this,ue,Date.now()+w(this,ne)))},qe=function(){w(this,J)===0&&w(this,W)===0&&w(this,U)&&(clearInterval(w(this,U)),H(this,U,void 0)),H(this,J,w(this,se)?w(this,W):0),M(this,D,Te).call(this)},Te=function(){for(;M(this,D,ke).call(this););},yt=async function(t){return new Promise((i,s)=>{t.addEventListener("abort",()=>{s(t.reason)},{once:!0})})},De=async function(t,i){return new Promise(s=>{const r=()=>{i&&!i()||(this.off(t,r),s())};this.on(t,r)})};const ie={useI18n:bt,useEvaluateFeatureFlag:Et,useRequestQueue:()=>{const f=Ge.useAnalyticsConfigStore(),e=o.inject(Z);if(!e)return;if(e.queryFnOverride){console.warn("Detected incorrect use of useRequestQueue.  This composable should not be used in nested components.  Please discuss with team-data or report an issue if you feel you have a use case.");return}const t=new Nt({carryoverConcurrencyCount:!0,concurrency:f.maxParallelRequests,interval:f.requestInterval,intervalCap:f.requestIntervalCap}),i={...e,queryFnOverride:!0,queryFn:(s,r)=>t.add(()=>e.queryFn(s,r),{throwOnTimeout:!0})};o.provide(Z,i)}},He=o.defineComponent({__name:"QueryDataProvider",props:{context:{},query:{},queryReady:{type:Boolean},refreshCounter:{}},emits:["chart-data","queryComplete"],setup(f,{emit:e}){const t=f,i=e,{i18n:s}=ie.useI18n(),r=o.inject(Z),a=()=>t.queryReady&&r?JSON.stringify([t.query,t.context,t.refreshCounter]):null,n=new AbortController;o.onUnmounted(()=>{n.abort()});const c=(T,S,R)=>{const O=[];return S&&O.push(...S),O.push(...z.stripUnknownFilters(T,R)),O},{data:d,error:h,isValidating:l}=ze(a,async()=>{var T,S,R,O;try{let{datasource:k,...x}=t.query;k||(k="basic");const A=c(k,t.query.filters,t.context.filters);let N=t.query.time_range;N?N.tz||(N={...N,tz:t.context.tz}):N={...t.context.timeSpec,tz:t.context.tz};const I={datasource:k,query:{...x,time_range:N,filters:A}};return await(r==null?void 0:r.queryFn(I,n))}catch(k){throw(k==null?void 0:k.status)===403?y.value=s.t("queryDataProvider.forbidden"):(k==null?void 0:k.status)===408?y.value=s.t("queryDataProvider.timeout"):((S=(T=k==null?void 0:k.response)==null?void 0:T.data)==null?void 0:S.message)==="Range not allowed for this tier"?y.value=s.t("queryDataProvider.timeRangeExceeded"):y.value=((O=(R=k==null?void 0:k.response)==null?void 0:R.data)==null?void 0:O.message)||(k==null?void 0:k.message),k}finally{i("queryComplete")}},{refreshInterval:t.context.refreshInterval,revalidateOnFocus:!1}),{state:g,swrvState:p}=vt(d,h,l),y=o.ref(null),_=o.computed(()=>g.value===p.ERROR||!!y.value),m=o.computed(()=>!t.queryReady||g.value===p.PENDING);return o.watch(d,T=>{T&&i("chart-data",T)}),(T,S)=>{const R=o.resolveComponent("KSkeleton"),O=o.resolveComponent("KEmptyState");return m.value||!o.unref(d)&&!_.value?(o.openBlock(),o.createBlock(R,{key:0,class:"chart-skeleton",type:"table"})):_.value?(o.openBlock(),o.createBlock(O,{key:1,"action-button-visible":!1,"data-testid":"chart-empty-state","icon-variant":"error"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(y.value),1)]),_:1})):o.unref(d)?o.renderSlot(T.$slots,"default",{key:2,data:o.unref(d)}):o.createCommentVNode("",!0)}}}),St=o.defineComponent({__name:"SimpleChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(f){o.useCssVars(i=>({"088169ae":`${i.height}px`}));const e=f,t=o.computed(()=>e.chartOptions.type==="single_value");return(i,s)=>(o.openBlock(),o.createBlock(He,{context:i.context,query:i.query,"query-ready":i.queryReady,"refresh-counter":i.refreshCounter},{default:o.withCtx(({data:r})=>[o.createElementVNode("div",{class:o.normalizeClass(["analytics-chart",{"single-value":t.value}])},[o.createVNode(o.unref(j.SimpleChart),{"chart-data":r,"chart-options":i.chartOptions,"synthetics-data-key":t.value?void 0:i.chartOptions.synthetics_data_key},null,8,["chart-data","chart-options","synthetics-data-key"])],2)]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),ee=(f,e)=>{const t=f.__vccOpts||f;for(const[i,s]of e)t[i]=s;return t},Ze=ee(St,[["__scopeId","data-v-1e9ff912"]]),At={class:"analytics-chart"},Oe=ee(o.defineComponent({__name:"BaseAnalyticsChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},extraProps:{}},emits:["edit-tile","chart-data","zoom-time-range"],setup(f,{emit:e}){const t=f,i=e,{i18n:s}=ie.useI18n(),{evaluateFeatureFlag:r}=ie.useEvaluateFeatureFlag(),a=r("explore-v4-fine-granularity",!1),n=o.computed(()=>({type:t.chartOptions.type,stacked:t.chartOptions.stacked??!1,chartDatasetColors:t.chartOptions.chart_dataset_colors,threshold:t.chartOptions.threshold})),c=o.computed(()=>a&&t.context.zoomable&&!t.query.time_range),d=()=>{i("edit-tile")},h=l=>{i("chart-data",l)};return(l,g)=>{const p=o.resolveComponent("KDropdownItem");return o.openBlock(),o.createBlock(He,{context:l.context,query:l.query,"query-ready":l.queryReady,"refresh-counter":l.refreshCounter,onChartData:h},{default:o.withCtx(({data:y})=>[o.createElementVNode("div",At,[o.createVNode(o.unref(j.AnalyticsChart),o.mergeProps({"allow-csv-export":l.chartOptions.allow_csv_export,"chart-data":y,"chart-options":n.value,"legend-position":"bottom","show-menu":l.context.editable,"synthetics-data-key":l.chartOptions.synthetics_data_key,"timeseries-zoom":c.value,"tooltip-title":""},l.extraProps,{onZoomTimeRange:g[0]||(g[0]=_=>i("zoom-time-range",_))}),o.createSlots({_:2},[l.context.editable?{name:"menu-items",fn:o.withCtx(()=>[o.createVNode(p,{onClick:d},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(s).t("renderer.edit")),1)]),_:1})]),key:"0"}:void 0]),1040,["allow-csv-export","chart-data","chart-options","show-menu","synthetics-data-key","timeseries-zoom"])])]),_:1},8,["context","query","query-ready","refresh-counter"])}}}),[["__scopeId","data-v-5a151d86"]]),Je=o.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(f){return(e,t)=>(o.openBlock(),o.createBlock(Oe,{"chart-options":e.chartOptions,context:e.context,"extra-props":{showAnnotations:!1},height:e.height,query:e.query,"query-ready":e.queryReady,"refresh-counter":e.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),et=o.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},emits:["zoom-time-range"],setup(f,{emit:e}){const t=e;return(i,s)=>(o.openBlock(),o.createBlock(Oe,{"chart-options":i.chartOptions,context:i.context,height:i.height,query:i.query,"query-ready":i.queryReady,"refresh-counter":i.refreshCounter,onZoomTimeRange:s[0]||(s[0]=r=>t("zoom-time-range",r))},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),Ht={class:"metric-card-tile-wrapper"},Ot=ee(o.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(f){const e=f,t=o.computed(()=>{const s=e.context.timeSpec;if(s.type==="absolute")return new z.Timeframe({key:"custom",timeframeText:"custom",display:"custom",startCustom:s.start,endCustom:s.end,timeframeLength:()=>s.end.getTime()-s.start.getTime(),defaultResponseGranularity:"daily",dataGranularity:"daily",isRelative:!1,allowedTiers:["free","plus","enterprise"]});const r=z.TimePeriods.get(s.time_range);if(!r)throw new Error("Unknown time range");return r}),i=o.computed(()=>{var r,a;const s=(r=e.query)==null?void 0:r.datasource;if(s&&s!=="api_usage"&&s!=="basic")throw new Error(`Invalid datasource value: ${s}`);return{datasource:(a=e.query)==null?void 0:a.datasource,overrideTimeframe:t.value,tz:e.context.tz,additionalFilter:e.context.filters,longCardTitles:e.chartOptions.long_card_titles,percentileLatency:e.chartOptions.percentile_latency,refreshInterval:e.context.refreshInterval,queryReady:e.queryReady,refreshCounter:e.refreshCounter}});return(s,r)=>(o.openBlock(),o.createElementBlock("div",Ht,[o.createVNode(o.unref(Fe.MetricsProvider),o.normalizeProps(o.guardReactiveProps(i.value)),{default:o.withCtx(()=>[o.createVNode(o.unref(Fe.MetricsConsumer))]),_:1},16)]))}}),[["__scopeId","data-v-7e1b1cc1"]]),tt="#6c7489",Lt="12px",it="20px",st="20px",Mt={class:"fallback-entity-link","data-testid":"entity-link-parent"},rt=o.defineComponent({__name:"FallbackEntityLink",props:{entityLinkData:{}},setup(f){return(e,t)=>(o.openBlock(),o.createElementBlock("div",Mt,o.toDisplayString(e.entityLinkData.label),1))}}),It=o.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(f){const e=f,t=o.inject(Z),i=o.defineAsyncComponent(async()=>{if(t!=null&&t.fetchComponent)try{return await t.fetchComponent("EntityLink")}catch{return rt}return rt}),s=r=>{var a;if((a=e.chartOptions)!=null&&a.entity_link)if(r.id.includes(":")){const[n,c]=r.id.split(":");return e.chartOptions.entity_link.replace(We,n).replace(Ae,c)}else return e.chartOptions.entity_link.replace(Ae,r.id);return""};return(r,a)=>(o.openBlock(),o.createBlock(He,{context:r.context,query:r.query,"query-ready":r.queryReady,"refresh-counter":r.refreshCounter},{default:o.withCtx(({data:n})=>[o.createVNode(o.unref(j.TopNTable),{data:n,"synthetics-data-key":r.chartOptions.synthetics_data_key},o.createSlots({_:2},[e.chartOptions.entity_link?{name:"name",fn:o.withCtx(({record:c})=>[o.createVNode(o.unref(i),{"entity-link-data":{id:c.id,label:c.name,deleted:c.deleted},"external-link":s(c)},null,8,["entity-link-data","external-link"])]),key:"0"}:void 0]),1032,["data","synthetics-data-key"])]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),Bt=o.defineComponent({__name:"DonutChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{}},setup(f){return(e,t)=>(o.openBlock(),o.createBlock(Oe,{"chart-options":e.chartOptions,context:e.context,height:e.height,query:e.query,"query-ready":e.queryReady,"refresh-counter":e.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),Pt=["data-testid"],qt={key:0,class:"tile-header"},$t=["data-testid"],Gt={class:"badge-text"},Ft=["data-testid"],Ut={class:"delete-option"},Wt=["data-testid"],Vt=["data-testid"],Kt=ee(o.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:le},queryReady:{type:Boolean},refreshCounter:{},tileId:{}},emits:["edit-tile","duplicate-tile","remove-tile","zoom-time-range"],setup(f,{emit:e}){o.useCssVars(v=>({"55e9146d":`${v.height}px`}));const t=parseInt(st,10),i=f,s=e,r=o.inject(Z),{i18n:a}=ie.useI18n(),n=o.ref(),c=o.ref(!1),d=o.ref(),h=o.ref(!1),l=o.ref("");o.onMounted(async()=>{var v;l.value=await((v=r==null?void 0:r.exploreBaseUrl)==null?void 0:v.call(r))??""}),o.watch(()=>i.definition,async()=>{await o.nextTick(),d.value&&(h.value=d.value.scrollWidth>d.value.clientWidth)},{immediate:!0,deep:!0});const g=o.computed(()=>{if(!l.value||!i.definition.query||!_.value)return"";const v=[...i.context.filters,...i.definition.query.filters??[]],G=i.definition.query.dimensions??[],q={filters:v,metrics:i.definition.query.metrics??[],dimensions:G,time_range:i.definition.query.time_range||i.context.timeSpec,granularity:i.definition.query.granularity||O.value},Ie=["api_usage","llm_usage"].includes(i.definition.query.datasource)?i.definition.query.datasource:"api_usage";return`${l.value}?q=${JSON.stringify(q)}&d=${Ie}&c=${i.definition.chart.type}`}),p=o.computed(()=>a.t("csvExport.defaultFilename")),y=o.computed(()=>_.value&&(m.value||i.context.editable)||!!R.value),_=o.computed(()=>!["golden_signals","top_n","gauge"].includes(i.definition.chart.type)),m=o.computed(()=>!!g.value||"allow_csv_export"in i.definition.chart&&i.definition.chart.allow_csv_export||i.context.editable),T={timeseries_line:et,timeseries_bar:et,horizontal_bar:Je,vertical_bar:Je,gauge:Ze,donut:Bt,golden_signals:Ot,top_n:It,slottable:void 0,single_value:Ze},S=o.computed(()=>{const v=T[i.definition.chart.type];return v&&{component:v,rendererProps:{query:i.definition.query,context:i.context,queryReady:i.queryReady,chartOptions:i.definition.chart,height:i.height-t*2,refreshCounter:i.refreshCounter}}}),R=o.computed(()=>{var G;const v=(G=i.definition.query)==null?void 0:G.time_range;if((v==null?void 0:v.type)==="relative"){const q=z.TimePeriods.get(z.TIMEFRAME_LOOKUP[v.time_range]);return q?q.display:(console.warn("Did not recognize the given relative time range:",v.time_range),v.time_range)}else if((v==null?void 0:v.type)==="absolute"){const q=v.tz||"Etc/UTC";return`${z.formatTime(v.start,{short:!0,tz:q})} - ${z.formatTime(v.end,{short:!0,tz:q})}`}return null}),O=o.computed(()=>n.value?z.msToGranularity(n.value.meta.granularity_ms):void 0),k=o.computed(()=>["timeseries_line","timeseries_bar"].includes(i.definition.chart.type)),x=o.computed(()=>{var q;const v=i.definition.query.granularity,G=z.msToGranularity(((q=n.value)==null?void 0:q.meta.granularity_ms)||0);return k.value&&v!==G}),A=o.computed(()=>{var q;const v=z.msToGranularity(((q=n.value)==null?void 0:q.meta.granularity_ms)||0),G=i.definition.query.granularity;return a.t("query_aged_out_warning",{currentGranularity:a.t(`granularities.${v}`),savedGranularity:a.t(`granularities.${G}`)})}),N=()=>{s("edit-tile",i.definition)},I=()=>{s("duplicate-tile",i.definition)},Q=()=>{s("remove-tile",i.definition)},te=v=>{n.value=v},me=v=>{c.value=v},xe=()=>{me(!0)};return(v,G)=>{const q=o.resolveComponent("KTooltip"),Ie=o.resolveComponent("KBadge"),Re=o.resolveComponent("KDropdownItem"),ni=o.resolveComponent("KDropdown");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["tile-boundary",{editable:v.context.editable}]),"data-testid":`tile-${v.tileId}`},[v.definition.chart.type!=="slottable"?(o.openBlock(),o.createElementBlock("div",qt,[o.createVNode(q,{class:"title-tooltip",disabled:!h.value,"max-width":"500",text:v.definition.chart.chart_title},{default:o.withCtx(()=>[o.createElementVNode("div",{ref_key:"titleRef",ref:d,class:"title"},o.toDisplayString(v.definition.chart.chart_title),513)]),_:1},8,["disabled","text"]),y.value?(o.openBlock(),o.createElementBlock("div",{key:0,class:"tile-actions","data-testid":`tile-actions-${v.tileId}`},[R.value?(o.openBlock(),o.createBlock(Ie,{key:0,"data-testid":"time-range-badge",tooltip:x.value?A.value:void 0,"tooltip-attributes":{maxWidth:"320px"}},o.createSlots({default:o.withCtx(()=>[o.createElementVNode("span",Gt,o.toDisplayString(R.value),1)]),_:2},[x.value?{name:"icon",fn:o.withCtx(()=>[o.createVNode(o.unref(Ne.WarningIcon),{size:o.unref(Lt)},null,8,["size"])]),key:"0"}:void 0]),1032,["tooltip"])):o.createCommentVNode("",!0),_.value&&v.context.editable?(o.openBlock(),o.createBlock(o.unref(Ne.EditIcon),{key:1,class:"edit-icon",color:o.unref(tt),"data-testid":`edit-tile-${v.tileId}`,size:o.unref(it),onClick:N},null,8,["color","data-testid","size"])):o.createCommentVNode("",!0),_.value&&m.value?(o.openBlock(),o.createBlock(ni,{key:2,class:"dropdown","data-testid":`chart-action-menu-${v.tileId}`,"kpop-attributes":{placement:"bottom-end"}},{items:o.withCtx(()=>[g.value?(o.openBlock(),o.createBlock(Re,{key:0,"data-testid":`chart-jump-to-explore-${v.tileId}`,item:{label:o.unref(a).t("jumpToExplore"),to:g.value}},null,8,["data-testid","item"])):o.createCommentVNode("",!0),!("allowCsvExport"in v.definition.chart)||v.definition.chart.allowCsvExport?(o.openBlock(),o.createBlock(Re,{key:1,class:"chart-export-button","data-testid":`chart-csv-export-${v.tileId}`,onClick:G[0]||(G[0]=ht=>xe())},{default:o.withCtx(()=>[o.createElementVNode("span",{class:"chart-export-trigger","data-testid":`csv-export-button-${v.tileId}`},o.toDisplayString(o.unref(a).t("csvExport.exportAsCsv")),9,Ft)]),_:1},8,["data-testid"])):o.createCommentVNode("",!0),v.context.editable?(o.openBlock(),o.createBlock(Re,{key:2,"data-testid":`duplicate-tile-${v.tileId}`,onClick:I},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(a).t("renderer.duplicateTile")),1)]),_:1},8,["data-testid"])):o.createCommentVNode("",!0),v.context.editable?(o.openBlock(),o.createBlock(Re,{key:3,"data-testid":`remove-tile-${v.tileId}`,onClick:Q},{default:o.withCtx(()=>[o.createElementVNode("span",Ut,o.toDisplayString(o.unref(a).t("renderer.delete")),1)]),_:1},8,["data-testid"])):o.createCommentVNode("",!0)]),default:o.withCtx(()=>[o.createVNode(o.unref(Ne.MoreIcon),{class:"kebab-action-menu",color:o.unref(tt),"data-testid":`kebab-action-menu-${v.tileId}`,size:o.unref(it)},null,8,["color","data-testid","size"])]),_:1},8,["data-testid"])):o.createCommentVNode("",!0)],8,$t)):"description"in v.definition.chart?(o.openBlock(),o.createElementBlock("div",{key:1,class:"header-description","data-testid":`tile-description-${v.tileId}`},o.toDisplayString(v.definition.chart.description),9,Wt)):o.createCommentVNode("",!0),c.value?(o.openBlock(),o.createBlock(o.unref(j.CsvExportModal),{key:2,"chart-data":n.value,"data-testid":`csv-export-modal-${v.tileId}`,filename:p.value,onToggleModal:me},null,8,["chart-data","data-testid","filename"])):o.createCommentVNode("",!0)])):o.createCommentVNode("",!0),o.createElementVNode("div",{class:"tile-content","data-testid":`tile-content-${v.tileId}`},[S.value?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(S.value.component),o.mergeProps({key:0},S.value.rendererProps,{onChartData:te,onZoomTimeRange:G[1]||(G[1]=ht=>s("zoom-time-range",ht))}),null,16)):o.createCommentVNode("",!0)],8,Vt)],10,Pt)}}}),[["__scopeId","data-v-e4d72a27"]]),Yt=(f,e)=>{let t=0;const i=new Map;e.forEach(r=>{const a=r.layout.position.row,n=i.get(a),c=r.layout.size.rows===1&&!!r.layout.size.fit_to_content;t=Math.max(t,a+r.layout.size.rows),n===void 0?i.set(a,c):i.set(a,n&&c)});const s=[];for(let r=0;r<t;r++)i.get(r)?s.push("auto"):s.push(`${f}px`);return s},nt=ee(o.defineComponent({__name:"GridLayout",props:{tileHeight:{type:Number,required:!1,default:()=>le},tiles:{type:Array,required:!0}},setup(f){o.useCssVars(n=>({"2a38e79e":o.unref(Se),"4cc71de6":r.value}));const e=f,t=o.ref(null),i=o.ref(0),s=new ResizeObserver(n=>{window.requestAnimationFrame(()=>{!Array.isArray(n)||!n.length||(i.value=n[0].contentRect.width)})});o.onMounted(()=>{t.value&&s.observe(t.value)}),o.onUnmounted(()=>{t.value&&s.unobserve(t.value)});const r=o.computed(()=>Yt(e.tileHeight,e.tiles).join(" ")),a=o.computed(()=>e.tiles.map((n,c)=>({key:`tile-${c}`,tile:n,style:{"grid-column-start":n.layout.position.col+1,"grid-column-end":n.layout.position.col+1+n.layout.size.cols,"grid-row-start":n.layout.position.row+1,"grid-row-end":n.layout.position.row+1+n.layout.size.rows}})));return(n,c)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"gridContainer",ref:t,class:"kong-ui-public-grid-layout"},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(a.value,d=>(o.openBlock(),o.createElementBlock("div",{key:d.key,class:o.normalizeClass(["grid-cell",{"empty-cell":!d.tile}]),style:o.normalizeStyle(d.style)},[o.renderSlot(n.$slots,"tile",{style:o.normalizeStyle(d.style),tile:d.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-354b7177"]]);function jt(f,e,t,i,s){const r=(...a)=>(console.warn("gridstack.js: Function `"+t+"` is deprecated in "+s+" and has been replaced with `"+i+"`. It will be **removed** in a future release"),e.apply(f,a));return r.prototype=e.prototype,r}class u{static getElements(e,t=document){if(typeof e=="string"){const i="getElementById"in t?t:void 0;if(i&&!isNaN(+e[0])){const r=i.getElementById(e);return r?[r]:[]}let s=t.querySelectorAll(e);return!s.length&&e[0]!=="."&&e[0]!=="#"&&(s=t.querySelectorAll("."+e),s.length||(s=t.querySelectorAll("#"+e))),Array.from(s)}return[e]}static getElement(e,t=document){if(typeof e=="string"){const i="getElementById"in t?t:void 0;if(!e.length)return null;if(i&&e[0]==="#")return i.getElementById(e.substring(1));if(e[0]==="#"||e[0]==="."||e[0]==="[")return t.querySelector(e);if(i&&!isNaN(+e[0]))return i.getElementById(e);let s=t.querySelector(e);return i&&!s&&(s=i.getElementById(e)),s||(s=t.querySelector("."+e)),s}return e}static createWidgetDivs(e,t){var a,n;const i=u.createDiv(["grid-stack-item",e]),s=u.createDiv(["grid-stack-item-content"],i);return t.lazyLoad||((n=(a=t.grid)==null?void 0:a.opts)==null?void 0:n.lazyLoad)&&t.lazyLoad!==!1?t.visibleObservable||(t.visibleObservable=new IntersectionObserver(([c])=>{var d;c.isIntersecting&&((d=t.visibleObservable)==null||d.disconnect(),delete t.visibleObservable,b.renderCB(s,t))}),window.setTimeout(()=>{var c;return(c=t.visibleObservable)==null?void 0:c.observe(i)})):b.renderCB(s,t),i}static createDiv(e,t){const i=document.createElement("div");return e.forEach(s=>{s&&i.classList.add(s)}),t==null||t.appendChild(i),i}static shouldSizeToContent(e,t=!1){return(e==null?void 0:e.grid)&&(t?e.sizeToContent===!0||e.grid.opts.sizeToContent===!0&&e.sizeToContent===void 0:!!e.sizeToContent||e.grid.opts.sizeToContent&&e.sizeToContent!==!1)}static isIntercepted(e,t){return!(e.y>=t.y+t.h||e.y+e.h<=t.y||e.x+e.w<=t.x||e.x>=t.x+t.w)}static isTouching(e,t){return u.isIntercepted(e,{x:t.x-.5,y:t.y-.5,w:t.w+1,h:t.h+1})}static areaIntercept(e,t){const i=e.x>t.x?e.x:t.x,s=e.x+e.w<t.x+t.w?e.x+e.w:t.x+t.w;if(s<=i)return 0;const r=e.y>t.y?e.y:t.y,a=e.y+e.h<t.y+t.h?e.y+e.h:t.y+t.h;return a<=r?0:(s-i)*(a-r)}static area(e){return e.w*e.h}static sort(e,t=1){return e.sort((s,r)=>{const a=t*((s.y??1e4)-(r.y??1e4));return a===0?t*((s.x??1e4)-(r.x??1e4)):a})}static find(e,t){return t?e.find(i=>i.id===t):void 0}static createStylesheet(e,t,i){const s=document.createElement("style"),r=i==null?void 0:i.nonce;return r&&(s.nonce=r),s.setAttribute("type","text/css"),s.setAttribute("gs-style-id",e),s.styleSheet?s.styleSheet.cssText="":s.appendChild(document.createTextNode("")),t?t.insertBefore(s,t.firstChild):(t=document.getElementsByTagName("head")[0],t.appendChild(s)),s}static removeStylesheet(e,t){const s=(t||document).querySelector("STYLE[gs-style-id="+e+"]");s&&s.parentNode&&s.remove()}static addCSSRule(e,t,i){e.textContent+=`${t} { ${i} } `}static toBool(e){return typeof e=="boolean"?e:typeof e=="string"?(e=e.toLowerCase(),!(e===""||e==="no"||e==="false"||e==="0")):!!e}static toNumber(e){return e===null||e.length===0?void 0:Number(e)}static parseHeight(e){let t,i="px";if(typeof e=="string")if(e==="auto"||e==="")t=0;else{const s=e.match(/^(-[0-9]+\.[0-9]+|[0-9]*\.[0-9]+|-[0-9]+|[0-9]+)(px|em|rem|vh|vw|%|cm|mm)?$/);if(!s)throw new Error(`Invalid height val = ${e}`);i=s[2]||"px",t=parseFloat(s[1])}else t=e;return{h:t,unit:i}}static defaults(e,...t){return t.forEach(i=>{for(const s in i){if(!i.hasOwnProperty(s))return;e[s]===null||e[s]===void 0?e[s]=i[s]:typeof i[s]=="object"&&typeof e[s]=="object"&&this.defaults(e[s],i[s])}}),e}static same(e,t){if(typeof e!="object")return e==t;if(typeof e!=typeof t||Object.keys(e).length!==Object.keys(t).length)return!1;for(const i in e)if(e[i]!==t[i])return!1;return!0}static copyPos(e,t,i=!1){return t.x!==void 0&&(e.x=t.x),t.y!==void 0&&(e.y=t.y),t.w!==void 0&&(e.w=t.w),t.h!==void 0&&(e.h=t.h),i&&(t.minW&&(e.minW=t.minW),t.minH&&(e.minH=t.minH),t.maxW&&(e.maxW=t.maxW),t.maxH&&(e.maxH=t.maxH)),e}static samePos(e,t){return e&&t&&e.x===t.x&&e.y===t.y&&(e.w||1)===(t.w||1)&&(e.h||1)===(t.h||1)}static sanitizeMinMax(e){e.minW||delete e.minW,e.minH||delete e.minH,e.maxW||delete e.maxW,e.maxH||delete e.maxH}static removeInternalAndSame(e,t){if(!(typeof e!="object"||typeof t!="object"))for(let i in e){const s=e[i],r=t[i];i[0]==="_"||s===r?delete e[i]:s&&typeof s=="object"&&r!==void 0&&(u.removeInternalAndSame(s,r),Object.keys(s).length||delete e[i])}}static removeInternalForSave(e,t=!0){for(let i in e)(i[0]==="_"||e[i]===null||e[i]===void 0)&&delete e[i];delete e.grid,t&&delete e.el,e.autoPosition||delete e.autoPosition,e.noResize||delete e.noResize,e.noMove||delete e.noMove,e.locked||delete e.locked,(e.w===1||e.w===e.minW)&&delete e.w,(e.h===1||e.h===e.minH)&&delete e.h}static throttle(e,t){let i=!1;return(...s)=>{i||(i=!0,setTimeout(()=>{e(...s),i=!1},t))}}static removePositioningStyles(e){const t=e.style;t.position&&t.removeProperty("position"),t.left&&t.removeProperty("left"),t.top&&t.removeProperty("top"),t.width&&t.removeProperty("width"),t.height&&t.removeProperty("height")}static getScrollElement(e){if(!e)return document.scrollingElement||document.documentElement;const t=getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowY)?e:this.getScrollElement(e.parentElement)}static updateScrollPosition(e,t,i){const s=e.getBoundingClientRect(),r=window.innerHeight||document.documentElement.clientHeight;if(s.top<0||s.bottom>r){const a=s.bottom-r,n=s.top,c=this.getScrollElement(e);if(c!==null){const d=c.scrollTop;s.top<0&&i<0?e.offsetHeight>r?c.scrollTop+=i:c.scrollTop+=Math.abs(n)>Math.abs(i)?i:n:i>0&&(e.offsetHeight>r?c.scrollTop+=i:c.scrollTop+=a>i?i:a),t.top+=c.scrollTop-d}}}static updateScrollResize(e,t,i){const s=this.getScrollElement(t),r=s.clientHeight,a=s===this.getScrollElement()?0:s.getBoundingClientRect().top,n=e.clientY-a,c=n<i,d=n>r-i;c?s.scrollBy({behavior:"smooth",top:n-i}):d&&s.scrollBy({behavior:"smooth",top:i-(r-n)})}static clone(e){return e==null||typeof e!="object"?e:e instanceof Array?[...e]:{...e}}static cloneDeep(e){const t=["parentGrid","el","grid","subGrid","engine"],i=u.clone(e);for(const s in i)i.hasOwnProperty(s)&&typeof i[s]=="object"&&s.substring(0,2)!=="__"&&!t.find(r=>r===s)&&(i[s]=u.cloneDeep(e[s]));return i}static cloneNode(e){const t=e.cloneNode(!0);return t.removeAttribute("id"),t}static appendTo(e,t){let i;typeof t=="string"?i=u.getElement(t):i=t,i&&i.appendChild(e)}static addElStyles(e,t){if(t instanceof Object)for(const i in t)t.hasOwnProperty(i)&&(Array.isArray(t[i])?t[i].forEach(s=>{e.style[i]=s}):e.style[i]=t[i])}static initEvent(e,t){const i={type:t.type},s={button:0,which:0,buttons:1,bubbles:!0,cancelable:!0,target:t.target?t.target:e.target};return["altKey","ctrlKey","metaKey","shiftKey"].forEach(r=>i[r]=e[r]),["pageX","pageY","clientX","clientY","screenX","screenY"].forEach(r=>i[r]=e[r]),{...i,...s}}static simulateMouseEvent(e,t,i){const s=document.createEvent("MouseEvents");s.initMouseEvent(t,!0,!0,window,1,e.screenX,e.screenY,e.clientX,e.clientY,e.ctrlKey,e.altKey,e.shiftKey,e.metaKey,0,e.target),(i||e.target).dispatchEvent(s)}static getValuesFromTransformedElement(e){const t=document.createElement("div");u.addElStyles(t,{opacity:"0",position:"fixed",top:"0px",left:"0px",width:"1px",height:"1px",zIndex:"-999999"}),e.appendChild(t);const i=t.getBoundingClientRect();return e.removeChild(t),t.remove(),{xScale:1/i.width,yScale:1/i.height,xOffset:i.left,yOffset:i.top}}static swap(e,t,i){if(!e)return;const s=e[t];e[t]=e[i],e[i]=s}static canBeRotated(e){var t;return!(!e||e.w===e.h||e.locked||e.noResize||(t=e.grid)!=null&&t.opts.disableResize||e.minW&&e.minW===e.maxW||e.minH&&e.minH===e.maxH)}}class K{constructor(e={}){this.addedNodes=[],this.removedNodes=[],this.defaultColumn=12,this.column=e.column||this.defaultColumn,this.column>this.defaultColumn&&(this.defaultColumn=this.column),this.maxRow=e.maxRow,this._float=e.float,this.nodes=e.nodes||[],this.onChange=e.onChange}batchUpdate(e=!0,t=!0){return!!this.batchMode===e?this:(this.batchMode=e,e?(this._prevFloat=this._float,this._float=!0,this.cleanNodes(),this.saveInitial()):(this._float=this._prevFloat,delete this._prevFloat,t&&this._packNodes(),this._notify()),this)}_useEntireRowArea(e,t){return(!this.float||this.batchMode&&!this._prevFloat)&&!this._hasLocked&&(!e._moving||e._skipDown||t.y<=e.y)}_fixCollisions(e,t=e,i,s={}){if(this.sortNodes(-1),i=i||this.collide(e,t),!i)return!1;if(e._moving&&!s.nested&&!this.float&&this.swap(e,i))return!0;let r=t;!this._loading&&this._useEntireRowArea(e,t)&&(r={x:0,w:this.column,y:t.y,h:t.h},i=this.collide(e,r,s.skip));let a=!1;const n={nested:!0,pack:!1};let c=0;for(;i=i||this.collide(e,r,s.skip);){if(c++>this.nodes.length*2)throw new Error("Infinite collide check");let d;if(i.locked||this._loading||e._moving&&!e._skipDown&&t.y>e.y&&!this.float&&(!this.collide(i,{...i,y:e.y},e)||!this.collide(i,{...i,y:t.y-i.h},e))){e._skipDown=e._skipDown||t.y>e.y;const h={...t,y:i.y+i.h,...n};d=this._loading&&u.samePos(e,h)?!0:this.moveNode(e,h),(i.locked||this._loading)&&d?u.copyPos(t,e):!i.locked&&d&&s.pack&&(this._packNodes(),t.y=i.y+i.h,u.copyPos(e,t)),a=a||d}else d=this.moveNode(i,{...i,y:t.y+t.h,skip:e,...n});if(!d)return a;i=void 0}return a}collide(e,t=e,i){const s=e._id,r=i==null?void 0:i._id;return this.nodes.find(a=>a._id!==s&&a._id!==r&&u.isIntercepted(a,t))}collideAll(e,t=e,i){const s=e._id,r=i==null?void 0:i._id;return this.nodes.filter(a=>a._id!==s&&a._id!==r&&u.isIntercepted(a,t))}directionCollideCoverage(e,t,i){if(!t.rect||!e._rect)return;const s=e._rect,r={...t.rect};r.y>s.y?(r.h+=r.y-s.y,r.y=s.y):r.h+=s.y-r.y,r.x>s.x?(r.w+=r.x-s.x,r.x=s.x):r.w+=s.x-r.x;let a,n=.5;for(let c of i){if(c.locked||!c._rect)break;const d=c._rect;let h=Number.MAX_VALUE,l=Number.MAX_VALUE;s.y<d.y?h=(r.y+r.h-d.y)/d.h:s.y+s.h>d.y+d.h&&(h=(d.y+d.h-r.y)/d.h),s.x<d.x?l=(r.x+r.w-d.x)/d.w:s.x+s.w>d.x+d.w&&(l=(d.x+d.w-r.x)/d.w);const g=Math.min(l,h);g>n&&(n=g,a=c)}return t.collide=a,a}cacheRects(e,t,i,s,r,a){return this.nodes.forEach(n=>n._rect={y:n.y*t+i,x:n.x*e+a,w:n.w*e-a-s,h:n.h*t-i-r}),this}swap(e,t){if(!t||t.locked||!e||e.locked)return!1;function i(){const r=t.x,a=t.y;return t.x=e.x,t.y=e.y,e.h!=t.h?(e.x=r,e.y=t.y+t.h):e.w!=t.w?(e.x=t.x+t.w,e.y=a):(e.x=r,e.y=a),e._dirty=t._dirty=!0,!0}let s;if(e.w===t.w&&e.h===t.h&&(e.x===t.x||e.y===t.y)&&(s=u.isTouching(e,t)))return i();if(s!==!1){if(e.w===t.w&&e.x===t.x&&(s||(s=u.isTouching(e,t)))){if(t.y<e.y){const r=e;e=t,t=r}return i()}if(s!==!1){if(e.h===t.h&&e.y===t.y&&(s||(s=u.isTouching(e,t)))){if(t.x<e.x){const r=e;e=t,t=r}return i()}return!1}}}isAreaEmpty(e,t,i,s){const r={x:e||0,y:t||0,w:i||1,h:s||1};return!this.collide(r)}compact(e="compact",t=!0){if(this.nodes.length===0)return this;t&&this.sortNodes();const i=this.batchMode;i||this.batchUpdate();const s=this._inColumnResize;s||(this._inColumnResize=!0);const r=this.nodes;return this.nodes=[],r.forEach((a,n,c)=>{let d;a.locked||(a.autoPosition=!0,e==="list"&&n&&(d=c[n-1])),this.addNode(a,!1,d)}),s||delete this._inColumnResize,i||this.batchUpdate(!1),this}set float(e){this._float!==e&&(this._float=e||!1,e||this._packNodes()._notify())}get float(){return this._float||!1}sortNodes(e=1){return this.nodes=u.sort(this.nodes,e),this}_packNodes(){return this.batchMode?this:(this.sortNodes(),this.float?this.nodes.forEach(e=>{if(e._updating||e._orig===void 0||e.y===e._orig.y)return;let t=e.y;for(;t>e._orig.y;)--t,this.collide(e,{x:e.x,y:t,w:e.w,h:e.h})||(e._dirty=!0,e.y=t)}):this.nodes.forEach((e,t)=>{if(!e.locked)for(;e.y>0;){const i=t===0?0:e.y-1;if(!(t===0||!this.collide(e,{x:e.x,y:i,w:e.w,h:e.h})))break;e._dirty=e.y!==i,e.y=i}}),this)}prepareNode(e,t){e._id=e._id??K._idSeq++;const i=e.id;if(i){let r=1;for(;this.nodes.find(a=>a.id===e.id&&a!==e);)e.id=i+"_"+r++}(e.x===void 0||e.y===void 0||e.x===null||e.y===null)&&(e.autoPosition=!0);const s={x:0,y:0,w:1,h:1};return u.defaults(e,s),e.autoPosition||delete e.autoPosition,e.noResize||delete e.noResize,e.noMove||delete e.noMove,u.sanitizeMinMax(e),typeof e.x=="string"&&(e.x=Number(e.x)),typeof e.y=="string"&&(e.y=Number(e.y)),typeof e.w=="string"&&(e.w=Number(e.w)),typeof e.h=="string"&&(e.h=Number(e.h)),isNaN(e.x)&&(e.x=s.x,e.autoPosition=!0),isNaN(e.y)&&(e.y=s.y,e.autoPosition=!0),isNaN(e.w)&&(e.w=s.w),isNaN(e.h)&&(e.h=s.h),this.nodeBoundFix(e,t),e}nodeBoundFix(e,t){const i=e._orig||u.copyPos({},e);if(e.maxW&&e.w&&(e.w=Math.min(e.w,e.maxW)),e.maxH&&e.h&&(e.h=Math.min(e.h,e.maxH)),e.minW&&e.w&&e.minW<=this.column&&(e.w=Math.max(e.w,e.minW)),e.minH&&e.h&&(e.h=Math.max(e.h,e.minH)),(e.x||0)+(e.w||1)>this.column&&this.column<this.defaultColumn&&!this._inColumnResize&&!this.skipCacheUpdate&&e._id&&this.findCacheLayout(e,this.defaultColumn)===-1){const r={...e};r.autoPosition||r.x===void 0?(delete r.x,delete r.y):r.x=Math.min(this.defaultColumn-1,r.x),r.w=Math.min(this.defaultColumn,r.w||1),this.cacheOneLayout(r,this.defaultColumn)}return e.w>this.column?e.w=this.column:e.w<1&&(e.w=1),this.maxRow&&e.h>this.maxRow?e.h=this.maxRow:e.h<1&&(e.h=1),e.x<0&&(e.x=0),e.y<0&&(e.y=0),e.x+e.w>this.column&&(t?e.w=this.column-e.x:e.x=this.column-e.w),this.maxRow&&e.y+e.h>this.maxRow&&(t?e.h=this.maxRow-e.y:e.y=this.maxRow-e.h),u.samePos(e,i)||(e._dirty=!0),this}getDirtyNodes(e){return e?this.nodes.filter(t=>t._dirty&&!u.samePos(t,t._orig)):this.nodes.filter(t=>t._dirty)}_notify(e){if(this.batchMode||!this.onChange)return this;const t=(e||[]).concat(this.getDirtyNodes());return this.onChange(t),this}cleanNodes(){return this.batchMode?this:(this.nodes.forEach(e=>{delete e._dirty,delete e._lastTried}),this)}saveInitial(){return this.nodes.forEach(e=>{e._orig=u.copyPos({},e),delete e._dirty}),this._hasLocked=this.nodes.some(e=>e.locked),this}restoreInitial(){return this.nodes.forEach(e=>{!e._orig||u.samePos(e,e._orig)||(u.copyPos(e,e._orig),e._dirty=!0)}),this._notify(),this}findEmptyPosition(e,t=this.nodes,i=this.column,s){const r=s?s.y*i+(s.x+s.w):0;let a=!1;for(let n=r;!a;++n){const c=n%i,d=Math.floor(n/i);if(c+e.w>i)continue;const h={x:c,y:d,w:e.w,h:e.h};t.find(l=>u.isIntercepted(h,l))||((e.x!==c||e.y!==d)&&(e._dirty=!0),e.x=c,e.y=d,delete e.autoPosition,a=!0)}return a}addNode(e,t=!1,i){const s=this.nodes.find(a=>a._id===e._id);if(s)return s;this._inColumnResize?this.nodeBoundFix(e):this.prepareNode(e),delete e._temporaryRemoved,delete e._removeDOM;let r;return e.autoPosition&&this.findEmptyPosition(e,this.nodes,this.column,i)&&(delete e.autoPosition,r=!0),this.nodes.push(e),t&&this.addedNodes.push(e),r||this._fixCollisions(e),this.batchMode||this._packNodes()._notify(),e}removeNode(e,t=!0,i=!1){return this.nodes.find(s=>s._id===e._id)?(i&&this.removedNodes.push(e),t&&(e._removeDOM=!0),this.nodes=this.nodes.filter(s=>s._id!==e._id),e._isAboutToRemove||this._packNodes(),this._notify([e]),this):this}removeAll(e=!0,t=!0){if(delete this._layouts,!this.nodes.length)return this;e&&this.nodes.forEach(s=>s._removeDOM=!0);const i=this.nodes;return this.removedNodes=t?i:[],this.nodes=[],this._notify(i)}moveNodeCheck(e,t){if(!this.changedPosConstrain(e,t))return!1;if(t.pack=!0,!this.maxRow)return this.moveNode(e,t);let i;const s=new K({column:this.column,float:this.float,nodes:this.nodes.map(a=>a._id===e._id?(i={...a},i):{...a})});if(!i)return!1;const r=s.moveNode(i,t)&&s.getRow()<=Math.max(this.getRow(),this.maxRow);if(!r&&!t.resizing&&t.collide){const a=t.collide.el.gridstackNode;if(this.swap(e,a))return this._notify(),!0}return r?(s.nodes.filter(a=>a._dirty).forEach(a=>{const n=this.nodes.find(c=>c._id===a._id);n&&(u.copyPos(n,a),n._dirty=!0)}),this._notify(),!0):!1}willItFit(e){if(delete e._willFitPos,!this.maxRow)return!0;const t=new K({column:this.column,float:this.float,nodes:this.nodes.map(s=>({...s}))}),i={...e};return this.cleanupNode(i),delete i.el,delete i._id,delete i.content,delete i.grid,t.addNode(i),t.getRow()<=this.maxRow?(e._willFitPos=u.copyPos({},i),!0):!1}changedPosConstrain(e,t){return t.w=t.w||e.w,t.h=t.h||e.h,e.x!==t.x||e.y!==t.y?!0:(e.maxW&&(t.w=Math.min(t.w,e.maxW)),e.maxH&&(t.h=Math.min(t.h,e.maxH)),e.minW&&(t.w=Math.max(t.w,e.minW)),e.minH&&(t.h=Math.max(t.h,e.minH)),e.w!==t.w||e.h!==t.h)}moveNode(e,t){var d,h;if(!e||!t)return!1;let i;t.pack===void 0&&!this.batchMode&&(i=t.pack=!0),typeof t.x!="number"&&(t.x=e.x),typeof t.y!="number"&&(t.y=e.y),typeof t.w!="number"&&(t.w=e.w),typeof t.h!="number"&&(t.h=e.h);const s=e.w!==t.w||e.h!==t.h,r=u.copyPos({},e,!0);if(u.copyPos(r,t),this.nodeBoundFix(r,s),u.copyPos(t,r),!t.forceCollide&&u.samePos(e,t))return!1;const a=u.copyPos({},e),n=this.collideAll(e,r,t.skip);let c=!0;if(n.length){const l=e._moving&&!t.nested;let g=l?this.directionCollideCoverage(e,t,n):n[0];if(l&&g&&((h=(d=e.grid)==null?void 0:d.opts)!=null&&h.subGridDynamic)&&!e.grid._isTemp){const p=u.areaIntercept(t.rect,g._rect),y=u.area(t.rect),_=u.area(g._rect);p/(y<_?y:_)>.8&&(g.grid.makeSubGrid(g.el,void 0,e),g=void 0)}g?c=!this._fixCollisions(e,r,g,t):(c=!1,i&&delete t.pack)}return c&&!u.samePos(e,r)&&(e._dirty=!0,u.copyPos(e,r)),t.pack&&this._packNodes()._notify(),!u.samePos(e,a)}getRow(){return this.nodes.reduce((e,t)=>Math.max(e,t.y+t.h),0)}beginUpdate(e){return e._updating||(e._updating=!0,delete e._skipDown,this.batchMode||this.saveInitial()),this}endUpdate(){const e=this.nodes.find(t=>t._updating);return e&&(delete e._updating,delete e._skipDown),this}save(e=!0,t){var a;const i=(a=this._layouts)==null?void 0:a.length,s=i&&this.column!==i-1?this._layouts[i-1]:null,r=[];return this.sortNodes(),this.nodes.forEach(n=>{const c=s==null?void 0:s.find(h=>h._id===n._id),d={...n,...c||{}};u.removeInternalForSave(d,!e),t&&t(n,d),r.push(d)}),r}layoutsNodesChange(e){return!this._layouts||this._inColumnResize?this:(this._layouts.forEach((t,i)=>{if(!t||i===this.column)return this;if(i<this.column)this._layouts[i]=void 0;else{const s=i/this.column;e.forEach(r=>{if(!r._orig)return;const a=t.find(n=>n._id===r._id);a&&(a.y>=0&&r.y!==r._orig.y&&(a.y+=r.y-r._orig.y),r.x!==r._orig.x&&(a.x=Math.round(r.x*s)),r.w!==r._orig.w&&(a.w=Math.round(r.w*s)))})}}),this)}columnChanged(e,t,i="moveScale"){var n;if(!this.nodes.length||!t||e===t)return this;const s=i==="compact"||i==="list";s&&this.sortNodes(1),t<e&&this.cacheLayout(this.nodes,e),this.batchUpdate();let r=[],a=s?this.nodes:u.sort(this.nodes,-1);if(t>e&&this._layouts){const c=this._layouts[t]||[],d=this._layouts.length-1;!c.length&&e!==d&&((n=this._layouts[d])!=null&&n.length)&&(e=d,this._layouts[d].forEach(h=>{const l=a.find(g=>g._id===h._id);l&&(!s&&!h.autoPosition&&(l.x=h.x??l.x,l.y=h.y??l.y),l.w=h.w??l.w,(h.x==null||h.y===void 0)&&(l.autoPosition=!0))})),c.forEach(h=>{const l=a.findIndex(g=>g._id===h._id);if(l!==-1){const g=a[l];if(s){g.w=h.w;return}(h.autoPosition||isNaN(h.x)||isNaN(h.y))&&this.findEmptyPosition(h,r),h.autoPosition||(g.x=h.x??g.x,g.y=h.y??g.y,g.w=h.w??g.w,r.push(g)),a.splice(l,1)}})}if(s)this.compact(i,!1);else{if(a.length)if(typeof i=="function")i(t,e,r,a);else{const c=s||i==="none"?1:t/e,d=i==="move"||i==="moveScale",h=i==="scale"||i==="moveScale";a.forEach(l=>{l.x=t===1?0:d?Math.round(l.x*c):Math.min(l.x,t-1),l.w=t===1||e===1?1:h?Math.round(l.w*c)||1:Math.min(l.w,t),r.push(l)}),a=[]}r=u.sort(r,-1),this._inColumnResize=!0,this.nodes=[],r.forEach(c=>{this.addNode(c,!1),delete c._orig})}return this.nodes.forEach(c=>delete c._orig),this.batchUpdate(!1,!s),delete this._inColumnResize,this}cacheLayout(e,t,i=!1){const s=[];return e.forEach((r,a)=>{if(r._id===void 0){const n=r.id?this.nodes.find(c=>c.id===r.id):void 0;r._id=(n==null?void 0:n._id)??K._idSeq++}s[a]={x:r.x,y:r.y,w:r.w,_id:r._id}}),this._layouts=i?[]:this._layouts||[],this._layouts[t]=s,this}cacheOneLayout(e,t){e._id=e._id??K._idSeq++;const i={x:e.x,y:e.y,w:e.w,_id:e._id};(e.autoPosition||e.x===void 0)&&(delete i.x,delete i.y,e.autoPosition&&(i.autoPosition=!0)),this._layouts=this._layouts||[],this._layouts[t]=this._layouts[t]||[];const s=this.findCacheLayout(e,t);return s===-1?this._layouts[t].push(i):this._layouts[t][s]=i,this}findCacheLayout(e,t){var i,s;return((s=(i=this._layouts)==null?void 0:i[t])==null?void 0:s.findIndex(r=>r._id===e._id))??-1}removeNodeFromLayoutCache(e){if(this._layouts)for(let t=0;t<this._layouts.length;t++){const i=this.findCacheLayout(e,t);i!==-1&&this._layouts[t].splice(i,1)}}cleanupNode(e){for(const t in e)t[0]==="_"&&t!=="_id"&&delete e[t];return this}}K._idSeq=0;const $={alwaysShowResizeHandle:"mobile",animate:!0,auto:!0,cellHeight:"auto",cellHeightThrottle:100,cellHeightUnit:"px",column:12,draggable:{handle:".grid-stack-item-content",appendTo:"body",scroll:!0},handle:".grid-stack-item-content",itemClass:"grid-stack-item",margin:10,marginUnit:"px",maxRow:0,minRow:0,placeholderClass:"grid-stack-placeholder",placeholderText:"",removableOptions:{accept:"grid-stack-item",decline:"grid-stack-non-removable"},resizable:{handles:"se"},rtl:"auto"};class C{}const V=typeof window<"u"&&typeof document<"u"&&("ontouchstart"in document||"ontouchstart"in window||window.DocumentTouch&&document instanceof window.DocumentTouch||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0);class Y{}function ye(f,e){if(f.touches.length>1)return;f.cancelable&&f.preventDefault();const t=f.changedTouches[0],i=document.createEvent("MouseEvents");i.initMouseEvent(e,!0,!0,window,1,t.screenX,t.screenY,t.clientX,t.clientY,!1,!1,!1,!1,0,null),f.target.dispatchEvent(i)}function ot(f,e){f.cancelable&&f.preventDefault();const t=document.createEvent("MouseEvents");t.initMouseEvent(e,!0,!0,window,1,f.screenX,f.screenY,f.clientX,f.clientY,!1,!1,!1,!1,0,null),f.target.dispatchEvent(t)}function _e(f){Y.touchHandled||(Y.touchHandled=!0,ye(f,"mousedown"))}function ve(f){Y.touchHandled&&ye(f,"mousemove")}function we(f){if(!Y.touchHandled)return;Y.pointerLeaveTimeout&&(window.clearTimeout(Y.pointerLeaveTimeout),delete Y.pointerLeaveTimeout);const e=!!C.dragElement;ye(f,"mouseup"),e||ye(f,"click"),Y.touchHandled=!1}function be(f){f.pointerType!=="mouse"&&f.target.releasePointerCapture(f.pointerId)}function at(f){C.dragElement&&f.pointerType!=="mouse"&&ot(f,"mouseenter")}function lt(f){C.dragElement&&f.pointerType!=="mouse"&&(Y.pointerLeaveTimeout=window.setTimeout(()=>{delete Y.pointerLeaveTimeout,ot(f,"mouseleave")},10))}class Ee{constructor(e,t,i){this.host=e,this.dir=t,this.option=i,this.moving=!1,this._mouseDown=this._mouseDown.bind(this),this._mouseMove=this._mouseMove.bind(this),this._mouseUp=this._mouseUp.bind(this),this._keyEvent=this._keyEvent.bind(this),this._init()}_init(){const e=this.el=document.createElement("div");return e.classList.add("ui-resizable-handle"),e.classList.add(`${Ee.prefix}${this.dir}`),e.style.zIndex="100",e.style.userSelect="none",this.host.appendChild(this.el),this.el.addEventListener("mousedown",this._mouseDown),V&&(this.el.addEventListener("touchstart",_e),this.el.addEventListener("pointerdown",be)),this}destroy(){return this.moving&&this._mouseUp(this.mouseDownEvent),this.el.removeEventListener("mousedown",this._mouseDown),V&&(this.el.removeEventListener("touchstart",_e),this.el.removeEventListener("pointerdown",be)),this.host.removeChild(this.el),delete this.el,delete this.host,this}_mouseDown(e){this.mouseDownEvent=e,document.addEventListener("mousemove",this._mouseMove,{capture:!0,passive:!0}),document.addEventListener("mouseup",this._mouseUp,!0),V&&(this.el.addEventListener("touchmove",ve),this.el.addEventListener("touchend",we)),e.stopPropagation(),e.preventDefault()}_mouseMove(e){const t=this.mouseDownEvent;this.moving?this._triggerEvent("move",e):Math.abs(e.x-t.x)+Math.abs(e.y-t.y)>2&&(this.moving=!0,this._triggerEvent("start",this.mouseDownEvent),this._triggerEvent("move",e),document.addEventListener("keydown",this._keyEvent)),e.stopPropagation()}_mouseUp(e){this.moving&&(this._triggerEvent("stop",e),document.removeEventListener("keydown",this._keyEvent)),document.removeEventListener("mousemove",this._mouseMove,!0),document.removeEventListener("mouseup",this._mouseUp,!0),V&&(this.el.removeEventListener("touchmove",ve),this.el.removeEventListener("touchend",we)),delete this.moving,delete this.mouseDownEvent,e.stopPropagation(),e.preventDefault()}_keyEvent(e){var t,i;e.key==="Escape"&&((i=(t=this.host.gridstackNode)==null?void 0:t.grid)==null||i.engine.restoreInitial(),this._mouseUp(this.mouseDownEvent))}_triggerEvent(e,t){return this.option[e]&&this.option[e](t),this}}Ee.prefix="ui-resizable-";class Le{constructor(){this._eventRegister={}}get disabled(){return this._disabled}on(e,t){this._eventRegister[e]=t}off(e){delete this._eventRegister[e]}enable(){this._disabled=!1}disable(){this._disabled=!0}destroy(){delete this._eventRegister}triggerEvent(e,t){if(!this.disabled&&this._eventRegister&&this._eventRegister[e])return this._eventRegister[e](t)}}class he extends Le{constructor(e,t={}){super(),this.el=e,this.option=t,this.rectScale={x:1,y:1},this._ui=()=>{const s=this.el.parentElement.getBoundingClientRect(),r={width:this.originalRect.width,height:this.originalRect.height+this.scrolled,left:this.originalRect.left,top:this.originalRect.top-this.scrolled},a=this.temporalRect||r;return{position:{left:(a.left-s.left)*this.rectScale.x,top:(a.top-s.top)*this.rectScale.y},size:{width:a.width*this.rectScale.x,height:a.height*this.rectScale.y}}},this._mouseOver=this._mouseOver.bind(this),this._mouseOut=this._mouseOut.bind(this),this.enable(),this._setupAutoHide(this.option.autoHide),this._setupHandlers()}on(e,t){super.on(e,t)}off(e){super.off(e)}enable(){super.enable(),this.el.classList.remove("ui-resizable-disabled"),this._setupAutoHide(this.option.autoHide)}disable(){super.disable(),this.el.classList.add("ui-resizable-disabled"),this._setupAutoHide(!1)}destroy(){this._removeHandlers(),this._setupAutoHide(!1),delete this.el,super.destroy()}updateOption(e){const t=e.handles&&e.handles!==this.option.handles,i=e.autoHide&&e.autoHide!==this.option.autoHide;return Object.keys(e).forEach(s=>this.option[s]=e[s]),t&&(this._removeHandlers(),this._setupHandlers()),i&&this._setupAutoHide(this.option.autoHide),this}_setupAutoHide(e){return e?(this.el.classList.add("ui-resizable-autohide"),this.el.addEventListener("mouseover",this._mouseOver),this.el.addEventListener("mouseout",this._mouseOut)):(this.el.classList.remove("ui-resizable-autohide"),this.el.removeEventListener("mouseover",this._mouseOver),this.el.removeEventListener("mouseout",this._mouseOut),C.overResizeElement===this&&delete C.overResizeElement),this}_mouseOver(e){C.overResizeElement||C.dragElement||(C.overResizeElement=this,this.el.classList.remove("ui-resizable-autohide"))}_mouseOut(e){C.overResizeElement===this&&(delete C.overResizeElement,this.el.classList.add("ui-resizable-autohide"))}_setupHandlers(){return this.handlers=this.option.handles.split(",").map(e=>e.trim()).map(e=>new Ee(this.el,e,{start:t=>{this._resizeStart(t)},stop:t=>{this._resizeStop(t)},move:t=>{this._resizing(t,e)}})),this}_resizeStart(e){this.sizeToContent=u.shouldSizeToContent(this.el.gridstackNode,!0),this.originalRect=this.el.getBoundingClientRect(),this.scrollEl=u.getScrollElement(this.el),this.scrollY=this.scrollEl.scrollTop,this.scrolled=0,this.startEvent=e,this._setupHelper(),this._applyChange();const t=u.initEvent(e,{type:"resizestart",target:this.el});return this.option.start&&this.option.start(t,this._ui()),this.el.classList.add("ui-resizable-resizing"),this.triggerEvent("resizestart",t),this}_resizing(e,t){this.scrolled=this.scrollEl.scrollTop-this.scrollY,this.temporalRect=this._getChange(e,t),this._applyChange();const i=u.initEvent(e,{type:"resize",target:this.el});return this.option.resize&&this.option.resize(i,this._ui()),this.triggerEvent("resize",i),this}_resizeStop(e){const t=u.initEvent(e,{type:"resizestop",target:this.el});return this.option.stop&&this.option.stop(t),this.el.classList.remove("ui-resizable-resizing"),this.triggerEvent("resizestop",t),this._cleanHelper(),delete this.startEvent,delete this.originalRect,delete this.temporalRect,delete this.scrollY,delete this.scrolled,this}_setupHelper(){this.elOriginStyleVal=he._originStyleProp.map(i=>this.el.style[i]),this.parentOriginStylePosition=this.el.parentElement.style.position;const e=this.el.parentElement,t=u.getValuesFromTransformedElement(e);return this.rectScale={x:t.xScale,y:t.yScale},getComputedStyle(this.el.parentElement).position.match(/static/)&&(this.el.parentElement.style.position="relative"),this.el.style.position="absolute",this.el.style.opacity="0.8",this}_cleanHelper(){return he._originStyleProp.forEach((e,t)=>{this.el.style[e]=this.elOriginStyleVal[t]||null}),this.el.parentElement.style.position=this.parentOriginStylePosition||null,this}_getChange(e,t){const i=this.startEvent,s={width:this.originalRect.width,height:this.originalRect.height+this.scrolled,left:this.originalRect.left,top:this.originalRect.top-this.scrolled},r=e.clientX-i.clientX,a=this.sizeToContent?0:e.clientY-i.clientY;let n,c;t.indexOf("e")>-1?s.width+=r:t.indexOf("w")>-1&&(s.width-=r,s.left+=r,n=!0),t.indexOf("s")>-1?s.height+=a:t.indexOf("n")>-1&&(s.height-=a,s.top+=a,c=!0);const d=this._constrainSize(s.width,s.height,n,c);return Math.round(s.width)!==Math.round(d.width)&&(t.indexOf("w")>-1&&(s.left+=s.width-d.width),s.width=d.width),Math.round(s.height)!==Math.round(d.height)&&(t.indexOf("n")>-1&&(s.top+=s.height-d.height),s.height=d.height),s}_constrainSize(e,t,i,s){const r=this.option,a=(i?r.maxWidthMoveLeft:r.maxWidth)||Number.MAX_SAFE_INTEGER,n=r.minWidth/this.rectScale.x||e,c=(s?r.maxHeightMoveUp:r.maxHeight)||Number.MAX_SAFE_INTEGER,d=r.minHeight/this.rectScale.y||t,h=Math.min(a,Math.max(n,e)),l=Math.min(c,Math.max(d,t));return{width:h,height:l}}_applyChange(){let e={left:0,top:0,width:0,height:0};if(this.el.style.position==="absolute"){const t=this.el.parentElement,{left:i,top:s}=t.getBoundingClientRect();e={left:i,top:s,width:0,height:0}}return this.temporalRect?(Object.keys(this.temporalRect).forEach(t=>{const i=this.temporalRect[t],s=t==="width"||t==="left"?this.rectScale.x:t==="height"||t==="top"?this.rectScale.y:1;this.el.style[t]=(i-e[t])*s+"px"}),this):this}_removeHandlers(){return this.handlers.forEach(e=>e.destroy()),delete this.handlers,this}}he._originStyleProp=["width","height","position","left","top","opacity","zIndex"];const Xt='input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';class de extends Le{constructor(e,t={}){var r;super(),this.el=e,this.option=t,this.dragTransform={xScale:1,yScale:1,xOffset:0,yOffset:0};const i=(r=t==null?void 0:t.handle)==null?void 0:r.substring(1),s=e.gridstackNode;this.dragEls=!i||e.classList.contains(i)?[e]:s!=null&&s.subGrid?[e.querySelector(t.handle)||e]:Array.from(e.querySelectorAll(t.handle)),this.dragEls.length===0&&(this.dragEls=[e]),this._mouseDown=this._mouseDown.bind(this),this._mouseMove=this._mouseMove.bind(this),this._mouseUp=this._mouseUp.bind(this),this._keyEvent=this._keyEvent.bind(this),this.enable()}on(e,t){super.on(e,t)}off(e){super.off(e)}enable(){this.disabled!==!1&&(super.enable(),this.dragEls.forEach(e=>{e.addEventListener("mousedown",this._mouseDown),V&&(e.addEventListener("touchstart",_e),e.addEventListener("pointerdown",be))}),this.el.classList.remove("ui-draggable-disabled"))}disable(e=!1){this.disabled!==!0&&(super.disable(),this.dragEls.forEach(t=>{t.removeEventListener("mousedown",this._mouseDown),V&&(t.removeEventListener("touchstart",_e),t.removeEventListener("pointerdown",be))}),e||this.el.classList.add("ui-draggable-disabled"))}destroy(){this.dragTimeout&&window.clearTimeout(this.dragTimeout),delete this.dragTimeout,this.mouseDownEvent&&this._mouseUp(this.mouseDownEvent),this.disable(!0),delete this.el,delete this.helper,delete this.option,super.destroy()}updateOption(e){return Object.keys(e).forEach(t=>this.option[t]=e[t]),this}_mouseDown(e){if(!C.mouseHandled)return e.button!==0||!this.dragEls.find(t=>t===e.target)&&e.target.closest(Xt)||this.option.cancel&&e.target.closest(this.option.cancel)||(this.mouseDownEvent=e,delete this.dragging,delete C.dragElement,delete C.dropElement,document.addEventListener("mousemove",this._mouseMove,{capture:!0,passive:!0}),document.addEventListener("mouseup",this._mouseUp,!0),V&&(e.currentTarget.addEventListener("touchmove",ve),e.currentTarget.addEventListener("touchend",we)),e.preventDefault(),document.activeElement&&document.activeElement.blur(),C.mouseHandled=!0),!0}_callDrag(e){if(!this.dragging)return;const t=u.initEvent(e,{target:this.el,type:"drag"});this.option.drag&&this.option.drag(t,this.ui()),this.triggerEvent("drag",t)}_mouseMove(e){var i;const t=this.mouseDownEvent;if(this.lastDrag=e,this.dragging)if(this._dragFollow(e),C.pauseDrag){const s=Number.isInteger(C.pauseDrag)?C.pauseDrag:100;this.dragTimeout&&window.clearTimeout(this.dragTimeout),this.dragTimeout=window.setTimeout(()=>this._callDrag(e),s)}else this._callDrag(e);else if(Math.abs(e.x-t.x)+Math.abs(e.y-t.y)>3){this.dragging=!0,C.dragElement=this;const s=(i=this.el.gridstackNode)==null?void 0:i.grid;s?C.dropElement=s.el.ddElement.ddDroppable:delete C.dropElement,this.helper=this._createHelper(),this._setupHelperContainmentStyle(),this.dragTransform=u.getValuesFromTransformedElement(this.helperContainment),this.dragOffset=this._getDragOffset(e,this.el,this.helperContainment),this._setupHelperStyle(e);const r=u.initEvent(e,{target:this.el,type:"dragstart"});this.option.start&&this.option.start(r,this.ui()),this.triggerEvent("dragstart",r),document.addEventListener("keydown",this._keyEvent)}return!0}_mouseUp(e){var t,i;if(document.removeEventListener("mousemove",this._mouseMove,!0),document.removeEventListener("mouseup",this._mouseUp,!0),V&&e.currentTarget&&(e.currentTarget.removeEventListener("touchmove",ve,!0),e.currentTarget.removeEventListener("touchend",we,!0)),this.dragging){delete this.dragging,(t=this.el.gridstackNode)==null||delete t._origRotate,document.removeEventListener("keydown",this._keyEvent),((i=C.dropElement)==null?void 0:i.el)===this.el.parentElement&&delete C.dropElement,this.helperContainment.style.position=this.parentOriginStylePosition||null,this.helper!==this.el&&this.helper.remove(),this._removeHelperStyle();const s=u.initEvent(e,{target:this.el,type:"dragstop"});this.option.stop&&this.option.stop(s),this.triggerEvent("dragstop",s),C.dropElement&&C.dropElement.drop(e)}delete this.helper,delete this.mouseDownEvent,delete C.dragElement,delete C.dropElement,delete C.mouseHandled,e.preventDefault()}_keyEvent(e){var s,r;const t=this.el.gridstackNode,i=(t==null?void 0:t.grid)||((r=(s=C.dropElement)==null?void 0:s.el)==null?void 0:r.gridstack);if(e.key==="Escape")t&&t._origRotate&&(t._orig=t._origRotate,delete t._origRotate),i==null||i.cancelDrag(),this._mouseUp(this.mouseDownEvent);else if(t&&i&&(e.key==="r"||e.key==="R")){if(!u.canBeRotated(t))return;t._origRotate=t._origRotate||{...t._orig},delete t._moving,i.setAnimation(!1).rotate(t.el,{top:-this.dragOffset.offsetTop,left:-this.dragOffset.offsetLeft}).setAnimation(),t._moving=!0,this.dragOffset=this._getDragOffset(this.lastDrag,t.el,this.helperContainment),this.helper.style.width=this.dragOffset.width+"px",this.helper.style.height=this.dragOffset.height+"px",u.swap(t._orig,"w","h"),delete t._rect,this._mouseMove(this.lastDrag)}}_createHelper(){let e=this.el;return typeof this.option.helper=="function"?e=this.option.helper(this.el):this.option.helper==="clone"&&(e=u.cloneNode(this.el)),document.body.contains(e)||u.appendTo(e,this.option.appendTo==="parent"?this.el.parentElement:this.option.appendTo),this.dragElementOriginStyle=de.originStyleProp.map(t=>this.el.style[t]),e}_setupHelperStyle(e){this.helper.classList.add("ui-draggable-dragging");const t=this.helper.style;return t.pointerEvents="none",t.width=this.dragOffset.width+"px",t.height=this.dragOffset.height+"px",t.willChange="left, top",t.position="fixed",this._dragFollow(e),t.transition="none",setTimeout(()=>{this.helper&&(t.transition=null)},0),this}_removeHelperStyle(){var t;this.helper.classList.remove("ui-draggable-dragging");const e=(t=this.helper)==null?void 0:t.gridstackNode;if(!(e!=null&&e._isAboutToRemove)&&this.dragElementOriginStyle){const i=this.helper,s=this.dragElementOriginStyle.transition||null;i.style.transition=this.dragElementOriginStyle.transition="none",de.originStyleProp.forEach(r=>i.style[r]=this.dragElementOriginStyle[r]||null),setTimeout(()=>i.style.transition=s,50)}return delete this.dragElementOriginStyle,this}_dragFollow(e){const t={left:0,top:0},i=this.helper.style,s=this.dragOffset;i.left=(e.clientX+s.offsetLeft-t.left)*this.dragTransform.xScale+"px",i.top=(e.clientY+s.offsetTop-t.top)*this.dragTransform.yScale+"px"}_setupHelperContainmentStyle(){return this.helperContainment=this.helper.parentElement,this.helper.style.position!=="fixed"&&(this.parentOriginStylePosition=this.helperContainment.style.position,getComputedStyle(this.helperContainment).position.match(/static/)&&(this.helperContainment.style.position="relative")),this}_getDragOffset(e,t,i){let s=0,r=0;i&&(s=this.dragTransform.xOffset,r=this.dragTransform.yOffset);const a=t.getBoundingClientRect();return{left:a.left,top:a.top,offsetLeft:-e.clientX+a.left-s,offsetTop:-e.clientY+a.top-r,width:a.width*this.dragTransform.xScale,height:a.height*this.dragTransform.yScale}}ui(){const t=this.el.parentElement.getBoundingClientRect(),i=this.helper.getBoundingClientRect();return{position:{top:(i.top-t.top)*this.dragTransform.yScale,left:(i.left-t.left)*this.dragTransform.xScale}}}}de.originStyleProp=["width","height","transform","transform-origin","transition","pointerEvents","position","left","top","minWidth","willChange"];class Qt extends Le{constructor(e,t={}){super(),this.el=e,this.option=t,this._mouseEnter=this._mouseEnter.bind(this),this._mouseLeave=this._mouseLeave.bind(this),this.enable(),this._setupAccept()}on(e,t){super.on(e,t)}off(e){super.off(e)}enable(){this.disabled!==!1&&(super.enable(),this.el.classList.add("ui-droppable"),this.el.classList.remove("ui-droppable-disabled"),this.el.addEventListener("mouseenter",this._mouseEnter),this.el.addEventListener("mouseleave",this._mouseLeave),V&&(this.el.addEventListener("pointerenter",at),this.el.addEventListener("pointerleave",lt)))}disable(e=!1){this.disabled!==!0&&(super.disable(),this.el.classList.remove("ui-droppable"),e||this.el.classList.add("ui-droppable-disabled"),this.el.removeEventListener("mouseenter",this._mouseEnter),this.el.removeEventListener("mouseleave",this._mouseLeave),V&&(this.el.removeEventListener("pointerenter",at),this.el.removeEventListener("pointerleave",lt)))}destroy(){this.disable(!0),this.el.classList.remove("ui-droppable"),this.el.classList.remove("ui-droppable-disabled"),super.destroy()}updateOption(e){return Object.keys(e).forEach(t=>this.option[t]=e[t]),this._setupAccept(),this}_mouseEnter(e){if(!C.dragElement||!this._canDrop(C.dragElement.el))return;e.preventDefault(),e.stopPropagation(),C.dropElement&&C.dropElement!==this&&C.dropElement._mouseLeave(e,!0),C.dropElement=this;const t=u.initEvent(e,{target:this.el,type:"dropover"});this.option.over&&this.option.over(t,this._ui(C.dragElement)),this.triggerEvent("dropover",t),this.el.classList.add("ui-droppable-over")}_mouseLeave(e,t=!1){var s;if(!C.dragElement||C.dropElement!==this)return;e.preventDefault(),e.stopPropagation();const i=u.initEvent(e,{target:this.el,type:"dropout"});if(this.option.out&&this.option.out(i,this._ui(C.dragElement)),this.triggerEvent("dropout",i),C.dropElement===this&&(delete C.dropElement,!t)){let r,a=this.el.parentElement;for(;!r&&a;)r=(s=a.ddElement)==null?void 0:s.ddDroppable,a=a.parentElement;r&&r._mouseEnter(e)}}drop(e){e.preventDefault();const t=u.initEvent(e,{target:this.el,type:"drop"});this.option.drop&&this.option.drop(t,this._ui(C.dragElement)),this.triggerEvent("drop",t)}_canDrop(e){return e&&(!this.accept||this.accept(e))}_setupAccept(){return this.option.accept?(typeof this.option.accept=="string"?this.accept=e=>e.classList.contains(this.option.accept)||e.matches(this.option.accept):this.accept=this.option.accept,this):this}_ui(e){return{draggable:e.el,...e.ui()}}}class Me{static init(e){return e.ddElement||(e.ddElement=new Me(e)),e.ddElement}constructor(e){this.el=e}on(e,t){return this.ddDraggable&&["drag","dragstart","dragstop"].indexOf(e)>-1?this.ddDraggable.on(e,t):this.ddDroppable&&["drop","dropover","dropout"].indexOf(e)>-1?this.ddDroppable.on(e,t):this.ddResizable&&["resizestart","resize","resizestop"].indexOf(e)>-1&&this.ddResizable.on(e,t),this}off(e){return this.ddDraggable&&["drag","dragstart","dragstop"].indexOf(e)>-1?this.ddDraggable.off(e):this.ddDroppable&&["drop","dropover","dropout"].indexOf(e)>-1?this.ddDroppable.off(e):this.ddResizable&&["resizestart","resize","resizestop"].indexOf(e)>-1&&this.ddResizable.off(e),this}setupDraggable(e){return this.ddDraggable?this.ddDraggable.updateOption(e):this.ddDraggable=new de(this.el,e),this}cleanDraggable(){return this.ddDraggable&&(this.ddDraggable.destroy(),delete this.ddDraggable),this}setupResizable(e){return this.ddResizable?this.ddResizable.updateOption(e):this.ddResizable=new he(this.el,e),this}cleanResizable(){return this.ddResizable&&(this.ddResizable.destroy(),delete this.ddResizable),this}setupDroppable(e){return this.ddDroppable?this.ddDroppable.updateOption(e):this.ddDroppable=new Qt(this.el,e),this}cleanDroppable(){return this.ddDroppable&&(this.ddDroppable.destroy(),delete this.ddDroppable),this}}class Zt{resizable(e,t,i,s){return this._getDDElements(e).forEach(r=>{if(t==="disable"||t==="enable")r.ddResizable&&r.ddResizable[t]();else if(t==="destroy")r.ddResizable&&r.cleanResizable();else if(t==="option")r.setupResizable({[i]:s});else{const n=r.el.gridstackNode.grid;let c=r.el.getAttribute("gs-resize-handles")||n.opts.resizable.handles||"e,s,se";c==="all"&&(c="n,e,s,w,se,sw,ne,nw");const d=!n.opts.alwaysShowResizeHandle;r.setupResizable({...n.opts.resizable,handles:c,autoHide:d,start:t.start,stop:t.stop,resize:t.resize})}}),this}draggable(e,t,i,s){return this._getDDElements(e).forEach(r=>{if(t==="disable"||t==="enable")r.ddDraggable&&r.ddDraggable[t]();else if(t==="destroy")r.ddDraggable&&r.cleanDraggable();else if(t==="option")r.setupDraggable({[i]:s});else{const a=r.el.gridstackNode.grid;r.setupDraggable({...a.opts.draggable,start:t.start,stop:t.stop,drag:t.drag})}}),this}dragIn(e,t){return this._getDDElements(e).forEach(i=>i.setupDraggable(t)),this}droppable(e,t,i,s){return typeof t.accept=="function"&&!t._accept&&(t._accept=t.accept,t.accept=r=>t._accept(r)),this._getDDElements(e).forEach(r=>{t==="disable"||t==="enable"?r.ddDroppable&&r.ddDroppable[t]():t==="destroy"?r.ddDroppable&&r.cleanDroppable():t==="option"?r.setupDroppable({[i]:s}):r.setupDroppable(t)}),this}isDroppable(e){var t;return!!((t=e==null?void 0:e.ddElement)!=null&&t.ddDroppable&&!e.ddElement.ddDroppable.disabled)}isDraggable(e){var t;return!!((t=e==null?void 0:e.ddElement)!=null&&t.ddDraggable&&!e.ddElement.ddDraggable.disabled)}isResizable(e){var t;return!!((t=e==null?void 0:e.ddElement)!=null&&t.ddResizable&&!e.ddElement.ddResizable.disabled)}on(e,t,i){return this._getDDElements(e).forEach(s=>s.on(t,r=>{i(r,C.dragElement?C.dragElement.el:r.target,C.dragElement?C.dragElement.helper:null)})),this}off(e,t){return this._getDDElements(e).forEach(i=>i.off(t)),this}_getDDElements(e,t=!0){const i=u.getElements(e);if(!i.length)return[];const s=i.map(r=>r.ddElement||(t?Me.init(r):null));return t||s.filter(r=>r),s}}/*!
  * GridStack 11.3.0
  * https://gridstackjs.com/
  *

package/dist/style.css

@@ -1 +1 @@
-.zoom-actions-container[data-v-96d04a22]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px)}.zoom-actions-container .zoom-action-item[data-v-96d04a22]{cursor:pointer;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);transition:background-color .2s}.zoom-actions-container .zoom-action-item[data-v-96d04a22]:hover{background-color:#afb7c5;background-color:var(--kui-color-background-neutral-weak, #afb7c5)}.zoom-timerange-container .zoom-timerange-heading[data-v-1d43bf39]{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:6px;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.zoom-timerange-container .zoom-timerange-heading .title[data-v-1d43bf39]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;max-height:16px}.zoom-timerange-container .zoom-timerange-heading .title .drag-icon[data-v-1d43bf39]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.zoom-timerange-container .zoom-timerange-heading .subtitle[data-v-1d43bf39]{display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between;margin-top:6px;margin-top:var(--kui-space-30, 6px)}.zoom-timerange-container .zoom-timerange-details[data-v-1d43bf39]{margin:6px;margin:var(--kui-space-30, 6px)}.locked[data-v-734753ff]{cursor:move}.tooltip-container[data-v-734753ff]{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-734753ff]{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:6px;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .title[data-v-734753ff]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;max-height:16px}.tooltip-container .tooltip-title .title .drag-icon[data-v-734753ff]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.tooltip-container .tooltip-title .subtitle[data-v-734753ff]{display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between;margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip[data-v-734753ff]{list-style:none;margin:6px;margin:var(--kui-space-30, 6px);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)}.tooltip-container .tooltip[data-v-734753ff]{-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}.tooltip-container .tooltip[data-v-734753ff] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-734753ff] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-734753ff] ::-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)}.tooltip-container .tooltip li[data-v-734753ff]{align-items:center;display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:20px;line-height:var(--kui-line-height-30, 20px)}.tooltip-container .tooltip .display-label[data-v-734753ff]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-734753ff]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-734753ff]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}.tooltip-container .tooltip .square-marker[data-v-734753ff]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.no-select{-webkit-user-select:none;user-select:none}.legend-container[data-v-afbe6cec]{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-afbe6cec]{-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-afbe6cec] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-afbe6cec] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-afbe6cec] ::-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-afbe6cec]{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-afbe6cec]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-afbe6cec]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-afbe6cec]{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-afbe6cec]{display:none}}.legend-container.horizontal[data-v-afbe6cec]{column-gap:12px;display:grid;height:var(--c25a8106);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-afbe6cec]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-afbe6cec]{align-items:center;margin:0}.legend-container.horizontal li .label[data-v-afbe6cec]{line-height:24px;padding-right:2px;white-space:nowrap}.legend-container li[data-v-afbe6cec]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-afbe6cec]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-afbe6cec]{font-size:12px}.legend-container li .sub-label[data-v-afbe6cec]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-afbe6cec]{text-decoration:line-through}.legend-container li .empty[data-v-afbe6cec]{font-style:italic}.legend-container li .tooltip-content[data-v-afbe6cec]{max-width:40ch}.chart-parent[data-v-13a1a6c4]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-13a1a6c4]{flex-direction:column}.chart-parent.column .chart-container[data-v-13a1a6c4]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-13a1a6c4]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-13a1a6c4]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-13a1a6c4]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-13a1a6c4]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-13a1a6c4]{flex:1 1 auto;position:relative}.chart-container[data-v-13a1a6c4]{overflow:auto}.chart-container[data-v-13a1a6c4]{-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-13a1a6c4] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-13a1a6c4] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-13a1a6c4] ::-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-13a1a6c4]{height:100%}.chart-container[data-v-13a1a6c4]::-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-13a1a6c4]::-webkit-scrollbar{width:10px}.chart-container[data-v-13a1a6c4]::-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-13a1a6c4]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-13a1a6c4]{background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#fff;color:var(--kui-color-text-inverse, #ffffff);max-width:40ch;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.axis-tooltip .axis-tooltip-content[data-v-13a1a6c4]{color:#fff;color:var(--kui-color-text-inverse, #ffffff);font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px)}.tooltip-boundary[data-v-13a1a6c4]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-b61e8182]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-b61e8182]{flex-direction:column}.chart-parent.column .chart-container[data-v-b61e8182]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-b61e8182]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-b61e8182]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-b61e8182]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-b61e8182]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-b61e8182]{flex:1 1 auto;position:relative}.chart-parent[data-v-20ceb50a]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-20ceb50a]{flex-direction:column}.chart-parent.column .chart-container[data-v-20ceb50a]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-20ceb50a]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-20ceb50a]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-20ceb50a]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-20ceb50a]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-20ceb50a]{flex:1 1 auto;position:relative}.analytics-chart-shell[data-v-c2262f02],.simple-chart-shell[data-v-c2262f02]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-c2262f02],.simple-chart-shell .chart-empty-state[data-v-c2262f02]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-c2262f02]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-c2262f02]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-c2262f02]{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-c2262f02]{align-items:center;display:flex;justify-content:flex-start;width:100%;z-index:999}.analytics-chart-shell .tooltip[data-v-c2262f02]{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 .tooltip .tooltip-content[data-v-c2262f02]{max-width:40vw}.chart-parent[data-v-4f4e5b76]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-4f4e5b76]{flex-direction:column}.chart-parent.column .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-4f4e5b76]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-4f4e5b76]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-4f4e5b76]{flex:1 1 auto;position:relative}.chart-parent[data-v-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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)}.chart-parent[data-v-c25764ee]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c25764ee]{flex-direction:column}.chart-parent.column .chart-container[data-v-c25764ee]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-c25764ee]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-c25764ee]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-c25764ee]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-c25764ee]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-c25764ee]{flex:1 1 auto;position:relative}.chart-parent[data-v-c25764ee]{container-type:inline-size}.chart-parent .single-value-error[data-v-c25764ee] .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)}.chart-parent .single-value-wrapper[data-v-c25764ee]{align-items:baseline;display:inline-flex}.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{color:#000933;font-size:24px;font-weight:700;line-height:36px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{color:#000933;font-size:20px;font-weight:700;line-height:32px}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:48px;line-height:56px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:40px;line-height:48px}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:48px;line-height:56px}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:56px;line-height:64px}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:64px;line-height:72px}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:80px;line-height:88px}}.analytics-chart-shell[data-v-471652c8],.simple-chart-shell[data-v-471652c8]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-471652c8],.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-471652c8]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:100%}.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-471652c8] .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-665e7735]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-665e7735]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-665e7735] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-665e7735] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-665e7735] .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-665e7735] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-665e7735] .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-665e7735]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-665e7735]{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-665e7735]{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-665e7735]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-665e7735]{flex:1;padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-665e7735]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-665e7735]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-665e7735]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-665e7735]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735] 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}.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}.metricscard-tooltip,.trafficcard.active .metricscard-tooltip{pointer-events:all}.metricscard[data-v-b1513f6f]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-b1513f6f]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-b1513f6f]{height:100%;justify-content:space-evenly}.metricscard.sm[data-v-b1513f6f]:not(:last-child){border-right:1px solid #e0e4ea;border-right:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}}.metricscard[data-v-b1513f6f]:hover{border:none;text-decoration:none}.metricscard-title[data-v-b1513f6f]{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-b1513f6f]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.metricscard-title.md[data-v-b1513f6f]{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-b1513f6f],.metricscard-title.xl[data-v-b1513f6f]{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.metricscard-description[data-v-b1513f6f]{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-b1513f6f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-value[data-v-b1513f6f]{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-b1513f6f]{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-b1513f6f]{font-size:48px;font-size:var(--kui-font-size-100, 48px)}.metricscard-valuetrend[data-v-b1513f6f]{display:flex;flex-direction:column;row-gap:12px;row-gap:var(--kui-space-50, 12px)}@media (max-width: 767px){.metricscard-valuetrend[data-v-b1513f6f]{row-gap:6px;row-gap:var(--kui-space-30, 6px)}}.metricscard-valuetrend.is-compact[data-v-b1513f6f]{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-b1513f6f]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.metricscard-trend-change[data-v-b1513f6f]{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-b1513f6f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-trend-change.positive[data-v-b1513f6f]{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-b1513f6f]{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-b1513f6f]{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-b1513f6f]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-tooltip[data-v-b1513f6f]{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-b1513f6f]{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-b1513f6f]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.metricscard.active .metricscard-tooltip[data-v-b1513f6f]{pointer-events:all}.loading-tabs[data-v-50eab68c]{display:flex;flex-direction:column}.loading-tabs-large[data-v-50eab68c]{padding:4px;row-gap:12px;width:240px}.loading-tabs-small[data-v-50eab68c]{padding:2px;row-gap:8px;width:120px}.loading-tabs-small .box[data-v-50eab68c]{height:12px}@media (max-width: 767px){.loading-tabs[data-v-50eab68c]{width:auto}}.kong-ui-public-metric-card-container[data-v-eac0ca04]{background-color:transparent;background-color:var(--kui-color-background-transparent, transparent);display:flex;flex-direction:column;justify-content:space-between;width:100%}.kong-ui-public-metric-card-container .container-title[data-v-eac0ca04]{align-items:center;display:flex;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-public-metric-card-container .container-title .container-description[data-v-eac0ca04]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400)}.kong-ui-public-metric-card-container .cards-wrapper[data-v-eac0ca04]{display:flex;flex-direction:row;flex-grow:1;column-gap:24px;row-gap:16px}@media (max-width: 767px){.kong-ui-public-metric-card-container .cards-wrapper[data-v-eac0ca04]{column-gap:16px;row-gap:16px;flex-direction:column}}.kong-ui-public-metric-card-container.sm[data-v-eac0ca04]{column-gap:0;row-gap:0}.kong-ui-public-metric-card-container .error-display[data-v-eac0ca04]{align-items:center;display:flex;justify-content:center;margin:auto;margin:var(--kui-space-auto, auto)}.kong-ui-public-metric-card-container .error-display-icon[data-v-eac0ca04]{display:flex}.kong-ui-public-metric-card-container .error-display-message[data-v-eac0ca04]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:14px;font-size:var(--kui-font-size-30, 14px);margin-left:12px;margin-left:var(--kui-space-50, 12px)}.analytics-chart[data-v-1e9ff912]{display:flex;flex-direction:column;height:var(--088169ae);justify-content:center}.analytics-chart.single-value[data-v-1e9ff912],.analytics-chart[data-v-5a151d86]{height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-b7e09724]{align-items:center;display:flex;height:90%}}.metric-card-tile-wrapper[data-v-b7e09724] .kong-ui-public-metric-card-container{height:auto;max-height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-b7e09724] .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)}}.tile-boundary[data-v-e4d72a27]{display:flex;flex-direction:column;height:var(--55e9146d);overflow:hidden}.tile-boundary.editable:hover .tile-header[data-v-e4d72a27]{background:#f9fafb}.tile-boundary .tile-header[data-v-e4d72a27]{align-items:center;display:flex;justify-content:space-between;padding:12px 12px 8px;padding:var(--kui-space-50, 12px) var(--kui-space-50, 12px) var(--kui-space-40, 8px) var(--kui-space-50, 12px);right:0;width:100%}.tile-boundary .tile-header .title-tooltip[data-v-e4d72a27]{margin-right:4px;overflow:hidden}.tile-boundary .tile-header .title[data-v-e4d72a27]{font-weight:700;font-weight:var(--kui-font-weight-bold, 700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-boundary .tile-header .tile-actions[data-v-e4d72a27]{display:flex;gap:6px;gap:var(--kui-space-30, 6px)}.tile-boundary .tile-header .tile-actions .edit-icon[data-v-e4d72a27]{cursor:pointer}.tile-boundary .tile-header .header-description[data-v-e4d72a27]{color:#6c7489;font-size:12px;text-align:right}.tile-boundary .tile-header .dropdown[data-v-e4d72a27]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.tile-boundary .tile-header .dropdown .kebab-action-menu[data-v-e4d72a27]{cursor:pointer}.tile-boundary .tile-header .dropdown .delete-option[data-v-e4d72a27]{color:#d60027}.tile-boundary .tile-header .dropdown li.k-dropdown-item a[data-v-e4d72a27]{text-decoration:none}.tile-boundary .tile-header .dropdown a[data-v-e4d72a27]{color:#000933}.tile-boundary .tile-header .dropdown a[data-v-e4d72a27]:hover{color:#000933;text-decoration:none}.tile-boundary .tile-header .dropdown[data-v-e4d72a27]:hover{cursor:pointer}.tile-boundary .tile-content[data-v-e4d72a27]{flex-grow:1;margin:4px 16px 16px;margin:var(--kui-space-20, 4px) var(--kui-space-60, 16px) var(--kui-space-60, 16px) var(--kui-space-60, 16px);overflow:hidden}.kong-ui-public-grid-layout[data-v-354b7177]{display:grid;gap:20px;gap:var(--kui-space-70, 20px);grid-template-columns:repeat(var(--2a38e79e),1fr);grid-template-rows:var(--4cc71de6);width:100%}@media (max-width: 768px){.kong-ui-public-grid-layout[data-v-354b7177]{display:flex;flex-direction:column}.kong-ui-public-grid-layout .grid-cell[data-v-354b7177]{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-354b7177]:not(:first-child){margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-public-grid-layout .empty-cell[data-v-354b7177]{display:none}}.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top;cursor:move}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.gs-12>.grid-stack-item{width:8.333%}.gs-12>.grid-stack-item[gs-x="1"]{left:8.333%}.gs-12>.grid-stack-item[gs-w="2"]{width:16.667%}.gs-12>.grid-stack-item[gs-x="2"]{left:16.667%}.gs-12>.grid-stack-item[gs-w="3"]{width:25%}.gs-12>.grid-stack-item[gs-x="3"]{left:25%}.gs-12>.grid-stack-item[gs-w="4"]{width:33.333%}.gs-12>.grid-stack-item[gs-x="4"]{left:33.333%}.gs-12>.grid-stack-item[gs-w="5"]{width:41.667%}.gs-12>.grid-stack-item[gs-x="5"]{left:41.667%}.gs-12>.grid-stack-item[gs-w="6"]{width:50%}.gs-12>.grid-stack-item[gs-x="6"]{left:50%}.gs-12>.grid-stack-item[gs-w="7"]{width:58.333%}.gs-12>.grid-stack-item[gs-x="7"]{left:58.333%}.gs-12>.grid-stack-item[gs-w="8"]{width:66.667%}.gs-12>.grid-stack-item[gs-x="8"]{left:66.667%}.gs-12>.grid-stack-item[gs-w="9"]{width:75%}.gs-12>.grid-stack-item[gs-x="9"]{left:75%}.gs-12>.grid-stack-item[gs-w="10"]{width:83.333%}.gs-12>.grid-stack-item[gs-x="10"]{left:83.333%}.gs-12>.grid-stack-item[gs-w="11"]{width:91.667%}.gs-12>.grid-stack-item[gs-x="11"]{left:91.667%}.gs-12>.grid-stack-item[gs-w="12"]{width:100%}.gs-1>.grid-stack-item{width:100%}.gs-2>.grid-stack-item{width:50%}.gs-2>.grid-stack-item[gs-x="1"]{left:50%}.gs-2>.grid-stack-item[gs-w="2"]{width:100%}.gs-3>.grid-stack-item{width:33.333%}.gs-3>.grid-stack-item[gs-x="1"]{left:33.333%}.gs-3>.grid-stack-item[gs-w="2"]{width:66.667%}.gs-3>.grid-stack-item[gs-x="2"]{left:66.667%}.gs-3>.grid-stack-item[gs-w="3"]{width:100%}.gs-4>.grid-stack-item{width:25%}.gs-4>.grid-stack-item[gs-x="1"]{left:25%}.gs-4>.grid-stack-item[gs-w="2"]{width:50%}.gs-4>.grid-stack-item[gs-x="2"]{left:50%}.gs-4>.grid-stack-item[gs-w="3"]{width:75%}.gs-4>.grid-stack-item[gs-x="3"]{left:75%}.gs-4>.grid-stack-item[gs-w="4"]{width:100%}.gs-5>.grid-stack-item{width:20%}.gs-5>.grid-stack-item[gs-x="1"]{left:20%}.gs-5>.grid-stack-item[gs-w="2"]{width:40%}.gs-5>.grid-stack-item[gs-x="2"]{left:40%}.gs-5>.grid-stack-item[gs-w="3"]{width:60%}.gs-5>.grid-stack-item[gs-x="3"]{left:60%}.gs-5>.grid-stack-item[gs-w="4"]{width:80%}.gs-5>.grid-stack-item[gs-x="4"]{left:80%}.gs-5>.grid-stack-item[gs-w="5"]{width:100%}.gs-6>.grid-stack-item{width:16.667%}.gs-6>.grid-stack-item[gs-x="1"]{left:16.667%}.gs-6>.grid-stack-item[gs-w="2"]{width:33.333%}.gs-6>.grid-stack-item[gs-x="2"]{left:33.333%}.gs-6>.grid-stack-item[gs-w="3"]{width:50%}.gs-6>.grid-stack-item[gs-x="3"]{left:50%}.gs-6>.grid-stack-item[gs-w="4"]{width:66.667%}.gs-6>.grid-stack-item[gs-x="4"]{left:66.667%}.gs-6>.grid-stack-item[gs-w="5"]{width:83.333%}.gs-6>.grid-stack-item[gs-x="5"]{left:83.333%}.gs-6>.grid-stack-item[gs-w="6"]{width:100%}.gs-7>.grid-stack-item{width:14.286%}.gs-7>.grid-stack-item[gs-x="1"]{left:14.286%}.gs-7>.grid-stack-item[gs-w="2"]{width:28.571%}.gs-7>.grid-stack-item[gs-x="2"]{left:28.571%}.gs-7>.grid-stack-item[gs-w="3"]{width:42.857%}.gs-7>.grid-stack-item[gs-x="3"]{left:42.857%}.gs-7>.grid-stack-item[gs-w="4"]{width:57.143%}.gs-7>.grid-stack-item[gs-x="4"]{left:57.143%}.gs-7>.grid-stack-item[gs-w="5"]{width:71.429%}.gs-7>.grid-stack-item[gs-x="5"]{left:71.429%}.gs-7>.grid-stack-item[gs-w="6"]{width:85.714%}.gs-7>.grid-stack-item[gs-x="6"]{left:85.714%}.gs-7>.grid-stack-item[gs-w="7"]{width:100%}.gs-8>.grid-stack-item{width:12.5%}.gs-8>.grid-stack-item[gs-x="1"]{left:12.5%}.gs-8>.grid-stack-item[gs-w="2"]{width:25%}.gs-8>.grid-stack-item[gs-x="2"]{left:25%}.gs-8>.grid-stack-item[gs-w="3"]{width:37.5%}.gs-8>.grid-stack-item[gs-x="3"]{left:37.5%}.gs-8>.grid-stack-item[gs-w="4"]{width:50%}.gs-8>.grid-stack-item[gs-x="4"]{left:50%}.gs-8>.grid-stack-item[gs-w="5"]{width:62.5%}.gs-8>.grid-stack-item[gs-x="5"]{left:62.5%}.gs-8>.grid-stack-item[gs-w="6"]{width:75%}.gs-8>.grid-stack-item[gs-x="6"]{left:75%}.gs-8>.grid-stack-item[gs-w="7"]{width:87.5%}.gs-8>.grid-stack-item[gs-x="7"]{left:87.5%}.gs-8>.grid-stack-item[gs-w="8"]{width:100%}.gs-9>.grid-stack-item{width:11.111%}.gs-9>.grid-stack-item[gs-x="1"]{left:11.111%}.gs-9>.grid-stack-item[gs-w="2"]{width:22.222%}.gs-9>.grid-stack-item[gs-x="2"]{left:22.222%}.gs-9>.grid-stack-item[gs-w="3"]{width:33.333%}.gs-9>.grid-stack-item[gs-x="3"]{left:33.333%}.gs-9>.grid-stack-item[gs-w="4"]{width:44.444%}.gs-9>.grid-stack-item[gs-x="4"]{left:44.444%}.gs-9>.grid-stack-item[gs-w="5"]{width:55.556%}.gs-9>.grid-stack-item[gs-x="5"]{left:55.556%}.gs-9>.grid-stack-item[gs-w="6"]{width:66.667%}.gs-9>.grid-stack-item[gs-x="6"]{left:66.667%}.gs-9>.grid-stack-item[gs-w="7"]{width:77.778%}.gs-9>.grid-stack-item[gs-x="7"]{left:77.778%}.gs-9>.grid-stack-item[gs-w="8"]{width:88.889%}.gs-9>.grid-stack-item[gs-x="8"]{left:88.889%}.gs-9>.grid-stack-item[gs-w="9"]{width:100%}.gs-10>.grid-stack-item{width:10%}.gs-10>.grid-stack-item[gs-x="1"]{left:10%}.gs-10>.grid-stack-item[gs-w="2"]{width:20%}.gs-10>.grid-stack-item[gs-x="2"]{left:20%}.gs-10>.grid-stack-item[gs-w="3"]{width:30%}.gs-10>.grid-stack-item[gs-x="3"]{left:30%}.gs-10>.grid-stack-item[gs-w="4"]{width:40%}.gs-10>.grid-stack-item[gs-x="4"]{left:40%}.gs-10>.grid-stack-item[gs-w="5"]{width:50%}.gs-10>.grid-stack-item[gs-x="5"]{left:50%}.gs-10>.grid-stack-item[gs-w="6"]{width:60%}.gs-10>.grid-stack-item[gs-x="6"]{left:60%}.gs-10>.grid-stack-item[gs-w="7"]{width:70%}.gs-10>.grid-stack-item[gs-x="7"]{left:70%}.gs-10>.grid-stack-item[gs-w="8"]{width:80%}.gs-10>.grid-stack-item[gs-x="8"]{left:80%}.gs-10>.grid-stack-item[gs-w="9"]{width:90%}.gs-10>.grid-stack-item[gs-x="9"]{left:90%}.gs-10>.grid-stack-item[gs-w="10"]{width:100%}.gs-11>.grid-stack-item{width:9.091%}.gs-11>.grid-stack-item[gs-x="1"]{left:9.091%}.gs-11>.grid-stack-item[gs-w="2"]{width:18.182%}.gs-11>.grid-stack-item[gs-x="2"]{left:18.182%}.gs-11>.grid-stack-item[gs-w="3"]{width:27.273%}.gs-11>.grid-stack-item[gs-x="3"]{left:27.273%}.gs-11>.grid-stack-item[gs-w="4"]{width:36.364%}.gs-11>.grid-stack-item[gs-x="4"]{left:36.364%}.gs-11>.grid-stack-item[gs-w="5"]{width:45.455%}.gs-11>.grid-stack-item[gs-x="5"]{left:45.455%}.gs-11>.grid-stack-item[gs-w="6"]{width:54.545%}.gs-11>.grid-stack-item[gs-x="6"]{left:54.545%}.gs-11>.grid-stack-item[gs-w="7"]{width:63.636%}.gs-11>.grid-stack-item[gs-x="7"]{left:63.636%}.gs-11>.grid-stack-item[gs-w="8"]{width:72.727%}.gs-11>.grid-stack-item[gs-x="8"]{left:72.727%}.gs-11>.grid-stack-item[gs-w="9"]{width:81.818%}.gs-11>.grid-stack-item[gs-x="9"]{left:81.818%}.gs-11>.grid-stack-item[gs-w="10"]{width:90.909%}.gs-11>.grid-stack-item[gs-x="10"]{left:90.909%}.gs-11>.grid-stack-item[gs-w="11"]{width:100%}.grid-stack[data-v-a68d6821]{margin:0 -10px}[data-v-a68d6821] .tile-header{cursor:move}[data-v-a68d6821] .ui-resizable-se{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4483_27853'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20transform='matrix(-1%200%200%201%2024%200)'%20fill='%23596177'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4483_27853)'%3e%3cpath%20d='M19%2021V10H17V19H8V21H19ZM14%2016V5H12V14H3V16H14Z'%20fill='%23596177'/%3e%3c/g%3e%3c/svg%3e");background-size:16px 16px;cursor:se-resize;margin:1px;transform:rotate(0)}[data-v-a68d6821] .ui-resizable-sw{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4483_27853'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20transform='matrix(-1%200%200%201%2024%200)'%20fill='%23596177'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4483_27853)'%3e%3cpath%20d='M19%2021V10H17V19H8V21H19ZM14%2016V5H12V14H3V16H14Z'%20fill='%23596177'/%3e%3c/g%3e%3c/svg%3e");background-size:16px 16px;cursor:se-resize;margin:1px;transform:rotate(90deg)}.kong-ui-public-dashboard-renderer .tile-container[data-v-b36476ce]{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%}.kong-ui-public-dashboard-renderer .tile-container.slottable-tile[data-v-b36476ce]{padding:16px;padding:var(--kui-space-60, 16px)}
+.zoom-actions-container[data-v-96d04a22]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px)}.zoom-actions-container .zoom-action-item[data-v-96d04a22]{cursor:pointer;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);transition:background-color .2s}.zoom-actions-container .zoom-action-item[data-v-96d04a22]:hover{background-color:#afb7c5;background-color:var(--kui-color-background-neutral-weak, #afb7c5)}.zoom-timerange-container .zoom-timerange-heading[data-v-1d43bf39]{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:6px;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.zoom-timerange-container .zoom-timerange-heading .title[data-v-1d43bf39]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;max-height:16px}.zoom-timerange-container .zoom-timerange-heading .title .drag-icon[data-v-1d43bf39]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.zoom-timerange-container .zoom-timerange-heading .subtitle[data-v-1d43bf39]{display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between;margin-top:6px;margin-top:var(--kui-space-30, 6px)}.zoom-timerange-container .zoom-timerange-details[data-v-1d43bf39]{margin:6px;margin:var(--kui-space-30, 6px)}.locked[data-v-734753ff]{cursor:move}.tooltip-container[data-v-734753ff]{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-734753ff]{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:6px;margin:var(--kui-space-30, 6px);min-height:24px;padding-bottom:6px;padding-bottom:var(--kui-space-30, 6px)}.tooltip-container .tooltip-title .title[data-v-734753ff]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between;max-height:16px}.tooltip-container .tooltip-title .title .drag-icon[data-v-734753ff]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.tooltip-container .tooltip-title .subtitle[data-v-734753ff]{display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between;margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip[data-v-734753ff]{list-style:none;margin:6px;margin:var(--kui-space-30, 6px);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)}.tooltip-container .tooltip[data-v-734753ff]{-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}.tooltip-container .tooltip[data-v-734753ff] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-734753ff] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-734753ff] ::-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)}.tooltip-container .tooltip li[data-v-734753ff]{align-items:center;display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:20px;line-height:var(--kui-line-height-30, 20px)}.tooltip-container .tooltip .display-label[data-v-734753ff]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-734753ff]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-734753ff]{margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}.tooltip-container .tooltip .square-marker[data-v-734753ff]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.no-select{-webkit-user-select:none;user-select:none}.legend-container[data-v-afbe6cec]{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-afbe6cec]{-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-afbe6cec] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-afbe6cec] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-afbe6cec] ::-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-afbe6cec]{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-afbe6cec]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-afbe6cec]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-afbe6cec]{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-afbe6cec]{display:none}}.legend-container.horizontal[data-v-afbe6cec]{column-gap:12px;display:grid;height:var(--c25a8106);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-afbe6cec]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-afbe6cec]{align-items:center;margin:0}.legend-container.horizontal li .label[data-v-afbe6cec]{line-height:24px;padding-right:2px;white-space:nowrap}.legend-container li[data-v-afbe6cec]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-afbe6cec]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-afbe6cec]{font-size:12px}.legend-container li .sub-label[data-v-afbe6cec]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-afbe6cec]{text-decoration:line-through}.legend-container li .empty[data-v-afbe6cec]{font-style:italic}.legend-container li .tooltip-content[data-v-afbe6cec]{max-width:40ch}.chart-parent[data-v-13a1a6c4]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-13a1a6c4]{flex-direction:column}.chart-parent.column .chart-container[data-v-13a1a6c4]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-13a1a6c4]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-13a1a6c4]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-13a1a6c4]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-13a1a6c4]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-13a1a6c4]{flex:1 1 auto;position:relative}.chart-container[data-v-13a1a6c4]{overflow:auto}.chart-container[data-v-13a1a6c4]{-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-13a1a6c4] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-13a1a6c4] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-13a1a6c4] ::-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-13a1a6c4]{height:100%}.chart-container[data-v-13a1a6c4]::-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-13a1a6c4]::-webkit-scrollbar{width:10px}.chart-container[data-v-13a1a6c4]::-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-13a1a6c4]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-13a1a6c4]{background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#fff;color:var(--kui-color-text-inverse, #ffffff);max-width:40ch;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.axis-tooltip .axis-tooltip-content[data-v-13a1a6c4]{color:#fff;color:var(--kui-color-text-inverse, #ffffff);font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px)}.tooltip-boundary[data-v-13a1a6c4]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-b61e8182]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-b61e8182]{flex-direction:column}.chart-parent.column .chart-container[data-v-b61e8182]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-b61e8182]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-b61e8182]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-b61e8182]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-b61e8182]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-b61e8182]{flex:1 1 auto;position:relative}.chart-parent[data-v-20ceb50a]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-20ceb50a]{flex-direction:column}.chart-parent.column .chart-container[data-v-20ceb50a]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-20ceb50a]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-20ceb50a]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-20ceb50a]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-20ceb50a]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-20ceb50a]{flex:1 1 auto;position:relative}.analytics-chart-shell[data-v-c2262f02],.simple-chart-shell[data-v-c2262f02]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-c2262f02],.simple-chart-shell .chart-empty-state[data-v-c2262f02]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-c2262f02]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-c2262f02]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-c2262f02]{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-c2262f02]{align-items:center;display:flex;justify-content:flex-start;width:100%;z-index:999}.analytics-chart-shell .tooltip[data-v-c2262f02]{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 .tooltip .tooltip-content[data-v-c2262f02]{max-width:40vw}.chart-parent[data-v-4f4e5b76]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-4f4e5b76]{flex-direction:column}.chart-parent.column .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-4f4e5b76]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-4f4e5b76]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-4f4e5b76]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-4f4e5b76]{flex:1 1 auto;position:relative}.chart-parent[data-v-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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-4f4e5b76]{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)}.chart-parent[data-v-c25764ee]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c25764ee]{flex-direction:column}.chart-parent.column .chart-container[data-v-c25764ee]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-c25764ee]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-c25764ee]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-c25764ee]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-c25764ee]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-c25764ee]{flex:1 1 auto;position:relative}.chart-parent[data-v-c25764ee]{container-type:inline-size}.chart-parent .single-value-error[data-v-c25764ee] .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)}.chart-parent .single-value-wrapper[data-v-c25764ee]{align-items:baseline;display:inline-flex}.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{color:#000933;font-size:24px;font-weight:700;line-height:36px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{color:#000933;font-size:20px;font-weight:700;line-height:32px}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:48px;line-height:56px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:40px;line-height:48px}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:48px;line-height:56px}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:56px;line-height:64px}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:64px;line-height:72px}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-c25764ee]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-c25764ee]{font-size:80px;line-height:88px}}.analytics-chart-shell[data-v-471652c8],.simple-chart-shell[data-v-471652c8]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-471652c8],.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-471652c8]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:100%}.simple-chart-shell .chart-empty-state[data-v-471652c8]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-471652c8] .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-665e7735]{border:none!important;max-height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-665e7735]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-665e7735] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-665e7735] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-665e7735] .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-665e7735] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-665e7735] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-665e7735] .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-665e7735]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-665e7735]{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-665e7735]{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-665e7735]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-665e7735]{flex:1;padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-665e7735]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-665e7735]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-665e7735]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-665e7735]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-665e7735] 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}.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}.metricscard-tooltip,.trafficcard.active .metricscard-tooltip{pointer-events:all}.metricscard[data-v-b1513f6f]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-b1513f6f]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-b1513f6f]{height:100%;justify-content:space-evenly}.metricscard.sm[data-v-b1513f6f]:not(:last-child){border-right:1px solid #e0e4ea;border-right:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}}.metricscard[data-v-b1513f6f]:hover{border:none;text-decoration:none}.metricscard-title[data-v-b1513f6f]{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-b1513f6f]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.metricscard-title.md[data-v-b1513f6f]{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-b1513f6f],.metricscard-title.xl[data-v-b1513f6f]{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.metricscard-description[data-v-b1513f6f]{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-b1513f6f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-value[data-v-b1513f6f]{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-b1513f6f]{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-b1513f6f]{font-size:48px;font-size:var(--kui-font-size-100, 48px)}.metricscard-valuetrend[data-v-b1513f6f]{display:flex;flex-direction:column;row-gap:12px;row-gap:var(--kui-space-50, 12px)}@media (max-width: 767px){.metricscard-valuetrend[data-v-b1513f6f]{row-gap:6px;row-gap:var(--kui-space-30, 6px)}}.metricscard-valuetrend.is-compact[data-v-b1513f6f]{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-b1513f6f]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.metricscard-trend-change[data-v-b1513f6f]{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-b1513f6f]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.metricscard-trend-change.positive[data-v-b1513f6f]{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-b1513f6f]{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-b1513f6f]{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-b1513f6f]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}.metricscard-tooltip[data-v-b1513f6f]{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-b1513f6f]{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-b1513f6f]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.metricscard.active .metricscard-tooltip[data-v-b1513f6f]{pointer-events:all}.loading-tabs-large[data-v-9c7113d7]{width:240px}.loading-tabs-small[data-v-9c7113d7]{width:120px}@media (max-width: 767px){.loading-tabs[data-v-9c7113d7]{width:auto}}.kong-ui-public-metric-card-container[data-v-7080ba56]{background-color:transparent;background-color:var(--kui-color-background-transparent, transparent);display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.kong-ui-public-metric-card-container .container-title[data-v-7080ba56]{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-7080ba56]{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-7080ba56]{display:flex;flex-direction:row;flex-grow:1;column-gap:24px;row-gap:16px}.kong-ui-public-metric-card-container .cards-wrapper .loading-tab[data-v-7080ba56]{display:flex;flex-direction:column;flex-grow:1;justify-content:center}@media (max-width: 767px){.kong-ui-public-metric-card-container .cards-wrapper[data-v-7080ba56]{column-gap:16px;row-gap:16px;flex-direction:column}}@media (min-width: 767px){.kong-ui-public-metric-card-container .cards-wrapper[data-v-7080ba56]>:not(:last-of-type){border-right:1px solid #e0e4ea;border-right:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}}.kong-ui-public-metric-card-container.sm[data-v-7080ba56]{column-gap:0;row-gap:0}.kong-ui-public-metric-card-container .error-display[data-v-7080ba56]{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-7080ba56]{display:flex}.kong-ui-public-metric-card-container .error-display-message[data-v-7080ba56]{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-1e9ff912]{display:flex;flex-direction:column;height:var(--088169ae);justify-content:center}.analytics-chart.single-value[data-v-1e9ff912],.analytics-chart[data-v-5a151d86]{height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-7e1b1cc1]{align-items:center;display:flex;height:90%}}.tile-boundary[data-v-e4d72a27]{display:flex;flex-direction:column;height:var(--55e9146d);overflow:hidden}.tile-boundary.editable:hover .tile-header[data-v-e4d72a27]{background:#f9fafb}.tile-boundary .tile-header[data-v-e4d72a27]{align-items:center;display:flex;justify-content:space-between;padding:12px 12px 8px;padding:var(--kui-space-50, 12px) var(--kui-space-50, 12px) var(--kui-space-40, 8px) var(--kui-space-50, 12px);right:0;width:100%}.tile-boundary .tile-header .title-tooltip[data-v-e4d72a27]{margin-right:4px;overflow:hidden}.tile-boundary .tile-header .title[data-v-e4d72a27]{font-weight:700;font-weight:var(--kui-font-weight-bold, 700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-boundary .tile-header .tile-actions[data-v-e4d72a27]{display:flex;gap:6px;gap:var(--kui-space-30, 6px)}.tile-boundary .tile-header .tile-actions .edit-icon[data-v-e4d72a27]{cursor:pointer}.tile-boundary .tile-header .header-description[data-v-e4d72a27]{color:#6c7489;font-size:12px;text-align:right}.tile-boundary .tile-header .dropdown[data-v-e4d72a27]{display:flex;margin-left:auto;margin-left:var(--kui-space-auto, auto);margin-right:0;margin-right:var(--kui-space-0, 0px)}.tile-boundary .tile-header .dropdown .kebab-action-menu[data-v-e4d72a27]{cursor:pointer}.tile-boundary .tile-header .dropdown .delete-option[data-v-e4d72a27]{color:#d60027}.tile-boundary .tile-header .dropdown li.k-dropdown-item a[data-v-e4d72a27]{text-decoration:none}.tile-boundary .tile-header .dropdown a[data-v-e4d72a27]{color:#000933}.tile-boundary .tile-header .dropdown a[data-v-e4d72a27]:hover{color:#000933;text-decoration:none}.tile-boundary .tile-header .dropdown[data-v-e4d72a27]:hover{cursor:pointer}.tile-boundary .tile-content[data-v-e4d72a27]{flex-grow:1;margin:4px 16px 16px;margin:var(--kui-space-20, 4px) var(--kui-space-60, 16px) var(--kui-space-60, 16px) var(--kui-space-60, 16px);overflow:hidden}.kong-ui-public-grid-layout[data-v-354b7177]{display:grid;gap:20px;gap:var(--kui-space-70, 20px);grid-template-columns:repeat(var(--2a38e79e),1fr);grid-template-rows:var(--4cc71de6);width:100%}@media (max-width: 768px){.kong-ui-public-grid-layout[data-v-354b7177]{display:flex;flex-direction:column}.kong-ui-public-grid-layout .grid-cell[data-v-354b7177]{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-354b7177]:not(:first-child){margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-public-grid-layout .empty-cell[data-v-354b7177]{display:none}}.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top;cursor:move}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.gs-12>.grid-stack-item{width:8.333%}.gs-12>.grid-stack-item[gs-x="1"]{left:8.333%}.gs-12>.grid-stack-item[gs-w="2"]{width:16.667%}.gs-12>.grid-stack-item[gs-x="2"]{left:16.667%}.gs-12>.grid-stack-item[gs-w="3"]{width:25%}.gs-12>.grid-stack-item[gs-x="3"]{left:25%}.gs-12>.grid-stack-item[gs-w="4"]{width:33.333%}.gs-12>.grid-stack-item[gs-x="4"]{left:33.333%}.gs-12>.grid-stack-item[gs-w="5"]{width:41.667%}.gs-12>.grid-stack-item[gs-x="5"]{left:41.667%}.gs-12>.grid-stack-item[gs-w="6"]{width:50%}.gs-12>.grid-stack-item[gs-x="6"]{left:50%}.gs-12>.grid-stack-item[gs-w="7"]{width:58.333%}.gs-12>.grid-stack-item[gs-x="7"]{left:58.333%}.gs-12>.grid-stack-item[gs-w="8"]{width:66.667%}.gs-12>.grid-stack-item[gs-x="8"]{left:66.667%}.gs-12>.grid-stack-item[gs-w="9"]{width:75%}.gs-12>.grid-stack-item[gs-x="9"]{left:75%}.gs-12>.grid-stack-item[gs-w="10"]{width:83.333%}.gs-12>.grid-stack-item[gs-x="10"]{left:83.333%}.gs-12>.grid-stack-item[gs-w="11"]{width:91.667%}.gs-12>.grid-stack-item[gs-x="11"]{left:91.667%}.gs-12>.grid-stack-item[gs-w="12"]{width:100%}.gs-1>.grid-stack-item{width:100%}.gs-2>.grid-stack-item{width:50%}.gs-2>.grid-stack-item[gs-x="1"]{left:50%}.gs-2>.grid-stack-item[gs-w="2"]{width:100%}.gs-3>.grid-stack-item{width:33.333%}.gs-3>.grid-stack-item[gs-x="1"]{left:33.333%}.gs-3>.grid-stack-item[gs-w="2"]{width:66.667%}.gs-3>.grid-stack-item[gs-x="2"]{left:66.667%}.gs-3>.grid-stack-item[gs-w="3"]{width:100%}.gs-4>.grid-stack-item{width:25%}.gs-4>.grid-stack-item[gs-x="1"]{left:25%}.gs-4>.grid-stack-item[gs-w="2"]{width:50%}.gs-4>.grid-stack-item[gs-x="2"]{left:50%}.gs-4>.grid-stack-item[gs-w="3"]{width:75%}.gs-4>.grid-stack-item[gs-x="3"]{left:75%}.gs-4>.grid-stack-item[gs-w="4"]{width:100%}.gs-5>.grid-stack-item{width:20%}.gs-5>.grid-stack-item[gs-x="1"]{left:20%}.gs-5>.grid-stack-item[gs-w="2"]{width:40%}.gs-5>.grid-stack-item[gs-x="2"]{left:40%}.gs-5>.grid-stack-item[gs-w="3"]{width:60%}.gs-5>.grid-stack-item[gs-x="3"]{left:60%}.gs-5>.grid-stack-item[gs-w="4"]{width:80%}.gs-5>.grid-stack-item[gs-x="4"]{left:80%}.gs-5>.grid-stack-item[gs-w="5"]{width:100%}.gs-6>.grid-stack-item{width:16.667%}.gs-6>.grid-stack-item[gs-x="1"]{left:16.667%}.gs-6>.grid-stack-item[gs-w="2"]{width:33.333%}.gs-6>.grid-stack-item[gs-x="2"]{left:33.333%}.gs-6>.grid-stack-item[gs-w="3"]{width:50%}.gs-6>.grid-stack-item[gs-x="3"]{left:50%}.gs-6>.grid-stack-item[gs-w="4"]{width:66.667%}.gs-6>.grid-stack-item[gs-x="4"]{left:66.667%}.gs-6>.grid-stack-item[gs-w="5"]{width:83.333%}.gs-6>.grid-stack-item[gs-x="5"]{left:83.333%}.gs-6>.grid-stack-item[gs-w="6"]{width:100%}.gs-7>.grid-stack-item{width:14.286%}.gs-7>.grid-stack-item[gs-x="1"]{left:14.286%}.gs-7>.grid-stack-item[gs-w="2"]{width:28.571%}.gs-7>.grid-stack-item[gs-x="2"]{left:28.571%}.gs-7>.grid-stack-item[gs-w="3"]{width:42.857%}.gs-7>.grid-stack-item[gs-x="3"]{left:42.857%}.gs-7>.grid-stack-item[gs-w="4"]{width:57.143%}.gs-7>.grid-stack-item[gs-x="4"]{left:57.143%}.gs-7>.grid-stack-item[gs-w="5"]{width:71.429%}.gs-7>.grid-stack-item[gs-x="5"]{left:71.429%}.gs-7>.grid-stack-item[gs-w="6"]{width:85.714%}.gs-7>.grid-stack-item[gs-x="6"]{left:85.714%}.gs-7>.grid-stack-item[gs-w="7"]{width:100%}.gs-8>.grid-stack-item{width:12.5%}.gs-8>.grid-stack-item[gs-x="1"]{left:12.5%}.gs-8>.grid-stack-item[gs-w="2"]{width:25%}.gs-8>.grid-stack-item[gs-x="2"]{left:25%}.gs-8>.grid-stack-item[gs-w="3"]{width:37.5%}.gs-8>.grid-stack-item[gs-x="3"]{left:37.5%}.gs-8>.grid-stack-item[gs-w="4"]{width:50%}.gs-8>.grid-stack-item[gs-x="4"]{left:50%}.gs-8>.grid-stack-item[gs-w="5"]{width:62.5%}.gs-8>.grid-stack-item[gs-x="5"]{left:62.5%}.gs-8>.grid-stack-item[gs-w="6"]{width:75%}.gs-8>.grid-stack-item[gs-x="6"]{left:75%}.gs-8>.grid-stack-item[gs-w="7"]{width:87.5%}.gs-8>.grid-stack-item[gs-x="7"]{left:87.5%}.gs-8>.grid-stack-item[gs-w="8"]{width:100%}.gs-9>.grid-stack-item{width:11.111%}.gs-9>.grid-stack-item[gs-x="1"]{left:11.111%}.gs-9>.grid-stack-item[gs-w="2"]{width:22.222%}.gs-9>.grid-stack-item[gs-x="2"]{left:22.222%}.gs-9>.grid-stack-item[gs-w="3"]{width:33.333%}.gs-9>.grid-stack-item[gs-x="3"]{left:33.333%}.gs-9>.grid-stack-item[gs-w="4"]{width:44.444%}.gs-9>.grid-stack-item[gs-x="4"]{left:44.444%}.gs-9>.grid-stack-item[gs-w="5"]{width:55.556%}.gs-9>.grid-stack-item[gs-x="5"]{left:55.556%}.gs-9>.grid-stack-item[gs-w="6"]{width:66.667%}.gs-9>.grid-stack-item[gs-x="6"]{left:66.667%}.gs-9>.grid-stack-item[gs-w="7"]{width:77.778%}.gs-9>.grid-stack-item[gs-x="7"]{left:77.778%}.gs-9>.grid-stack-item[gs-w="8"]{width:88.889%}.gs-9>.grid-stack-item[gs-x="8"]{left:88.889%}.gs-9>.grid-stack-item[gs-w="9"]{width:100%}.gs-10>.grid-stack-item{width:10%}.gs-10>.grid-stack-item[gs-x="1"]{left:10%}.gs-10>.grid-stack-item[gs-w="2"]{width:20%}.gs-10>.grid-stack-item[gs-x="2"]{left:20%}.gs-10>.grid-stack-item[gs-w="3"]{width:30%}.gs-10>.grid-stack-item[gs-x="3"]{left:30%}.gs-10>.grid-stack-item[gs-w="4"]{width:40%}.gs-10>.grid-stack-item[gs-x="4"]{left:40%}.gs-10>.grid-stack-item[gs-w="5"]{width:50%}.gs-10>.grid-stack-item[gs-x="5"]{left:50%}.gs-10>.grid-stack-item[gs-w="6"]{width:60%}.gs-10>.grid-stack-item[gs-x="6"]{left:60%}.gs-10>.grid-stack-item[gs-w="7"]{width:70%}.gs-10>.grid-stack-item[gs-x="7"]{left:70%}.gs-10>.grid-stack-item[gs-w="8"]{width:80%}.gs-10>.grid-stack-item[gs-x="8"]{left:80%}.gs-10>.grid-stack-item[gs-w="9"]{width:90%}.gs-10>.grid-stack-item[gs-x="9"]{left:90%}.gs-10>.grid-stack-item[gs-w="10"]{width:100%}.gs-11>.grid-stack-item{width:9.091%}.gs-11>.grid-stack-item[gs-x="1"]{left:9.091%}.gs-11>.grid-stack-item[gs-w="2"]{width:18.182%}.gs-11>.grid-stack-item[gs-x="2"]{left:18.182%}.gs-11>.grid-stack-item[gs-w="3"]{width:27.273%}.gs-11>.grid-stack-item[gs-x="3"]{left:27.273%}.gs-11>.grid-stack-item[gs-w="4"]{width:36.364%}.gs-11>.grid-stack-item[gs-x="4"]{left:36.364%}.gs-11>.grid-stack-item[gs-w="5"]{width:45.455%}.gs-11>.grid-stack-item[gs-x="5"]{left:45.455%}.gs-11>.grid-stack-item[gs-w="6"]{width:54.545%}.gs-11>.grid-stack-item[gs-x="6"]{left:54.545%}.gs-11>.grid-stack-item[gs-w="7"]{width:63.636%}.gs-11>.grid-stack-item[gs-x="7"]{left:63.636%}.gs-11>.grid-stack-item[gs-w="8"]{width:72.727%}.gs-11>.grid-stack-item[gs-x="8"]{left:72.727%}.gs-11>.grid-stack-item[gs-w="9"]{width:81.818%}.gs-11>.grid-stack-item[gs-x="9"]{left:81.818%}.gs-11>.grid-stack-item[gs-w="10"]{width:90.909%}.gs-11>.grid-stack-item[gs-x="10"]{left:90.909%}.gs-11>.grid-stack-item[gs-w="11"]{width:100%}.grid-stack[data-v-a68d6821]{margin:0 -10px}[data-v-a68d6821] .tile-header{cursor:move}[data-v-a68d6821] .ui-resizable-se{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4483_27853'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20transform='matrix(-1%200%200%201%2024%200)'%20fill='%23596177'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4483_27853)'%3e%3cpath%20d='M19%2021V10H17V19H8V21H19ZM14%2016V5H12V14H3V16H14Z'%20fill='%23596177'/%3e%3c/g%3e%3c/svg%3e");background-size:16px 16px;cursor:se-resize;margin:1px;transform:rotate(0)}[data-v-a68d6821] .ui-resizable-sw{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4483_27853'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20transform='matrix(-1%200%200%201%2024%200)'%20fill='%23596177'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4483_27853)'%3e%3cpath%20d='M19%2021V10H17V19H8V21H19ZM14%2016V5H12V14H3V16H14Z'%20fill='%23596177'/%3e%3c/g%3e%3c/svg%3e");background-size:16px 16px;cursor:se-resize;margin:1px;transform:rotate(90deg)}.kong-ui-public-dashboard-renderer .tile-container[data-v-b36476ce]{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%}.kong-ui-public-dashboard-renderer .tile-container.slottable-tile[data-v-b36476ce]{padding:16px;padding:var(--kui-space-60, 16px)}

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/dashboard-renderer",
-  "version": "6.2.1",
+  "version": "6.3.0",
   "type": "module",
   "main": "./dist/dashboard-renderer.umd.js",
   "module": "./dist/dashboard-renderer.es.js",
@@ -28,13 +28,13 @@
     "pinia": ">= 2.1.7 < 3",
     "swrv": "^1.0.4",
     "vue": "^3.5.13",
-    "@kong-ui-public/analytics-config-store": "^1.0.3",
     "@kong-ui-public/analytics-chart": "^9.2.4",
-    "@kong-ui-public/analytics-metric-provider": "^9.0.2",
+    "@kong-ui-public/analytics-config-store": "^1.0.3",
     "@kong-ui-public/analytics-utilities": "^10.0.0",
+    "@kong-ui-public/analytics-metric-provider": "^9.1.0",
     "@kong-ui-public/entities-shared": "^3.26.4",
-    "@kong-ui-public/sandbox-layout": "^2.1.75",
-    "@kong-ui-public/i18n": "^2.3.2"
+    "@kong-ui-public/i18n": "^2.3.2",
+    "@kong-ui-public/sandbox-layout": "^2.1.75"
   },
   "repository": {
     "type": "git",
@@ -59,9 +59,9 @@
     "vue": ">= 3.3.13 < 4",
     "@kong-ui-public/analytics-chart": "^9.2.4",
     "@kong-ui-public/analytics-config-store": "^1.0.3",
-    "@kong-ui-public/analytics-utilities": "^10.0.0",
     "@kong-ui-public/i18n": "^2.3.2",
-    "@kong-ui-public/analytics-metric-provider": "^9.0.2"
+    "@kong-ui-public/analytics-metric-provider": "^9.1.0",
+    "@kong-ui-public/analytics-utilities": "^10.0.0"
   },
   "dependencies": {
     "gridstack": "^11.3.0",