@kong-ui-public/dashboard-renderer 8.12.18 → 8.12.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/{GeoMapRenderer-CpBFlElz.js → GeoMapRenderer-BSBPCCw4.js} +1 -1
  2. package/dist/dashboard-renderer.es.js +1 -1
  3. package/dist/dashboard-renderer.umd.js +1 -1
  4. package/dist/{index-DhUhn-0L.js → index-kRIAUZSu.js} +77 -76
  5. package/dist/style.css +1 -1
  6. package/dist/types/utils/table-data-grid-renderer.d.ts.map +1 -1
  7. package/package.json +11 -11
package/dist/{GeoMapRenderer-CpBFlElz.js → GeoMapRenderer-BSBPCCw4.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as q, ref as C, computed as c, openBlock as x, createBlock as g, withCtx as _, createVNode as E, unref as M } from "vue";
2
- import { _ as O } from "./index-DhUhn-0L.js";
2
+ import { _ as O } from "./index-kRIAUZSu.js";
3
3
  import { exploreResultToCountryMetrics as b, AnalyticsGeoMap as k } from "@kong-ui-public/analytics-geo-map";
4
4
  import { COUNTRIES as B } from "@kong-ui-public/analytics-utilities";
5
5
  const R = /* @__PURE__ */ q({
package/dist/dashboard-renderer.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { C as a, D as R, a as T, b as s, c as L, d as I, E as e, F as D, e as N, G as S, I as r, T as A, f as F } from "./index-DhUhn-0L.js";
1
+ import { C as a, D as R, a as T, b as s, c as L, d as I, E as e, F as D, e as N, G as S, I as r, T as A, f as F } from "./index-kRIAUZSu.js";
2
2
  export {
3
3
  a as CP_ID_TOKEN,
4
4
  R as DASHBOARD_COLS,
package/dist/dashboard-renderer.umd.js CHANGED
@@ -2,7 +2,7 @@
2
2
  * pinia v3.0.4
3
3
  * (c) 2025 Eduardo San Martin Morote
4
4
  * @license MIT
5
- */const li=typeof window<"u";let gt;process.env.NODE_ENV;const pt=process.env.NODE_ENV!=="production"?Symbol("pinia"):Symbol();var yt;(function(l){l.direct="direct",l.patchObject="patch object",l.patchFunction="patch function"})(yt||(yt={})),process.env.NODE_ENV!=="production"?Symbol("pinia:skipHydration"):Symbol();function Ke(l){const e=n.toRaw(l),t={};for(const i in e){const s=e[i];s.effect?t[i]=n.computed({get:()=>l[i],set(r){l[i]=r}}):(n.isRef(s)||n.isReactive(s))&&(t[i]=n.toRef(l,i))}return t}const Q=l=>(l==null?void 0:l.chart.type)==="table",ci=["basic","api_usage","llm_usage","agentic_usage","platform",void 0],di=l=>ci.includes(l);function hi({queryBridge:l,context:e,definition:t,chartData:i}){const s=n.ref(""),r=n.ref(""),a=n.ref(void 0),o=n.ref(void 0),u=he.useAnalyticsConfigStore(),c=he.useDatasourceConfigStore(),{stripUnknownFilters:h,loading:d}=Ke(c),m=n.computed(()=>Q(t.value));n.onMounted(async()=>{var T,O;s.value=await((T=l==null?void 0:l.exploreBaseUrl)==null?void 0:T.call(l))??"",r.value=await((O=l==null?void 0:l.requestsBaseUrl)==null?void 0:O.call(l))??""});const g=n.computed(()=>u.analytics&&u.percentiles),y=n.computed(()=>{const T=t.value.chart.type;return["golden_signals","gauge"].includes(T)?!1:T==="top_n"?e.value.editable||e.value.showTileActions:!0}),_=n.computed(()=>r.value&&t.value.query&&!m.value&&t.value.query.datasource!=="llm_usage"&&t.value.query.datasource!=="platform"&&g.value&&!d.value),p=n.computed(()=>s.value&&t.value.query&&di(t.value.query.datasource)&&g.value&&!d.value),k=n.computed(()=>i.value?A.msToGranularity(i.value.meta.granularity_ms):void 0),S=n.computed(()=>{var z;const T=t.value,O=[...e.value.filters,...T.query.filters??[]],G="metrics"in T.query?T.query.metrics:void 0,D=((z=T.query)==null?void 0:z.datasource)??"api_usage";return h.value({datasource:D,filters:O,metrics:G})}),b=n.computed(()=>{if(!p.value||!y.value)return"";const T=t.value;if(Q(T))return de({...T.query,filters:S.value});const O=T.query.time_range||e.value.timeSpec,G=K(O,S.value);return de(G)}),H=n.computed(()=>{if(!_.value||!y.value)return"";const T=S.value,O=t.value;if(Q(O))return"";const G=te(O.query.time_range||e.value.timeSpec,T);return L(G)}),L=T=>_.value?`${r.value}?q=${JSON.stringify(T)}`:"",te=(T,O)=>{var z,M,q,U;const G=(M=(z=i.value)==null?void 0:z.meta)!=null&&M.start?new Date(i.value.meta.start):void 0,D=(U=(q=i.value)==null?void 0:q.meta)!=null&&U.end?new Date(i.value.meta.end):void 0;return{filter:O,timeframe:{timePeriodsKey:T.type==="relative"?T.time_range:"custom",start:T.type==="absolute"?G:void 0,end:T.type==="absolute"?D:void 0}}},we=(T,O)=>({filter:O,timeframe:{timePeriodsKey:T.type==="relative"?T.time_range:"custom",start:T.type==="absolute"?T.start:void 0,end:T.type==="absolute"?T.end:void 0}}),K=(T,O)=>{const G=t.value;if(Q(G))throw new Error("Cannot build a chart explore query for table chart definitions");const D=[...G.query.dimensions??[]],z=[...G.query.metrics??[]];return{filters:O,metrics:z,dimensions:D,time_range:T,granularity:G.query.granularity||k.value||void 0}},de=T=>{if(!p.value)return"";const O=t.value.query.datasource&&t.value.query.datasource!=="basic"?t.value.query.datasource:"api_usage";return`${s.value}?q=${JSON.stringify(T)}&d=${O}&c=${t.value.chart.type}`};return n.watch([_,p],([T,O])=>{T&&(a.value={href:""}),O&&(o.value={href:""})}),{exploreLinkKebabMenu:b,requestsLinkKebabMenu:H,canShowKebabMenu:y,canGenerateRequestsLink:_,canGenerateExploreLink:p,requestsLinkZoomActions:a,exploreLinkZoomActions:o,buildExploreQuery:K,buildRequestsQueryZoomActions:we,buildExploreLink:de,buildRequestLink:L}}function ui(){const l=n.inject(se),e=he.useDatasourceConfigStore(),{stripUnknownFilters:t}=Ke(e),i=new AbortController;return n.onUnmounted(()=>{i.abort()}),{issueQuery:async(r,a,o)=>{if(!l)throw new Error("Query bridge is not defined");await e.isReady();const{datasource:u,limit:c,...h}=r,d=u||"basic",m=t.value({datasource:d,filters:[...r.filters??[],...a.filters],metrics:r.metrics});let g=r.time_range;g?g.tz||(g={...g,tz:a.tz}):g={...a.timeSpec,tz:a.tz};const y={datasource:d,query:{...h,time_range:g,filters:m,limit:o??c}};return l.queryFn(y,i)}}}function fi({context:l,globalFilters:e=n.ref([]),isFullscreen:t=n.ref(!1),preview:i=n.ref(!1)}){const s=he.useAnalyticsConfigStore(),r=n.computed(()=>l.value.timeSpec?l.value.timeSpec:{type:"relative",time_range:s.defaultQueryTimeForOrg}),a=n.computed(()=>{var y,_,p;let{tz:u,refreshInterval:c,editable:h,showTileActions:d}=l.value;const m=[...l.value.filters??[],...e.value];if(u||(u=new Intl.DateTimeFormat().resolvedOptions().timeZone),c===void 0&&(c=lt),t.value){let k=!1;if(r.value.type==="relative")k=["15m","1h","6h","12h","24h"].includes(r.value.time_range);else{const H=r.value.start.getTime(),L=r.value.end.getTime();k=Math.abs(L-H)<=864e5}const S=new Date().getTime();r.value.type==="absolute"&&r.value.end.getTime()<S||r.value.type==="relative"&&["previous_week","previous_month"].includes(r.value.time_range)?c=0:k?c=ct:c=dt}(h===void 0||i.value)&&(h=!1),d===void 0&&(d=!0);const g=!i.value&&!!((p=(_=(y=n.getCurrentInstance())==null?void 0:y.vnode)==null?void 0:_.props)!=null&&p.onTileTimeRangeZoom);return{filters:m,tz:u,timeSpec:r.value,refreshInterval:c,editable:h,showTileActions:d&&!i.value,showTileZoomActions:!i.value,zoomable:g}}),o=n.computed(()=>!!l.value.timeSpec||!s.loading);return{internalContext:a,queryReady:o}}const Y={useContextLinks:hi,useDashboardInternalContext:fi,useEvaluateFeatureFlag:Zt,useI18n:Xt,useIssueQuery:ui,useRequestQueue:ai},Ae=n.defineComponent({__name:"QueryDataProvider",props:{context:{},limitOverride:{},query:{},queryReady:{type:Boolean},refreshCounter:{}},emits:["chart-data","queryComplete"],setup(l,{emit:e}){const t=l,i=e,{i18n:s}=Y.useI18n(),{issueQuery:r}=Y.useIssueQuery(),a=n.inject(se),o=()=>t.queryReady&&a?JSON.stringify([t.query,t.context,t.refreshCounter]):null,{data:u,error:c,isValidating:h}=Kt(o,async()=>{try{const p=await r(t.query,t.context,t.limitOverride);return g.value=null,p}catch(p){throw g.value=ie.handleQueryError(p),p}finally{i("queryComplete")}},{refreshInterval:t.context.refreshInterval,revalidateOnFocus:!1,shouldRetryOnError:!1}),{state:d,swrvState:m}=Qt(u,c,h),g=n.ref(null),y=n.computed(()=>d.value===m.ERROR||!!g.value),_=n.computed(()=>!t.queryReady||d.value===m.PENDING);return n.watch([()=>u.value,()=>d.value],([p,k])=>{p&&(k==="SUCCESS_HAS_DATA"||k==="SUCCESS")&&i("chart-data",p)}),(p,k)=>{var H;const S=n.resolveComponent("KSkeleton"),b=n.resolveComponent("KEmptyState");return _.value||!n.unref(u)&&!y.value?(n.openBlock(),n.createBlock(S,{key:0,class:"chart-skeleton",type:"table"})):y.value?(n.openBlock(),n.createBlock(b,{key:1,"action-button-visible":!1,"data-testid":"chart-empty-state"},n.createSlots({icon:n.withCtx(()=>{var L;return[((L=g.value)==null?void 0:L.type)==="forbidden"?(n.openBlock(),n.createBlock(n.unref(ue.VisibilityOffIcon),{key:0})):(n.openBlock(),n.createBlock(n.unref(ue.WarningOutlineIcon),{key:1}))]}),title:n.withCtx(()=>{var L;return[n.createElementVNode("p",null,n.toDisplayString(((L=g.value)==null?void 0:L.message)||n.unref(s).t("renderer.unexpectedError")),1)]}),_:2},[(H=g.value)!=null&&H.details?{name:"default",fn:n.withCtx(()=>[n.createElementVNode("p",null,n.toDisplayString(g.value.details),1)]),key:"0"}:void 0]),1024)):n.unref(u)?n.renderSlot(p.$slots,"default",{key:2,data:n.unref(u)}):n.createCommentVNode("",!0)}}}),mi=n.defineComponent({__name:"SimpleChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},requestsLink:{},exploreLink:{}},setup(l){const e=l,t=n.computed(()=>e.chartOptions.type==="single_value");return(i,s)=>(n.openBlock(),n.createBlock(Ae,{context:l.context,query:l.query,"query-ready":l.queryReady,"refresh-counter":l.refreshCounter},{default:n.withCtx(({data:r})=>[n.createElementVNode("div",{class:n.normalizeClass(["analytics-chart",{"single-value":t.value}]),style:n.normalizeStyle(t.value?void 0:{height:`${l.height}px`})},[n.createVNode(n.unref(ie.SimpleChart),{"chart-data":r,"chart-options":l.chartOptions,"synthetics-data-key":t.value?void 0:l.chartOptions.synthetics_data_key},null,8,["chart-data","chart-options","synthetics-data-key"])],6)]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),le=(l,e)=>{const t=l.__vccOpts||l;for(const[i,s]of e)t[i]=s;return t},_t=le(mi,[["__scopeId","data-v-2cbfac70"]]),gi={class:"analytics-chart"},je=le(n.defineComponent({__name:"BaseAnalyticsChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},requestsLink:{},exploreLink:{},extraProps:{}},emits:["edit-tile","chart-data","zoom-time-range","view-requests","select-chart-range"],setup(l,{emit:e}){const t=l,i=e,{i18n:s}=Y.useI18n(),r=n.computed(()=>({type:t.chartOptions.type,stacked:t.chartOptions.stacked??!1,chartDatasetColors:t.chartOptions.chart_dataset_colors,threshold:t.chartOptions.threshold,hideTruncationWarning:t.query.limit!==void 0&&t.query.limit>0})),a=n.computed(()=>t.context.zoomable),o=()=>{i("edit-tile")},u=c=>{i("chart-data",c)};return(c,h)=>{const d=n.resolveComponent("KDropdownItem");return n.openBlock(),n.createBlock(Ae,{context:l.context,query:l.query,"query-ready":l.queryReady,"refresh-counter":l.refreshCounter,onChartData:u},{default:n.withCtx(({data:m})=>[n.createElementVNode("div",gi,[n.createVNode(n.unref(ie.AnalyticsChart),n.mergeProps({"chart-data":m,"chart-options":r.value,"explore-link":l.exploreLink,"legend-position":"bottom","requests-link":l.requestsLink,"synthetics-data-key":l.chartOptions.synthetics_data_key,"timeseries-zoom":a.value,"tooltip-title":""},l.extraProps,{onSelectChartRange:h[0]||(h[0]=g=>i("select-chart-range",g)),onZoomTimeRange:h[1]||(h[1]=g=>i("zoom-time-range",g))}),n.createSlots({_:2},[l.context.editable?{name:"menu-items",fn:n.withCtx(()=>[n.createVNode(d,{onClick:o},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(s).t("renderer.edit")),1)]),_:1})]),key:"0"}:void 0]),1040,["chart-data","chart-options","explore-link","requests-link","synthetics-data-key","timeseries-zoom"])])]),_:1},8,["context","query","query-ready","refresh-counter"])}}}),[["__scopeId","data-v-e1e7f610"]]),bt=n.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},requestsLink:{},exploreLink:{}},setup(l){return(e,t)=>(n.openBlock(),n.createBlock(je,{"chart-options":l.chartOptions,context:l.context,"extra-props":{showAnnotations:!1},height:l.height,query:l.query,"query-ready":l.queryReady,"refresh-counter":l.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),vt=n.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},requestsLink:{},exploreLink:{}},emits:["zoom-time-range","select-chart-range"],setup(l,{emit:e}){const t=e;return(i,s)=>(n.openBlock(),n.createBlock(je,{"chart-options":l.chartOptions,context:l.context,"explore-link":l.exploreLink,height:l.height,query:l.query,"query-ready":l.queryReady,"refresh-counter":l.refreshCounter,"requests-link":l.requestsLink,onSelectChartRange:s[0]||(s[0]=r=>t("select-chart-range",r)),onZoomTimeRange:s[1]||(s[1]=r=>t("zoom-time-range",r))},null,8,["chart-options","context","explore-link","height","query","query-ready","refresh-counter","requests-link"]))}}),pi=le(n.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},requestsLink:{},exploreLink:{}},setup(l){const e=l,t=n.computed(()=>{var s,r;const i=(s=e.query)==null?void 0:s.datasource;if(i&&i!=="api_usage"&&i!=="basic")throw new Error(`Invalid datasource value: ${i}`);return{datasource:(r=e.query)==null?void 0:r.datasource,overrideTimeRange:e.context.timeSpec,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(i,s)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["metric-card-tile-wrapper",{titled:!!e.chartOptions.chart_title}])},[n.createVNode(n.unref(Ne.MetricsProvider),n.normalizeProps(n.guardReactiveProps(t.value)),{default:n.withCtx(()=>[n.createVNode(n.unref(Ne.MetricsConsumer))]),_:1},16)],2))}}),[["__scopeId","data-v-b77f52b8"]]),yi={class:"fallback-entity-link","data-testid":"entity-link-parent"},wt=n.defineComponent({__name:"FallbackEntityLink",props:{entityLinkData:{}},setup(l){return(e,t)=>(n.openBlock(),n.createElementBlock("div",yi,n.toDisplayString(l.entityLinkData.label),1))}}),_i={key:0},bi={key:1},vi=n.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},requestsLink:{},exploreLink:{}},setup(l){const e=l,t=n.inject(se),i=n.defineAsyncComponent(async()=>{if(t!=null&&t.fetchComponent)try{return await t.fetchComponent("EntityLink")}catch{return wt}return wt}),s=n.computed(()=>!!e.chartOptions.entity_link||!!Object.keys(e.chartOptions.entity_links||{}).length),r=c=>{var d;const h=e.chartOptions.entity_links;return h&&(h[c]||((d=Object.entries(h).find(([m])=>m.toLowerCase()===c.toLowerCase()))==null?void 0:d[1]))||""},a=c=>{var d,m;const h=(m=(d=c.dimensions)==null?void 0:d[0])==null?void 0:m.dimension;return!h||h===c.dimension},o=c=>r(c.dimension)||a(c)&&e.chartOptions.entity_link||"",u=c=>{const h=o(c);if(h)if(c.id.includes(":")){const[d,m]=c.id.split(":");return h.replace(ot,d).replace(Ve,m)}else return h.replace(Ve,c.id);return""};return(c,h)=>(n.openBlock(),n.createBlock(Ae,{context:l.context,query:l.query,"query-ready":l.queryReady,"refresh-counter":l.refreshCounter},{default:n.withCtx(({data:d})=>[n.createVNode(n.unref(ie.TopNTable),{data:d,"synthetics-data-key":l.chartOptions.synthetics_data_key},n.createSlots({_:2},[s.value?{name:"name",fn:n.withCtx(({record:m})=>[!m.isEmpty&&o(m)?(n.openBlock(),n.createBlock(n.unref(i),{key:0,"entity-link-data":{id:m.id,label:m.name,deleted:m.deleted},"external-link":u(m)},null,8,["entity-link-data","external-link"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[m.name==="empty"?(n.openBlock(),n.createElementBlock("i",_i,n.toDisplayString(m.name),1)):(n.openBlock(),n.createElementBlock("span",bi,n.toDisplayString(m.name),1))],64))]),key:"0"}:void 0]),1032,["data","synthetics-data-key"])]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),wi=l=>l.records.map(e=>{const t={...e};return Object.entries(e).forEach(([i,s])=>{var a,o,u;if(s===null)return;const r=(u=(o=(a=l.meta.display)==null?void 0:a[i])==null?void 0:o[String(s)])==null?void 0:u.name;r&&(t[i]=r)}),t}),Ei={platform:({canTranslate:l,columns:e,translate:t})=>e.map(i=>{const s=`chartLabels.${i}`;return{key:i,label:l(s)?t(s):i}})},xi={platform:async({abortController:l,context:e,cursor:t,pageSize:i,query:s,onResponseColumns:r,stripUnknownFilters:a,tabularQueryFn:o})=>{var d;if(!o)throw new Error("AnalyticsBridge.tabularQueryFn is not defined");const u=s.query,c=a({datasource:"platform",filters:[...u.filters??[],...e.filters]}),h=await o({datasource:s.datasource,query:{columns:u.columns,cursor:t===void 0?u.cursor:String(t),entity:u.entity,filters:c,page_size:i}},l);return(d=h.meta.columns)!=null&&d.length&&(r==null||r(h.meta.columns)),{data:wi(h),cursor:h.meta.cursor,hasMore:!!h.meta.cursor}}},Ci=le(n.defineComponent({__name:"TableDataGridRenderer",props:{query:{},context:{},queryReady:{type:Boolean},height:{},refreshCounter:{}},emits:["loading-change"],setup(l,{emit:e}){const t=l,i=e,s=n.inject(se),r=he.useDatasourceConfigStore(),{i18n:a}=Y.useI18n(),o=new AbortController,u=n.ref([]),c=n.ref(!1),h=n.computed(()=>t.height===void 0?void 0:{height:`${t.height}px`}),d=n.computed(()=>({datasource:t.query.datasource,query:{columns:t.query.columns,cursor:t.query.cursor,entity:t.query.entity,filters:t.query.filters,page_size:t.query.page_size}})),m=n.computed(()=>JSON.stringify({refreshCounter:t.refreshCounter,query:{columns:t.query.columns,datasource:t.query.datasource,entity:t.query.entity,filters:t.query.filters,page_size:t.query.page_size},context:{filters:t.context.filters,timeSpec:t.context.timeSpec,tz:t.context.tz}}));n.onUnmounted(()=>{o.abort()});const g=n.computed(()=>{var p;return Ei[t.query.datasource]({columns:(p=t.query.columns)!=null&&p.length?t.query.columns:u.value,translate:k=>a.t(k),canTranslate:k=>a.te(k)})}),y=n.computed(()=>async({cursor:p,pageSize:k})=>{try{await r.isReady();const S=xi[d.value.datasource];if(!S)throw new Error(`No table data grid fetcher found for datasource: ${d.value.datasource}`);const b=await S({abortController:o,context:t.context,cursor:p,pageSize:k,query:d.value,onResponseColumns:H=>{u.value=H},stripUnknownFilters:r.stripUnknownFilters,tabularQueryFn:s==null?void 0:s.tabularQueryFn});return c.value=!1,b}catch(S){throw c.value=!0,S}}),_=p=>{p.state==="error"&&(c.value=!0),i("loading-change",p.state==="loading")};return(p,k)=>{const S=n.resolveComponent("KSkeleton");return n.openBlock(),n.createElementBlock("div",{class:"table-data-grid-renderer",style:n.normalizeStyle(h.value)},[l.queryReady?(n.openBlock(),n.createBlock(n.unref(Vt.TableDataGrid),{key:1,error:c.value,fetcher:y.value,headers:g.value,"page-size":l.query.page_size,"refresh-key":m.value,onState:_},null,8,["error","fetcher","headers","page-size","refresh-key"])):(n.openBlock(),n.createBlock(S,{key:0,"data-testid":"table-skeleton",type:"table"}))],4)}}}),[["__scopeId","data-v-c49ff2eb"]]),Et="#6c7489",ki="12px",xt="20px",Ct="32px",kt="20px",Ri=n.defineComponent({__name:"DonutChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},requestsLink:{},exploreLink:{}},setup(l){return(e,t)=>(n.openBlock(),n.createBlock(je,{"chart-options":l.chartOptions,context:l.context,height:l.height,query:l.query,"query-ready":l.queryReady,"refresh-counter":l.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),Ti=["data-testid"],Si={key:0,class:"tile-header"},Di={class:"badge-container"},zi={class:"badge-text"},Ni={key:0},Li=["data-testid"],Ai=["data-testid"],Oi={class:"delete-option"},Hi=["data-testid"],qi=["data-testid"],Rt=le(n.defineComponent({__name:"DashboardTile",props:n.mergeModels({context:{},definition:{},height:{default:ge},isFullscreen:{type:Boolean},hideActions:{type:Boolean,default:!1},hideZoomActions:{type:Boolean,default:!1},queryReady:{type:Boolean},showRefresh:{type:Boolean,default:!1},tileId:{},tileType:{default:"chart"}},{refreshCounter:{default:0},refreshCounterModifiers:{}}),emits:n.mergeModels(["chart-data","edit-tile","duplicate-tile","remove-tile","tile-time-range-zoom","tile-bounds-change"],["update:refreshCounter"]),setup(l,{expose:e,emit:t}){n.useCssVars(x=>({v76e9feba:`${x.height}px`}));const i=parseInt(kt,10),s=l,r=n.useModel(l,"refreshCounter"),a=()=>{S.value=!0,r.value++},o=t,u=n.defineAsyncComponent(()=>Promise.resolve().then(()=>es)),c=n.inject(se),h=he.useDatasourceConfigStore(),{stripUnknownFilters:d}=Ke(h),{i18n:m}=Y.useI18n(),g=n.ref(),y=n.ref({status:"loading"}),_=n.ref(!1),p=n.ref(),k=n.ref(!1),S=n.ref(!0),b=n.computed(()=>s.definition.chart),H=n.computed(()=>"chart_title"in b.value?b.value.chart_title:void 0),L=n.computed(()=>"description"in b.value?b.value.description:void 0),te=n.computed(()=>b.value.type==="slottable"),we=n.computed(()=>Q(s.definition)?!1:!("allow_csv_export"in b.value)||b.value.allow_csv_export!==!1),{exploreLinkKebabMenu:K,requestsLinkKebabMenu:de,canShowKebabMenu:T,canGenerateRequestsLink:O,canGenerateExploreLink:G,requestsLinkZoomActions:D,exploreLinkZoomActions:z,buildExploreQuery:M,buildExploreLink:q,buildRequestLink:U,buildRequestsQueryZoomActions:Xe}=Y.useContextLinks({queryBridge:c,chartData:n.readonly(g),definition:n.toRef(s,"definition"),context:n.readonly(n.toRef(s,"context"))}),{issueQuery:Ze}=Y.useIssueQuery();n.watch(()=>s.definition,async(x,R)=>{await n.nextTick(),p.value&&(k.value=p.value.scrollWidth>p.value.clientWidth);try{JSON.stringify(x==null?void 0:x.query)!==JSON.stringify(R==null?void 0:R.query)&&(S.value=!0)}catch{}},{immediate:!0,deep:!0});const $e=n.computed(()=>m.t("csvExport.defaultFilename")),Fe=n.computed(()=>!!K.value||we.value||s.context.editable),fe=n.computed(()=>!s.hideActions&&T.value&&Fe.value),ts=n.computed(()=>fe.value&&Fe.value&&!s.isFullscreen),is=n.computed(()=>b.value.type==="golden_signals"&&!!L.value),ss={timeseries_line:vt,timeseries_bar:vt,horizontal_bar:bt,vertical_bar:bt,gauge:_t,donut:Ri,golden_signals:pi,top_n:vi,table:Ci,slottable:void 0,single_value:_t,choropleth_map:u},rs=n.computed(()=>{var x,R,B,$;return{...(x=me.value)!=null&&x.rendererEvents.supportsRequests?{"select-chart-range":ys}:{},...(R=me.value)!=null&&R.rendererEvents.supportsZoom?{"zoom-time-range":gs}:{},...(B=me.value)!=null&&B.rendererEvents.supportsBounds?{"bounds-change":ps}:{},...($=me.value)!=null&&$.rendererEvents.supportsLoadingChange?{"loading-change":us}:{}}}),me=n.computed(()=>{var Ht,qt,It;const x=s.definition,R=ss[x.chart.type],B=Q(x),$=!!((Ht=R==null?void 0:R.emits)!=null&&Ht.includes("select-chart-range")),De=!!((qt=R==null?void 0:R.emits)!=null&&qt.includes("zoom-time-range")),ae=x.chart.type==="choropleth_map",Ee=!!((It=R==null?void 0:R.emits)!=null&&It.includes("loading-change")),_s={query:x.query,context:s.context,queryReady:s.queryReady,height:s.height-i*2,refreshCounter:r.value},bs={chartOptions:x.chart,requestsLink:s.hideZoomActions?void 0:D.value,exploreLink:s.hideZoomActions?void 0:z.value};return R&&{component:R,rendererProps:{..._s,...B?{}:bs},rendererEvents:{supportsRequests:$,supportsZoom:De,supportsBounds:ae,supportsLoadingChange:Ee}}}),Je=n.computed(()=>{var B;if(Q(s.definition))return null;const x=s.definition.query,R=x==null?void 0:x.time_range;if((x==null?void 0:x.datasource)==="platform"&&!((B=x.dimensions)!=null&&B.includes("time")))return m.t("renderer.as_of_today");if((R==null?void 0:R.type)==="relative"){const $=A.TimePeriods.get(A.TIMEFRAME_LOOKUP[R.time_range]);return $?$.display:(console.warn("Did not recognize the given relative time range:",R.time_range),R.time_range)}else if((R==null?void 0:R.type)==="absolute"){const $=R.tz||"Etc/UTC";return`${A.formatTime(R.start,{short:!0,tz:$})} - ${A.formatTime(R.end,{short:!0,tz:$})}`}return null}),Nt=n.computed(()=>te.value?!1:[!!H.value,ts.value,!!Je.value,is.value,s.showRefresh].some(Boolean)),Lt=n.computed(()=>g.value?A.msToGranularity(g.value.meta.granularity_ms):void 0),ns=n.computed(()=>["timeseries_line","timeseries_bar"].includes(b.value.type)),At=n.computed(()=>{if(Q(s.definition)||!ns.value||!s.queryReady||S.value)return!1;const x=s.definition.query.granularity;return!x||!Lt.value?!1:x!==Lt.value}),os=n.computed(()=>{var B;const x=A.msToGranularity(((B=g.value)==null?void 0:B.meta.granularity_ms)??0)??"unknown",R=Q(s.definition)?"unknown":s.definition.query.granularity??"unknown";return m.t("query_aged_out_warning",{currentGranularity:m.t(`granularities.${x}`),savedGranularity:m.t(`granularities.${R}`)})}),as=n.computed(()=>{const x=s.definition,R=[...s.context.filters,...x.query.filters??[]],B="metrics"in x.query?x.query.metrics:void 0,$=x.query.datasource??"api_usage";return d.value({datasource:$,filters:R,metrics:B})}),ls=()=>{o("edit-tile",s.definition)},cs=()=>{o("duplicate-tile",s.definition)},ds=()=>{o("remove-tile",s.definition)},hs=x=>{g.value=x,S.value=!1,o("chart-data",x)},us=x=>{S.value=x},fs=()=>{_.value=!1},Ot=()=>{var B,$;const x=(B=s.definition.query.datasource)==null?void 0:B.startsWith("goap");return(($=c==null?void 0:c.staticConfig)==null?void 0:$.increaseCsvExportLimit)!==!1&&!x?Ze(s.definition.query,s.context,A.EXPORT_RECORD_LIMIT):g.value?Promise.resolve(g.value):new Promise(De=>{const ae=n.watch(g,Ee=>{Ee&&(De(Ee),ae())})})},ms=async()=>{_.value=!0,y.value={status:"loading"};try{const x=await Ot();y.value={status:"success",chartData:x}}catch(x){y.value={status:"error",error:x}}},gs=x=>{const R={tileId:s.tileId.toString(),timeRange:x};o("tile-time-range-zoom",R)},ps=x=>{const R={tileId:s.tileId.toString(),bounds:x};o("tile-bounds-change",R)},ys=x=>{const R=as.value,B=M(x,R);z.value=G.value?{href:q(B)}:void 0,D.value=O.value?{href:U(Xe(x,R))}:void 0};return e({getExportData:Ot}),(x,R)=>{const B=n.resolveComponent("KTooltip"),$=n.resolveComponent("KBadge"),De=n.resolveComponent("KButton"),ae=n.resolveComponent("KDropdownItem"),Ee=n.resolveComponent("KDropdown");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["tile-boundary",{editable:l.context.editable,headless:!Nt.value}]),"data-testid":`tile-${l.tileId}`},[Nt.value&&!te.value?(n.openBlock(),n.createElementBlock("div",Si,[n.createVNode(B,{class:"title-tooltip",disabled:!k.value,"max-width":"500",text:H.value},{default:n.withCtx(()=>[n.createElementVNode("div",{ref_key:"titleRef",ref:p,class:"title"},n.toDisplayString(H.value),513)]),_:1},8,["disabled","text"]),n.createElementVNode("div",Di,[Je.value?(n.openBlock(),n.createBlock($,{key:0,"data-testid":"time-range-badge",tooltip:At.value?os.value:void 0,"tooltip-attributes":{maxWidth:"320px"}},n.createSlots({default:n.withCtx(()=>[n.createElementVNode("span",zi,n.toDisplayString(Je.value),1)]),_:2},[At.value?{name:"icon",fn:n.withCtx(()=>[n.createVNode(n.unref(ue.WarningIcon),{size:`var(--kui-icon-size-20, ${n.unref(ki)})`},null,8,["size"])]),key:"0"}:void 0]),1032,["tooltip"])):n.createCommentVNode("",!0)]),l.showRefresh?(n.openBlock(),n.createElementBlock("div",Ni,[n.createVNode(De,{appearance:"secondary",class:"refresh-button","data-testid":`tile-refresh-button-${l.tileId}`,disabled:S.value,icon:"",size:"small",onClick:a},{default:n.withCtx(()=>[S.value?(n.openBlock(),n.createBlock(n.unref(ue.ProgressIcon),{key:0,role:"button",size:`var(--kui-icon-size-60, ${n.unref(Ct)})`,tabindex:"0"},null,8,["size"])):(n.openBlock(),n.createBlock(n.unref(ue.RefreshIcon),{key:1,role:"button",size:`var(--kui-icon-size-60, ${n.unref(Ct)})`,tabindex:"0"},null,8,["size"]))]),_:1},8,["data-testid","disabled"])])):n.createCommentVNode("",!0),fe.value?(n.openBlock(),n.createElementBlock("div",{key:1,class:"tile-actions","data-testid":`tile-actions-${l.tileId}`},[fe.value&&l.context.editable&&!l.isFullscreen?(n.openBlock(),n.createBlock(n.unref(ue.EditIcon),{key:0,class:"edit-icon",color:`var(--kui-color-text-neutral, ${n.unref(Et)})`,"data-testid":`edit-tile-${l.tileId}`,size:`var(--kui-icon-size-40, ${n.unref(xt)})`,onClick:ls},null,8,["color","data-testid","size"])):n.createCommentVNode("",!0),fe.value&&Fe.value&&!l.isFullscreen?(n.openBlock(),n.createBlock(Ee,{key:1,class:"dropdown","data-testid":`chart-action-menu-${l.tileId}`,"kpop-attributes":{placement:"bottom-end"}},{items:n.withCtx(()=>[n.unref(K)?(n.openBlock(),n.createBlock(ae,{key:0,"data-testid":`chart-jump-to-explore-${l.tileId}`,item:{label:n.unref(m).t("jumpToExplore"),to:n.unref(K)}},null,8,["data-testid","item"])):n.createCommentVNode("",!0),!n.unref(Q)(l.definition)&&n.unref(de)?(n.openBlock(),n.createBlock(ae,{key:1,"data-testid":`chart-jump-to-requests-${l.tileId}`,item:{label:n.unref(m).t("jumpToRequests"),to:n.unref(de)}},null,8,["data-testid","item"])):n.createCommentVNode("",!0),we.value?(n.openBlock(),n.createBlock(ae,{key:2,class:"chart-export-button","data-testid":`chart-csv-export-${l.tileId}`,onClick:ms},{default:n.withCtx(()=>[n.createElementVNode("span",{class:"chart-export-trigger","data-testid":`csv-export-button-${l.tileId}`},n.toDisplayString(n.unref(m).t("csvExport.exportAsCsv")),9,Ai)]),_:1},8,["data-testid"])):n.createCommentVNode("",!0),l.context.editable?(n.openBlock(),n.createBlock(ae,{key:3,"data-testid":`duplicate-tile-${l.tileId}`,onClick:cs},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(m).t("renderer.duplicateTile")),1)]),_:1},8,["data-testid"])):n.createCommentVNode("",!0),l.context.editable?(n.openBlock(),n.createBlock(ae,{key:4,"data-testid":`remove-tile-${l.tileId}`,onClick:ds},{default:n.withCtx(()=>[n.createElementVNode("span",Oi,n.toDisplayString(n.unref(m).t("renderer.delete")),1)]),_:1},8,["data-testid"])):n.createCommentVNode("",!0)]),default:n.withCtx(()=>[n.createVNode(n.unref(ue.MoreIcon),{class:"kebab-action-menu",color:`var(--kui-color-text-neutral, ${n.unref(Et)})`,"data-testid":`kebab-action-menu-${l.tileId}`,size:`var(--kui-icon-size-40, ${n.unref(xt)})`},null,8,["color","data-testid","size"])]),_:1},8,["data-testid"])):n.createCommentVNode("",!0)],8,Li)):L.value?(n.openBlock(),n.createElementBlock("div",{key:2,class:"header-description","data-testid":`tile-description-${l.tileId}`},n.toDisplayString(L.value),9,Hi)):n.createCommentVNode("",!0),_.value?(n.openBlock(),n.createBlock(n.unref(ie.CsvExportModal),{key:3,"data-testid":`csv-export-modal-${l.tileId}`,"export-state":y.value,filename:$e.value,onCloseModal:fs},null,8,["data-testid","export-state","filename"])):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0),n.createElementVNode("div",{class:n.normalizeClass(["tile-content",`type-${l.tileType}-${b.value.type}`]),"data-testid":`tile-content-${l.tileId}`},[me.value?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(me.value.component),n.mergeProps({key:0},me.value.rendererProps,n.toHandlers(rs.value),{onChartData:hs}),null,16)):n.createCommentVNode("",!0)],10,qi)],10,Ti)}}}),[["__scopeId","data-v-14541de0"]]),Ii=(l,e)=>{let t=0;const i=new Map;e.forEach(r=>{const a=r.layout.position.row,o=i.get(a),u=r.layout.size.rows===1&&!!r.layout.size.fit_to_content;t=Math.max(t,a+r.layout.size.rows),o===void 0?i.set(a,u):i.set(a,o&&u)});const s=[];for(let r=0;r<t;r++)i.get(r)?s.push("auto"):s.push(`${l}px`);return s},Tt=le(n.defineComponent({__name:"GridLayout",props:{tileHeight:{type:Number,required:!1,default:()=>ge},columns:{type:Number,required:!1,default:()=>Le},tiles:{type:Array,required:!0}},setup(l){n.useCssVars(o=>({v821fda82:e.columns,v0870d42d:r.value}));const e=l,t=n.ref(null),i=n.ref(0),s=new ResizeObserver(o=>{window.requestAnimationFrame(()=>{!Array.isArray(o)||!o.length||(i.value=o[0].contentRect.width)})});n.onMounted(()=>{t.value&&s.observe(t.value)}),n.onUnmounted(()=>{t.value&&s.unobserve(t.value)});const r=n.computed(()=>Ii(e.tileHeight,e.tiles).join(" ")),a=n.computed(()=>e.tiles.map((o,u)=>({key:`tile-${u}`,tile:o,style:{"grid-column-start":o.layout.position.col+1,"grid-column-end":o.layout.position.col+1+o.layout.size.cols,"grid-row-start":o.layout.position.row+1,"grid-row-end":o.layout.position.row+1+o.layout.size.rows}})));return(o,u)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"gridContainer",ref:t,class:"kong-ui-public-grid-layout"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(a.value,c=>(n.openBlock(),n.createElementBlock("div",{key:c.key,class:n.normalizeClass(["grid-cell",{"empty-cell":!c.tile}]),style:n.normalizeStyle(c.style)},[n.renderSlot(o.$slots,"tile",{style:n.normalizeStyle(c.style),tile:c.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-0271a8b9"]]);function Mi(l,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(l,a));return r.prototype=e.prototype,r}class f{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 lazyLoad(e){var t,i;return e.lazyLoad||((i=(t=e.grid)==null?void 0:t.opts)==null?void 0:i.lazyLoad)&&e.lazyLoad!==!1}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 f.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&&(f.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,o=s.top,u=this.getScrollElement(e);if(u!==null){const c=u.scrollTop;s.top<0&&i<0?e.offsetHeight>r?u.scrollTop+=i:u.scrollTop+=Math.abs(o)>Math.abs(i)?i:o:i>0&&(e.offsetHeight>r?u.scrollTop+=i:u.scrollTop+=a>i?i:a),t.top+=u.scrollTop-c}}}static updateScrollResize(e,t,i){const s=this.getScrollElement(t),r=s.clientHeight,a=s===this.getScrollElement()?0:s.getBoundingClientRect().top,o=e.clientY-a,u=o<i,c=o>r-i;u?s.scrollBy({behavior:"smooth",top:o-i}):c&&s.scrollBy({behavior:"smooth",top:i-(r-o)})}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=f.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]=f.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=f.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=e,r=new MouseEvent(t,{bubbles:!0,composed:!0,cancelable:!0,view:window,detail:1,screenX:e.screenX,screenY:e.screenY,clientX:e.clientX,clientY:e.clientY,ctrlKey:s.ctrlKey??!1,altKey:s.altKey??!1,shiftKey:s.shiftKey??!1,metaKey:s.metaKey??!1,button:0,relatedTarget:e.target});(i||e.target).dispatchEvent(r)}static getValuesFromTransformedElement(e){const t=document.createElement("div");f.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 re{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 o={nested:!0,pack:!1};let u=0;for(;i=i||this.collide(e,r,s.skip);){if(u++>this.nodes.length*2)throw new Error("Infinite collide check");let c;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,...o};c=this._loading&&f.samePos(e,h)?!0:this.moveNode(e,h),(i.locked||this._loading)&&c?f.copyPos(t,e):!i.locked&&c&&s.pack&&(this._packNodes(),t.y=i.y+i.h,f.copyPos(e,t)),a=a||c}else c=this.moveNode(i,{...i,y:t.y+t.h,skip:e,...o});if(!c)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&&f.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&&f.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,o=.5;for(let u of i){if(u.locked||!u._rect)break;const c=u._rect;let h=Number.MAX_VALUE,d=Number.MAX_VALUE;s.y<c.y?h=(r.y+r.h-c.y)/c.h:s.y+s.h>c.y+c.h&&(h=(c.y+c.h-r.y)/c.h),s.x<c.x?d=(r.x+r.w-c.x)/c.w:s.x+s.w>c.x+c.w&&(d=(c.x+c.w-r.x)/c.w);const m=Math.min(d,h);m>o&&(o=m,a=u)}return t.collide=a,a}cacheRects(e,t,i,s,r,a){return this.nodes.forEach(o=>o._rect={y:o.y*t+i,x:o.x*e+a,w:o.w*e-a-s,h:o.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=f.isTouching(e,t)))return i();if(s!==!1){if(e.w===t.w&&e.x===t.x&&(s||(s=f.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=f.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,o,u)=>{let c;a.locked||(a.autoPosition=!0,e==="list"&&o&&(c=u[o-1])),this.addNode(a,!1,c)}),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=f.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??re._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 f.defaults(e,s),e.autoPosition||delete e.autoPosition,e.noResize||delete e.noResize,e.noMove||delete e.noMove,f.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||f.copyPos({},e);if(e.maxW&&(e.w=Math.min(e.w||1,e.maxW)),e.maxH&&(e.h=Math.min(e.h||1,e.maxH)),e.minW&&(e.w=Math.max(e.w||1,e.minW)),e.minH&&(e.h=Math.max(e.h||1,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),f.samePos(e,i)||(e._dirty=!0),this}getDirtyNodes(e){return e?this.nodes.filter(t=>t._dirty&&!f.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=f.copyPos({},e),delete e._dirty}),this._hasLocked=this.nodes.some(e=>e.locked),this}restoreInitial(){return this.nodes.forEach(e=>{!e._orig||f.samePos(e,e._orig)||(f.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 o=r;!a;++o){const u=o%i,c=Math.floor(o/i);if(u+e.w>i)continue;const h={x:u,y:c,w:e.w,h:e.h};t.find(d=>f.isIntercepted(h,d))||((e.x!==u||e.y!==c)&&(e._dirty=!0),e.x=u,e.y=c,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 re({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 o=this.nodes.find(u=>u._id===a._id);o&&(f.copyPos(o,a),o._dirty=!0)}),this._notify(),!0):!1}willItFit(e){if(delete e._willFitPos,!this.maxRow)return!0;const t=new re({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=f.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 c,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=f.copyPos({},e,!0);if(f.copyPos(r,t),this.nodeBoundFix(r,s),f.copyPos(t,r),!t.forceCollide&&f.samePos(e,t))return!1;const a=f.copyPos({},e),o=this.collideAll(e,r,t.skip);let u=!0;if(o.length){const d=e._moving&&!t.nested;let m=d?this.directionCollideCoverage(e,t,o):o[0];if(d&&m&&((h=(c=e.grid)==null?void 0:c.opts)!=null&&h.subGridDynamic)&&!e.grid._isTemp){const g=f.areaIntercept(t.rect,m._rect),y=f.area(t.rect),_=f.area(m._rect);g/(y<_?y:_)>.8&&(m.grid.makeSubGrid(m.el,void 0,e),m=void 0)}m?u=!this._fixCollisions(e,r,m,t):(u=!1,i&&delete t.pack)}return u&&!f.samePos(e,r)&&(e._dirty=!0,f.copyPos(e,r)),t.pack&&this._packNodes()._notify(),!f.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(o=>{const u=s==null?void 0:s.find(h=>h._id===o._id),c={...o,...u||{}};f.removeInternalForSave(c,!e),t&&t(o,c),r.push(c)}),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(o=>o._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 o;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:f.sort(this.nodes,-1);if(t>e&&this._layouts){const u=this._layouts[t]||[],c=this._layouts.length-1;!u.length&&e!==c&&((o=this._layouts[c])!=null&&o.length)&&(e=c,this._layouts[c].forEach(h=>{const d=a.find(m=>m._id===h._id);d&&(!s&&!h.autoPosition&&(d.x=h.x??d.x,d.y=h.y??d.y),d.w=h.w??d.w,(h.x==null||h.y===void 0)&&(d.autoPosition=!0))})),u.forEach(h=>{const d=a.findIndex(m=>m._id===h._id);if(d!==-1){const m=a[d];if(s){m.w=h.w;return}(h.autoPosition||isNaN(h.x)||isNaN(h.y))&&this.findEmptyPosition(h,r),h.autoPosition||(m.x=h.x??m.x,m.y=h.y??m.y,m.w=h.w??m.w,r.push(m)),a.splice(d,1)}})}if(s)this.compact(i,!1);else{if(a.length)if(typeof i=="function")i(t,e,r,a);else{const u=s||i==="none"?1:t/e,c=i==="move"||i==="moveScale",h=i==="scale"||i==="moveScale";a.forEach(d=>{d.x=t===1?0:c?Math.round(d.x*u):Math.min(d.x,t-1),d.w=t===1||e===1?1:h?Math.round(d.w*u)||1:Math.min(d.w,t),r.push(d)}),a=[]}r=f.sort(r,-1),this._inColumnResize=!0,this.nodes=[],r.forEach(u=>{this.addNode(u,!1),delete u._orig})}return this.nodes.forEach(u=>delete u._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 o=r.id?this.nodes.find(u=>u.id===r.id):void 0;r._id=(o==null?void 0:o._id)??re._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??re._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}}re._idSeq=0;const j={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 ee=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 ne{}function Oe(l,e){l.touches.length>1||(l.cancelable&&l.preventDefault(),f.simulateMouseEvent(l.changedTouches[0],e))}function St(l,e){l.cancelable&&l.preventDefault(),f.simulateMouseEvent(l,e)}function He(l){ne.touchHandled||(ne.touchHandled=!0,Oe(l,"mousedown"))}function qe(l){ne.touchHandled&&Oe(l,"mousemove")}function Ie(l){if(!ne.touchHandled)return;ne.pointerLeaveTimeout&&(window.clearTimeout(ne.pointerLeaveTimeout),delete ne.pointerLeaveTimeout);const e=!!C.dragElement;Oe(l,"mouseup"),e||Oe(l,"click"),ne.touchHandled=!1}function Me(l){l.pointerType!=="mouse"&&l.target.releasePointerCapture(l.pointerId)}function Dt(l){C.dragElement&&l.pointerType!=="mouse"&&St(l,"mouseenter")}function zt(l){C.dragElement&&l.pointerType!=="mouse"&&(ne.pointerLeaveTimeout=window.setTimeout(()=>{delete ne.pointerLeaveTimeout,St(l,"mouseleave")},10))}class Be{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(`${Be.prefix}${this.dir}`),e.style.zIndex="100",e.style.userSelect="none",this.host.appendChild(this.el),this.el.addEventListener("mousedown",this._mouseDown),ee&&(this.el.addEventListener("touchstart",He),this.el.addEventListener("pointerdown",Me)),this}destroy(){return this.moving&&this._mouseUp(this.mouseDownEvent),this.el.removeEventListener("mousedown",this._mouseDown),ee&&(this.el.removeEventListener("touchstart",He),this.el.removeEventListener("pointerdown",Me)),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),ee&&(this.el.addEventListener("touchmove",qe),this.el.addEventListener("touchend",Ie)),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),ee&&(this.el.removeEventListener("touchmove",qe),this.el.removeEventListener("touchend",Ie)),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}}Be.prefix="ui-resizable-";class Qe{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 xe extends Qe{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 Be(this.el,e,{start:t=>{this._resizeStart(t)},stop:t=>{this._resizeStop(t)},move:t=>{this._resizing(t,e)}})),this}_resizeStart(e){this.sizeToContent=f.shouldSizeToContent(this.el.gridstackNode,!0),this.originalRect=this.el.getBoundingClientRect(),this.scrollEl=f.getScrollElement(this.el),this.scrollY=this.scrollEl.scrollTop,this.scrolled=0,this.startEvent=e,this._setupHelper(),this._applyChange();const t=f.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=f.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=f.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=xe._originStyleProp.map(i=>this.el.style[i]),this.parentOriginStylePosition=this.el.parentElement.style.position;const e=this.el.parentElement,t=f.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 xe._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 o,u;t.indexOf("e")>-1?s.width+=r:t.indexOf("w")>-1&&(s.width-=r,s.left+=r,o=!0),t.indexOf("s")>-1?s.height+=a:t.indexOf("n")>-1&&(s.height-=a,s.top+=a,u=!0);const c=this._constrainSize(s.width,s.height,o,u);return Math.round(s.width)!==Math.round(c.width)&&(t.indexOf("w")>-1&&(s.left+=s.width-c.width),s.width=c.width),Math.round(s.height)!==Math.round(c.height)&&(t.indexOf("n")>-1&&(s.top+=s.height-c.height),s.height=c.height),s}_constrainSize(e,t,i,s){const r=this.option,a=(i?r.maxWidthMoveLeft:r.maxWidth)||Number.MAX_SAFE_INTEGER,o=r.minWidth/this.rectScale.x||e,u=(s?r.maxHeightMoveUp:r.maxHeight)||Number.MAX_SAFE_INTEGER,c=r.minHeight/this.rectScale.y||t,h=Math.min(a,Math.max(o,e)),d=Math.min(u,Math.max(c,t));return{width:h,height:d}}_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}}xe._originStyleProp=["width","height","position","left","top","opacity","zIndex"];const Bi='input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';class Ce extends Qe{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),ee&&(e.addEventListener("touchstart",He),e.addEventListener("pointerdown",Me))}),this.el.classList.remove("ui-draggable-disabled"))}disable(e=!1){this.disabled!==!0&&(super.disable(),this.dragEls.forEach(t=>{t.removeEventListener("mousedown",this._mouseDown),ee&&(t.removeEventListener("touchstart",He),t.removeEventListener("pointerdown",Me))}),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(Bi)||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),ee&&(e.currentTarget.addEventListener("touchmove",qe),e.currentTarget.addEventListener("touchend",Ie)),e.preventDefault(),document.activeElement&&document.activeElement.blur(),C.mouseHandled=!0),!0}_callDrag(e){if(!this.dragging)return;const t=f.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=f.getValuesFromTransformedElement(this.helperContainment),this.dragOffset=this._getDragOffset(e,this.el,this.helperContainment),this._setupHelperStyle(e);const r=f.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),ee&&e.currentTarget&&(e.currentTarget.removeEventListener("touchmove",qe,!0),e.currentTarget.removeEventListener("touchend",Ie,!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=f.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(!f.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",f.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=f.cloneNode(this.el)),e.parentElement||f.appendTo(e,this.option.appendTo==="parent"?this.el.parentElement:this.option.appendTo),this.dragElementOriginStyle=Ce.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",Ce.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}}}}Ce.originStyleProp=["width","height","transform","transform-origin","transition","pointerEvents","position","left","top","minWidth","willChange"];class Pi extends Qe{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),ee&&(this.el.addEventListener("pointerenter",Dt),this.el.addEventListener("pointerleave",zt)))}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),ee&&(this.el.removeEventListener("pointerenter",Dt),this.el.removeEventListener("pointerleave",zt)))}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=f.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=f.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=f.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 Ye{static init(e){return e.ddElement||(e.ddElement=new Ye(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 Ce(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 xe(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 Pi(this.el,e),this}cleanDroppable(){return this.ddDroppable&&(this.ddDroppable.destroy(),delete this.ddDroppable),this}}class $i{resizable(e,t,i,s){return this._getDDElements(e,t).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 o=r.el.gridstackNode.grid;let u=r.el.getAttribute("gs-resize-handles")||o.opts.resizable.handles||"e,s,se";u==="all"&&(u="n,e,s,w,se,sw,ne,nw");const c=!o.opts.alwaysShowResizeHandle;r.setupResizable({...o.opts.resizable,handles:u,autoHide:c,start:t.start,stop:t.stop,resize:t.resize})}}),this}draggable(e,t,i,s){return this._getDDElements(e,t).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,t).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){const i=e.gridstack||t!=="destroy"&&t!=="disable",s=f.getElements(e);return s.length?s.map(a=>a.ddElement||(i?Ye.init(a):null)).filter(a=>a):[]}}/*!
5
+ */const li=typeof window<"u";let gt;process.env.NODE_ENV;const pt=process.env.NODE_ENV!=="production"?Symbol("pinia"):Symbol();var yt;(function(l){l.direct="direct",l.patchObject="patch object",l.patchFunction="patch function"})(yt||(yt={})),process.env.NODE_ENV!=="production"?Symbol("pinia:skipHydration"):Symbol();function Ke(l){const e=n.toRaw(l),t={};for(const i in e){const s=e[i];s.effect?t[i]=n.computed({get:()=>l[i],set(r){l[i]=r}}):(n.isRef(s)||n.isReactive(s))&&(t[i]=n.toRef(l,i))}return t}const Q=l=>(l==null?void 0:l.chart.type)==="table",ci=["basic","api_usage","llm_usage","agentic_usage","platform",void 0],di=l=>ci.includes(l);function hi({queryBridge:l,context:e,definition:t,chartData:i}){const s=n.ref(""),r=n.ref(""),a=n.ref(void 0),o=n.ref(void 0),u=he.useAnalyticsConfigStore(),c=he.useDatasourceConfigStore(),{stripUnknownFilters:h,loading:d}=Ke(c),m=n.computed(()=>Q(t.value));n.onMounted(async()=>{var T,O;s.value=await((T=l==null?void 0:l.exploreBaseUrl)==null?void 0:T.call(l))??"",r.value=await((O=l==null?void 0:l.requestsBaseUrl)==null?void 0:O.call(l))??""});const g=n.computed(()=>u.analytics&&u.percentiles),y=n.computed(()=>{const T=t.value.chart.type;return["golden_signals","gauge"].includes(T)?!1:T==="top_n"?e.value.editable||e.value.showTileActions:!0}),_=n.computed(()=>r.value&&t.value.query&&!m.value&&t.value.query.datasource!=="llm_usage"&&t.value.query.datasource!=="platform"&&g.value&&!d.value),p=n.computed(()=>s.value&&t.value.query&&di(t.value.query.datasource)&&g.value&&!d.value),k=n.computed(()=>i.value?A.msToGranularity(i.value.meta.granularity_ms):void 0),S=n.computed(()=>{var z;const T=t.value,O=[...e.value.filters,...T.query.filters??[]],G="metrics"in T.query?T.query.metrics:void 0,D=((z=T.query)==null?void 0:z.datasource)??"api_usage";return h.value({datasource:D,filters:O,queryFields:G})}),b=n.computed(()=>{if(!p.value||!y.value)return"";const T=t.value;if(Q(T))return de({...T.query,filters:S.value});const O=T.query.time_range||e.value.timeSpec,G=K(O,S.value);return de(G)}),H=n.computed(()=>{if(!_.value||!y.value)return"";const T=S.value,O=t.value;if(Q(O))return"";const G=te(O.query.time_range||e.value.timeSpec,T);return L(G)}),L=T=>_.value?`${r.value}?q=${JSON.stringify(T)}`:"",te=(T,O)=>{var z,M,q,U;const G=(M=(z=i.value)==null?void 0:z.meta)!=null&&M.start?new Date(i.value.meta.start):void 0,D=(U=(q=i.value)==null?void 0:q.meta)!=null&&U.end?new Date(i.value.meta.end):void 0;return{filter:O,timeframe:{timePeriodsKey:T.type==="relative"?T.time_range:"custom",start:T.type==="absolute"?G:void 0,end:T.type==="absolute"?D:void 0}}},we=(T,O)=>({filter:O,timeframe:{timePeriodsKey:T.type==="relative"?T.time_range:"custom",start:T.type==="absolute"?T.start:void 0,end:T.type==="absolute"?T.end:void 0}}),K=(T,O)=>{const G=t.value;if(Q(G))throw new Error("Cannot build a chart explore query for table chart definitions");const D=[...G.query.dimensions??[]],z=[...G.query.metrics??[]];return{filters:O,metrics:z,dimensions:D,time_range:T,granularity:G.query.granularity||k.value||void 0}},de=T=>{if(!p.value)return"";const O=t.value.query.datasource&&t.value.query.datasource!=="basic"?t.value.query.datasource:"api_usage";return`${s.value}?q=${JSON.stringify(T)}&d=${O}&c=${t.value.chart.type}`};return n.watch([_,p],([T,O])=>{T&&(a.value={href:""}),O&&(o.value={href:""})}),{exploreLinkKebabMenu:b,requestsLinkKebabMenu:H,canShowKebabMenu:y,canGenerateRequestsLink:_,canGenerateExploreLink:p,requestsLinkZoomActions:a,exploreLinkZoomActions:o,buildExploreQuery:K,buildRequestsQueryZoomActions:we,buildExploreLink:de,buildRequestLink:L}}function ui(){const l=n.inject(se),e=he.useDatasourceConfigStore(),{stripUnknownFilters:t}=Ke(e),i=new AbortController;return n.onUnmounted(()=>{i.abort()}),{issueQuery:async(r,a,o)=>{if(!l)throw new Error("Query bridge is not defined");await e.isReady();const{datasource:u,limit:c,...h}=r,d=u||"basic",m=t.value({datasource:d,filters:[...r.filters??[],...a.filters],queryFields:r.metrics});let g=r.time_range;g?g.tz||(g={...g,tz:a.tz}):g={...a.timeSpec,tz:a.tz};const y={datasource:d,query:{...h,time_range:g,filters:m,limit:o??c}};return l.queryFn(y,i)}}}function fi({context:l,globalFilters:e=n.ref([]),isFullscreen:t=n.ref(!1),preview:i=n.ref(!1)}){const s=he.useAnalyticsConfigStore(),r=n.computed(()=>l.value.timeSpec?l.value.timeSpec:{type:"relative",time_range:s.defaultQueryTimeForOrg}),a=n.computed(()=>{var y,_,p;let{tz:u,refreshInterval:c,editable:h,showTileActions:d}=l.value;const m=[...l.value.filters??[],...e.value];if(u||(u=new Intl.DateTimeFormat().resolvedOptions().timeZone),c===void 0&&(c=lt),t.value){let k=!1;if(r.value.type==="relative")k=["15m","1h","6h","12h","24h"].includes(r.value.time_range);else{const H=r.value.start.getTime(),L=r.value.end.getTime();k=Math.abs(L-H)<=864e5}const S=new Date().getTime();r.value.type==="absolute"&&r.value.end.getTime()<S||r.value.type==="relative"&&["previous_week","previous_month"].includes(r.value.time_range)?c=0:k?c=ct:c=dt}(h===void 0||i.value)&&(h=!1),d===void 0&&(d=!0);const g=!i.value&&!!((p=(_=(y=n.getCurrentInstance())==null?void 0:y.vnode)==null?void 0:_.props)!=null&&p.onTileTimeRangeZoom);return{filters:m,tz:u,timeSpec:r.value,refreshInterval:c,editable:h,showTileActions:d&&!i.value,showTileZoomActions:!i.value,zoomable:g}}),o=n.computed(()=>!!l.value.timeSpec||!s.loading);return{internalContext:a,queryReady:o}}const Y={useContextLinks:hi,useDashboardInternalContext:fi,useEvaluateFeatureFlag:Zt,useI18n:Xt,useIssueQuery:ui,useRequestQueue:ai},Ae=n.defineComponent({__name:"QueryDataProvider",props:{context:{},limitOverride:{},query:{},queryReady:{type:Boolean},refreshCounter:{}},emits:["chart-data","queryComplete"],setup(l,{emit:e}){const t=l,i=e,{i18n:s}=Y.useI18n(),{issueQuery:r}=Y.useIssueQuery(),a=n.inject(se),o=()=>t.queryReady&&a?JSON.stringify([t.query,t.context,t.refreshCounter]):null,{data:u,error:c,isValidating:h}=Kt(o,async()=>{try{const p=await r(t.query,t.context,t.limitOverride);return g.value=null,p}catch(p){throw g.value=ie.handleQueryError(p),p}finally{i("queryComplete")}},{refreshInterval:t.context.refreshInterval,revalidateOnFocus:!1,shouldRetryOnError:!1}),{state:d,swrvState:m}=Qt(u,c,h),g=n.ref(null),y=n.computed(()=>d.value===m.ERROR||!!g.value),_=n.computed(()=>!t.queryReady||d.value===m.PENDING);return n.watch([()=>u.value,()=>d.value],([p,k])=>{p&&(k==="SUCCESS_HAS_DATA"||k==="SUCCESS")&&i("chart-data",p)}),(p,k)=>{var H;const S=n.resolveComponent("KSkeleton"),b=n.resolveComponent("KEmptyState");return _.value||!n.unref(u)&&!y.value?(n.openBlock(),n.createBlock(S,{key:0,class:"chart-skeleton",type:"table"})):y.value?(n.openBlock(),n.createBlock(b,{key:1,"action-button-visible":!1,"data-testid":"chart-empty-state"},n.createSlots({icon:n.withCtx(()=>{var L;return[((L=g.value)==null?void 0:L.type)==="forbidden"?(n.openBlock(),n.createBlock(n.unref(ue.VisibilityOffIcon),{key:0})):(n.openBlock(),n.createBlock(n.unref(ue.WarningOutlineIcon),{key:1}))]}),title:n.withCtx(()=>{var L;return[n.createElementVNode("p",null,n.toDisplayString(((L=g.value)==null?void 0:L.message)||n.unref(s).t("renderer.unexpectedError")),1)]}),_:2},[(H=g.value)!=null&&H.details?{name:"default",fn:n.withCtx(()=>[n.createElementVNode("p",null,n.toDisplayString(g.value.details),1)]),key:"0"}:void 0]),1024)):n.unref(u)?n.renderSlot(p.$slots,"default",{key:2,data:n.unref(u)}):n.createCommentVNode("",!0)}}}),mi=n.defineComponent({__name:"SimpleChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},requestsLink:{},exploreLink:{}},setup(l){const e=l,t=n.computed(()=>e.chartOptions.type==="single_value");return(i,s)=>(n.openBlock(),n.createBlock(Ae,{context:l.context,query:l.query,"query-ready":l.queryReady,"refresh-counter":l.refreshCounter},{default:n.withCtx(({data:r})=>[n.createElementVNode("div",{class:n.normalizeClass(["analytics-chart",{"single-value":t.value}]),style:n.normalizeStyle(t.value?void 0:{height:`${l.height}px`})},[n.createVNode(n.unref(ie.SimpleChart),{"chart-data":r,"chart-options":l.chartOptions,"synthetics-data-key":t.value?void 0:l.chartOptions.synthetics_data_key},null,8,["chart-data","chart-options","synthetics-data-key"])],6)]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),le=(l,e)=>{const t=l.__vccOpts||l;for(const[i,s]of e)t[i]=s;return t},_t=le(mi,[["__scopeId","data-v-2cbfac70"]]),gi={class:"analytics-chart"},je=le(n.defineComponent({__name:"BaseAnalyticsChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},requestsLink:{},exploreLink:{},extraProps:{}},emits:["edit-tile","chart-data","zoom-time-range","view-requests","select-chart-range"],setup(l,{emit:e}){const t=l,i=e,{i18n:s}=Y.useI18n(),r=n.computed(()=>({type:t.chartOptions.type,stacked:t.chartOptions.stacked??!1,chartDatasetColors:t.chartOptions.chart_dataset_colors,threshold:t.chartOptions.threshold,hideTruncationWarning:t.query.limit!==void 0&&t.query.limit>0})),a=n.computed(()=>t.context.zoomable),o=()=>{i("edit-tile")},u=c=>{i("chart-data",c)};return(c,h)=>{const d=n.resolveComponent("KDropdownItem");return n.openBlock(),n.createBlock(Ae,{context:l.context,query:l.query,"query-ready":l.queryReady,"refresh-counter":l.refreshCounter,onChartData:u},{default:n.withCtx(({data:m})=>[n.createElementVNode("div",gi,[n.createVNode(n.unref(ie.AnalyticsChart),n.mergeProps({"chart-data":m,"chart-options":r.value,"explore-link":l.exploreLink,"legend-position":"bottom","requests-link":l.requestsLink,"synthetics-data-key":l.chartOptions.synthetics_data_key,"timeseries-zoom":a.value,"tooltip-title":""},l.extraProps,{onSelectChartRange:h[0]||(h[0]=g=>i("select-chart-range",g)),onZoomTimeRange:h[1]||(h[1]=g=>i("zoom-time-range",g))}),n.createSlots({_:2},[l.context.editable?{name:"menu-items",fn:n.withCtx(()=>[n.createVNode(d,{onClick:o},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(s).t("renderer.edit")),1)]),_:1})]),key:"0"}:void 0]),1040,["chart-data","chart-options","explore-link","requests-link","synthetics-data-key","timeseries-zoom"])])]),_:1},8,["context","query","query-ready","refresh-counter"])}}}),[["__scopeId","data-v-e1e7f610"]]),bt=n.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},requestsLink:{},exploreLink:{}},setup(l){return(e,t)=>(n.openBlock(),n.createBlock(je,{"chart-options":l.chartOptions,context:l.context,"extra-props":{showAnnotations:!1},height:l.height,query:l.query,"query-ready":l.queryReady,"refresh-counter":l.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),vt=n.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},requestsLink:{},exploreLink:{}},emits:["zoom-time-range","select-chart-range"],setup(l,{emit:e}){const t=e;return(i,s)=>(n.openBlock(),n.createBlock(je,{"chart-options":l.chartOptions,context:l.context,"explore-link":l.exploreLink,height:l.height,query:l.query,"query-ready":l.queryReady,"refresh-counter":l.refreshCounter,"requests-link":l.requestsLink,onSelectChartRange:s[0]||(s[0]=r=>t("select-chart-range",r)),onZoomTimeRange:s[1]||(s[1]=r=>t("zoom-time-range",r))},null,8,["chart-options","context","explore-link","height","query","query-ready","refresh-counter","requests-link"]))}}),pi=le(n.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},requestsLink:{},exploreLink:{}},setup(l){const e=l,t=n.computed(()=>{var s,r;const i=(s=e.query)==null?void 0:s.datasource;if(i&&i!=="api_usage"&&i!=="basic")throw new Error(`Invalid datasource value: ${i}`);return{datasource:(r=e.query)==null?void 0:r.datasource,overrideTimeRange:e.context.timeSpec,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(i,s)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["metric-card-tile-wrapper",{titled:!!e.chartOptions.chart_title}])},[n.createVNode(n.unref(Ne.MetricsProvider),n.normalizeProps(n.guardReactiveProps(t.value)),{default:n.withCtx(()=>[n.createVNode(n.unref(Ne.MetricsConsumer))]),_:1},16)],2))}}),[["__scopeId","data-v-b77f52b8"]]),yi={class:"fallback-entity-link","data-testid":"entity-link-parent"},wt=n.defineComponent({__name:"FallbackEntityLink",props:{entityLinkData:{}},setup(l){return(e,t)=>(n.openBlock(),n.createElementBlock("div",yi,n.toDisplayString(l.entityLinkData.label),1))}}),_i={key:0},bi={key:1},vi=n.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},requestsLink:{},exploreLink:{}},setup(l){const e=l,t=n.inject(se),i=n.defineAsyncComponent(async()=>{if(t!=null&&t.fetchComponent)try{return await t.fetchComponent("EntityLink")}catch{return wt}return wt}),s=n.computed(()=>!!e.chartOptions.entity_link||!!Object.keys(e.chartOptions.entity_links||{}).length),r=c=>{var d;const h=e.chartOptions.entity_links;return h&&(h[c]||((d=Object.entries(h).find(([m])=>m.toLowerCase()===c.toLowerCase()))==null?void 0:d[1]))||""},a=c=>{var d,m;const h=(m=(d=c.dimensions)==null?void 0:d[0])==null?void 0:m.dimension;return!h||h===c.dimension},o=c=>r(c.dimension)||a(c)&&e.chartOptions.entity_link||"",u=c=>{const h=o(c);if(h)if(c.id.includes(":")){const[d,m]=c.id.split(":");return h.replace(ot,d).replace(Ve,m)}else return h.replace(Ve,c.id);return""};return(c,h)=>(n.openBlock(),n.createBlock(Ae,{context:l.context,query:l.query,"query-ready":l.queryReady,"refresh-counter":l.refreshCounter},{default:n.withCtx(({data:d})=>[n.createVNode(n.unref(ie.TopNTable),{data:d,"synthetics-data-key":l.chartOptions.synthetics_data_key},n.createSlots({_:2},[s.value?{name:"name",fn:n.withCtx(({record:m})=>[!m.isEmpty&&o(m)?(n.openBlock(),n.createBlock(n.unref(i),{key:0,"entity-link-data":{id:m.id,label:m.name,deleted:m.deleted},"external-link":u(m)},null,8,["entity-link-data","external-link"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[m.name==="empty"?(n.openBlock(),n.createElementBlock("i",_i,n.toDisplayString(m.name),1)):(n.openBlock(),n.createElementBlock("span",bi,n.toDisplayString(m.name),1))],64))]),key:"0"}:void 0]),1032,["data","synthetics-data-key"])]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),wi=l=>l.records.map(e=>{const t={...e};return Object.entries(e).forEach(([i,s])=>{var a,o,u;if(s===null)return;const r=(u=(o=(a=l.meta.display)==null?void 0:a[i])==null?void 0:o[String(s)])==null?void 0:u.name;r&&(t[i]=r)}),t}),Ei={platform:({canTranslate:l,columns:e,translate:t})=>e.map(i=>{const s=`chartLabels.${i}`;return{key:i,label:l(s)?t(s):i}})},xi={platform:async({abortController:l,context:e,cursor:t,pageSize:i,query:s,onResponseColumns:r,stripUnknownFilters:a,tabularQueryFn:o})=>{var d;if(!o)throw new Error("AnalyticsBridge.tabularQueryFn is not defined");const u=s.query,c=a({datasource:"platform",filters:[...u.filters??[],...e.filters],queryFields:u.entity===void 0?void 0:[u.entity]}),h=await o({datasource:s.datasource,query:{columns:u.columns,cursor:t===void 0?u.cursor:String(t),entity:u.entity,filters:c,page_size:i}},l);return(d=h.meta.columns)!=null&&d.length&&(r==null||r(h.meta.columns)),{data:wi(h),cursor:h.meta.cursor,hasMore:!!h.meta.cursor}}},Ci=le(n.defineComponent({__name:"TableDataGridRenderer",props:{query:{},context:{},queryReady:{type:Boolean},height:{},refreshCounter:{}},emits:["loading-change"],setup(l,{emit:e}){const t=l,i=e,s=n.inject(se),r=he.useDatasourceConfigStore(),{i18n:a}=Y.useI18n(),o=new AbortController,u=n.ref([]),c=n.ref(!1),h=n.computed(()=>t.height===void 0?void 0:{height:`${t.height}px`}),d=n.computed(()=>({datasource:t.query.datasource,query:{columns:t.query.columns,cursor:t.query.cursor,entity:t.query.entity,filters:t.query.filters,page_size:t.query.page_size}})),m=n.computed(()=>JSON.stringify({refreshCounter:t.refreshCounter,query:{columns:t.query.columns,datasource:t.query.datasource,entity:t.query.entity,filters:t.query.filters,page_size:t.query.page_size},context:{filters:t.context.filters,timeSpec:t.context.timeSpec,tz:t.context.tz}}));n.onUnmounted(()=>{o.abort()});const g=n.computed(()=>{var p;return Ei[t.query.datasource]({columns:(p=t.query.columns)!=null&&p.length?t.query.columns:u.value,translate:k=>a.t(k),canTranslate:k=>a.te(k)})}),y=n.computed(()=>async({cursor:p,pageSize:k})=>{try{await r.isReady();const S=xi[d.value.datasource];if(!S)throw new Error(`No table data grid fetcher found for datasource: ${d.value.datasource}`);const b=await S({abortController:o,context:t.context,cursor:p,pageSize:k,query:d.value,onResponseColumns:H=>{u.value=H},stripUnknownFilters:r.stripUnknownFilters,tabularQueryFn:s==null?void 0:s.tabularQueryFn});return c.value=!1,b}catch(S){throw c.value=!0,S}}),_=p=>{p.state==="error"&&(c.value=!0),i("loading-change",p.state==="loading")};return(p,k)=>{const S=n.resolveComponent("KSkeleton");return n.openBlock(),n.createElementBlock("div",{class:"table-data-grid-renderer",style:n.normalizeStyle(h.value)},[l.queryReady?(n.openBlock(),n.createBlock(n.unref(Vt.TableDataGrid),{key:1,error:c.value,fetcher:y.value,headers:g.value,"page-size":l.query.page_size,"refresh-key":m.value,onState:_},null,8,["error","fetcher","headers","page-size","refresh-key"])):(n.openBlock(),n.createBlock(S,{key:0,"data-testid":"table-skeleton",type:"table"}))],4)}}}),[["__scopeId","data-v-c49ff2eb"]]),Et="#6c7489",ki="12px",xt="20px",Ct="32px",kt="20px",Ri=n.defineComponent({__name:"DonutChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},requestsLink:{},exploreLink:{}},setup(l){return(e,t)=>(n.openBlock(),n.createBlock(je,{"chart-options":l.chartOptions,context:l.context,height:l.height,query:l.query,"query-ready":l.queryReady,"refresh-counter":l.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),Ti=["data-testid"],Si={key:0,class:"tile-header"},Di={class:"badge-container"},zi={class:"badge-text"},Ni={key:0},Li=["data-testid"],Ai=["data-testid"],Oi={class:"delete-option"},Hi=["data-testid"],qi=["data-testid"],Rt=le(n.defineComponent({__name:"DashboardTile",props:n.mergeModels({context:{},definition:{},height:{default:ge},isFullscreen:{type:Boolean},hideActions:{type:Boolean,default:!1},hideZoomActions:{type:Boolean,default:!1},queryReady:{type:Boolean},showRefresh:{type:Boolean,default:!1},tileId:{},tileType:{default:"chart"}},{refreshCounter:{default:0},refreshCounterModifiers:{}}),emits:n.mergeModels(["chart-data","edit-tile","duplicate-tile","remove-tile","tile-time-range-zoom","tile-bounds-change"],["update:refreshCounter"]),setup(l,{expose:e,emit:t}){n.useCssVars(x=>({v55ee0ccc:`${x.height}px`}));const i=parseInt(kt,10),s=l,r=n.useModel(l,"refreshCounter"),a=()=>{S.value=!0,r.value++},o=t,u=n.defineAsyncComponent(()=>Promise.resolve().then(()=>es)),c=n.inject(se),h=he.useDatasourceConfigStore(),{stripUnknownFilters:d}=Ke(h),{i18n:m}=Y.useI18n(),g=n.ref(),y=n.ref({status:"loading"}),_=n.ref(!1),p=n.ref(),k=n.ref(!1),S=n.ref(!0),b=n.computed(()=>s.definition.chart),H=n.computed(()=>"chart_title"in b.value?b.value.chart_title:void 0),L=n.computed(()=>"description"in b.value?b.value.description:void 0),te=n.computed(()=>b.value.type==="slottable"),we=n.computed(()=>Q(s.definition)?!1:!("allow_csv_export"in b.value)||b.value.allow_csv_export!==!1),{exploreLinkKebabMenu:K,requestsLinkKebabMenu:de,canShowKebabMenu:T,canGenerateRequestsLink:O,canGenerateExploreLink:G,requestsLinkZoomActions:D,exploreLinkZoomActions:z,buildExploreQuery:M,buildExploreLink:q,buildRequestLink:U,buildRequestsQueryZoomActions:Xe}=Y.useContextLinks({queryBridge:c,chartData:n.readonly(g),definition:n.toRef(s,"definition"),context:n.readonly(n.toRef(s,"context"))}),{issueQuery:Ze}=Y.useIssueQuery();n.watch(()=>s.definition,async(x,R)=>{await n.nextTick(),p.value&&(k.value=p.value.scrollWidth>p.value.clientWidth);try{JSON.stringify(x==null?void 0:x.query)!==JSON.stringify(R==null?void 0:R.query)&&(S.value=!0)}catch{}},{immediate:!0,deep:!0});const $e=n.computed(()=>m.t("csvExport.defaultFilename")),Fe=n.computed(()=>!!K.value||we.value||s.context.editable),fe=n.computed(()=>!s.hideActions&&T.value&&Fe.value),ts=n.computed(()=>fe.value&&Fe.value&&!s.isFullscreen),is=n.computed(()=>b.value.type==="golden_signals"&&!!L.value),ss={timeseries_line:vt,timeseries_bar:vt,horizontal_bar:bt,vertical_bar:bt,gauge:_t,donut:Ri,golden_signals:pi,top_n:vi,table:Ci,slottable:void 0,single_value:_t,choropleth_map:u},rs=n.computed(()=>{var x,R,B,$;return{...(x=me.value)!=null&&x.rendererEvents.supportsRequests?{"select-chart-range":ys}:{},...(R=me.value)!=null&&R.rendererEvents.supportsZoom?{"zoom-time-range":gs}:{},...(B=me.value)!=null&&B.rendererEvents.supportsBounds?{"bounds-change":ps}:{},...($=me.value)!=null&&$.rendererEvents.supportsLoadingChange?{"loading-change":us}:{}}}),me=n.computed(()=>{var Ht,qt,It;const x=s.definition,R=ss[x.chart.type],B=Q(x),$=!!((Ht=R==null?void 0:R.emits)!=null&&Ht.includes("select-chart-range")),De=!!((qt=R==null?void 0:R.emits)!=null&&qt.includes("zoom-time-range")),ae=x.chart.type==="choropleth_map",Ee=!!((It=R==null?void 0:R.emits)!=null&&It.includes("loading-change")),_s={query:x.query,context:s.context,queryReady:s.queryReady,height:s.height-i*2,refreshCounter:r.value},bs={chartOptions:x.chart,requestsLink:s.hideZoomActions?void 0:D.value,exploreLink:s.hideZoomActions?void 0:z.value};return R&&{component:R,rendererProps:{..._s,...B?{}:bs},rendererEvents:{supportsRequests:$,supportsZoom:De,supportsBounds:ae,supportsLoadingChange:Ee}}}),Je=n.computed(()=>{var B;if(Q(s.definition))return null;const x=s.definition.query,R=x==null?void 0:x.time_range;if((x==null?void 0:x.datasource)==="platform"&&!((B=x.dimensions)!=null&&B.includes("time")))return m.t("renderer.as_of_today");if((R==null?void 0:R.type)==="relative"){const $=A.TimePeriods.get(A.TIMEFRAME_LOOKUP[R.time_range]);return $?$.display:(console.warn("Did not recognize the given relative time range:",R.time_range),R.time_range)}else if((R==null?void 0:R.type)==="absolute"){const $=R.tz||"Etc/UTC";return`${A.formatTime(R.start,{short:!0,tz:$})} - ${A.formatTime(R.end,{short:!0,tz:$})}`}return null}),Nt=n.computed(()=>te.value?!1:[!!H.value,ts.value,!!Je.value,is.value,s.showRefresh].some(Boolean)),Lt=n.computed(()=>g.value?A.msToGranularity(g.value.meta.granularity_ms):void 0),ns=n.computed(()=>["timeseries_line","timeseries_bar"].includes(b.value.type)),At=n.computed(()=>{if(Q(s.definition)||!ns.value||!s.queryReady||S.value)return!1;const x=s.definition.query.granularity;return!x||!Lt.value?!1:x!==Lt.value}),os=n.computed(()=>{var B;const x=A.msToGranularity(((B=g.value)==null?void 0:B.meta.granularity_ms)??0)??"unknown",R=Q(s.definition)?"unknown":s.definition.query.granularity??"unknown";return m.t("query_aged_out_warning",{currentGranularity:m.t(`granularities.${x}`),savedGranularity:m.t(`granularities.${R}`)})}),as=n.computed(()=>{const x=s.definition,R=[...s.context.filters,...x.query.filters??[]],B="metrics"in x.query?x.query.metrics:void 0,$=x.query.datasource??"api_usage";return d.value({datasource:$,filters:R,queryFields:B})}),ls=()=>{o("edit-tile",s.definition)},cs=()=>{o("duplicate-tile",s.definition)},ds=()=>{o("remove-tile",s.definition)},hs=x=>{g.value=x,S.value=!1,o("chart-data",x)},us=x=>{S.value=x},fs=()=>{_.value=!1},Ot=()=>{var B,$;const x=(B=s.definition.query.datasource)==null?void 0:B.startsWith("goap");return(($=c==null?void 0:c.staticConfig)==null?void 0:$.increaseCsvExportLimit)!==!1&&!x?Ze(s.definition.query,s.context,A.EXPORT_RECORD_LIMIT):g.value?Promise.resolve(g.value):new Promise(De=>{const ae=n.watch(g,Ee=>{Ee&&(De(Ee),ae())})})},ms=async()=>{_.value=!0,y.value={status:"loading"};try{const x=await Ot();y.value={status:"success",chartData:x}}catch(x){y.value={status:"error",error:x}}},gs=x=>{const R={tileId:s.tileId.toString(),timeRange:x};o("tile-time-range-zoom",R)},ps=x=>{const R={tileId:s.tileId.toString(),bounds:x};o("tile-bounds-change",R)},ys=x=>{const R=as.value,B=M(x,R);z.value=G.value?{href:q(B)}:void 0,D.value=O.value?{href:U(Xe(x,R))}:void 0};return e({getExportData:Ot}),(x,R)=>{const B=n.resolveComponent("KTooltip"),$=n.resolveComponent("KBadge"),De=n.resolveComponent("KButton"),ae=n.resolveComponent("KDropdownItem"),Ee=n.resolveComponent("KDropdown");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["tile-boundary",{editable:l.context.editable,headless:!Nt.value}]),"data-testid":`tile-${l.tileId}`},[Nt.value&&!te.value?(n.openBlock(),n.createElementBlock("div",Si,[n.createVNode(B,{class:"title-tooltip",disabled:!k.value,"max-width":"500",text:H.value},{default:n.withCtx(()=>[n.createElementVNode("div",{ref_key:"titleRef",ref:p,class:"title"},n.toDisplayString(H.value),513)]),_:1},8,["disabled","text"]),n.createElementVNode("div",Di,[Je.value?(n.openBlock(),n.createBlock($,{key:0,"data-testid":"time-range-badge",tooltip:At.value?os.value:void 0,"tooltip-attributes":{maxWidth:"320px"}},n.createSlots({default:n.withCtx(()=>[n.createElementVNode("span",zi,n.toDisplayString(Je.value),1)]),_:2},[At.value?{name:"icon",fn:n.withCtx(()=>[n.createVNode(n.unref(ue.WarningIcon),{size:`var(--kui-icon-size-20, ${n.unref(ki)})`},null,8,["size"])]),key:"0"}:void 0]),1032,["tooltip"])):n.createCommentVNode("",!0)]),l.showRefresh?(n.openBlock(),n.createElementBlock("div",Ni,[n.createVNode(De,{appearance:"secondary",class:"refresh-button","data-testid":`tile-refresh-button-${l.tileId}`,disabled:S.value,icon:"",size:"small",onClick:a},{default:n.withCtx(()=>[S.value?(n.openBlock(),n.createBlock(n.unref(ue.ProgressIcon),{key:0,role:"button",size:`var(--kui-icon-size-60, ${n.unref(Ct)})`,tabindex:"0"},null,8,["size"])):(n.openBlock(),n.createBlock(n.unref(ue.RefreshIcon),{key:1,role:"button",size:`var(--kui-icon-size-60, ${n.unref(Ct)})`,tabindex:"0"},null,8,["size"]))]),_:1},8,["data-testid","disabled"])])):n.createCommentVNode("",!0),fe.value?(n.openBlock(),n.createElementBlock("div",{key:1,class:"tile-actions","data-testid":`tile-actions-${l.tileId}`},[fe.value&&l.context.editable&&!l.isFullscreen?(n.openBlock(),n.createBlock(n.unref(ue.EditIcon),{key:0,class:"edit-icon",color:`var(--kui-color-text-neutral, ${n.unref(Et)})`,"data-testid":`edit-tile-${l.tileId}`,size:`var(--kui-icon-size-40, ${n.unref(xt)})`,onClick:ls},null,8,["color","data-testid","size"])):n.createCommentVNode("",!0),fe.value&&Fe.value&&!l.isFullscreen?(n.openBlock(),n.createBlock(Ee,{key:1,class:"dropdown","data-testid":`chart-action-menu-${l.tileId}`,"kpop-attributes":{placement:"bottom-end"}},{items:n.withCtx(()=>[n.unref(K)?(n.openBlock(),n.createBlock(ae,{key:0,"data-testid":`chart-jump-to-explore-${l.tileId}`,item:{label:n.unref(m).t("jumpToExplore"),to:n.unref(K)}},null,8,["data-testid","item"])):n.createCommentVNode("",!0),!n.unref(Q)(l.definition)&&n.unref(de)?(n.openBlock(),n.createBlock(ae,{key:1,"data-testid":`chart-jump-to-requests-${l.tileId}`,item:{label:n.unref(m).t("jumpToRequests"),to:n.unref(de)}},null,8,["data-testid","item"])):n.createCommentVNode("",!0),we.value?(n.openBlock(),n.createBlock(ae,{key:2,class:"chart-export-button","data-testid":`chart-csv-export-${l.tileId}`,onClick:ms},{default:n.withCtx(()=>[n.createElementVNode("span",{class:"chart-export-trigger","data-testid":`csv-export-button-${l.tileId}`},n.toDisplayString(n.unref(m).t("csvExport.exportAsCsv")),9,Ai)]),_:1},8,["data-testid"])):n.createCommentVNode("",!0),l.context.editable?(n.openBlock(),n.createBlock(ae,{key:3,"data-testid":`duplicate-tile-${l.tileId}`,onClick:cs},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(m).t("renderer.duplicateTile")),1)]),_:1},8,["data-testid"])):n.createCommentVNode("",!0),l.context.editable?(n.openBlock(),n.createBlock(ae,{key:4,"data-testid":`remove-tile-${l.tileId}`,onClick:ds},{default:n.withCtx(()=>[n.createElementVNode("span",Oi,n.toDisplayString(n.unref(m).t("renderer.delete")),1)]),_:1},8,["data-testid"])):n.createCommentVNode("",!0)]),default:n.withCtx(()=>[n.createVNode(n.unref(ue.MoreIcon),{class:"kebab-action-menu",color:`var(--kui-color-text-neutral, ${n.unref(Et)})`,"data-testid":`kebab-action-menu-${l.tileId}`,size:`var(--kui-icon-size-40, ${n.unref(xt)})`},null,8,["color","data-testid","size"])]),_:1},8,["data-testid"])):n.createCommentVNode("",!0)],8,Li)):L.value?(n.openBlock(),n.createElementBlock("div",{key:2,class:"header-description","data-testid":`tile-description-${l.tileId}`},n.toDisplayString(L.value),9,Hi)):n.createCommentVNode("",!0),_.value?(n.openBlock(),n.createBlock(n.unref(ie.CsvExportModal),{key:3,"data-testid":`csv-export-modal-${l.tileId}`,"export-state":y.value,filename:$e.value,onCloseModal:fs},null,8,["data-testid","export-state","filename"])):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0),n.createElementVNode("div",{class:n.normalizeClass(["tile-content",`type-${l.tileType}-${b.value.type}`]),"data-testid":`tile-content-${l.tileId}`},[me.value?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(me.value.component),n.mergeProps({key:0},me.value.rendererProps,n.toHandlers(rs.value),{onChartData:hs}),null,16)):n.createCommentVNode("",!0)],10,qi)],10,Ti)}}}),[["__scopeId","data-v-ca900eba"]]),Ii=(l,e)=>{let t=0;const i=new Map;e.forEach(r=>{const a=r.layout.position.row,o=i.get(a),u=r.layout.size.rows===1&&!!r.layout.size.fit_to_content;t=Math.max(t,a+r.layout.size.rows),o===void 0?i.set(a,u):i.set(a,o&&u)});const s=[];for(let r=0;r<t;r++)i.get(r)?s.push("auto"):s.push(`${l}px`);return s},Tt=le(n.defineComponent({__name:"GridLayout",props:{tileHeight:{type:Number,required:!1,default:()=>ge},columns:{type:Number,required:!1,default:()=>Le},tiles:{type:Array,required:!0}},setup(l){n.useCssVars(o=>({v821fda82:e.columns,v0870d42d:r.value}));const e=l,t=n.ref(null),i=n.ref(0),s=new ResizeObserver(o=>{window.requestAnimationFrame(()=>{!Array.isArray(o)||!o.length||(i.value=o[0].contentRect.width)})});n.onMounted(()=>{t.value&&s.observe(t.value)}),n.onUnmounted(()=>{t.value&&s.unobserve(t.value)});const r=n.computed(()=>Ii(e.tileHeight,e.tiles).join(" ")),a=n.computed(()=>e.tiles.map((o,u)=>({key:`tile-${u}`,tile:o,style:{"grid-column-start":o.layout.position.col+1,"grid-column-end":o.layout.position.col+1+o.layout.size.cols,"grid-row-start":o.layout.position.row+1,"grid-row-end":o.layout.position.row+1+o.layout.size.rows}})));return(o,u)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"gridContainer",ref:t,class:"kong-ui-public-grid-layout"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(a.value,c=>(n.openBlock(),n.createElementBlock("div",{key:c.key,class:n.normalizeClass(["grid-cell",{"empty-cell":!c.tile}]),style:n.normalizeStyle(c.style)},[n.renderSlot(o.$slots,"tile",{style:n.normalizeStyle(c.style),tile:c.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-0271a8b9"]]);function Mi(l,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(l,a));return r.prototype=e.prototype,r}class f{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 lazyLoad(e){var t,i;return e.lazyLoad||((i=(t=e.grid)==null?void 0:t.opts)==null?void 0:i.lazyLoad)&&e.lazyLoad!==!1}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 f.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&&(f.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,o=s.top,u=this.getScrollElement(e);if(u!==null){const c=u.scrollTop;s.top<0&&i<0?e.offsetHeight>r?u.scrollTop+=i:u.scrollTop+=Math.abs(o)>Math.abs(i)?i:o:i>0&&(e.offsetHeight>r?u.scrollTop+=i:u.scrollTop+=a>i?i:a),t.top+=u.scrollTop-c}}}static updateScrollResize(e,t,i){const s=this.getScrollElement(t),r=s.clientHeight,a=s===this.getScrollElement()?0:s.getBoundingClientRect().top,o=e.clientY-a,u=o<i,c=o>r-i;u?s.scrollBy({behavior:"smooth",top:o-i}):c&&s.scrollBy({behavior:"smooth",top:i-(r-o)})}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=f.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]=f.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=f.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=e,r=new MouseEvent(t,{bubbles:!0,composed:!0,cancelable:!0,view:window,detail:1,screenX:e.screenX,screenY:e.screenY,clientX:e.clientX,clientY:e.clientY,ctrlKey:s.ctrlKey??!1,altKey:s.altKey??!1,shiftKey:s.shiftKey??!1,metaKey:s.metaKey??!1,button:0,relatedTarget:e.target});(i||e.target).dispatchEvent(r)}static getValuesFromTransformedElement(e){const t=document.createElement("div");f.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 re{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 o={nested:!0,pack:!1};let u=0;for(;i=i||this.collide(e,r,s.skip);){if(u++>this.nodes.length*2)throw new Error("Infinite collide check");let c;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,...o};c=this._loading&&f.samePos(e,h)?!0:this.moveNode(e,h),(i.locked||this._loading)&&c?f.copyPos(t,e):!i.locked&&c&&s.pack&&(this._packNodes(),t.y=i.y+i.h,f.copyPos(e,t)),a=a||c}else c=this.moveNode(i,{...i,y:t.y+t.h,skip:e,...o});if(!c)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&&f.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&&f.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,o=.5;for(let u of i){if(u.locked||!u._rect)break;const c=u._rect;let h=Number.MAX_VALUE,d=Number.MAX_VALUE;s.y<c.y?h=(r.y+r.h-c.y)/c.h:s.y+s.h>c.y+c.h&&(h=(c.y+c.h-r.y)/c.h),s.x<c.x?d=(r.x+r.w-c.x)/c.w:s.x+s.w>c.x+c.w&&(d=(c.x+c.w-r.x)/c.w);const m=Math.min(d,h);m>o&&(o=m,a=u)}return t.collide=a,a}cacheRects(e,t,i,s,r,a){return this.nodes.forEach(o=>o._rect={y:o.y*t+i,x:o.x*e+a,w:o.w*e-a-s,h:o.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=f.isTouching(e,t)))return i();if(s!==!1){if(e.w===t.w&&e.x===t.x&&(s||(s=f.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=f.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,o,u)=>{let c;a.locked||(a.autoPosition=!0,e==="list"&&o&&(c=u[o-1])),this.addNode(a,!1,c)}),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=f.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??re._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 f.defaults(e,s),e.autoPosition||delete e.autoPosition,e.noResize||delete e.noResize,e.noMove||delete e.noMove,f.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||f.copyPos({},e);if(e.maxW&&(e.w=Math.min(e.w||1,e.maxW)),e.maxH&&(e.h=Math.min(e.h||1,e.maxH)),e.minW&&(e.w=Math.max(e.w||1,e.minW)),e.minH&&(e.h=Math.max(e.h||1,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),f.samePos(e,i)||(e._dirty=!0),this}getDirtyNodes(e){return e?this.nodes.filter(t=>t._dirty&&!f.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=f.copyPos({},e),delete e._dirty}),this._hasLocked=this.nodes.some(e=>e.locked),this}restoreInitial(){return this.nodes.forEach(e=>{!e._orig||f.samePos(e,e._orig)||(f.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 o=r;!a;++o){const u=o%i,c=Math.floor(o/i);if(u+e.w>i)continue;const h={x:u,y:c,w:e.w,h:e.h};t.find(d=>f.isIntercepted(h,d))||((e.x!==u||e.y!==c)&&(e._dirty=!0),e.x=u,e.y=c,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 re({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 o=this.nodes.find(u=>u._id===a._id);o&&(f.copyPos(o,a),o._dirty=!0)}),this._notify(),!0):!1}willItFit(e){if(delete e._willFitPos,!this.maxRow)return!0;const t=new re({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=f.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 c,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=f.copyPos({},e,!0);if(f.copyPos(r,t),this.nodeBoundFix(r,s),f.copyPos(t,r),!t.forceCollide&&f.samePos(e,t))return!1;const a=f.copyPos({},e),o=this.collideAll(e,r,t.skip);let u=!0;if(o.length){const d=e._moving&&!t.nested;let m=d?this.directionCollideCoverage(e,t,o):o[0];if(d&&m&&((h=(c=e.grid)==null?void 0:c.opts)!=null&&h.subGridDynamic)&&!e.grid._isTemp){const g=f.areaIntercept(t.rect,m._rect),y=f.area(t.rect),_=f.area(m._rect);g/(y<_?y:_)>.8&&(m.grid.makeSubGrid(m.el,void 0,e),m=void 0)}m?u=!this._fixCollisions(e,r,m,t):(u=!1,i&&delete t.pack)}return u&&!f.samePos(e,r)&&(e._dirty=!0,f.copyPos(e,r)),t.pack&&this._packNodes()._notify(),!f.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(o=>{const u=s==null?void 0:s.find(h=>h._id===o._id),c={...o,...u||{}};f.removeInternalForSave(c,!e),t&&t(o,c),r.push(c)}),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(o=>o._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 o;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:f.sort(this.nodes,-1);if(t>e&&this._layouts){const u=this._layouts[t]||[],c=this._layouts.length-1;!u.length&&e!==c&&((o=this._layouts[c])!=null&&o.length)&&(e=c,this._layouts[c].forEach(h=>{const d=a.find(m=>m._id===h._id);d&&(!s&&!h.autoPosition&&(d.x=h.x??d.x,d.y=h.y??d.y),d.w=h.w??d.w,(h.x==null||h.y===void 0)&&(d.autoPosition=!0))})),u.forEach(h=>{const d=a.findIndex(m=>m._id===h._id);if(d!==-1){const m=a[d];if(s){m.w=h.w;return}(h.autoPosition||isNaN(h.x)||isNaN(h.y))&&this.findEmptyPosition(h,r),h.autoPosition||(m.x=h.x??m.x,m.y=h.y??m.y,m.w=h.w??m.w,r.push(m)),a.splice(d,1)}})}if(s)this.compact(i,!1);else{if(a.length)if(typeof i=="function")i(t,e,r,a);else{const u=s||i==="none"?1:t/e,c=i==="move"||i==="moveScale",h=i==="scale"||i==="moveScale";a.forEach(d=>{d.x=t===1?0:c?Math.round(d.x*u):Math.min(d.x,t-1),d.w=t===1||e===1?1:h?Math.round(d.w*u)||1:Math.min(d.w,t),r.push(d)}),a=[]}r=f.sort(r,-1),this._inColumnResize=!0,this.nodes=[],r.forEach(u=>{this.addNode(u,!1),delete u._orig})}return this.nodes.forEach(u=>delete u._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 o=r.id?this.nodes.find(u=>u.id===r.id):void 0;r._id=(o==null?void 0:o._id)??re._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??re._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}}re._idSeq=0;const j={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 ee=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 ne{}function Oe(l,e){l.touches.length>1||(l.cancelable&&l.preventDefault(),f.simulateMouseEvent(l.changedTouches[0],e))}function St(l,e){l.cancelable&&l.preventDefault(),f.simulateMouseEvent(l,e)}function He(l){ne.touchHandled||(ne.touchHandled=!0,Oe(l,"mousedown"))}function qe(l){ne.touchHandled&&Oe(l,"mousemove")}function Ie(l){if(!ne.touchHandled)return;ne.pointerLeaveTimeout&&(window.clearTimeout(ne.pointerLeaveTimeout),delete ne.pointerLeaveTimeout);const e=!!C.dragElement;Oe(l,"mouseup"),e||Oe(l,"click"),ne.touchHandled=!1}function Me(l){l.pointerType!=="mouse"&&l.target.releasePointerCapture(l.pointerId)}function Dt(l){C.dragElement&&l.pointerType!=="mouse"&&St(l,"mouseenter")}function zt(l){C.dragElement&&l.pointerType!=="mouse"&&(ne.pointerLeaveTimeout=window.setTimeout(()=>{delete ne.pointerLeaveTimeout,St(l,"mouseleave")},10))}class Be{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(`${Be.prefix}${this.dir}`),e.style.zIndex="100",e.style.userSelect="none",this.host.appendChild(this.el),this.el.addEventListener("mousedown",this._mouseDown),ee&&(this.el.addEventListener("touchstart",He),this.el.addEventListener("pointerdown",Me)),this}destroy(){return this.moving&&this._mouseUp(this.mouseDownEvent),this.el.removeEventListener("mousedown",this._mouseDown),ee&&(this.el.removeEventListener("touchstart",He),this.el.removeEventListener("pointerdown",Me)),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),ee&&(this.el.addEventListener("touchmove",qe),this.el.addEventListener("touchend",Ie)),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),ee&&(this.el.removeEventListener("touchmove",qe),this.el.removeEventListener("touchend",Ie)),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}}Be.prefix="ui-resizable-";class Qe{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 xe extends Qe{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 Be(this.el,e,{start:t=>{this._resizeStart(t)},stop:t=>{this._resizeStop(t)},move:t=>{this._resizing(t,e)}})),this}_resizeStart(e){this.sizeToContent=f.shouldSizeToContent(this.el.gridstackNode,!0),this.originalRect=this.el.getBoundingClientRect(),this.scrollEl=f.getScrollElement(this.el),this.scrollY=this.scrollEl.scrollTop,this.scrolled=0,this.startEvent=e,this._setupHelper(),this._applyChange();const t=f.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=f.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=f.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=xe._originStyleProp.map(i=>this.el.style[i]),this.parentOriginStylePosition=this.el.parentElement.style.position;const e=this.el.parentElement,t=f.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 xe._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 o,u;t.indexOf("e")>-1?s.width+=r:t.indexOf("w")>-1&&(s.width-=r,s.left+=r,o=!0),t.indexOf("s")>-1?s.height+=a:t.indexOf("n")>-1&&(s.height-=a,s.top+=a,u=!0);const c=this._constrainSize(s.width,s.height,o,u);return Math.round(s.width)!==Math.round(c.width)&&(t.indexOf("w")>-1&&(s.left+=s.width-c.width),s.width=c.width),Math.round(s.height)!==Math.round(c.height)&&(t.indexOf("n")>-1&&(s.top+=s.height-c.height),s.height=c.height),s}_constrainSize(e,t,i,s){const r=this.option,a=(i?r.maxWidthMoveLeft:r.maxWidth)||Number.MAX_SAFE_INTEGER,o=r.minWidth/this.rectScale.x||e,u=(s?r.maxHeightMoveUp:r.maxHeight)||Number.MAX_SAFE_INTEGER,c=r.minHeight/this.rectScale.y||t,h=Math.min(a,Math.max(o,e)),d=Math.min(u,Math.max(c,t));return{width:h,height:d}}_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}}xe._originStyleProp=["width","height","position","left","top","opacity","zIndex"];const Bi='input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';class Ce extends Qe{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),ee&&(e.addEventListener("touchstart",He),e.addEventListener("pointerdown",Me))}),this.el.classList.remove("ui-draggable-disabled"))}disable(e=!1){this.disabled!==!0&&(super.disable(),this.dragEls.forEach(t=>{t.removeEventListener("mousedown",this._mouseDown),ee&&(t.removeEventListener("touchstart",He),t.removeEventListener("pointerdown",Me))}),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(Bi)||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),ee&&(e.currentTarget.addEventListener("touchmove",qe),e.currentTarget.addEventListener("touchend",Ie)),e.preventDefault(),document.activeElement&&document.activeElement.blur(),C.mouseHandled=!0),!0}_callDrag(e){if(!this.dragging)return;const t=f.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=f.getValuesFromTransformedElement(this.helperContainment),this.dragOffset=this._getDragOffset(e,this.el,this.helperContainment),this._setupHelperStyle(e);const r=f.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),ee&&e.currentTarget&&(e.currentTarget.removeEventListener("touchmove",qe,!0),e.currentTarget.removeEventListener("touchend",Ie,!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=f.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(!f.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",f.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=f.cloneNode(this.el)),e.parentElement||f.appendTo(e,this.option.appendTo==="parent"?this.el.parentElement:this.option.appendTo),this.dragElementOriginStyle=Ce.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",Ce.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}}}}Ce.originStyleProp=["width","height","transform","transform-origin","transition","pointerEvents","position","left","top","minWidth","willChange"];class Pi extends Qe{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),ee&&(this.el.addEventListener("pointerenter",Dt),this.el.addEventListener("pointerleave",zt)))}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),ee&&(this.el.removeEventListener("pointerenter",Dt),this.el.removeEventListener("pointerleave",zt)))}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=f.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=f.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=f.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 Ye{static init(e){return e.ddElement||(e.ddElement=new Ye(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 Ce(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 xe(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 Pi(this.el,e),this}cleanDroppable(){return this.ddDroppable&&(this.ddDroppable.destroy(),delete this.ddDroppable),this}}class $i{resizable(e,t,i,s){return this._getDDElements(e,t).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 o=r.el.gridstackNode.grid;let u=r.el.getAttribute("gs-resize-handles")||o.opts.resizable.handles||"e,s,se";u==="all"&&(u="n,e,s,w,se,sw,ne,nw");const c=!o.opts.alwaysShowResizeHandle;r.setupResizable({...o.opts.resizable,handles:u,autoHide:c,start:t.start,stop:t.stop,resize:t.resize})}}),this}draggable(e,t,i,s){return this._getDDElements(e,t).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,t).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){const i=e.gridstack||t!=="destroy"&&t!=="disable",s=f.getElements(e);return s.length?s.map(a=>a.ddElement||(i?Ye.init(a):null)).filter(a=>a):[]}}/*!
6
6
  * GridStack 11.5.1
7
7
  * https://gridstackjs.com/
8
8
  *