@kong-ui-public/dashboard-renderer 8.26.4 → 8.26.5
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.
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
(function(j,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("@kong-ui-public/analytics-utilities"),require("@kong/icons"),require("@kong-ui-public/analytics-chart"),require("swrv"),require("@kong-ui-public/analytics-metric-provider"),require("@kong-ui-public/table-data-grid"),require("@kong-ui-public/analytics-config-store"),require("@kong/kongponents"),require("axios"),require("@kong-ui-public/i18n"),require("@kong-ui-public/analytics-geo-map")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/analytics-utilities","@kong/icons","@kong-ui-public/analytics-chart","swrv","@kong-ui-public/analytics-metric-provider","@kong-ui-public/table-data-grid","@kong-ui-public/analytics-config-store","@kong/kongponents","axios","@kong-ui-public/i18n","@kong-ui-public/analytics-geo-map"],o):(j=typeof globalThis<"u"?globalThis:j||self,o(j["kong-ui-public-dashboard-renderer"]={},j.Vue,j["kong-ui-public-analytics-utilities"],j.KongIcons,j["kong-ui-public-analytics-chart"],j.swrv,j["kong-ui-public-analytics-metric-provider"],j["kong-ui-public-table-data-grid"],j["kong-ui-public-analytics-config-store"],j.Kongponents,j.axios,j["kong-ui-public-i18n"],j["kong-ui-public-analytics-geo-map"]))})(this,(function(j,o,oe,ve,qe,zt,Lt,Yi,Ne,Vi,no,At,It){"use strict";const ji={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},Ki=(n,e,t)=>{let i;const r=ji[n];return typeof r=="string"?i=r:e===1?i=r.one:i=r.other.replace("{{count}}",e.toString()),t?.addSuffix?t.comparison&&t.comparison>0?"in "+i:i+" ago":i};function mt(n){return(e={})=>{const t=e.width?String(e.width):n.defaultWidth;return n.formats[t]||n.formats[n.defaultWidth]}}const Xi={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},Qi={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},Zi={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},Ji={date:mt({formats:Xi,defaultWidth:"full"}),time:mt({formats:Qi,defaultWidth:"full"}),dateTime:mt({formats:Zi,defaultWidth:"full"})},en={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},tn=(n,e,t,i)=>en[n];function Ye(n){return(e,t)=>{const i=t?.context?String(t.context):"standalone";let r;if(i==="formatting"&&n.formattingValues){const a=n.defaultFormattingWidth||n.defaultWidth,l=t?.width?String(t.width):a;r=n.formattingValues[l]||n.formattingValues[a]}else{const a=n.defaultWidth,l=t?.width?String(t.width):n.defaultWidth;r=n.values[l]||n.values[a]}const s=n.argumentCallback?n.argumentCallback(e):e;return r[s]}}const nn={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},rn={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},sn={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},on={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},an={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},ln={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},cn={ordinalNumber:(n,e)=>{const t=Number(n),i=t%100;if(i>20||i<10)switch(i%10){case 1:return t+"st";case 2:return t+"nd";case 3:return t+"rd"}return t+"th"},era:Ye({values:nn,defaultWidth:"wide"}),quarter:Ye({values:rn,defaultWidth:"wide",argumentCallback:n=>n-1}),month:Ye({values:sn,defaultWidth:"wide"}),day:Ye({values:on,defaultWidth:"wide"}),dayPeriod:Ye({values:an,defaultWidth:"wide",formattingValues:ln,defaultFormattingWidth:"wide"})};function Ve(n){return(e,t={})=>{const i=t.width,r=i&&n.matchPatterns[i]||n.matchPatterns[n.defaultMatchWidth],s=e.match(r);if(!s)return null;const a=s[0],l=i&&n.parsePatterns[i]||n.parsePatterns[n.defaultParseWidth],d=Array.isArray(l)?dn(l,h=>h.test(a)):un(l,h=>h.test(a));let c;c=n.valueCallback?n.valueCallback(d):d,c=t.valueCallback?t.valueCallback(c):c;const u=e.slice(a.length);return{value:c,rest:u}}}function un(n,e){for(const t in n)if(Object.prototype.hasOwnProperty.call(n,t)&&e(n[t]))return t}function dn(n,e){for(let t=0;t<n.length;t++)if(e(n[t]))return t}function hn(n){return(e,t={})=>{const i=e.match(n.matchPattern);if(!i)return null;const r=i[0],s=e.match(n.parsePattern);if(!s)return null;let a=n.valueCallback?n.valueCallback(s[0]):s[0];a=t.valueCallback?t.valueCallback(a):a;const l=e.slice(r.length);return{value:a,rest:l}}}const fn=/^(\d+)(th|st|nd|rd)?/i,mn=/\d+/i,pn={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},gn={any:[/^b/i,/^(a|c)/i]},yn={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},_n={any:[/1/i,/2/i,/3/i,/4/i]},wn={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},bn={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},vn={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},En={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},xn={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},Cn={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},kn={ordinalNumber:hn({matchPattern:fn,parsePattern:mn,valueCallback:n=>parseInt(n,10)}),era:Ve({matchPatterns:pn,defaultMatchWidth:"wide",parsePatterns:gn,defaultParseWidth:"any"}),quarter:Ve({matchPatterns:yn,defaultMatchWidth:"wide",parsePatterns:_n,defaultParseWidth:"any",valueCallback:n=>n+1}),month:Ve({matchPatterns:wn,defaultMatchWidth:"wide",parsePatterns:bn,defaultParseWidth:"any"}),day:Ve({matchPatterns:vn,defaultMatchWidth:"wide",parsePatterns:En,defaultParseWidth:"any"}),dayPeriod:Ve({matchPatterns:xn,defaultMatchWidth:"any",parsePatterns:Cn,defaultParseWidth:"any"})},Tn={code:"en-US",formatDistance:Ki,formatLong:Ji,formatRelative:tn,localize:cn,match:kn,options:{weekStartsOn:0,firstWeekContainsDate:1}};let Rn={};function je(){return Rn}const qt=6048e5,Sn=864e5,Pt=Symbol.for("constructDateFrom");function Me(n,e){return typeof n=="function"?n(e):n&&typeof n=="object"&&Pt in n?n[Pt](e):n instanceof Date?new n.constructor(e):new Date(e)}function Ee(n,e){return Me(e||n,n)}function Bt(n){const e=Ee(n),t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),+n-+t}function Dn(n,...e){const t=Me.bind(null,e.find(i=>typeof i=="object"));return e.map(t)}function Ht(n,e){const t=Ee(n,e?.in);return t.setHours(0,0,0,0),t}function On(n,e,t){const[i,r]=Dn(t?.in,n,e),s=Ht(i),a=Ht(r),l=+s-Bt(s),d=+a-Bt(a);return Math.round((l-d)/Sn)}function Nn(n,e){const t=Ee(n,e?.in);return t.setFullYear(t.getFullYear(),0,1),t.setHours(0,0,0,0),t}function Mn(n,e){const t=Ee(n,e?.in);return On(t,Nn(t))+1}function Ke(n,e){const t=je(),i=e?.weekStartsOn??e?.locale?.options?.weekStartsOn??t.weekStartsOn??t.locale?.options?.weekStartsOn??0,r=Ee(n,e?.in),s=r.getDay(),a=(s<i?7:0)+s-i;return r.setDate(r.getDate()-a),r.setHours(0,0,0,0),r}function tt(n,e){return Ke(n,{...e,weekStartsOn:1})}function Ft(n,e){const t=Ee(n,e?.in),i=t.getFullYear(),r=Me(t,0);r.setFullYear(i+1,0,4),r.setHours(0,0,0,0);const s=tt(r),a=Me(t,0);a.setFullYear(i,0,4),a.setHours(0,0,0,0);const l=tt(a);return t.getTime()>=s.getTime()?i+1:t.getTime()>=l.getTime()?i:i-1}function zn(n,e){const t=Ft(n,e),i=Me(n,0);return i.setFullYear(t,0,4),i.setHours(0,0,0,0),tt(i)}function Ln(n,e){const t=Ee(n,e?.in),i=+tt(t)-+zn(t);return Math.round(i/qt)+1}function $t(n,e){const t=Ee(n,e?.in),i=t.getFullYear(),r=je(),s=e?.firstWeekContainsDate??e?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,a=Me(e?.in||n,0);a.setFullYear(i+1,0,s),a.setHours(0,0,0,0);const l=Ke(a,e),d=Me(e?.in||n,0);d.setFullYear(i,0,s),d.setHours(0,0,0,0);const c=Ke(d,e);return+t>=+l?i+1:+t>=+c?i:i-1}function An(n,e){const t=je(),i=e?.firstWeekContainsDate??e?.locale?.options?.firstWeekContainsDate??t.firstWeekContainsDate??t.locale?.options?.firstWeekContainsDate??1,r=$t(n,e),s=Me(e?.in||n,0);return s.setFullYear(r,0,i),s.setHours(0,0,0,0),Ke(s,e)}function In(n,e){const t=Ee(n,e?.in),i=+Ke(t,e)-+An(t,e);return Math.round(i/qt)+1}function X(n,e){const t=n<0?"-":"",i=Math.abs(n).toString().padStart(e,"0");return t+i}const ze={y(n,e){const t=n.getFullYear(),i=t>0?t:1-t;return X(e==="yy"?i%100:i,e.length)},M(n,e){const t=n.getMonth();return e==="M"?String(t+1):X(t+1,2)},d(n,e){return X(n.getDate(),e.length)},a(n,e){const t=n.getHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return t.toUpperCase();case"aaa":return t;case"aaaaa":return t[0];default:return t==="am"?"a.m.":"p.m."}},h(n,e){return X(n.getHours()%12||12,e.length)},H(n,e){return X(n.getHours(),e.length)},m(n,e){return X(n.getMinutes(),e.length)},s(n,e){return X(n.getSeconds(),e.length)},S(n,e){const t=e.length,i=n.getMilliseconds(),r=Math.trunc(i*Math.pow(10,t-3));return X(r,e.length)}},$e={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},Ut={G:function(n,e,t){const i=n.getFullYear()>0?1:0;switch(e){case"G":case"GG":case"GGG":return t.era(i,{width:"abbreviated"});case"GGGGG":return t.era(i,{width:"narrow"});default:return t.era(i,{width:"wide"})}},y:function(n,e,t){if(e==="yo"){const i=n.getFullYear(),r=i>0?i:1-i;return t.ordinalNumber(r,{unit:"year"})}return ze.y(n,e)},Y:function(n,e,t,i){const r=$t(n,i),s=r>0?r:1-r;if(e==="YY"){const a=s%100;return X(a,2)}return e==="Yo"?t.ordinalNumber(s,{unit:"year"}):X(s,e.length)},R:function(n,e){const t=Ft(n);return X(t,e.length)},u:function(n,e){const t=n.getFullYear();return X(t,e.length)},Q:function(n,e,t){const i=Math.ceil((n.getMonth()+1)/3);switch(e){case"Q":return String(i);case"QQ":return X(i,2);case"Qo":return t.ordinalNumber(i,{unit:"quarter"});case"QQQ":return t.quarter(i,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(i,{width:"narrow",context:"formatting"});default:return t.quarter(i,{width:"wide",context:"formatting"})}},q:function(n,e,t){const i=Math.ceil((n.getMonth()+1)/3);switch(e){case"q":return String(i);case"qq":return X(i,2);case"qo":return t.ordinalNumber(i,{unit:"quarter"});case"qqq":return t.quarter(i,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(i,{width:"narrow",context:"standalone"});default:return t.quarter(i,{width:"wide",context:"standalone"})}},M:function(n,e,t){const i=n.getMonth();switch(e){case"M":case"MM":return ze.M(n,e);case"Mo":return t.ordinalNumber(i+1,{unit:"month"});case"MMM":return t.month(i,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(i,{width:"narrow",context:"formatting"});default:return t.month(i,{width:"wide",context:"formatting"})}},L:function(n,e,t){const i=n.getMonth();switch(e){case"L":return String(i+1);case"LL":return X(i+1,2);case"Lo":return t.ordinalNumber(i+1,{unit:"month"});case"LLL":return t.month(i,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(i,{width:"narrow",context:"standalone"});default:return t.month(i,{width:"wide",context:"standalone"})}},w:function(n,e,t,i){const r=In(n,i);return e==="wo"?t.ordinalNumber(r,{unit:"week"}):X(r,e.length)},I:function(n,e,t){const i=Ln(n);return e==="Io"?t.ordinalNumber(i,{unit:"week"}):X(i,e.length)},d:function(n,e,t){return e==="do"?t.ordinalNumber(n.getDate(),{unit:"date"}):ze.d(n,e)},D:function(n,e,t){const i=Mn(n);return e==="Do"?t.ordinalNumber(i,{unit:"dayOfYear"}):X(i,e.length)},E:function(n,e,t){const i=n.getDay();switch(e){case"E":case"EE":case"EEE":return t.day(i,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(i,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},e:function(n,e,t,i){const r=n.getDay(),s=(r-i.weekStartsOn+8)%7||7;switch(e){case"e":return String(s);case"ee":return X(s,2);case"eo":return t.ordinalNumber(s,{unit:"day"});case"eee":return t.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(r,{width:"short",context:"formatting"});default:return t.day(r,{width:"wide",context:"formatting"})}},c:function(n,e,t,i){const r=n.getDay(),s=(r-i.weekStartsOn+8)%7||7;switch(e){case"c":return String(s);case"cc":return X(s,e.length);case"co":return t.ordinalNumber(s,{unit:"day"});case"ccc":return t.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(r,{width:"narrow",context:"standalone"});case"cccccc":return t.day(r,{width:"short",context:"standalone"});default:return t.day(r,{width:"wide",context:"standalone"})}},i:function(n,e,t){const i=n.getDay(),r=i===0?7:i;switch(e){case"i":return String(r);case"ii":return X(r,e.length);case"io":return t.ordinalNumber(r,{unit:"day"});case"iii":return t.day(i,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(i,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},a:function(n,e,t){const r=n.getHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(r,{width:"narrow",context:"formatting"});default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},b:function(n,e,t){const i=n.getHours();let r;switch(i===12?r=$e.noon:i===0?r=$e.midnight:r=i/12>=1?"pm":"am",e){case"b":case"bb":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(r,{width:"narrow",context:"formatting"});default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(n,e,t){const i=n.getHours();let r;switch(i>=17?r=$e.evening:i>=12?r=$e.afternoon:i>=4?r=$e.morning:r=$e.night,e){case"B":case"BB":case"BBB":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(r,{width:"narrow",context:"formatting"});default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(n,e,t){if(e==="ho"){let i=n.getHours()%12;return i===0&&(i=12),t.ordinalNumber(i,{unit:"hour"})}return ze.h(n,e)},H:function(n,e,t){return e==="Ho"?t.ordinalNumber(n.getHours(),{unit:"hour"}):ze.H(n,e)},K:function(n,e,t){const i=n.getHours()%12;return e==="Ko"?t.ordinalNumber(i,{unit:"hour"}):X(i,e.length)},k:function(n,e,t){let i=n.getHours();return i===0&&(i=24),e==="ko"?t.ordinalNumber(i,{unit:"hour"}):X(i,e.length)},m:function(n,e,t){return e==="mo"?t.ordinalNumber(n.getMinutes(),{unit:"minute"}):ze.m(n,e)},s:function(n,e,t){return e==="so"?t.ordinalNumber(n.getSeconds(),{unit:"second"}):ze.s(n,e)},S:function(n,e){return ze.S(n,e)},X:function(n,e,t){const i=n.getTimezoneOffset();if(i===0)return"Z";switch(e){case"X":return Gt(i);case"XXXX":case"XX":return Pe(i);default:return Pe(i,":")}},x:function(n,e,t){const i=n.getTimezoneOffset();switch(e){case"x":return Gt(i);case"xxxx":case"xx":return Pe(i);default:return Pe(i,":")}},O:function(n,e,t){const i=n.getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+Wt(i,":");default:return"GMT"+Pe(i,":")}},z:function(n,e,t){const i=n.getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+Wt(i,":");default:return"GMT"+Pe(i,":")}},t:function(n,e,t){const i=Math.trunc(+n/1e3);return X(i,e.length)},T:function(n,e,t){return X(+n,e.length)}};function Wt(n,e=""){const t=n>0?"-":"+",i=Math.abs(n),r=Math.trunc(i/60),s=i%60;return s===0?t+String(r):t+String(r)+e+X(s,2)}function Gt(n,e){return n%60===0?(n>0?"-":"+")+X(Math.abs(n)/60,2):Pe(n,e)}function Pe(n,e=""){const t=n>0?"-":"+",i=Math.abs(n),r=X(Math.trunc(i/60),2),s=X(i%60,2);return t+r+e+s}const Yt=(n,e)=>{switch(n){case"P":return e.date({width:"short"});case"PP":return e.date({width:"medium"});case"PPP":return e.date({width:"long"});default:return e.date({width:"full"})}},Vt=(n,e)=>{switch(n){case"p":return e.time({width:"short"});case"pp":return e.time({width:"medium"});case"ppp":return e.time({width:"long"});default:return e.time({width:"full"})}},qn={p:Vt,P:(n,e)=>{const t=n.match(/(P+)(p+)?/)||[],i=t[1],r=t[2];if(!r)return Yt(n,e);let s;switch(i){case"P":s=e.dateTime({width:"short"});break;case"PP":s=e.dateTime({width:"medium"});break;case"PPP":s=e.dateTime({width:"long"});break;default:s=e.dateTime({width:"full"});break}return s.replace("{{date}}",Yt(i,e)).replace("{{time}}",Vt(r,e))}},Pn=/^D+$/,Bn=/^Y+$/,Hn=["D","DD","YY","YYYY"];function Fn(n){return Pn.test(n)}function $n(n){return Bn.test(n)}function Un(n,e,t){const i=Wn(n,e,t);if(console.warn(i),Hn.includes(n))throw new RangeError(i)}function Wn(n,e,t){const i=n[0]==="Y"?"years":"days of the month";return`Use \`${n.toLowerCase()}\` instead of \`${n}\` (in \`${e}\`) for formatting ${i} to the input \`${t}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}function Gn(n){return n instanceof Date||typeof n=="object"&&Object.prototype.toString.call(n)==="[object Date]"}function Yn(n){return!(!Gn(n)&&typeof n!="number"||isNaN(+Ee(n)))}const Vn=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,jn=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Kn=/^'([^]*?)'?$/,Xn=/''/g,Qn=/[a-zA-Z]/;function Zn(n,e,t){const i=je(),r=t?.locale??i.locale??Tn,s=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,a=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??i.weekStartsOn??i.locale?.options?.weekStartsOn??0,l=Ee(n,t?.in);if(!Yn(l))throw new RangeError("Invalid time value");let d=e.match(jn).map(u=>{const h=u[0];if(h==="p"||h==="P"){const f=qn[h];return f(u,r.formatLong)}return u}).join("").match(Vn).map(u=>{if(u==="''")return{isToken:!1,value:"'"};const h=u[0];if(h==="'")return{isToken:!1,value:Jn(u)};if(Ut[h])return{isToken:!0,value:u};if(h.match(Qn))throw new RangeError("Format string contains an unescaped latin alphabet character `"+h+"`");return{isToken:!1,value:u}});r.localize.preprocessor&&(d=r.localize.preprocessor(l,d));const c={firstWeekContainsDate:s,weekStartsOn:a,locale:r};return d.map(u=>{if(!u.isToken)return u.value;const h=u.value;(!t?.useAdditionalWeekYearTokens&&$n(h)||!t?.useAdditionalDayOfYearTokens&&Fn(h))&&Un(h,e,String(n));const f=Ut[h[0]];return f(l,h,r.localize,c)}).join("")}function Jn(n){const e=n.match(Kn);return e?e[1].replace(Xn,"'"):n}function er(){return Object.assign({},je())}function jt(n,e,t){const i=er(),r=nr(n,t.timeZone,t.locale??i.locale);return"formatToParts"in r?tr(r,e):ir(r,e)}function tr(n,e){const t=n.formatToParts(e);for(let i=t.length-1;i>=0;--i)if(t[i].type==="timeZoneName")return t[i].value}function ir(n,e){const t=n.format(e).replace(/\u200E/g,""),i=/ [\w-+ ]+$/.exec(t);return i?i[0].substr(1):""}function nr(n,e,t){return new Intl.DateTimeFormat(t?[t.code,"en-US"]:void 0,{timeZone:e,timeZoneName:n})}function rr(n,e){const t=cr(e);return"formatToParts"in t?or(t,n):ar(t,n)}const sr={year:0,month:1,day:2,hour:3,minute:4,second:5};function or(n,e){try{const t=n.formatToParts(e),i=[];for(let r=0;r<t.length;r++){const s=sr[t[r].type];s!==void 0&&(i[s]=parseInt(t[r].value,10))}return i}catch(t){if(t instanceof RangeError)return[NaN];throw t}}function ar(n,e){const t=n.format(e),i=/(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(t);return[parseInt(i[3],10),parseInt(i[1],10),parseInt(i[2],10),parseInt(i[4],10),parseInt(i[5],10),parseInt(i[6],10)]}const pt={},Kt=new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:"America/New_York",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).format(new Date("2014-06-25T04:00:00.123Z")),lr=Kt==="06/25/2014, 00:00:00"||Kt==="06/25/2014 00:00:00";function cr(n){return pt[n]||(pt[n]=lr?new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:n,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}):new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:n,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"})),pt[n]}function Xt(n,e,t,i,r,s,a){const l=new Date(0);return l.setUTCFullYear(n,e,t),l.setUTCHours(i,r,s,a),l}const Qt=36e5,ur=6e4,gt={timezoneZ:/^(Z)$/,timezoneHH:/^([+-]\d{2})$/,timezoneHHMM:/^([+-])(\d{2}):?(\d{2})$/};function Zt(n,e,t){if(!n)return 0;let i=gt.timezoneZ.exec(n);if(i)return 0;let r,s;if(i=gt.timezoneHH.exec(n),i)return r=parseInt(i[1],10),Jt(r)?-(r*Qt):NaN;if(i=gt.timezoneHHMM.exec(n),i){r=parseInt(i[2],10);const a=parseInt(i[3],10);return Jt(r,a)?(s=Math.abs(r)*Qt+a*ur,i[1]==="+"?-s:s):NaN}if(fr(n)){e=new Date(e||Date.now());const a=t?e:dr(e),l=yt(a,n);return-(t?l:hr(e,l,n))}return NaN}function dr(n){return Xt(n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds())}function yt(n,e){const t=rr(n,e),i=Xt(t[0],t[1]-1,t[2],t[3]%24,t[4],t[5],0).getTime();let r=n.getTime();const s=r%1e3;return r-=s>=0?s:1e3+s,i-r}function hr(n,e,t){let r=n.getTime()-e;const s=yt(new Date(r),t);if(e===s)return e;r-=s-e;const a=yt(new Date(r),t);return s===a?s:Math.max(s,a)}function Jt(n,e){return-23<=n&&n<=23&&(e==null||0<=e&&e<=59)}const ei={};function fr(n){if(ei[n])return!0;try{return new Intl.DateTimeFormat(void 0,{timeZone:n}),ei[n]=!0,!0}catch{return!1}}const mr=60*1e3,pr={X:function(n,e,t){const i=_t(t.timeZone,n);if(i===0)return"Z";switch(e){case"X":return ti(i);case"XXXX":case"XX":return Ue(i);default:return Ue(i,":")}},x:function(n,e,t){const i=_t(t.timeZone,n);switch(e){case"x":return ti(i);case"xxxx":case"xx":return Ue(i);default:return Ue(i,":")}},O:function(n,e,t){const i=_t(t.timeZone,n);switch(e){case"O":case"OO":case"OOO":return"GMT"+gr(i,":");default:return"GMT"+Ue(i,":")}},z:function(n,e,t){switch(e){case"z":case"zz":case"zzz":return jt("short",n,t);default:return jt("long",n,t)}}};function _t(n,e){const t=n?Zt(n,e,!0)/mr:e?.getTimezoneOffset()??0;if(Number.isNaN(t))throw new RangeError("Invalid time zone specified: "+n);return t}function it(n,e){const t=n<0?"-":"";let i=Math.abs(n).toString();for(;i.length<e;)i="0"+i;return t+i}function Ue(n,e=""){const t=n>0?"-":"+",i=Math.abs(n),r=it(Math.floor(i/60),2),s=it(Math.floor(i%60),2);return t+r+e+s}function ti(n,e){return n%60===0?(n>0?"-":"+")+it(Math.abs(n)/60,2):Ue(n,e)}function gr(n,e=""){const t=n>0?"-":"+",i=Math.abs(n),r=Math.floor(i/60),s=i%60;return s===0?t+String(r):t+String(r)+e+it(s,2)}function ii(n){const e=new Date(Date.UTC(n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds()));return e.setUTCFullYear(n.getFullYear()),+n-+e}const yr=/(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/,wt=36e5,ni=6e4,_r=2,fe={dateTimePattern:/^([0-9W+-]+)(T| )(.*)/,datePattern:/^([0-9W+-]+)(.*)/,YY:/^(\d{2})$/,YYY:[/^([+-]\d{2})$/,/^([+-]\d{3})$/,/^([+-]\d{4})$/],YYYY:/^(\d{4})/,YYYYY:[/^([+-]\d{4})/,/^([+-]\d{5})/,/^([+-]\d{6})/],MM:/^-(\d{2})$/,DDD:/^-?(\d{3})$/,MMDD:/^-?(\d{2})-?(\d{2})$/,Www:/^-?W(\d{2})$/,WwwD:/^-?W(\d{2})-?(\d{1})$/,HH:/^(\d{2}([.,]\d*)?)$/,HHMM:/^(\d{2}):?(\d{2}([.,]\d*)?)$/,HHMMSS:/^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,timeZone:yr};function wr(n,e={}){if(arguments.length<1)throw new TypeError("1 argument required, but only "+arguments.length+" present");if(n===null)return new Date(NaN);const t=e.additionalDigits==null?_r:Number(e.additionalDigits);if(t!==2&&t!==1&&t!==0)throw new RangeError("additionalDigits must be 0, 1 or 2");if(n instanceof Date||typeof n=="object"&&Object.prototype.toString.call(n)==="[object Date]")return new Date(n.getTime());if(typeof n=="number"||Object.prototype.toString.call(n)==="[object Number]")return new Date(n);if(Object.prototype.toString.call(n)!=="[object String]")return new Date(NaN);const i=br(n),{year:r,restDateString:s}=vr(i.date,t),a=Er(s,r);if(a===null||isNaN(a.getTime()))return new Date(NaN);if(a){const l=a.getTime();let d=0,c;if(i.time&&(d=xr(i.time),d===null||isNaN(d)))return new Date(NaN);if(i.timeZone||e.timeZone){if(c=Zt(i.timeZone||e.timeZone,new Date(l+d)),isNaN(c))return new Date(NaN)}else c=ii(new Date(l+d)),c=ii(new Date(l+d+c));return new Date(l+d+c)}else return new Date(NaN)}function br(n){const e={};let t=fe.dateTimePattern.exec(n),i;if(t?(e.date=t[1],i=t[3]):(t=fe.datePattern.exec(n),t?(e.date=t[1],i=t[2]):(e.date=null,i=n)),i){const r=fe.timeZone.exec(i);r?(e.time=i.replace(r[1],""),e.timeZone=r[1].trim()):e.time=i}return e}function vr(n,e){if(n){const t=fe.YYY[e],i=fe.YYYYY[e];let r=fe.YYYY.exec(n)||i.exec(n);if(r){const s=r[1];return{year:parseInt(s,10),restDateString:n.slice(s.length)}}if(r=fe.YY.exec(n)||t.exec(n),r){const s=r[1];return{year:parseInt(s,10)*100,restDateString:n.slice(s.length)}}}return{year:null}}function Er(n,e){if(e===null)return null;let t,i,r;if(!n||!n.length)return t=new Date(0),t.setUTCFullYear(e),t;let s=fe.MM.exec(n);if(s)return t=new Date(0),i=parseInt(s[1],10)-1,oi(e,i)?(t.setUTCFullYear(e,i),t):new Date(NaN);if(s=fe.DDD.exec(n),s){t=new Date(0);const a=parseInt(s[1],10);return Tr(e,a)?(t.setUTCFullYear(e,0,a),t):new Date(NaN)}if(s=fe.MMDD.exec(n),s){t=new Date(0),i=parseInt(s[1],10)-1;const a=parseInt(s[2],10);return oi(e,i,a)?(t.setUTCFullYear(e,i,a),t):new Date(NaN)}if(s=fe.Www.exec(n),s)return r=parseInt(s[1],10)-1,ai(r)?ri(e,r):new Date(NaN);if(s=fe.WwwD.exec(n),s){r=parseInt(s[1],10)-1;const a=parseInt(s[2],10)-1;return ai(r,a)?ri(e,r,a):new Date(NaN)}return null}function xr(n){let e,t,i=fe.HH.exec(n);if(i)return e=parseFloat(i[1].replace(",",".")),bt(e)?e%24*wt:NaN;if(i=fe.HHMM.exec(n),i)return e=parseInt(i[1],10),t=parseFloat(i[2].replace(",",".")),bt(e,t)?e%24*wt+t*ni:NaN;if(i=fe.HHMMSS.exec(n),i){e=parseInt(i[1],10),t=parseInt(i[2],10);const r=parseFloat(i[3].replace(",","."));return bt(e,t,r)?e%24*wt+t*ni+r*1e3:NaN}return null}function ri(n,e,t){e=e||0,t=t||0;const i=new Date(0);i.setUTCFullYear(n,0,4);const r=i.getUTCDay()||7,s=e*7+t+1-r;return i.setUTCDate(i.getUTCDate()+s),i}const Cr=[31,28,31,30,31,30,31,31,30,31,30,31],kr=[31,29,31,30,31,30,31,31,30,31,30,31];function si(n){return n%400===0||n%4===0&&n%100!==0}function oi(n,e,t){if(e<0||e>11)return!1;if(t!=null){if(t<1)return!1;const i=si(n);if(i&&t>kr[e]||!i&&t>Cr[e])return!1}return!0}function Tr(n,e){if(e<1)return!1;const t=si(n);return!(t&&e>366||!t&&e>365)}function ai(n,e){return!(n<0||n>52||e!=null&&(e<0||e>6))}function bt(n,e,t){return!(n<0||n>=25||e!=null&&(e<0||e>=60)||t!=null&&(t<0||t>=60))}const Rr=/([xXOz]+)|''|'(''|[^'])+('|$)/g;function li(n,e,t={}){e=String(e);const i=e.match(Rr);if(i){const r=wr(t.originalDate||n,t);e=i.reduce(function(s,a){if(a[0]==="'")return s;const l=s.indexOf(a),d=s[l-1]==="'",c=s.replace(a,"'"+pr[a[0]](r,a,t)+"'");return d?c.substring(0,l-1)+c.substring(l+1):c},e)}return Zn(n,e,t)}const vt="#6c7489",ci="12px",Sr="16px",ui="20px",di="32px",hi="20px";var nt=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Dr(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var rt={exports:{}},Or=rt.exports,fi;function Nr(){return fi||(fi=1,(function(n,e){(function(t,i){i()})(Or,function(){function t(c,u){return typeof u>"u"?u={autoBom:!1}:typeof u!="object"&&(console.warn("Deprecated: Expected third argument to be a object"),u={autoBom:!u}),u.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(c.type)?new Blob(["\uFEFF",c],{type:c.type}):c}function i(c,u,h){var f=new XMLHttpRequest;f.open("GET",c),f.responseType="blob",f.onload=function(){d(f.response,u,h)},f.onerror=function(){console.error("could not download file")},f.send()}function r(c){var u=new XMLHttpRequest;u.open("HEAD",c,!1);try{u.send()}catch{}return 200<=u.status&&299>=u.status}function s(c){try{c.dispatchEvent(new MouseEvent("click"))}catch{var u=document.createEvent("MouseEvents");u.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),c.dispatchEvent(u)}}var a=typeof window=="object"&&window.window===window?window:typeof self=="object"&&self.self===self?self:typeof nt=="object"&&nt.global===nt?nt:void 0,l=a.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),d=a.saveAs||(typeof window!="object"||window!==a?function(){}:"download"in HTMLAnchorElement.prototype&&!l?function(c,u,h){var f=a.URL||a.webkitURL,y=document.createElement("a");u=u||c.name||"download",y.download=u,y.rel="noopener",typeof c=="string"?(y.href=c,y.origin===location.origin?s(y):r(y.href)?i(c,u,h):s(y,y.target="_blank")):(y.href=f.createObjectURL(c),setTimeout(function(){f.revokeObjectURL(y.href)},4e4),setTimeout(function(){s(y)},0))}:"msSaveOrOpenBlob"in navigator?function(c,u,h){if(u=u||c.name||"download",typeof c!="string")navigator.msSaveOrOpenBlob(t(c,h),u);else if(r(c))i(c,u,h);else{var f=document.createElement("a");f.href=c,f.target="_blank",setTimeout(function(){s(f)})}}:function(c,u,h,f){if(f=f||open("","_blank"),f&&(f.document.title=f.document.body.innerText="downloading..."),typeof c=="string")return i(c,u,h);var y=c.type==="application/octet-stream",w=/constructor/i.test(a.HTMLElement)||a.safari,x=/CriOS\/[\d]+/.test(navigator.userAgent);if((x||y&&w||l)&&typeof FileReader<"u"){var b=new FileReader;b.onloadend=function(){var C=b.result;C=x?C:C.replace(/^data:[^;]*;/,"data:attachment/file;"),f?f.location.href=C:location=C,f=null},b.readAsDataURL(c)}else{var O=a.URL||a.webkitURL,T=O.createObjectURL(c);f?f.location=T:location.href=T,f=null,setTimeout(function(){O.revokeObjectURL(T)},4e4)}});a.saveAs=d.saveAs=d,n.exports=d})})(rt)),rt.exports}var Mr=Nr(),st={exports:{}};var zr=st.exports,mi;function Lr(){return mi||(mi=1,(function(n,e){((t,i)=>{n.exports=i()})(zr,function t(){var i=typeof self<"u"?self:typeof window<"u"?window:i!==void 0?i:{},r=!i.document&&!!i.postMessage,s=i.IS_PAPA_WORKER||!1,a={},l=0,d={};function c(p){return p.charCodeAt(0)===65279?p.slice(1):p}function u(p){this._handle=null,this._finished=!1,this._completed=!1,this._halted=!1,this._input=null,this._baseIndex=0,this._partialLine="",this._rowCount=0,this._start=0,this._nextChunk=null,this.isFirstChunk=!0,this._completeResults={data:[],errors:[],meta:{}},(function(m){var _=S(m);_.chunkSize=parseInt(_.chunkSize),m.step||m.chunk||(_.chunkSize=null),this._handle=new x(_),(this._handle.streamer=this)._config=_}).call(this,p),this.parseChunk=function(m,_){var k=parseInt(this._config.skipFirstNLines)||0;if(this.isFirstChunk&&0<k){let N=this._config.newline;N||(R=this._config.quoteChar||'"',N=this._handle.guessLineEndings(m,R)),m=[...m.split(N).slice(k)].join(N)}this.isFirstChunk&&B(this._config.beforeFirstChunk)&&(R=this._config.beforeFirstChunk(m))!==void 0&&(m=R),this.isFirstChunk=!1,this._halted=!1;var k=this._partialLine+m,R=(this._partialLine="",this._handle.parse(k,this._baseIndex,!this._finished));if(!this._handle.paused()&&!this._handle.aborted()){if(m=R.meta.cursor,k=(this._finished||(this._partialLine=k.substring(m-this._baseIndex),this._baseIndex=m),R&&R.data&&(this._rowCount+=R.data.length),this._finished||this._config.preview&&this._rowCount>=this._config.preview),s)i.postMessage({results:R,workerId:d.WORKER_ID,finished:k});else if(B(this._config.chunk)&&!_){if(this._config.chunk(R,this._handle),this._handle.paused()||this._handle.aborted())return void(this._halted=!0);this._completeResults=R=void 0}return this._config.step||this._config.chunk||(this._completeResults.data=this._completeResults.data.concat(R.data),this._completeResults.errors=this._completeResults.errors.concat(R.errors),this._completeResults.meta=R.meta),this._completed||!k||!B(this._config.complete)||R&&R.meta.aborted||(this._config.complete(this._completeResults,this._input),this._completed=!0),k||R&&R.meta.paused||this._nextChunk(),R}this._halted=!0},this._sendError=function(m){B(this._config.error)?this._config.error(m):s&&this._config.error&&i.postMessage({workerId:d.WORKER_ID,error:m,finished:!1})}}function h(p){var m;(p=p||{}).chunkSize||(p.chunkSize=d.RemoteChunkSize),u.call(this,p),this._nextChunk=r?function(){this._readChunk(),this._chunkLoaded()}:function(){this._readChunk()},this.stream=function(_){this._input=_,this._nextChunk()},this._readChunk=function(){if(this._finished)this._chunkLoaded();else{if(m=new XMLHttpRequest,this._config.withCredentials&&(m.withCredentials=this._config.withCredentials),r||(m.onload=G(this._chunkLoaded,this),m.onerror=G(this._chunkError,this)),m.ontimeout=G(this._chunkTimeout,this),m.open(this._config.downloadRequestBody?"POST":"GET",this._input,!r),this._config.downloadTimeout&&!r&&(m.timeout=this._config.downloadTimeout),this._config.downloadRequestHeaders){var _,k=this._config.downloadRequestHeaders;for(_ in k)m.setRequestHeader(_,k[_])}var R;this._config.chunkSize&&(R=this._start+this._config.chunkSize-1,m.setRequestHeader("Range","bytes="+this._start+"-"+R));try{m.send(this._config.downloadRequestBody)}catch(N){this._chunkError(N.message)}r&&m.status===0&&this._chunkError()}},this._chunkLoaded=function(){m.readyState===4&&(m.status<200||400<=m.status?this._chunkError():(this._start+=this._config.chunkSize||m.responseText.length,this._finished=!this._config.chunkSize||this._start>=(_=>(_=_.getResponseHeader("Content-Range"))!==null?parseInt(_.substring(_.lastIndexOf("/")+1)):-1)(m),this.parseChunk(m.responseText)))},this._chunkError=function(_){_=m.statusText||_,this._sendError(new Error(_))},this._chunkTimeout=function(){this._chunkError("Request timed out after "+this._config.downloadTimeout+"ms")}}function f(p){(p=p||{}).chunkSize||(p.chunkSize=d.LocalChunkSize),u.call(this,p);var m,_,k=typeof FileReader<"u";this.stream=function(R){this._input=R,_=R.slice||R.webkitSlice||R.mozSlice,k?((m=new FileReader).onload=G(this._chunkLoaded,this),m.onerror=G(this._chunkError,this)):m=new FileReaderSync,this._nextChunk()},this._nextChunk=function(){this._finished||this._config.preview&&!(this._rowCount<this._config.preview)||this._readChunk()},this._readChunk=function(){var R=this._input,N=(this._config.chunkSize&&(N=Math.min(this._start+this._config.chunkSize,this._input.size),R=_.call(R,this._start,N)),m.readAsText(R,this._config.encoding));k||this._chunkLoaded({target:{result:N}})},this._chunkLoaded=function(R){this._start+=this._config.chunkSize,this._finished=!this._config.chunkSize||this._start>=this._input.size,this.parseChunk(R.target.result)},this._chunkError=function(){this._sendError(m.error)}}function y(p){var m;u.call(this,p=p||{}),this.stream=function(_){return m=_,this._nextChunk()},this._nextChunk=function(){var _,k;if(!this._finished)return _=this._config.chunkSize,m=_?(k=m.substring(0,_),m.substring(_)):(k=m,""),this._finished=!m,this.parseChunk(k)}}function w(p){u.call(this,p=p||{});var m=[],_=!0,k=!1;this.pause=function(){u.prototype.pause.apply(this,arguments),this._input.pause()},this.resume=function(){u.prototype.resume.apply(this,arguments),this._input.resume()},this.stream=function(R){this._input=R,this._input.on("data",this._streamData),this._input.on("end",this._streamEnd),this._input.on("error",this._streamError)},this._checkIsFinished=function(){k&&m.length===1&&(this._finished=!0)},this._nextChunk=function(){this._checkIsFinished(),m.length?this.parseChunk(m.shift()):_=!0},this._streamData=G(function(R){try{m.push(typeof R=="string"?R:R.toString(this._config.encoding)),_&&(_=!1,this._checkIsFinished(),this.parseChunk(m.shift()))}catch(N){this._streamError(N)}},this),this._streamError=G(function(R){this._streamCleanUp(),this._sendError(R)},this),this._streamEnd=G(function(){this._streamCleanUp(),k=!0,this._streamData("")},this),this._streamCleanUp=G(function(){this._input.removeListener("data",this._streamData),this._input.removeListener("end",this._streamEnd),this._input.removeListener("error",this._streamError)},this)}function x(p){var m,_,k,R,N=Math.pow(2,53),ee=-N,ue=/^\s*-?(\d+\.?|\.\d+|\d+\.\d+)([eE][-+]?\d+)?\s*$/,de=/^((\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d\.\d+([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z)))$/,Q=this,ne=0,I=0,J=!1,L=!1,E=[],v={data:[],errors:[],meta:{}};function Y(U){return p.skipEmptyLines==="greedy"?U.join("").trim()==="":U.length===1&&U[0].length===0}function q(){if(v&&k&&(ge("Delimiter","UndetectableDelimiter","Unable to auto-detect delimiting character; defaulted to '"+d.DefaultDelimiter+"'"),k=!1),p.skipEmptyLines&&(v.data=v.data.filter(function(A){return!Y(A)})),H()){let A=function(re){E.push(re)};if(v)if(Array.isArray(v.data[0])){for(var U=0;H()&&U<v.data.length;U++)v.data[U].forEach(A);v.data.splice(0,1)}else v.data.forEach(A)}function $(A,re){for(var se=p.header?{}:[],K=0;K<A.length;K++){var Z=K,W=A[K],W=((ye,P)=>(ie=>(p.dynamicTypingFunction&&p.dynamicTyping[ie]===void 0&&(p.dynamicTyping[ie]=p.dynamicTypingFunction(ie)),(p.dynamicTyping[ie]||p.dynamicTyping)===!0))(ye)?P==="true"||P==="TRUE"||P!=="false"&&P!=="FALSE"&&((ie=>{if(ue.test(ie)&&(ie=parseFloat(ie),ee<ie&&ie<N))return 1})(P)?parseFloat(P):de.test(P)?new Date(P):P===""?null:P):P)(Z=p.header?K>=E.length?"__parsed_extra":E[K]:Z,W=p.transform?p.transform(W,Z):W);Z==="__parsed_extra"?(se[Z]=se[Z]||[],se[Z].push(W)):se[Z]=W}return p.header&&(K>E.length?ge("FieldMismatch","TooManyFields","Too many fields: expected "+E.length+" fields but parsed "+K,I+re):K<E.length&&ge("FieldMismatch","TooFewFields","Too few fields: expected "+E.length+" fields but parsed "+K,I+re)),se}var te;v&&(p.header||p.dynamicTyping||p.transform)&&(te=1,!v.data.length||Array.isArray(v.data[0])?(v.data=v.data.map($),te=v.data.length):v.data=$(v.data,0),p.header&&v.meta&&(v.meta.fields=E),I+=te)}function H(){return p.header&&E.length===0}function ge(U,$,te,A){U={type:U,code:$,message:te},A!==void 0&&(U.row=A),v.errors.push(U)}B(p.step)&&(R=p.step,p.step=function(U){v=U,H()?q():(q(),v.data.length!==0&&(ne+=U.data.length,p.preview&&ne>p.preview?_.abort():(v.data=v.data[0],R(v,Q))))}),this.parse=function(U,$,te){var A=p.quoteChar||'"',A=(p.newline||(p.newline=this.guessLineEndings(U,A)),k=!1,p.delimiter?B(p.delimiter)&&(p.delimiter=p.delimiter(U),v.meta.delimiter=p.delimiter):((A=((re,se,K,Z,W)=>{var ye,P,ie,Oe;W=W||[","," ","|",";",d.RECORD_SEP,d.UNIT_SEP];for(var Le=0;Le<W.length;Le++){for(var we,Be=W[Le],ce=0,be=0,ae=0,he=(ie=void 0,new O({comments:Z,delimiter:Be,newline:se,preview:10}).parse(re)),Ce=0;Ce<he.data.length;Ce++)K&&Y(he.data[Ce])?ae++:(we=he.data[Ce].length,be+=we,ie===void 0?ie=we:0<we&&(ce+=Math.abs(we-ie),ie=we));0<he.data.length&&(be/=he.data.length-ae),1.99<be&&(P===void 0||ce<P||ce===P&&Oe<be)&&(P=ce,ye=Be,Oe=be)}return{successful:!!(p.delimiter=ye),bestDelimiter:ye}})(U,p.newline,p.skipEmptyLines,p.comments,p.delimitersToGuess)).successful?p.delimiter=A.bestDelimiter:(k=!0,p.delimiter=d.DefaultDelimiter),v.meta.delimiter=p.delimiter),S(p));return A.header=H(),p.preview&&p.header&&A.preview++,m=U,_=new O(A),v=_.parse(m,$,te),q(),J?{meta:{paused:!0}}:v||{meta:{paused:!1}}},this.paused=function(){return J},this.pause=function(){J=!0,_.abort(),m=B(p.chunk)?"":m.substring(_.getCharIndex())},this.resume=function(){Q.streamer._halted?(J=!1,Q.streamer.parseChunk(m,!0)):setTimeout(Q.resume,3)},this.aborted=function(){return L},this.abort=function(){L=!0,_.abort(),v.meta.aborted=!0,B(p.complete)&&p.complete(v),m=""},this.guessLineEndings=function(re,A){re=re.substring(0,1048576);var A=new RegExp(b(A)+"([^]*?)"+b(A),"gm"),te=(re=re.replace(A,"")).split("\r"),A=re.split(`
|
|
2
|
-
`),re=1<
|
|
1
|
+
(function(j,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("@kong-ui-public/analytics-utilities"),require("@kong/icons"),require("@kong-ui-public/analytics-chart"),require("swrv"),require("@kong-ui-public/analytics-metric-provider"),require("@kong-ui-public/table-data-grid"),require("@kong-ui-public/analytics-config-store"),require("@kong/kongponents"),require("axios"),require("@kong-ui-public/i18n"),require("@kong-ui-public/analytics-geo-map")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/analytics-utilities","@kong/icons","@kong-ui-public/analytics-chart","swrv","@kong-ui-public/analytics-metric-provider","@kong-ui-public/table-data-grid","@kong-ui-public/analytics-config-store","@kong/kongponents","axios","@kong-ui-public/i18n","@kong-ui-public/analytics-geo-map"],o):(j=typeof globalThis<"u"?globalThis:j||self,o(j["kong-ui-public-dashboard-renderer"]={},j.Vue,j["kong-ui-public-analytics-utilities"],j.KongIcons,j["kong-ui-public-analytics-chart"],j.swrv,j["kong-ui-public-analytics-metric-provider"],j["kong-ui-public-table-data-grid"],j["kong-ui-public-analytics-config-store"],j.Kongponents,j.axios,j["kong-ui-public-i18n"],j["kong-ui-public-analytics-geo-map"]))})(this,(function(j,o,oe,ve,qe,zt,At,Vi,Ne,ji,ho,It,Lt){"use strict";const Ki={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},Xi=(n,e,t)=>{let i;const r=Ki[n];return typeof r=="string"?i=r:e===1?i=r.one:i=r.other.replace("{{count}}",e.toString()),t?.addSuffix?t.comparison&&t.comparison>0?"in "+i:i+" ago":i};function mt(n){return(e={})=>{const t=e.width?String(e.width):n.defaultWidth;return n.formats[t]||n.formats[n.defaultWidth]}}const Qi={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},Zi={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},Ji={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},en={date:mt({formats:Qi,defaultWidth:"full"}),time:mt({formats:Zi,defaultWidth:"full"}),dateTime:mt({formats:Ji,defaultWidth:"full"})},tn={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},nn=(n,e,t,i)=>tn[n];function Ye(n){return(e,t)=>{const i=t?.context?String(t.context):"standalone";let r;if(i==="formatting"&&n.formattingValues){const a=n.defaultFormattingWidth||n.defaultWidth,l=t?.width?String(t.width):a;r=n.formattingValues[l]||n.formattingValues[a]}else{const a=n.defaultWidth,l=t?.width?String(t.width):n.defaultWidth;r=n.values[l]||n.values[a]}const s=n.argumentCallback?n.argumentCallback(e):e;return r[s]}}const rn={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},sn={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},on={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},an={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},ln={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},cn={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},un={ordinalNumber:(n,e)=>{const t=Number(n),i=t%100;if(i>20||i<10)switch(i%10){case 1:return t+"st";case 2:return t+"nd";case 3:return t+"rd"}return t+"th"},era:Ye({values:rn,defaultWidth:"wide"}),quarter:Ye({values:sn,defaultWidth:"wide",argumentCallback:n=>n-1}),month:Ye({values:on,defaultWidth:"wide"}),day:Ye({values:an,defaultWidth:"wide"}),dayPeriod:Ye({values:ln,defaultWidth:"wide",formattingValues:cn,defaultFormattingWidth:"wide"})};function Ve(n){return(e,t={})=>{const i=t.width,r=i&&n.matchPatterns[i]||n.matchPatterns[n.defaultMatchWidth],s=e.match(r);if(!s)return null;const a=s[0],l=i&&n.parsePatterns[i]||n.parsePatterns[n.defaultParseWidth],d=Array.isArray(l)?hn(l,h=>h.test(a)):dn(l,h=>h.test(a));let c;c=n.valueCallback?n.valueCallback(d):d,c=t.valueCallback?t.valueCallback(c):c;const u=e.slice(a.length);return{value:c,rest:u}}}function dn(n,e){for(const t in n)if(Object.prototype.hasOwnProperty.call(n,t)&&e(n[t]))return t}function hn(n,e){for(let t=0;t<n.length;t++)if(e(n[t]))return t}function fn(n){return(e,t={})=>{const i=e.match(n.matchPattern);if(!i)return null;const r=i[0],s=e.match(n.parsePattern);if(!s)return null;let a=n.valueCallback?n.valueCallback(s[0]):s[0];a=t.valueCallback?t.valueCallback(a):a;const l=e.slice(r.length);return{value:a,rest:l}}}const mn=/^(\d+)(th|st|nd|rd)?/i,pn=/\d+/i,gn={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},yn={any:[/^b/i,/^(a|c)/i]},_n={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},wn={any:[/1/i,/2/i,/3/i,/4/i]},bn={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},vn={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},En={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},xn={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},kn={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},Cn={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},Rn={ordinalNumber:fn({matchPattern:mn,parsePattern:pn,valueCallback:n=>parseInt(n,10)}),era:Ve({matchPatterns:gn,defaultMatchWidth:"wide",parsePatterns:yn,defaultParseWidth:"any"}),quarter:Ve({matchPatterns:_n,defaultMatchWidth:"wide",parsePatterns:wn,defaultParseWidth:"any",valueCallback:n=>n+1}),month:Ve({matchPatterns:bn,defaultMatchWidth:"wide",parsePatterns:vn,defaultParseWidth:"any"}),day:Ve({matchPatterns:En,defaultMatchWidth:"wide",parsePatterns:xn,defaultParseWidth:"any"}),dayPeriod:Ve({matchPatterns:kn,defaultMatchWidth:"any",parsePatterns:Cn,defaultParseWidth:"any"})},Tn={code:"en-US",formatDistance:Xi,formatLong:en,formatRelative:nn,localize:un,match:Rn,options:{weekStartsOn:0,firstWeekContainsDate:1}};let Sn={};function je(){return Sn}const qt=6048e5,Dn=864e5,Pt=Symbol.for("constructDateFrom");function Me(n,e){return typeof n=="function"?n(e):n&&typeof n=="object"&&Pt in n?n[Pt](e):n instanceof Date?new n.constructor(e):new Date(e)}function Ee(n,e){return Me(e||n,n)}function Bt(n){const e=Ee(n),t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),+n-+t}function On(n,...e){const t=Me.bind(null,e.find(i=>typeof i=="object"));return e.map(t)}function Ht(n,e){const t=Ee(n,e?.in);return t.setHours(0,0,0,0),t}function Nn(n,e,t){const[i,r]=On(t?.in,n,e),s=Ht(i),a=Ht(r),l=+s-Bt(s),d=+a-Bt(a);return Math.round((l-d)/Dn)}function Mn(n,e){const t=Ee(n,e?.in);return t.setFullYear(t.getFullYear(),0,1),t.setHours(0,0,0,0),t}function zn(n,e){const t=Ee(n,e?.in);return Nn(t,Mn(t))+1}function Ke(n,e){const t=je(),i=e?.weekStartsOn??e?.locale?.options?.weekStartsOn??t.weekStartsOn??t.locale?.options?.weekStartsOn??0,r=Ee(n,e?.in),s=r.getDay(),a=(s<i?7:0)+s-i;return r.setDate(r.getDate()-a),r.setHours(0,0,0,0),r}function tt(n,e){return Ke(n,{...e,weekStartsOn:1})}function Ft(n,e){const t=Ee(n,e?.in),i=t.getFullYear(),r=Me(t,0);r.setFullYear(i+1,0,4),r.setHours(0,0,0,0);const s=tt(r),a=Me(t,0);a.setFullYear(i,0,4),a.setHours(0,0,0,0);const l=tt(a);return t.getTime()>=s.getTime()?i+1:t.getTime()>=l.getTime()?i:i-1}function An(n,e){const t=Ft(n,e),i=Me(n,0);return i.setFullYear(t,0,4),i.setHours(0,0,0,0),tt(i)}function In(n,e){const t=Ee(n,e?.in),i=+tt(t)-+An(t);return Math.round(i/qt)+1}function $t(n,e){const t=Ee(n,e?.in),i=t.getFullYear(),r=je(),s=e?.firstWeekContainsDate??e?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,a=Me(e?.in||n,0);a.setFullYear(i+1,0,s),a.setHours(0,0,0,0);const l=Ke(a,e),d=Me(e?.in||n,0);d.setFullYear(i,0,s),d.setHours(0,0,0,0);const c=Ke(d,e);return+t>=+l?i+1:+t>=+c?i:i-1}function Ln(n,e){const t=je(),i=e?.firstWeekContainsDate??e?.locale?.options?.firstWeekContainsDate??t.firstWeekContainsDate??t.locale?.options?.firstWeekContainsDate??1,r=$t(n,e),s=Me(e?.in||n,0);return s.setFullYear(r,0,i),s.setHours(0,0,0,0),Ke(s,e)}function qn(n,e){const t=Ee(n,e?.in),i=+Ke(t,e)-+Ln(t,e);return Math.round(i/qt)+1}function X(n,e){const t=n<0?"-":"",i=Math.abs(n).toString().padStart(e,"0");return t+i}const ze={y(n,e){const t=n.getFullYear(),i=t>0?t:1-t;return X(e==="yy"?i%100:i,e.length)},M(n,e){const t=n.getMonth();return e==="M"?String(t+1):X(t+1,2)},d(n,e){return X(n.getDate(),e.length)},a(n,e){const t=n.getHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return t.toUpperCase();case"aaa":return t;case"aaaaa":return t[0];default:return t==="am"?"a.m.":"p.m."}},h(n,e){return X(n.getHours()%12||12,e.length)},H(n,e){return X(n.getHours(),e.length)},m(n,e){return X(n.getMinutes(),e.length)},s(n,e){return X(n.getSeconds(),e.length)},S(n,e){const t=e.length,i=n.getMilliseconds(),r=Math.trunc(i*Math.pow(10,t-3));return X(r,e.length)}},$e={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},Ut={G:function(n,e,t){const i=n.getFullYear()>0?1:0;switch(e){case"G":case"GG":case"GGG":return t.era(i,{width:"abbreviated"});case"GGGGG":return t.era(i,{width:"narrow"});default:return t.era(i,{width:"wide"})}},y:function(n,e,t){if(e==="yo"){const i=n.getFullYear(),r=i>0?i:1-i;return t.ordinalNumber(r,{unit:"year"})}return ze.y(n,e)},Y:function(n,e,t,i){const r=$t(n,i),s=r>0?r:1-r;if(e==="YY"){const a=s%100;return X(a,2)}return e==="Yo"?t.ordinalNumber(s,{unit:"year"}):X(s,e.length)},R:function(n,e){const t=Ft(n);return X(t,e.length)},u:function(n,e){const t=n.getFullYear();return X(t,e.length)},Q:function(n,e,t){const i=Math.ceil((n.getMonth()+1)/3);switch(e){case"Q":return String(i);case"QQ":return X(i,2);case"Qo":return t.ordinalNumber(i,{unit:"quarter"});case"QQQ":return t.quarter(i,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(i,{width:"narrow",context:"formatting"});default:return t.quarter(i,{width:"wide",context:"formatting"})}},q:function(n,e,t){const i=Math.ceil((n.getMonth()+1)/3);switch(e){case"q":return String(i);case"qq":return X(i,2);case"qo":return t.ordinalNumber(i,{unit:"quarter"});case"qqq":return t.quarter(i,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(i,{width:"narrow",context:"standalone"});default:return t.quarter(i,{width:"wide",context:"standalone"})}},M:function(n,e,t){const i=n.getMonth();switch(e){case"M":case"MM":return ze.M(n,e);case"Mo":return t.ordinalNumber(i+1,{unit:"month"});case"MMM":return t.month(i,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(i,{width:"narrow",context:"formatting"});default:return t.month(i,{width:"wide",context:"formatting"})}},L:function(n,e,t){const i=n.getMonth();switch(e){case"L":return String(i+1);case"LL":return X(i+1,2);case"Lo":return t.ordinalNumber(i+1,{unit:"month"});case"LLL":return t.month(i,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(i,{width:"narrow",context:"standalone"});default:return t.month(i,{width:"wide",context:"standalone"})}},w:function(n,e,t,i){const r=qn(n,i);return e==="wo"?t.ordinalNumber(r,{unit:"week"}):X(r,e.length)},I:function(n,e,t){const i=In(n);return e==="Io"?t.ordinalNumber(i,{unit:"week"}):X(i,e.length)},d:function(n,e,t){return e==="do"?t.ordinalNumber(n.getDate(),{unit:"date"}):ze.d(n,e)},D:function(n,e,t){const i=zn(n);return e==="Do"?t.ordinalNumber(i,{unit:"dayOfYear"}):X(i,e.length)},E:function(n,e,t){const i=n.getDay();switch(e){case"E":case"EE":case"EEE":return t.day(i,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(i,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},e:function(n,e,t,i){const r=n.getDay(),s=(r-i.weekStartsOn+8)%7||7;switch(e){case"e":return String(s);case"ee":return X(s,2);case"eo":return t.ordinalNumber(s,{unit:"day"});case"eee":return t.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(r,{width:"short",context:"formatting"});default:return t.day(r,{width:"wide",context:"formatting"})}},c:function(n,e,t,i){const r=n.getDay(),s=(r-i.weekStartsOn+8)%7||7;switch(e){case"c":return String(s);case"cc":return X(s,e.length);case"co":return t.ordinalNumber(s,{unit:"day"});case"ccc":return t.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(r,{width:"narrow",context:"standalone"});case"cccccc":return t.day(r,{width:"short",context:"standalone"});default:return t.day(r,{width:"wide",context:"standalone"})}},i:function(n,e,t){const i=n.getDay(),r=i===0?7:i;switch(e){case"i":return String(r);case"ii":return X(r,e.length);case"io":return t.ordinalNumber(r,{unit:"day"});case"iii":return t.day(i,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(i,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},a:function(n,e,t){const r=n.getHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(r,{width:"narrow",context:"formatting"});default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},b:function(n,e,t){const i=n.getHours();let r;switch(i===12?r=$e.noon:i===0?r=$e.midnight:r=i/12>=1?"pm":"am",e){case"b":case"bb":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(r,{width:"narrow",context:"formatting"});default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(n,e,t){const i=n.getHours();let r;switch(i>=17?r=$e.evening:i>=12?r=$e.afternoon:i>=4?r=$e.morning:r=$e.night,e){case"B":case"BB":case"BBB":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(r,{width:"narrow",context:"formatting"});default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(n,e,t){if(e==="ho"){let i=n.getHours()%12;return i===0&&(i=12),t.ordinalNumber(i,{unit:"hour"})}return ze.h(n,e)},H:function(n,e,t){return e==="Ho"?t.ordinalNumber(n.getHours(),{unit:"hour"}):ze.H(n,e)},K:function(n,e,t){const i=n.getHours()%12;return e==="Ko"?t.ordinalNumber(i,{unit:"hour"}):X(i,e.length)},k:function(n,e,t){let i=n.getHours();return i===0&&(i=24),e==="ko"?t.ordinalNumber(i,{unit:"hour"}):X(i,e.length)},m:function(n,e,t){return e==="mo"?t.ordinalNumber(n.getMinutes(),{unit:"minute"}):ze.m(n,e)},s:function(n,e,t){return e==="so"?t.ordinalNumber(n.getSeconds(),{unit:"second"}):ze.s(n,e)},S:function(n,e){return ze.S(n,e)},X:function(n,e,t){const i=n.getTimezoneOffset();if(i===0)return"Z";switch(e){case"X":return Gt(i);case"XXXX":case"XX":return Pe(i);default:return Pe(i,":")}},x:function(n,e,t){const i=n.getTimezoneOffset();switch(e){case"x":return Gt(i);case"xxxx":case"xx":return Pe(i);default:return Pe(i,":")}},O:function(n,e,t){const i=n.getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+Wt(i,":");default:return"GMT"+Pe(i,":")}},z:function(n,e,t){const i=n.getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+Wt(i,":");default:return"GMT"+Pe(i,":")}},t:function(n,e,t){const i=Math.trunc(+n/1e3);return X(i,e.length)},T:function(n,e,t){return X(+n,e.length)}};function Wt(n,e=""){const t=n>0?"-":"+",i=Math.abs(n),r=Math.trunc(i/60),s=i%60;return s===0?t+String(r):t+String(r)+e+X(s,2)}function Gt(n,e){return n%60===0?(n>0?"-":"+")+X(Math.abs(n)/60,2):Pe(n,e)}function Pe(n,e=""){const t=n>0?"-":"+",i=Math.abs(n),r=X(Math.trunc(i/60),2),s=X(i%60,2);return t+r+e+s}const Yt=(n,e)=>{switch(n){case"P":return e.date({width:"short"});case"PP":return e.date({width:"medium"});case"PPP":return e.date({width:"long"});default:return e.date({width:"full"})}},Vt=(n,e)=>{switch(n){case"p":return e.time({width:"short"});case"pp":return e.time({width:"medium"});case"ppp":return e.time({width:"long"});default:return e.time({width:"full"})}},Pn={p:Vt,P:(n,e)=>{const t=n.match(/(P+)(p+)?/)||[],i=t[1],r=t[2];if(!r)return Yt(n,e);let s;switch(i){case"P":s=e.dateTime({width:"short"});break;case"PP":s=e.dateTime({width:"medium"});break;case"PPP":s=e.dateTime({width:"long"});break;default:s=e.dateTime({width:"full"});break}return s.replace("{{date}}",Yt(i,e)).replace("{{time}}",Vt(r,e))}},Bn=/^D+$/,Hn=/^Y+$/,Fn=["D","DD","YY","YYYY"];function $n(n){return Bn.test(n)}function Un(n){return Hn.test(n)}function Wn(n,e,t){const i=Gn(n,e,t);if(console.warn(i),Fn.includes(n))throw new RangeError(i)}function Gn(n,e,t){const i=n[0]==="Y"?"years":"days of the month";return`Use \`${n.toLowerCase()}\` instead of \`${n}\` (in \`${e}\`) for formatting ${i} to the input \`${t}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}function Yn(n){return n instanceof Date||typeof n=="object"&&Object.prototype.toString.call(n)==="[object Date]"}function Vn(n){return!(!Yn(n)&&typeof n!="number"||isNaN(+Ee(n)))}const jn=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Kn=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Xn=/^'([^]*?)'?$/,Qn=/''/g,Zn=/[a-zA-Z]/;function Jn(n,e,t){const i=je(),r=t?.locale??i.locale??Tn,s=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,a=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??i.weekStartsOn??i.locale?.options?.weekStartsOn??0,l=Ee(n,t?.in);if(!Vn(l))throw new RangeError("Invalid time value");let d=e.match(Kn).map(u=>{const h=u[0];if(h==="p"||h==="P"){const f=Pn[h];return f(u,r.formatLong)}return u}).join("").match(jn).map(u=>{if(u==="''")return{isToken:!1,value:"'"};const h=u[0];if(h==="'")return{isToken:!1,value:er(u)};if(Ut[h])return{isToken:!0,value:u};if(h.match(Zn))throw new RangeError("Format string contains an unescaped latin alphabet character `"+h+"`");return{isToken:!1,value:u}});r.localize.preprocessor&&(d=r.localize.preprocessor(l,d));const c={firstWeekContainsDate:s,weekStartsOn:a,locale:r};return d.map(u=>{if(!u.isToken)return u.value;const h=u.value;(!t?.useAdditionalWeekYearTokens&&Un(h)||!t?.useAdditionalDayOfYearTokens&&$n(h))&&Wn(h,e,String(n));const f=Ut[h[0]];return f(l,h,r.localize,c)}).join("")}function er(n){const e=n.match(Xn);return e?e[1].replace(Qn,"'"):n}function tr(){return Object.assign({},je())}function jt(n,e,t){const i=tr(),r=rr(n,t.timeZone,t.locale??i.locale);return"formatToParts"in r?ir(r,e):nr(r,e)}function ir(n,e){const t=n.formatToParts(e);for(let i=t.length-1;i>=0;--i)if(t[i].type==="timeZoneName")return t[i].value}function nr(n,e){const t=n.format(e).replace(/\u200E/g,""),i=/ [\w-+ ]+$/.exec(t);return i?i[0].substr(1):""}function rr(n,e,t){return new Intl.DateTimeFormat(t?[t.code,"en-US"]:void 0,{timeZone:e,timeZoneName:n})}function sr(n,e){const t=ur(e);return"formatToParts"in t?ar(t,n):lr(t,n)}const or={year:0,month:1,day:2,hour:3,minute:4,second:5};function ar(n,e){try{const t=n.formatToParts(e),i=[];for(let r=0;r<t.length;r++){const s=or[t[r].type];s!==void 0&&(i[s]=parseInt(t[r].value,10))}return i}catch(t){if(t instanceof RangeError)return[NaN];throw t}}function lr(n,e){const t=n.format(e),i=/(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(t);return[parseInt(i[3],10),parseInt(i[1],10),parseInt(i[2],10),parseInt(i[4],10),parseInt(i[5],10),parseInt(i[6],10)]}const pt={},Kt=new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:"America/New_York",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).format(new Date("2014-06-25T04:00:00.123Z")),cr=Kt==="06/25/2014, 00:00:00"||Kt==="06/25/2014 00:00:00";function ur(n){return pt[n]||(pt[n]=cr?new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:n,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}):new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:n,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"})),pt[n]}function Xt(n,e,t,i,r,s,a){const l=new Date(0);return l.setUTCFullYear(n,e,t),l.setUTCHours(i,r,s,a),l}const Qt=36e5,dr=6e4,gt={timezoneZ:/^(Z)$/,timezoneHH:/^([+-]\d{2})$/,timezoneHHMM:/^([+-])(\d{2}):?(\d{2})$/};function Zt(n,e,t){if(!n)return 0;let i=gt.timezoneZ.exec(n);if(i)return 0;let r,s;if(i=gt.timezoneHH.exec(n),i)return r=parseInt(i[1],10),Jt(r)?-(r*Qt):NaN;if(i=gt.timezoneHHMM.exec(n),i){r=parseInt(i[2],10);const a=parseInt(i[3],10);return Jt(r,a)?(s=Math.abs(r)*Qt+a*dr,i[1]==="+"?-s:s):NaN}if(mr(n)){e=new Date(e||Date.now());const a=t?e:hr(e),l=yt(a,n);return-(t?l:fr(e,l,n))}return NaN}function hr(n){return Xt(n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds())}function yt(n,e){const t=sr(n,e),i=Xt(t[0],t[1]-1,t[2],t[3]%24,t[4],t[5],0).getTime();let r=n.getTime();const s=r%1e3;return r-=s>=0?s:1e3+s,i-r}function fr(n,e,t){let r=n.getTime()-e;const s=yt(new Date(r),t);if(e===s)return e;r-=s-e;const a=yt(new Date(r),t);return s===a?s:Math.max(s,a)}function Jt(n,e){return-23<=n&&n<=23&&(e==null||0<=e&&e<=59)}const ei={};function mr(n){if(ei[n])return!0;try{return new Intl.DateTimeFormat(void 0,{timeZone:n}),ei[n]=!0,!0}catch{return!1}}const pr=60*1e3,gr={X:function(n,e,t){const i=_t(t.timeZone,n);if(i===0)return"Z";switch(e){case"X":return ti(i);case"XXXX":case"XX":return Ue(i);default:return Ue(i,":")}},x:function(n,e,t){const i=_t(t.timeZone,n);switch(e){case"x":return ti(i);case"xxxx":case"xx":return Ue(i);default:return Ue(i,":")}},O:function(n,e,t){const i=_t(t.timeZone,n);switch(e){case"O":case"OO":case"OOO":return"GMT"+yr(i,":");default:return"GMT"+Ue(i,":")}},z:function(n,e,t){switch(e){case"z":case"zz":case"zzz":return jt("short",n,t);default:return jt("long",n,t)}}};function _t(n,e){const t=n?Zt(n,e,!0)/pr:e?.getTimezoneOffset()??0;if(Number.isNaN(t))throw new RangeError("Invalid time zone specified: "+n);return t}function it(n,e){const t=n<0?"-":"";let i=Math.abs(n).toString();for(;i.length<e;)i="0"+i;return t+i}function Ue(n,e=""){const t=n>0?"-":"+",i=Math.abs(n),r=it(Math.floor(i/60),2),s=it(Math.floor(i%60),2);return t+r+e+s}function ti(n,e){return n%60===0?(n>0?"-":"+")+it(Math.abs(n)/60,2):Ue(n,e)}function yr(n,e=""){const t=n>0?"-":"+",i=Math.abs(n),r=Math.floor(i/60),s=i%60;return s===0?t+String(r):t+String(r)+e+it(s,2)}function ii(n){const e=new Date(Date.UTC(n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds()));return e.setUTCFullYear(n.getFullYear()),+n-+e}const _r=/(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/,wt=36e5,ni=6e4,wr=2,fe={dateTimePattern:/^([0-9W+-]+)(T| )(.*)/,datePattern:/^([0-9W+-]+)(.*)/,YY:/^(\d{2})$/,YYY:[/^([+-]\d{2})$/,/^([+-]\d{3})$/,/^([+-]\d{4})$/],YYYY:/^(\d{4})/,YYYYY:[/^([+-]\d{4})/,/^([+-]\d{5})/,/^([+-]\d{6})/],MM:/^-(\d{2})$/,DDD:/^-?(\d{3})$/,MMDD:/^-?(\d{2})-?(\d{2})$/,Www:/^-?W(\d{2})$/,WwwD:/^-?W(\d{2})-?(\d{1})$/,HH:/^(\d{2}([.,]\d*)?)$/,HHMM:/^(\d{2}):?(\d{2}([.,]\d*)?)$/,HHMMSS:/^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,timeZone:_r};function br(n,e={}){if(arguments.length<1)throw new TypeError("1 argument required, but only "+arguments.length+" present");if(n===null)return new Date(NaN);const t=e.additionalDigits==null?wr:Number(e.additionalDigits);if(t!==2&&t!==1&&t!==0)throw new RangeError("additionalDigits must be 0, 1 or 2");if(n instanceof Date||typeof n=="object"&&Object.prototype.toString.call(n)==="[object Date]")return new Date(n.getTime());if(typeof n=="number"||Object.prototype.toString.call(n)==="[object Number]")return new Date(n);if(Object.prototype.toString.call(n)!=="[object String]")return new Date(NaN);const i=vr(n),{year:r,restDateString:s}=Er(i.date,t),a=xr(s,r);if(a===null||isNaN(a.getTime()))return new Date(NaN);if(a){const l=a.getTime();let d=0,c;if(i.time&&(d=kr(i.time),d===null||isNaN(d)))return new Date(NaN);if(i.timeZone||e.timeZone){if(c=Zt(i.timeZone||e.timeZone,new Date(l+d)),isNaN(c))return new Date(NaN)}else c=ii(new Date(l+d)),c=ii(new Date(l+d+c));return new Date(l+d+c)}else return new Date(NaN)}function vr(n){const e={};let t=fe.dateTimePattern.exec(n),i;if(t?(e.date=t[1],i=t[3]):(t=fe.datePattern.exec(n),t?(e.date=t[1],i=t[2]):(e.date=null,i=n)),i){const r=fe.timeZone.exec(i);r?(e.time=i.replace(r[1],""),e.timeZone=r[1].trim()):e.time=i}return e}function Er(n,e){if(n){const t=fe.YYY[e],i=fe.YYYYY[e];let r=fe.YYYY.exec(n)||i.exec(n);if(r){const s=r[1];return{year:parseInt(s,10),restDateString:n.slice(s.length)}}if(r=fe.YY.exec(n)||t.exec(n),r){const s=r[1];return{year:parseInt(s,10)*100,restDateString:n.slice(s.length)}}}return{year:null}}function xr(n,e){if(e===null)return null;let t,i,r;if(!n||!n.length)return t=new Date(0),t.setUTCFullYear(e),t;let s=fe.MM.exec(n);if(s)return t=new Date(0),i=parseInt(s[1],10)-1,oi(e,i)?(t.setUTCFullYear(e,i),t):new Date(NaN);if(s=fe.DDD.exec(n),s){t=new Date(0);const a=parseInt(s[1],10);return Tr(e,a)?(t.setUTCFullYear(e,0,a),t):new Date(NaN)}if(s=fe.MMDD.exec(n),s){t=new Date(0),i=parseInt(s[1],10)-1;const a=parseInt(s[2],10);return oi(e,i,a)?(t.setUTCFullYear(e,i,a),t):new Date(NaN)}if(s=fe.Www.exec(n),s)return r=parseInt(s[1],10)-1,ai(r)?ri(e,r):new Date(NaN);if(s=fe.WwwD.exec(n),s){r=parseInt(s[1],10)-1;const a=parseInt(s[2],10)-1;return ai(r,a)?ri(e,r,a):new Date(NaN)}return null}function kr(n){let e,t,i=fe.HH.exec(n);if(i)return e=parseFloat(i[1].replace(",",".")),bt(e)?e%24*wt:NaN;if(i=fe.HHMM.exec(n),i)return e=parseInt(i[1],10),t=parseFloat(i[2].replace(",",".")),bt(e,t)?e%24*wt+t*ni:NaN;if(i=fe.HHMMSS.exec(n),i){e=parseInt(i[1],10),t=parseInt(i[2],10);const r=parseFloat(i[3].replace(",","."));return bt(e,t,r)?e%24*wt+t*ni+r*1e3:NaN}return null}function ri(n,e,t){e=e||0,t=t||0;const i=new Date(0);i.setUTCFullYear(n,0,4);const r=i.getUTCDay()||7,s=e*7+t+1-r;return i.setUTCDate(i.getUTCDate()+s),i}const Cr=[31,28,31,30,31,30,31,31,30,31,30,31],Rr=[31,29,31,30,31,30,31,31,30,31,30,31];function si(n){return n%400===0||n%4===0&&n%100!==0}function oi(n,e,t){if(e<0||e>11)return!1;if(t!=null){if(t<1)return!1;const i=si(n);if(i&&t>Rr[e]||!i&&t>Cr[e])return!1}return!0}function Tr(n,e){if(e<1)return!1;const t=si(n);return!(t&&e>366||!t&&e>365)}function ai(n,e){return!(n<0||n>52||e!=null&&(e<0||e>6))}function bt(n,e,t){return!(n<0||n>=25||e!=null&&(e<0||e>=60)||t!=null&&(t<0||t>=60))}const Sr=/([xXOz]+)|''|'(''|[^'])+('|$)/g;function li(n,e,t={}){e=String(e);const i=e.match(Sr);if(i){const r=br(t.originalDate||n,t);e=i.reduce(function(s,a){if(a[0]==="'")return s;const l=s.indexOf(a),d=s[l-1]==="'",c=s.replace(a,"'"+gr[a[0]](r,a,t)+"'");return d?c.substring(0,l-1)+c.substring(l+1):c},e)}return Jn(n,e,t)}const vt="#6c7489",ci="12px",Dr="16px",ui="20px",di="32px",hi="20px";var nt=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Or(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var rt={exports:{}},Nr=rt.exports,fi;function Mr(){return fi||(fi=1,(function(n,e){(function(t,i){i()})(Nr,function(){function t(c,u){return typeof u>"u"?u={autoBom:!1}:typeof u!="object"&&(console.warn("Deprecated: Expected third argument to be a object"),u={autoBom:!u}),u.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(c.type)?new Blob(["\uFEFF",c],{type:c.type}):c}function i(c,u,h){var f=new XMLHttpRequest;f.open("GET",c),f.responseType="blob",f.onload=function(){d(f.response,u,h)},f.onerror=function(){console.error("could not download file")},f.send()}function r(c){var u=new XMLHttpRequest;u.open("HEAD",c,!1);try{u.send()}catch{}return 200<=u.status&&299>=u.status}function s(c){try{c.dispatchEvent(new MouseEvent("click"))}catch{var u=document.createEvent("MouseEvents");u.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),c.dispatchEvent(u)}}var a=typeof window=="object"&&window.window===window?window:typeof self=="object"&&self.self===self?self:typeof nt=="object"&&nt.global===nt?nt:void 0,l=a.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),d=a.saveAs||(typeof window!="object"||window!==a?function(){}:"download"in HTMLAnchorElement.prototype&&!l?function(c,u,h){var f=a.URL||a.webkitURL,y=document.createElement("a");u=u||c.name||"download",y.download=u,y.rel="noopener",typeof c=="string"?(y.href=c,y.origin===location.origin?s(y):r(y.href)?i(c,u,h):s(y,y.target="_blank")):(y.href=f.createObjectURL(c),setTimeout(function(){f.revokeObjectURL(y.href)},4e4),setTimeout(function(){s(y)},0))}:"msSaveOrOpenBlob"in navigator?function(c,u,h){if(u=u||c.name||"download",typeof c!="string")navigator.msSaveOrOpenBlob(t(c,h),u);else if(r(c))i(c,u,h);else{var f=document.createElement("a");f.href=c,f.target="_blank",setTimeout(function(){s(f)})}}:function(c,u,h,f){if(f=f||open("","_blank"),f&&(f.document.title=f.document.body.innerText="downloading..."),typeof c=="string")return i(c,u,h);var y=c.type==="application/octet-stream",w=/constructor/i.test(a.HTMLElement)||a.safari,x=/CriOS\/[\d]+/.test(navigator.userAgent);if((x||y&&w||l)&&typeof FileReader<"u"){var b=new FileReader;b.onloadend=function(){var k=b.result;k=x?k:k.replace(/^data:[^;]*;/,"data:attachment/file;"),f?f.location.href=k:location=k,f=null},b.readAsDataURL(c)}else{var O=a.URL||a.webkitURL,R=O.createObjectURL(c);f?f.location=R:location.href=R,f=null,setTimeout(function(){O.revokeObjectURL(R)},4e4)}});a.saveAs=d.saveAs=d,n.exports=d})})(rt)),rt.exports}var zr=Mr(),st={exports:{}};var Ar=st.exports,mi;function Ir(){return mi||(mi=1,(function(n,e){((t,i)=>{n.exports=i()})(Ar,function t(){var i=typeof self<"u"?self:typeof window<"u"?window:i!==void 0?i:{},r=!i.document&&!!i.postMessage,s=i.IS_PAPA_WORKER||!1,a={},l=0,d={};function c(p){return p.charCodeAt(0)===65279?p.slice(1):p}function u(p){this._handle=null,this._finished=!1,this._completed=!1,this._halted=!1,this._input=null,this._baseIndex=0,this._partialLine="",this._rowCount=0,this._start=0,this._nextChunk=null,this.isFirstChunk=!0,this._completeResults={data:[],errors:[],meta:{}},(function(m){var _=S(m);_.chunkSize=parseInt(_.chunkSize),m.step||m.chunk||(_.chunkSize=null),this._handle=new x(_),(this._handle.streamer=this)._config=_}).call(this,p),this.parseChunk=function(m,_){var C=parseInt(this._config.skipFirstNLines)||0;if(this.isFirstChunk&&0<C){let N=this._config.newline;N||(T=this._config.quoteChar||'"',N=this._handle.guessLineEndings(m,T)),m=[...m.split(N).slice(C)].join(N)}this.isFirstChunk&&B(this._config.beforeFirstChunk)&&(T=this._config.beforeFirstChunk(m))!==void 0&&(m=T),this.isFirstChunk=!1,this._halted=!1;var C=this._partialLine+m,T=(this._partialLine="",this._handle.parse(C,this._baseIndex,!this._finished));if(!this._handle.paused()&&!this._handle.aborted()){if(m=T.meta.cursor,C=(this._finished||(this._partialLine=C.substring(m-this._baseIndex),this._baseIndex=m),T&&T.data&&(this._rowCount+=T.data.length),this._finished||this._config.preview&&this._rowCount>=this._config.preview),s)i.postMessage({results:T,workerId:d.WORKER_ID,finished:C});else if(B(this._config.chunk)&&!_){if(this._config.chunk(T,this._handle),this._handle.paused()||this._handle.aborted())return void(this._halted=!0);this._completeResults=T=void 0}return this._config.step||this._config.chunk||(this._completeResults.data=this._completeResults.data.concat(T.data),this._completeResults.errors=this._completeResults.errors.concat(T.errors),this._completeResults.meta=T.meta),this._completed||!C||!B(this._config.complete)||T&&T.meta.aborted||(this._config.complete(this._completeResults,this._input),this._completed=!0),C||T&&T.meta.paused||this._nextChunk(),T}this._halted=!0},this._sendError=function(m){B(this._config.error)?this._config.error(m):s&&this._config.error&&i.postMessage({workerId:d.WORKER_ID,error:m,finished:!1})}}function h(p){var m;(p=p||{}).chunkSize||(p.chunkSize=d.RemoteChunkSize),u.call(this,p),this._nextChunk=r?function(){this._readChunk(),this._chunkLoaded()}:function(){this._readChunk()},this.stream=function(_){this._input=_,this._nextChunk()},this._readChunk=function(){if(this._finished)this._chunkLoaded();else{if(m=new XMLHttpRequest,this._config.withCredentials&&(m.withCredentials=this._config.withCredentials),r||(m.onload=G(this._chunkLoaded,this),m.onerror=G(this._chunkError,this)),m.ontimeout=G(this._chunkTimeout,this),m.open(this._config.downloadRequestBody?"POST":"GET",this._input,!r),this._config.downloadTimeout&&!r&&(m.timeout=this._config.downloadTimeout),this._config.downloadRequestHeaders){var _,C=this._config.downloadRequestHeaders;for(_ in C)m.setRequestHeader(_,C[_])}var T;this._config.chunkSize&&(T=this._start+this._config.chunkSize-1,m.setRequestHeader("Range","bytes="+this._start+"-"+T));try{m.send(this._config.downloadRequestBody)}catch(N){this._chunkError(N.message)}r&&m.status===0&&this._chunkError()}},this._chunkLoaded=function(){m.readyState===4&&(m.status<200||400<=m.status?this._chunkError():(this._start+=this._config.chunkSize||m.responseText.length,this._finished=!this._config.chunkSize||this._start>=(_=>(_=_.getResponseHeader("Content-Range"))!==null?parseInt(_.substring(_.lastIndexOf("/")+1)):-1)(m),this.parseChunk(m.responseText)))},this._chunkError=function(_){_=m.statusText||_,this._sendError(new Error(_))},this._chunkTimeout=function(){this._chunkError("Request timed out after "+this._config.downloadTimeout+"ms")}}function f(p){(p=p||{}).chunkSize||(p.chunkSize=d.LocalChunkSize),u.call(this,p);var m,_,C=typeof FileReader<"u";this.stream=function(T){this._input=T,_=T.slice||T.webkitSlice||T.mozSlice,C?((m=new FileReader).onload=G(this._chunkLoaded,this),m.onerror=G(this._chunkError,this)):m=new FileReaderSync,this._nextChunk()},this._nextChunk=function(){this._finished||this._config.preview&&!(this._rowCount<this._config.preview)||this._readChunk()},this._readChunk=function(){var T=this._input,N=(this._config.chunkSize&&(N=Math.min(this._start+this._config.chunkSize,this._input.size),T=_.call(T,this._start,N)),m.readAsText(T,this._config.encoding));C||this._chunkLoaded({target:{result:N}})},this._chunkLoaded=function(T){this._start+=this._config.chunkSize,this._finished=!this._config.chunkSize||this._start>=this._input.size,this.parseChunk(T.target.result)},this._chunkError=function(){this._sendError(m.error)}}function y(p){var m;u.call(this,p=p||{}),this.stream=function(_){return m=_,this._nextChunk()},this._nextChunk=function(){var _,C;if(!this._finished)return _=this._config.chunkSize,m=_?(C=m.substring(0,_),m.substring(_)):(C=m,""),this._finished=!m,this.parseChunk(C)}}function w(p){u.call(this,p=p||{});var m=[],_=!0,C=!1;this.pause=function(){u.prototype.pause.apply(this,arguments),this._input.pause()},this.resume=function(){u.prototype.resume.apply(this,arguments),this._input.resume()},this.stream=function(T){this._input=T,this._input.on("data",this._streamData),this._input.on("end",this._streamEnd),this._input.on("error",this._streamError)},this._checkIsFinished=function(){C&&m.length===1&&(this._finished=!0)},this._nextChunk=function(){this._checkIsFinished(),m.length?this.parseChunk(m.shift()):_=!0},this._streamData=G(function(T){try{m.push(typeof T=="string"?T:T.toString(this._config.encoding)),_&&(_=!1,this._checkIsFinished(),this.parseChunk(m.shift()))}catch(N){this._streamError(N)}},this),this._streamError=G(function(T){this._streamCleanUp(),this._sendError(T)},this),this._streamEnd=G(function(){this._streamCleanUp(),C=!0,this._streamData("")},this),this._streamCleanUp=G(function(){this._input.removeListener("data",this._streamData),this._input.removeListener("end",this._streamEnd),this._input.removeListener("error",this._streamError)},this)}function x(p){var m,_,C,T,N=Math.pow(2,53),ee=-N,ue=/^\s*-?(\d+\.?|\.\d+|\d+\.\d+)([eE][-+]?\d+)?\s*$/,de=/^((\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d\.\d+([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z)))$/,Q=this,ne=0,L=0,J=!1,A=!1,E=[],v={data:[],errors:[],meta:{}};function Y(U){return p.skipEmptyLines==="greedy"?U.join("").trim()==="":U.length===1&&U[0].length===0}function q(){if(v&&C&&(ge("Delimiter","UndetectableDelimiter","Unable to auto-detect delimiting character; defaulted to '"+d.DefaultDelimiter+"'"),C=!1),p.skipEmptyLines&&(v.data=v.data.filter(function(I){return!Y(I)})),H()){let I=function(re){E.push(re)};if(v)if(Array.isArray(v.data[0])){for(var U=0;H()&&U<v.data.length;U++)v.data[U].forEach(I);v.data.splice(0,1)}else v.data.forEach(I)}function $(I,re){for(var se=p.header?{}:[],K=0;K<I.length;K++){var Z=K,W=I[K],W=((ye,P)=>(ie=>(p.dynamicTypingFunction&&p.dynamicTyping[ie]===void 0&&(p.dynamicTyping[ie]=p.dynamicTypingFunction(ie)),(p.dynamicTyping[ie]||p.dynamicTyping)===!0))(ye)?P==="true"||P==="TRUE"||P!=="false"&&P!=="FALSE"&&((ie=>{if(ue.test(ie)&&(ie=parseFloat(ie),ee<ie&&ie<N))return 1})(P)?parseFloat(P):de.test(P)?new Date(P):P===""?null:P):P)(Z=p.header?K>=E.length?"__parsed_extra":E[K]:Z,W=p.transform?p.transform(W,Z):W);Z==="__parsed_extra"?(se[Z]=se[Z]||[],se[Z].push(W)):se[Z]=W}return p.header&&(K>E.length?ge("FieldMismatch","TooManyFields","Too many fields: expected "+E.length+" fields but parsed "+K,L+re):K<E.length&&ge("FieldMismatch","TooFewFields","Too few fields: expected "+E.length+" fields but parsed "+K,L+re)),se}var te;v&&(p.header||p.dynamicTyping||p.transform)&&(te=1,!v.data.length||Array.isArray(v.data[0])?(v.data=v.data.map($),te=v.data.length):v.data=$(v.data,0),p.header&&v.meta&&(v.meta.fields=E),L+=te)}function H(){return p.header&&E.length===0}function ge(U,$,te,I){U={type:U,code:$,message:te},I!==void 0&&(U.row=I),v.errors.push(U)}B(p.step)&&(T=p.step,p.step=function(U){v=U,H()?q():(q(),v.data.length!==0&&(ne+=U.data.length,p.preview&&ne>p.preview?_.abort():(v.data=v.data[0],T(v,Q))))}),this.parse=function(U,$,te){var I=p.quoteChar||'"',I=(p.newline||(p.newline=this.guessLineEndings(U,I)),C=!1,p.delimiter?B(p.delimiter)&&(p.delimiter=p.delimiter(U),v.meta.delimiter=p.delimiter):((I=((re,se,K,Z,W)=>{var ye,P,ie,Oe;W=W||[","," ","|",";",d.RECORD_SEP,d.UNIT_SEP];for(var Ae=0;Ae<W.length;Ae++){for(var we,Be=W[Ae],ce=0,be=0,ae=0,he=(ie=void 0,new O({comments:Z,delimiter:Be,newline:se,preview:10}).parse(re)),ke=0;ke<he.data.length;ke++)K&&Y(he.data[ke])?ae++:(we=he.data[ke].length,be+=we,ie===void 0?ie=we:0<we&&(ce+=Math.abs(we-ie),ie=we));0<he.data.length&&(be/=he.data.length-ae),1.99<be&&(P===void 0||ce<P||ce===P&&Oe<be)&&(P=ce,ye=Be,Oe=be)}return{successful:!!(p.delimiter=ye),bestDelimiter:ye}})(U,p.newline,p.skipEmptyLines,p.comments,p.delimitersToGuess)).successful?p.delimiter=I.bestDelimiter:(C=!0,p.delimiter=d.DefaultDelimiter),v.meta.delimiter=p.delimiter),S(p));return I.header=H(),p.preview&&p.header&&I.preview++,m=U,_=new O(I),v=_.parse(m,$,te),q(),J?{meta:{paused:!0}}:v||{meta:{paused:!1}}},this.paused=function(){return J},this.pause=function(){J=!0,_.abort(),m=B(p.chunk)?"":m.substring(_.getCharIndex())},this.resume=function(){Q.streamer._halted?(J=!1,Q.streamer.parseChunk(m,!0)):setTimeout(Q.resume,3)},this.aborted=function(){return A},this.abort=function(){A=!0,_.abort(),v.meta.aborted=!0,B(p.complete)&&p.complete(v),m=""},this.guessLineEndings=function(re,I){re=re.substring(0,1048576);var I=new RegExp(b(I)+"([^]*?)"+b(I),"gm"),te=(re=re.replace(I,"")).split("\r"),I=re.split(`
|
|
2
|
+
`),re=1<I.length&&I[0].length<te[0].length;if(te.length===1||re)return`
|
|
3
3
|
`;for(var se=0,K=0;K<te.length;K++)te[K][0]===`
|
|
4
4
|
`&&se++;return se>=te.length/2?`\r
|
|
5
|
-
`:"\r"}}function b(p){return p.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function O(p){var m=(p=p||{}).delimiter,_=p.newline,
|
|
5
|
+
`:"\r"}}function b(p){return p.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function O(p){var m=(p=p||{}).delimiter,_=p.newline,C=p.comments,T=p.step,N=p.preview,ee=p.fastMode,ue=null,de=!1,Q=p.quoteChar==null?'"':p.quoteChar,ne=Q;if(p.escapeChar!==void 0&&(ne=p.escapeChar),(typeof m!="string"||-1<d.BAD_DELIMITERS.indexOf(m))&&(m=","),C===m)throw new Error("Comment character same as delimiter");C===!0?C="#":(typeof C!="string"||-1<d.BAD_DELIMITERS.indexOf(C))&&(C=!1),_!==`
|
|
6
6
|
`&&_!=="\r"&&_!==`\r
|
|
7
7
|
`&&(_=`
|
|
8
|
-
`);var
|
|
9
|
-
`,ee='"',ue=ee+ee,de=!1,Q=null,ne=!1,
|
|
10
|
-
`,'"',d.BYTE_ORDER_MARK],d.WORKERS_SUPPORTED=!r&&!!i.Worker,d.NODE_STREAM_INPUT=1,d.LocalChunkSize=10485760,d.RemoteChunkSize=5242880,d.DefaultDelimiter=",",d.Parser=O,d.ParserHandle=x,d.NetworkStreamer=h,d.FileStreamer=f,d.StringStreamer=y,d.ReadableStreamStreamer=w,s&&(i.onmessage=function(p){p=p.data,d.WORKER_ID===void 0&&p&&(d.WORKER_ID=p.workerId),typeof p.input=="string"?i.postMessage({workerId:d.WORKER_ID,results:d.parse(p.input,p.config),finished:!0}):(i.File&&p.input instanceof File||p.input instanceof Object)&&(p=d.parse(p.input,p.config))&&i.postMessage({workerId:d.WORKER_ID,results:p,finished:!0})}),(h.prototype=Object.create(u.prototype)).constructor=h,(f.prototype=Object.create(u.prototype)).constructor=f,(y.prototype=Object.create(y.prototype)).constructor=y,(w.prototype=Object.create(u.prototype)).constructor=w,d})})(st)),st.exports}var
|
|
11
|
-
`+u),i.encoding==="utf-8"&&(u="\uFEFF"+u),t("export-finished",i.filename),!i.testing){const h=new Blob([u],{type:"text/csv;charset="+i.encoding});Mr.saveAs(h,i.filename)}};return(u,h)=>(o.openBlock(),o.createElementBlock("div",{id:r.value,"data-testid":"export-csv",onClick:c},[o.renderSlot(u.$slots,"default",{},()=>[o.createTextVNode("Download "+o.toDisplayString(n.filename),1)])],8,Ir))}}),Pr=o.defineComponent({__name:"DownloadCsv",props:{rows:{},headers:{},filename:{}},setup(n){const e=n,t=o.computed(()=>Object.keys(e.headers));return(i,r)=>(o.openBlock(),o.createElementBlock("div",null,[o.createVNode(qr,{data:n.rows,fields:t.value,filename:n.filename,labels:n.headers},{default:o.withCtx(()=>[o.renderSlot(i.$slots,"default")]),_:3},8,["data","fields","filename","labels"])]))}}),pi={renderer:{not_configured:{title:"Chart is not fully configured",description:"Begin by choosing at least one metric"},noQueryBridge:"No query bridge provided. Unable to render dashboard.",noScatterDataFn:"No scatter data provider supplied.",unexpectedError:"An unexpected error has occurred.",trendRange:{"24h":"Last 24-hour summary","7d":"Last 7-day summary","30d":"Last 30-day summary"},edit:"Edit",duplicateTile:"Duplicate",exit_fullscreen:"Exit fullscreen",fullscreen:"Fullscreen",remove:"Remove",delete:"Delete",as_of_today:"As of today"},pdfExport:{branding:"Kong Konnect",generated:"Generated {timestamp}",dashboardNote:"For a live, interactive experience, open this dashboard in Konnect",pageOf:"{page} / {total}"},csvExport:{defaultFilename:"Chart export",exportAsCsv:"Export as CSV",dataError:"Error loading data",noDataRange:"No data in selected range",noDataRetry:"Please adjust the time period and try again",timeRangeSelected:"selected",exportPreview:"Export preview",exportTimeRange:"Time range",exportDescription:"Exports a CSV of the data represented in the chart.",maximumRecordAmount:"The number of groups is limited to {value}",previewRows:"Previewing {rowsMax} of {rowsTotal} row{plural}",downloadButton:"Export",cancelButton:"Cancel",UtcOffset:"UTC offset",Timestamp:"Timestamp"},chartLabels:{control_plane:"Control plane",data_plane_node_version:"Data plane node version",env:"Environment",gateway_service:"Gateway service",hostname:"Hostname",plugin:"Plugin",plugin_name:"Plugin name",plugin_scope:"Plugin scope",region:"Region",request_count:"Request count",route:"Route",status_code:"Status code",team:"Team",name:"Name",ai_count:"LLM request count",ai_plugin:"AI plugin",ai_provider:"Provider",ai_request_model:"Request model",ai_response_model:"Response model",error_rate:"Error rate",request_per_minute:"Requests per minute",requests_per_minute:"Requests per minute",response_latency_average:"Response latency (avg)",response_latency_p99:"Response latency (p99)",response_latency_p95:"Response latency (p95)",response_latency_p50:"Response latency (p50)",kong_latency_average:"Kong latency (avg)",kong_latency_p99:"Kong latency (p99)",kong_latency_p95:"Kong latency (p95)",kong_latency_p50:"Kong latency (p50)",kong_internal_latency_average:"Kong internal latency (avg)",kong_internal_latency_p99:"Kong internal latency (p99)",kong_internal_latency_p95:"Kong internal latency (p95)",kong_internal_latency_p50:"Kong internal latency (p50)",llm_cache_status:"Cache status",llm_embeddings_model:"Embeddings model",llm_embeddings_provider:"Embeddings provider",upstream_latency_average:"Upstream latency (avg)",upstream_latency_p99:"Upstream latency (p99)",upstream_latency_p95:"Upstream latency (p95)",upstream_latency_p50:"Upstream latency (p50)",response_size_p99:"Response size (p99)",response_size_p95:"Response size (p95)",response_size_p50:"Response size (p50)",response_size_average:"Response size (avg)",response_size_sum:"Response size (sum)",response_source:"Response source",request_size_p99:"Request size (p99)",request_size_p95:"Request size (p95)",request_size_p50:"Request size (p50)",request_size_average:"Request size (avg)",request_size_sum:"Request size (sum)",total_tokens_per_minute:"Total tokens per minute",control_plane_group:"Control plane group",consumer:"Consumer",country_code:"Country",country:"Country",data_plane_node:"Data plane node",api_package:"API package",api_product:"API product",api_product_version:"API product version",portal:"Portal",realm:"Realm",runtime_group:"Runtime group",application:"Application",status_code_grouped:"Status code (grouped)",upstream_status_code:"Upstream status code",upstream_status_code_grouped:"Upstream status code group",time:"Time",Service:"Service",ServiceVersion:"Service version",Route:"Route",Application:"Application",RuntimeGroup:"Runtime group",GatewayService:"Gateway service",StatusCode:"Status code",CodeClass:"Status code (grouped)",Time:"Time",API_PRODUCT:"Api product",API_PRODUCT_VERSION:"API product version",RUNTIME_GROUP:"Runtime group",GATEWAY_SERVICE:"Gateway service",ROUTE:"Route",APPLICATION:"Application",STATUS_CODE:"Status code",STATUS_CODE_GROUPED:"Status code (grouped)",TIME:"Time",ORGANIZATION:"Organization",TotalRequests:"Request count",RequestsPerMinute:"Requests per minute",LatencyP99:"Response latency (p99)",LatencyP95:"Response latency (p95)",LatencyP50:"Response latency (p50)",LatencyAverage:"Response latency (avg)",UpstreamLatencyP99:"Upstream latency (p99)",UpstreamLatencyP95:"Upstream latency (p95)",UpstreamLatencyP50:"Upstream latency (p50)",UpstreamLatencyAverage:"Upstream latency (avg)",KongLatencyP99:"Kong latency (p99)",KongLatencyP95:"Kong latency (p95)",KongLatencyP50:"Kong latency (p50)",KongLatencyAverage:"Kong latency (avg)",ResponseSizeP99:"Response size (p99)",ResponseSizeP95:"Response size (p95)",ResponseSizeP50:"Response size (p50)",RequestSizeP99:"Request size (p99)",RequestSizeP95:"Request size (p95)",RequestSizeP50:"Request size (p50)",SuccessfulRequests:"Successful requests",SUCCESS:"Successful requests",FailedRequests:"Failed requests",FAILURE:"Failed requests","5XX":"5xx","4XX":"4xx","3XX":"3xx","2XX":"2xx","1XX":"1xx",REQUEST_COUNT:"Request count",REQUEST_PER_MINUTE:"Requests per minute",RESPONSE_LATENCY_P99:"Response latency",RESPONSE_LATENCY_P95:"Response latency",RESPONSE_LATENCY_P50:"Response latency",RESPONSE_SIZE_P99:"Response size (p99)",RESPONSE_SIZE_P95:"Response size (p95)",RESPONSE_SIZE_P50:"Response size (p50)",REQUEST_SIZE_P99:"Request size (p99)",REQUEST_SIZE_P95:"Request size (p95)",REQUEST_SIZE_P50:"Request size (p50)",CONTROL_PLANE:"Control plane",____OTHER____:"Others",ai_request_count:"Request count",total_tokens:"Total token count",prompt_tokens:"Prompt token count",completion_tokens:"Completion token count",cost:"Costs",cost_per_request_average:"Cost per request (avg)",llm_cache_embeddings_latency_average:"Embeddings latency (avg)",llm_cache_fetch_latency_average:"Fetch latency (avg)",llm_latency_average:"Llm latency (avg)",time_to_first_token_average:"Time to first token (avg)",time_to_first_token_p99:"Time to first token (p99)",time_to_first_token_p95:"Time to first token (p95)",time_to_first_token_p50:"Time to first token (p50)",time_per_token_average:"Time per token (avg)",time_per_token_p99:"Time per token (p99)",time_per_token_p95:"Time per token (p95)",time_per_token_p50:"Time per token (p50)","threshold-warning":"Warning threshold: {value}","threshold-error":"Error threshold: {value}","thatreshold-neutral":"Alert threshold: {value}",api:"API",vulnerability_count:"Vulnerability count",a2a_latency_average:"A2A latency (avg)",a2a_response_size_sum:"A2A response size (sum)",a2a_context_id:"A2A context ID",a2a_error:"A2A error",a2a_method:"A2A method",a2a_task_id:"A2A task ID",active_agents:"Active agents",mcp_error:"MCP error",mcp_method:"MCP method",mcp_latency_average:"MCP latency (avg)",mcp_latency_p99:"MCP latency (p99)",mcp_latency_p95:"MCP latency (p95)",mcp_latency_p50:"MCP latency (p50)",mcp_response_size_sum:"MCP response size (sum)",mcp_session_id:"MCP session ID",mcp_tool_name:"MCP tool name",mcp_response_body_size_sum:"MCP response size (sum)",control_plane_count:"Control plane count",service_count:"Gateway service count","record_bytes:sum":"Record size (sum)","record_count:sum":"Record count (sum)","request_count:sum":"Request count (sum)",route_count:"Route count",consumer_count:"Consumer count",plugin_count:"Plugin count",node_count:"Data plane node count",virtual_cluster_id:"Virtual cluster",backend_cluster_id:"Backend cluster",listener_id:"Listener",principal_name:"Principal name",principal_type:"Principal type",request_type:"Request type",topic_name:"Topic name",partition_index:"Partition index",api_key:"API key",data_plane_group:"Data plane group",managed_cache:"Managed cache",network:"Network",provider:"Provider",provider_region:"Provider region",cache_eviction_rate:"Cache eviction rate",cache_expiration_rate:"Cache expiration rate",cache_items_average:"Cache items (avg)",cache_memory_utilization_max:"Cache memory utilization (max)",cache_status:"Cache status",cache_hit_rate:"Cache hit rate"},jumpToExplore:"Explore",jumpToRequests:"View requests",unsupported_time_range_badge:"Limited timeframe",unsupported_time_range_warning:"The selected timeframe exceeds what this datasource supports, so this tile is limited to the maximum supported timeframe.",query_aged_out_warning:"This tile was configured with {savedGranularity} granularity, which is no longer available. It now shows {currentGranularity} data, the closest available granularity.",granularities:{daily:"1 day",fiveMinutely:"5 minutes",hourly:"1 hour",minutely:"1 minute",tenMinutely:"10 minutes",tenSecondly:"10 seconds",thirtyMinutely:"30 minutes",thirtySecondly:"30 seconds",twelveHourly:"12 hours",twoHourly:"2 hours",weekly:"1 week",unknown:"Unknown"}};function gi(){const n=At.createI18n("en-us",pi);return{i18n:n,i18nT:At.i18nTComponent(n)}}const Ge=170,ot=6,ke="analytics-query-provider",Et="{entity-id}",yi="{cp-id}",_i="{timeframe}",wi=30*1e3,bi=3e5,vi=36e5;function Br(){const n=o.inject(ke);return{evaluateFeatureFlag:(t,i)=>n?n.evaluateFeatureFlagFn(t,i):i}}var xt={exports:{}},Ei;function Hr(){return Ei||(Ei=1,(function(n){var e=Object.prototype.hasOwnProperty,t="~";function i(){}Object.create&&(i.prototype=Object.create(null),new i().__proto__||(t=!1));function r(d,c,u){this.fn=d,this.context=c,this.once=u||!1}function s(d,c,u,h,f){if(typeof u!="function")throw new TypeError("The listener must be a function");var y=new r(u,h||d,f),w=t?t+c:c;return d._events[w]?d._events[w].fn?d._events[w]=[d._events[w],y]:d._events[w].push(y):(d._events[w]=y,d._eventsCount++),d}function a(d,c){--d._eventsCount===0?d._events=new i:delete d._events[c]}function l(){this._events=new i,this._eventsCount=0}l.prototype.eventNames=function(){var c=[],u,h;if(this._eventsCount===0)return c;for(h in u=this._events)e.call(u,h)&&c.push(t?h.slice(1):h);return Object.getOwnPropertySymbols?c.concat(Object.getOwnPropertySymbols(u)):c},l.prototype.listeners=function(c){var u=t?t+c:c,h=this._events[u];if(!h)return[];if(h.fn)return[h.fn];for(var f=0,y=h.length,w=new Array(y);f<y;f++)w[f]=h[f].fn;return w},l.prototype.listenerCount=function(c){var u=t?t+c:c,h=this._events[u];return h?h.fn?1:h.length:0},l.prototype.emit=function(c,u,h,f,y,w){var x=t?t+c:c;if(!this._events[x])return!1;var b=this._events[x],O=arguments.length,T,C;if(b.fn){switch(b.once&&this.removeListener(c,b.fn,void 0,!0),O){case 1:return b.fn.call(b.context),!0;case 2:return b.fn.call(b.context,u),!0;case 3:return b.fn.call(b.context,u,h),!0;case 4:return b.fn.call(b.context,u,h,f),!0;case 5:return b.fn.call(b.context,u,h,f,y),!0;case 6:return b.fn.call(b.context,u,h,f,y,w),!0}for(C=1,T=new Array(O-1);C<O;C++)T[C-1]=arguments[C];b.fn.apply(b.context,T)}else{var F=b.length,S;for(C=0;C<F;C++)switch(b[C].once&&this.removeListener(c,b[C].fn,void 0,!0),O){case 1:b[C].fn.call(b[C].context);break;case 2:b[C].fn.call(b[C].context,u);break;case 3:b[C].fn.call(b[C].context,u,h);break;case 4:b[C].fn.call(b[C].context,u,h,f);break;default:if(!T)for(S=1,T=new Array(O-1);S<O;S++)T[S-1]=arguments[S];b[C].fn.apply(b[C].context,T)}}return!0},l.prototype.on=function(c,u,h){return s(this,c,u,h,!1)},l.prototype.once=function(c,u,h){return s(this,c,u,h,!0)},l.prototype.removeListener=function(c,u,h,f){var y=t?t+c:c;if(!this._events[y])return this;if(!u)return a(this,y),this;var w=this._events[y];if(w.fn)w.fn===u&&(!f||w.once)&&(!h||w.context===h)&&a(this,y);else{for(var x=0,b=[],O=w.length;x<O;x++)(w[x].fn!==u||f&&!w[x].once||h&&w[x].context!==h)&&b.push(w[x]);b.length?this._events[y]=b.length===1?b[0]:b:a(this,y)}return this},l.prototype.removeAllListeners=function(c){var u;return c?(u=t?t+c:c,this._events[u]&&a(this,u)):(this._events=new i,this._eventsCount=0),this},l.prototype.off=l.prototype.removeListener,l.prototype.addListener=l.prototype.on,l.prefixed=t,l.EventEmitter=l,n.exports=l})(xt)),xt.exports}var Fr=Hr();const $r=Dr(Fr);class Ct extends Error{name="TimeoutError";constructor(e,t){super(e,t),Error.captureStackTrace?.(this,Ct)}}const xi=n=>n.reason??new DOMException("This operation was aborted.","AbortError");function Ur(n,e){const{milliseconds:t,fallback:i,message:r,customTimers:s={setTimeout,clearTimeout},signal:a}=e;let l,d;const u=new Promise((h,f)=>{if(typeof t!="number"||Math.sign(t)!==1)throw new TypeError(`Expected \`milliseconds\` to be a positive number, got \`${t}\``);if(a?.aborted){f(xi(a));return}if(a&&(d=()=>{f(xi(a))},a.addEventListener("abort",d,{once:!0})),n.then(h,f),t===Number.POSITIVE_INFINITY)return;const y=new Ct;l=s.setTimeout.call(void 0,()=>{if(i){try{h(i())}catch(w){f(w)}return}typeof n.cancel=="function"&&n.cancel(),r===!1?h():r instanceof Error?f(r):(y.message=r??`Promise timed out after ${t} milliseconds`,f(y))},t)}).finally(()=>{u.clear(),d&&a&&a.removeEventListener("abort",d)});return u.clear=()=>{s.clearTimeout.call(void 0,l),l=void 0},u}function Wr(n,e,t){let i=0,r=n.length;for(;r>0;){const s=Math.trunc(r/2);let a=i+s;t(n[a],e)<=0?(i=++a,r-=s+1):r=s}return i}const Gr=100;class Ci{#t=[];#e=0;enqueue(e,t){const{priority:i=0,id:r}=t??{},{size:s}=this,a={priority:i,id:r,run:e};if(s===0){this.#t.length=0,this.#e=0,this.#t.push(a);return}if(this.#t.at(-1).priority>=i){this.#t.push(a);return}this.#s();const l=Wr(this.#t,a,(d,c)=>c.priority-d.priority);this.#t.splice(l,0,a)}setPriority(e,t){const i=this.#t.findIndex((s,a)=>a>=this.#e&&s.id===e);if(i===-1)throw new ReferenceError(`No promise function with the id "${e}" exists in the queue.`);const[r]=this.#t.splice(i,1);this.enqueue(r.run,{priority:t,id:e})}remove(e){const t=this.#t.findIndex((i,r)=>r<this.#e?!1:typeof e=="string"?i.id===e:i.run===e);t!==-1&&this.#t.splice(t,1)}dequeue(){if(this.#e===this.#t.length)return;const e=this.#t[this.#e];return this.#e++,this.#e===this.#t.length?(this.#t.length=0,this.#e=0):this.#e>Gr&&this.#e>this.#t.length/2&&this.#s(),e?.run}filter(e){const t=[];for(let i=this.#e;i<this.#t.length;i++){const r=this.#t[i];r.priority===e.priority&&t.push(r.run)}return t}get size(){return this.#t.length-this.#e}#s(){this.#e!==0&&(this.#t.splice(0,this.#e),this.#e=0)}}class Yr extends $r{#t;#e;#s=0;#f;#p=!1;#w=!1;#c;#b=0;#l;#u;#a;#o=[];#r=0;#i;#T;#n=0;#g;#d;#M=1n;#y=new Map;#v=new Set;timeout;constructor(e){if(super(),e={carryoverIntervalCount:!1,intervalCap:Number.POSITIVE_INFINITY,interval:0,concurrency:Number.POSITIVE_INFINITY,autoStart:!0,queueClass:Ci,strict:!1,...e},!(typeof e.intervalCap=="number"&&e.intervalCap>=1))throw new TypeError(`Expected \`intervalCap\` to be a number from 1 and up, got \`${e.intervalCap?.toString()??""}\` (${typeof e.intervalCap})`);if(e.interval===void 0||!(Number.isFinite(e.interval)&&e.interval>=0))throw new TypeError(`Expected \`interval\` to be a finite number >= 0, got \`${e.interval?.toString()??""}\` (${typeof e.interval})`);if(e.strict&&e.interval===0)throw new TypeError("The `strict` option requires a non-zero `interval`");if(e.strict&&e.intervalCap===Number.POSITIVE_INFINITY)throw new TypeError("The `strict` option requires a finite `intervalCap`");if(this.#t=e.carryoverIntervalCount??e.carryoverConcurrencyCount??!1,this.#e=e.intervalCap===Number.POSITIVE_INFINITY||e.interval===0,this.#f=e.intervalCap,this.#c=e.interval,this.#a=e.strict,this.#i=new e.queueClass,this.#T=e.queueClass,this.concurrency=e.concurrency,e.timeout!==void 0&&!(Number.isFinite(e.timeout)&&e.timeout>0))throw new TypeError(`Expected \`timeout\` to be a positive finite number, got \`${e.timeout}\` (${typeof e.timeout})`);this.timeout=e.timeout,this.#d=e.autoStart===!1,this.#H()}#E(e){for(;this.#r<this.#o.length;){const i=this.#o[this.#r];if(i!==void 0&&e-i>=this.#c)this.#r++;else break}(this.#r>100&&this.#r>this.#o.length/2||this.#r===this.#o.length)&&(this.#o=this.#o.slice(this.#r),this.#r=0)}#z(e){this.#a?this.#o.push(e):this.#s++}#L(){this.#a?this.#o.length>this.#r&&this.#o.pop():this.#s>0&&this.#s--}#x(){return this.#o.length-this.#r}get#A(){return this.#e?!0:this.#a?this.#x()<this.#f:this.#s<this.#f}get#I(){return this.#n<this.#g}#q(){this.#n--,this.#n===0&&this.emit("pendingZero"),this.#_(),this.emit("next")}#P(){this.#u=void 0,this.#O(),this.#D()}#B(e){if(this.#a){if(this.#E(e),this.#x()>=this.#f){const i=this.#o[this.#r],r=this.#c-(e-i);return this.#R(r),!0}return!1}if(this.#l===void 0){const t=this.#b-e;if(t<0)this.#s=this.#t?this.#n:0;else return this.#R(t),!0}return!1}#R(e){this.#u===void 0&&(this.#u=setTimeout(()=>{this.#P()},e))}#C(){this.#l&&(clearInterval(this.#l),this.#l=void 0)}#S(){this.#u&&(clearTimeout(this.#u),this.#u=void 0)}#_(){if(this.#i.size===0){if(this.#C(),this.emit("empty"),this.#n===0){if(this.#S(),this.#a&&this.#r>0){const t=Date.now();this.#E(t)}this.emit("idle")}return!1}let e=!1;if(!this.#d){const t=Date.now(),i=!this.#B(t);if(this.#A&&this.#I){const r=this.#i.dequeue();this.#e||(this.#z(t),this.#m()),i&&this.#D(),this.emit("active"),r(),e=!0}}return e}#D(){this.#e||this.#l!==void 0||this.#a||(this.#l=setInterval(()=>{this.#O()},this.#c),this.#b=Date.now()+this.#c)}#O(){this.#a||(this.#l!==void 0&&(this.#s===0&&this.#n===0?this.#C():this.#b=Date.now()+this.#c),this.#s=this.#t?this.#n:0),this.#k(),this.#m()}#k(){for(;this.#_(););}get concurrency(){return this.#g}set concurrency(e){if(!(typeof e=="number"&&e>=1))throw new TypeError(`Expected \`concurrency\` to be a number from 1 and up, got \`${e}\` (${typeof e})`);this.#g=e,this.#k()}setPriority(e,t){if(typeof t!="number"||!Number.isFinite(t))throw new TypeError(`Expected \`priority\` to be a finite number, got \`${t}\` (${typeof t})`);this.#i.setPriority(e,t)}async add(e,t={}){if(t={timeout:this.timeout,...t,id:t.id??(this.#M++).toString()},t.timeout!==void 0&&!(Number.isFinite(t.timeout)&&t.timeout>0))throw new TypeError(`Expected \`timeout\` to be a positive finite number, got \`${t.timeout}\` (${typeof t.timeout})`);return new Promise((i,r)=>{const s=Symbol(`task-${t.id}`);let a=()=>{};const l=async()=>{a(),this.#n++,this.#y.set(s,{id:t.id,priority:t.priority??0,startTime:Date.now(),timeout:t.timeout});let c;try{try{t.signal?.throwIfAborted()}catch(f){throw this.#F(),this.#y.delete(s),f}let u=e({signal:t.signal});if(t.timeout!==void 0&&(u=Ur(Promise.resolve(u),{milliseconds:t.timeout,message:`Task timed out after ${t.timeout}ms (queue has ${this.#n} running, ${this.#i.size} waiting)`})),t.signal){const{signal:f}=t;u=Promise.race([u,new Promise((y,w)=>{c=()=>{w(f.reason)},f.addEventListener("abort",c,{once:!0})})])}const h=await u;i(h),this.emit("completed",h)}catch(u){r(u),this.emit("error",u)}finally{c&&t.signal?.removeEventListener("abort",c),this.#y.delete(s),queueMicrotask(()=>{this.#q()})}};this.#i.enqueue(l,t);const d=()=>{if(this.#i instanceof Ci){this.#i.remove(l);return}this.#i.remove?.(t.id)};if(t.signal){const{signal:c}=t,u=()=>{a(),d(),r(c.reason),this.#_(),this.emit("next")};if(a=()=>{c.removeEventListener("abort",u),this.#v.delete(a)},c.aborted){u();return}c.addEventListener("abort",u,{once:!0}),this.#v.add(a)}this.emit("add"),this.#_()})}async addAll(e,t){return Promise.all(e.map(async i=>this.add(i,t)))}start(){return this.#d?(this.#d=!1,this.#k(),this):this}pause(){this.#d=!0}clear(){for(const e of this.#v)e();this.#i=new this.#T,this.#C(),this.#N(),this.emit("empty"),this.#n===0&&(this.#S(),this.emit("idle")),this.emit("next")}async onEmpty(){this.#i.size!==0&&await this.#h("empty")}async onSizeLessThan(e){this.#i.size<e||await this.#h(["next","active"],()=>this.#i.size<e)}async onIdle(){this.#n===0&&this.#i.size===0||await this.#h("idle")}async onPendingZero(){this.#n!==0&&await this.#h("pendingZero")}async onRateLimit(){this.isRateLimited||await this.#h("rateLimit")}async onRateLimitCleared(){this.isRateLimited&&await this.#h("rateLimitCleared")}onError(){return new Promise((e,t)=>{const i=r=>{this.off("error",i),t(r)};this.on("error",i)})}async#h(e,t){const i=Array.isArray(e)?e:[e];return new Promise(r=>{const s=()=>{if(!(t&&!t())){for(const a of i)this.off(a,s);r()}};for(const a of i)this.on(a,s)})}get size(){return this.#i.size}sizeBy(e){return this.#i.filter(e).length}get pending(){return this.#n}get isPaused(){return this.#d}#H(){this.#e||(this.on("add",()=>{this.#i.size>0&&this.#m()}),this.on("next",()=>{this.#m()}))}#m(){this.#e||this.#w||(this.#w=!0,queueMicrotask(()=>{this.#w=!1,this.#N()}))}#F(){this.#e||(this.#L(),this.#m())}#N(){const e=this.#p;if(this.#e||this.#i.size===0){e&&(this.#p=!1,this.emit("rateLimitCleared"));return}let t;if(this.#a){const r=Date.now();this.#E(r),t=this.#x()}else t=this.#s;const i=t>=this.#f;i!==e&&(this.#p=i,this.emit(i?"rateLimit":"rateLimitCleared"))}get isRateLimited(){return this.#p}get isSaturated(){return this.#n===this.#g&&this.#i.size>0||this.isRateLimited&&this.#i.size>0}get runningTasks(){return[...this.#y.values()].map(e=>({...e,timeoutRemaining:e.timeout?Math.max(0,e.startTime+e.timeout-Date.now()):void 0}))}}const Vr=()=>{const n=Ne.useAnalyticsConfigStore(),e=o.inject(ke);if(!e)return;if(e.queryFnOverride){console.warn("Detected incorrect use of useRequestQueue. This composable should not be used in nested components. Please discuss with team-data or report an issue if you feel you have a use case.");return}const t=new Yr({carryoverConcurrencyCount:!0,concurrency:n.maxParallelRequests,interval:n.requestInterval,intervalCap:n.requestIntervalCap}),i={...e,queryFnOverride:!0,queryFn:(r,s)=>t.add(()=>e.queryFn(r,s))};o.provide(ke,i)};const jr=typeof window<"u";let ki;process.env.NODE_ENV;const Ti=process.env.NODE_ENV!=="production"?Symbol("pinia"):Symbol();var Ri;(function(n){n.direct="direct",n.patchObject="patch object",n.patchFunction="patch function"})(Ri||(Ri={})),process.env.NODE_ENV;function Xe(n){const e=o.toRaw(n),t={};for(const i in e){const r=e[i];r.effect?t[i]=o.computed({get:()=>n[i],set(s){n[i]=s}}):(o.isRef(r)||o.isReactive(r))&&(t[i]=o.toRef(n,i))}return t}const Te=n=>n?.chart.type==="table",kt=n=>n?.query?.datasource==="requests",Tt=n=>!!n&&!Te(n)&&!kt(n),Kr=(n,e)=>{const t=n.header_description??("description"in n.chart?n.chart.description:void 0);if(t)return t.replaceAll(_i,e)||void 0},Xr=["basic","api_usage","llm_usage","agentic_usage","platform","platform_usage","managed_cache_usage",void 0],Qr=n=>Xr.includes(n);function Zr({queryBridge:n,context:e,definition:t,chartData:i}){const r=o.ref(""),s=o.ref(""),a=o.ref(void 0),l=o.ref(void 0),d=Ne.useAnalyticsConfigStore(),c=Ne.useDatasourceConfigStore(),{stripUnknownFilters:u,loading:h}=Xe(c),f=o.computed(()=>Te(t.value));o.onMounted(async()=>{r.value=await n?.exploreBaseUrl?.()??"",s.value=await n?.requestsBaseUrl?.()??""});const y=o.computed(()=>d.analytics&&d.percentiles),w=o.computed(()=>{const _=t.value.chart.type;return["golden_signals","gauge"].includes(_)?!1:_==="top_n"?!!e.value.editable||!!e.value.showTileActions:!0}),x=o.computed(()=>s.value&&t.value.query&&!f.value&&t.value.query.datasource!=="llm_usage"&&t.value.query.datasource!=="managed_cache_usage"&&!oe.isPlatformDatasource(t.value.query.datasource)&&y.value&&!h.value),b=o.computed(()=>r.value&&t.value.query&&Qr(t.value.query.datasource)&&y.value&&!h.value),O=o.computed(()=>i.value?oe.msToGranularity(i.value.meta.granularity_ms):void 0),T=o.computed(()=>{const _=t.value,k=[...e.value.filters,..._.query.filters??[]],R="metrics"in _.query?_.query.metrics:void 0,N=_.query?.datasource??"api_usage";return u.value({datasource:N,filters:k,queryFields:R})}),C=o.computed(()=>{if(!b.value||!w.value)return"";const _=t.value;if(Te(_))return m({..._.query,filters:T.value});const k=_.query.time_range||e.value.timeSpec,R=p(k,T.value);return m(R)}),F=o.computed(()=>{if(!x.value||!w.value)return"";const _=T.value,k=t.value;if(Te(k))return"";const R=G(k.query.time_range||e.value.timeSpec,_);return S(R)}),S=_=>x.value?`${s.value}?q=${JSON.stringify(_)}`:"",G=(_,k)=>{const R=i.value?.meta?.start?new Date(i.value.meta.start):void 0,N=i.value?.meta?.end?new Date(i.value.meta.end):void 0;return{filter:k,timeframe:{timePeriodsKey:_.type==="relative"?_.time_range:"custom",start:_.type==="absolute"?R:void 0,end:_.type==="absolute"?N:void 0}}},B=(_,k)=>({filter:k,timeframe:{timePeriodsKey:_.type==="relative"?_.time_range:"custom",start:_.type==="absolute"?_.start:void 0,end:_.type==="absolute"?_.end:void 0}}),p=(_,k)=>{const R=t.value;if(!Tt(R))throw new Error("Cannot build a chart explore query for table or api-requests definitions");const N=[...R.query.dimensions??[]],ee=[...R.query.metrics??[]];return{filters:k,metrics:ee,dimensions:N,time_range:_,granularity:R.query.granularity||O.value||void 0}},m=_=>{if(!b.value)return"";const k=t.value.query.datasource&&t.value.query.datasource!=="basic"?t.value.query.datasource:"api_usage";return`${r.value}?q=${JSON.stringify(_)}&d=${k}&c=${t.value.chart.type}`};return o.watch([x,b],([_,k])=>{_&&(a.value={href:""}),k&&(l.value={href:""})}),{exploreLinkKebabMenu:C,requestsLinkKebabMenu:F,canShowKebabMenu:w,canGenerateRequestsLink:x,canGenerateExploreLink:b,requestsLinkZoomActions:a,exploreLinkZoomActions:l,buildExploreQuery:p,buildRequestsQueryZoomActions:B,buildExploreLink:m,buildRequestLink:S}}const Jr=n=>n.type==="relative"?oe.TimePeriods.get(oe.TIMEFRAME_LOOKUP[n.time_range])?.timeframeLengthMs():new Date(n.end).getTime()-new Date(n.start).getTime(),es=n=>n.reduce((e,t)=>{const i=oe.TimePeriods.get(oe.TIMEFRAME_LOOKUP[t])?.maximumTimeframeLength();return i===void 0||e&&i<=e.durationSeconds?e:{durationSeconds:i,key:t}},void 0),Rt=(n,e)=>{if(!n||!e?.length)return;const t=Jr(n),i=es(e);return t!==void 0&&i&&t>i.durationSeconds*1e3?i:void 0},Si=(n,e)=>{const t=Rt(n,e);return!t||!n?n:n.type==="relative"?{...n,time_range:t.key}:{...n,start:new Date(new Date(n.end).getTime()-t.durationSeconds*1e3)}};function ts(){const n=o.inject(ke),e=Ne.useDatasourceConfigStore(),{datasourceConfigMap:t,stripUnknownFilters:i}=Xe(e);let r=null;return o.onUnmounted(()=>{r?.abort()}),{issueQuery:async(a,l,d)=>{if(!n)throw new Error("Query bridge is not defined");r?.abort();const c=new AbortController;r=c,await e.isReady();const{datasource:u,limit:h,...f}=a,y=u||"basic",w=oe.isPlatformDatasource(y),x=i.value({datasource:y,filters:[...a.filters??[],...l.filters],queryFields:a.metrics}).filter(({operator:T})=>!w||!oe.requestFilterTypeEmptyV2.some(C=>C===T));let b=a.time_range;!b&&l.timeSpec?b={...l.timeSpec,tz:l.tz}:b&&!b.tz&&(b={...b,tz:l.tz}),b=Si(b,t.value[y]?.timeRangeOptions);const O={datasource:y,query:{...f,time_range:b,filters:x,limit:d??h}};return n.queryFn(O,c)}}}function is({context:n,globalFilters:e=o.ref([]),isFullscreen:t=o.ref(!1),preview:i=o.ref(!1)}){const r=Ne.useAnalyticsConfigStore(),s=Ne.useDatasourceConfigStore(),{loading:a}=Xe(r),{loading:l}=Xe(s),d=o.computed(()=>n.value.timeSpec?n.value.timeSpec:{type:"relative",time_range:r.defaultQueryTimeForOrg}),c=o.computed(()=>{const{tz:T}=n.value;return T||new Intl.DateTimeFormat().resolvedOptions().timeZone}),u=o.computed(()=>{const{editable:T}=n.value;return T===void 0||i.value?!1:T}),h=o.computed(()=>{const{showTileActions:T}=n.value;return i.value?!1:T===void 0?!0:T}),f=o.computed(()=>!i.value&&!!o.getCurrentInstance()?.vnode?.props?.onTileTimeRangeZoom),y=o.computed(()=>[...n.value.filters??[],...e.value]),w=o.computed(()=>{let{refreshInterval:T}=n.value;if(T===void 0&&(T=wi),t.value){let C=!1;if(d.value.type==="relative")C=["15m","1h","6h","12h","24h"].includes(d.value.time_range);else{const G=d.value.start.getTime(),B=d.value.end.getTime();C=Math.abs(B-G)<=864e5}const F=new Date().getTime();d.value.type==="absolute"&&d.value.end.getTime()<F||d.value.type==="relative"&&["previous_week","previous_month"].includes(d.value.time_range)?T=0:C?T=bi:T=vi}return T}),x=o.computed(()=>!i.value),b=o.computed(()=>({filters:y.value,timeSpec:d.value,tz:c.value,refreshInterval:w.value,editable:u.value,showTileActions:h.value,showTileZoomActions:x.value,zoomable:f.value,...n.value.scatterDataFn&&{scatterDataFn:n.value.scatterDataFn}})),O=o.computed(()=>!a.value&&!l.value);return{editable:u,enrichedContext:b,filters:y,queryReady:O,refreshInterval:w,showTileActions:h,showTileZoomActions:x,timeSpec:d,tz:c,zoomable:f}}const ns=6,Di=6,Oi=4;function rs(n,e){const{pageWidth:t,pageHeight:i,margin:r}=e,s=r+1,a=r+e.headerHeight-3,l=i-r-Di+3,d=l+4;e.title&&(n.setFont("helvetica","bold"),n.setFontSize(11),n.setTextColor(60),n.text(e.title,r,s)),n.setFont("helvetica","normal"),n.setFontSize(8),n.setTextColor(120),n.text(e.generatedAt,t-r,s,{align:"right"}),e.subtitle&&n.text(e.subtitle,r,s+Oi),n.setDrawColor(220),n.line(r,a,t-r,a),n.line(r,l,t-r,l),n.setFont("helvetica","bold"),n.setTextColor(60),n.text(e.branding,r,d);const c=n.getTextWidth(e.branding);n.setFont("helvetica","normal");const u=` ${e.dashboardNote}`;e.dashboardUrl?(n.setTextColor(0,68,204),n.textWithLink(u,r+c,d,{url:e.dashboardUrl})):(n.setTextColor(120),n.text(u,r+c,d)),n.setTextColor(120),n.text(e.pageLabel,t-r,d,{align:"right"})}function ss(n){const e=n.querySelector(".kong-ui-public-grid-layout, .grid-stack");if(!e)return[];const t=e.querySelectorAll(":scope > .grid-cell:not(.empty-cell), :scope > .grid-stack-item");if(!t.length)return[];const i=n.getBoundingClientRect().top,r=new Map;return t.forEach(s=>{const a=s.getBoundingClientRect(),l=Math.round(a.top-i),d=Math.round(a.bottom-i),c=r.get(l);r.set(l,c!==void 0?Math.max(c,d):d)}),[...r.entries()].map(([s,a])=>({top:s,bottom:a})).sort((s,a)=>s.top-a.top)}function os(n,e,t,i){if(!n.length){const a=[];let l=0;for(;l<e;){const d=Math.min(t,e-l);a.push({startY:l,height:d}),l+=d}return a}const r=[];let s=0;for(const a of n){const l=a.top*i,d=a.bottom*i;d-s>t&&(l>s?(r.push({startY:s,height:l-s}),s=l):(r.push({startY:s,height:d-s}),s=d))}return s<e&&r.push({startY:s,height:e-s}),r}function as(n){const{i18n:e}=gi(),t=o.ref({status:"idle"});async function i(r={}){const{filename:s="dashboard-export",title:a,subtitle:l,dashboardUrl:d,orientation:c="landscape",pageSize:u="letter",margin:h=4,scale:f=2,exclude:y=[".tile-actions",".tooltip",".popover",".dropdown-popover"],output:w="download",onBeforeCapture:x,onAfterCapture:b}=r,O=n.value;if(!O){t.value={status:"error",error:new Error("Dashboard layout container not found.")};return}try{t.value={status:"preparing"},await x?.();const[{snapdom:T},{jsPDF:C}]=await Promise.all([import("@zumer/snapdom"),import("jspdf")]);t.value={status:"capturing"};const F={name:"kong-webgl-snapshot",beforeClone:()=>oe.prepareForCapture(),afterClone:()=>oe.restoreAfterCapture()},S=await T.toCanvas(O,{scale:f,exclude:y,excludeMode:"remove",embedFonts:!0,plugins:[F]}),G=ss(O),B=O.getBoundingClientRect().width,p=B?S.width/B:f;t.value={status:"generating"};const m=new Date,_=new C({orientation:c,unit:"mm",format:u}),k=_.internal.pageSize.getWidth(),R=_.internal.pageSize.getHeight(),N=ns+(l?Oi:0),ee=k-h*2,ue=R-h*2-N-Di,de=S.width/ee,Q=ue*de,ne=os(G,S.height,Q,p),I={title:a,subtitle:l,dashboardUrl:d,generatedAt:e.t("pdfExport.generated",{timestamp:m.toLocaleString(void 0,{dateStyle:"medium",timeStyle:"short"})}),branding:e.t("pdfExport.branding"),dashboardNote:e.t("pdfExport.dashboardNote"),pageWidth:k,pageHeight:R,headerHeight:N,margin:h};for(let J=0;J<ne.length;J++){J>0&&_.addPage();const{startY:L,height:E}=ne[J],v=document.createElement("canvas");v.width=S.width,v.height=E,v.getContext("2d").drawImage(S,0,L,S.width,E,0,0,S.width,E),_.addImage(v.toDataURL("image/png"),"PNG",h,h+N,ee,E/de),rs(_,{...I,pageLabel:e.t("pdfExport.pageOf",{page:String(J+1),total:String(ne.length)})})}if(w==="blob"){const J=_.output("blob");return t.value={status:"complete",pageCount:ne.length},J}_.save(s),t.value={status:"complete",pageCount:ne.length}}catch(T){t.value={status:"error",error:T}}finally{oe.restoreAfterCapture(),await b?.()}}return{exportPdf:i,exportState:o.readonly(t)}}const me={useContextLinks:Zr,useDashboardContext:is,useEvaluateFeatureFlag:Br,useExportPdf:as,useI18n:gi,useIssueQuery:ts,useRequestQueue:Vr},ls={class:"kong-ui-public-csv-export-modal"},cs={key:0,class:"selected-range"},us={key:4,class:"text-muted",tag:"span"},Ni=3,Mi=o.defineComponent({__name:"CsvExportModal",props:{exportState:{},filename:{},modalDescription:{default:void 0}},emits:["closeModal"],setup(n,{emit:e}){const{i18n:t}=me.useI18n(),i=n,r=e,s=`${i.filename.replace(/\s+/g,"-").toLowerCase()}-${new Date().toISOString().slice(0,10)}.csv`,a=o.ref(1),l=o.computed(()=>f.value.rows.length),d=o.computed(()=>i.exportState.status==="success"&&!!i.exportState.chartData?.data?.length),c=o.computed(()=>{if(i.exportState.status!=="success"||!i.exportState.chartData?.meta)return"";const{start:w,end:x}=i.exportState.chartData.meta;return w&&x?`${oe.formatTimestamp(new Date(w))} - ${oe.formatTimestamp(new Date(x),{includeTZ:!0})}`:""}),u=o.computed(()=>i.exportState.status!=="success"?"":t.t("csvExport.previewRows",{rowsMax:Math.min(Ni,l.value),rowsTotal:l.value,plural:l.value===1?"":"s"})),h=()=>{r("closeModal")},f=o.computed(()=>{if(i.exportState.status!=="success"||!d.value||!i.exportState.chartData?.meta.metric_names)return{headers:[],rows:[],csvHeaders:{}};const w=i.exportState.chartData,x=w.data.some(S=>S.timestamp!==w.data[0].timestamp),b=w.data.map(S=>{const G=new Date(S.timestamp);return{...Object.keys(S.event).reduce((p,m)=>{if(m in w.meta.display){const _=S.event[m],k=w.meta.display[m];p[m]=_&&k&&k[_].name||S.event[m]}else p[m]=S.event[m];return p},{}),...x?{timestamp:li(G,"yyyy-MM-dd HH:mm:ss"),tzOffset:li(G,"XXX")}:{}}});let O=[];x&&(O=[{label:t.t("csvExport.Timestamp"),key:"timestamp"},{label:t.t("csvExport.UtcOffset"),key:"tzOffset"}]);const T="display"in i.exportState.chartData.meta&&i.exportState.chartData.meta.display?i.exportState.chartData.meta.display:{},C=[...O,...Object.keys(T).map(S=>({label:t.t(`chartLabels.${S}`),key:S})),...i.exportState.chartData.meta.metric_names.map(S=>({label:t.t(`chartLabels.${S}`),key:S}))],F=C.reduce((S,G)=>(S[G.key]=G.label,S),{});return{headers:C,csvHeaders:F,rows:b}}),y=async()=>{if(i.exportState.status!=="success")return{total:0,data:[]};const{rows:w}=f.value;return{total:Number(w.length)||0,data:w.slice(0,Ni)}};return o.watch(f,()=>{a.value++}),(w,x)=>{const b=o.resolveComponent("KSkeleton"),O=o.resolveComponent("KEmptyState"),T=o.resolveComponent("KTableData"),C=o.resolveComponent("KTooltip"),F=o.resolveComponent("KButton"),S=o.resolveComponent("KModal");return o.openBlock(),o.createElementBlock("div",ls,[o.createVNode(S,{class:"vitals-report","data-testid":"csv-export-modal","show-dismiss-icon":"",title:o.unref(t).t("csvExport.exportPreview"),visible:"",onCancel:h,onKeyup:o.withKeys(h,["esc"])},{default:o.withCtx(()=>[o.createElementVNode("div",null,[n.exportState.status==="success"&&d.value?(o.openBlock(),o.createElementBlock("div",cs,[o.createElementVNode("p",null,o.toDisplayString(n.modalDescription?n.modalDescription:o.unref(t).t("csvExport.exportDescription")),1),o.createElementVNode("p",null,o.toDisplayString(o.unref(t).t("csvExport.exportTimeRange"))+": "+o.toDisplayString(c.value),1)])):o.createCommentVNode("",!0),n.exportState.status==="loading"?(o.openBlock(),o.createBlock(b,{key:1,class:"chart-skeleton",type:"table"})):n.exportState.status==="success"?(o.openBlock(),o.createBlock(T,{key:2,class:"vitals-table",fetcher:y,"fetcher-cache-key":String(a.value),headers:f.value.headers,"hide-pagination":"","row-hover":!1,sortable:!1},{"empty-state":o.withCtx(()=>[o.createVNode(O,{"action-button-visible":!1},{title:o.withCtx(()=>[o.createElementVNode("h5",null,o.toDisplayString(o.unref(t).t("csvExport.noDataRange")),1)]),default:o.withCtx(()=>[o.createElementVNode("p",null,o.toDisplayString(o.unref(t).t("csvExport.noDataRetry")),1)]),_:1})]),_:1},8,["fetcher-cache-key","headers"])):n.exportState.status==="error"?(o.openBlock(),o.createBlock(O,{key:3,"action-button-visible":!1},{title:o.withCtx(()=>[o.createElementVNode("h5",null,o.toDisplayString(o.unref(t).t("csvExport.dataError")),1)]),_:1})):o.createCommentVNode("",!0),n.exportState.status==="success"&&d.value?(o.openBlock(),o.createElementBlock("div",us,[o.createTextVNode(o.toDisplayString(u.value)+" ",1),o.createVNode(C,{class:"preview-tooltip",placement:"right",text:o.unref(t).t("csvExport.maximumRecordAmount",{value:o.unref(oe.EXPORT_RECORD_LIMIT)})},{default:o.withCtx(()=>[o.createVNode(o.unref(ve.InfoIcon),{color:`var(--kui-color-text-neutral, ${o.unref(vt)})`,size:`var(--kui-icon-size-30, ${o.unref(Sr)})`},null,8,["color","size"])]),_:1},8,["text"])])):o.createCommentVNode("",!0)])]),"footer-actions":o.withCtx(()=>[o.createVNode(F,{appearance:"tertiary",class:"cancel-btn",onClick:h},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(t).t("csvExport.cancelButton")),1)]),_:1}),o.createVNode(Pr,{class:"vitals-report-export-button",filename:s,headers:f.value.csvHeaders,rows:f.value.rows},{default:o.withCtx(()=>[o.createVNode(F,{appearance:"primary","data-testid":"csv-download-button",disabled:n.exportState.status!=="success"||!d.value},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(t).t("csvExport.downloadButton")),1)]),_:1},8,["disabled"])]),_:1},8,["headers","rows"])]),_:1},8,["title"])])}}});var zi=(n=>(n.VALIDATING="VALIDATING",n.VALIDATING_HAS_DATA="VALIDATING_HAS_DATA",n.PENDING="PENDING",n.SUCCESS="SUCCESS",n.SUCCESS_HAS_DATA="SUCCESS_HAS_DATA",n.ERROR="ERROR",n.STALE_IF_ERROR="STALE_IF_ERROR",n))(zi||{});const ds=n=>n?!!(Object.keys(n)?.length||n.data?.length||n.data?.data?.length||!n.data?.data&&typeof n.data=="object"&&Object.keys(n?.data).length):!1;function Li(n=o.ref({}),e,t,i=ds){const r=o.ref("PENDING");return o.watchEffect(()=>{const s=i(n.value);if(n.value&&s&&t.value){r.value="VALIDATING_HAS_DATA";return}if(n.value&&t.value){r.value="VALIDATING";return}if(n.value&&e.value){r.value="STALE_IF_ERROR";return}if(n.value===void 0&&!e.value){r.value="PENDING";return}if(n.value&&!e.value&&s){r.value="SUCCESS_HAS_DATA";return}if(n.value&&!e.value){r.value="SUCCESS";return}n.value===void 0&&e&&(r.value="ERROR")}),{state:r,swrvState:zi}}const Qe=o.defineComponent({__name:"QueryDataProvider",props:{context:{},limitOverride:{},query:{},queryReady:{type:Boolean},refreshCounter:{}},emits:["chart-data","query-complete"],setup(n,{emit:e}){const t=n,i=e,{i18n:r}=me.useI18n(),{issueQuery:s}=me.useIssueQuery(),a=o.inject(ke),l=()=>t.queryReady&&a?JSON.stringify([t.query,t.context,t.refreshCounter]):null,{data:d,error:c,isValidating:u}=zt(l,async()=>{const T=l();try{const C=await s(t.query,t.context,t.limitOverride);return l()!==T?void 0:(y.value=null,C)}catch(C){if(l()!==T)return;throw y.value=qe.handleQueryError(C),C}finally{l()===T&&i("query-complete")}},{refreshInterval:t.context.refreshInterval,revalidateOnFocus:!1,shouldRetryOnError:!1}),{state:h,swrvState:f}=Li(d,c,u),y=o.ref(null),w=o.computed(()=>h.value===f.ERROR||!!y.value),x=o.computed(()=>!t.queryReady||h.value===f.PENDING),b=o.ref(),O=o.computed(()=>d.value??(t.queryReady&&h.value===f.PENDING?b.value:void 0));return o.watch([()=>d.value,()=>h.value],([T,C])=>{T&&(C==="SUCCESS_HAS_DATA"||C==="SUCCESS")&&T!==b.value&&(b.value=T,i("chart-data",T))}),(T,C)=>{const F=o.resolveComponent("KSkeleton"),S=o.resolveComponent("KEmptyState");return(x.value||!o.unref(d)&&!w.value)&&!O.value?(o.openBlock(),o.createBlock(F,{key:0,class:"chart-skeleton",type:"table"})):w.value&&!x.value?(o.openBlock(),o.createBlock(S,{key:1,"action-button-visible":!1,"data-testid":"chart-empty-state"},o.createSlots({icon:o.withCtx(()=>[y.value?.type==="forbidden"?(o.openBlock(),o.createBlock(o.unref(ve.VisibilityOffIcon),{key:0})):(o.openBlock(),o.createBlock(o.unref(ve.WarningOutlineIcon),{key:1}))]),title:o.withCtx(()=>[o.createElementVNode("p",null,o.toDisplayString(y.value?.message||o.unref(r).t("renderer.unexpectedError")),1)]),_:2},[y.value?.details?{name:"default",fn:o.withCtx(()=>[o.createElementVNode("p",null,o.toDisplayString(y.value.details),1)]),key:"0"}:void 0]),1024)):O.value?o.renderSlot(T.$slots,"default",{data:O.value},void 0,void 0,2):o.createCommentVNode("",!0)}}}),hs=o.defineComponent({__name:"SimpleChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},setup(n){const e=n,t=o.computed(()=>e.chartOptions.type==="single_value"),i=o.computed(()=>e.chartOptions.type==="single_value"?{...e.chartOptions,alignX:e.chartOptions.align_x??"left",showTrend:e.query.granularity==="trend"}:e.chartOptions);return(r,s)=>(o.openBlock(),o.createBlock(Qe,{context:n.context,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter},{default:o.withCtx(({data:a})=>[o.createElementVNode("div",{class:o.normalizeClass(["analytics-chart",{"single-value":t.value}]),style:o.normalizeStyle(t.value?void 0:{height:`${n.height}px`})},[o.createVNode(o.unref(qe.SimpleChart),{"chart-data":a,"chart-options":i.value,"synthetics-data-key":t.value?void 0:n.chartOptions.synthetics_data_key},null,8,["chart-data","chart-options","synthetics-data-key"])],6)]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),De=(n,e)=>{const t=n.__vccOpts||n;for(const[i,r]of e)t[i]=r;return t},Ai=De(hs,[["__scopeId","data-v-22077b88"]]),fs={class:"analytics-chart"},St=De(o.defineComponent({__name:"BaseAnalyticsChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{},extraProps:{}},emits:["edit-tile","chart-data","zoom-time-range","view-requests","select-chart-range"],setup(n,{emit:e}){const t=n,i=e,{i18n:r}=me.useI18n(),s=o.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=o.computed(()=>t.context.zoomable),l=()=>{i("edit-tile")},d=c=>{i("chart-data",c)};return(c,u)=>{const h=o.resolveComponent("KDropdownItem");return o.openBlock(),o.createBlock(Qe,{context:n.context,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter,onChartData:d},{default:o.withCtx(({data:f})=>[o.createElementVNode("div",fs,[o.createVNode(o.unref(qe.AnalyticsChart),o.mergeProps({"active-metric":n.activeMetric,"chart-data":f,"chart-options":s.value,"explore-link":n.exploreLink,"legend-position":"bottom","requests-link":n.requestsLink,"synthetics-data-key":n.chartOptions.synthetics_data_key,"timeseries-zoom":a.value,"tooltip-title":""},n.extraProps,{onSelectChartRange:u[0]||(u[0]=y=>i("select-chart-range",y)),onZoomTimeRange:u[1]||(u[1]=y=>i("zoom-time-range",y))}),o.createSlots({_:2},[n.context.editable?{name:"menu-items",fn:o.withCtx(()=>[o.createVNode(h,{onClick:l},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(r).t("renderer.edit")),1)]),_:1})]),key:"0"}:void 0]),1040,["active-metric","chart-data","chart-options","explore-link","requests-link","synthetics-data-key","timeseries-zoom"])])]),_:1},8,["context","query","query-ready","refresh-counter"])}}}),[["__scopeId","data-v-678fdc93"]]),Ii=o.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},setup(n){return(e,t)=>(o.openBlock(),o.createBlock(St,{"chart-options":n.chartOptions,context:n.context,"extra-props":{showAnnotations:!1},height:n.height,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),ms={class:"analytics-chart"},ps={key:3,class:"analytics-chart"},gs=De(o.defineComponent({__name:"ScatterChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},emits:["chart-data","query-complete"],setup(n,{emit:e}){const t=n,i=e,{i18n:r}=me.useI18n(),s=o.computed(()=>t.query.datasource==="requests"),a=o.computed(()=>t.context.scatterDataFn);let l=null;o.onUnmounted(()=>{l?.abort()});const d=()=>s.value&&t.queryReady&&a.value?JSON.stringify([t.query,t.context,t.refreshCounter]):null,c=o.ref(null),{data:u,error:h,isValidating:f}=zt(d,async()=>{const S=d();l?.abort();const G=new AbortController;l=G;try{const B=await a.value(t.query,t.context,G);return d()!==S?void 0:(c.value=null,B)}catch(B){if(d()!==S)return;throw c.value=qe.handleQueryError(B),B}finally{d()===S&&i("query-complete")}},{refreshInterval:t.context.refreshInterval,revalidateOnFocus:!1,shouldRetryOnError:!1}),{state:y,swrvState:w}=Li(u,h,f),x=o.ref(),b=o.computed(()=>u.value??x.value);o.watch(u,S=>{S&&(x.value=S)});const O=o.computed(()=>!a.value||y.value===w.ERROR||!!c.value),T=o.computed(()=>a.value?c.value?.message||r.t("renderer.unexpectedError"):r.t("renderer.noScatterDataFn")),C=o.computed(()=>!O.value&&(!t.queryReady||y.value===w.PENDING)&&!b.value),F=o.computed(()=>({type:"scatter",chartDatasetColors:t.chartOptions.chart_dataset_colors,scatter:{percentileLines:t.chartOptions.percentile_lines?.map(S=>({percentile:S.percentile,label:S.label,borderDash:S.border_dash,color:S.color})),outlierPercentile:t.chartOptions.outlier_percentile,shadeOutlierRegion:t.chartOptions.shade_outlier_region,jitterMs:t.chartOptions.jitter_ms,pointRadius:t.chartOptions.point_radius,pointOpacity:t.chartOptions.point_opacity}}));return(S,G)=>{const B=o.resolveComponent("KSkeleton"),p=o.resolveComponent("KEmptyState");return s.value?C.value?(o.openBlock(),o.createBlock(B,{key:1,class:"chart-skeleton",type:"table"})):O.value?(o.openBlock(),o.createBlock(p,{key:2,"action-button-visible":!1,"data-testid":"scatter-chart-empty-state"},o.createSlots({icon:o.withCtx(()=>[c.value?.type==="forbidden"?(o.openBlock(),o.createBlock(o.unref(ve.VisibilityOffIcon),{key:0})):(o.openBlock(),o.createBlock(o.unref(ve.WarningOutlineIcon),{key:1}))]),title:o.withCtx(()=>[o.createElementVNode("p",null,o.toDisplayString(T.value),1)]),_:2},[c.value?.details?{name:"default",fn:o.withCtx(()=>[o.createElementVNode("p",null,o.toDisplayString(c.value.details),1)]),key:"0"}:void 0]),1024)):b.value?(o.openBlock(),o.createElementBlock("div",ps,[o.createVNode(o.unref(qe.AnalyticsChart),{"chart-data":b.value,"chart-options":F.value,"legend-position":"bottom","synthetics-data-key":n.chartOptions.synthetics_data_key,"tooltip-title":""},null,8,["chart-data","chart-options","synthetics-data-key"])])):o.createCommentVNode("",!0):(o.openBlock(),o.createBlock(Qe,{key:0,context:n.context,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter,onChartData:G[0]||(G[0]=m=>i("chart-data",m)),onQueryComplete:G[1]||(G[1]=m=>i("query-complete"))},{default:o.withCtx(({data:m})=>[o.createElementVNode("div",ms,[o.createVNode(o.unref(qe.AnalyticsChart),{"chart-data":m,"chart-options":F.value,"legend-position":"bottom","synthetics-data-key":n.chartOptions.synthetics_data_key,"tooltip-title":""},null,8,["chart-data","chart-options","synthetics-data-key"])])]),_:1},8,["context","query","query-ready","refresh-counter"]))}}}),[["__scopeId","data-v-0b17680c"]]),qi=o.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},emits:["zoom-time-range","select-chart-range"],setup(n,{emit:e}){const t=e;return(i,r)=>(o.openBlock(),o.createBlock(St,{"active-metric":n.activeMetric,"chart-options":n.chartOptions,context:n.context,"explore-link":n.exploreLink,height:n.height,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter,"requests-link":n.requestsLink,onSelectChartRange:r[0]||(r[0]=s=>t("select-chart-range",s)),onZoomTimeRange:r[1]||(r[1]=s=>t("zoom-time-range",s))},null,8,["active-metric","chart-options","context","explore-link","height","query","query-ready","refresh-counter","requests-link"]))}}),ys=De(o.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},setup(n){const e=n,t=o.computed(()=>{const r=e.query?.datasource;if(r&&r!=="api_usage"&&r!=="basic")throw new Error(`Invalid datasource value: ${r}`);return{datasource:e.query?.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}}),i=o.computed(()=>!!(e.chartOptions.chart_title||e.headerDescription));return(r,s)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["metric-card-tile-wrapper",{titled:i.value}])},[o.createVNode(o.unref(Lt.MetricsProvider),o.normalizeProps(o.guardReactiveProps(t.value)),{default:o.withCtx(()=>[o.createVNode(o.unref(Lt.MetricsConsumer))]),_:1},16)],2))}}),[["__scopeId","data-v-3eda5028"]]),_s={class:"fallback-entity-link","data-testid":"entity-link-parent"},Pi=o.defineComponent({__name:"FallbackEntityLink",props:{entityLinkData:{}},setup(n){return(e,t)=>(o.openBlock(),o.createElementBlock("div",_s,o.toDisplayString(n.entityLinkData.label),1))}}),ws={key:0},bs={key:1},vs=o.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},setup(n){const e=n,t=o.inject(ke),i=o.defineAsyncComponent(async()=>{if(t?.fetchComponent)try{return await t.fetchComponent("EntityLink")}catch{return Pi}return Pi}),r=o.computed(()=>!!e.chartOptions.entity_link||!!Object.keys(e.chartOptions.entity_links||{}).length),s=c=>{const u=e.chartOptions.entity_links;return u&&(u[c]||Object.entries(u).find(([h])=>h.toLowerCase()===c.toLowerCase())?.[1])||""},a=c=>{const u=c.dimensions?.[0]?.dimension;return!u||u===c.dimension},l=c=>s(c.dimension)||a(c)&&e.chartOptions.entity_link||"",d=c=>{const u=l(c);if(u)if(c.id.includes(":")){const[h,f]=c.id.split(":");return u.replace(yi,h).replace(Et,f)}else return u.replace(Et,c.id);return""};return(c,u)=>(o.openBlock(),o.createBlock(Qe,{context:n.context,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter},{default:o.withCtx(({data:h})=>[o.createVNode(o.unref(qe.TopNTable),{data:h,"synthetics-data-key":n.chartOptions.synthetics_data_key},o.createSlots({_:2},[r.value?{name:"name",fn:o.withCtx(({record:f})=>[!f.isEmpty&&l(f)?(o.openBlock(),o.createBlock(o.unref(i),{key:0,"entity-link-data":{id:f.id,label:f.name,deleted:f.deleted},"external-link":d(f)},null,8,["entity-link-data","external-link"])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[f.name==="empty"?(o.openBlock(),o.createElementBlock("i",ws,o.toDisplayString(f.name),1)):(o.openBlock(),o.createElementBlock("span",bs,o.toDisplayString(f.name),1))],64))]),key:"0"}:void 0]),1032,["data","synthetics-data-key"])]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),Es=n=>n.records.map(e=>{const t={...e};return Object.entries(e).forEach(([i,r])=>{if(r===null)return;const s=n.meta.display?.[i]?.[String(r)]?.name;s&&(t[i]=s)}),t}),Bi=({canTranslate:n,columns:e,translate:t})=>e.map(i=>{const r=`chartLabels.${i}`;return{key:i,label:n(r)?t(r):i}}),xs={platform:Bi,platform_usage:Bi},Hi=async({abortController:n,context:e,cursor:t,pageSize:i,query:r,onResponseColumns:s,stripUnknownFilters:a,tabularQueryFn:l})=>{if(!l)throw new Error("AnalyticsBridge.tabularQueryFn is not defined");const d=r.query,c=a({datasource:r.datasource,filters:[...d.filters??[],...e.filters],queryFields:d.entity===void 0?void 0:[d.entity]}),u=await l({datasource:r.datasource,query:{columns:d.columns,cursor:t===void 0?d.cursor:String(t),entity:d.entity,filters:c,page_size:i}},n);return u.meta.columns?.length&&s?.(u.meta.columns),{data:Es(u),cursor:u.meta.cursor,hasMore:!!u.meta.cursor}},Cs={platform:Hi,platform_usage:Hi},ks=De(o.defineComponent({__name:"TableDataGridRenderer",props:{query:{},context:{},queryReady:{type:Boolean},height:{},refreshCounter:{}},emits:["loading-change"],setup(n,{emit:e}){const t=n,i=e,r=o.inject(ke),s=Ne.useDatasourceConfigStore(),{i18n:a}=me.useI18n(),l=new AbortController,d=o.ref([]),c=o.ref(!1),u=o.computed(()=>t.height===void 0?void 0:{height:`${t.height}px`}),h=o.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}})),f=o.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}}));o.onUnmounted(()=>{l.abort()});const y=o.computed(()=>xs[t.query.datasource]({columns:t.query.columns?.length?t.query.columns:d.value,translate:b=>a.t(b),canTranslate:b=>a.te(b)})),w=o.computed(()=>async({cursor:b,pageSize:O})=>{try{await s.isReady();const T=Cs[h.value.datasource];if(!T)throw new Error(`No table data grid fetcher found for datasource: ${h.value.datasource}`);const C=await T({abortController:l,context:t.context,cursor:b,pageSize:O,query:h.value,onResponseColumns:F=>{d.value=F},stripUnknownFilters:s.stripUnknownFilters,tabularQueryFn:r?.tabularQueryFn});return c.value=!1,C}catch(T){throw c.value=!0,T}}),x=b=>{b.state==="error"&&(c.value=!0),i("loading-change",b.state==="loading")};return(b,O)=>{const T=o.resolveComponent("KSkeleton");return o.openBlock(),o.createElementBlock("div",{class:"table-data-grid-renderer",style:o.normalizeStyle(u.value)},[n.queryReady?(o.openBlock(),o.createBlock(o.unref(Yi.TableDataGrid),{key:1,error:c.value,fetcher:w.value,headers:y.value,"page-size":n.query.page_size,"refresh-key":f.value,onState:x},null,8,["error","fetcher","headers","page-size","refresh-key"])):(o.openBlock(),o.createBlock(T,{key:0,"data-testid":"table-skeleton",type:"table"}))],4)}}}),[["__scopeId","data-v-c49ff2eb"]]),Ts=o.defineComponent({__name:"DonutChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},setup(n){return(e,t)=>(o.openBlock(),o.createBlock(St,{"chart-options":n.chartOptions,context:n.context,height:n.height,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),Rs=["data-testid"],Ss={key:0,class:"tile-header"},Ds={class:"badge-container"},Os={class:"badge-text"},Ns={class:"badge-text"},Ms={key:0,class:"metric-selector-wrapper"},zs={key:1},Ls=["data-testid"],As=["data-testid"],Is=["data-testid"],qs={class:"delete-option"},Ps=["data-testid"],Fi=De(o.defineComponent({__name:"DashboardTile",props:o.mergeModels({context:{},definition:{},height:{default:()=>Ge},hideActions:{type:Boolean,default:!1},hideZoomActions:{type:Boolean,default:!1},isFullscreen:{type:Boolean},queryReady:{type:Boolean},showRefresh:{type:Boolean,default:!1},tileId:{},tileType:{default:"chart"}},{refreshCounter:{default:0},refreshCounterModifiers:{}}),emits:o.mergeModels(["chart-data","tile-loaded","edit-tile","duplicate-tile","remove-tile","tile-time-range-zoom","tile-bounds-change"],["update:refreshCounter"]),setup(n,{expose:e,emit:t}){o.useCssVars(D=>({v370de7a8:`${D.height}px`}));const i=parseInt(hi,10),r=o.useModel(n,"refreshCounter"),s=()=>{T.value=!0,r.value++},a=t,l=o.defineAsyncComponent(()=>Promise.resolve().then(()=>io)),d=o.inject(ke),c=Ne.useDatasourceConfigStore(),{datasourceConfigMap:u,stripUnknownFilters:h}=Xe(c),{i18n:f}=me.useI18n(),y=o.ref(),w=o.ref({status:"loading"}),x=o.ref(!1),b=o.ref(),O=o.ref(!1),T=o.ref(!0),C=o.computed(()=>n.definition.chart),F=o.computed(()=>"chart_title"in C.value?C.value.chart_title:void 0),S=o.computed(()=>n.definition.header_description),G=o.computed(()=>C.value.type==="slottable"),B=o.computed(()=>Te(n.definition)||kt(n.definition)?!1:!("allow_csv_export"in C.value)||C.value.allow_csv_export!==!1),{exploreLinkKebabMenu:p,requestsLinkKebabMenu:m,canShowKebabMenu:_,canGenerateRequestsLink:k,canGenerateExploreLink:R,requestsLinkZoomActions:N,exploreLinkZoomActions:ee,buildExploreQuery:ue,buildExploreLink:de,buildRequestLink:Q,buildRequestsQueryZoomActions:ne}=me.useContextLinks({queryBridge:d,chartData:o.readonly(y),definition:o.toRef(()=>n.definition),context:o.readonly(o.toRef(()=>n.context))}),{issueQuery:I}=me.useIssueQuery();o.watch(()=>n.definition,async(D,V)=>{await o.nextTick(),b.value&&(O.value=b.value.scrollWidth>b.value.clientWidth);try{JSON.stringify(D?.query)!==JSON.stringify(V?.query)&&(T.value=!0)}catch{}},{immediate:!0,deep:!0});const J=o.computed(()=>f.t("csvExport.defaultFilename")),L=o.computed(()=>!!p.value||B.value||!!n.context.editable),E=o.computed(()=>!n.hideActions&&_.value&&L.value),v=o.computed(()=>E.value&&L.value&&!n.isFullscreen),Y={timeseries_line:qi,timeseries_bar:qi,scatter:gs,horizontal_bar:Ii,vertical_bar:Ii,gauge:Ai,donut:Ts,golden_signals:ys,top_n:vs,table:ks,slottable:void 0,single_value:Ai,choropleth_map:l},q=o.computed(()=>({...H.value?.rendererEvents.supportsRequests?{"select-chart-range":Ae}:{},...H.value?.rendererEvents.supportsZoom?{"zoom-time-range":et}:{},...H.value?.rendererEvents.supportsBounds?{"bounds-change":ft}:{},...H.value?.rendererEvents.supportsLoadingChange?{"loading-change":be}:{}})),H=o.computed(()=>{const D=Y[n.definition.chart.type],V=Te(n.definition),le=!!D?.emits?.includes("select-chart-range"),He=!!D?.emits?.includes("zoom-time-range"),Ie=n.definition.chart.type==="choropleth_map",Fe=!!D?.emits?.includes("loading-change"),Nt={query:n.definition.query,context:n.context,queryReady:n.queryReady,height:n.height-i*2,refreshCounter:r.value},Mt={chartOptions:n.definition.chart,activeMetric:se.value,headerDescription:S.value,requestsLink:n.hideZoomActions?void 0:N.value,exploreLink:n.hideZoomActions?void 0:ee.value};return D&&{component:D,rendererProps:{...Nt,...V?{}:Mt},rendererEvents:{supportsRequests:le,supportsZoom:He,supportsBounds:Ie,supportsLoadingChange:Fe}}}),ge=o.computed(()=>{if(Te(n.definition))return null;const D=n.definition.query,V=D?.time_range;if(oe.isPlatformDatasource(D?.datasource)&&!D.dimensions?.includes("time"))return f.t("renderer.as_of_today");if(V?.type==="relative"){const le=oe.TimePeriods.get(oe.TIMEFRAME_LOOKUP[V.time_range]);return le?le.display:(console.warn("Did not recognize the given relative time range:",V.time_range),V.time_range)}else if(V?.type==="absolute"){const le=V.tz||"Etc/UTC";return`${oe.formatTime(V.start,{short:!0,tz:le})} - ${oe.formatTime(V.end,{short:!0,tz:le})}`}return null}),U=o.computed(()=>{const D=n.definition.query,V=D?.datasource,le=V?u.value[V]?.timeRangeOptions:void 0,Ie=(D&&"time_range"in D?D.time_range:void 0)??n.context.timeSpec;return Rt(Ie,le)}),$=o.computed(()=>G.value?!1:[!!F.value,v.value,!!ge.value,U.value,!!S.value,n.showRefresh,K.value].some(Boolean)),te=o.computed(()=>y.value?oe.msToGranularity(y.value.meta.granularity_ms):void 0),A=o.computed(()=>["timeseries_line","timeseries_bar"].includes(C.value.type)),re=o.computed(()=>y.value?.meta.metric_names??[]),se=o.ref();o.watch(re,D=>{(!se.value||!D.includes(se.value))&&(se.value=D[0])},{immediate:!0});const K=o.computed(()=>A.value&&(y.value?.data.length??0)>0&&re.value.length>1&&Object.keys(y.value?.meta.display??{}).length>0),Z=D=>Object.hasOwn(pi.chartLabels,D),W=o.computed(()=>re.value.map(D=>({value:D,label:Z(D)?f.t(`chartLabels.${D}`):D}))),ye=o.computed(()=>{if(!Tt(n.definition)||!A.value||!n.queryReady||T.value)return!1;const D=n.definition.query.granularity;return!D||!te.value?!1:D!==te.value}),P=o.computed(()=>{const D=oe.msToGranularity(y.value?.meta.granularity_ms??0)??"unknown",V=Tt(n.definition)?n.definition.query.granularity??"unknown":"unknown";return f.t("query_aged_out_warning",{currentGranularity:f.t(`granularities.${D}`),savedGranularity:f.t(`granularities.${V}`)})}),ie=o.computed(()=>{const D=[...n.context.filters,...n.definition.query.filters??[]],V="metrics"in n.definition.query?n.definition.query.metrics:void 0,le=n.definition.query.datasource??"api_usage";return h.value({datasource:le,filters:D,queryFields:V})}),Oe=()=>{a("edit-tile",n.definition)},Le=()=>{a("duplicate-tile",n.definition)},we=()=>{a("remove-tile",n.definition)},Be=D=>{y.value=D,T.value=!1,a("chart-data",D),a("tile-loaded")},ce=()=>{T.value=!1,a("tile-loaded")},be=D=>{T.value=D,D||a("tile-loaded")},ae=()=>{x.value=!1},he=()=>{if(kt(n.definition))throw new Error("Cannot export data for a tile backed by the api-requests endpoint");const D=n.definition.query.datasource?.startsWith("goap");return d?.staticConfig?.increaseCsvExportLimit!==!1&&!D?I(n.definition.query,n.context,oe.EXPORT_RECORD_LIMIT):y.value?Promise.resolve(y.value):new Promise(le=>{const He=o.watch(y,Ie=>{Ie&&(le(Ie),He())})})},Ce=async()=>{x.value=!0,w.value={status:"loading"};try{const D=await he();w.value={status:"success",chartData:D}}catch(D){w.value={status:"error",error:D}}},et=D=>{const V={tileId:n.tileId.toString(),timeRange:D};a("tile-time-range-zoom",V)},ft=D=>{const V={tileId:n.tileId.toString(),bounds:D};a("tile-bounds-change",V)},Ae=D=>{const V=ie.value,le=ue(D,V);ee.value=R.value?{href:de(le)}:void 0,N.value=k.value?{href:Q(ne(D,V))}:void 0};return e({getExportData:he}),(D,V)=>{const le=o.resolveComponent("KTooltip"),He=o.resolveComponent("KBadge"),Ie=o.resolveComponent("KButton"),Fe=o.resolveComponent("KDropdownItem"),Nt=o.resolveComponent("KDropdown");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["tile-boundary",{editable:n.context.editable,headless:!$.value}]),"data-testid":`tile-${n.tileId}`},[$.value&&!G.value?(o.openBlock(),o.createElementBlock("div",Ss,[o.createVNode(le,{class:"title-tooltip",disabled:!O.value,"max-width":"500",text:F.value},{default:o.withCtx(()=>[o.createElementVNode("div",{ref_key:"titleRef",ref:b,class:"title"},o.toDisplayString(F.value),513)]),_:1},8,["disabled","text"]),o.createElementVNode("div",Ds,[U.value?(o.openBlock(),o.createBlock(He,{key:0,appearance:"warning","data-testid":"unsupported-time-range-badge",tooltip:o.unref(f).t("unsupported_time_range_warning"),"tooltip-attributes":{maxWidth:"320px"}},{icon:o.withCtx(()=>[o.createVNode(o.unref(ve.WarningIcon),{size:`var(--kui-icon-size-20, ${o.unref(ci)})`},null,8,["size"])]),default:o.withCtx(()=>[o.createElementVNode("span",Os,o.toDisplayString(o.unref(f).t("unsupported_time_range_badge")),1)]),_:1},8,["tooltip"])):o.createCommentVNode("",!0),ge.value?(o.openBlock(),o.createBlock(He,{key:1,"data-testid":"time-range-badge",tooltip:ye.value?P.value:void 0,"tooltip-attributes":{maxWidth:"320px"}},o.createSlots({default:o.withCtx(()=>[o.createElementVNode("span",Ns,o.toDisplayString(ge.value),1)]),_:2},[ye.value?{name:"icon",fn:o.withCtx(()=>[o.createVNode(o.unref(ve.WarningIcon),{size:`var(--kui-icon-size-20, ${o.unref(ci)})`},null,8,["size"])]),key:"0"}:void 0]),1032,["tooltip"])):o.createCommentVNode("",!0)]),K.value?(o.openBlock(),o.createElementBlock("div",Ms,[o.createVNode(o.unref(Vi.KSegmentedControl),{modelValue:se.value,"onUpdate:modelValue":V[0]||(V[0]=Mt=>se.value=Mt),class:"metric-selector","data-testid":"metric-selector",options:W.value},null,8,["modelValue","options"])])):o.createCommentVNode("",!0),n.showRefresh?(o.openBlock(),o.createElementBlock("div",zs,[o.createVNode(Ie,{appearance:"secondary",class:"refresh-button","data-testid":`tile-refresh-button-${n.tileId}`,disabled:T.value,icon:"",size:"small",onClick:s},{default:o.withCtx(()=>[T.value?(o.openBlock(),o.createBlock(o.unref(ve.ProgressIcon),{key:0,role:"button",size:`var(--kui-icon-size-60, ${o.unref(di)})`,tabindex:"0"},null,8,["size"])):(o.openBlock(),o.createBlock(o.unref(ve.RefreshIcon),{key:1,role:"button",size:`var(--kui-icon-size-60, ${o.unref(di)})`,tabindex:"0"},null,8,["size"]))]),_:1},8,["data-testid","disabled"])])):o.createCommentVNode("",!0),S.value?(o.openBlock(),o.createElementBlock("div",{key:2,class:"header-description","data-testid":`tile-description-${n.tileId}`},o.toDisplayString(S.value),9,Ls)):o.createCommentVNode("",!0),E.value?(o.openBlock(),o.createElementBlock("div",{key:3,class:"tile-actions","data-testid":`tile-actions-${n.tileId}`},[E.value&&n.context.editable&&!n.isFullscreen?(o.openBlock(),o.createBlock(o.unref(ve.EditIcon),{key:0,class:"edit-icon",color:`var(--kui-color-text-neutral, ${o.unref(vt)})`,"data-testid":`edit-tile-${n.tileId}`,size:`var(--kui-icon-size-40, ${o.unref(ui)})`,onClick:Oe},null,8,["color","data-testid","size"])):o.createCommentVNode("",!0),E.value&&L.value&&!n.isFullscreen?(o.openBlock(),o.createBlock(Nt,{key:1,class:"dropdown","data-testid":`chart-action-menu-${n.tileId}`,"kpop-attributes":{placement:"bottom-end"}},{items:o.withCtx(()=>[o.unref(p)?(o.openBlock(),o.createBlock(Fe,{key:0,"data-testid":`chart-jump-to-explore-${n.tileId}`,item:{label:o.unref(f).t("jumpToExplore"),to:o.unref(p)}},null,8,["data-testid","item"])):o.createCommentVNode("",!0),!o.unref(Te)(n.definition)&&o.unref(m)?(o.openBlock(),o.createBlock(Fe,{key:1,"data-testid":`chart-jump-to-requests-${n.tileId}`,item:{label:o.unref(f).t("jumpToRequests"),to:o.unref(m)}},null,8,["data-testid","item"])):o.createCommentVNode("",!0),B.value?(o.openBlock(),o.createBlock(Fe,{key:2,class:"chart-export-button","data-testid":`chart-csv-export-${n.tileId}`,onClick:Ce},{default:o.withCtx(()=>[o.createElementVNode("span",{class:"chart-export-trigger","data-testid":`csv-export-button-${n.tileId}`},o.toDisplayString(o.unref(f).t("csvExport.exportAsCsv")),9,Is)]),_:1},8,["data-testid"])):o.createCommentVNode("",!0),n.context.editable?(o.openBlock(),o.createBlock(Fe,{key:3,"data-testid":`duplicate-tile-${n.tileId}`,onClick:Le},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(f).t("renderer.duplicateTile")),1)]),_:1},8,["data-testid"])):o.createCommentVNode("",!0),n.context.editable?(o.openBlock(),o.createBlock(Fe,{key:4,"data-testid":`remove-tile-${n.tileId}`,onClick:we},{default:o.withCtx(()=>[o.createElementVNode("span",qs,o.toDisplayString(o.unref(f).t("renderer.delete")),1)]),_:1},8,["data-testid"])):o.createCommentVNode("",!0)]),default:o.withCtx(()=>[o.createVNode(o.unref(ve.MoreIcon),{class:"kebab-action-menu",color:`var(--kui-color-text-neutral, ${o.unref(vt)})`,"data-testid":`kebab-action-menu-${n.tileId}`,size:`var(--kui-icon-size-40, ${o.unref(ui)})`},null,8,["color","data-testid","size"])]),_:1},8,["data-testid"])):o.createCommentVNode("",!0)],8,As)):o.createCommentVNode("",!0),x.value?(o.openBlock(),o.createBlock(Mi,{key:4,"data-testid":`csv-export-modal-${n.tileId}`,"export-state":w.value,filename:J.value,onCloseModal:ae},null,8,["data-testid","export-state","filename"])):o.createCommentVNode("",!0)])):o.createCommentVNode("",!0),o.createElementVNode("div",{class:o.normalizeClass(["tile-content",`type-${n.tileType}-${C.value.type}`]),"data-testid":`tile-content-${n.tileId}`},[H.value?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(H.value.component),o.mergeProps({key:0},H.value.rendererProps,o.toHandlers(q.value),{onChartData:Be,onQueryComplete:ce}),null,16)):o.createCommentVNode("",!0)],10,Ps)],10,Rs)}}}),[["__scopeId","data-v-0eef0e9e"]]),Bs=(n,e)=>{let t=0;const i=new Map;e.forEach(s=>{const a=s.layout.position.row,l=i.get(a),d=s.layout.size.rows===1&&!!s.layout.size.fit_to_content;t=Math.max(t,a+s.layout.size.rows),l===void 0?i.set(a,d):i.set(a,l&&d)});const r=[];for(let s=0;s<t;s++)i.get(s)?r.push("auto"):r.push(`${n}px`);return r},$i=De(o.defineComponent({__name:"GridLayout",props:{tileHeight:{type:Number,required:!1,default:()=>Ge},columns:{type:Number,required:!1,default:()=>ot},tiles:{type:Array,required:!0}},setup(n){o.useCssVars(l=>({v821fda82:e.columns,v0870d42d:s.value}));const e=n,t=o.ref(null),i=o.ref(0),r=new ResizeObserver(l=>{window.requestAnimationFrame(()=>{!Array.isArray(l)||!l.length||(i.value=l[0].contentRect.width)})});o.onMounted(()=>{t.value&&r.observe(t.value)}),o.onUnmounted(()=>{t.value&&r.unobserve(t.value)});const s=o.computed(()=>Bs(e.tileHeight,e.tiles).join(" ")),a=o.computed(()=>e.tiles.map((l,d)=>({key:`tile-${d}`,tile:l,style:{"grid-column-start":l.layout.position.col+1,"grid-column-end":l.layout.position.col+1+l.layout.size.cols,"grid-row-start":l.layout.position.row+1,"grid-row-end":l.layout.position.row+1+l.layout.size.rows}})));return(l,d)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"gridContainer",ref:t,class:"kong-ui-public-grid-layout"},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(a.value,c=>(o.openBlock(),o.createElementBlock("div",{key:c.key,class:o.normalizeClass(["grid-cell",{"empty-cell":!c.tile}]),style:o.normalizeStyle(c.style)},[o.renderSlot(l.$slots,"tile",{style:o.normalizeStyle(c.style),tile:c.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-0271a8b9"]]);function Hs(n,e,t,i,r){const s=(...a)=>(console.warn("gridstack.js: Function `"+t+"` is deprecated in "+r+" and has been replaced with `"+i+"`. It will be **removed** in a future release"),e.apply(n,a));return s.prototype=e.prototype,s}class g{static getElements(e,t=document){if(typeof e=="string"){const i="getElementById"in t?t:void 0;if(i&&!isNaN(+e[0])){const s=i.getElementById(e);return s?[s]:[]}let r=t.querySelectorAll(e);return!r.length&&e[0]!=="."&&e[0]!=="#"&&(r=t.querySelectorAll("."+e),r.length||(r=t.querySelectorAll("#"+e))),Array.from(r)}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 r=t.querySelector(e);return i&&!r&&(r=i.getElementById(e)),r||(r=t.querySelector("."+e)),r}return e}static lazyLoad(e){return e.lazyLoad||e.grid?.opts?.lazyLoad&&e.lazyLoad!==!1}static createDiv(e,t){const i=document.createElement("div");return e.forEach(r=>{r&&i.classList.add(r)}),t?.appendChild(i),i}static shouldSizeToContent(e,t=!1){return 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 g.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,r=e.x+e.w<t.x+t.w?e.x+e.w:t.x+t.w;if(r<=i)return 0;const s=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<=s?0:(r-i)*(a-s)}static area(e){return e.w*e.h}static sort(e,t=1){return e.sort((r,s)=>{const a=t*((r.y??1e4)-(s.y??1e4));return a===0?t*((r.x??1e4)-(s.x??1e4)):a})}static find(e,t){return t?e.find(i=>i.id===t):void 0}static createStylesheet(e,t,i){const r=document.createElement("style"),s=i?.nonce;return s&&(r.nonce=s),r.setAttribute("type","text/css"),r.setAttribute("gs-style-id",e),r.styleSheet?r.styleSheet.cssText="":r.appendChild(document.createTextNode("")),t?t.insertBefore(r,t.firstChild):(t=document.getElementsByTagName("head")[0],t.appendChild(r)),r}static removeStylesheet(e,t){const r=(t||document).querySelector("STYLE[gs-style-id="+e+"]");r&&r.parentNode&&r.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 r=e.match(/^(-[0-9]+\.[0-9]+|[0-9]*\.[0-9]+|-[0-9]+|[0-9]+)(px|em|rem|vh|vw|%|cm|mm)?$/);if(!r)throw new Error(`Invalid height val = ${e}`);i=r[2]||"px",t=parseFloat(r[1])}else t=e;return{h:t,unit:i}}static defaults(e,...t){return t.forEach(i=>{for(const r in i){if(!i.hasOwnProperty(r))return;e[r]===null||e[r]===void 0?e[r]=i[r]:typeof i[r]=="object"&&typeof e[r]=="object"&&this.defaults(e[r],i[r])}}),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 r=e[i],s=t[i];i[0]==="_"||r===s?delete e[i]:r&&typeof r=="object"&&s!==void 0&&(g.removeInternalAndSame(r,s),Object.keys(r).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(...r)=>{i||(i=!0,setTimeout(()=>{e(...r),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 r=e.getBoundingClientRect(),s=window.innerHeight||document.documentElement.clientHeight;if(r.top<0||r.bottom>s){const a=r.bottom-s,l=r.top,d=this.getScrollElement(e);if(d!==null){const c=d.scrollTop;r.top<0&&i<0?e.offsetHeight>s?d.scrollTop+=i:d.scrollTop+=Math.abs(l)>Math.abs(i)?i:l:i>0&&(e.offsetHeight>s?d.scrollTop+=i:d.scrollTop+=a>i?i:a),t.top+=d.scrollTop-c}}}static updateScrollResize(e,t,i){const r=this.getScrollElement(t),s=r.clientHeight,a=r===this.getScrollElement()?0:r.getBoundingClientRect().top,l=e.clientY-a,d=l<i,c=l>s-i;d?r.scrollBy({behavior:"smooth",top:l-i}):c&&r.scrollBy({behavior:"smooth",top:i-(s-l)})}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=g.clone(e);for(const r in i)i.hasOwnProperty(r)&&typeof i[r]=="object"&&r.substring(0,2)!=="__"&&!t.find(s=>s===r)&&(i[r]=g.cloneDeep(e[r]));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=g.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(r=>{e.style[i]=r}):e.style[i]=t[i])}static initEvent(e,t){const i={type:t.type},r={button:0,which:0,buttons:1,bubbles:!0,cancelable:!0,target:t.target?t.target:e.target};return["altKey","ctrlKey","metaKey","shiftKey"].forEach(s=>i[s]=e[s]),["pageX","pageY","clientX","clientY","screenX","screenY"].forEach(s=>i[s]=e[s]),{...i,...r}}static simulateMouseEvent(e,t,i){const r=e,s=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:r.ctrlKey??!1,altKey:r.altKey??!1,shiftKey:r.shiftKey??!1,metaKey:r.metaKey??!1,button:0,relatedTarget:e.target});(i||e.target).dispatchEvent(s)}static getValuesFromTransformedElement(e){const t=document.createElement("div");g.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 r=e[t];e[t]=e[i],e[i]=r}static canBeRotated(e){return!(!e||e.w===e.h||e.locked||e.noResize||e.grid?.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,r={}){if(this.sortNodes(-1),i=i||this.collide(e,t),!i)return!1;if(e._moving&&!r.nested&&!this.float&&this.swap(e,i))return!0;let s=t;!this._loading&&this._useEntireRowArea(e,t)&&(s={x:0,w:this.column,y:t.y,h:t.h},i=this.collide(e,s,r.skip));let a=!1;const l={nested:!0,pack:!1};let d=0;for(;i=i||this.collide(e,s,r.skip);){if(d++>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 u={...t,y:i.y+i.h,...l};c=this._loading&&g.samePos(e,u)?!0:this.moveNode(e,u),(i.locked||this._loading)&&c?g.copyPos(t,e):!i.locked&&c&&r.pack&&(this._packNodes(),t.y=i.y+i.h,g.copyPos(e,t)),a=a||c}else c=this.moveNode(i,{...i,y:t.y+t.h,skip:e,...l});if(!c)return a;i=void 0}return a}collide(e,t=e,i){const r=e._id,s=i?._id;return this.nodes.find(a=>a._id!==r&&a._id!==s&&g.isIntercepted(a,t))}collideAll(e,t=e,i){const r=e._id,s=i?._id;return this.nodes.filter(a=>a._id!==r&&a._id!==s&&g.isIntercepted(a,t))}directionCollideCoverage(e,t,i){if(!t.rect||!e._rect)return;const r=e._rect,s={...t.rect};s.y>r.y?(s.h+=s.y-r.y,s.y=r.y):s.h+=r.y-s.y,s.x>r.x?(s.w+=s.x-r.x,s.x=r.x):s.w+=r.x-s.x;let a,l=.5;for(let d of i){if(d.locked||!d._rect)break;const c=d._rect;let u=Number.MAX_VALUE,h=Number.MAX_VALUE;r.y<c.y?u=(s.y+s.h-c.y)/c.h:r.y+r.h>c.y+c.h&&(u=(c.y+c.h-s.y)/c.h),r.x<c.x?h=(s.x+s.w-c.x)/c.w:r.x+r.w>c.x+c.w&&(h=(c.x+c.w-s.x)/c.w);const f=Math.min(h,u);f>l&&(l=f,a=d)}return t.collide=a,a}cacheRects(e,t,i,r,s,a){return this.nodes.forEach(l=>l._rect={y:l.y*t+i,x:l.x*e+a,w:l.w*e-a-r,h:l.h*t-i-s}),this}swap(e,t){if(!t||t.locked||!e||e.locked)return!1;function i(){const s=t.x,a=t.y;return t.x=e.x,t.y=e.y,e.h!=t.h?(e.x=s,e.y=t.y+t.h):e.w!=t.w?(e.x=t.x+t.w,e.y=a):(e.x=s,e.y=a),e._dirty=t._dirty=!0,!0}let r;if(e.w===t.w&&e.h===t.h&&(e.x===t.x||e.y===t.y)&&(r=g.isTouching(e,t)))return i();if(r!==!1){if(e.w===t.w&&e.x===t.x&&(r||(r=g.isTouching(e,t)))){if(t.y<e.y){const s=e;e=t,t=s}return i()}if(r!==!1){if(e.h===t.h&&e.y===t.y&&(r||(r=g.isTouching(e,t)))){if(t.x<e.x){const s=e;e=t,t=s}return i()}return!1}}}isAreaEmpty(e,t,i,r){const s={x:e||0,y:t||0,w:i||1,h:r||1};return!this.collide(s)}compact(e="compact",t=!0){if(this.nodes.length===0)return this;t&&this.sortNodes();const i=this.batchMode;i||this.batchUpdate();const r=this._inColumnResize;r||(this._inColumnResize=!0);const s=this.nodes;return this.nodes=[],s.forEach((a,l,d)=>{let c;a.locked||(a.autoPosition=!0,e==="list"&&l&&(c=d[l-1])),this.addNode(a,!1,c)}),r||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=g.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 s=1;for(;this.nodes.find(a=>a.id===e.id&&a!==e);)e.id=i+"_"+s++}(e.x===void 0||e.y===void 0||e.x===null||e.y===null)&&(e.autoPosition=!0);const r={x:0,y:0,w:1,h:1};return g.defaults(e,r),e.autoPosition||delete e.autoPosition,e.noResize||delete e.noResize,e.noMove||delete e.noMove,g.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=r.x,e.autoPosition=!0),isNaN(e.y)&&(e.y=r.y,e.autoPosition=!0),isNaN(e.w)&&(e.w=r.w),isNaN(e.h)&&(e.h=r.h),this.nodeBoundFix(e,t),e}nodeBoundFix(e,t){const i=e._orig||g.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 s={...e};s.autoPosition||s.x===void 0?(delete s.x,delete s.y):s.x=Math.min(this.defaultColumn-1,s.x),s.w=Math.min(this.defaultColumn,s.w||1),this.cacheOneLayout(s,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),g.samePos(e,i)||(e._dirty=!0),this}getDirtyNodes(e){return e?this.nodes.filter(t=>t._dirty&&!g.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=g.copyPos({},e),delete e._dirty}),this._hasLocked=this.nodes.some(e=>e.locked),this}restoreInitial(){return this.nodes.forEach(e=>{!e._orig||g.samePos(e,e._orig)||(g.copyPos(e,e._orig),e._dirty=!0)}),this._notify(),this}findEmptyPosition(e,t=this.nodes,i=this.column,r){const s=r?r.y*i+(r.x+r.w):0;let a=!1;for(let l=s;!a;++l){const d=l%i,c=Math.floor(l/i);if(d+e.w>i)continue;const u={x:d,y:c,w:e.w,h:e.h};t.find(h=>g.isIntercepted(u,h))||((e.x!==d||e.y!==c)&&(e._dirty=!0),e.x=d,e.y=c,delete e.autoPosition,a=!0)}return a}addNode(e,t=!1,i){const r=this.nodes.find(a=>a._id===e._id);if(r)return r;this._inColumnResize?this.nodeBoundFix(e):this.prepareNode(e),delete e._temporaryRemoved,delete e._removeDOM;let s;return e.autoPosition&&this.findEmptyPosition(e,this.nodes,this.column,i)&&(delete e.autoPosition,s=!0),this.nodes.push(e),t&&this.addedNodes.push(e),s||this._fixCollisions(e),this.batchMode||this._packNodes()._notify(),e}removeNode(e,t=!0,i=!1){return this.nodes.find(r=>r._id===e._id)?(i&&this.removedNodes.push(e),t&&(e._removeDOM=!0),this.nodes=this.nodes.filter(r=>r._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(r=>r._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 r=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 s=r.moveNode(i,t)&&r.getRow()<=Math.max(this.getRow(),this.maxRow);if(!s&&!t.resizing&&t.collide){const a=t.collide.el.gridstackNode;if(this.swap(e,a))return this._notify(),!0}return s?(r.nodes.filter(a=>a._dirty).forEach(a=>{const l=this.nodes.find(d=>d._id===a._id);l&&(g.copyPos(l,a),l._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(r=>({...r}))}),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=g.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){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 r=e.w!==t.w||e.h!==t.h,s=g.copyPos({},e,!0);if(g.copyPos(s,t),this.nodeBoundFix(s,r),g.copyPos(t,s),!t.forceCollide&&g.samePos(e,t))return!1;const a=g.copyPos({},e),l=this.collideAll(e,s,t.skip);let d=!0;if(l.length){const c=e._moving&&!t.nested;let u=c?this.directionCollideCoverage(e,t,l):l[0];if(c&&u&&e.grid?.opts?.subGridDynamic&&!e.grid._isTemp){const h=g.areaIntercept(t.rect,u._rect),f=g.area(t.rect),y=g.area(u._rect);h/(f<y?f:y)>.8&&(u.grid.makeSubGrid(u.el,void 0,e),u=void 0)}u?d=!this._fixCollisions(e,s,u,t):(d=!1,i&&delete t.pack)}return d&&!g.samePos(e,s)&&(e._dirty=!0,g.copyPos(e,s)),t.pack&&this._packNodes()._notify(),!g.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){const i=this._layouts?.length,r=i&&this.column!==i-1?this._layouts[i-1]:null,s=[];return this.sortNodes(),this.nodes.forEach(a=>{const l=r?.find(c=>c._id===a._id),d={...a,...l||{}};g.removeInternalForSave(d,!e),t&&t(a,d),s.push(d)}),s}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 r=i/this.column;e.forEach(s=>{if(!s._orig)return;const a=t.find(l=>l._id===s._id);a&&(a.y>=0&&s.y!==s._orig.y&&(a.y+=s.y-s._orig.y),s.x!==s._orig.x&&(a.x=Math.round(s.x*r)),s.w!==s._orig.w&&(a.w=Math.round(s.w*r)))})}}),this)}columnChanged(e,t,i="moveScale"){if(!this.nodes.length||!t||e===t)return this;const r=i==="compact"||i==="list";r&&this.sortNodes(1),t<e&&this.cacheLayout(this.nodes,e),this.batchUpdate();let s=[],a=r?this.nodes:g.sort(this.nodes,-1);if(t>e&&this._layouts){const l=this._layouts[t]||[],d=this._layouts.length-1;!l.length&&e!==d&&this._layouts[d]?.length&&(e=d,this._layouts[d].forEach(c=>{const u=a.find(h=>h._id===c._id);u&&(!r&&!c.autoPosition&&(u.x=c.x??u.x,u.y=c.y??u.y),u.w=c.w??u.w,(c.x==null||c.y===void 0)&&(u.autoPosition=!0))})),l.forEach(c=>{const u=a.findIndex(h=>h._id===c._id);if(u!==-1){const h=a[u];if(r){h.w=c.w;return}(c.autoPosition||isNaN(c.x)||isNaN(c.y))&&this.findEmptyPosition(c,s),c.autoPosition||(h.x=c.x??h.x,h.y=c.y??h.y,h.w=c.w??h.w,s.push(h)),a.splice(u,1)}})}if(r)this.compact(i,!1);else{if(a.length)if(typeof i=="function")i(t,e,s,a);else{const l=r||i==="none"?1:t/e,d=i==="move"||i==="moveScale",c=i==="scale"||i==="moveScale";a.forEach(u=>{u.x=t===1?0:d?Math.round(u.x*l):Math.min(u.x,t-1),u.w=t===1||e===1?1:c?Math.round(u.w*l)||1:Math.min(u.w,t),s.push(u)}),a=[]}s=g.sort(s,-1),this._inColumnResize=!0,this.nodes=[],s.forEach(l=>{this.addNode(l,!1),delete l._orig})}return this.nodes.forEach(l=>delete l._orig),this.batchUpdate(!1,!r),delete this._inColumnResize,this}cacheLayout(e,t,i=!1){const r=[];return e.forEach((s,a)=>{if(s._id===void 0){const l=s.id?this.nodes.find(d=>d.id===s.id):void 0;s._id=l?._id??Re._idSeq++}r[a]={x:s.x,y:s.y,w:s.w,_id:s._id}}),this._layouts=i?[]:this._layouts||[],this._layouts[t]=r,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 r=this.findCacheLayout(e,t);return r===-1?this._layouts[t].push(i):this._layouts[t][r]=i,this}findCacheLayout(e,t){return this._layouts?.[t]?.findIndex(i=>i._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 _e={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 z{}const xe=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 Se{}function at(n,e){n.touches.length>1||(n.cancelable&&n.preventDefault(),g.simulateMouseEvent(n.changedTouches[0],e))}function Ui(n,e){n.cancelable&&n.preventDefault(),g.simulateMouseEvent(n,e)}function lt(n){Se.touchHandled||(Se.touchHandled=!0,at(n,"mousedown"))}function ct(n){Se.touchHandled&&at(n,"mousemove")}function ut(n){if(!Se.touchHandled)return;Se.pointerLeaveTimeout&&(window.clearTimeout(Se.pointerLeaveTimeout),delete Se.pointerLeaveTimeout);const e=!!z.dragElement;at(n,"mouseup"),e||at(n,"click"),Se.touchHandled=!1}function dt(n){n.pointerType!=="mouse"&&n.target.releasePointerCapture(n.pointerId)}function Wi(n){z.dragElement&&n.pointerType!=="mouse"&&Ui(n,"mouseenter")}function Gi(n){z.dragElement&&n.pointerType!=="mouse"&&(Se.pointerLeaveTimeout=window.setTimeout(()=>{delete Se.pointerLeaveTimeout,Ui(n,"mouseleave")},10))}class ht{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(`${ht.prefix}${this.dir}`),e.style.zIndex="100",e.style.userSelect="none",this.host.appendChild(this.el),this.el.addEventListener("mousedown",this._mouseDown),xe&&(this.el.addEventListener("touchstart",lt),this.el.addEventListener("pointerdown",dt)),this}destroy(){return this.moving&&this._mouseUp(this.mouseDownEvent),this.el.removeEventListener("mousedown",this._mouseDown),xe&&(this.el.removeEventListener("touchstart",lt),this.el.removeEventListener("pointerdown",dt)),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),xe&&(this.el.addEventListener("touchmove",ct),this.el.addEventListener("touchend",ut)),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),xe&&(this.el.removeEventListener("touchmove",ct),this.el.removeEventListener("touchend",ut)),delete this.moving,delete this.mouseDownEvent,e.stopPropagation(),e.preventDefault()}_keyEvent(e){e.key==="Escape"&&(this.host.gridstackNode?.grid?.engine.restoreInitial(),this._mouseUp(this.mouseDownEvent))}_triggerEvent(e,t){return this.option[e]&&this.option[e](t),this}}ht.prefix="ui-resizable-";class Dt{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 Ze extends Dt{constructor(e,t={}){super(),this.el=e,this.option=t,this.rectScale={x:1,y:1},this._ui=()=>{const r=this.el.parentElement.getBoundingClientRect(),s={width:this.originalRect.width,height:this.originalRect.height+this.scrolled,left:this.originalRect.left,top:this.originalRect.top-this.scrolled},a=this.temporalRect||s;return{position:{left:(a.left-r.left)*this.rectScale.x,top:(a.top-r.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(r=>this.option[r]=e[r]),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),z.overResizeElement===this&&delete z.overResizeElement),this}_mouseOver(e){z.overResizeElement||z.dragElement||(z.overResizeElement=this,this.el.classList.remove("ui-resizable-autohide"))}_mouseOut(e){z.overResizeElement===this&&(delete z.overResizeElement,this.el.classList.add("ui-resizable-autohide"))}_setupHandlers(){return this.handlers=this.option.handles.split(",").map(e=>e.trim()).map(e=>new ht(this.el,e,{start:t=>{this._resizeStart(t)},stop:t=>{this._resizeStop(t)},move:t=>{this._resizing(t,e)}})),this}_resizeStart(e){this.sizeToContent=g.shouldSizeToContent(this.el.gridstackNode,!0),this.originalRect=this.el.getBoundingClientRect(),this.scrollEl=g.getScrollElement(this.el),this.scrollY=this.scrollEl.scrollTop,this.scrolled=0,this.startEvent=e,this._setupHelper(),this._applyChange();const t=g.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=g.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=g.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=Ze._originStyleProp.map(i=>this.el.style[i]),this.parentOriginStylePosition=this.el.parentElement.style.position;const e=this.el.parentElement,t=g.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 Ze._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,r={width:this.originalRect.width,height:this.originalRect.height+this.scrolled,left:this.originalRect.left,top:this.originalRect.top-this.scrolled},s=e.clientX-i.clientX,a=this.sizeToContent?0:e.clientY-i.clientY;let l,d;t.indexOf("e")>-1?r.width+=s:t.indexOf("w")>-1&&(r.width-=s,r.left+=s,l=!0),t.indexOf("s")>-1?r.height+=a:t.indexOf("n")>-1&&(r.height-=a,r.top+=a,d=!0);const c=this._constrainSize(r.width,r.height,l,d);return Math.round(r.width)!==Math.round(c.width)&&(t.indexOf("w")>-1&&(r.left+=r.width-c.width),r.width=c.width),Math.round(r.height)!==Math.round(c.height)&&(t.indexOf("n")>-1&&(r.top+=r.height-c.height),r.height=c.height),r}_constrainSize(e,t,i,r){const s=this.option,a=(i?s.maxWidthMoveLeft:s.maxWidth)||Number.MAX_SAFE_INTEGER,l=s.minWidth/this.rectScale.x||e,d=(r?s.maxHeightMoveUp:s.maxHeight)||Number.MAX_SAFE_INTEGER,c=s.minHeight/this.rectScale.y||t,u=Math.min(a,Math.max(l,e)),h=Math.min(d,Math.max(c,t));return{width:u,height:h}}_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:r}=t.getBoundingClientRect();e={left:i,top:r,width:0,height:0}}return this.temporalRect?(Object.keys(this.temporalRect).forEach(t=>{const i=this.temporalRect[t],r=t==="width"||t==="left"?this.rectScale.x:t==="height"||t==="top"?this.rectScale.y:1;this.el.style[t]=(i-e[t])*r+"px"}),this):this}_removeHandlers(){return this.handlers.forEach(e=>e.destroy()),delete this.handlers,this}}Ze._originStyleProp=["width","height","position","left","top","opacity","zIndex"];const Fs='input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';class Je extends Dt{constructor(e,t={}){super(),this.el=e,this.option=t,this.dragTransform={xScale:1,yScale:1,xOffset:0,yOffset:0};const i=t?.handle?.substring(1),r=e.gridstackNode;this.dragEls=!i||e.classList.contains(i)?[e]:r?.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),xe&&(e.addEventListener("touchstart",lt),e.addEventListener("pointerdown",dt))}),this.el.classList.remove("ui-draggable-disabled"))}disable(e=!1){this.disabled!==!0&&(super.disable(),this.dragEls.forEach(t=>{t.removeEventListener("mousedown",this._mouseDown),xe&&(t.removeEventListener("touchstart",lt),t.removeEventListener("pointerdown",dt))}),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(!z.mouseHandled)return e.button!==0||!this.dragEls.find(t=>t===e.target)&&e.target.closest(Fs)||this.option.cancel&&e.target.closest(this.option.cancel)||(this.mouseDownEvent=e,delete this.dragging,delete z.dragElement,delete z.dropElement,document.addEventListener("mousemove",this._mouseMove,{capture:!0,passive:!0}),document.addEventListener("mouseup",this._mouseUp,!0),xe&&(e.currentTarget.addEventListener("touchmove",ct),e.currentTarget.addEventListener("touchend",ut)),e.preventDefault(),document.activeElement&&document.activeElement.blur(),z.mouseHandled=!0),!0}_callDrag(e){if(!this.dragging)return;const t=g.initEvent(e,{target:this.el,type:"drag"});this.option.drag&&this.option.drag(t,this.ui()),this.triggerEvent("drag",t)}_mouseMove(e){const t=this.mouseDownEvent;if(this.lastDrag=e,this.dragging)if(this._dragFollow(e),z.pauseDrag){const i=Number.isInteger(z.pauseDrag)?z.pauseDrag:100;this.dragTimeout&&window.clearTimeout(this.dragTimeout),this.dragTimeout=window.setTimeout(()=>this._callDrag(e),i)}else this._callDrag(e);else if(Math.abs(e.x-t.x)+Math.abs(e.y-t.y)>3){this.dragging=!0,z.dragElement=this;const i=this.el.gridstackNode?.grid;i?z.dropElement=i.el.ddElement.ddDroppable:delete z.dropElement,this.helper=this._createHelper(),this._setupHelperContainmentStyle(),this.dragTransform=g.getValuesFromTransformedElement(this.helperContainment),this.dragOffset=this._getDragOffset(e,this.el,this.helperContainment),this._setupHelperStyle(e);const r=g.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){if(document.removeEventListener("mousemove",this._mouseMove,!0),document.removeEventListener("mouseup",this._mouseUp,!0),xe&&e.currentTarget&&(e.currentTarget.removeEventListener("touchmove",ct,!0),e.currentTarget.removeEventListener("touchend",ut,!0)),this.dragging){delete this.dragging,delete this.el.gridstackNode?._origRotate,document.removeEventListener("keydown",this._keyEvent),z.dropElement?.el===this.el.parentElement&&delete z.dropElement,this.helperContainment.style.position=this.parentOriginStylePosition||null,this.helper!==this.el&&this.helper.remove(),this._removeHelperStyle();const t=g.initEvent(e,{target:this.el,type:"dragstop"});this.option.stop&&this.option.stop(t),this.triggerEvent("dragstop",t),z.dropElement&&z.dropElement.drop(e)}delete this.helper,delete this.mouseDownEvent,delete z.dragElement,delete z.dropElement,delete z.mouseHandled,e.preventDefault()}_keyEvent(e){const t=this.el.gridstackNode,i=t?.grid||z.dropElement?.el?.gridstack;if(e.key==="Escape")t&&t._origRotate&&(t._orig=t._origRotate,delete t._origRotate),i?.cancelDrag(),this._mouseUp(this.mouseDownEvent);else if(t&&i&&(e.key==="r"||e.key==="R")){if(!g.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",g.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=g.cloneNode(this.el)),e.parentElement||g.appendTo(e,this.option.appendTo==="parent"?this.el.parentElement:this.option.appendTo),this.dragElementOriginStyle=Je.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(){if(this.helper.classList.remove("ui-draggable-dragging"),!this.helper?.gridstackNode?._isAboutToRemove&&this.dragElementOriginStyle){const t=this.helper,i=this.dragElementOriginStyle.transition||null;t.style.transition=this.dragElementOriginStyle.transition="none",Je.originStyleProp.forEach(r=>t.style[r]=this.dragElementOriginStyle[r]||null),setTimeout(()=>t.style.transition=i,50)}return delete this.dragElementOriginStyle,this}_dragFollow(e){const t={left:0,top:0},i=this.helper.style,r=this.dragOffset;i.left=(e.clientX+r.offsetLeft-t.left)*this.dragTransform.xScale+"px",i.top=(e.clientY+r.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 r=0,s=0;i&&(r=this.dragTransform.xOffset,s=this.dragTransform.yOffset);const a=t.getBoundingClientRect();return{left:a.left,top:a.top,offsetLeft:-e.clientX+a.left-r,offsetTop:-e.clientY+a.top-s,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}}}}Je.originStyleProp=["width","height","transform","transform-origin","transition","pointerEvents","position","left","top","minWidth","willChange"];class $s extends Dt{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),xe&&(this.el.addEventListener("pointerenter",Wi),this.el.addEventListener("pointerleave",Gi)))}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),xe&&(this.el.removeEventListener("pointerenter",Wi),this.el.removeEventListener("pointerleave",Gi)))}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(!z.dragElement||!this._canDrop(z.dragElement.el))return;e.preventDefault(),e.stopPropagation(),z.dropElement&&z.dropElement!==this&&z.dropElement._mouseLeave(e,!0),z.dropElement=this;const t=g.initEvent(e,{target:this.el,type:"dropover"});this.option.over&&this.option.over(t,this._ui(z.dragElement)),this.triggerEvent("dropover",t),this.el.classList.add("ui-droppable-over")}_mouseLeave(e,t=!1){if(!z.dragElement||z.dropElement!==this)return;e.preventDefault(),e.stopPropagation();const i=g.initEvent(e,{target:this.el,type:"dropout"});if(this.option.out&&this.option.out(i,this._ui(z.dragElement)),this.triggerEvent("dropout",i),z.dropElement===this&&(delete z.dropElement,!t)){let r,s=this.el.parentElement;for(;!r&&s;)r=s.ddElement?.ddDroppable,s=s.parentElement;r&&r._mouseEnter(e)}}drop(e){e.preventDefault();const t=g.initEvent(e,{target:this.el,type:"drop"});this.option.drop&&this.option.drop(t,this._ui(z.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 Ot{static init(e){return e.ddElement||(e.ddElement=new Ot(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 Je(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 Ze(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 $s(this.el,e),this}cleanDroppable(){return this.ddDroppable&&(this.ddDroppable.destroy(),delete this.ddDroppable),this}}class Us{resizable(e,t,i,r){return this._getDDElements(e,t).forEach(s=>{if(t==="disable"||t==="enable")s.ddResizable&&s.ddResizable[t]();else if(t==="destroy")s.ddResizable&&s.cleanResizable();else if(t==="option")s.setupResizable({[i]:r});else{const l=s.el.gridstackNode.grid;let d=s.el.getAttribute("gs-resize-handles")||l.opts.resizable.handles||"e,s,se";d==="all"&&(d="n,e,s,w,se,sw,ne,nw");const c=!l.opts.alwaysShowResizeHandle;s.setupResizable({...l.opts.resizable,handles:d,autoHide:c,start:t.start,stop:t.stop,resize:t.resize})}}),this}draggable(e,t,i,r){return this._getDDElements(e,t).forEach(s=>{if(t==="disable"||t==="enable")s.ddDraggable&&s.ddDraggable[t]();else if(t==="destroy")s.ddDraggable&&s.cleanDraggable();else if(t==="option")s.setupDraggable({[i]:r});else{const a=s.el.gridstackNode.grid;s.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,r){return typeof t.accept=="function"&&!t._accept&&(t._accept=t.accept,t.accept=s=>t._accept(s)),this._getDDElements(e,t).forEach(s=>{t==="disable"||t==="enable"?s.ddDroppable&&s.ddDroppable[t]():t==="destroy"?s.ddDroppable&&s.cleanDroppable():t==="option"?s.setupDroppable({[i]:r}):s.setupDroppable(t)}),this}isDroppable(e){return!!(e?.ddElement?.ddDroppable&&!e.ddElement.ddDroppable.disabled)}isDraggable(e){return!!(e?.ddElement?.ddDraggable&&!e.ddElement.ddDraggable.disabled)}isResizable(e){return!!(e?.ddElement?.ddResizable&&!e.ddElement.ddResizable.disabled)}on(e,t,i){return this._getDDElements(e).forEach(r=>r.on(t,s=>{i(s,z.dragElement?z.dragElement.el:s.target,z.dragElement?z.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",r=g.getElements(e);return r.length?r.map(a=>a.ddElement||(i?Ot.init(a):null)).filter(a=>a):[]}}const pe=new Us;class M{static init(e={},t=".grid-stack"){if(typeof document>"u")return null;const i=M.getGridElement(t);return i?(i.gridstack||(i.gridstack=new M(i,g.cloneDeep(e))),i.gridstack):(console.error(typeof t=="string"?'GridStack.initAll() no grid was found with selector "'+t+`" - element missing or wrong selector ?
|
|
8
|
+
`);var L=0,J=!1;this.parse=function(A,E,v){if(typeof A!="string")throw new Error("Input must be a string");var Y=A.length,q=m.length,H=_.length,ge=C.length,U=B(T),$=[],te=[],I=[],re=L=0;if(!A)return ce();if(ee||ee!==!1&&A.indexOf(Q)===-1){for(var se=A.split(_),K=0;K<se.length;K++){if(I=se[K],L+=I.length,K!==se.length-1)L+=_.length;else if(v)return ce();if(!C||I.substring(0,ge)!==C){if(U){if($=[],Oe(I.split(m)),be(),J)return ce()}else Oe(I.split(m));if(N&&N<=K)return $=$.slice(0,N),ce(!0)}}return ce()}for(var Z=A.indexOf(m,L),W=A.indexOf(_,L),ye=new RegExp(b(ne)+b(Q),"g"),P=A.indexOf(Q,L);;)if(A[L]===Q)for(P=L,L++;;){if((P=A.indexOf(Q,P+1))===-1)return v||te.push({type:"Quotes",code:"MissingQuotes",message:"Quoted field unterminated",row:$.length,index:L}),we();if(P===Y-1)return we(A.substring(L,P).replace(ye,Q));if(Q===ne&&A[P+1]===ne)P++;else if(Q===ne||P===0||A[P-1]!==ne){Z!==-1&&Z<P+1&&(Z=A.indexOf(m,P+1));var ie=Ae((W=W!==-1&&W<P+1?A.indexOf(_,P+1):W)===-1?Z:Math.min(Z,W));if(A.substr(P+1+ie,q)===m){I.push(A.substring(L,P).replace(ye,Q)),A[L=P+1+ie+q]!==Q&&(P=A.indexOf(Q,L)),Z=A.indexOf(m,L),W=A.indexOf(_,L);break}if(ie=Ae(W),A.substring(P+1+ie,P+1+ie+H)===_){if(I.push(A.substring(L,P).replace(ye,Q)),Be(P+1+ie+H),Z=A.indexOf(m,L),P=A.indexOf(Q,L),U&&(be(),J))return ce();if(N&&$.length>=N)return ce(!0);break}te.push({type:"Quotes",code:"InvalidQuotes",message:"Trailing quote on quoted field is malformed",row:$.length,index:L}),P++}}else if(C&&I.length===0&&A.substring(L,L+ge)===C){if(W===-1)return ce();L=W+H,W=A.indexOf(_,L),Z=A.indexOf(m,L)}else if(Z!==-1&&(Z<W||W===-1))I.push(A.substring(L,Z)),L=Z+q,Z=A.indexOf(m,L);else{if(W===-1)break;if(I.push(A.substring(L,W)),Be(W+H),U&&(be(),J))return ce();if(N&&$.length>=N)return ce(!0)}return we();function Oe(ae){$.push(ae),re=L}function Ae(ae){var he=0;return he=ae!==-1&&(ae=A.substring(P+1,ae))&&ae.trim()===""?ae.length:he}function we(ae){return v||(ae===void 0&&(ae=A.substring(L)),I.push(ae),L=Y,Oe(I),U&&be()),ce()}function Be(ae){L=ae,Oe(I),I=[],W=A.indexOf(_,L)}function ce(ae){if(p.header&&!E&&$.length&&!de){var he=$[0],ke=Object.create(null),et=new Set(he);let ft=!1;for(let Ie=0;Ie<he.length;Ie++){let D=c(he[Ie]);if(ke[D=B(p.transformHeader)?p.transformHeader(D,Ie):D]){let V,le=ke[D];for(;V=D+"_"+le,le++,et.has(V););et.add(V),he[Ie]=V,ke[D]++,ft=!0,(ue=ue===null?{}:ue)[V]=D}else ke[D]=1,he[Ie]=D;et.add(D)}ft&&console.warn("Duplicate headers found and renamed."),de=!0}return{data:$,errors:te,meta:{delimiter:m,linebreak:_,aborted:J,truncated:!!ae,cursor:re+(E||0),renamedHeaders:ue}}}function be(){T(ce()),$=[],te=[]}},this.abort=function(){J=!0},this.getCharIndex=function(){return L}}function R(p){var m=p.data,_=a[m.workerId],C=!1;if(m.error)_.userError(m.error,m.file);else if(m.results&&m.results.data){var T={abort:function(){C=!0,k(m.workerId,{data:[],errors:[],meta:{aborted:!0}})},pause:F,resume:F};if(B(_.userStep)){for(var N=0;N<m.results.data.length&&(_.userStep({data:m.results.data[N],errors:m.results.errors,meta:m.results.meta},T),!C);N++);delete m.results}else B(_.userChunk)&&(_.userChunk(m.results,T,m.file),delete m.results)}m.finished&&!C&&k(m.workerId,m.results)}function k(p,m){var _=a[p];B(_.userComplete)&&_.userComplete(m),_.terminate(),delete a[p]}function F(){throw new Error("Not implemented.")}function S(p){if(typeof p!="object"||p===null)return p;var m,_=Array.isArray(p)?[]:{};for(m in p)_[m]=S(p[m]);return _}function G(p,m){return function(){p.apply(m,arguments)}}function B(p){return typeof p=="function"}return d.parse=function(p,m){var _=(m=m||{}).dynamicTyping||!1;if(B(_)&&(m.dynamicTypingFunction=_,_={}),m.dynamicTyping=_,m.transform=!!B(m.transform)&&m.transform,m.downloadTimeout!==void 0){var _=parseInt(m.downloadTimeout);if(isNaN(_))throw new Error("Config downloadTimeout value ("+m.downloadTimeout+") not parsable by parseInt(val).");m.downloadTimeout=_}if(!m.worker||!d.WORKERS_SUPPORTED)return _=null,d.NODE_STREAM_INPUT,typeof p=="string"?(p=c(p),_=new(m.download?h:y)(m)):p.readable===!0&&B(p.read)&&B(p.on)?_=new w(m):(i.File&&p instanceof File||p instanceof Object)&&(_=new f(m)),_.stream(p);(_=(()=>{var C;return!!d.WORKERS_SUPPORTED&&(C=(()=>{var T=i.URL||i.webkitURL||null,N=t.toString();return d.BLOB_URL||(d.BLOB_URL=T.createObjectURL(new Blob(["var global = (function() { if (typeof self !== 'undefined') { return self; } if (typeof window !== 'undefined') { return window; } if (typeof global !== 'undefined') { return global; } return {}; })(); global.IS_PAPA_WORKER=true; ","(",N,")();"],{type:"text/javascript"})))})(),(C=new i.Worker(C)).onmessage=R,C.id=l++,a[C.id]=C)})()).userStep=m.step,_.userChunk=m.chunk,_.userComplete=m.complete,_.userError=m.error,m.step=B(m.step),m.chunk=B(m.chunk),m.complete=B(m.complete),m.error=B(m.error),delete m.worker,_.postMessage({input:p,config:m,workerId:_.id})},d.unparse=function(p,m){var _=!1,C=!0,T=",",N=`\r
|
|
9
|
+
`,ee='"',ue=ee+ee,de=!1,Q=null,ne=!1,L=((()=>{if(typeof m=="object"){if(typeof m.delimiter!="string"||d.BAD_DELIMITERS.filter(function(E){return m.delimiter.indexOf(E)!==-1}).length||(T=m.delimiter),typeof m.quotes!="boolean"&&typeof m.quotes!="function"&&!Array.isArray(m.quotes)||(_=m.quotes),typeof m.skipEmptyLines!="boolean"&&typeof m.skipEmptyLines!="string"||(de=m.skipEmptyLines),typeof m.newline=="string"&&(N=m.newline),typeof m.quoteChar=="string"&&(ee=m.quoteChar,ue=ee+ee),typeof m.header=="boolean"&&(C=m.header),Array.isArray(m.columns)){if(m.columns.length===0)throw new Error("Option columns is empty");Q=m.columns}m.escapeChar!==void 0&&(ue=m.escapeChar+ee),m.escapeFormulae instanceof RegExp?ne=m.escapeFormulae:typeof m.escapeFormulae=="boolean"&&m.escapeFormulae&&(ne=/^[=+\-@\t\r].*$/)}})(),new RegExp(b(ee),"g"));if(typeof p=="string"&&(p=JSON.parse(p)),Array.isArray(p)){if(!p.length||Array.isArray(p[0]))return J(null,p,de);if(typeof p[0]=="object")return J(Q||Object.keys(p[0]),p,de)}else if(typeof p=="object")return typeof p.data=="string"&&(p.data=JSON.parse(p.data)),Array.isArray(p.data)&&(p.fields||(p.fields=p.meta&&p.meta.fields||Q),p.fields||(p.fields=Array.isArray(p.data[0])?p.fields:typeof p.data[0]=="object"?Object.keys(p.data[0]):[]),Array.isArray(p.data[0])||typeof p.data[0]=="object"||(p.data=[p.data])),J(p.fields||[],p.data||[],de);throw new Error("Unable to serialize unrecognized input");function J(E,v,Y){var q="",H=(typeof E=="string"&&(E=JSON.parse(E)),typeof v=="string"&&(v=JSON.parse(v)),Array.isArray(E)&&0<E.length),ge=!Array.isArray(v[0]);if(H&&C){for(var U=0;U<E.length;U++)0<U&&(q+=T),q+=A(E[U],U);0<v.length&&(q+=N)}for(var $=0;$<v.length;$++){var te=(H?E:v[$]).length,I=!1,re=H?Object.keys(v[$]).length===0:v[$].length===0;if(Y&&!H&&(I=Y==="greedy"?v[$].join("").trim()==="":v[$].length===1&&v[$][0].length===0),Y==="greedy"&&H){for(var se=[],K=0;K<te;K++){var Z=ge?E[K]:K;se.push(v[$][Z])}I=se.join("").trim()===""}if(!I){for(var W=0;W<te;W++){0<W&&!re&&(q+=T);var ye=H&&ge?E[W]:W;q+=A(v[$][ye],W)}$<v.length-1&&(!Y||0<te&&!re)&&(q+=N)}}return q}function A(E,v){var Y,q,H;return E==null?"":E.constructor===Date?isNaN(E.getTime())?"":E.toISOString():(H=!1,ne&&typeof E=="string"&&ne.test(E)&&(E="'"+E,H=!0),q=(Y=E.toString()).replace(L,ue),(H=H||_===!0||typeof _=="function"&&_(E,v)||Array.isArray(_)&&_[v]||((ge,U)=>{for(var $=0;$<U.length;$++)if(-1<ge.indexOf(U[$]))return!0;return!1})(q,d.BAD_DELIMITERS)||-1<q.indexOf(T)||-1<Y.indexOf(ee)||q.charAt(0)===" "||q.charAt(q.length-1)===" ")?ee+q+ee:q)}},d.RECORD_SEP="",d.UNIT_SEP="",d.BYTE_ORDER_MARK="\uFEFF",d.BAD_DELIMITERS=["\r",`
|
|
10
|
+
`,'"',d.BYTE_ORDER_MARK],d.WORKERS_SUPPORTED=!r&&!!i.Worker,d.NODE_STREAM_INPUT=1,d.LocalChunkSize=10485760,d.RemoteChunkSize=5242880,d.DefaultDelimiter=",",d.Parser=O,d.ParserHandle=x,d.NetworkStreamer=h,d.FileStreamer=f,d.StringStreamer=y,d.ReadableStreamStreamer=w,s&&(i.onmessage=function(p){p=p.data,d.WORKER_ID===void 0&&p&&(d.WORKER_ID=p.workerId),typeof p.input=="string"?i.postMessage({workerId:d.WORKER_ID,results:d.parse(p.input,p.config),finished:!0}):(i.File&&p.input instanceof File||p.input instanceof Object)&&(p=d.parse(p.input,p.config))&&i.postMessage({workerId:d.WORKER_ID,results:p,finished:!0})}),(h.prototype=Object.create(u.prototype)).constructor=h,(f.prototype=Object.create(u.prototype)).constructor=f,(y.prototype=Object.create(y.prototype)).constructor=y,(w.prototype=Object.create(u.prototype)).constructor=w,d})})(st)),st.exports}var Lr=Ir(),We=(n=>(n.String="string",n.Number="number",n.Boolean="boolean",n.Object="object",n.Undefined="undefined",n))(We||{});const qr=["id"],Pr=o.defineComponent({__name:"VueJsonCsv",props:{data:{type:Array,required:!0},fields:{type:Array,required:!1,default:null},labels:{type:Object,required:!1,default:null},filename:{type:String,default:"report-data.csv"},delimiter:{type:String,default:",",required:!1},separatorExcel:{type:Boolean,default:!1},encoding:{type:String,default:"utf-8"},testing:{type:Boolean,required:!1,default:!1}},emits:["export-started","export-finished"],setup(n,{emit:e}){const t=e,i=n,r=o.computed(()=>`export_${new Date().getTime()}`),s=o.computed(()=>{const u=d();return u.length?u:null}),a=()=>{const u=i.labels;if(typeof i.fields!==We.Object)throw new Error("Labels needs to be a object containing key / value pairs.");return u!==null&&typeof u===We.Object?h=>Object.fromEntries(Object.entries(h).map(([f,y])=>[u[f]||f,y])):h=>h},l=()=>{const u=i.fields;if(typeof i.fields!==We.Object&&!Array.isArray(u))throw new Error("Fields needs to be an array of strings.");return Array.isArray(u)?h=>Object.fromEntries(u.filter(f=>f in h).map(f=>[f,h[f]])):h=>h},d=()=>{if(typeof i.fields===We.Undefined&&typeof i.labels===We.Undefined)return i.data;const u=a(),h=l();return i.data.map(f=>u(h(f)))},c=()=>{if(!s.value){console.warn("No data to export");return}t("export-started",s.value);let u=Lr.unparse(s.value,Object.assign({delimiter:i.delimiter,encoding:i.encoding}));if(i.separatorExcel&&(u="SEP="+i.delimiter+`\r
|
|
11
|
+
`+u),i.encoding==="utf-8"&&(u="\uFEFF"+u),t("export-finished",i.filename),!i.testing){const h=new Blob([u],{type:"text/csv;charset="+i.encoding});zr.saveAs(h,i.filename)}};return(u,h)=>(o.openBlock(),o.createElementBlock("div",{id:r.value,"data-testid":"export-csv",onClick:c},[o.renderSlot(u.$slots,"default",{},()=>[o.createTextVNode("Download "+o.toDisplayString(n.filename),1)])],8,qr))}}),Br=o.defineComponent({__name:"DownloadCsv",props:{rows:{},headers:{},filename:{}},setup(n){const e=n,t=o.computed(()=>Object.keys(e.headers));return(i,r)=>(o.openBlock(),o.createElementBlock("div",null,[o.createVNode(Pr,{data:n.rows,fields:t.value,filename:n.filename,labels:n.headers},{default:o.withCtx(()=>[o.renderSlot(i.$slots,"default")]),_:3},8,["data","fields","filename","labels"])]))}}),pi={renderer:{not_configured:{title:"Chart is not fully configured",description:"Begin by choosing at least one metric"},noQueryBridge:"No query bridge provided. Unable to render dashboard.",noScatterDataFn:"No scatter data provider supplied.",unexpectedError:"An unexpected error has occurred.",trendRange:{"24h":"Last 24-hour summary","7d":"Last 7-day summary","30d":"Last 30-day summary"},edit:"Edit",duplicateTile:"Duplicate",exit_fullscreen:"Exit fullscreen",fullscreen:"Fullscreen",remove:"Remove",delete:"Delete",as_of_today:"As of today"},pdfExport:{branding:"Kong Konnect",generated:"Generated {timestamp}",dashboardNote:"For a live, interactive experience, open this dashboard in Konnect",pageOf:"{page} / {total}"},csvExport:{defaultFilename:"Chart export",exportAsCsv:"Export as CSV",dataError:"Error loading data",noDataRange:"No data in selected range",noDataRetry:"Please adjust the time period and try again",timeRangeSelected:"selected",exportPreview:"Export preview",exportTimeRange:"Time range",exportDescription:"Exports a CSV of the data represented in the chart.",maximumRecordAmount:"The number of groups is limited to {value}",previewRows:"Previewing {rowsMax} of {rowsTotal} row{plural}",downloadButton:"Export",cancelButton:"Cancel",UtcOffset:"UTC offset",Timestamp:"Timestamp"},chartLabels:{control_plane:"Control plane",data_plane_node_version:"Data plane node version",env:"Environment",gateway_service:"Gateway service",hostname:"Hostname",plugin:"Plugin",plugin_name:"Plugin name",plugin_scope:"Plugin scope",region:"Region",request_count:"Request count",route:"Route",status_code:"Status code",team:"Team",name:"Name",ai_count:"LLM request count",ai_plugin:"AI plugin",ai_provider:"Provider",ai_request_model:"Request model",ai_response_model:"Response model",error_rate:"Error rate",request_per_minute:"Requests per minute",requests_per_minute:"Requests per minute",response_latency_average:"Response latency (avg)",response_latency_p99:"Response latency (p99)",response_latency_p95:"Response latency (p95)",response_latency_p50:"Response latency (p50)",kong_latency_average:"Kong latency (avg)",kong_latency_p99:"Kong latency (p99)",kong_latency_p95:"Kong latency (p95)",kong_latency_p50:"Kong latency (p50)",kong_internal_latency_average:"Kong internal latency (avg)",kong_internal_latency_p99:"Kong internal latency (p99)",kong_internal_latency_p95:"Kong internal latency (p95)",kong_internal_latency_p50:"Kong internal latency (p50)",llm_cache_status:"Cache status",llm_embeddings_model:"Embeddings model",llm_embeddings_provider:"Embeddings provider",upstream_latency_average:"Upstream latency (avg)",upstream_latency_p99:"Upstream latency (p99)",upstream_latency_p95:"Upstream latency (p95)",upstream_latency_p50:"Upstream latency (p50)",response_size_p99:"Response size (p99)",response_size_p95:"Response size (p95)",response_size_p50:"Response size (p50)",response_size_average:"Response size (avg)",response_size_sum:"Response size (sum)",response_source:"Response source",request_size_p99:"Request size (p99)",request_size_p95:"Request size (p95)",request_size_p50:"Request size (p50)",request_size_average:"Request size (avg)",request_size_sum:"Request size (sum)",total_tokens_per_minute:"Total tokens per minute",control_plane_group:"Control plane group",consumer:"Consumer",country_code:"Country",country:"Country",data_plane_node:"Data plane node",api_package:"API package",api_product:"API product",api_product_version:"API product version",portal:"Portal",realm:"Realm",runtime_group:"Runtime group",application:"Application",status_code_grouped:"Status code (grouped)",upstream_status_code:"Upstream status code",upstream_status_code_grouped:"Upstream status code group",time:"Time",Service:"Service",ServiceVersion:"Service version",Route:"Route",Application:"Application",RuntimeGroup:"Runtime group",GatewayService:"Gateway service",StatusCode:"Status code",CodeClass:"Status code (grouped)",Time:"Time",API_PRODUCT:"Api product",API_PRODUCT_VERSION:"API product version",RUNTIME_GROUP:"Runtime group",GATEWAY_SERVICE:"Gateway service",ROUTE:"Route",APPLICATION:"Application",STATUS_CODE:"Status code",STATUS_CODE_GROUPED:"Status code (grouped)",TIME:"Time",ORGANIZATION:"Organization",TotalRequests:"Request count",RequestsPerMinute:"Requests per minute",LatencyP99:"Response latency (p99)",LatencyP95:"Response latency (p95)",LatencyP50:"Response latency (p50)",LatencyAverage:"Response latency (avg)",UpstreamLatencyP99:"Upstream latency (p99)",UpstreamLatencyP95:"Upstream latency (p95)",UpstreamLatencyP50:"Upstream latency (p50)",UpstreamLatencyAverage:"Upstream latency (avg)",KongLatencyP99:"Kong latency (p99)",KongLatencyP95:"Kong latency (p95)",KongLatencyP50:"Kong latency (p50)",KongLatencyAverage:"Kong latency (avg)",ResponseSizeP99:"Response size (p99)",ResponseSizeP95:"Response size (p95)",ResponseSizeP50:"Response size (p50)",RequestSizeP99:"Request size (p99)",RequestSizeP95:"Request size (p95)",RequestSizeP50:"Request size (p50)",SuccessfulRequests:"Successful requests",SUCCESS:"Successful requests",FailedRequests:"Failed requests",FAILURE:"Failed requests","5XX":"5xx","4XX":"4xx","3XX":"3xx","2XX":"2xx","1XX":"1xx",REQUEST_COUNT:"Request count",REQUEST_PER_MINUTE:"Requests per minute",RESPONSE_LATENCY_P99:"Response latency",RESPONSE_LATENCY_P95:"Response latency",RESPONSE_LATENCY_P50:"Response latency",RESPONSE_SIZE_P99:"Response size (p99)",RESPONSE_SIZE_P95:"Response size (p95)",RESPONSE_SIZE_P50:"Response size (p50)",REQUEST_SIZE_P99:"Request size (p99)",REQUEST_SIZE_P95:"Request size (p95)",REQUEST_SIZE_P50:"Request size (p50)",CONTROL_PLANE:"Control plane",____OTHER____:"Others",ai_request_count:"Request count",total_tokens:"Total token count",prompt_tokens:"Prompt token count",completion_tokens:"Completion token count",cost:"Costs",cost_per_request_average:"Cost per request (avg)",llm_cache_embeddings_latency_average:"Embeddings latency (avg)",llm_cache_fetch_latency_average:"Fetch latency (avg)",llm_latency_average:"Llm latency (avg)",time_to_first_token_average:"Time to first token (avg)",time_to_first_token_p99:"Time to first token (p99)",time_to_first_token_p95:"Time to first token (p95)",time_to_first_token_p50:"Time to first token (p50)",time_per_token_average:"Time per token (avg)",time_per_token_p99:"Time per token (p99)",time_per_token_p95:"Time per token (p95)",time_per_token_p50:"Time per token (p50)","threshold-warning":"Warning threshold: {value}","threshold-error":"Error threshold: {value}","thatreshold-neutral":"Alert threshold: {value}",api:"API",vulnerability_count:"Vulnerability count",a2a_latency_average:"A2A latency (avg)",a2a_response_size_sum:"A2A response size (sum)",a2a_context_id:"A2A context ID",a2a_error:"A2A error",a2a_method:"A2A method",a2a_task_id:"A2A task ID",active_agents:"Active agents",mcp_error:"MCP error",mcp_method:"MCP method",mcp_latency_average:"MCP latency (avg)",mcp_latency_p99:"MCP latency (p99)",mcp_latency_p95:"MCP latency (p95)",mcp_latency_p50:"MCP latency (p50)",mcp_response_size_sum:"MCP response size (sum)",mcp_session_id:"MCP session ID",mcp_tool_name:"MCP tool name",mcp_response_body_size_sum:"MCP response size (sum)",control_plane_count:"Control plane count",service_count:"Gateway service count","record_bytes:sum":"Record size (sum)","record_count:sum":"Record count (sum)","request_count:sum":"Request count (sum)",route_count:"Route count",consumer_count:"Consumer count",plugin_count:"Plugin count",node_count:"Data plane node count",virtual_cluster_id:"Virtual cluster",backend_cluster_id:"Backend cluster",listener_id:"Listener",principal_name:"Principal name",principal_type:"Principal type",request_type:"Request type",topic_name:"Topic name",partition_index:"Partition index",api_key:"API key",data_plane_group:"Data plane group",managed_cache:"Managed cache",network:"Network",provider:"Provider",provider_region:"Provider region",cache_eviction_rate:"Cache eviction rate",cache_expiration_rate:"Cache expiration rate",cache_items_average:"Cache items (avg)",cache_memory_utilization_max:"Cache memory utilization (max)",cache_status:"Cache status",cache_hit_rate:"Cache hit rate"},jumpToExplore:"Explore",jumpToRequests:"View requests",unsupported_time_range_badge:"Limited timeframe",unsupported_time_range_warning:"The selected timeframe exceeds what this datasource supports, so this tile is limited to the maximum supported timeframe.",query_aged_out_warning:"This tile was configured with {savedGranularity} granularity, which is no longer available. It now shows {currentGranularity} data, the closest available granularity.",granularities:{daily:"1 day",fiveMinutely:"5 minutes",hourly:"1 hour",minutely:"1 minute",tenMinutely:"10 minutes",tenSecondly:"10 seconds",thirtyMinutely:"30 minutes",thirtySecondly:"30 seconds",twelveHourly:"12 hours",twoHourly:"2 hours",weekly:"1 week",unknown:"Unknown"}};function gi(){const n=It.createI18n("en-us",pi);return{i18n:n,i18nT:It.i18nTComponent(n)}}const Ge=170,ot=6,Ce="analytics-query-provider",Et="{entity-id}",yi="{cp-id}",_i="{timeframe}",wi=30*1e3,bi=3e5,vi=36e5;function Hr(){const n=o.inject(Ce);return{evaluateFeatureFlag:(t,i)=>n?n.evaluateFeatureFlagFn(t,i):i}}var xt={exports:{}},Ei;function Fr(){return Ei||(Ei=1,(function(n){var e=Object.prototype.hasOwnProperty,t="~";function i(){}Object.create&&(i.prototype=Object.create(null),new i().__proto__||(t=!1));function r(d,c,u){this.fn=d,this.context=c,this.once=u||!1}function s(d,c,u,h,f){if(typeof u!="function")throw new TypeError("The listener must be a function");var y=new r(u,h||d,f),w=t?t+c:c;return d._events[w]?d._events[w].fn?d._events[w]=[d._events[w],y]:d._events[w].push(y):(d._events[w]=y,d._eventsCount++),d}function a(d,c){--d._eventsCount===0?d._events=new i:delete d._events[c]}function l(){this._events=new i,this._eventsCount=0}l.prototype.eventNames=function(){var c=[],u,h;if(this._eventsCount===0)return c;for(h in u=this._events)e.call(u,h)&&c.push(t?h.slice(1):h);return Object.getOwnPropertySymbols?c.concat(Object.getOwnPropertySymbols(u)):c},l.prototype.listeners=function(c){var u=t?t+c:c,h=this._events[u];if(!h)return[];if(h.fn)return[h.fn];for(var f=0,y=h.length,w=new Array(y);f<y;f++)w[f]=h[f].fn;return w},l.prototype.listenerCount=function(c){var u=t?t+c:c,h=this._events[u];return h?h.fn?1:h.length:0},l.prototype.emit=function(c,u,h,f,y,w){var x=t?t+c:c;if(!this._events[x])return!1;var b=this._events[x],O=arguments.length,R,k;if(b.fn){switch(b.once&&this.removeListener(c,b.fn,void 0,!0),O){case 1:return b.fn.call(b.context),!0;case 2:return b.fn.call(b.context,u),!0;case 3:return b.fn.call(b.context,u,h),!0;case 4:return b.fn.call(b.context,u,h,f),!0;case 5:return b.fn.call(b.context,u,h,f,y),!0;case 6:return b.fn.call(b.context,u,h,f,y,w),!0}for(k=1,R=new Array(O-1);k<O;k++)R[k-1]=arguments[k];b.fn.apply(b.context,R)}else{var F=b.length,S;for(k=0;k<F;k++)switch(b[k].once&&this.removeListener(c,b[k].fn,void 0,!0),O){case 1:b[k].fn.call(b[k].context);break;case 2:b[k].fn.call(b[k].context,u);break;case 3:b[k].fn.call(b[k].context,u,h);break;case 4:b[k].fn.call(b[k].context,u,h,f);break;default:if(!R)for(S=1,R=new Array(O-1);S<O;S++)R[S-1]=arguments[S];b[k].fn.apply(b[k].context,R)}}return!0},l.prototype.on=function(c,u,h){return s(this,c,u,h,!1)},l.prototype.once=function(c,u,h){return s(this,c,u,h,!0)},l.prototype.removeListener=function(c,u,h,f){var y=t?t+c:c;if(!this._events[y])return this;if(!u)return a(this,y),this;var w=this._events[y];if(w.fn)w.fn===u&&(!f||w.once)&&(!h||w.context===h)&&a(this,y);else{for(var x=0,b=[],O=w.length;x<O;x++)(w[x].fn!==u||f&&!w[x].once||h&&w[x].context!==h)&&b.push(w[x]);b.length?this._events[y]=b.length===1?b[0]:b:a(this,y)}return this},l.prototype.removeAllListeners=function(c){var u;return c?(u=t?t+c:c,this._events[u]&&a(this,u)):(this._events=new i,this._eventsCount=0),this},l.prototype.off=l.prototype.removeListener,l.prototype.addListener=l.prototype.on,l.prefixed=t,l.EventEmitter=l,n.exports=l})(xt)),xt.exports}var $r=Fr();const Ur=Or($r);class kt extends Error{name="TimeoutError";constructor(e,t){super(e,t),Error.captureStackTrace?.(this,kt)}}const xi=n=>n.reason??new DOMException("This operation was aborted.","AbortError");function Wr(n,e){const{milliseconds:t,fallback:i,message:r,customTimers:s={setTimeout,clearTimeout},signal:a}=e;let l,d;const u=new Promise((h,f)=>{if(typeof t!="number"||Math.sign(t)!==1)throw new TypeError(`Expected \`milliseconds\` to be a positive number, got \`${t}\``);if(a?.aborted){f(xi(a));return}if(a&&(d=()=>{f(xi(a))},a.addEventListener("abort",d,{once:!0})),n.then(h,f),t===Number.POSITIVE_INFINITY)return;const y=new kt;l=s.setTimeout.call(void 0,()=>{if(i){try{h(i())}catch(w){f(w)}return}typeof n.cancel=="function"&&n.cancel(),r===!1?h():r instanceof Error?f(r):(y.message=r??`Promise timed out after ${t} milliseconds`,f(y))},t)}).finally(()=>{u.clear(),d&&a&&a.removeEventListener("abort",d)});return u.clear=()=>{s.clearTimeout.call(void 0,l),l=void 0},u}function Gr(n,e,t){let i=0,r=n.length;for(;r>0;){const s=Math.trunc(r/2);let a=i+s;t(n[a],e)<=0?(i=++a,r-=s+1):r=s}return i}const Yr=100;class ki{#t=[];#e=0;enqueue(e,t){const{priority:i=0,id:r}=t??{},{size:s}=this,a={priority:i,id:r,run:e};if(s===0){this.#t.length=0,this.#e=0,this.#t.push(a);return}if(this.#t.at(-1).priority>=i){this.#t.push(a);return}this.#s();const l=Gr(this.#t,a,(d,c)=>c.priority-d.priority);this.#t.splice(l,0,a)}setPriority(e,t){const i=this.#t.findIndex((s,a)=>a>=this.#e&&s.id===e);if(i===-1)throw new ReferenceError(`No promise function with the id "${e}" exists in the queue.`);const[r]=this.#t.splice(i,1);this.enqueue(r.run,{priority:t,id:e})}remove(e){const t=this.#t.findIndex((i,r)=>r<this.#e?!1:typeof e=="string"?i.id===e:i.run===e);t!==-1&&this.#t.splice(t,1)}dequeue(){if(this.#e===this.#t.length)return;const e=this.#t[this.#e];return this.#e++,this.#e===this.#t.length?(this.#t.length=0,this.#e=0):this.#e>Yr&&this.#e>this.#t.length/2&&this.#s(),e?.run}filter(e){const t=[];for(let i=this.#e;i<this.#t.length;i++){const r=this.#t[i];r.priority===e.priority&&t.push(r.run)}return t}get size(){return this.#t.length-this.#e}#s(){this.#e!==0&&(this.#t.splice(0,this.#e),this.#e=0)}}class Vr extends Ur{#t;#e;#s=0;#f;#p=!1;#w=!1;#c;#b=0;#l;#u;#a;#o=[];#r=0;#i;#R;#n=0;#g;#d;#M=1n;#y=new Map;#v=new Set;timeout;constructor(e){if(super(),e={carryoverIntervalCount:!1,intervalCap:Number.POSITIVE_INFINITY,interval:0,concurrency:Number.POSITIVE_INFINITY,autoStart:!0,queueClass:ki,strict:!1,...e},!(typeof e.intervalCap=="number"&&e.intervalCap>=1))throw new TypeError(`Expected \`intervalCap\` to be a number from 1 and up, got \`${e.intervalCap?.toString()??""}\` (${typeof e.intervalCap})`);if(e.interval===void 0||!(Number.isFinite(e.interval)&&e.interval>=0))throw new TypeError(`Expected \`interval\` to be a finite number >= 0, got \`${e.interval?.toString()??""}\` (${typeof e.interval})`);if(e.strict&&e.interval===0)throw new TypeError("The `strict` option requires a non-zero `interval`");if(e.strict&&e.intervalCap===Number.POSITIVE_INFINITY)throw new TypeError("The `strict` option requires a finite `intervalCap`");if(this.#t=e.carryoverIntervalCount??e.carryoverConcurrencyCount??!1,this.#e=e.intervalCap===Number.POSITIVE_INFINITY||e.interval===0,this.#f=e.intervalCap,this.#c=e.interval,this.#a=e.strict,this.#i=new e.queueClass,this.#R=e.queueClass,this.concurrency=e.concurrency,e.timeout!==void 0&&!(Number.isFinite(e.timeout)&&e.timeout>0))throw new TypeError(`Expected \`timeout\` to be a positive finite number, got \`${e.timeout}\` (${typeof e.timeout})`);this.timeout=e.timeout,this.#d=e.autoStart===!1,this.#H()}#E(e){for(;this.#r<this.#o.length;){const i=this.#o[this.#r];if(i!==void 0&&e-i>=this.#c)this.#r++;else break}(this.#r>100&&this.#r>this.#o.length/2||this.#r===this.#o.length)&&(this.#o=this.#o.slice(this.#r),this.#r=0)}#z(e){this.#a?this.#o.push(e):this.#s++}#A(){this.#a?this.#o.length>this.#r&&this.#o.pop():this.#s>0&&this.#s--}#x(){return this.#o.length-this.#r}get#I(){return this.#e?!0:this.#a?this.#x()<this.#f:this.#s<this.#f}get#L(){return this.#n<this.#g}#q(){this.#n--,this.#n===0&&this.emit("pendingZero"),this.#_(),this.emit("next")}#P(){this.#u=void 0,this.#O(),this.#D()}#B(e){if(this.#a){if(this.#E(e),this.#x()>=this.#f){const i=this.#o[this.#r],r=this.#c-(e-i);return this.#T(r),!0}return!1}if(this.#l===void 0){const t=this.#b-e;if(t<0)this.#s=this.#t?this.#n:0;else return this.#T(t),!0}return!1}#T(e){this.#u===void 0&&(this.#u=setTimeout(()=>{this.#P()},e))}#k(){this.#l&&(clearInterval(this.#l),this.#l=void 0)}#S(){this.#u&&(clearTimeout(this.#u),this.#u=void 0)}#_(){if(this.#i.size===0){if(this.#k(),this.emit("empty"),this.#n===0){if(this.#S(),this.#a&&this.#r>0){const t=Date.now();this.#E(t)}this.emit("idle")}return!1}let e=!1;if(!this.#d){const t=Date.now(),i=!this.#B(t);if(this.#I&&this.#L){const r=this.#i.dequeue();this.#e||(this.#z(t),this.#m()),i&&this.#D(),this.emit("active"),r(),e=!0}}return e}#D(){this.#e||this.#l!==void 0||this.#a||(this.#l=setInterval(()=>{this.#O()},this.#c),this.#b=Date.now()+this.#c)}#O(){this.#a||(this.#l!==void 0&&(this.#s===0&&this.#n===0?this.#k():this.#b=Date.now()+this.#c),this.#s=this.#t?this.#n:0),this.#C(),this.#m()}#C(){for(;this.#_(););}get concurrency(){return this.#g}set concurrency(e){if(!(typeof e=="number"&&e>=1))throw new TypeError(`Expected \`concurrency\` to be a number from 1 and up, got \`${e}\` (${typeof e})`);this.#g=e,this.#C()}setPriority(e,t){if(typeof t!="number"||!Number.isFinite(t))throw new TypeError(`Expected \`priority\` to be a finite number, got \`${t}\` (${typeof t})`);this.#i.setPriority(e,t)}async add(e,t={}){if(t={timeout:this.timeout,...t,id:t.id??(this.#M++).toString()},t.timeout!==void 0&&!(Number.isFinite(t.timeout)&&t.timeout>0))throw new TypeError(`Expected \`timeout\` to be a positive finite number, got \`${t.timeout}\` (${typeof t.timeout})`);return new Promise((i,r)=>{const s=Symbol(`task-${t.id}`);let a=()=>{};const l=async()=>{a(),this.#n++,this.#y.set(s,{id:t.id,priority:t.priority??0,startTime:Date.now(),timeout:t.timeout});let c;try{try{t.signal?.throwIfAborted()}catch(f){throw this.#F(),this.#y.delete(s),f}let u=e({signal:t.signal});if(t.timeout!==void 0&&(u=Wr(Promise.resolve(u),{milliseconds:t.timeout,message:`Task timed out after ${t.timeout}ms (queue has ${this.#n} running, ${this.#i.size} waiting)`})),t.signal){const{signal:f}=t;u=Promise.race([u,new Promise((y,w)=>{c=()=>{w(f.reason)},f.addEventListener("abort",c,{once:!0})})])}const h=await u;i(h),this.emit("completed",h)}catch(u){r(u),this.emit("error",u)}finally{c&&t.signal?.removeEventListener("abort",c),this.#y.delete(s),queueMicrotask(()=>{this.#q()})}};this.#i.enqueue(l,t);const d=()=>{if(this.#i instanceof ki){this.#i.remove(l);return}this.#i.remove?.(t.id)};if(t.signal){const{signal:c}=t,u=()=>{a(),d(),r(c.reason),this.#_(),this.emit("next")};if(a=()=>{c.removeEventListener("abort",u),this.#v.delete(a)},c.aborted){u();return}c.addEventListener("abort",u,{once:!0}),this.#v.add(a)}this.emit("add"),this.#_()})}async addAll(e,t){return Promise.all(e.map(async i=>this.add(i,t)))}start(){return this.#d?(this.#d=!1,this.#C(),this):this}pause(){this.#d=!0}clear(){for(const e of this.#v)e();this.#i=new this.#R,this.#k(),this.#N(),this.emit("empty"),this.#n===0&&(this.#S(),this.emit("idle")),this.emit("next")}async onEmpty(){this.#i.size!==0&&await this.#h("empty")}async onSizeLessThan(e){this.#i.size<e||await this.#h(["next","active"],()=>this.#i.size<e)}async onIdle(){this.#n===0&&this.#i.size===0||await this.#h("idle")}async onPendingZero(){this.#n!==0&&await this.#h("pendingZero")}async onRateLimit(){this.isRateLimited||await this.#h("rateLimit")}async onRateLimitCleared(){this.isRateLimited&&await this.#h("rateLimitCleared")}onError(){return new Promise((e,t)=>{const i=r=>{this.off("error",i),t(r)};this.on("error",i)})}async#h(e,t){const i=Array.isArray(e)?e:[e];return new Promise(r=>{const s=()=>{if(!(t&&!t())){for(const a of i)this.off(a,s);r()}};for(const a of i)this.on(a,s)})}get size(){return this.#i.size}sizeBy(e){return this.#i.filter(e).length}get pending(){return this.#n}get isPaused(){return this.#d}#H(){this.#e||(this.on("add",()=>{this.#i.size>0&&this.#m()}),this.on("next",()=>{this.#m()}))}#m(){this.#e||this.#w||(this.#w=!0,queueMicrotask(()=>{this.#w=!1,this.#N()}))}#F(){this.#e||(this.#A(),this.#m())}#N(){const e=this.#p;if(this.#e||this.#i.size===0){e&&(this.#p=!1,this.emit("rateLimitCleared"));return}let t;if(this.#a){const r=Date.now();this.#E(r),t=this.#x()}else t=this.#s;const i=t>=this.#f;i!==e&&(this.#p=i,this.emit(i?"rateLimit":"rateLimitCleared"))}get isRateLimited(){return this.#p}get isSaturated(){return this.#n===this.#g&&this.#i.size>0||this.isRateLimited&&this.#i.size>0}get runningTasks(){return[...this.#y.values()].map(e=>({...e,timeoutRemaining:e.timeout?Math.max(0,e.startTime+e.timeout-Date.now()):void 0}))}}const jr=()=>{const n=Ne.useAnalyticsConfigStore(),e=o.inject(Ce);if(!e)return;if(e.queryFnOverride){console.warn("Detected incorrect use of useRequestQueue. This composable should not be used in nested components. Please discuss with team-data or report an issue if you feel you have a use case.");return}const t=new Vr({carryoverConcurrencyCount:!0,concurrency:n.maxParallelRequests,interval:n.requestInterval,intervalCap:n.requestIntervalCap}),i={...e,queryFnOverride:!0,queryFn:(r,s)=>t.add(()=>e.queryFn(r,s))};o.provide(Ce,i)};function Kr(n){const e=`[${n.name}] ${n.message}`,t=[];return n.fix&&t.push(`fix: ${n.fix}`),n.sources?.length&&t.push(`sources: ${n.sources.join(", ")}`),n.docs&&t.push(`see: ${n.docs}`),t.length===0?e:[e,...t.map((i,r)=>`${r<t.length-1?"├▶":"╰▶"} ${i}`)].join(`
|
|
12
|
+
`)}function Ci(n,...e){return typeof n=="function"?n(...e):n}function Xr({method:n="warn",formatter:e=Kr}={}){return(t,{method:i=n}={})=>{console[i](e(t))}}const Qr=Error.captureStackTrace;var Zr=class Yi extends Error{name;code;docs;fix;sources;get why(){return this.message}constructor(e,t=Yi){super(e.why,{cause:e.cause}),this.code=this.name=e.code,this.fix=e.fix,this.docs=e.docs,this.sources=e.sources,Qr?.(this,t)}toJSON(){return{name:this.name,why:this.why,fix:this.fix,docs:this.docs,sources:this.sources,cause:this.cause,stack:this.stack}}};function Jr(n,e){return typeof n=="string"?`${n}/${e.toLowerCase()}`:n?.(e)}function es(n){const e=n.reporters??[],t={},{docsBase:i}=n;for(const r of Object.keys(n.codes)){const s=n.codes[r],a=s.docs===!1?void 0:s.docs||Jr(i,r),l=(d={},c={})=>{const u=new Zr({code:r,why:Ci(s.why,d),fix:Ci(s.fix,d),docs:a,cause:d.cause,sources:d.sources},l);for(const h of e)h(u,c);return u};t[r]=l}return t}const ts=typeof window<"u",is=es({reporters:[Xr()],codes:{PINIA_R1001:{why:'Directly pass all stores to "mapStores()" without putting them in an array. This will fail in production.',fix:"Replace mapStores([useAuthStore, useCartStore]) with mapStores(useAuthStore, useCartStore).",docs:"https://pinia.vuejs.org/cookbook/options-api.html#Giving-access-to-the-whole-store"},PINIA_R1002:{why:n=>`A getter cannot have the same name as another state property. Found "${n.name}" in store "${n.id}".`,fix:"Rename either the getter or the state property.",docs:"https://pinia.vuejs.org/core-concepts/getters.html#Accessing-other-getters"},PINIA_R1003:{why:n=>`The "state" must be a plain object. Found in store "${n.id}".`,fix:"Return a plain object, e.g. avoid state: () => new MyClass().",docs:"https://pinia.vuejs.org/core-concepts/state.html#State"},PINIA_R1004:{why:"Pinia instance not found in context. This falls back to the global activePinia, which exposes you to cross-request pollution on the server.",fix:'"useStore()" is a composable and follows the same rules: call it at the top of setup() (or another composable), or pass the pinia instance explicitly when used outside of a component.',docs:"https://pinia.vuejs.org/ssr/#Using-the-store-outside-of-setup-"},PINIA_R1005:{why:n=>`The store id changed from "${n.from}" to "${n.to}", forcing a reload.`,docs:"https://pinia.vuejs.org/cookbook/hot-module-replacement.html#HMR-Hot-Module-Replacement-"},PINIA_R1006:{why:n=>`Property "${n.key}" of store "${n.id}" is not reactive (not a ref, reactive object, or shallowRef), so storeToRefs() ignores it.`,fix:"If it should be reactive state, wrap it with ref(), reactive(), or shallowRef(). If it is an intentional non-reactive property, wrap it with markRaw() so storeToRefs() skips it explicitly.",docs:"https://pinia.vuejs.org/core-concepts/plugins.html#Adding-new-external-properties"},PINIA_R1007:{why:n=>`The same callback was passed to "$subscribe()" of store "${n.id}" more than once. Subscriptions are deduplicated, so the duplicate is ignored.`,fix:"Subscribe each callback only once. If you need to resubscribe, call the returned function to remove the previous subscription first, or create a new function.",docs:"https://pinia.vuejs.org/core-concepts/state.html#Subscribing-to-the-state"}}});let Ri;process.env.NODE_ENV;const Ti=process.env.NODE_ENV!=="production"?Symbol("pinia"):Symbol();process.env.NODE_ENV;function Xe(n){const e=o.toRaw(n),t={};for(const i in e){const r=e[i];r?.effect?t[i]=o.computed({get:()=>n[i],set(s){n[i]=s}}):(o.isRef(r)||o.isReactive(r))&&(t[i]=o.toRef(n,i))}return t}const Re=n=>n?.chart.type==="table",Ct=n=>n?.query?.datasource==="requests",Rt=n=>!!n&&!Re(n)&&!Ct(n),ns=(n,e)=>{const t=n.header_description??("description"in n.chart?n.chart.description:void 0);if(t)return t.replaceAll(_i,e)||void 0},rs=["basic","api_usage","llm_usage","agentic_usage","platform","platform_usage","managed_cache_usage",void 0],ss=n=>rs.includes(n);function os({queryBridge:n,context:e,definition:t,chartData:i}){const r=o.ref(""),s=o.ref(""),a=o.ref(void 0),l=o.ref(void 0),d=Ne.useAnalyticsConfigStore(),c=Ne.useDatasourceConfigStore(),{stripUnknownFilters:u,loading:h}=Xe(c),f=o.computed(()=>Re(t.value));o.onMounted(async()=>{r.value=await n?.exploreBaseUrl?.()??"",s.value=await n?.requestsBaseUrl?.()??""});const y=o.computed(()=>d.analytics&&d.percentiles),w=o.computed(()=>{const _=t.value.chart.type;return["golden_signals","gauge"].includes(_)?!1:_==="top_n"?!!e.value.editable||!!e.value.showTileActions:!0}),x=o.computed(()=>s.value&&t.value.query&&!f.value&&t.value.query.datasource!=="llm_usage"&&t.value.query.datasource!=="managed_cache_usage"&&!oe.isPlatformDatasource(t.value.query.datasource)&&y.value&&!h.value),b=o.computed(()=>r.value&&t.value.query&&ss(t.value.query.datasource)&&y.value&&!h.value),O=o.computed(()=>i.value?oe.msToGranularity(i.value.meta.granularity_ms):void 0),R=o.computed(()=>{const _=t.value,C=[...e.value.filters,..._.query.filters??[]],T="metrics"in _.query?_.query.metrics:void 0,N=_.query?.datasource??"api_usage";return u.value({datasource:N,filters:C,queryFields:T})}),k=o.computed(()=>{if(!b.value||!w.value)return"";const _=t.value;if(Re(_))return m({..._.query,filters:R.value});const C=_.query.time_range||e.value.timeSpec,T=p(C,R.value);return m(T)}),F=o.computed(()=>{if(!x.value||!w.value)return"";const _=R.value,C=t.value;if(Re(C))return"";const T=G(C.query.time_range||e.value.timeSpec,_);return S(T)}),S=_=>x.value?`${s.value}?q=${JSON.stringify(_)}`:"",G=(_,C)=>{const T=i.value?.meta?.start?new Date(i.value.meta.start):void 0,N=i.value?.meta?.end?new Date(i.value.meta.end):void 0;return{filter:C,timeframe:{timePeriodsKey:_.type==="relative"?_.time_range:"custom",start:_.type==="absolute"?T:void 0,end:_.type==="absolute"?N:void 0}}},B=(_,C)=>({filter:C,timeframe:{timePeriodsKey:_.type==="relative"?_.time_range:"custom",start:_.type==="absolute"?_.start:void 0,end:_.type==="absolute"?_.end:void 0}}),p=(_,C)=>{const T=t.value;if(!Rt(T))throw new Error("Cannot build a chart explore query for table or api-requests definitions");const N=[...T.query.dimensions??[]],ee=[...T.query.metrics??[]];return{filters:C,metrics:ee,dimensions:N,time_range:_,granularity:T.query.granularity||O.value||void 0}},m=_=>{if(!b.value)return"";const C=t.value.query.datasource&&t.value.query.datasource!=="basic"?t.value.query.datasource:"api_usage";return`${r.value}?q=${JSON.stringify(_)}&d=${C}&c=${t.value.chart.type}`};return o.watch([x,b],([_,C])=>{_&&(a.value={href:""}),C&&(l.value={href:""})}),{exploreLinkKebabMenu:k,requestsLinkKebabMenu:F,canShowKebabMenu:w,canGenerateRequestsLink:x,canGenerateExploreLink:b,requestsLinkZoomActions:a,exploreLinkZoomActions:l,buildExploreQuery:p,buildRequestsQueryZoomActions:B,buildExploreLink:m,buildRequestLink:S}}const as=n=>n.type==="relative"?oe.TimePeriods.get(oe.TIMEFRAME_LOOKUP[n.time_range])?.timeframeLengthMs():new Date(n.end).getTime()-new Date(n.start).getTime(),ls=n=>n.reduce((e,t)=>{const i=oe.TimePeriods.get(oe.TIMEFRAME_LOOKUP[t])?.maximumTimeframeLength();return i===void 0||e&&i<=e.durationSeconds?e:{durationSeconds:i,key:t}},void 0),Tt=(n,e)=>{if(!n||!e?.length)return;const t=as(n),i=ls(e);return t!==void 0&&i&&t>i.durationSeconds*1e3?i:void 0},Si=(n,e)=>{const t=Tt(n,e);return!t||!n?n:n.type==="relative"?{...n,time_range:t.key}:{...n,start:new Date(new Date(n.end).getTime()-t.durationSeconds*1e3)}};function cs(){const n=o.inject(Ce),e=Ne.useDatasourceConfigStore(),{datasourceConfigMap:t,stripUnknownFilters:i}=Xe(e);let r=null;return o.onUnmounted(()=>{r?.abort()}),{issueQuery:async(a,l,d)=>{if(!n)throw new Error("Query bridge is not defined");r?.abort();const c=new AbortController;r=c,await e.isReady();const{datasource:u,limit:h,...f}=a,y=u||"basic",w=oe.isPlatformDatasource(y),x=i.value({datasource:y,filters:[...a.filters??[],...l.filters],queryFields:a.metrics}).filter(({operator:R})=>!w||!oe.requestFilterTypeEmptyV2.some(k=>k===R));let b=a.time_range;!b&&l.timeSpec?b={...l.timeSpec,tz:l.tz}:b&&!b.tz&&(b={...b,tz:l.tz}),b=Si(b,t.value[y]?.timeRangeOptions);const O={datasource:y,query:{...f,time_range:b,filters:x,limit:d??h}};return n.queryFn(O,c)}}}function us({context:n,globalFilters:e=o.ref([]),isFullscreen:t=o.ref(!1),preview:i=o.ref(!1)}){const r=Ne.useAnalyticsConfigStore(),s=Ne.useDatasourceConfigStore(),{loading:a}=Xe(r),{loading:l}=Xe(s),d=o.computed(()=>n.value.timeSpec?n.value.timeSpec:{type:"relative",time_range:r.defaultQueryTimeForOrg}),c=o.computed(()=>{const{tz:R}=n.value;return R||new Intl.DateTimeFormat().resolvedOptions().timeZone}),u=o.computed(()=>{const{editable:R}=n.value;return R===void 0||i.value?!1:R}),h=o.computed(()=>{const{showTileActions:R}=n.value;return i.value?!1:R===void 0?!0:R}),f=o.computed(()=>!i.value&&!!o.getCurrentInstance()?.vnode?.props?.onTileTimeRangeZoom),y=o.computed(()=>[...n.value.filters??[],...e.value]),w=o.computed(()=>{let{refreshInterval:R}=n.value;if(R===void 0&&(R=wi),t.value){let k=!1;if(d.value.type==="relative")k=["15m","1h","6h","12h","24h"].includes(d.value.time_range);else{const G=d.value.start.getTime(),B=d.value.end.getTime();k=Math.abs(B-G)<=864e5}const F=new Date().getTime();d.value.type==="absolute"&&d.value.end.getTime()<F||d.value.type==="relative"&&["previous_week","previous_month"].includes(d.value.time_range)?R=0:k?R=bi:R=vi}return R}),x=o.computed(()=>!i.value),b=o.computed(()=>({filters:y.value,timeSpec:d.value,tz:c.value,refreshInterval:w.value,editable:u.value,showTileActions:h.value,showTileZoomActions:x.value,zoomable:f.value,...n.value.scatterDataFn&&{scatterDataFn:n.value.scatterDataFn}})),O=o.computed(()=>!a.value&&!l.value);return{editable:u,enrichedContext:b,filters:y,queryReady:O,refreshInterval:w,showTileActions:h,showTileZoomActions:x,timeSpec:d,tz:c,zoomable:f}}const ds=6,Di=6,Oi=4;function hs(n,e){const{pageWidth:t,pageHeight:i,margin:r}=e,s=r+1,a=r+e.headerHeight-3,l=i-r-Di+3,d=l+4;e.title&&(n.setFont("helvetica","bold"),n.setFontSize(11),n.setTextColor(60),n.text(e.title,r,s)),n.setFont("helvetica","normal"),n.setFontSize(8),n.setTextColor(120),n.text(e.generatedAt,t-r,s,{align:"right"}),e.subtitle&&n.text(e.subtitle,r,s+Oi),n.setDrawColor(220),n.line(r,a,t-r,a),n.line(r,l,t-r,l),n.setFont("helvetica","bold"),n.setTextColor(60),n.text(e.branding,r,d);const c=n.getTextWidth(e.branding);n.setFont("helvetica","normal");const u=` ${e.dashboardNote}`;e.dashboardUrl?(n.setTextColor(0,68,204),n.textWithLink(u,r+c,d,{url:e.dashboardUrl})):(n.setTextColor(120),n.text(u,r+c,d)),n.setTextColor(120),n.text(e.pageLabel,t-r,d,{align:"right"})}function fs(n){const e=n.querySelector(".kong-ui-public-grid-layout, .grid-stack");if(!e)return[];const t=e.querySelectorAll(":scope > .grid-cell:not(.empty-cell), :scope > .grid-stack-item");if(!t.length)return[];const i=n.getBoundingClientRect().top,r=new Map;return t.forEach(s=>{const a=s.getBoundingClientRect(),l=Math.round(a.top-i),d=Math.round(a.bottom-i),c=r.get(l);r.set(l,c!==void 0?Math.max(c,d):d)}),[...r.entries()].map(([s,a])=>({top:s,bottom:a})).sort((s,a)=>s.top-a.top)}function ms(n,e,t,i){if(!n.length){const a=[];let l=0;for(;l<e;){const d=Math.min(t,e-l);a.push({startY:l,height:d}),l+=d}return a}const r=[];let s=0;for(const a of n){const l=a.top*i,d=a.bottom*i;d-s>t&&(l>s?(r.push({startY:s,height:l-s}),s=l):(r.push({startY:s,height:d-s}),s=d))}return s<e&&r.push({startY:s,height:e-s}),r}function ps(n){const{i18n:e}=gi(),t=o.ref({status:"idle"});async function i(r={}){const{filename:s="dashboard-export",title:a,subtitle:l,dashboardUrl:d,orientation:c="landscape",pageSize:u="letter",margin:h=4,scale:f=2,exclude:y=[".tile-actions",".tooltip",".popover",".dropdown-popover"],output:w="download",onBeforeCapture:x,onAfterCapture:b}=r,O=n.value;if(!O){t.value={status:"error",error:new Error("Dashboard layout container not found.")};return}try{t.value={status:"preparing"},await x?.();const[{snapdom:R},{jsPDF:k}]=await Promise.all([import("@zumer/snapdom"),import("jspdf")]);t.value={status:"capturing"};const F={name:"kong-webgl-snapshot",beforeClone:()=>oe.prepareForCapture(),afterClone:()=>oe.restoreAfterCapture()},S=await R.toCanvas(O,{scale:f,exclude:y,excludeMode:"remove",embedFonts:!0,plugins:[F]}),G=fs(O),B=O.getBoundingClientRect().width,p=B?S.width/B:f;t.value={status:"generating"};const m=new Date,_=new k({orientation:c,unit:"mm",format:u}),C=_.internal.pageSize.getWidth(),T=_.internal.pageSize.getHeight(),N=ds+(l?Oi:0),ee=C-h*2,ue=T-h*2-N-Di,de=S.width/ee,Q=ue*de,ne=ms(G,S.height,Q,p),L={title:a,subtitle:l,dashboardUrl:d,generatedAt:e.t("pdfExport.generated",{timestamp:m.toLocaleString(void 0,{dateStyle:"medium",timeStyle:"short"})}),branding:e.t("pdfExport.branding"),dashboardNote:e.t("pdfExport.dashboardNote"),pageWidth:C,pageHeight:T,headerHeight:N,margin:h};for(let J=0;J<ne.length;J++){J>0&&_.addPage();const{startY:A,height:E}=ne[J],v=document.createElement("canvas");v.width=S.width,v.height=E,v.getContext("2d").drawImage(S,0,A,S.width,E,0,0,S.width,E),_.addImage(v.toDataURL("image/png"),"PNG",h,h+N,ee,E/de),hs(_,{...L,pageLabel:e.t("pdfExport.pageOf",{page:String(J+1),total:String(ne.length)})})}if(w==="blob"){const J=_.output("blob");return t.value={status:"complete",pageCount:ne.length},J}_.save(s),t.value={status:"complete",pageCount:ne.length}}catch(R){t.value={status:"error",error:R}}finally{oe.restoreAfterCapture(),await b?.()}}return{exportPdf:i,exportState:o.readonly(t)}}const me={useContextLinks:os,useDashboardContext:us,useEvaluateFeatureFlag:Hr,useExportPdf:ps,useI18n:gi,useIssueQuery:cs,useRequestQueue:jr},gs={class:"kong-ui-public-csv-export-modal"},ys={key:0,class:"selected-range"},_s={key:4,class:"text-muted",tag:"span"},Ni=3,Mi=o.defineComponent({__name:"CsvExportModal",props:{exportState:{},filename:{},modalDescription:{default:void 0}},emits:["closeModal"],setup(n,{emit:e}){const{i18n:t}=me.useI18n(),i=n,r=e,s=`${i.filename.replace(/\s+/g,"-").toLowerCase()}-${new Date().toISOString().slice(0,10)}.csv`,a=o.ref(1),l=o.computed(()=>f.value.rows.length),d=o.computed(()=>i.exportState.status==="success"&&!!i.exportState.chartData?.data?.length),c=o.computed(()=>{if(i.exportState.status!=="success"||!i.exportState.chartData?.meta)return"";const{start:w,end:x}=i.exportState.chartData.meta;return w&&x?`${oe.formatTimestamp(new Date(w))} - ${oe.formatTimestamp(new Date(x),{includeTZ:!0})}`:""}),u=o.computed(()=>i.exportState.status!=="success"?"":t.t("csvExport.previewRows",{rowsMax:Math.min(Ni,l.value),rowsTotal:l.value,plural:l.value===1?"":"s"})),h=()=>{r("closeModal")},f=o.computed(()=>{if(i.exportState.status!=="success"||!d.value||!i.exportState.chartData?.meta.metric_names)return{headers:[],rows:[],csvHeaders:{}};const w=i.exportState.chartData,x=w.data.some(S=>S.timestamp!==w.data[0].timestamp),b=w.data.map(S=>{const G=new Date(S.timestamp);return{...Object.keys(S.event).reduce((p,m)=>{if(m in w.meta.display){const _=S.event[m],C=w.meta.display[m];p[m]=_&&C&&C[_].name||S.event[m]}else p[m]=S.event[m];return p},{}),...x?{timestamp:li(G,"yyyy-MM-dd HH:mm:ss"),tzOffset:li(G,"XXX")}:{}}});let O=[];x&&(O=[{label:t.t("csvExport.Timestamp"),key:"timestamp"},{label:t.t("csvExport.UtcOffset"),key:"tzOffset"}]);const R="display"in i.exportState.chartData.meta&&i.exportState.chartData.meta.display?i.exportState.chartData.meta.display:{},k=[...O,...Object.keys(R).map(S=>({label:t.t(`chartLabels.${S}`),key:S})),...i.exportState.chartData.meta.metric_names.map(S=>({label:t.t(`chartLabels.${S}`),key:S}))],F=k.reduce((S,G)=>(S[G.key]=G.label,S),{});return{headers:k,csvHeaders:F,rows:b}}),y=async()=>{if(i.exportState.status!=="success")return{total:0,data:[]};const{rows:w}=f.value;return{total:Number(w.length)||0,data:w.slice(0,Ni)}};return o.watch(f,()=>{a.value++}),(w,x)=>{const b=o.resolveComponent("KSkeleton"),O=o.resolveComponent("KEmptyState"),R=o.resolveComponent("KTableData"),k=o.resolveComponent("KTooltip"),F=o.resolveComponent("KButton"),S=o.resolveComponent("KModal");return o.openBlock(),o.createElementBlock("div",gs,[o.createVNode(S,{class:"vitals-report","data-testid":"csv-export-modal","show-dismiss-icon":"",title:o.unref(t).t("csvExport.exportPreview"),visible:"",onCancel:h,onKeyup:o.withKeys(h,["esc"])},{default:o.withCtx(()=>[o.createElementVNode("div",null,[n.exportState.status==="success"&&d.value?(o.openBlock(),o.createElementBlock("div",ys,[o.createElementVNode("p",null,o.toDisplayString(n.modalDescription?n.modalDescription:o.unref(t).t("csvExport.exportDescription")),1),o.createElementVNode("p",null,o.toDisplayString(o.unref(t).t("csvExport.exportTimeRange"))+": "+o.toDisplayString(c.value),1)])):o.createCommentVNode("",!0),n.exportState.status==="loading"?(o.openBlock(),o.createBlock(b,{key:1,class:"chart-skeleton",type:"table"})):n.exportState.status==="success"?(o.openBlock(),o.createBlock(R,{key:2,class:"vitals-table",fetcher:y,"fetcher-cache-key":String(a.value),headers:f.value.headers,"hide-pagination":"","row-hover":!1,sortable:!1},{"empty-state":o.withCtx(()=>[o.createVNode(O,{"action-button-visible":!1},{title:o.withCtx(()=>[o.createElementVNode("h5",null,o.toDisplayString(o.unref(t).t("csvExport.noDataRange")),1)]),default:o.withCtx(()=>[o.createElementVNode("p",null,o.toDisplayString(o.unref(t).t("csvExport.noDataRetry")),1)]),_:1})]),_:1},8,["fetcher-cache-key","headers"])):n.exportState.status==="error"?(o.openBlock(),o.createBlock(O,{key:3,"action-button-visible":!1},{title:o.withCtx(()=>[o.createElementVNode("h5",null,o.toDisplayString(o.unref(t).t("csvExport.dataError")),1)]),_:1})):o.createCommentVNode("",!0),n.exportState.status==="success"&&d.value?(o.openBlock(),o.createElementBlock("div",_s,[o.createTextVNode(o.toDisplayString(u.value)+" ",1),o.createVNode(k,{class:"preview-tooltip",placement:"right",text:o.unref(t).t("csvExport.maximumRecordAmount",{value:o.unref(oe.EXPORT_RECORD_LIMIT)})},{default:o.withCtx(()=>[o.createVNode(o.unref(ve.InfoIcon),{color:`var(--kui-color-text-neutral, ${o.unref(vt)})`,size:`var(--kui-icon-size-30, ${o.unref(Dr)})`},null,8,["color","size"])]),_:1},8,["text"])])):o.createCommentVNode("",!0)])]),"footer-actions":o.withCtx(()=>[o.createVNode(F,{appearance:"tertiary",class:"cancel-btn",onClick:h},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(t).t("csvExport.cancelButton")),1)]),_:1}),o.createVNode(Br,{class:"vitals-report-export-button",filename:s,headers:f.value.csvHeaders,rows:f.value.rows},{default:o.withCtx(()=>[o.createVNode(F,{appearance:"primary","data-testid":"csv-download-button",disabled:n.exportState.status!=="success"||!d.value},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(t).t("csvExport.downloadButton")),1)]),_:1},8,["disabled"])]),_:1},8,["headers","rows"])]),_:1},8,["title"])])}}});var zi=(n=>(n.VALIDATING="VALIDATING",n.VALIDATING_HAS_DATA="VALIDATING_HAS_DATA",n.PENDING="PENDING",n.SUCCESS="SUCCESS",n.SUCCESS_HAS_DATA="SUCCESS_HAS_DATA",n.ERROR="ERROR",n.STALE_IF_ERROR="STALE_IF_ERROR",n))(zi||{});const ws=n=>n?!!(Object.keys(n)?.length||n.data?.length||n.data?.data?.length||!n.data?.data&&typeof n.data=="object"&&Object.keys(n?.data).length):!1;function Ai(n=o.ref({}),e,t,i=ws){const r=o.ref("PENDING");return o.watchEffect(()=>{const s=i(n.value);if(n.value&&s&&t.value){r.value="VALIDATING_HAS_DATA";return}if(n.value&&t.value){r.value="VALIDATING";return}if(n.value&&e.value){r.value="STALE_IF_ERROR";return}if(n.value===void 0&&!e.value){r.value="PENDING";return}if(n.value&&!e.value&&s){r.value="SUCCESS_HAS_DATA";return}if(n.value&&!e.value){r.value="SUCCESS";return}n.value===void 0&&e&&(r.value="ERROR")}),{state:r,swrvState:zi}}const Qe=o.defineComponent({__name:"QueryDataProvider",props:{context:{},limitOverride:{},query:{},queryReady:{type:Boolean},refreshCounter:{}},emits:["chart-data","query-complete"],setup(n,{emit:e}){const t=n,i=e,{i18n:r}=me.useI18n(),{issueQuery:s}=me.useIssueQuery(),a=o.inject(Ce),l=()=>t.queryReady&&a?JSON.stringify([t.query,t.context,t.refreshCounter]):null,{data:d,error:c,isValidating:u}=zt(l,async()=>{const R=l();try{const k=await s(t.query,t.context,t.limitOverride);return l()!==R?void 0:(y.value=null,k)}catch(k){if(l()!==R)return;throw y.value=qe.handleQueryError(k),k}finally{l()===R&&i("query-complete")}},{refreshInterval:t.context.refreshInterval,revalidateOnFocus:!1,shouldRetryOnError:!1}),{state:h,swrvState:f}=Ai(d,c,u),y=o.ref(null),w=o.computed(()=>h.value===f.ERROR||!!y.value),x=o.computed(()=>!t.queryReady||h.value===f.PENDING),b=o.ref(),O=o.computed(()=>d.value??(t.queryReady&&h.value===f.PENDING?b.value:void 0));return o.watch([()=>d.value,()=>h.value],([R,k])=>{R&&(k==="SUCCESS_HAS_DATA"||k==="SUCCESS")&&R!==b.value&&(b.value=R,i("chart-data",R))}),(R,k)=>{const F=o.resolveComponent("KSkeleton"),S=o.resolveComponent("KEmptyState");return(x.value||!o.unref(d)&&!w.value)&&!O.value?(o.openBlock(),o.createBlock(F,{key:0,class:"chart-skeleton",type:"table"})):w.value&&!x.value?(o.openBlock(),o.createBlock(S,{key:1,"action-button-visible":!1,"data-testid":"chart-empty-state"},o.createSlots({icon:o.withCtx(()=>[y.value?.type==="forbidden"?(o.openBlock(),o.createBlock(o.unref(ve.VisibilityOffIcon),{key:0})):(o.openBlock(),o.createBlock(o.unref(ve.WarningOutlineIcon),{key:1}))]),title:o.withCtx(()=>[o.createElementVNode("p",null,o.toDisplayString(y.value?.message||o.unref(r).t("renderer.unexpectedError")),1)]),_:2},[y.value?.details?{name:"default",fn:o.withCtx(()=>[o.createElementVNode("p",null,o.toDisplayString(y.value.details),1)]),key:"0"}:void 0]),1024)):O.value?o.renderSlot(R.$slots,"default",{data:O.value},void 0,void 0,2):o.createCommentVNode("",!0)}}}),bs=o.defineComponent({__name:"SimpleChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},setup(n){const e=n,t=o.computed(()=>e.chartOptions.type==="single_value"),i=o.computed(()=>e.chartOptions.type==="single_value"?{...e.chartOptions,alignX:e.chartOptions.align_x??"left",showTrend:e.query.granularity==="trend"}:e.chartOptions);return(r,s)=>(o.openBlock(),o.createBlock(Qe,{context:n.context,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter},{default:o.withCtx(({data:a})=>[o.createElementVNode("div",{class:o.normalizeClass(["analytics-chart",{"single-value":t.value}]),style:o.normalizeStyle(t.value?void 0:{height:`${n.height}px`})},[o.createVNode(o.unref(qe.SimpleChart),{"chart-data":a,"chart-options":i.value,"synthetics-data-key":t.value?void 0:n.chartOptions.synthetics_data_key},null,8,["chart-data","chart-options","synthetics-data-key"])],6)]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),De=(n,e)=>{const t=n.__vccOpts||n;for(const[i,r]of e)t[i]=r;return t},Ii=De(bs,[["__scopeId","data-v-22077b88"]]),vs={class:"analytics-chart"},St=De(o.defineComponent({__name:"BaseAnalyticsChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{},extraProps:{}},emits:["edit-tile","chart-data","zoom-time-range","view-requests","select-chart-range"],setup(n,{emit:e}){const t=n,i=e,{i18n:r}=me.useI18n(),s=o.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=o.computed(()=>t.context.zoomable),l=()=>{i("edit-tile")},d=c=>{i("chart-data",c)};return(c,u)=>{const h=o.resolveComponent("KDropdownItem");return o.openBlock(),o.createBlock(Qe,{context:n.context,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter,onChartData:d},{default:o.withCtx(({data:f})=>[o.createElementVNode("div",vs,[o.createVNode(o.unref(qe.AnalyticsChart),o.mergeProps({"active-metric":n.activeMetric,"chart-data":f,"chart-options":s.value,"explore-link":n.exploreLink,"legend-position":"bottom","requests-link":n.requestsLink,"synthetics-data-key":n.chartOptions.synthetics_data_key,"timeseries-zoom":a.value,"tooltip-title":""},n.extraProps,{onSelectChartRange:u[0]||(u[0]=y=>i("select-chart-range",y)),onZoomTimeRange:u[1]||(u[1]=y=>i("zoom-time-range",y))}),o.createSlots({_:2},[n.context.editable?{name:"menu-items",fn:o.withCtx(()=>[o.createVNode(h,{onClick:l},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(r).t("renderer.edit")),1)]),_:1})]),key:"0"}:void 0]),1040,["active-metric","chart-data","chart-options","explore-link","requests-link","synthetics-data-key","timeseries-zoom"])])]),_:1},8,["context","query","query-ready","refresh-counter"])}}}),[["__scopeId","data-v-678fdc93"]]),Li=o.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},setup(n){return(e,t)=>(o.openBlock(),o.createBlock(St,{"chart-options":n.chartOptions,context:n.context,"extra-props":{showAnnotations:!1},height:n.height,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),Es={class:"analytics-chart"},xs={key:3,class:"analytics-chart"},ks=De(o.defineComponent({__name:"ScatterChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},emits:["chart-data","query-complete"],setup(n,{emit:e}){const t=n,i=e,{i18n:r}=me.useI18n(),s=o.computed(()=>t.query.datasource==="requests"),a=o.computed(()=>t.context.scatterDataFn);let l=null;o.onUnmounted(()=>{l?.abort()});const d=()=>s.value&&t.queryReady&&a.value?JSON.stringify([t.query,t.context,t.refreshCounter]):null,c=o.ref(null),{data:u,error:h,isValidating:f}=zt(d,async()=>{const S=d();l?.abort();const G=new AbortController;l=G;try{const B=await a.value(t.query,t.context,G);return d()!==S?void 0:(c.value=null,B)}catch(B){if(d()!==S)return;throw c.value=qe.handleQueryError(B),B}finally{d()===S&&i("query-complete")}},{refreshInterval:t.context.refreshInterval,revalidateOnFocus:!1,shouldRetryOnError:!1}),{state:y,swrvState:w}=Ai(u,h,f),x=o.ref(),b=o.computed(()=>u.value??x.value);o.watch(u,S=>{S&&(x.value=S)});const O=o.computed(()=>!a.value||y.value===w.ERROR||!!c.value),R=o.computed(()=>a.value?c.value?.message||r.t("renderer.unexpectedError"):r.t("renderer.noScatterDataFn")),k=o.computed(()=>!O.value&&(!t.queryReady||y.value===w.PENDING)&&!b.value),F=o.computed(()=>({type:"scatter",chartDatasetColors:t.chartOptions.chart_dataset_colors,scatter:{percentileLines:t.chartOptions.percentile_lines?.map(S=>({percentile:S.percentile,label:S.label,borderDash:S.border_dash,color:S.color})),outlierPercentile:t.chartOptions.outlier_percentile,shadeOutlierRegion:t.chartOptions.shade_outlier_region,jitterMs:t.chartOptions.jitter_ms,pointRadius:t.chartOptions.point_radius,pointOpacity:t.chartOptions.point_opacity}}));return(S,G)=>{const B=o.resolveComponent("KSkeleton"),p=o.resolveComponent("KEmptyState");return s.value?k.value?(o.openBlock(),o.createBlock(B,{key:1,class:"chart-skeleton",type:"table"})):O.value?(o.openBlock(),o.createBlock(p,{key:2,"action-button-visible":!1,"data-testid":"scatter-chart-empty-state"},o.createSlots({icon:o.withCtx(()=>[c.value?.type==="forbidden"?(o.openBlock(),o.createBlock(o.unref(ve.VisibilityOffIcon),{key:0})):(o.openBlock(),o.createBlock(o.unref(ve.WarningOutlineIcon),{key:1}))]),title:o.withCtx(()=>[o.createElementVNode("p",null,o.toDisplayString(R.value),1)]),_:2},[c.value?.details?{name:"default",fn:o.withCtx(()=>[o.createElementVNode("p",null,o.toDisplayString(c.value.details),1)]),key:"0"}:void 0]),1024)):b.value?(o.openBlock(),o.createElementBlock("div",xs,[o.createVNode(o.unref(qe.AnalyticsChart),{"chart-data":b.value,"chart-options":F.value,"legend-position":"bottom","synthetics-data-key":n.chartOptions.synthetics_data_key,"tooltip-title":""},null,8,["chart-data","chart-options","synthetics-data-key"])])):o.createCommentVNode("",!0):(o.openBlock(),o.createBlock(Qe,{key:0,context:n.context,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter,onChartData:G[0]||(G[0]=m=>i("chart-data",m)),onQueryComplete:G[1]||(G[1]=m=>i("query-complete"))},{default:o.withCtx(({data:m})=>[o.createElementVNode("div",Es,[o.createVNode(o.unref(qe.AnalyticsChart),{"chart-data":m,"chart-options":F.value,"legend-position":"bottom","synthetics-data-key":n.chartOptions.synthetics_data_key,"tooltip-title":""},null,8,["chart-data","chart-options","synthetics-data-key"])])]),_:1},8,["context","query","query-ready","refresh-counter"]))}}}),[["__scopeId","data-v-0b17680c"]]),qi=o.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},emits:["zoom-time-range","select-chart-range"],setup(n,{emit:e}){const t=e;return(i,r)=>(o.openBlock(),o.createBlock(St,{"active-metric":n.activeMetric,"chart-options":n.chartOptions,context:n.context,"explore-link":n.exploreLink,height:n.height,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter,"requests-link":n.requestsLink,onSelectChartRange:r[0]||(r[0]=s=>t("select-chart-range",s)),onZoomTimeRange:r[1]||(r[1]=s=>t("zoom-time-range",s))},null,8,["active-metric","chart-options","context","explore-link","height","query","query-ready","refresh-counter","requests-link"]))}}),Cs=De(o.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},setup(n){const e=n,t=o.computed(()=>{const r=e.query?.datasource;if(r&&r!=="api_usage"&&r!=="basic")throw new Error(`Invalid datasource value: ${r}`);return{datasource:e.query?.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}}),i=o.computed(()=>!!(e.chartOptions.chart_title||e.headerDescription));return(r,s)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["metric-card-tile-wrapper",{titled:i.value}])},[o.createVNode(o.unref(At.MetricsProvider),o.normalizeProps(o.guardReactiveProps(t.value)),{default:o.withCtx(()=>[o.createVNode(o.unref(At.MetricsConsumer))]),_:1},16)],2))}}),[["__scopeId","data-v-3eda5028"]]),Rs={class:"fallback-entity-link","data-testid":"entity-link-parent"},Pi=o.defineComponent({__name:"FallbackEntityLink",props:{entityLinkData:{}},setup(n){return(e,t)=>(o.openBlock(),o.createElementBlock("div",Rs,o.toDisplayString(n.entityLinkData.label),1))}}),Ts={key:0},Ss={key:1},Ds=o.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},setup(n){const e=n,t=o.inject(Ce),i=o.defineAsyncComponent(async()=>{if(t?.fetchComponent)try{return await t.fetchComponent("EntityLink")}catch{return Pi}return Pi}),r=o.computed(()=>!!e.chartOptions.entity_link||!!Object.keys(e.chartOptions.entity_links||{}).length),s=c=>{const u=e.chartOptions.entity_links;return u&&(u[c]||Object.entries(u).find(([h])=>h.toLowerCase()===c.toLowerCase())?.[1])||""},a=c=>{const u=c.dimensions?.[0]?.dimension;return!u||u===c.dimension},l=c=>s(c.dimension)||a(c)&&e.chartOptions.entity_link||"",d=c=>{const u=l(c);if(u)if(c.id.includes(":")){const[h,f]=c.id.split(":");return u.replace(yi,h).replace(Et,f)}else return u.replace(Et,c.id);return""};return(c,u)=>(o.openBlock(),o.createBlock(Qe,{context:n.context,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter},{default:o.withCtx(({data:h})=>[o.createVNode(o.unref(qe.TopNTable),{data:h,"synthetics-data-key":n.chartOptions.synthetics_data_key},o.createSlots({_:2},[r.value?{name:"name",fn:o.withCtx(({record:f})=>[!f.isEmpty&&l(f)?(o.openBlock(),o.createBlock(o.unref(i),{key:0,"entity-link-data":{id:f.id,label:f.name,deleted:f.deleted},"external-link":d(f)},null,8,["entity-link-data","external-link"])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[f.name==="empty"?(o.openBlock(),o.createElementBlock("i",Ts,o.toDisplayString(f.name),1)):(o.openBlock(),o.createElementBlock("span",Ss,o.toDisplayString(f.name),1))],64))]),key:"0"}:void 0]),1032,["data","synthetics-data-key"])]),_:1},8,["context","query","query-ready","refresh-counter"]))}}),Os=n=>n.records.map(e=>{const t={...e};return Object.entries(e).forEach(([i,r])=>{if(r===null)return;const s=n.meta.display?.[i]?.[String(r)]?.name;s&&(t[i]=s)}),t}),Bi=({canTranslate:n,columns:e,translate:t})=>e.map(i=>{const r=`chartLabels.${i}`;return{key:i,label:n(r)?t(r):i}}),Ns={platform:Bi,platform_usage:Bi},Hi=async({abortController:n,context:e,cursor:t,pageSize:i,query:r,onResponseColumns:s,stripUnknownFilters:a,tabularQueryFn:l})=>{if(!l)throw new Error("AnalyticsBridge.tabularQueryFn is not defined");const d=r.query,c=a({datasource:r.datasource,filters:[...d.filters??[],...e.filters],queryFields:d.entity===void 0?void 0:[d.entity]}),u=await l({datasource:r.datasource,query:{columns:d.columns,cursor:t===void 0?d.cursor:String(t),entity:d.entity,filters:c,page_size:i}},n);return u.meta.columns?.length&&s?.(u.meta.columns),{data:Os(u),cursor:u.meta.cursor,hasMore:!!u.meta.cursor}},Ms={platform:Hi,platform_usage:Hi},zs=De(o.defineComponent({__name:"TableDataGridRenderer",props:{query:{},context:{},queryReady:{type:Boolean},height:{},refreshCounter:{}},emits:["loading-change"],setup(n,{emit:e}){const t=n,i=e,r=o.inject(Ce),s=Ne.useDatasourceConfigStore(),{i18n:a}=me.useI18n(),l=new AbortController,d=o.ref([]),c=o.ref(!1),u=o.computed(()=>t.height===void 0?void 0:{height:`${t.height}px`}),h=o.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}})),f=o.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}}));o.onUnmounted(()=>{l.abort()});const y=o.computed(()=>Ns[t.query.datasource]({columns:t.query.columns?.length?t.query.columns:d.value,translate:b=>a.t(b),canTranslate:b=>a.te(b)})),w=o.computed(()=>async({cursor:b,pageSize:O})=>{try{await s.isReady();const R=Ms[h.value.datasource];if(!R)throw new Error(`No table data grid fetcher found for datasource: ${h.value.datasource}`);const k=await R({abortController:l,context:t.context,cursor:b,pageSize:O,query:h.value,onResponseColumns:F=>{d.value=F},stripUnknownFilters:s.stripUnknownFilters,tabularQueryFn:r?.tabularQueryFn});return c.value=!1,k}catch(R){throw c.value=!0,R}}),x=b=>{b.state==="error"&&(c.value=!0),i("loading-change",b.state==="loading")};return(b,O)=>{const R=o.resolveComponent("KSkeleton");return o.openBlock(),o.createElementBlock("div",{class:"table-data-grid-renderer",style:o.normalizeStyle(u.value)},[n.queryReady?(o.openBlock(),o.createBlock(o.unref(Vi.TableDataGrid),{key:1,error:c.value,fetcher:w.value,headers:y.value,"page-size":n.query.page_size,"refresh-key":f.value,onState:x},null,8,["error","fetcher","headers","page-size","refresh-key"])):(o.openBlock(),o.createBlock(R,{key:0,"data-testid":"table-skeleton",type:"table"}))],4)}}}),[["__scopeId","data-v-c49ff2eb"]]),As=o.defineComponent({__name:"DonutChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},setup(n){return(e,t)=>(o.openBlock(),o.createBlock(St,{"chart-options":n.chartOptions,context:n.context,height:n.height,query:n.query,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter},null,8,["chart-options","context","height","query","query-ready","refresh-counter"]))}}),Is=["data-testid"],Ls={key:0,class:"tile-header"},qs={class:"badge-container"},Ps={class:"badge-text"},Bs={class:"badge-text"},Hs={key:0,class:"metric-selector-wrapper"},Fs={key:1},$s=["data-testid"],Us=["data-testid"],Ws=["data-testid"],Gs={class:"delete-option"},Ys=["data-testid"],Fi=De(o.defineComponent({__name:"DashboardTile",props:o.mergeModels({context:{},definition:{},height:{default:()=>Ge},hideActions:{type:Boolean,default:!1},hideZoomActions:{type:Boolean,default:!1},isFullscreen:{type:Boolean},queryReady:{type:Boolean},showRefresh:{type:Boolean,default:!1},tileId:{},tileType:{default:"chart"}},{refreshCounter:{default:0},refreshCounterModifiers:{}}),emits:o.mergeModels(["chart-data","tile-loaded","edit-tile","duplicate-tile","remove-tile","tile-time-range-zoom","tile-bounds-change"],["update:refreshCounter"]),setup(n,{expose:e,emit:t}){o.useCssVars(D=>({v370de7a8:`${D.height}px`}));const i=parseInt(hi,10),r=o.useModel(n,"refreshCounter"),s=()=>{R.value=!0,r.value++},a=t,l=o.defineAsyncComponent(()=>Promise.resolve().then(()=>uo)),d=o.inject(Ce),c=Ne.useDatasourceConfigStore(),{datasourceConfigMap:u,stripUnknownFilters:h}=Xe(c),{i18n:f}=me.useI18n(),y=o.ref(),w=o.ref({status:"loading"}),x=o.ref(!1),b=o.ref(),O=o.ref(!1),R=o.ref(!0),k=o.computed(()=>n.definition.chart),F=o.computed(()=>"chart_title"in k.value?k.value.chart_title:void 0),S=o.computed(()=>n.definition.header_description),G=o.computed(()=>k.value.type==="slottable"),B=o.computed(()=>Re(n.definition)||Ct(n.definition)?!1:!("allow_csv_export"in k.value)||k.value.allow_csv_export!==!1),{exploreLinkKebabMenu:p,requestsLinkKebabMenu:m,canShowKebabMenu:_,canGenerateRequestsLink:C,canGenerateExploreLink:T,requestsLinkZoomActions:N,exploreLinkZoomActions:ee,buildExploreQuery:ue,buildExploreLink:de,buildRequestLink:Q,buildRequestsQueryZoomActions:ne}=me.useContextLinks({queryBridge:d,chartData:o.readonly(y),definition:o.toRef(()=>n.definition),context:o.readonly(o.toRef(()=>n.context))}),{issueQuery:L}=me.useIssueQuery();o.watch(()=>n.definition,async(D,V)=>{await o.nextTick(),b.value&&(O.value=b.value.scrollWidth>b.value.clientWidth);try{JSON.stringify(D?.query)!==JSON.stringify(V?.query)&&(R.value=!0)}catch{}},{immediate:!0,deep:!0});const J=o.computed(()=>f.t("csvExport.defaultFilename")),A=o.computed(()=>!!p.value||B.value||!!n.context.editable),E=o.computed(()=>!n.hideActions&&_.value&&A.value),v=o.computed(()=>E.value&&A.value&&!n.isFullscreen),Y={timeseries_line:qi,timeseries_bar:qi,scatter:ks,horizontal_bar:Li,vertical_bar:Li,gauge:Ii,donut:As,golden_signals:Cs,top_n:Ds,table:zs,slottable:void 0,single_value:Ii,choropleth_map:l},q=o.computed(()=>({...H.value?.rendererEvents.supportsRequests?{"select-chart-range":Ie}:{},...H.value?.rendererEvents.supportsZoom?{"zoom-time-range":et}:{},...H.value?.rendererEvents.supportsBounds?{"bounds-change":ft}:{},...H.value?.rendererEvents.supportsLoadingChange?{"loading-change":be}:{}})),H=o.computed(()=>{const D=Y[n.definition.chart.type],V=Re(n.definition),le=!!D?.emits?.includes("select-chart-range"),He=!!D?.emits?.includes("zoom-time-range"),Le=n.definition.chart.type==="choropleth_map",Fe=!!D?.emits?.includes("loading-change"),Nt={query:n.definition.query,context:n.context,queryReady:n.queryReady,height:n.height-i*2,refreshCounter:r.value},Mt={chartOptions:n.definition.chart,activeMetric:se.value,headerDescription:S.value,requestsLink:n.hideZoomActions?void 0:N.value,exploreLink:n.hideZoomActions?void 0:ee.value};return D&&{component:D,rendererProps:{...Nt,...V?{}:Mt},rendererEvents:{supportsRequests:le,supportsZoom:He,supportsBounds:Le,supportsLoadingChange:Fe}}}),ge=o.computed(()=>{if(Re(n.definition))return null;const D=n.definition.query,V=D?.time_range;if(oe.isPlatformDatasource(D?.datasource)&&!D.dimensions?.includes("time"))return f.t("renderer.as_of_today");if(V?.type==="relative"){const le=oe.TimePeriods.get(oe.TIMEFRAME_LOOKUP[V.time_range]);return le?le.display:(console.warn("Did not recognize the given relative time range:",V.time_range),V.time_range)}else if(V?.type==="absolute"){const le=V.tz||"Etc/UTC";return`${oe.formatTime(V.start,{short:!0,tz:le})} - ${oe.formatTime(V.end,{short:!0,tz:le})}`}return null}),U=o.computed(()=>{const D=n.definition.query,V=D?.datasource,le=V?u.value[V]?.timeRangeOptions:void 0,Le=(D&&"time_range"in D?D.time_range:void 0)??n.context.timeSpec;return Tt(Le,le)}),$=o.computed(()=>G.value?!1:[!!F.value,v.value,!!ge.value,U.value,!!S.value,n.showRefresh,K.value].some(Boolean)),te=o.computed(()=>y.value?oe.msToGranularity(y.value.meta.granularity_ms):void 0),I=o.computed(()=>["timeseries_line","timeseries_bar"].includes(k.value.type)),re=o.computed(()=>y.value?.meta.metric_names??[]),se=o.ref();o.watch(re,D=>{(!se.value||!D.includes(se.value))&&(se.value=D[0])},{immediate:!0});const K=o.computed(()=>I.value&&(y.value?.data.length??0)>0&&re.value.length>1&&Object.keys(y.value?.meta.display??{}).length>0),Z=D=>Object.hasOwn(pi.chartLabels,D),W=o.computed(()=>re.value.map(D=>({value:D,label:Z(D)?f.t(`chartLabels.${D}`):D}))),ye=o.computed(()=>{if(!Rt(n.definition)||!I.value||!n.queryReady||R.value)return!1;const D=n.definition.query.granularity;return!D||!te.value?!1:D!==te.value}),P=o.computed(()=>{const D=oe.msToGranularity(y.value?.meta.granularity_ms??0)??"unknown",V=Rt(n.definition)?n.definition.query.granularity??"unknown":"unknown";return f.t("query_aged_out_warning",{currentGranularity:f.t(`granularities.${D}`),savedGranularity:f.t(`granularities.${V}`)})}),ie=o.computed(()=>{const D=[...n.context.filters,...n.definition.query.filters??[]],V="metrics"in n.definition.query?n.definition.query.metrics:void 0,le=n.definition.query.datasource??"api_usage";return h.value({datasource:le,filters:D,queryFields:V})}),Oe=()=>{a("edit-tile",n.definition)},Ae=()=>{a("duplicate-tile",n.definition)},we=()=>{a("remove-tile",n.definition)},Be=D=>{y.value=D,R.value=!1,a("chart-data",D),a("tile-loaded")},ce=()=>{R.value=!1,a("tile-loaded")},be=D=>{R.value=D,D||a("tile-loaded")},ae=()=>{x.value=!1},he=()=>{if(Ct(n.definition))throw new Error("Cannot export data for a tile backed by the api-requests endpoint");const D=n.definition.query.datasource?.startsWith("goap");return d?.staticConfig?.increaseCsvExportLimit!==!1&&!D?L(n.definition.query,n.context,oe.EXPORT_RECORD_LIMIT):y.value?Promise.resolve(y.value):new Promise(le=>{const He=o.watch(y,Le=>{Le&&(le(Le),He())})})},ke=async()=>{x.value=!0,w.value={status:"loading"};try{const D=await he();w.value={status:"success",chartData:D}}catch(D){w.value={status:"error",error:D}}},et=D=>{const V={tileId:n.tileId.toString(),timeRange:D};a("tile-time-range-zoom",V)},ft=D=>{const V={tileId:n.tileId.toString(),bounds:D};a("tile-bounds-change",V)},Ie=D=>{const V=ie.value,le=ue(D,V);ee.value=T.value?{href:de(le)}:void 0,N.value=C.value?{href:Q(ne(D,V))}:void 0};return e({getExportData:he}),(D,V)=>{const le=o.resolveComponent("KTooltip"),He=o.resolveComponent("KBadge"),Le=o.resolveComponent("KButton"),Fe=o.resolveComponent("KDropdownItem"),Nt=o.resolveComponent("KDropdown");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["tile-boundary",{editable:n.context.editable,headless:!$.value}]),"data-testid":`tile-${n.tileId}`},[$.value&&!G.value?(o.openBlock(),o.createElementBlock("div",Ls,[o.createVNode(le,{class:"title-tooltip",disabled:!O.value,"max-width":"500",text:F.value},{default:o.withCtx(()=>[o.createElementVNode("div",{ref_key:"titleRef",ref:b,class:"title"},o.toDisplayString(F.value),513)]),_:1},8,["disabled","text"]),o.createElementVNode("div",qs,[U.value?(o.openBlock(),o.createBlock(He,{key:0,appearance:"warning","data-testid":"unsupported-time-range-badge",tooltip:o.unref(f).t("unsupported_time_range_warning"),"tooltip-attributes":{maxWidth:"320px"}},{icon:o.withCtx(()=>[o.createVNode(o.unref(ve.WarningIcon),{size:`var(--kui-icon-size-20, ${o.unref(ci)})`},null,8,["size"])]),default:o.withCtx(()=>[o.createElementVNode("span",Ps,o.toDisplayString(o.unref(f).t("unsupported_time_range_badge")),1)]),_:1},8,["tooltip"])):o.createCommentVNode("",!0),ge.value?(o.openBlock(),o.createBlock(He,{key:1,"data-testid":"time-range-badge",tooltip:ye.value?P.value:void 0,"tooltip-attributes":{maxWidth:"320px"}},o.createSlots({default:o.withCtx(()=>[o.createElementVNode("span",Bs,o.toDisplayString(ge.value),1)]),_:2},[ye.value?{name:"icon",fn:o.withCtx(()=>[o.createVNode(o.unref(ve.WarningIcon),{size:`var(--kui-icon-size-20, ${o.unref(ci)})`},null,8,["size"])]),key:"0"}:void 0]),1032,["tooltip"])):o.createCommentVNode("",!0)]),K.value?(o.openBlock(),o.createElementBlock("div",Hs,[o.createVNode(o.unref(ji.KSegmentedControl),{modelValue:se.value,"onUpdate:modelValue":V[0]||(V[0]=Mt=>se.value=Mt),class:"metric-selector","data-testid":"metric-selector",options:W.value},null,8,["modelValue","options"])])):o.createCommentVNode("",!0),n.showRefresh?(o.openBlock(),o.createElementBlock("div",Fs,[o.createVNode(Le,{appearance:"secondary",class:"refresh-button","data-testid":`tile-refresh-button-${n.tileId}`,disabled:R.value,icon:"",size:"small",onClick:s},{default:o.withCtx(()=>[R.value?(o.openBlock(),o.createBlock(o.unref(ve.ProgressIcon),{key:0,role:"button",size:`var(--kui-icon-size-60, ${o.unref(di)})`,tabindex:"0"},null,8,["size"])):(o.openBlock(),o.createBlock(o.unref(ve.RefreshIcon),{key:1,role:"button",size:`var(--kui-icon-size-60, ${o.unref(di)})`,tabindex:"0"},null,8,["size"]))]),_:1},8,["data-testid","disabled"])])):o.createCommentVNode("",!0),S.value?(o.openBlock(),o.createElementBlock("div",{key:2,class:"header-description","data-testid":`tile-description-${n.tileId}`},o.toDisplayString(S.value),9,$s)):o.createCommentVNode("",!0),E.value?(o.openBlock(),o.createElementBlock("div",{key:3,class:"tile-actions","data-testid":`tile-actions-${n.tileId}`},[E.value&&n.context.editable&&!n.isFullscreen?(o.openBlock(),o.createBlock(o.unref(ve.EditIcon),{key:0,class:"edit-icon",color:`var(--kui-color-text-neutral, ${o.unref(vt)})`,"data-testid":`edit-tile-${n.tileId}`,size:`var(--kui-icon-size-40, ${o.unref(ui)})`,onClick:Oe},null,8,["color","data-testid","size"])):o.createCommentVNode("",!0),E.value&&A.value&&!n.isFullscreen?(o.openBlock(),o.createBlock(Nt,{key:1,class:"dropdown","data-testid":`chart-action-menu-${n.tileId}`,"kpop-attributes":{placement:"bottom-end"}},{items:o.withCtx(()=>[o.unref(p)?(o.openBlock(),o.createBlock(Fe,{key:0,"data-testid":`chart-jump-to-explore-${n.tileId}`,item:{label:o.unref(f).t("jumpToExplore"),to:o.unref(p)}},null,8,["data-testid","item"])):o.createCommentVNode("",!0),!o.unref(Re)(n.definition)&&o.unref(m)?(o.openBlock(),o.createBlock(Fe,{key:1,"data-testid":`chart-jump-to-requests-${n.tileId}`,item:{label:o.unref(f).t("jumpToRequests"),to:o.unref(m)}},null,8,["data-testid","item"])):o.createCommentVNode("",!0),B.value?(o.openBlock(),o.createBlock(Fe,{key:2,class:"chart-export-button","data-testid":`chart-csv-export-${n.tileId}`,onClick:ke},{default:o.withCtx(()=>[o.createElementVNode("span",{class:"chart-export-trigger","data-testid":`csv-export-button-${n.tileId}`},o.toDisplayString(o.unref(f).t("csvExport.exportAsCsv")),9,Ws)]),_:1},8,["data-testid"])):o.createCommentVNode("",!0),n.context.editable?(o.openBlock(),o.createBlock(Fe,{key:3,"data-testid":`duplicate-tile-${n.tileId}`,onClick:Ae},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(f).t("renderer.duplicateTile")),1)]),_:1},8,["data-testid"])):o.createCommentVNode("",!0),n.context.editable?(o.openBlock(),o.createBlock(Fe,{key:4,"data-testid":`remove-tile-${n.tileId}`,onClick:we},{default:o.withCtx(()=>[o.createElementVNode("span",Gs,o.toDisplayString(o.unref(f).t("renderer.delete")),1)]),_:1},8,["data-testid"])):o.createCommentVNode("",!0)]),default:o.withCtx(()=>[o.createVNode(o.unref(ve.MoreIcon),{class:"kebab-action-menu",color:`var(--kui-color-text-neutral, ${o.unref(vt)})`,"data-testid":`kebab-action-menu-${n.tileId}`,size:`var(--kui-icon-size-40, ${o.unref(ui)})`},null,8,["color","data-testid","size"])]),_:1},8,["data-testid"])):o.createCommentVNode("",!0)],8,Us)):o.createCommentVNode("",!0),x.value?(o.openBlock(),o.createBlock(Mi,{key:4,"data-testid":`csv-export-modal-${n.tileId}`,"export-state":w.value,filename:J.value,onCloseModal:ae},null,8,["data-testid","export-state","filename"])):o.createCommentVNode("",!0)])):o.createCommentVNode("",!0),o.createElementVNode("div",{class:o.normalizeClass(["tile-content",`type-${n.tileType}-${k.value.type}`]),"data-testid":`tile-content-${n.tileId}`},[H.value?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(H.value.component),o.mergeProps({key:0},H.value.rendererProps,o.toHandlers(q.value),{onChartData:Be,onQueryComplete:ce}),null,16)):o.createCommentVNode("",!0)],10,Ys)],10,Is)}}}),[["__scopeId","data-v-0eef0e9e"]]),Vs=(n,e)=>{let t=0;const i=new Map;e.forEach(s=>{const a=s.layout.position.row,l=i.get(a),d=s.layout.size.rows===1&&!!s.layout.size.fit_to_content;t=Math.max(t,a+s.layout.size.rows),l===void 0?i.set(a,d):i.set(a,l&&d)});const r=[];for(let s=0;s<t;s++)i.get(s)?r.push("auto"):r.push(`${n}px`);return r},$i=De(o.defineComponent({__name:"GridLayout",props:{tileHeight:{type:Number,required:!1,default:()=>Ge},columns:{type:Number,required:!1,default:()=>ot},tiles:{type:Array,required:!0}},setup(n){o.useCssVars(l=>({v821fda82:e.columns,v0870d42d:s.value}));const e=n,t=o.ref(null),i=o.ref(0),r=new ResizeObserver(l=>{window.requestAnimationFrame(()=>{!Array.isArray(l)||!l.length||(i.value=l[0].contentRect.width)})});o.onMounted(()=>{t.value&&r.observe(t.value)}),o.onUnmounted(()=>{t.value&&r.unobserve(t.value)});const s=o.computed(()=>Vs(e.tileHeight,e.tiles).join(" ")),a=o.computed(()=>e.tiles.map((l,d)=>({key:`tile-${d}`,tile:l,style:{"grid-column-start":l.layout.position.col+1,"grid-column-end":l.layout.position.col+1+l.layout.size.cols,"grid-row-start":l.layout.position.row+1,"grid-row-end":l.layout.position.row+1+l.layout.size.rows}})));return(l,d)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"gridContainer",ref:t,class:"kong-ui-public-grid-layout"},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(a.value,c=>(o.openBlock(),o.createElementBlock("div",{key:c.key,class:o.normalizeClass(["grid-cell",{"empty-cell":!c.tile}]),style:o.normalizeStyle(c.style)},[o.renderSlot(l.$slots,"tile",{style:o.normalizeStyle(c.style),tile:c.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-0271a8b9"]]);function js(n,e,t,i,r){const s=(...a)=>(console.warn("gridstack.js: Function `"+t+"` is deprecated in "+r+" and has been replaced with `"+i+"`. It will be **removed** in a future release"),e.apply(n,a));return s.prototype=e.prototype,s}class g{static getElements(e,t=document){if(typeof e=="string"){const i="getElementById"in t?t:void 0;if(i&&!isNaN(+e[0])){const s=i.getElementById(e);return s?[s]:[]}let r=t.querySelectorAll(e);return!r.length&&e[0]!=="."&&e[0]!=="#"&&(r=t.querySelectorAll("."+e),r.length||(r=t.querySelectorAll("#"+e))),Array.from(r)}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 r=t.querySelector(e);return i&&!r&&(r=i.getElementById(e)),r||(r=t.querySelector("."+e)),r}return e}static lazyLoad(e){return e.lazyLoad||e.grid?.opts?.lazyLoad&&e.lazyLoad!==!1}static createDiv(e,t){const i=document.createElement("div");return e.forEach(r=>{r&&i.classList.add(r)}),t?.appendChild(i),i}static shouldSizeToContent(e,t=!1){return 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 g.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,r=e.x+e.w<t.x+t.w?e.x+e.w:t.x+t.w;if(r<=i)return 0;const s=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<=s?0:(r-i)*(a-s)}static area(e){return e.w*e.h}static sort(e,t=1){return e.sort((r,s)=>{const a=t*((r.y??1e4)-(s.y??1e4));return a===0?t*((r.x??1e4)-(s.x??1e4)):a})}static find(e,t){return t?e.find(i=>i.id===t):void 0}static createStylesheet(e,t,i){const r=document.createElement("style"),s=i?.nonce;return s&&(r.nonce=s),r.setAttribute("type","text/css"),r.setAttribute("gs-style-id",e),r.styleSheet?r.styleSheet.cssText="":r.appendChild(document.createTextNode("")),t?t.insertBefore(r,t.firstChild):(t=document.getElementsByTagName("head")[0],t.appendChild(r)),r}static removeStylesheet(e,t){const r=(t||document).querySelector("STYLE[gs-style-id="+e+"]");r&&r.parentNode&&r.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 r=e.match(/^(-[0-9]+\.[0-9]+|[0-9]*\.[0-9]+|-[0-9]+|[0-9]+)(px|em|rem|vh|vw|%|cm|mm)?$/);if(!r)throw new Error(`Invalid height val = ${e}`);i=r[2]||"px",t=parseFloat(r[1])}else t=e;return{h:t,unit:i}}static defaults(e,...t){return t.forEach(i=>{for(const r in i){if(!i.hasOwnProperty(r))return;e[r]===null||e[r]===void 0?e[r]=i[r]:typeof i[r]=="object"&&typeof e[r]=="object"&&this.defaults(e[r],i[r])}}),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 r=e[i],s=t[i];i[0]==="_"||r===s?delete e[i]:r&&typeof r=="object"&&s!==void 0&&(g.removeInternalAndSame(r,s),Object.keys(r).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(...r)=>{i||(i=!0,setTimeout(()=>{e(...r),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 r=e.getBoundingClientRect(),s=window.innerHeight||document.documentElement.clientHeight;if(r.top<0||r.bottom>s){const a=r.bottom-s,l=r.top,d=this.getScrollElement(e);if(d!==null){const c=d.scrollTop;r.top<0&&i<0?e.offsetHeight>s?d.scrollTop+=i:d.scrollTop+=Math.abs(l)>Math.abs(i)?i:l:i>0&&(e.offsetHeight>s?d.scrollTop+=i:d.scrollTop+=a>i?i:a),t.top+=d.scrollTop-c}}}static updateScrollResize(e,t,i){const r=this.getScrollElement(t),s=r.clientHeight,a=r===this.getScrollElement()?0:r.getBoundingClientRect().top,l=e.clientY-a,d=l<i,c=l>s-i;d?r.scrollBy({behavior:"smooth",top:l-i}):c&&r.scrollBy({behavior:"smooth",top:i-(s-l)})}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=g.clone(e);for(const r in i)i.hasOwnProperty(r)&&typeof i[r]=="object"&&r.substring(0,2)!=="__"&&!t.find(s=>s===r)&&(i[r]=g.cloneDeep(e[r]));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=g.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(r=>{e.style[i]=r}):e.style[i]=t[i])}static initEvent(e,t){const i={type:t.type},r={button:0,which:0,buttons:1,bubbles:!0,cancelable:!0,target:t.target?t.target:e.target};return["altKey","ctrlKey","metaKey","shiftKey"].forEach(s=>i[s]=e[s]),["pageX","pageY","clientX","clientY","screenX","screenY"].forEach(s=>i[s]=e[s]),{...i,...r}}static simulateMouseEvent(e,t,i){const r=e,s=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:r.ctrlKey??!1,altKey:r.altKey??!1,shiftKey:r.shiftKey??!1,metaKey:r.metaKey??!1,button:0,relatedTarget:e.target});(i||e.target).dispatchEvent(s)}static getValuesFromTransformedElement(e){const t=document.createElement("div");g.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 r=e[t];e[t]=e[i],e[i]=r}static canBeRotated(e){return!(!e||e.w===e.h||e.locked||e.noResize||e.grid?.opts.disableResize||e.minW&&e.minW===e.maxW||e.minH&&e.minH===e.maxH)}}class Te{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,r={}){if(this.sortNodes(-1),i=i||this.collide(e,t),!i)return!1;if(e._moving&&!r.nested&&!this.float&&this.swap(e,i))return!0;let s=t;!this._loading&&this._useEntireRowArea(e,t)&&(s={x:0,w:this.column,y:t.y,h:t.h},i=this.collide(e,s,r.skip));let a=!1;const l={nested:!0,pack:!1};let d=0;for(;i=i||this.collide(e,s,r.skip);){if(d++>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 u={...t,y:i.y+i.h,...l};c=this._loading&&g.samePos(e,u)?!0:this.moveNode(e,u),(i.locked||this._loading)&&c?g.copyPos(t,e):!i.locked&&c&&r.pack&&(this._packNodes(),t.y=i.y+i.h,g.copyPos(e,t)),a=a||c}else c=this.moveNode(i,{...i,y:t.y+t.h,skip:e,...l});if(!c)return a;i=void 0}return a}collide(e,t=e,i){const r=e._id,s=i?._id;return this.nodes.find(a=>a._id!==r&&a._id!==s&&g.isIntercepted(a,t))}collideAll(e,t=e,i){const r=e._id,s=i?._id;return this.nodes.filter(a=>a._id!==r&&a._id!==s&&g.isIntercepted(a,t))}directionCollideCoverage(e,t,i){if(!t.rect||!e._rect)return;const r=e._rect,s={...t.rect};s.y>r.y?(s.h+=s.y-r.y,s.y=r.y):s.h+=r.y-s.y,s.x>r.x?(s.w+=s.x-r.x,s.x=r.x):s.w+=r.x-s.x;let a,l=.5;for(let d of i){if(d.locked||!d._rect)break;const c=d._rect;let u=Number.MAX_VALUE,h=Number.MAX_VALUE;r.y<c.y?u=(s.y+s.h-c.y)/c.h:r.y+r.h>c.y+c.h&&(u=(c.y+c.h-s.y)/c.h),r.x<c.x?h=(s.x+s.w-c.x)/c.w:r.x+r.w>c.x+c.w&&(h=(c.x+c.w-s.x)/c.w);const f=Math.min(h,u);f>l&&(l=f,a=d)}return t.collide=a,a}cacheRects(e,t,i,r,s,a){return this.nodes.forEach(l=>l._rect={y:l.y*t+i,x:l.x*e+a,w:l.w*e-a-r,h:l.h*t-i-s}),this}swap(e,t){if(!t||t.locked||!e||e.locked)return!1;function i(){const s=t.x,a=t.y;return t.x=e.x,t.y=e.y,e.h!=t.h?(e.x=s,e.y=t.y+t.h):e.w!=t.w?(e.x=t.x+t.w,e.y=a):(e.x=s,e.y=a),e._dirty=t._dirty=!0,!0}let r;if(e.w===t.w&&e.h===t.h&&(e.x===t.x||e.y===t.y)&&(r=g.isTouching(e,t)))return i();if(r!==!1){if(e.w===t.w&&e.x===t.x&&(r||(r=g.isTouching(e,t)))){if(t.y<e.y){const s=e;e=t,t=s}return i()}if(r!==!1){if(e.h===t.h&&e.y===t.y&&(r||(r=g.isTouching(e,t)))){if(t.x<e.x){const s=e;e=t,t=s}return i()}return!1}}}isAreaEmpty(e,t,i,r){const s={x:e||0,y:t||0,w:i||1,h:r||1};return!this.collide(s)}compact(e="compact",t=!0){if(this.nodes.length===0)return this;t&&this.sortNodes();const i=this.batchMode;i||this.batchUpdate();const r=this._inColumnResize;r||(this._inColumnResize=!0);const s=this.nodes;return this.nodes=[],s.forEach((a,l,d)=>{let c;a.locked||(a.autoPosition=!0,e==="list"&&l&&(c=d[l-1])),this.addNode(a,!1,c)}),r||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=g.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??Te._idSeq++;const i=e.id;if(i){let s=1;for(;this.nodes.find(a=>a.id===e.id&&a!==e);)e.id=i+"_"+s++}(e.x===void 0||e.y===void 0||e.x===null||e.y===null)&&(e.autoPosition=!0);const r={x:0,y:0,w:1,h:1};return g.defaults(e,r),e.autoPosition||delete e.autoPosition,e.noResize||delete e.noResize,e.noMove||delete e.noMove,g.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=r.x,e.autoPosition=!0),isNaN(e.y)&&(e.y=r.y,e.autoPosition=!0),isNaN(e.w)&&(e.w=r.w),isNaN(e.h)&&(e.h=r.h),this.nodeBoundFix(e,t),e}nodeBoundFix(e,t){const i=e._orig||g.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 s={...e};s.autoPosition||s.x===void 0?(delete s.x,delete s.y):s.x=Math.min(this.defaultColumn-1,s.x),s.w=Math.min(this.defaultColumn,s.w||1),this.cacheOneLayout(s,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),g.samePos(e,i)||(e._dirty=!0),this}getDirtyNodes(e){return e?this.nodes.filter(t=>t._dirty&&!g.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=g.copyPos({},e),delete e._dirty}),this._hasLocked=this.nodes.some(e=>e.locked),this}restoreInitial(){return this.nodes.forEach(e=>{!e._orig||g.samePos(e,e._orig)||(g.copyPos(e,e._orig),e._dirty=!0)}),this._notify(),this}findEmptyPosition(e,t=this.nodes,i=this.column,r){const s=r?r.y*i+(r.x+r.w):0;let a=!1;for(let l=s;!a;++l){const d=l%i,c=Math.floor(l/i);if(d+e.w>i)continue;const u={x:d,y:c,w:e.w,h:e.h};t.find(h=>g.isIntercepted(u,h))||((e.x!==d||e.y!==c)&&(e._dirty=!0),e.x=d,e.y=c,delete e.autoPosition,a=!0)}return a}addNode(e,t=!1,i){const r=this.nodes.find(a=>a._id===e._id);if(r)return r;this._inColumnResize?this.nodeBoundFix(e):this.prepareNode(e),delete e._temporaryRemoved,delete e._removeDOM;let s;return e.autoPosition&&this.findEmptyPosition(e,this.nodes,this.column,i)&&(delete e.autoPosition,s=!0),this.nodes.push(e),t&&this.addedNodes.push(e),s||this._fixCollisions(e),this.batchMode||this._packNodes()._notify(),e}removeNode(e,t=!0,i=!1){return this.nodes.find(r=>r._id===e._id)?(i&&this.removedNodes.push(e),t&&(e._removeDOM=!0),this.nodes=this.nodes.filter(r=>r._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(r=>r._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 r=new Te({column:this.column,float:this.float,nodes:this.nodes.map(a=>a._id===e._id?(i={...a},i):{...a})});if(!i)return!1;const s=r.moveNode(i,t)&&r.getRow()<=Math.max(this.getRow(),this.maxRow);if(!s&&!t.resizing&&t.collide){const a=t.collide.el.gridstackNode;if(this.swap(e,a))return this._notify(),!0}return s?(r.nodes.filter(a=>a._dirty).forEach(a=>{const l=this.nodes.find(d=>d._id===a._id);l&&(g.copyPos(l,a),l._dirty=!0)}),this._notify(),!0):!1}willItFit(e){if(delete e._willFitPos,!this.maxRow)return!0;const t=new Te({column:this.column,float:this.float,nodes:this.nodes.map(r=>({...r}))}),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=g.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){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 r=e.w!==t.w||e.h!==t.h,s=g.copyPos({},e,!0);if(g.copyPos(s,t),this.nodeBoundFix(s,r),g.copyPos(t,s),!t.forceCollide&&g.samePos(e,t))return!1;const a=g.copyPos({},e),l=this.collideAll(e,s,t.skip);let d=!0;if(l.length){const c=e._moving&&!t.nested;let u=c?this.directionCollideCoverage(e,t,l):l[0];if(c&&u&&e.grid?.opts?.subGridDynamic&&!e.grid._isTemp){const h=g.areaIntercept(t.rect,u._rect),f=g.area(t.rect),y=g.area(u._rect);h/(f<y?f:y)>.8&&(u.grid.makeSubGrid(u.el,void 0,e),u=void 0)}u?d=!this._fixCollisions(e,s,u,t):(d=!1,i&&delete t.pack)}return d&&!g.samePos(e,s)&&(e._dirty=!0,g.copyPos(e,s)),t.pack&&this._packNodes()._notify(),!g.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){const i=this._layouts?.length,r=i&&this.column!==i-1?this._layouts[i-1]:null,s=[];return this.sortNodes(),this.nodes.forEach(a=>{const l=r?.find(c=>c._id===a._id),d={...a,...l||{}};g.removeInternalForSave(d,!e),t&&t(a,d),s.push(d)}),s}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 r=i/this.column;e.forEach(s=>{if(!s._orig)return;const a=t.find(l=>l._id===s._id);a&&(a.y>=0&&s.y!==s._orig.y&&(a.y+=s.y-s._orig.y),s.x!==s._orig.x&&(a.x=Math.round(s.x*r)),s.w!==s._orig.w&&(a.w=Math.round(s.w*r)))})}}),this)}columnChanged(e,t,i="moveScale"){if(!this.nodes.length||!t||e===t)return this;const r=i==="compact"||i==="list";r&&this.sortNodes(1),t<e&&this.cacheLayout(this.nodes,e),this.batchUpdate();let s=[],a=r?this.nodes:g.sort(this.nodes,-1);if(t>e&&this._layouts){const l=this._layouts[t]||[],d=this._layouts.length-1;!l.length&&e!==d&&this._layouts[d]?.length&&(e=d,this._layouts[d].forEach(c=>{const u=a.find(h=>h._id===c._id);u&&(!r&&!c.autoPosition&&(u.x=c.x??u.x,u.y=c.y??u.y),u.w=c.w??u.w,(c.x==null||c.y===void 0)&&(u.autoPosition=!0))})),l.forEach(c=>{const u=a.findIndex(h=>h._id===c._id);if(u!==-1){const h=a[u];if(r){h.w=c.w;return}(c.autoPosition||isNaN(c.x)||isNaN(c.y))&&this.findEmptyPosition(c,s),c.autoPosition||(h.x=c.x??h.x,h.y=c.y??h.y,h.w=c.w??h.w,s.push(h)),a.splice(u,1)}})}if(r)this.compact(i,!1);else{if(a.length)if(typeof i=="function")i(t,e,s,a);else{const l=r||i==="none"?1:t/e,d=i==="move"||i==="moveScale",c=i==="scale"||i==="moveScale";a.forEach(u=>{u.x=t===1?0:d?Math.round(u.x*l):Math.min(u.x,t-1),u.w=t===1||e===1?1:c?Math.round(u.w*l)||1:Math.min(u.w,t),s.push(u)}),a=[]}s=g.sort(s,-1),this._inColumnResize=!0,this.nodes=[],s.forEach(l=>{this.addNode(l,!1),delete l._orig})}return this.nodes.forEach(l=>delete l._orig),this.batchUpdate(!1,!r),delete this._inColumnResize,this}cacheLayout(e,t,i=!1){const r=[];return e.forEach((s,a)=>{if(s._id===void 0){const l=s.id?this.nodes.find(d=>d.id===s.id):void 0;s._id=l?._id??Te._idSeq++}r[a]={x:s.x,y:s.y,w:s.w,_id:s._id}}),this._layouts=i?[]:this._layouts||[],this._layouts[t]=r,this}cacheOneLayout(e,t){e._id=e._id??Te._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 r=this.findCacheLayout(e,t);return r===-1?this._layouts[t].push(i):this._layouts[t][r]=i,this}findCacheLayout(e,t){return this._layouts?.[t]?.findIndex(i=>i._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}}Te._idSeq=0;const _e={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 z{}const xe=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 Se{}function at(n,e){n.touches.length>1||(n.cancelable&&n.preventDefault(),g.simulateMouseEvent(n.changedTouches[0],e))}function Ui(n,e){n.cancelable&&n.preventDefault(),g.simulateMouseEvent(n,e)}function lt(n){Se.touchHandled||(Se.touchHandled=!0,at(n,"mousedown"))}function ct(n){Se.touchHandled&&at(n,"mousemove")}function ut(n){if(!Se.touchHandled)return;Se.pointerLeaveTimeout&&(window.clearTimeout(Se.pointerLeaveTimeout),delete Se.pointerLeaveTimeout);const e=!!z.dragElement;at(n,"mouseup"),e||at(n,"click"),Se.touchHandled=!1}function dt(n){n.pointerType!=="mouse"&&n.target.releasePointerCapture(n.pointerId)}function Wi(n){z.dragElement&&n.pointerType!=="mouse"&&Ui(n,"mouseenter")}function Gi(n){z.dragElement&&n.pointerType!=="mouse"&&(Se.pointerLeaveTimeout=window.setTimeout(()=>{delete Se.pointerLeaveTimeout,Ui(n,"mouseleave")},10))}class ht{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(`${ht.prefix}${this.dir}`),e.style.zIndex="100",e.style.userSelect="none",this.host.appendChild(this.el),this.el.addEventListener("mousedown",this._mouseDown),xe&&(this.el.addEventListener("touchstart",lt),this.el.addEventListener("pointerdown",dt)),this}destroy(){return this.moving&&this._mouseUp(this.mouseDownEvent),this.el.removeEventListener("mousedown",this._mouseDown),xe&&(this.el.removeEventListener("touchstart",lt),this.el.removeEventListener("pointerdown",dt)),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),xe&&(this.el.addEventListener("touchmove",ct),this.el.addEventListener("touchend",ut)),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),xe&&(this.el.removeEventListener("touchmove",ct),this.el.removeEventListener("touchend",ut)),delete this.moving,delete this.mouseDownEvent,e.stopPropagation(),e.preventDefault()}_keyEvent(e){e.key==="Escape"&&(this.host.gridstackNode?.grid?.engine.restoreInitial(),this._mouseUp(this.mouseDownEvent))}_triggerEvent(e,t){return this.option[e]&&this.option[e](t),this}}ht.prefix="ui-resizable-";class Dt{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 Ze extends Dt{constructor(e,t={}){super(),this.el=e,this.option=t,this.rectScale={x:1,y:1},this._ui=()=>{const r=this.el.parentElement.getBoundingClientRect(),s={width:this.originalRect.width,height:this.originalRect.height+this.scrolled,left:this.originalRect.left,top:this.originalRect.top-this.scrolled},a=this.temporalRect||s;return{position:{left:(a.left-r.left)*this.rectScale.x,top:(a.top-r.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(r=>this.option[r]=e[r]),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),z.overResizeElement===this&&delete z.overResizeElement),this}_mouseOver(e){z.overResizeElement||z.dragElement||(z.overResizeElement=this,this.el.classList.remove("ui-resizable-autohide"))}_mouseOut(e){z.overResizeElement===this&&(delete z.overResizeElement,this.el.classList.add("ui-resizable-autohide"))}_setupHandlers(){return this.handlers=this.option.handles.split(",").map(e=>e.trim()).map(e=>new ht(this.el,e,{start:t=>{this._resizeStart(t)},stop:t=>{this._resizeStop(t)},move:t=>{this._resizing(t,e)}})),this}_resizeStart(e){this.sizeToContent=g.shouldSizeToContent(this.el.gridstackNode,!0),this.originalRect=this.el.getBoundingClientRect(),this.scrollEl=g.getScrollElement(this.el),this.scrollY=this.scrollEl.scrollTop,this.scrolled=0,this.startEvent=e,this._setupHelper(),this._applyChange();const t=g.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=g.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=g.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=Ze._originStyleProp.map(i=>this.el.style[i]),this.parentOriginStylePosition=this.el.parentElement.style.position;const e=this.el.parentElement,t=g.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 Ze._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,r={width:this.originalRect.width,height:this.originalRect.height+this.scrolled,left:this.originalRect.left,top:this.originalRect.top-this.scrolled},s=e.clientX-i.clientX,a=this.sizeToContent?0:e.clientY-i.clientY;let l,d;t.indexOf("e")>-1?r.width+=s:t.indexOf("w")>-1&&(r.width-=s,r.left+=s,l=!0),t.indexOf("s")>-1?r.height+=a:t.indexOf("n")>-1&&(r.height-=a,r.top+=a,d=!0);const c=this._constrainSize(r.width,r.height,l,d);return Math.round(r.width)!==Math.round(c.width)&&(t.indexOf("w")>-1&&(r.left+=r.width-c.width),r.width=c.width),Math.round(r.height)!==Math.round(c.height)&&(t.indexOf("n")>-1&&(r.top+=r.height-c.height),r.height=c.height),r}_constrainSize(e,t,i,r){const s=this.option,a=(i?s.maxWidthMoveLeft:s.maxWidth)||Number.MAX_SAFE_INTEGER,l=s.minWidth/this.rectScale.x||e,d=(r?s.maxHeightMoveUp:s.maxHeight)||Number.MAX_SAFE_INTEGER,c=s.minHeight/this.rectScale.y||t,u=Math.min(a,Math.max(l,e)),h=Math.min(d,Math.max(c,t));return{width:u,height:h}}_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:r}=t.getBoundingClientRect();e={left:i,top:r,width:0,height:0}}return this.temporalRect?(Object.keys(this.temporalRect).forEach(t=>{const i=this.temporalRect[t],r=t==="width"||t==="left"?this.rectScale.x:t==="height"||t==="top"?this.rectScale.y:1;this.el.style[t]=(i-e[t])*r+"px"}),this):this}_removeHandlers(){return this.handlers.forEach(e=>e.destroy()),delete this.handlers,this}}Ze._originStyleProp=["width","height","position","left","top","opacity","zIndex"];const Ks='input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';class Je extends Dt{constructor(e,t={}){super(),this.el=e,this.option=t,this.dragTransform={xScale:1,yScale:1,xOffset:0,yOffset:0};const i=t?.handle?.substring(1),r=e.gridstackNode;this.dragEls=!i||e.classList.contains(i)?[e]:r?.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),xe&&(e.addEventListener("touchstart",lt),e.addEventListener("pointerdown",dt))}),this.el.classList.remove("ui-draggable-disabled"))}disable(e=!1){this.disabled!==!0&&(super.disable(),this.dragEls.forEach(t=>{t.removeEventListener("mousedown",this._mouseDown),xe&&(t.removeEventListener("touchstart",lt),t.removeEventListener("pointerdown",dt))}),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(!z.mouseHandled)return e.button!==0||!this.dragEls.find(t=>t===e.target)&&e.target.closest(Ks)||this.option.cancel&&e.target.closest(this.option.cancel)||(this.mouseDownEvent=e,delete this.dragging,delete z.dragElement,delete z.dropElement,document.addEventListener("mousemove",this._mouseMove,{capture:!0,passive:!0}),document.addEventListener("mouseup",this._mouseUp,!0),xe&&(e.currentTarget.addEventListener("touchmove",ct),e.currentTarget.addEventListener("touchend",ut)),e.preventDefault(),document.activeElement&&document.activeElement.blur(),z.mouseHandled=!0),!0}_callDrag(e){if(!this.dragging)return;const t=g.initEvent(e,{target:this.el,type:"drag"});this.option.drag&&this.option.drag(t,this.ui()),this.triggerEvent("drag",t)}_mouseMove(e){const t=this.mouseDownEvent;if(this.lastDrag=e,this.dragging)if(this._dragFollow(e),z.pauseDrag){const i=Number.isInteger(z.pauseDrag)?z.pauseDrag:100;this.dragTimeout&&window.clearTimeout(this.dragTimeout),this.dragTimeout=window.setTimeout(()=>this._callDrag(e),i)}else this._callDrag(e);else if(Math.abs(e.x-t.x)+Math.abs(e.y-t.y)>3){this.dragging=!0,z.dragElement=this;const i=this.el.gridstackNode?.grid;i?z.dropElement=i.el.ddElement.ddDroppable:delete z.dropElement,this.helper=this._createHelper(),this._setupHelperContainmentStyle(),this.dragTransform=g.getValuesFromTransformedElement(this.helperContainment),this.dragOffset=this._getDragOffset(e,this.el,this.helperContainment),this._setupHelperStyle(e);const r=g.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){if(document.removeEventListener("mousemove",this._mouseMove,!0),document.removeEventListener("mouseup",this._mouseUp,!0),xe&&e.currentTarget&&(e.currentTarget.removeEventListener("touchmove",ct,!0),e.currentTarget.removeEventListener("touchend",ut,!0)),this.dragging){delete this.dragging,delete this.el.gridstackNode?._origRotate,document.removeEventListener("keydown",this._keyEvent),z.dropElement?.el===this.el.parentElement&&delete z.dropElement,this.helperContainment.style.position=this.parentOriginStylePosition||null,this.helper!==this.el&&this.helper.remove(),this._removeHelperStyle();const t=g.initEvent(e,{target:this.el,type:"dragstop"});this.option.stop&&this.option.stop(t),this.triggerEvent("dragstop",t),z.dropElement&&z.dropElement.drop(e)}delete this.helper,delete this.mouseDownEvent,delete z.dragElement,delete z.dropElement,delete z.mouseHandled,e.preventDefault()}_keyEvent(e){const t=this.el.gridstackNode,i=t?.grid||z.dropElement?.el?.gridstack;if(e.key==="Escape")t&&t._origRotate&&(t._orig=t._origRotate,delete t._origRotate),i?.cancelDrag(),this._mouseUp(this.mouseDownEvent);else if(t&&i&&(e.key==="r"||e.key==="R")){if(!g.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",g.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=g.cloneNode(this.el)),e.parentElement||g.appendTo(e,this.option.appendTo==="parent"?this.el.parentElement:this.option.appendTo),this.dragElementOriginStyle=Je.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(){if(this.helper.classList.remove("ui-draggable-dragging"),!this.helper?.gridstackNode?._isAboutToRemove&&this.dragElementOriginStyle){const t=this.helper,i=this.dragElementOriginStyle.transition||null;t.style.transition=this.dragElementOriginStyle.transition="none",Je.originStyleProp.forEach(r=>t.style[r]=this.dragElementOriginStyle[r]||null),setTimeout(()=>t.style.transition=i,50)}return delete this.dragElementOriginStyle,this}_dragFollow(e){const t={left:0,top:0},i=this.helper.style,r=this.dragOffset;i.left=(e.clientX+r.offsetLeft-t.left)*this.dragTransform.xScale+"px",i.top=(e.clientY+r.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 r=0,s=0;i&&(r=this.dragTransform.xOffset,s=this.dragTransform.yOffset);const a=t.getBoundingClientRect();return{left:a.left,top:a.top,offsetLeft:-e.clientX+a.left-r,offsetTop:-e.clientY+a.top-s,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}}}}Je.originStyleProp=["width","height","transform","transform-origin","transition","pointerEvents","position","left","top","minWidth","willChange"];class Xs extends Dt{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),xe&&(this.el.addEventListener("pointerenter",Wi),this.el.addEventListener("pointerleave",Gi)))}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),xe&&(this.el.removeEventListener("pointerenter",Wi),this.el.removeEventListener("pointerleave",Gi)))}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(!z.dragElement||!this._canDrop(z.dragElement.el))return;e.preventDefault(),e.stopPropagation(),z.dropElement&&z.dropElement!==this&&z.dropElement._mouseLeave(e,!0),z.dropElement=this;const t=g.initEvent(e,{target:this.el,type:"dropover"});this.option.over&&this.option.over(t,this._ui(z.dragElement)),this.triggerEvent("dropover",t),this.el.classList.add("ui-droppable-over")}_mouseLeave(e,t=!1){if(!z.dragElement||z.dropElement!==this)return;e.preventDefault(),e.stopPropagation();const i=g.initEvent(e,{target:this.el,type:"dropout"});if(this.option.out&&this.option.out(i,this._ui(z.dragElement)),this.triggerEvent("dropout",i),z.dropElement===this&&(delete z.dropElement,!t)){let r,s=this.el.parentElement;for(;!r&&s;)r=s.ddElement?.ddDroppable,s=s.parentElement;r&&r._mouseEnter(e)}}drop(e){e.preventDefault();const t=g.initEvent(e,{target:this.el,type:"drop"});this.option.drop&&this.option.drop(t,this._ui(z.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 Ot{static init(e){return e.ddElement||(e.ddElement=new Ot(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 Je(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 Ze(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 Xs(this.el,e),this}cleanDroppable(){return this.ddDroppable&&(this.ddDroppable.destroy(),delete this.ddDroppable),this}}class Qs{resizable(e,t,i,r){return this._getDDElements(e,t).forEach(s=>{if(t==="disable"||t==="enable")s.ddResizable&&s.ddResizable[t]();else if(t==="destroy")s.ddResizable&&s.cleanResizable();else if(t==="option")s.setupResizable({[i]:r});else{const l=s.el.gridstackNode.grid;let d=s.el.getAttribute("gs-resize-handles")||l.opts.resizable.handles||"e,s,se";d==="all"&&(d="n,e,s,w,se,sw,ne,nw");const c=!l.opts.alwaysShowResizeHandle;s.setupResizable({...l.opts.resizable,handles:d,autoHide:c,start:t.start,stop:t.stop,resize:t.resize})}}),this}draggable(e,t,i,r){return this._getDDElements(e,t).forEach(s=>{if(t==="disable"||t==="enable")s.ddDraggable&&s.ddDraggable[t]();else if(t==="destroy")s.ddDraggable&&s.cleanDraggable();else if(t==="option")s.setupDraggable({[i]:r});else{const a=s.el.gridstackNode.grid;s.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,r){return typeof t.accept=="function"&&!t._accept&&(t._accept=t.accept,t.accept=s=>t._accept(s)),this._getDDElements(e,t).forEach(s=>{t==="disable"||t==="enable"?s.ddDroppable&&s.ddDroppable[t]():t==="destroy"?s.ddDroppable&&s.cleanDroppable():t==="option"?s.setupDroppable({[i]:r}):s.setupDroppable(t)}),this}isDroppable(e){return!!(e?.ddElement?.ddDroppable&&!e.ddElement.ddDroppable.disabled)}isDraggable(e){return!!(e?.ddElement?.ddDraggable&&!e.ddElement.ddDraggable.disabled)}isResizable(e){return!!(e?.ddElement?.ddResizable&&!e.ddElement.ddResizable.disabled)}on(e,t,i){return this._getDDElements(e).forEach(r=>r.on(t,s=>{i(s,z.dragElement?z.dragElement.el:s.target,z.dragElement?z.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",r=g.getElements(e);return r.length?r.map(a=>a.ddElement||(i?Ot.init(a):null)).filter(a=>a):[]}}const pe=new Qs;class M{static init(e={},t=".grid-stack"){if(typeof document>"u")return null;const i=M.getGridElement(t);return i?(i.gridstack||(i.gridstack=new M(i,g.cloneDeep(e))),i.gridstack):(console.error(typeof t=="string"?'GridStack.initAll() no grid was found with selector "'+t+`" - element missing or wrong selector ?
|
|
12
13
|
Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the default selector.`:"GridStack.init() no grid element was passed."),null)}static initAll(e={},t=".grid-stack"){const i=[];return typeof document>"u"||(M.getGridElements(t).forEach(r=>{r.gridstack||(r.gridstack=new M(r,g.cloneDeep(e))),i.push(r.gridstack)}),i.length===0&&console.error('GridStack.initAll() no grid was found with selector "'+t+`" - element missing or wrong selector ?
|
|
13
|
-
Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the default selector.`)),i}static addGrid(e,t={}){if(!e)return null;let i=e;if(i.gridstack){const a=i.gridstack;return t&&(a.opts={...a.opts,...t}),t.children!==void 0&&a.load(t.children),a}return(!e.classList.contains("grid-stack")||M.addRemoveCB)&&(M.addRemoveCB?i=M.addRemoveCB(e,t,!0,!0):i=g.createDiv(["grid-stack",t.class],e)),M.init(t,i)}static registerEngine(e){M.engineClass=e}get placeholder(){if(!this._placeholder){this._placeholder=g.createDiv([this.opts.placeholderClass,_e.itemClass,this.opts.itemClass]);const e=g.createDiv(["placeholder-content"],this._placeholder);this.opts.placeholderText&&(e.textContent=this.opts.placeholderText)}return this._placeholder}constructor(e,t={}){this.el=e,this.opts=t,this.animationDelay=310,this._gsEventHandler={},this._extraDragRow=0,this.dragTransform={xScale:1,yScale:1,xOffset:0,yOffset:0},e.gridstack=this,this.opts=t=t||{},e.classList.contains("grid-stack")||this.el.classList.add("grid-stack"),t.row&&(t.minRow=t.maxRow=t.row,delete t.row);const i=g.toNumber(e.getAttribute("gs-row"));t.column==="auto"&&delete t.column,t.alwaysShowResizeHandle!==void 0&&(t._alwaysShowResizeHandle=t.alwaysShowResizeHandle);let r=t.columnOpts?.breakpoints;const s=t;if(s.oneColumnModeDomSort&&(delete s.oneColumnModeDomSort,console.log("warning: Gridstack oneColumnModeDomSort no longer supported. Use GridStackOptions.columnOpts instead.")),s.oneColumnSize||s.disableOneColumnMode===!1){const h=s.oneColumnSize||768;delete s.oneColumnSize,delete s.disableOneColumnMode,t.columnOpts=t.columnOpts||{},r=t.columnOpts.breakpoints=t.columnOpts.breakpoints||[];let f=r.find(y=>y.c===1);f?f.w=h:(f={c:1,w:h},r.push(f,{c:12,w:h+1}))}const a=t.columnOpts;a&&(!a.columnWidth&&!a.breakpoints?.length?(delete t.columnOpts,r=void 0):a.columnMax=a.columnMax||12),r?.length>1&&r.sort((h,f)=>(f.w||0)-(h.w||0));const l={...g.cloneDeep(_e),column:g.toNumber(e.getAttribute("gs-column"))||_e.column,minRow:i||g.toNumber(e.getAttribute("gs-min-row"))||_e.minRow,maxRow:i||g.toNumber(e.getAttribute("gs-max-row"))||_e.maxRow,staticGrid:g.toBool(e.getAttribute("gs-static"))||_e.staticGrid,sizeToContent:g.toBool(e.getAttribute("gs-size-to-content"))||void 0,draggable:{handle:(t.handleClass?"."+t.handleClass:t.handle?t.handle:"")||_e.draggable.handle},removableOptions:{accept:t.itemClass||_e.removableOptions.accept,decline:_e.removableOptions.decline}};e.getAttribute("gs-animate")&&(l.animate=g.toBool(e.getAttribute("gs-animate"))),t=g.defaults(t,l),this._initMargin(),this.checkDynamicColumn(),this.el.classList.add("gs-"+t.column),t.rtl==="auto"&&(t.rtl=e.style.direction==="rtl"),t.rtl&&this.el.classList.add("grid-stack-rtl");const c=this.el.closest("."+_e.itemClass)?.gridstackNode;c&&(c.subGrid=this,this.parentGridNode=c,this.el.classList.add("grid-stack-nested"),c.el.classList.add("grid-stack-sub-grid")),this._isAutoCellHeight=t.cellHeight==="auto",this._isAutoCellHeight||t.cellHeight==="initial"?this.cellHeight(void 0,!1):(typeof t.cellHeight=="number"&&t.cellHeightUnit&&t.cellHeightUnit!==_e.cellHeightUnit&&(t.cellHeight=t.cellHeight+t.cellHeightUnit,delete t.cellHeightUnit),this.cellHeight(t.cellHeight,!1)),t.alwaysShowResizeHandle==="mobile"&&(t.alwaysShowResizeHandle=xe),this._styleSheetClass="gs-id-"+Re._idSeq++,this.el.classList.add(this._styleSheetClass),this._setStaticClass();const u=t.engineClass||M.engineClass||Re;if(this.engine=new u({column:this.getColumn(),float:t.float,maxRow:t.maxRow,onChange:h=>{let f=0;this.engine.nodes.forEach(y=>{f=Math.max(f,y.y+y.h)}),h.forEach(y=>{const w=y.el;w&&(y._removeDOM?(w&&w.remove(),delete y._removeDOM):this._writePosAttr(w,y))}),this._updateStyles(!1,f)}}),this._updateStyles(!1,0),t.auto&&(this.batchUpdate(),this.engine._loading=!0,this.getGridItems().forEach(h=>this._prepareElement(h)),delete this.engine._loading,this.batchUpdate(!1)),t.children){const h=t.children;delete t.children,h.length&&this.load(h)}this.setAnimation(),t.subGridDynamic&&!z.pauseDrag&&(z.pauseDrag=!0),t.draggable?.pause!==void 0&&(z.pauseDrag=t.draggable.pause),this._setupRemoveDrop(),this._setupAcceptWidget(),this._updateResizeEvent()}addWidget(e){if(typeof e=="string"){console.error("V11: GridStack.addWidget() does not support string anymore. see #2736");return}if(e.ELEMENT_NODE)return console.error("V11: GridStack.addWidget() does not support HTMLElement anymore. use makeWidget()"),this.makeWidget(e);let t,i=e;if(i.grid=this,i?.el?t=i.el:M.addRemoveCB?t=M.addRemoveCB(this.el,e,!0,!1):t=this.createWidgetDivs(i),!t)return;if(i=t.gridstackNode,i&&t.parentElement===this.el&&this.engine.nodes.find(s=>s._id===i._id))return t;const r=this._readAttr(t);return g.defaults(e,r),this.engine.prepareNode(e),this.el.appendChild(t),this.makeWidget(t,e),t}createWidgetDivs(e){const t=g.createDiv(["grid-stack-item",this.opts.itemClass]),i=g.createDiv(["grid-stack-item-content"],t);return g.lazyLoad(e)?e.visibleObservable||(e.visibleObservable=new IntersectionObserver(([r])=>{r.isIntersecting&&(e.visibleObservable?.disconnect(),delete e.visibleObservable,M.renderCB(i,e),e.grid?.prepareDragDrop(e.el))}),window.setTimeout(()=>e.visibleObservable?.observe(t))):M.renderCB(i,e),t}makeSubGrid(e,t,i,r=!0){let s=e.gridstackNode;if(s||(s=this.makeWidget(e).gridstackNode),s.subGrid?.el)return s.subGrid;let a,l=this;for(;l&&!a;)a=l.opts?.subGridOpts,l=l.parentGridNode?.grid;t=g.cloneDeep({...this.opts,id:void 0,children:void 0,column:"auto",columnOpts:void 0,layout:"list",subGridOpts:void 0,...a||{},...t||s.subGridOpts||{}}),s.subGridOpts=t;let d;t.column==="auto"&&(d=!0,t.column=Math.max(s.w||1,i?.w||1),delete t.columnOpts);let c=s.el.querySelector(".grid-stack-item-content"),u,h;if(r&&(this._removeDD(s.el),h={...s,x:0,y:0},g.removeInternalForSave(h),delete h.subGridOpts,s.content&&(h.content=s.content,delete s.content),M.addRemoveCB?u=M.addRemoveCB(this.el,h,!0,!1):(u=g.createDiv(["grid-stack-item"]),u.appendChild(c),c=g.createDiv(["grid-stack-item-content"],s.el)),this.prepareDragDrop(s.el)),i){const y=d?t.column:s.w,w=s.h+i.h,x=s.el.style;x.transition="none",this.update(s.el,{w:y,h:w}),setTimeout(()=>x.transition=null)}const f=s.subGrid=M.addGrid(c,t);return i?._moving&&(f._isTemp=!0),d&&(f._autoColumn=!0),r&&f.makeWidget(u,h),i&&(i._moving?window.setTimeout(()=>g.simulateMouseEvent(i._event,"mouseenter",f.el),0):f.makeWidget(s.el,s)),this.resizeToContentCheck(!1,s),f}removeAsSubGrid(e){const t=this.parentGridNode?.grid;t&&(t.batchUpdate(),t.removeWidget(this.parentGridNode.el,!0,!0),this.engine.nodes.forEach(i=>{i.x+=this.parentGridNode.x,i.y+=this.parentGridNode.y,t.makeWidget(i.el,i)}),t.batchUpdate(!1),this.parentGridNode&&delete this.parentGridNode.subGrid,delete this.parentGridNode,e&&window.setTimeout(()=>g.simulateMouseEvent(e._event,"mouseenter",t.el),0))}save(e=!0,t=!1,i=M.saveCB){const r=this.engine.save(e,i);if(r.forEach(s=>{if(e&&s.el&&!s.subGrid&&!i){const a=s.el.querySelector(".grid-stack-item-content");s.content=a?.innerHTML,s.content||delete s.content}else if(!e&&!i&&delete s.content,s.subGrid?.el){const a=s.subGrid.save(e,t,i);s.subGridOpts=t?a:{children:a},delete s.subGrid}delete s.el}),t){const s=g.cloneDeep(this.opts);s.marginBottom===s.marginTop&&s.marginRight===s.marginLeft&&s.marginTop===s.marginRight&&(s.margin=s.marginTop,delete s.marginTop,delete s.marginRight,delete s.marginBottom,delete s.marginLeft),s.rtl===(this.el.style.direction==="rtl")&&(s.rtl="auto"),this._isAutoCellHeight&&(s.cellHeight="auto"),this._autoColumn&&(s.column="auto");const a=s._alwaysShowResizeHandle;return delete s._alwaysShowResizeHandle,a!==void 0?s.alwaysShowResizeHandle=a:delete s.alwaysShowResizeHandle,g.removeInternalAndSame(s,_e),s.children=r,s}return r}load(e,t=M.addRemoveCB||!0){e=g.cloneDeep(e);const i=this.getColumn();e.forEach(c=>{c.w=c.w||1,c.h=c.h||1}),e=g.sort(e),this.engine.skipCacheUpdate=this._ignoreLayoutsNodeChange=!0;let r=0;e.forEach(c=>{r=Math.max(r,(c.x||0)+c.w)}),r>this.engine.defaultColumn&&(this.engine.defaultColumn=r),r>i&&this.engine.cacheLayout(e,r,!0);const s=M.addRemoveCB;typeof t=="function"&&(M.addRemoveCB=t);const a=[];this.batchUpdate();const l=!this.engine.nodes.length;l&&this.setAnimation(!1),!l&&t&&[...this.engine.nodes].forEach(u=>{if(!u.id)return;g.find(e,u.id)||(M.addRemoveCB&&M.addRemoveCB(this.el,u,!1,!1),a.push(u),this.removeWidget(u.el,!0,!1))}),this.engine._loading=!0;const d=[];return this.engine.nodes=this.engine.nodes.filter(c=>g.find(e,c.id)?(d.push(c),!1):!0),e.forEach(c=>{const u=g.find(d,c.id);if(u){if(g.shouldSizeToContent(u)&&(c.h=u.h),this.engine.nodeBoundFix(c),(c.autoPosition||c.x===void 0||c.y===void 0)&&(c.w=c.w||u.w,c.h=c.h||u.h,this.engine.findEmptyPosition(c)),this.engine.nodes.push(u),g.samePos(u,c)&&this.engine.nodes.length>1&&(this.moveNode(u,{...c,forceCollide:!0}),g.copyPos(c,u)),this.update(u.el,c),c.subGridOpts?.children){const h=u.el.querySelector(".grid-stack");h&&h.gridstack&&h.gridstack.load(c.subGridOpts.children)}}else t&&this.addWidget(c)}),delete this.engine._loading,this.engine.removedNodes=a,this.batchUpdate(!1),delete this._ignoreLayoutsNodeChange,delete this.engine.skipCacheUpdate,s?M.addRemoveCB=s:delete M.addRemoveCB,l&&this.opts?.animate&&this.setAnimation(this.opts.animate,!0),this}batchUpdate(e=!0){return this.engine.batchUpdate(e),e||(this._updateContainerHeight(),this._triggerRemoveEvent(),this._triggerAddEvent(),this._triggerChangeEvent()),this}getCellHeight(e=!1){if(this.opts.cellHeight&&this.opts.cellHeight!=="auto"&&(!e||!this.opts.cellHeightUnit||this.opts.cellHeightUnit==="px"))return this.opts.cellHeight;if(this.opts.cellHeightUnit==="rem")return this.opts.cellHeight*parseFloat(getComputedStyle(document.documentElement).fontSize);if(this.opts.cellHeightUnit==="em")return this.opts.cellHeight*parseFloat(getComputedStyle(this.el).fontSize);if(this.opts.cellHeightUnit==="cm")return this.opts.cellHeight*(96/2.54);if(this.opts.cellHeightUnit==="mm")return this.opts.cellHeight*(96/2.54)/10;const t=this.el.querySelector("."+this.opts.itemClass);if(t){const r=g.toNumber(t.getAttribute("gs-h"))||1;return Math.round(t.offsetHeight/r)}const i=parseInt(this.el.getAttribute("gs-current-row"));return i?Math.round(this.el.getBoundingClientRect().height/i):this.opts.cellHeight}cellHeight(e,t=!0){if(t&&e!==void 0&&this._isAutoCellHeight!==(e==="auto")&&(this._isAutoCellHeight=e==="auto",this._updateResizeEvent()),(e==="initial"||e==="auto")&&(e=void 0),e===void 0){const r=-this.opts.marginRight-this.opts.marginLeft+this.opts.marginTop+this.opts.marginBottom;e=this.cellWidth()+r}const i=g.parseHeight(e);return this.opts.cellHeightUnit===i.unit&&this.opts.cellHeight===i.h?this:(this.opts.cellHeightUnit=i.unit,this.opts.cellHeight=i.h,this.resizeToContentCheck(),t&&this._updateStyles(!0),this)}cellWidth(){return this._widthOrContainer()/this.getColumn()}_widthOrContainer(e=!1){return e&&this.opts.columnOpts?.breakpointForWindow?window.innerWidth:this.el.clientWidth||this.el.parentElement.clientWidth||window.innerWidth}checkDynamicColumn(){const e=this.opts.columnOpts;if(!e||!e.columnWidth&&!e.breakpoints?.length)return!1;const t=this.getColumn();let i=t;const r=this._widthOrContainer(!0);if(e.columnWidth)i=Math.min(Math.round(r/e.columnWidth)||1,e.columnMax);else{i=e.columnMax;let s=0;for(;s<e.breakpoints.length&&r<=e.breakpoints[s].w;)i=e.breakpoints[s++].c||t}if(i!==t){const s=e.breakpoints?.find(a=>a.c===i);return this.column(i,s?.layout||e.layout),!0}return!1}compact(e="compact",t=!0){return this.engine.compact(e,t),this._triggerChangeEvent(),this}column(e,t="moveScale"){if(!e||e<1||this.opts.column===e)return this;const i=this.getColumn();return this.opts.column=e,this.engine?(this.engine.column=e,this.el.classList.remove("gs-"+i),this.el.classList.add("gs-"+e),this.engine.columnChanged(i,e,t),this._isAutoCellHeight&&this.cellHeight(),this.resizeToContentCheck(!0),this._ignoreLayoutsNodeChange=!0,this._triggerChangeEvent(),delete this._ignoreLayoutsNodeChange,this):this}getColumn(){return this.opts.column}getGridItems(){return Array.from(this.el.children).filter(e=>e.matches("."+this.opts.itemClass)&&!e.matches("."+this.opts.placeholderClass))}isIgnoreChangeCB(){return this._ignoreLayoutsNodeChange}destroy(e=!0){if(this.el)return this.offAll(),this._updateResizeEvent(!0),this.setStatic(!0,!1),this.setAnimation(!1),e?this.el.parentNode.removeChild(this.el):(this.removeAll(e),this.el.classList.remove(this._styleSheetClass),this.el.removeAttribute("gs-current-row")),this._removeStylesheet(),delete this.parentGridNode?.subGrid,delete this.parentGridNode,delete this.opts,delete this._placeholder?.gridstackNode,delete this._placeholder,delete this.engine,delete this.el.gridstack,delete this.el,this}float(e){return this.opts.float!==e&&(this.opts.float=this.engine.float=e,this._triggerChangeEvent()),this}getFloat(){return this.engine.float}getCellFromPixel(e,t=!1){const i=this.el.getBoundingClientRect();let r;t?r={top:i.top+document.documentElement.scrollTop,left:i.left}:r={top:this.el.offsetTop,left:this.el.offsetLeft};const s=e.left-r.left,a=e.top-r.top,l=i.width/this.getColumn(),d=i.height/parseInt(this.el.getAttribute("gs-current-row"));return{x:Math.floor(s/l),y:Math.floor(a/d)}}getRow(){return Math.max(this.engine.getRow(),this.opts.minRow)}isAreaEmpty(e,t,i,r){return this.engine.isAreaEmpty(e,t,i,r)}makeWidget(e,t){const i=M.getElement(e);if(!i)return;i.parentElement||this.el.appendChild(i),this._prepareElement(i,!0,t);const r=i.gridstackNode;this._updateContainerHeight(),r.subGridOpts&&this.makeSubGrid(i,r.subGridOpts,void 0,!1);let s;return this.opts.column===1&&!this._ignoreLayoutsNodeChange&&(s=this._ignoreLayoutsNodeChange=!0),this._triggerAddEvent(),this._triggerChangeEvent(),s&&delete this._ignoreLayoutsNodeChange,i}on(e,t){return e.indexOf(" ")!==-1?(e.split(" ").forEach(r=>this.on(r,t)),this):(e==="change"||e==="added"||e==="removed"||e==="enable"||e==="disable"?(e==="enable"||e==="disable"?this._gsEventHandler[e]=r=>t(r):this._gsEventHandler[e]=r=>{r.detail&&t(r,r.detail)},this.el.addEventListener(e,this._gsEventHandler[e])):e==="drag"||e==="dragstart"||e==="dragstop"||e==="resizestart"||e==="resize"||e==="resizestop"||e==="dropped"||e==="resizecontent"?this._gsEventHandler[e]=t:console.error("GridStack.on("+e+") event not supported"),this)}off(e){return e.indexOf(" ")!==-1?(e.split(" ").forEach(i=>this.off(i)),this):((e==="change"||e==="added"||e==="removed"||e==="enable"||e==="disable")&&this._gsEventHandler[e]&&this.el.removeEventListener(e,this._gsEventHandler[e]),delete this._gsEventHandler[e],this)}offAll(){return Object.keys(this._gsEventHandler).forEach(e=>this.off(e)),this}removeWidget(e,t=!0,i=!0){return e?(M.getElements(e).forEach(r=>{if(r.parentElement&&r.parentElement!==this.el)return;let s=r.gridstackNode;s||(s=this.engine.nodes.find(a=>r===a.el)),s&&(t&&M.addRemoveCB&&M.addRemoveCB(this.el,s,!1,!1),delete r.gridstackNode,this._removeDD(r),this.engine.removeNode(s,t,i),t&&r.parentElement&&r.remove())}),i&&(this._triggerRemoveEvent(),this._triggerChangeEvent()),this):(console.error("Error: GridStack.removeWidget(undefined) called"),this)}removeAll(e=!0,t=!0){return this.engine.nodes.forEach(i=>{e&&M.addRemoveCB&&M.addRemoveCB(this.el,i,!1,!1),delete i.el.gridstackNode,this.opts.staticGrid||this._removeDD(i.el)}),this.engine.removeAll(e,t),t&&this._triggerRemoveEvent(),this}setAnimation(e=this.opts.animate,t){return t?setTimeout(()=>{this.opts&&this.setAnimation(e)}):e?this.el.classList.add("grid-stack-animate"):this.el.classList.remove("grid-stack-animate"),this}hasAnimationCSS(){return this.el.classList.contains("grid-stack-animate")}setStatic(e,t=!0,i=!0){return!!this.opts.staticGrid===e?this:(e?this.opts.staticGrid=!0:delete this.opts.staticGrid,this._setupRemoveDrop(),this._setupAcceptWidget(),this.engine.nodes.forEach(r=>{this.prepareDragDrop(r.el),r.subGrid&&i&&r.subGrid.setStatic(e,t,i)}),t&&this._setStaticClass(),this)}updateOptions(e){const t=this.opts;return e.acceptWidgets!==void 0&&this._setupAcceptWidget(),e.animate!==void 0&&this.setAnimation(),e.cellHeight&&(this.cellHeight(e.cellHeight,!0),delete e.cellHeight),e.class&&e.class!==t.class&&(t.class&&this.el.classList.remove(t.class),this.el.classList.add(e.class)),typeof e.column=="number"&&!e.columnOpts&&(this.column(e.column),delete e.column),e.margin!==void 0&&this.margin(e.margin),e.staticGrid!==void 0&&this.setStatic(e.staticGrid),e.disableDrag!==void 0&&!e.staticGrid&&this.enableMove(!e.disableDrag),e.disableResize!==void 0&&!e.staticGrid&&this.enableResize(!e.disableResize),e.float!==void 0&&this.float(e.float),e.row!==void 0&&(t.minRow=t.maxRow=e.row),e.children?.length&&(this.load(e.children),delete e.children),this.opts={...this.opts,...e},this}update(e,t){return M.getElements(e).forEach(i=>{const r=i?.gridstackNode;if(!r)return;const s={...g.copyPos({},r),...g.cloneDeep(t)};this.engine.nodeBoundFix(s),delete s.autoPosition;const a=["x","y","w","h"];let l;if(a.some(u=>s[u]!==void 0&&s[u]!==r[u])&&(l={},a.forEach(u=>{l[u]=s[u]!==void 0?s[u]:r[u],delete s[u]})),!l&&(s.minW||s.minH||s.maxW||s.maxH)&&(l={}),s.content!==void 0){const u=i.querySelector(".grid-stack-item-content");u&&u.textContent!==s.content&&(r.content=s.content,M.renderCB(u,s),r.subGrid?.el&&(u.appendChild(r.subGrid.el),r.subGrid.opts.styleInHead||r.subGrid._updateStyles(!0))),delete s.content}let d=!1,c=!1;for(const u in s)u[0]!=="_"&&r[u]!==s[u]&&(r[u]=s[u],d=!0,c=c||!this.opts.staticGrid&&(u==="noResize"||u==="noMove"||u==="locked"));if(g.sanitizeMinMax(r),l){const u=l.w!==void 0&&l.w!==r.w;this.moveNode(r,l),u&&r.subGrid?r.subGrid.onResize(this.hasAnimationCSS()?r.w:void 0):this.resizeToContentCheck(u,r),delete r._orig}(l||d)&&this._writeAttr(i,r),c&&this.prepareDragDrop(r.el)}),this}moveNode(e,t){const i=e._updating;i||this.engine.cleanNodes().beginUpdate(e),this.engine.moveNode(e,t),this._updateContainerHeight(),i||(this._triggerChangeEvent(),this.engine.endUpdate())}resizeToContent(e){if(!e||(e.classList.remove("size-to-content-max"),!e.clientHeight))return;const t=e.gridstackNode;if(!t)return;const i=t.grid;if(!i||e.parentElement!==i.el)return;const r=i.getCellHeight(!0);if(!r)return;let s=t.h?t.h*r:e.clientHeight,a;if(t.resizeToContentParent&&(a=e.querySelector(t.resizeToContentParent)),a||(a=e.querySelector(M.resizeToContentParent)),!a)return;const l=e.clientHeight-a.clientHeight,d=t.h?t.h*r-l:a.clientHeight;let c;if(t.subGrid){c=t.subGrid.getRow()*t.subGrid.getCellHeight(!0);const f=t.subGrid.el.getBoundingClientRect(),y=t.subGrid.el.parentElement.getBoundingClientRect();c+=f.top-y.top}else{if(t.subGridOpts?.children?.length)return;{const f=a.firstElementChild;if(!f){console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${M.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);return}c=f.getBoundingClientRect().height||d}}if(d===c)return;s+=c-d;let u=Math.ceil(s/r);const h=Number.isInteger(t.sizeToContent)?t.sizeToContent:0;h&&u>h&&(u=h,e.classList.add("size-to-content-max")),t.minH&&u<t.minH?u=t.minH:t.maxH&&u>t.maxH&&(u=t.maxH),u!==t.h&&(i._ignoreLayoutsNodeChange=!0,i.moveNode(t,{h:u}),delete i._ignoreLayoutsNodeChange)}resizeToContentCBCheck(e){M.resizeToContentCB?M.resizeToContentCB(e):this.resizeToContent(e)}rotate(e,t){return M.getElements(e).forEach(i=>{const r=i.gridstackNode;if(!g.canBeRotated(r))return;const s={w:r.h,h:r.w,minH:r.minW,minW:r.minH,maxH:r.maxW,maxW:r.maxH};if(t){const l=t.left>0?Math.floor(t.left/this.cellWidth()):0,d=t.top>0?Math.floor(t.top/this.opts.cellHeight):0;s.x=r.x+l-(r.h-(d+1)),s.y=r.y+d-l}Object.keys(s).forEach(l=>{s[l]===void 0&&delete s[l]});const a=r._orig;this.update(i,s),r._orig=a}),this}margin(e){if(!(typeof e=="string"&&e.split(" ").length>1)){const i=g.parseHeight(e);if(this.opts.marginUnit===i.unit&&this.opts.margin===i.h)return}return this.opts.margin=e,this.opts.marginTop=this.opts.marginBottom=this.opts.marginLeft=this.opts.marginRight=void 0,this._initMargin(),this._updateStyles(!0),this}getMargin(){return this.opts.margin}willItFit(e){if(arguments.length>1){console.warn("gridstack.ts: `willItFit(x,y,w,h,autoPosition)` is deprecated. Use `willItFit({x, y,...})`. It will be removed soon");const t=arguments;let i=0,r={x:t[i++],y:t[i++],w:t[i++],h:t[i++],autoPosition:t[i++]};return this.willItFit(r)}return this.engine.willItFit(e)}_triggerChangeEvent(){if(this.engine.batchMode)return this;const e=this.engine.getDirtyNodes(!0);return e&&e.length&&(this._ignoreLayoutsNodeChange||this.engine.layoutsNodesChange(e),this._triggerEvent("change",e)),this.engine.saveInitial(),this}_triggerAddEvent(){if(this.engine.batchMode)return this;if(this.engine.addedNodes?.length){this._ignoreLayoutsNodeChange||this.engine.layoutsNodesChange(this.engine.addedNodes),this.engine.addedNodes.forEach(t=>{delete t._dirty});const e=[...this.engine.addedNodes];this.engine.addedNodes=[],this._triggerEvent("added",e)}return this}_triggerRemoveEvent(){if(this.engine.batchMode)return this;if(this.engine.removedNodes?.length){const e=[...this.engine.removedNodes];this.engine.removedNodes=[],this._triggerEvent("removed",e)}return this}_triggerEvent(e,t){const i=t?new CustomEvent(e,{bubbles:!1,detail:t}):new Event(e);return this.el.dispatchEvent(i),this}_removeStylesheet(){if(this._styles){const e=this.opts.styleInHead?void 0:this.el.parentNode;g.removeStylesheet(this._styleSheetClass,e),delete this._styles}return this}_updateStyles(e=!1,t){if(e&&this._removeStylesheet(),t===void 0&&(t=this.getRow()),this._updateContainerHeight(),this.opts.cellHeight===0)return this;const i=this.opts.cellHeight,r=this.opts.cellHeightUnit,s=`.${this._styleSheetClass} > .${this.opts.itemClass}`;if(!this._styles){const a=this.opts.styleInHead?void 0:this.el.parentNode;if(this._styles=g.createStylesheet(this._styleSheetClass,a,{nonce:this.opts.nonce}),!this._styles)return this;this._styles._max=0,g.addCSSRule(this._styles,s,`height: ${i}${r}`);const l=this.opts.marginTop+this.opts.marginUnit,d=this.opts.marginBottom+this.opts.marginUnit,c=this.opts.marginRight+this.opts.marginUnit,u=this.opts.marginLeft+this.opts.marginUnit,h=`${s} > .grid-stack-item-content`,f=`.${this._styleSheetClass} > .grid-stack-placeholder > .placeholder-content`;g.addCSSRule(this._styles,h,`top: ${l}; right: ${c}; bottom: ${d}; left: ${u};`),g.addCSSRule(this._styles,f,`top: ${l}; right: ${c}; bottom: ${d}; left: ${u};`),g.addCSSRule(this._styles,`${s} > .ui-resizable-n`,`top: ${l};`),g.addCSSRule(this._styles,`${s} > .ui-resizable-s`,`bottom: ${d}`),g.addCSSRule(this._styles,`${s} > .ui-resizable-ne`,`right: ${c}; top: ${l}`),g.addCSSRule(this._styles,`${s} > .ui-resizable-e`,`right: ${c}`),g.addCSSRule(this._styles,`${s} > .ui-resizable-se`,`right: ${c}; bottom: ${d}`),g.addCSSRule(this._styles,`${s} > .ui-resizable-nw`,`left: ${u}; top: ${l}`),g.addCSSRule(this._styles,`${s} > .ui-resizable-w`,`left: ${u}`),g.addCSSRule(this._styles,`${s} > .ui-resizable-sw`,`left: ${u}; bottom: ${d}`)}if(t=t||this._styles._max,t>this._styles._max){const a=l=>i*l+r;for(let l=this._styles._max+1;l<=t;l++)g.addCSSRule(this._styles,`${s}[gs-y="${l}"]`,`top: ${a(l)}`),g.addCSSRule(this._styles,`${s}[gs-h="${l+1}"]`,`height: ${a(l+1)}`);this._styles._max=t}return this}_updateContainerHeight(){if(!this.engine||this.engine.batchMode)return this;const e=this.parentGridNode;let t=this.getRow()+this._extraDragRow;const i=this.opts.cellHeight,r=this.opts.cellHeightUnit;if(!i)return this;if(!e){const s=g.parseHeight(getComputedStyle(this.el).minHeight);if(s.h>0&&s.unit===r){const a=Math.floor(s.h/i);t<a&&(t=a)}}return this.el.setAttribute("gs-current-row",String(t)),this.el.style.removeProperty("min-height"),this.el.style.removeProperty("height"),t&&(this.el.style[e?"minHeight":"height"]=t*i+r),e&&!e.grid.engine.batchMode&&g.shouldSizeToContent(e)&&e.grid.resizeToContentCBCheck(e.el),this}_prepareElement(e,t=!1,i){i=i||this._readAttr(e),e.gridstackNode=i,i.el=e,i.grid=this,i=this.engine.addNode(i,t),this._writeAttr(e,i),e.classList.add(_e.itemClass,this.opts.itemClass);const r=g.shouldSizeToContent(i);return r?e.classList.add("size-to-content"):e.classList.remove("size-to-content"),r&&this.resizeToContentCheck(!1,i),g.lazyLoad(i)||this.prepareDragDrop(i.el),this}_writePosAttr(e,t){return t.x!==void 0&&t.x!==null&&e.setAttribute("gs-x",String(t.x)),t.y!==void 0&&t.y!==null&&e.setAttribute("gs-y",String(t.y)),t.w>1?e.setAttribute("gs-w",String(t.w)):e.removeAttribute("gs-w"),t.h>1?e.setAttribute("gs-h",String(t.h)):e.removeAttribute("gs-h"),this}_writeAttr(e,t){if(!t)return this;this._writePosAttr(e,t);const i={noResize:"gs-no-resize",noMove:"gs-no-move",locked:"gs-locked",id:"gs-id",sizeToContent:"gs-size-to-content"};for(const r in i)t[r]?e.setAttribute(i[r],String(t[r])):e.removeAttribute(i[r]);return this}_readAttr(e,t=!0){const i={};i.x=g.toNumber(e.getAttribute("gs-x")),i.y=g.toNumber(e.getAttribute("gs-y")),i.w=g.toNumber(e.getAttribute("gs-w")),i.h=g.toNumber(e.getAttribute("gs-h")),i.autoPosition=g.toBool(e.getAttribute("gs-auto-position")),i.noResize=g.toBool(e.getAttribute("gs-no-resize")),i.noMove=g.toBool(e.getAttribute("gs-no-move")),i.locked=g.toBool(e.getAttribute("gs-locked"));const r=e.getAttribute("gs-size-to-content");r&&(r==="true"||r==="false"?i.sizeToContent=g.toBool(r):i.sizeToContent=parseInt(r,10)),i.id=e.getAttribute("gs-id"),i.maxW=g.toNumber(e.getAttribute("gs-max-w")),i.minW=g.toNumber(e.getAttribute("gs-min-w")),i.maxH=g.toNumber(e.getAttribute("gs-max-h")),i.minH=g.toNumber(e.getAttribute("gs-min-h")),t&&(i.w===1&&e.removeAttribute("gs-w"),i.h===1&&e.removeAttribute("gs-h"),i.maxW&&e.removeAttribute("gs-max-w"),i.minW&&e.removeAttribute("gs-min-w"),i.maxH&&e.removeAttribute("gs-max-h"),i.minH&&e.removeAttribute("gs-min-h"));for(const s in i){if(!i.hasOwnProperty(s))return;!i[s]&&i[s]!==0&&s!=="gs-size-to-content"&&delete i[s]}return i}_setStaticClass(){const e=["grid-stack-static"];return this.opts.staticGrid?(this.el.classList.add(...e),this.el.setAttribute("gs-static","true")):(this.el.classList.remove(...e),this.el.removeAttribute("gs-static")),this}onResize(e=this.el?.clientWidth){if(!e||this.prevWidth===e)return;this.prevWidth=e,this.batchUpdate();let t=!1;return this._autoColumn&&this.parentGridNode?this.opts.column!==this.parentGridNode.w&&(this.column(this.parentGridNode.w,this.opts.layout||"list"),t=!0):t=this.checkDynamicColumn(),this._isAutoCellHeight&&this.cellHeight(),this.engine.nodes.forEach(i=>{i.subGrid&&i.subGrid.onResize()}),this._skipInitialResize||this.resizeToContentCheck(t),delete this._skipInitialResize,this.batchUpdate(!1),this}resizeToContentCheck(e=!1,t=void 0){if(this.engine){if(e&&this.hasAnimationCSS())return setTimeout(()=>this.resizeToContentCheck(!1,t),this.animationDelay);if(t)g.shouldSizeToContent(t)&&this.resizeToContentCBCheck(t.el);else if(this.engine.nodes.some(i=>g.shouldSizeToContent(i))){const i=[...this.engine.nodes];this.batchUpdate(),i.forEach(r=>{g.shouldSizeToContent(r)&&this.resizeToContentCBCheck(r.el)}),this.batchUpdate(!1)}this._gsEventHandler.resizecontent&&this._gsEventHandler.resizecontent(null,t?[t]:this.engine.nodes)}}_updateResizeEvent(e=!1){const t=!this.parentGridNode&&(this._isAutoCellHeight||this.opts.sizeToContent||this.opts.columnOpts||this.engine.nodes.find(i=>i.sizeToContent));return!e&&t&&!this.resizeObserver?(this._sizeThrottle=g.throttle(()=>this.onResize(),this.opts.cellHeightThrottle),this.resizeObserver=new ResizeObserver(()=>this._sizeThrottle()),this.resizeObserver.observe(this.el),this._skipInitialResize=!0):(e||!t)&&this.resizeObserver&&(this.resizeObserver.disconnect(),delete this.resizeObserver,delete this._sizeThrottle),this}static getElement(e=".grid-stack-item"){return g.getElement(e)}static getElements(e=".grid-stack-item"){return g.getElements(e)}static getGridElement(e){return M.getElement(e)}static getGridElements(e){return g.getElements(e)}_initMargin(){let e,t=0,i=[];return typeof this.opts.margin=="string"&&(i=this.opts.margin.split(" ")),i.length===2?(this.opts.marginTop=this.opts.marginBottom=i[0],this.opts.marginLeft=this.opts.marginRight=i[1]):i.length===4?(this.opts.marginTop=i[0],this.opts.marginRight=i[1],this.opts.marginBottom=i[2],this.opts.marginLeft=i[3]):(e=g.parseHeight(this.opts.margin),this.opts.marginUnit=e.unit,t=this.opts.margin=e.h),this.opts.marginTop===void 0?this.opts.marginTop=t:(e=g.parseHeight(this.opts.marginTop),this.opts.marginTop=e.h,delete this.opts.margin),this.opts.marginBottom===void 0?this.opts.marginBottom=t:(e=g.parseHeight(this.opts.marginBottom),this.opts.marginBottom=e.h,delete this.opts.margin),this.opts.marginRight===void 0?this.opts.marginRight=t:(e=g.parseHeight(this.opts.marginRight),this.opts.marginRight=e.h,delete this.opts.margin),this.opts.marginLeft===void 0?this.opts.marginLeft=t:(e=g.parseHeight(this.opts.marginLeft),this.opts.marginLeft=e.h,delete this.opts.margin),this.opts.marginUnit=e.unit,this.opts.marginTop===this.opts.marginBottom&&this.opts.marginLeft===this.opts.marginRight&&this.opts.marginTop===this.opts.marginRight&&(this.opts.margin=this.opts.marginTop),this}static getDD(){return pe}static setupDragIn(e,t,i,r=document){t?.pause!==void 0&&(z.pauseDrag=t.pause),t={appendTo:"body",helper:"clone",...t||{}},(typeof e=="string"?g.getElements(e,r):e).forEach((a,l)=>{pe.isDraggable(a)||pe.dragIn(a,t),i?.[l]&&(a.gridstackNode=i[l])})}movable(e,t){return this.opts.staticGrid?this:(M.getElements(e).forEach(i=>{const r=i.gridstackNode;r&&(t?delete r.noMove:r.noMove=!0,this.prepareDragDrop(r.el))}),this)}resizable(e,t){return this.opts.staticGrid?this:(M.getElements(e).forEach(i=>{const r=i.gridstackNode;r&&(t?delete r.noResize:r.noResize=!0,this.prepareDragDrop(r.el))}),this)}disable(e=!0){if(!this.opts.staticGrid)return this.enableMove(!1,e),this.enableResize(!1,e),this._triggerEvent("disable"),this}enable(e=!0){if(!this.opts.staticGrid)return this.enableMove(!0,e),this.enableResize(!0,e),this._triggerEvent("enable"),this}enableMove(e,t=!0){return this.opts.staticGrid?this:(e?delete this.opts.disableDrag:this.opts.disableDrag=!0,this.engine.nodes.forEach(i=>{this.prepareDragDrop(i.el),i.subGrid&&t&&i.subGrid.enableMove(e,t)}),this)}enableResize(e,t=!0){return this.opts.staticGrid?this:(e?delete this.opts.disableResize:this.opts.disableResize=!0,this.engine.nodes.forEach(i=>{this.prepareDragDrop(i.el),i.subGrid&&t&&i.subGrid.enableResize(e,t)}),this)}cancelDrag(){const e=this._placeholder?.gridstackNode;e&&(e._isExternal?(e._isAboutToRemove=!0,this.engine.removeNode(e)):e._isAboutToRemove&&M._itemRemoving(e.el,!1),this.engine.restoreInitial())}_removeDD(e){return pe.draggable(e,"destroy").resizable(e,"destroy"),e.gridstackNode&&delete e.gridstackNode._initDD,delete e.ddElement,this}_setupAcceptWidget(){if(this.opts.staticGrid||!this.opts.acceptWidgets&&!this.opts.removable)return pe.droppable(this.el,"destroy"),this;let e,t;const i=(r,s,a)=>{a=a||s;const l=a.gridstackNode;if(!l)return;if(!l.grid?.el){a.style.transform=`scale(${1/this.dragTransform.xScale},${1/this.dragTransform.yScale})`;const f=a.getBoundingClientRect();a.style.left=f.x+(this.dragTransform.xScale-1)*(r.clientX-f.x)/this.dragTransform.xScale+"px",a.style.top=f.y+(this.dragTransform.yScale-1)*(r.clientY-f.y)/this.dragTransform.yScale+"px",a.style.transformOrigin="0px 0px"}let{top:d,left:c}=a.getBoundingClientRect();const u=this.el.getBoundingClientRect();c-=u.left,d-=u.top;const h={position:{top:d*this.dragTransform.xScale,left:c*this.dragTransform.yScale}};if(l._temporaryRemoved){if(l.x=Math.max(0,Math.round(c/t)),l.y=Math.max(0,Math.round(d/e)),delete l.autoPosition,this.engine.nodeBoundFix(l),!this.engine.willItFit(l)){if(l.autoPosition=!0,!this.engine.willItFit(l)){pe.off(s,"drag");return}l._willFitPos&&(g.copyPos(l,l._willFitPos),delete l._willFitPos)}this._onStartMoving(a,r,h,l,t,e)}else this._dragOrResize(a,r,h,l,t,e)};return pe.droppable(this.el,{accept:r=>{const s=r.gridstackNode||this._readAttr(r,!1);if(s?.grid===this)return!0;if(!this.opts.acceptWidgets)return!1;let a=!0;if(typeof this.opts.acceptWidgets=="function")a=this.opts.acceptWidgets(r);else{const l=this.opts.acceptWidgets===!0?".grid-stack-item":this.opts.acceptWidgets;a=r.matches(l)}if(a&&s&&this.opts.maxRow){const l={w:s.w,h:s.h,minW:s.minW,minH:s.minH};a=this.engine.willItFit(l)}return a}}).on(this.el,"dropover",(r,s,a)=>{let l=a?.gridstackNode||s.gridstackNode;if(l?.grid===this&&!l._temporaryRemoved)return!1;if(l?._sidebarOrig&&(l.w=l._sidebarOrig.w,l.h=l._sidebarOrig.h),l?.grid&&l.grid!==this&&!l._temporaryRemoved&&l.grid._leave(s,a),a=a||s,t=this.cellWidth(),e=this.getCellHeight(!0),!l){const u=a.getAttribute("data-gs-widget")||a.getAttribute("gridstacknode");if(u){try{l=JSON.parse(u)}catch{console.error("Gridstack dropover: Bad JSON format: ",u)}a.removeAttribute("data-gs-widget"),a.removeAttribute("gridstacknode")}l||(l=this._readAttr(a)),l._sidebarOrig={w:l.w,h:l.h}}l.grid||(l.el||(l={...l}),l._isExternal=!0,a.gridstackNode=l);const d=l.w||Math.round(a.offsetWidth/t)||1,c=l.h||Math.round(a.offsetHeight/e)||1;return l.grid&&l.grid!==this?(s._gridstackNodeOrig||(s._gridstackNodeOrig=l),s.gridstackNode=l={...l,w:d,h:c,grid:this},delete l.x,delete l.y,this.engine.cleanupNode(l).nodeBoundFix(l),l._initDD=l._isExternal=l._temporaryRemoved=!0):(l.w=d,l.h=c,l._temporaryRemoved=!0),M._itemRemoving(l.el,!1),pe.on(s,"drag",i),i(r,s,a),!1}).on(this.el,"dropout",(r,s,a)=>{const l=a?.gridstackNode||s.gridstackNode;return l&&(!l.grid||l.grid===this)&&(this._leave(s,a),this._isTemp&&this.removeAsSubGrid(l)),!1}).on(this.el,"drop",(r,s,a)=>{const l=a?.gridstackNode||s.gridstackNode;if(l?.grid===this&&!l._isExternal)return!1;const d=!!this.placeholder.parentElement,c=s!==a;this.placeholder.remove(),delete this.placeholder.gridstackNode;const u=d&&this.opts.animate;u&&this.setAnimation(!1);const h=s._gridstackNodeOrig;if(delete s._gridstackNodeOrig,d&&h?.grid&&h.grid!==this){const y=h.grid;y.engine.removeNodeFromLayoutCache(h),y.engine.removedNodes.push(h),y._triggerRemoveEvent()._triggerChangeEvent(),y.parentGridNode&&!y.engine.nodes.length&&y.opts.subGridDynamic&&y.removeAsSubGrid()}if(!l||(d&&(this.engine.cleanupNode(l),l.grid=this),delete l.grid?._isTemp,pe.off(s,"drag"),a!==s?(a.remove(),s=a):s.remove(),this._removeDD(s),!d))return!1;const f=l.subGrid?.el?.gridstack;return g.copyPos(l,this._readAttr(this.placeholder)),g.removePositioningStyles(s),c&&(l.content||l.subGridOpts||M.addRemoveCB)?(delete l.el,s=this.addWidget(l)):(this._prepareElement(s,!0,l),this.el.appendChild(s),this.resizeToContentCheck(!1,l),f&&(f.parentGridNode=l,f.opts.styleInHead||f._updateStyles(!0)),this._updateContainerHeight()),this.engine.addedNodes.push(l),this._triggerAddEvent(),this._triggerChangeEvent(),this.engine.endUpdate(),this._gsEventHandler.dropped&&this._gsEventHandler.dropped({...r,type:"dropped"},h&&h.grid?h:void 0,l),u&&this.setAnimation(this.opts.animate,!0),!1}),this}static _itemRemoving(e,t){if(!e)return;const i=e?e.gridstackNode:void 0;!i?.grid||e.classList.contains(i.grid.opts.removableOptions.decline)||(t?i._isAboutToRemove=!0:delete i._isAboutToRemove,t?e.classList.add("grid-stack-item-removing"):e.classList.remove("grid-stack-item-removing"))}_setupRemoveDrop(){if(typeof this.opts.removable!="string")return this;const e=document.querySelector(this.opts.removable);return e?(!this.opts.staticGrid&&!pe.isDroppable(e)&&pe.droppable(e,this.opts.removableOptions).on(e,"dropover",(t,i)=>M._itemRemoving(i,!0)).on(e,"dropout",(t,i)=>M._itemRemoving(i,!1)),this):this}prepareDragDrop(e,t=!1){const i=e?.gridstackNode;if(!i)return;const r=i.noMove||this.opts.disableDrag,s=i.noResize||this.opts.disableResize,a=this.opts.staticGrid||r&&s;if((t||a)&&(i._initDD&&(this._removeDD(e),delete i._initDD),a&&e.classList.add("ui-draggable-disabled","ui-resizable-disabled"),!t))return this;if(!i._initDD){let l,d;const c=(f,y)=>{this._gsEventHandler[f.type]&&this._gsEventHandler[f.type](f,f.target),l=this.cellWidth(),d=this.getCellHeight(!0),this._onStartMoving(e,f,y,i,l,d)},u=(f,y)=>{this._dragOrResize(e,f,y,i,l,d)},h=f=>{this.placeholder.remove(),delete this.placeholder.gridstackNode,delete i._moving,delete i._event,delete i._lastTried;const y=i.w!==i._orig.w,w=f.target;if(!(!w.gridstackNode||w.gridstackNode.grid!==this)){if(i.el=w,i._isAboutToRemove){const x=e.gridstackNode.grid;x._gsEventHandler[f.type]&&x._gsEventHandler[f.type](f,w),x.engine.nodes.push(i),x.removeWidget(e,!0,!0)}else g.removePositioningStyles(w),i._temporaryRemoved?(g.copyPos(i,i._orig),this._writePosAttr(w,i),this.engine.addNode(i)):this._writePosAttr(w,i),this._gsEventHandler[f.type]&&this._gsEventHandler[f.type](f,w);this._extraDragRow=0,this._updateContainerHeight(),this._triggerChangeEvent(),this.engine.endUpdate(),f.type==="resizestop"&&(Number.isInteger(i.sizeToContent)&&(i.sizeToContent=i.h),this.resizeToContentCheck(y,i))}};pe.draggable(e,{start:c,stop:h,drag:u}).resizable(e,{start:c,stop:h,resize:u}),i._initDD=!0}return pe.draggable(e,r?"disable":"enable").resizable(e,s?"disable":"enable"),this}_onStartMoving(e,t,i,r,s,a){if(this.engine.cleanNodes().beginUpdate(r),this._writePosAttr(this.placeholder,r),this.el.appendChild(this.placeholder),this.placeholder.gridstackNode=r,r.grid?.el)this.dragTransform=g.getValuesFromTransformedElement(e);else if(this.placeholder&&this.placeholder.closest(".grid-stack")){const l=this.placeholder.closest(".grid-stack");this.dragTransform=g.getValuesFromTransformedElement(l)}else this.dragTransform={xScale:1,xOffset:0,yScale:1,yOffset:0};if(r.el=this.placeholder,r._lastUiPosition=i.position,r._prevYPix=i.position.top,r._moving=t.type==="dragstart",delete r._lastTried,t.type==="dropover"&&r._temporaryRemoved&&(this.engine.addNode(r),r._moving=!0),this.engine.cacheRects(s,a,this.opts.marginTop,this.opts.marginRight,this.opts.marginBottom,this.opts.marginLeft),t.type==="resizestart"){const l=this.getColumn()-r.x,d=(this.opts.maxRow||Number.MAX_SAFE_INTEGER)-r.y;pe.resizable(e,"option","minWidth",s*Math.min(r.minW||1,l)).resizable(e,"option","minHeight",a*Math.min(r.minH||1,d)).resizable(e,"option","maxWidth",s*Math.min(r.maxW||Number.MAX_SAFE_INTEGER,l)).resizable(e,"option","maxWidthMoveLeft",s*Math.min(r.maxW||Number.MAX_SAFE_INTEGER,r.x+r.w)).resizable(e,"option","maxHeight",a*Math.min(r.maxH||Number.MAX_SAFE_INTEGER,d)).resizable(e,"option","maxHeightMoveUp",a*Math.min(r.maxH||Number.MAX_SAFE_INTEGER,r.y+r.h))}}_dragOrResize(e,t,i,r,s,a){const l={...r._orig};let d,c=this.opts.marginLeft,u=this.opts.marginRight,h=this.opts.marginTop,f=this.opts.marginBottom;const y=Math.round(a*.1),w=Math.round(s*.1);if(c=Math.min(c,w),u=Math.min(u,w),h=Math.min(h,y),f=Math.min(f,y),t.type==="drag"){if(r._temporaryRemoved)return;const b=i.position.top-r._prevYPix;r._prevYPix=i.position.top,this.opts.draggable.scroll!==!1&&g.updateScrollPosition(e,i.position,b);const O=i.position.left+(i.position.left>r._lastUiPosition.left?-u:c),T=i.position.top+(i.position.top>r._lastUiPosition.top?-f:h);l.x=Math.round(O/s),l.y=Math.round(T/a);const C=this._extraDragRow;if(this.engine.collide(r,l)){const F=this.getRow();let S=Math.max(0,l.y+r.h-F);this.opts.maxRow&&F+S>this.opts.maxRow&&(S=Math.max(0,this.opts.maxRow-F)),this._extraDragRow=S}else this._extraDragRow=0;if(this._extraDragRow!==C&&this._updateContainerHeight(),r.x===l.x&&r.y===l.y)return}else if(t.type==="resize"){if(l.x<0||(g.updateScrollResize(t,e,a),l.w=Math.round((i.size.width-c)/s),l.h=Math.round((i.size.height-h)/a),r.w===l.w&&r.h===l.h)||r._lastTried&&r._lastTried.w===l.w&&r._lastTried.h===l.h)return;const b=i.position.left+c,O=i.position.top+h;l.x=Math.round(b/s),l.y=Math.round(O/a),d=!0}r._event=t,r._lastTried=l;const x={x:i.position.left+c,y:i.position.top+h,w:(i.size?i.size.width:r.w*s)-c-u,h:(i.size?i.size.height:r.h*a)-h-f};if(this.engine.moveNodeCheck(r,{...l,cellWidth:s,cellHeight:a,rect:x,resizing:d})){r._lastUiPosition=i.position,this.engine.cacheRects(s,a,h,u,f,c),delete r._skipDown,d&&r.subGrid&&r.subGrid.onResize(),this._extraDragRow=0,this._updateContainerHeight();const b=t.target;r._sidebarOrig||this._writePosAttr(b,r),this._gsEventHandler[t.type]&&this._gsEventHandler[t.type](t,b)}}_leave(e,t){t=t||e;const i=t.gridstackNode;if(!i||(t.style.transform=t.style.transformOrigin=null,pe.off(e,"drag"),i._temporaryRemoved))return;i._temporaryRemoved=!0,this.engine.removeNode(i),i.el=i._isExternal&&t?t:e;const r=i._sidebarOrig;i._isExternal&&this.engine.cleanupNode(i),i._sidebarOrig=r,this.opts.removable===!0&&M._itemRemoving(e,!0),e._gridstackNodeOrig?(e.gridstackNode=e._gridstackNodeOrig,delete e._gridstackNodeOrig):i._isExternal&&this.engine.restoreInitial()}commit(){return Hs(this,this.batchUpdate(!1),"commit","batchUpdate","5.2"),this}}M.renderCB=(n,e)=>{n&&e?.content&&(n.textContent=e.content)},M.resizeToContentParent=".grid-stack-item-content",M.Utils=g,M.Engine=Re,M.GDRev="11.5.1";const Ws=["data-id","data-testid","gs-h","gs-w","gs-x","gs-y"],Gs={class:"grid-stack-item-content"},Ys=De(o.defineComponent({__name:"DraggableGridLayout",props:{tiles:{},tileHeight:{default:Ge},columns:{default:ot}},emits:["update-tiles"],setup(n,{expose:e,emit:t}){const i=n,r=t,s=o.ref(null),a=o.ref(new Map(i.tiles.map(y=>[`${y.id}`,y])));let l=null;const d=y=>`[data-id="${y}"]`,c=y=>y.map(w=>{const x=a.value.get(`${w.el?.getAttribute("data-id")}`);if(x)return{...x,layout:{position:{col:Number(w.x),row:Number(w.y)},size:{cols:Number(w.w),rows:Number(w.h)}}}}).filter(w=>w!==void 0),u=(y,w)=>{l&&(c(w).forEach(b=>{a.value.set(`${b.id}`,b)}),r("update-tiles",Array.from(a.value.values())))},h=(y,w)=>{w.forEach(x=>{a.value.delete(`${x.el?.getAttribute("data-id")}`)}),r("update-tiles",Array.from(a.value.values()))};o.onMounted(()=>{s.value&&(l=M.init({margin:10,column:i.columns,cellHeight:i.tileHeight,resizable:{handles:"se, sw"},handle:".tile-header"},s.value),l.on("change",u),l.on("added",u),l.on("removed",h))}),o.onUnmounted(()=>{l&&l.destroy(!1)});const f=y=>{if(l&&s.value){const w=s.value.querySelector(d(y));w&&l.removeWidget(w)}};return o.watch(()=>i.tiles.length,async(y,w)=>{if(y>w&&l){const x=i.tiles.slice(w);for(const b of x)a.value.set(`${b.id}`,b),await o.nextTick(),l.makeWidget(d(b.id),{autoPosition:!0,w:b.layout.size.cols,h:b.layout.size.rows})}}),o.watchEffect(()=>{i.tiles.forEach(y=>{a.value.set(`${y.id}`,y)})}),e({removeWidget:f}),(y,w)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"gridContainer",ref:s,class:"grid-stack"},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.tiles,x=>(o.openBlock(),o.createElementBlock("div",{key:x.id,class:"grid-stack-item","data-id":`${x.id}`,"data-testid":`grid-stack-item-${x.id}`,"gs-h":x.layout.size.rows,"gs-lazy-load":!0,"gs-w":x.layout.size.cols,"gs-x":x.layout.position.col,"gs-y":x.layout.position.row},[o.createElementVNode("div",Gs,[o.renderSlot(y.$slots,"tile",{tile:x},void 0,!0)])],8,Ws))),128))],512))}}),[["__scopeId","data-v-1fdec94c"]]),Vs=n=>{const e={position:{col:0,row:0},size:n.layout.size};if(n.type==="slottable")return{id:crypto.randomUUID(),type:"slottable",layout:e};const t=n.meta,i={...t,chart:{...t.chart}};return"chart_title"in i.chart&&(i.chart.chart_title=i.chart.chart_title?`Copy of ${i.chart.chart_title}`:""),{id:crypto.randomUUID(),type:"chart",definition:i,layout:e}},js={key:0,class:"fullscreen-header"},Ks={key:0,class:"tile-container slottable-tile"},Xs=De(o.defineComponent({__name:"DashboardRenderer",props:o.mergeModels({context:{},preview:{type:Boolean,default:!1}},{modelValue:{required:!0},modelModifiers:{}}),emits:o.mergeModels(["edit-tile","tile-time-range-zoom","tiles-loaded"],["update:modelValue"]),setup(n,{expose:e,emit:t}){o.useCssVars(E=>({v916e2ce4:u.value}));const i=t,r=o.useModel(n,"modelValue"),{i18n:s}=me.useI18n(),a=o.ref(0),l=o.ref(null),d=o.ref(),c=o.ref(),u=o.ref("scale(1)"),h=new Set,f=o.inject(ke);f||(console.warn("Analytics dashboards require a query bridge supplied via provide / inject."),console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"),console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements")),me.useRequestQueue();const{exportPdf:y,exportState:w}=me.useExportPdf(c),x=E=>{h.add(E.id);const v=T.value.filter(Y=>!F(Y)).length;h.size>=v&&i("tiles-loaded",!0)},b=o.computed(()=>{const v=`renderer.trendRange.${L.value.type==="absolute"?"custom":L.value.time_range}`;return s.te(v)?s.t(v):""}),O=(E,v)=>{const Y=E.layout.position.row-v.layout.position.row;return Y!==0?Y:E.layout.position.col-v.layout.position.col},T=o.computed(()=>r.value.tiles.map(E=>{if(de.value&&!E.id&&console.warn("No id provided for tile. One will be generated automatically,","however tracking changes to this tile may not work as expected.",E),E.type==="slottable")return{layout:E.layout,type:E.type,id:E.id??crypto.randomUUID()};let v=E.definition;const Y=E.type??"chart",q=Kr(v,b.value);return q!==v.header_description&&(v={...v,header_description:q}),{layout:E.layout,meta:v,type:Y,id:E.id??crypto.randomUUID()}})),C=E=>{i("edit-tile",E)},F=E=>E.type==="slottable"?!0:E.meta?.chart.type==="slottable",S=E=>E.type==="slottable",G=E=>{if(E.type==="slottable")return E.id;const v=E.meta?.chart;return v&&S(v)?v.id:void 0},B=E=>{try{const v=Vs(E);r.value.tiles.push(JSON.parse(JSON.stringify(v)))}catch(v){console.warn(v)}},p=E=>{l.value&&l.value.removeWidget(E.id),h.delete(E.id)},m=()=>{h.clear(),a.value++},_=E=>{const v=E.map(Y=>Y.type==="slottable"?{id:Y.id,type:Y.type,layout:Y.layout}:{id:Y.id,type:Y.type,layout:Y.layout,definition:Y.meta});r.value.tiles=v.sort(O)},k=async()=>{if(u.value="scale(1)",await o.nextTick(),c.value){const{availWidth:E,availHeight:v}=window.screen,{width:Y,height:q}=c.value.getBoundingClientRect(),H=Math.min(v/q,E/Y);u.value=`scale(${H})`}},R=()=>{d.value&&(document.fullscreenElement?document.exitFullscreen():d.value.requestFullscreen())},N=o.ref(!1),ee=()=>{N.value=document.fullscreenElement!==null,N.value&&k()},ue=o.computed(()=>r.value.preset_filters??[]),{editable:de,enrichedContext:Q,queryReady:ne,showTileActions:I,showTileZoomActions:J,timeSpec:L}=me.useDashboardContext({globalFilters:ue,context:o.computed(()=>n.context),isFullscreen:N,preview:o.computed(()=>n.preview)});return e({refresh:m,toggleFullscreen:R,exportPdf:y,pdfExportState:w}),(E,v)=>{const Y=o.resolveComponent("KAlert");return o.openBlock(),o.createElementBlock("div",{ref_key:"dashboardContainer",ref:d,class:o.normalizeClass(["kong-ui-public-dashboard-renderer",{"is-fullscreen":N.value}]),onFullscreenchange:ee},[o.createElementVNode("div",{ref_key:"layoutContainer",ref:c,class:"layout"},[o.unref(f)&&N.value?(o.openBlock(),o.createElementBlock("div",js,[o.renderSlot(E.$slots,"fullscreenHeader",{},void 0,!0)])):o.createCommentVNode("",!0),o.unref(f)?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(o.unref(de)&&!N.value?Ys:$i),{key:2,ref_key:"gridLayoutRef",ref:l,columns:r.value.columns,"tile-height":r.value.tile_height,tiles:T.value,onUpdateTiles:_},{tile:o.withCtx(({tile:q})=>[F(q)?(o.openBlock(),o.createElementBlock("div",Ks,[o.renderSlot(E.$slots,G(q),{},void 0,!0)])):(o.openBlock(),o.createBlock(Fi,{key:N.value?`${q.id}-tile`:`${q.id}-tile-fullscreen`,"refresh-counter":a.value,"onUpdate:refreshCounter":v[0]||(v[0]=H=>a.value=H),class:"tile-container",context:o.unref(Q),definition:q.meta,height:q.layout.size.rows*(r.value.tile_height||o.unref(Ge))+parseInt(o.unref(hi),10),"hide-actions":!o.unref(I),"hide-zoom-actions":!o.unref(J),"is-fullscreen":N.value,"query-ready":o.unref(ne),"tile-id":q.id,"tile-type":q.type,onDuplicateTile:H=>B(q),onEditTile:H=>C(q),onRemoveTile:H=>p(q),onTileLoaded:H=>x(q),onTileTimeRangeZoom:v[1]||(v[1]=H=>i("tile-time-range-zoom",H))},null,8,["refresh-counter","context","definition","height","hide-actions","hide-zoom-actions","is-fullscreen","query-ready","tile-id","tile-type","onDuplicateTile","onEditTile","onRemoveTile","onTileLoaded"]))]),_:3},40,["columns","tile-height","tiles"])):(o.openBlock(),o.createBlock(Y,{key:1,appearance:"danger"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(s).t("renderer.noQueryBridge")),1)]),_:1}))],512)],34)}}}),[["__scopeId","data-v-7c9b10b4"]]),Qs=o.defineComponent({__name:"DashboardTilePreview",props:{context:{},definition:{},globalFilters:{default:()=>[]},preview:{type:Boolean,default:!1}},emits:["chart-data","tile-time-range-zoom","tile-bounds-change"],setup(n,{expose:e,emit:t}){const i=o.useTemplateRef("root"),r=o.useTemplateRef("dashboard-tile"),s=crypto.randomUUID(),a=t,l=C=>{a("tile-time-range-zoom",C)},d=C=>{a("chart-data",C)},c=C=>{a("tile-bounds-change",C)},{i18n:u}=me.useI18n(),{enrichedContext:h,queryReady:f}=me.useDashboardContext({globalFilters:o.toRef(()=>n.globalFilters),context:o.toRef(()=>n.context),preview:o.computed(()=>n.preview)}),y=o.computed(()=>Te(n.definition)),w=o.computed(()=>y.value?"columns"in n.definition.query&&!n.definition.query.columns?.length:!("metrics"in n.definition.query)||!n.definition.query.metrics||n.definition.query.metrics.length===0),x=o.ref(Ge);let b;o.onMounted(()=>{const C=i.value?.parentElement;C&&(x.value=C.getBoundingClientRect().height,b=new ResizeObserver(([F])=>{const{height:S}=F.contentRect;x.value=S}),b.observe(C))}),o.onUnmounted(()=>b?.disconnect());const O=o.ref(0);return e({refresh:()=>{O.value++},getExportData:()=>r.value?.getExportData()}),(C,F)=>{const S=o.resolveComponent("KEmptyState");return o.openBlock(),o.createElementBlock("div",{ref_key:"root",ref:i,"data-testid":"dashboard-tile-preview-root"},[w.value?(o.openBlock(),o.createBlock(S,{key:0,"action-button-visible":!1,"data-testid":"chart-not-configured-empty-state"},{title:o.withCtx(()=>[o.createElementVNode("p",null,o.toDisplayString(o.unref(u).t("renderer.not_configured.title")),1)]),default:o.withCtx(()=>[o.createElementVNode("p",null,o.toDisplayString(o.unref(u).t("renderer.not_configured.description")),1)]),_:1})):(o.openBlock(),o.createBlock(Fi,{key:1,ref:"dashboard-tile","refresh-counter":O.value,"onUpdate:refreshCounter":F[0]||(F[0]=G=>O.value=G),context:{...o.unref(h),editable:!1},definition:n.definition,height:x.value,"hide-actions":"","query-ready":o.unref(f),"show-refresh":"","tile-id":o.unref(s),onChartData:d,onTileBoundsChange:c,onTileTimeRangeZoom:l},null,8,["refresh-counter","context","definition","height","query-ready","tile-id"]))],512)}}}),Zs=n=>{if(n.type!=="chart")return n;const e=n.definition?.query;if(!e)return n;if(e.datasource==="api_usage"){console.warn("[@kong-ui-public/dashboard-renderer] A tile was filtered out for the Basic Tier",n);return}return n},Js=n=>{if(n.type!=="chart"||Te(n.definition))return n;const e=n.definition?.query;if(!e)return n;const t={...e,datasource:e.datasource==="basic"?"api_usage":e.datasource};return{...n,definition:{...n.definition,query:t}}},eo=(n,e=ot)=>{if(!n.length)return[];let t=0,i=0,r=0;const s=[];for(const a of n){const l=a.layout?.size?.cols??1,d=a.layout?.size?.rows??1;i+l>e&&(t+=r,i=0,r=0);const c={...a,layout:{...a.layout,position:{...a.layout?.position??{},col:i,row:t}}};s.push(c),i+=l,r=Math.max(r,d)}return s},to=(n,e)=>{if(e){const r=n.tiles.map(Js);return{...n,tiles:r}}const t=n.tiles.map(Zs).filter(r=>r!==void 0),i=eo(t,n.columns);return{...n,tiles:i}},io=Object.freeze(Object.defineProperty({__proto__:null,default:o.defineComponent({__name:"GeoMapRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},emits:["bounds-change"],setup(n,{emit:e}){const t=n,i=o.ref(void 0),r=o.computed(()=>i.value?It.exploreResultToCountryMetrics(i.value):{}),s=o.computed(()=>i.value?i.value?.meta.metric_names&&i.value.meta.metric_names[0]:""),a=o.computed(()=>t.query.limit!==void 0&&t.query.limit>0?t.query.limit:oe.COUNTRIES.length),l=o.computed(()=>{if(!t.query.filters?.find(({field:y,operator:w})=>y==="country_code"&&(w==="not_empty"||w==="empty"||w==="in"))){const y={field:"country_code",operator:"not_empty"};return{...t.query,filters:[...t.query.filters||[],y]}}return t.query}),d=o.computed(()=>{if(!i.value)return"";const f=i?.value?.meta.metric_units,y=i?.value?.meta?.metric_names;return f&&y&&f[y[0]]}),c=f=>{i.value=f},u=e,h=f=>{u("bounds-change",f)};return(f,y)=>(o.openBlock(),o.createBlock(Qe,{context:n.context,"limit-override":a.value,query:l.value,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter,onChartData:c},{default:o.withCtx(()=>[o.createVNode(o.unref(It.AnalyticsGeoMap),{bounds:n.chartOptions.bounds,"country-metrics":r.value,"fit-to-country":n.chartOptions.fit_to_country,metric:s.value,"metric-unit":d.value,"with-legend":n.chartOptions.legend||!1,onBoundsChange:h},null,8,["bounds","country-metrics","fit-to-country","metric","metric-unit","with-legend"])]),_:1},8,["context","limit-override","query","query-ready","refresh-counter"]))}})},Symbol.toStringTag,{value:"Module"}));j.CP_ID_TOKEN=yi,j.CsvExportModal=Mi,j.DASHBOARD_COLS=ot,j.DEFAULT_TILE_HEIGHT=Ge,j.DEFAULT_TILE_REFRESH_INTERVAL_MS=wi,j.DashboardRenderer=Xs,j.DashboardTilePreview=Qs,j.ENTITY_ID_TOKEN=Et,j.FULLSCREEN_LONG_REFRESH_INTERVAL_MS=vi,j.FULLSCREEN_SHORT_REFRESH_INTERVAL_MS=bi,j.GridLayout=$i,j.INJECT_QUERY_PROVIDER=ke,j.TIMEFRAME_TOKEN=_i,j.configureAllowedDefinition=to,j.isTimeRangeUnsupported=Rt,j.limitTimeRange=Si,Object.defineProperty(j,Symbol.toStringTag,{value:"Module"})}));
|
|
14
|
+
Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the default selector.`)),i}static addGrid(e,t={}){if(!e)return null;let i=e;if(i.gridstack){const a=i.gridstack;return t&&(a.opts={...a.opts,...t}),t.children!==void 0&&a.load(t.children),a}return(!e.classList.contains("grid-stack")||M.addRemoveCB)&&(M.addRemoveCB?i=M.addRemoveCB(e,t,!0,!0):i=g.createDiv(["grid-stack",t.class],e)),M.init(t,i)}static registerEngine(e){M.engineClass=e}get placeholder(){if(!this._placeholder){this._placeholder=g.createDiv([this.opts.placeholderClass,_e.itemClass,this.opts.itemClass]);const e=g.createDiv(["placeholder-content"],this._placeholder);this.opts.placeholderText&&(e.textContent=this.opts.placeholderText)}return this._placeholder}constructor(e,t={}){this.el=e,this.opts=t,this.animationDelay=310,this._gsEventHandler={},this._extraDragRow=0,this.dragTransform={xScale:1,yScale:1,xOffset:0,yOffset:0},e.gridstack=this,this.opts=t=t||{},e.classList.contains("grid-stack")||this.el.classList.add("grid-stack"),t.row&&(t.minRow=t.maxRow=t.row,delete t.row);const i=g.toNumber(e.getAttribute("gs-row"));t.column==="auto"&&delete t.column,t.alwaysShowResizeHandle!==void 0&&(t._alwaysShowResizeHandle=t.alwaysShowResizeHandle);let r=t.columnOpts?.breakpoints;const s=t;if(s.oneColumnModeDomSort&&(delete s.oneColumnModeDomSort,console.log("warning: Gridstack oneColumnModeDomSort no longer supported. Use GridStackOptions.columnOpts instead.")),s.oneColumnSize||s.disableOneColumnMode===!1){const h=s.oneColumnSize||768;delete s.oneColumnSize,delete s.disableOneColumnMode,t.columnOpts=t.columnOpts||{},r=t.columnOpts.breakpoints=t.columnOpts.breakpoints||[];let f=r.find(y=>y.c===1);f?f.w=h:(f={c:1,w:h},r.push(f,{c:12,w:h+1}))}const a=t.columnOpts;a&&(!a.columnWidth&&!a.breakpoints?.length?(delete t.columnOpts,r=void 0):a.columnMax=a.columnMax||12),r?.length>1&&r.sort((h,f)=>(f.w||0)-(h.w||0));const l={...g.cloneDeep(_e),column:g.toNumber(e.getAttribute("gs-column"))||_e.column,minRow:i||g.toNumber(e.getAttribute("gs-min-row"))||_e.minRow,maxRow:i||g.toNumber(e.getAttribute("gs-max-row"))||_e.maxRow,staticGrid:g.toBool(e.getAttribute("gs-static"))||_e.staticGrid,sizeToContent:g.toBool(e.getAttribute("gs-size-to-content"))||void 0,draggable:{handle:(t.handleClass?"."+t.handleClass:t.handle?t.handle:"")||_e.draggable.handle},removableOptions:{accept:t.itemClass||_e.removableOptions.accept,decline:_e.removableOptions.decline}};e.getAttribute("gs-animate")&&(l.animate=g.toBool(e.getAttribute("gs-animate"))),t=g.defaults(t,l),this._initMargin(),this.checkDynamicColumn(),this.el.classList.add("gs-"+t.column),t.rtl==="auto"&&(t.rtl=e.style.direction==="rtl"),t.rtl&&this.el.classList.add("grid-stack-rtl");const c=this.el.closest("."+_e.itemClass)?.gridstackNode;c&&(c.subGrid=this,this.parentGridNode=c,this.el.classList.add("grid-stack-nested"),c.el.classList.add("grid-stack-sub-grid")),this._isAutoCellHeight=t.cellHeight==="auto",this._isAutoCellHeight||t.cellHeight==="initial"?this.cellHeight(void 0,!1):(typeof t.cellHeight=="number"&&t.cellHeightUnit&&t.cellHeightUnit!==_e.cellHeightUnit&&(t.cellHeight=t.cellHeight+t.cellHeightUnit,delete t.cellHeightUnit),this.cellHeight(t.cellHeight,!1)),t.alwaysShowResizeHandle==="mobile"&&(t.alwaysShowResizeHandle=xe),this._styleSheetClass="gs-id-"+Te._idSeq++,this.el.classList.add(this._styleSheetClass),this._setStaticClass();const u=t.engineClass||M.engineClass||Te;if(this.engine=new u({column:this.getColumn(),float:t.float,maxRow:t.maxRow,onChange:h=>{let f=0;this.engine.nodes.forEach(y=>{f=Math.max(f,y.y+y.h)}),h.forEach(y=>{const w=y.el;w&&(y._removeDOM?(w&&w.remove(),delete y._removeDOM):this._writePosAttr(w,y))}),this._updateStyles(!1,f)}}),this._updateStyles(!1,0),t.auto&&(this.batchUpdate(),this.engine._loading=!0,this.getGridItems().forEach(h=>this._prepareElement(h)),delete this.engine._loading,this.batchUpdate(!1)),t.children){const h=t.children;delete t.children,h.length&&this.load(h)}this.setAnimation(),t.subGridDynamic&&!z.pauseDrag&&(z.pauseDrag=!0),t.draggable?.pause!==void 0&&(z.pauseDrag=t.draggable.pause),this._setupRemoveDrop(),this._setupAcceptWidget(),this._updateResizeEvent()}addWidget(e){if(typeof e=="string"){console.error("V11: GridStack.addWidget() does not support string anymore. see #2736");return}if(e.ELEMENT_NODE)return console.error("V11: GridStack.addWidget() does not support HTMLElement anymore. use makeWidget()"),this.makeWidget(e);let t,i=e;if(i.grid=this,i?.el?t=i.el:M.addRemoveCB?t=M.addRemoveCB(this.el,e,!0,!1):t=this.createWidgetDivs(i),!t)return;if(i=t.gridstackNode,i&&t.parentElement===this.el&&this.engine.nodes.find(s=>s._id===i._id))return t;const r=this._readAttr(t);return g.defaults(e,r),this.engine.prepareNode(e),this.el.appendChild(t),this.makeWidget(t,e),t}createWidgetDivs(e){const t=g.createDiv(["grid-stack-item",this.opts.itemClass]),i=g.createDiv(["grid-stack-item-content"],t);return g.lazyLoad(e)?e.visibleObservable||(e.visibleObservable=new IntersectionObserver(([r])=>{r.isIntersecting&&(e.visibleObservable?.disconnect(),delete e.visibleObservable,M.renderCB(i,e),e.grid?.prepareDragDrop(e.el))}),window.setTimeout(()=>e.visibleObservable?.observe(t))):M.renderCB(i,e),t}makeSubGrid(e,t,i,r=!0){let s=e.gridstackNode;if(s||(s=this.makeWidget(e).gridstackNode),s.subGrid?.el)return s.subGrid;let a,l=this;for(;l&&!a;)a=l.opts?.subGridOpts,l=l.parentGridNode?.grid;t=g.cloneDeep({...this.opts,id:void 0,children:void 0,column:"auto",columnOpts:void 0,layout:"list",subGridOpts:void 0,...a||{},...t||s.subGridOpts||{}}),s.subGridOpts=t;let d;t.column==="auto"&&(d=!0,t.column=Math.max(s.w||1,i?.w||1),delete t.columnOpts);let c=s.el.querySelector(".grid-stack-item-content"),u,h;if(r&&(this._removeDD(s.el),h={...s,x:0,y:0},g.removeInternalForSave(h),delete h.subGridOpts,s.content&&(h.content=s.content,delete s.content),M.addRemoveCB?u=M.addRemoveCB(this.el,h,!0,!1):(u=g.createDiv(["grid-stack-item"]),u.appendChild(c),c=g.createDiv(["grid-stack-item-content"],s.el)),this.prepareDragDrop(s.el)),i){const y=d?t.column:s.w,w=s.h+i.h,x=s.el.style;x.transition="none",this.update(s.el,{w:y,h:w}),setTimeout(()=>x.transition=null)}const f=s.subGrid=M.addGrid(c,t);return i?._moving&&(f._isTemp=!0),d&&(f._autoColumn=!0),r&&f.makeWidget(u,h),i&&(i._moving?window.setTimeout(()=>g.simulateMouseEvent(i._event,"mouseenter",f.el),0):f.makeWidget(s.el,s)),this.resizeToContentCheck(!1,s),f}removeAsSubGrid(e){const t=this.parentGridNode?.grid;t&&(t.batchUpdate(),t.removeWidget(this.parentGridNode.el,!0,!0),this.engine.nodes.forEach(i=>{i.x+=this.parentGridNode.x,i.y+=this.parentGridNode.y,t.makeWidget(i.el,i)}),t.batchUpdate(!1),this.parentGridNode&&delete this.parentGridNode.subGrid,delete this.parentGridNode,e&&window.setTimeout(()=>g.simulateMouseEvent(e._event,"mouseenter",t.el),0))}save(e=!0,t=!1,i=M.saveCB){const r=this.engine.save(e,i);if(r.forEach(s=>{if(e&&s.el&&!s.subGrid&&!i){const a=s.el.querySelector(".grid-stack-item-content");s.content=a?.innerHTML,s.content||delete s.content}else if(!e&&!i&&delete s.content,s.subGrid?.el){const a=s.subGrid.save(e,t,i);s.subGridOpts=t?a:{children:a},delete s.subGrid}delete s.el}),t){const s=g.cloneDeep(this.opts);s.marginBottom===s.marginTop&&s.marginRight===s.marginLeft&&s.marginTop===s.marginRight&&(s.margin=s.marginTop,delete s.marginTop,delete s.marginRight,delete s.marginBottom,delete s.marginLeft),s.rtl===(this.el.style.direction==="rtl")&&(s.rtl="auto"),this._isAutoCellHeight&&(s.cellHeight="auto"),this._autoColumn&&(s.column="auto");const a=s._alwaysShowResizeHandle;return delete s._alwaysShowResizeHandle,a!==void 0?s.alwaysShowResizeHandle=a:delete s.alwaysShowResizeHandle,g.removeInternalAndSame(s,_e),s.children=r,s}return r}load(e,t=M.addRemoveCB||!0){e=g.cloneDeep(e);const i=this.getColumn();e.forEach(c=>{c.w=c.w||1,c.h=c.h||1}),e=g.sort(e),this.engine.skipCacheUpdate=this._ignoreLayoutsNodeChange=!0;let r=0;e.forEach(c=>{r=Math.max(r,(c.x||0)+c.w)}),r>this.engine.defaultColumn&&(this.engine.defaultColumn=r),r>i&&this.engine.cacheLayout(e,r,!0);const s=M.addRemoveCB;typeof t=="function"&&(M.addRemoveCB=t);const a=[];this.batchUpdate();const l=!this.engine.nodes.length;l&&this.setAnimation(!1),!l&&t&&[...this.engine.nodes].forEach(u=>{if(!u.id)return;g.find(e,u.id)||(M.addRemoveCB&&M.addRemoveCB(this.el,u,!1,!1),a.push(u),this.removeWidget(u.el,!0,!1))}),this.engine._loading=!0;const d=[];return this.engine.nodes=this.engine.nodes.filter(c=>g.find(e,c.id)?(d.push(c),!1):!0),e.forEach(c=>{const u=g.find(d,c.id);if(u){if(g.shouldSizeToContent(u)&&(c.h=u.h),this.engine.nodeBoundFix(c),(c.autoPosition||c.x===void 0||c.y===void 0)&&(c.w=c.w||u.w,c.h=c.h||u.h,this.engine.findEmptyPosition(c)),this.engine.nodes.push(u),g.samePos(u,c)&&this.engine.nodes.length>1&&(this.moveNode(u,{...c,forceCollide:!0}),g.copyPos(c,u)),this.update(u.el,c),c.subGridOpts?.children){const h=u.el.querySelector(".grid-stack");h&&h.gridstack&&h.gridstack.load(c.subGridOpts.children)}}else t&&this.addWidget(c)}),delete this.engine._loading,this.engine.removedNodes=a,this.batchUpdate(!1),delete this._ignoreLayoutsNodeChange,delete this.engine.skipCacheUpdate,s?M.addRemoveCB=s:delete M.addRemoveCB,l&&this.opts?.animate&&this.setAnimation(this.opts.animate,!0),this}batchUpdate(e=!0){return this.engine.batchUpdate(e),e||(this._updateContainerHeight(),this._triggerRemoveEvent(),this._triggerAddEvent(),this._triggerChangeEvent()),this}getCellHeight(e=!1){if(this.opts.cellHeight&&this.opts.cellHeight!=="auto"&&(!e||!this.opts.cellHeightUnit||this.opts.cellHeightUnit==="px"))return this.opts.cellHeight;if(this.opts.cellHeightUnit==="rem")return this.opts.cellHeight*parseFloat(getComputedStyle(document.documentElement).fontSize);if(this.opts.cellHeightUnit==="em")return this.opts.cellHeight*parseFloat(getComputedStyle(this.el).fontSize);if(this.opts.cellHeightUnit==="cm")return this.opts.cellHeight*(96/2.54);if(this.opts.cellHeightUnit==="mm")return this.opts.cellHeight*(96/2.54)/10;const t=this.el.querySelector("."+this.opts.itemClass);if(t){const r=g.toNumber(t.getAttribute("gs-h"))||1;return Math.round(t.offsetHeight/r)}const i=parseInt(this.el.getAttribute("gs-current-row"));return i?Math.round(this.el.getBoundingClientRect().height/i):this.opts.cellHeight}cellHeight(e,t=!0){if(t&&e!==void 0&&this._isAutoCellHeight!==(e==="auto")&&(this._isAutoCellHeight=e==="auto",this._updateResizeEvent()),(e==="initial"||e==="auto")&&(e=void 0),e===void 0){const r=-this.opts.marginRight-this.opts.marginLeft+this.opts.marginTop+this.opts.marginBottom;e=this.cellWidth()+r}const i=g.parseHeight(e);return this.opts.cellHeightUnit===i.unit&&this.opts.cellHeight===i.h?this:(this.opts.cellHeightUnit=i.unit,this.opts.cellHeight=i.h,this.resizeToContentCheck(),t&&this._updateStyles(!0),this)}cellWidth(){return this._widthOrContainer()/this.getColumn()}_widthOrContainer(e=!1){return e&&this.opts.columnOpts?.breakpointForWindow?window.innerWidth:this.el.clientWidth||this.el.parentElement.clientWidth||window.innerWidth}checkDynamicColumn(){const e=this.opts.columnOpts;if(!e||!e.columnWidth&&!e.breakpoints?.length)return!1;const t=this.getColumn();let i=t;const r=this._widthOrContainer(!0);if(e.columnWidth)i=Math.min(Math.round(r/e.columnWidth)||1,e.columnMax);else{i=e.columnMax;let s=0;for(;s<e.breakpoints.length&&r<=e.breakpoints[s].w;)i=e.breakpoints[s++].c||t}if(i!==t){const s=e.breakpoints?.find(a=>a.c===i);return this.column(i,s?.layout||e.layout),!0}return!1}compact(e="compact",t=!0){return this.engine.compact(e,t),this._triggerChangeEvent(),this}column(e,t="moveScale"){if(!e||e<1||this.opts.column===e)return this;const i=this.getColumn();return this.opts.column=e,this.engine?(this.engine.column=e,this.el.classList.remove("gs-"+i),this.el.classList.add("gs-"+e),this.engine.columnChanged(i,e,t),this._isAutoCellHeight&&this.cellHeight(),this.resizeToContentCheck(!0),this._ignoreLayoutsNodeChange=!0,this._triggerChangeEvent(),delete this._ignoreLayoutsNodeChange,this):this}getColumn(){return this.opts.column}getGridItems(){return Array.from(this.el.children).filter(e=>e.matches("."+this.opts.itemClass)&&!e.matches("."+this.opts.placeholderClass))}isIgnoreChangeCB(){return this._ignoreLayoutsNodeChange}destroy(e=!0){if(this.el)return this.offAll(),this._updateResizeEvent(!0),this.setStatic(!0,!1),this.setAnimation(!1),e?this.el.parentNode.removeChild(this.el):(this.removeAll(e),this.el.classList.remove(this._styleSheetClass),this.el.removeAttribute("gs-current-row")),this._removeStylesheet(),delete this.parentGridNode?.subGrid,delete this.parentGridNode,delete this.opts,delete this._placeholder?.gridstackNode,delete this._placeholder,delete this.engine,delete this.el.gridstack,delete this.el,this}float(e){return this.opts.float!==e&&(this.opts.float=this.engine.float=e,this._triggerChangeEvent()),this}getFloat(){return this.engine.float}getCellFromPixel(e,t=!1){const i=this.el.getBoundingClientRect();let r;t?r={top:i.top+document.documentElement.scrollTop,left:i.left}:r={top:this.el.offsetTop,left:this.el.offsetLeft};const s=e.left-r.left,a=e.top-r.top,l=i.width/this.getColumn(),d=i.height/parseInt(this.el.getAttribute("gs-current-row"));return{x:Math.floor(s/l),y:Math.floor(a/d)}}getRow(){return Math.max(this.engine.getRow(),this.opts.minRow)}isAreaEmpty(e,t,i,r){return this.engine.isAreaEmpty(e,t,i,r)}makeWidget(e,t){const i=M.getElement(e);if(!i)return;i.parentElement||this.el.appendChild(i),this._prepareElement(i,!0,t);const r=i.gridstackNode;this._updateContainerHeight(),r.subGridOpts&&this.makeSubGrid(i,r.subGridOpts,void 0,!1);let s;return this.opts.column===1&&!this._ignoreLayoutsNodeChange&&(s=this._ignoreLayoutsNodeChange=!0),this._triggerAddEvent(),this._triggerChangeEvent(),s&&delete this._ignoreLayoutsNodeChange,i}on(e,t){return e.indexOf(" ")!==-1?(e.split(" ").forEach(r=>this.on(r,t)),this):(e==="change"||e==="added"||e==="removed"||e==="enable"||e==="disable"?(e==="enable"||e==="disable"?this._gsEventHandler[e]=r=>t(r):this._gsEventHandler[e]=r=>{r.detail&&t(r,r.detail)},this.el.addEventListener(e,this._gsEventHandler[e])):e==="drag"||e==="dragstart"||e==="dragstop"||e==="resizestart"||e==="resize"||e==="resizestop"||e==="dropped"||e==="resizecontent"?this._gsEventHandler[e]=t:console.error("GridStack.on("+e+") event not supported"),this)}off(e){return e.indexOf(" ")!==-1?(e.split(" ").forEach(i=>this.off(i)),this):((e==="change"||e==="added"||e==="removed"||e==="enable"||e==="disable")&&this._gsEventHandler[e]&&this.el.removeEventListener(e,this._gsEventHandler[e]),delete this._gsEventHandler[e],this)}offAll(){return Object.keys(this._gsEventHandler).forEach(e=>this.off(e)),this}removeWidget(e,t=!0,i=!0){return e?(M.getElements(e).forEach(r=>{if(r.parentElement&&r.parentElement!==this.el)return;let s=r.gridstackNode;s||(s=this.engine.nodes.find(a=>r===a.el)),s&&(t&&M.addRemoveCB&&M.addRemoveCB(this.el,s,!1,!1),delete r.gridstackNode,this._removeDD(r),this.engine.removeNode(s,t,i),t&&r.parentElement&&r.remove())}),i&&(this._triggerRemoveEvent(),this._triggerChangeEvent()),this):(console.error("Error: GridStack.removeWidget(undefined) called"),this)}removeAll(e=!0,t=!0){return this.engine.nodes.forEach(i=>{e&&M.addRemoveCB&&M.addRemoveCB(this.el,i,!1,!1),delete i.el.gridstackNode,this.opts.staticGrid||this._removeDD(i.el)}),this.engine.removeAll(e,t),t&&this._triggerRemoveEvent(),this}setAnimation(e=this.opts.animate,t){return t?setTimeout(()=>{this.opts&&this.setAnimation(e)}):e?this.el.classList.add("grid-stack-animate"):this.el.classList.remove("grid-stack-animate"),this}hasAnimationCSS(){return this.el.classList.contains("grid-stack-animate")}setStatic(e,t=!0,i=!0){return!!this.opts.staticGrid===e?this:(e?this.opts.staticGrid=!0:delete this.opts.staticGrid,this._setupRemoveDrop(),this._setupAcceptWidget(),this.engine.nodes.forEach(r=>{this.prepareDragDrop(r.el),r.subGrid&&i&&r.subGrid.setStatic(e,t,i)}),t&&this._setStaticClass(),this)}updateOptions(e){const t=this.opts;return e.acceptWidgets!==void 0&&this._setupAcceptWidget(),e.animate!==void 0&&this.setAnimation(),e.cellHeight&&(this.cellHeight(e.cellHeight,!0),delete e.cellHeight),e.class&&e.class!==t.class&&(t.class&&this.el.classList.remove(t.class),this.el.classList.add(e.class)),typeof e.column=="number"&&!e.columnOpts&&(this.column(e.column),delete e.column),e.margin!==void 0&&this.margin(e.margin),e.staticGrid!==void 0&&this.setStatic(e.staticGrid),e.disableDrag!==void 0&&!e.staticGrid&&this.enableMove(!e.disableDrag),e.disableResize!==void 0&&!e.staticGrid&&this.enableResize(!e.disableResize),e.float!==void 0&&this.float(e.float),e.row!==void 0&&(t.minRow=t.maxRow=e.row),e.children?.length&&(this.load(e.children),delete e.children),this.opts={...this.opts,...e},this}update(e,t){return M.getElements(e).forEach(i=>{const r=i?.gridstackNode;if(!r)return;const s={...g.copyPos({},r),...g.cloneDeep(t)};this.engine.nodeBoundFix(s),delete s.autoPosition;const a=["x","y","w","h"];let l;if(a.some(u=>s[u]!==void 0&&s[u]!==r[u])&&(l={},a.forEach(u=>{l[u]=s[u]!==void 0?s[u]:r[u],delete s[u]})),!l&&(s.minW||s.minH||s.maxW||s.maxH)&&(l={}),s.content!==void 0){const u=i.querySelector(".grid-stack-item-content");u&&u.textContent!==s.content&&(r.content=s.content,M.renderCB(u,s),r.subGrid?.el&&(u.appendChild(r.subGrid.el),r.subGrid.opts.styleInHead||r.subGrid._updateStyles(!0))),delete s.content}let d=!1,c=!1;for(const u in s)u[0]!=="_"&&r[u]!==s[u]&&(r[u]=s[u],d=!0,c=c||!this.opts.staticGrid&&(u==="noResize"||u==="noMove"||u==="locked"));if(g.sanitizeMinMax(r),l){const u=l.w!==void 0&&l.w!==r.w;this.moveNode(r,l),u&&r.subGrid?r.subGrid.onResize(this.hasAnimationCSS()?r.w:void 0):this.resizeToContentCheck(u,r),delete r._orig}(l||d)&&this._writeAttr(i,r),c&&this.prepareDragDrop(r.el)}),this}moveNode(e,t){const i=e._updating;i||this.engine.cleanNodes().beginUpdate(e),this.engine.moveNode(e,t),this._updateContainerHeight(),i||(this._triggerChangeEvent(),this.engine.endUpdate())}resizeToContent(e){if(!e||(e.classList.remove("size-to-content-max"),!e.clientHeight))return;const t=e.gridstackNode;if(!t)return;const i=t.grid;if(!i||e.parentElement!==i.el)return;const r=i.getCellHeight(!0);if(!r)return;let s=t.h?t.h*r:e.clientHeight,a;if(t.resizeToContentParent&&(a=e.querySelector(t.resizeToContentParent)),a||(a=e.querySelector(M.resizeToContentParent)),!a)return;const l=e.clientHeight-a.clientHeight,d=t.h?t.h*r-l:a.clientHeight;let c;if(t.subGrid){c=t.subGrid.getRow()*t.subGrid.getCellHeight(!0);const f=t.subGrid.el.getBoundingClientRect(),y=t.subGrid.el.parentElement.getBoundingClientRect();c+=f.top-y.top}else{if(t.subGridOpts?.children?.length)return;{const f=a.firstElementChild;if(!f){console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${M.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);return}c=f.getBoundingClientRect().height||d}}if(d===c)return;s+=c-d;let u=Math.ceil(s/r);const h=Number.isInteger(t.sizeToContent)?t.sizeToContent:0;h&&u>h&&(u=h,e.classList.add("size-to-content-max")),t.minH&&u<t.minH?u=t.minH:t.maxH&&u>t.maxH&&(u=t.maxH),u!==t.h&&(i._ignoreLayoutsNodeChange=!0,i.moveNode(t,{h:u}),delete i._ignoreLayoutsNodeChange)}resizeToContentCBCheck(e){M.resizeToContentCB?M.resizeToContentCB(e):this.resizeToContent(e)}rotate(e,t){return M.getElements(e).forEach(i=>{const r=i.gridstackNode;if(!g.canBeRotated(r))return;const s={w:r.h,h:r.w,minH:r.minW,minW:r.minH,maxH:r.maxW,maxW:r.maxH};if(t){const l=t.left>0?Math.floor(t.left/this.cellWidth()):0,d=t.top>0?Math.floor(t.top/this.opts.cellHeight):0;s.x=r.x+l-(r.h-(d+1)),s.y=r.y+d-l}Object.keys(s).forEach(l=>{s[l]===void 0&&delete s[l]});const a=r._orig;this.update(i,s),r._orig=a}),this}margin(e){if(!(typeof e=="string"&&e.split(" ").length>1)){const i=g.parseHeight(e);if(this.opts.marginUnit===i.unit&&this.opts.margin===i.h)return}return this.opts.margin=e,this.opts.marginTop=this.opts.marginBottom=this.opts.marginLeft=this.opts.marginRight=void 0,this._initMargin(),this._updateStyles(!0),this}getMargin(){return this.opts.margin}willItFit(e){if(arguments.length>1){console.warn("gridstack.ts: `willItFit(x,y,w,h,autoPosition)` is deprecated. Use `willItFit({x, y,...})`. It will be removed soon");const t=arguments;let i=0,r={x:t[i++],y:t[i++],w:t[i++],h:t[i++],autoPosition:t[i++]};return this.willItFit(r)}return this.engine.willItFit(e)}_triggerChangeEvent(){if(this.engine.batchMode)return this;const e=this.engine.getDirtyNodes(!0);return e&&e.length&&(this._ignoreLayoutsNodeChange||this.engine.layoutsNodesChange(e),this._triggerEvent("change",e)),this.engine.saveInitial(),this}_triggerAddEvent(){if(this.engine.batchMode)return this;if(this.engine.addedNodes?.length){this._ignoreLayoutsNodeChange||this.engine.layoutsNodesChange(this.engine.addedNodes),this.engine.addedNodes.forEach(t=>{delete t._dirty});const e=[...this.engine.addedNodes];this.engine.addedNodes=[],this._triggerEvent("added",e)}return this}_triggerRemoveEvent(){if(this.engine.batchMode)return this;if(this.engine.removedNodes?.length){const e=[...this.engine.removedNodes];this.engine.removedNodes=[],this._triggerEvent("removed",e)}return this}_triggerEvent(e,t){const i=t?new CustomEvent(e,{bubbles:!1,detail:t}):new Event(e);return this.el.dispatchEvent(i),this}_removeStylesheet(){if(this._styles){const e=this.opts.styleInHead?void 0:this.el.parentNode;g.removeStylesheet(this._styleSheetClass,e),delete this._styles}return this}_updateStyles(e=!1,t){if(e&&this._removeStylesheet(),t===void 0&&(t=this.getRow()),this._updateContainerHeight(),this.opts.cellHeight===0)return this;const i=this.opts.cellHeight,r=this.opts.cellHeightUnit,s=`.${this._styleSheetClass} > .${this.opts.itemClass}`;if(!this._styles){const a=this.opts.styleInHead?void 0:this.el.parentNode;if(this._styles=g.createStylesheet(this._styleSheetClass,a,{nonce:this.opts.nonce}),!this._styles)return this;this._styles._max=0,g.addCSSRule(this._styles,s,`height: ${i}${r}`);const l=this.opts.marginTop+this.opts.marginUnit,d=this.opts.marginBottom+this.opts.marginUnit,c=this.opts.marginRight+this.opts.marginUnit,u=this.opts.marginLeft+this.opts.marginUnit,h=`${s} > .grid-stack-item-content`,f=`.${this._styleSheetClass} > .grid-stack-placeholder > .placeholder-content`;g.addCSSRule(this._styles,h,`top: ${l}; right: ${c}; bottom: ${d}; left: ${u};`),g.addCSSRule(this._styles,f,`top: ${l}; right: ${c}; bottom: ${d}; left: ${u};`),g.addCSSRule(this._styles,`${s} > .ui-resizable-n`,`top: ${l};`),g.addCSSRule(this._styles,`${s} > .ui-resizable-s`,`bottom: ${d}`),g.addCSSRule(this._styles,`${s} > .ui-resizable-ne`,`right: ${c}; top: ${l}`),g.addCSSRule(this._styles,`${s} > .ui-resizable-e`,`right: ${c}`),g.addCSSRule(this._styles,`${s} > .ui-resizable-se`,`right: ${c}; bottom: ${d}`),g.addCSSRule(this._styles,`${s} > .ui-resizable-nw`,`left: ${u}; top: ${l}`),g.addCSSRule(this._styles,`${s} > .ui-resizable-w`,`left: ${u}`),g.addCSSRule(this._styles,`${s} > .ui-resizable-sw`,`left: ${u}; bottom: ${d}`)}if(t=t||this._styles._max,t>this._styles._max){const a=l=>i*l+r;for(let l=this._styles._max+1;l<=t;l++)g.addCSSRule(this._styles,`${s}[gs-y="${l}"]`,`top: ${a(l)}`),g.addCSSRule(this._styles,`${s}[gs-h="${l+1}"]`,`height: ${a(l+1)}`);this._styles._max=t}return this}_updateContainerHeight(){if(!this.engine||this.engine.batchMode)return this;const e=this.parentGridNode;let t=this.getRow()+this._extraDragRow;const i=this.opts.cellHeight,r=this.opts.cellHeightUnit;if(!i)return this;if(!e){const s=g.parseHeight(getComputedStyle(this.el).minHeight);if(s.h>0&&s.unit===r){const a=Math.floor(s.h/i);t<a&&(t=a)}}return this.el.setAttribute("gs-current-row",String(t)),this.el.style.removeProperty("min-height"),this.el.style.removeProperty("height"),t&&(this.el.style[e?"minHeight":"height"]=t*i+r),e&&!e.grid.engine.batchMode&&g.shouldSizeToContent(e)&&e.grid.resizeToContentCBCheck(e.el),this}_prepareElement(e,t=!1,i){i=i||this._readAttr(e),e.gridstackNode=i,i.el=e,i.grid=this,i=this.engine.addNode(i,t),this._writeAttr(e,i),e.classList.add(_e.itemClass,this.opts.itemClass);const r=g.shouldSizeToContent(i);return r?e.classList.add("size-to-content"):e.classList.remove("size-to-content"),r&&this.resizeToContentCheck(!1,i),g.lazyLoad(i)||this.prepareDragDrop(i.el),this}_writePosAttr(e,t){return t.x!==void 0&&t.x!==null&&e.setAttribute("gs-x",String(t.x)),t.y!==void 0&&t.y!==null&&e.setAttribute("gs-y",String(t.y)),t.w>1?e.setAttribute("gs-w",String(t.w)):e.removeAttribute("gs-w"),t.h>1?e.setAttribute("gs-h",String(t.h)):e.removeAttribute("gs-h"),this}_writeAttr(e,t){if(!t)return this;this._writePosAttr(e,t);const i={noResize:"gs-no-resize",noMove:"gs-no-move",locked:"gs-locked",id:"gs-id",sizeToContent:"gs-size-to-content"};for(const r in i)t[r]?e.setAttribute(i[r],String(t[r])):e.removeAttribute(i[r]);return this}_readAttr(e,t=!0){const i={};i.x=g.toNumber(e.getAttribute("gs-x")),i.y=g.toNumber(e.getAttribute("gs-y")),i.w=g.toNumber(e.getAttribute("gs-w")),i.h=g.toNumber(e.getAttribute("gs-h")),i.autoPosition=g.toBool(e.getAttribute("gs-auto-position")),i.noResize=g.toBool(e.getAttribute("gs-no-resize")),i.noMove=g.toBool(e.getAttribute("gs-no-move")),i.locked=g.toBool(e.getAttribute("gs-locked"));const r=e.getAttribute("gs-size-to-content");r&&(r==="true"||r==="false"?i.sizeToContent=g.toBool(r):i.sizeToContent=parseInt(r,10)),i.id=e.getAttribute("gs-id"),i.maxW=g.toNumber(e.getAttribute("gs-max-w")),i.minW=g.toNumber(e.getAttribute("gs-min-w")),i.maxH=g.toNumber(e.getAttribute("gs-max-h")),i.minH=g.toNumber(e.getAttribute("gs-min-h")),t&&(i.w===1&&e.removeAttribute("gs-w"),i.h===1&&e.removeAttribute("gs-h"),i.maxW&&e.removeAttribute("gs-max-w"),i.minW&&e.removeAttribute("gs-min-w"),i.maxH&&e.removeAttribute("gs-max-h"),i.minH&&e.removeAttribute("gs-min-h"));for(const s in i){if(!i.hasOwnProperty(s))return;!i[s]&&i[s]!==0&&s!=="gs-size-to-content"&&delete i[s]}return i}_setStaticClass(){const e=["grid-stack-static"];return this.opts.staticGrid?(this.el.classList.add(...e),this.el.setAttribute("gs-static","true")):(this.el.classList.remove(...e),this.el.removeAttribute("gs-static")),this}onResize(e=this.el?.clientWidth){if(!e||this.prevWidth===e)return;this.prevWidth=e,this.batchUpdate();let t=!1;return this._autoColumn&&this.parentGridNode?this.opts.column!==this.parentGridNode.w&&(this.column(this.parentGridNode.w,this.opts.layout||"list"),t=!0):t=this.checkDynamicColumn(),this._isAutoCellHeight&&this.cellHeight(),this.engine.nodes.forEach(i=>{i.subGrid&&i.subGrid.onResize()}),this._skipInitialResize||this.resizeToContentCheck(t),delete this._skipInitialResize,this.batchUpdate(!1),this}resizeToContentCheck(e=!1,t=void 0){if(this.engine){if(e&&this.hasAnimationCSS())return setTimeout(()=>this.resizeToContentCheck(!1,t),this.animationDelay);if(t)g.shouldSizeToContent(t)&&this.resizeToContentCBCheck(t.el);else if(this.engine.nodes.some(i=>g.shouldSizeToContent(i))){const i=[...this.engine.nodes];this.batchUpdate(),i.forEach(r=>{g.shouldSizeToContent(r)&&this.resizeToContentCBCheck(r.el)}),this.batchUpdate(!1)}this._gsEventHandler.resizecontent&&this._gsEventHandler.resizecontent(null,t?[t]:this.engine.nodes)}}_updateResizeEvent(e=!1){const t=!this.parentGridNode&&(this._isAutoCellHeight||this.opts.sizeToContent||this.opts.columnOpts||this.engine.nodes.find(i=>i.sizeToContent));return!e&&t&&!this.resizeObserver?(this._sizeThrottle=g.throttle(()=>this.onResize(),this.opts.cellHeightThrottle),this.resizeObserver=new ResizeObserver(()=>this._sizeThrottle()),this.resizeObserver.observe(this.el),this._skipInitialResize=!0):(e||!t)&&this.resizeObserver&&(this.resizeObserver.disconnect(),delete this.resizeObserver,delete this._sizeThrottle),this}static getElement(e=".grid-stack-item"){return g.getElement(e)}static getElements(e=".grid-stack-item"){return g.getElements(e)}static getGridElement(e){return M.getElement(e)}static getGridElements(e){return g.getElements(e)}_initMargin(){let e,t=0,i=[];return typeof this.opts.margin=="string"&&(i=this.opts.margin.split(" ")),i.length===2?(this.opts.marginTop=this.opts.marginBottom=i[0],this.opts.marginLeft=this.opts.marginRight=i[1]):i.length===4?(this.opts.marginTop=i[0],this.opts.marginRight=i[1],this.opts.marginBottom=i[2],this.opts.marginLeft=i[3]):(e=g.parseHeight(this.opts.margin),this.opts.marginUnit=e.unit,t=this.opts.margin=e.h),this.opts.marginTop===void 0?this.opts.marginTop=t:(e=g.parseHeight(this.opts.marginTop),this.opts.marginTop=e.h,delete this.opts.margin),this.opts.marginBottom===void 0?this.opts.marginBottom=t:(e=g.parseHeight(this.opts.marginBottom),this.opts.marginBottom=e.h,delete this.opts.margin),this.opts.marginRight===void 0?this.opts.marginRight=t:(e=g.parseHeight(this.opts.marginRight),this.opts.marginRight=e.h,delete this.opts.margin),this.opts.marginLeft===void 0?this.opts.marginLeft=t:(e=g.parseHeight(this.opts.marginLeft),this.opts.marginLeft=e.h,delete this.opts.margin),this.opts.marginUnit=e.unit,this.opts.marginTop===this.opts.marginBottom&&this.opts.marginLeft===this.opts.marginRight&&this.opts.marginTop===this.opts.marginRight&&(this.opts.margin=this.opts.marginTop),this}static getDD(){return pe}static setupDragIn(e,t,i,r=document){t?.pause!==void 0&&(z.pauseDrag=t.pause),t={appendTo:"body",helper:"clone",...t||{}},(typeof e=="string"?g.getElements(e,r):e).forEach((a,l)=>{pe.isDraggable(a)||pe.dragIn(a,t),i?.[l]&&(a.gridstackNode=i[l])})}movable(e,t){return this.opts.staticGrid?this:(M.getElements(e).forEach(i=>{const r=i.gridstackNode;r&&(t?delete r.noMove:r.noMove=!0,this.prepareDragDrop(r.el))}),this)}resizable(e,t){return this.opts.staticGrid?this:(M.getElements(e).forEach(i=>{const r=i.gridstackNode;r&&(t?delete r.noResize:r.noResize=!0,this.prepareDragDrop(r.el))}),this)}disable(e=!0){if(!this.opts.staticGrid)return this.enableMove(!1,e),this.enableResize(!1,e),this._triggerEvent("disable"),this}enable(e=!0){if(!this.opts.staticGrid)return this.enableMove(!0,e),this.enableResize(!0,e),this._triggerEvent("enable"),this}enableMove(e,t=!0){return this.opts.staticGrid?this:(e?delete this.opts.disableDrag:this.opts.disableDrag=!0,this.engine.nodes.forEach(i=>{this.prepareDragDrop(i.el),i.subGrid&&t&&i.subGrid.enableMove(e,t)}),this)}enableResize(e,t=!0){return this.opts.staticGrid?this:(e?delete this.opts.disableResize:this.opts.disableResize=!0,this.engine.nodes.forEach(i=>{this.prepareDragDrop(i.el),i.subGrid&&t&&i.subGrid.enableResize(e,t)}),this)}cancelDrag(){const e=this._placeholder?.gridstackNode;e&&(e._isExternal?(e._isAboutToRemove=!0,this.engine.removeNode(e)):e._isAboutToRemove&&M._itemRemoving(e.el,!1),this.engine.restoreInitial())}_removeDD(e){return pe.draggable(e,"destroy").resizable(e,"destroy"),e.gridstackNode&&delete e.gridstackNode._initDD,delete e.ddElement,this}_setupAcceptWidget(){if(this.opts.staticGrid||!this.opts.acceptWidgets&&!this.opts.removable)return pe.droppable(this.el,"destroy"),this;let e,t;const i=(r,s,a)=>{a=a||s;const l=a.gridstackNode;if(!l)return;if(!l.grid?.el){a.style.transform=`scale(${1/this.dragTransform.xScale},${1/this.dragTransform.yScale})`;const f=a.getBoundingClientRect();a.style.left=f.x+(this.dragTransform.xScale-1)*(r.clientX-f.x)/this.dragTransform.xScale+"px",a.style.top=f.y+(this.dragTransform.yScale-1)*(r.clientY-f.y)/this.dragTransform.yScale+"px",a.style.transformOrigin="0px 0px"}let{top:d,left:c}=a.getBoundingClientRect();const u=this.el.getBoundingClientRect();c-=u.left,d-=u.top;const h={position:{top:d*this.dragTransform.xScale,left:c*this.dragTransform.yScale}};if(l._temporaryRemoved){if(l.x=Math.max(0,Math.round(c/t)),l.y=Math.max(0,Math.round(d/e)),delete l.autoPosition,this.engine.nodeBoundFix(l),!this.engine.willItFit(l)){if(l.autoPosition=!0,!this.engine.willItFit(l)){pe.off(s,"drag");return}l._willFitPos&&(g.copyPos(l,l._willFitPos),delete l._willFitPos)}this._onStartMoving(a,r,h,l,t,e)}else this._dragOrResize(a,r,h,l,t,e)};return pe.droppable(this.el,{accept:r=>{const s=r.gridstackNode||this._readAttr(r,!1);if(s?.grid===this)return!0;if(!this.opts.acceptWidgets)return!1;let a=!0;if(typeof this.opts.acceptWidgets=="function")a=this.opts.acceptWidgets(r);else{const l=this.opts.acceptWidgets===!0?".grid-stack-item":this.opts.acceptWidgets;a=r.matches(l)}if(a&&s&&this.opts.maxRow){const l={w:s.w,h:s.h,minW:s.minW,minH:s.minH};a=this.engine.willItFit(l)}return a}}).on(this.el,"dropover",(r,s,a)=>{let l=a?.gridstackNode||s.gridstackNode;if(l?.grid===this&&!l._temporaryRemoved)return!1;if(l?._sidebarOrig&&(l.w=l._sidebarOrig.w,l.h=l._sidebarOrig.h),l?.grid&&l.grid!==this&&!l._temporaryRemoved&&l.grid._leave(s,a),a=a||s,t=this.cellWidth(),e=this.getCellHeight(!0),!l){const u=a.getAttribute("data-gs-widget")||a.getAttribute("gridstacknode");if(u){try{l=JSON.parse(u)}catch{console.error("Gridstack dropover: Bad JSON format: ",u)}a.removeAttribute("data-gs-widget"),a.removeAttribute("gridstacknode")}l||(l=this._readAttr(a)),l._sidebarOrig={w:l.w,h:l.h}}l.grid||(l.el||(l={...l}),l._isExternal=!0,a.gridstackNode=l);const d=l.w||Math.round(a.offsetWidth/t)||1,c=l.h||Math.round(a.offsetHeight/e)||1;return l.grid&&l.grid!==this?(s._gridstackNodeOrig||(s._gridstackNodeOrig=l),s.gridstackNode=l={...l,w:d,h:c,grid:this},delete l.x,delete l.y,this.engine.cleanupNode(l).nodeBoundFix(l),l._initDD=l._isExternal=l._temporaryRemoved=!0):(l.w=d,l.h=c,l._temporaryRemoved=!0),M._itemRemoving(l.el,!1),pe.on(s,"drag",i),i(r,s,a),!1}).on(this.el,"dropout",(r,s,a)=>{const l=a?.gridstackNode||s.gridstackNode;return l&&(!l.grid||l.grid===this)&&(this._leave(s,a),this._isTemp&&this.removeAsSubGrid(l)),!1}).on(this.el,"drop",(r,s,a)=>{const l=a?.gridstackNode||s.gridstackNode;if(l?.grid===this&&!l._isExternal)return!1;const d=!!this.placeholder.parentElement,c=s!==a;this.placeholder.remove(),delete this.placeholder.gridstackNode;const u=d&&this.opts.animate;u&&this.setAnimation(!1);const h=s._gridstackNodeOrig;if(delete s._gridstackNodeOrig,d&&h?.grid&&h.grid!==this){const y=h.grid;y.engine.removeNodeFromLayoutCache(h),y.engine.removedNodes.push(h),y._triggerRemoveEvent()._triggerChangeEvent(),y.parentGridNode&&!y.engine.nodes.length&&y.opts.subGridDynamic&&y.removeAsSubGrid()}if(!l||(d&&(this.engine.cleanupNode(l),l.grid=this),delete l.grid?._isTemp,pe.off(s,"drag"),a!==s?(a.remove(),s=a):s.remove(),this._removeDD(s),!d))return!1;const f=l.subGrid?.el?.gridstack;return g.copyPos(l,this._readAttr(this.placeholder)),g.removePositioningStyles(s),c&&(l.content||l.subGridOpts||M.addRemoveCB)?(delete l.el,s=this.addWidget(l)):(this._prepareElement(s,!0,l),this.el.appendChild(s),this.resizeToContentCheck(!1,l),f&&(f.parentGridNode=l,f.opts.styleInHead||f._updateStyles(!0)),this._updateContainerHeight()),this.engine.addedNodes.push(l),this._triggerAddEvent(),this._triggerChangeEvent(),this.engine.endUpdate(),this._gsEventHandler.dropped&&this._gsEventHandler.dropped({...r,type:"dropped"},h&&h.grid?h:void 0,l),u&&this.setAnimation(this.opts.animate,!0),!1}),this}static _itemRemoving(e,t){if(!e)return;const i=e?e.gridstackNode:void 0;!i?.grid||e.classList.contains(i.grid.opts.removableOptions.decline)||(t?i._isAboutToRemove=!0:delete i._isAboutToRemove,t?e.classList.add("grid-stack-item-removing"):e.classList.remove("grid-stack-item-removing"))}_setupRemoveDrop(){if(typeof this.opts.removable!="string")return this;const e=document.querySelector(this.opts.removable);return e?(!this.opts.staticGrid&&!pe.isDroppable(e)&&pe.droppable(e,this.opts.removableOptions).on(e,"dropover",(t,i)=>M._itemRemoving(i,!0)).on(e,"dropout",(t,i)=>M._itemRemoving(i,!1)),this):this}prepareDragDrop(e,t=!1){const i=e?.gridstackNode;if(!i)return;const r=i.noMove||this.opts.disableDrag,s=i.noResize||this.opts.disableResize,a=this.opts.staticGrid||r&&s;if((t||a)&&(i._initDD&&(this._removeDD(e),delete i._initDD),a&&e.classList.add("ui-draggable-disabled","ui-resizable-disabled"),!t))return this;if(!i._initDD){let l,d;const c=(f,y)=>{this._gsEventHandler[f.type]&&this._gsEventHandler[f.type](f,f.target),l=this.cellWidth(),d=this.getCellHeight(!0),this._onStartMoving(e,f,y,i,l,d)},u=(f,y)=>{this._dragOrResize(e,f,y,i,l,d)},h=f=>{this.placeholder.remove(),delete this.placeholder.gridstackNode,delete i._moving,delete i._event,delete i._lastTried;const y=i.w!==i._orig.w,w=f.target;if(!(!w.gridstackNode||w.gridstackNode.grid!==this)){if(i.el=w,i._isAboutToRemove){const x=e.gridstackNode.grid;x._gsEventHandler[f.type]&&x._gsEventHandler[f.type](f,w),x.engine.nodes.push(i),x.removeWidget(e,!0,!0)}else g.removePositioningStyles(w),i._temporaryRemoved?(g.copyPos(i,i._orig),this._writePosAttr(w,i),this.engine.addNode(i)):this._writePosAttr(w,i),this._gsEventHandler[f.type]&&this._gsEventHandler[f.type](f,w);this._extraDragRow=0,this._updateContainerHeight(),this._triggerChangeEvent(),this.engine.endUpdate(),f.type==="resizestop"&&(Number.isInteger(i.sizeToContent)&&(i.sizeToContent=i.h),this.resizeToContentCheck(y,i))}};pe.draggable(e,{start:c,stop:h,drag:u}).resizable(e,{start:c,stop:h,resize:u}),i._initDD=!0}return pe.draggable(e,r?"disable":"enable").resizable(e,s?"disable":"enable"),this}_onStartMoving(e,t,i,r,s,a){if(this.engine.cleanNodes().beginUpdate(r),this._writePosAttr(this.placeholder,r),this.el.appendChild(this.placeholder),this.placeholder.gridstackNode=r,r.grid?.el)this.dragTransform=g.getValuesFromTransformedElement(e);else if(this.placeholder&&this.placeholder.closest(".grid-stack")){const l=this.placeholder.closest(".grid-stack");this.dragTransform=g.getValuesFromTransformedElement(l)}else this.dragTransform={xScale:1,xOffset:0,yScale:1,yOffset:0};if(r.el=this.placeholder,r._lastUiPosition=i.position,r._prevYPix=i.position.top,r._moving=t.type==="dragstart",delete r._lastTried,t.type==="dropover"&&r._temporaryRemoved&&(this.engine.addNode(r),r._moving=!0),this.engine.cacheRects(s,a,this.opts.marginTop,this.opts.marginRight,this.opts.marginBottom,this.opts.marginLeft),t.type==="resizestart"){const l=this.getColumn()-r.x,d=(this.opts.maxRow||Number.MAX_SAFE_INTEGER)-r.y;pe.resizable(e,"option","minWidth",s*Math.min(r.minW||1,l)).resizable(e,"option","minHeight",a*Math.min(r.minH||1,d)).resizable(e,"option","maxWidth",s*Math.min(r.maxW||Number.MAX_SAFE_INTEGER,l)).resizable(e,"option","maxWidthMoveLeft",s*Math.min(r.maxW||Number.MAX_SAFE_INTEGER,r.x+r.w)).resizable(e,"option","maxHeight",a*Math.min(r.maxH||Number.MAX_SAFE_INTEGER,d)).resizable(e,"option","maxHeightMoveUp",a*Math.min(r.maxH||Number.MAX_SAFE_INTEGER,r.y+r.h))}}_dragOrResize(e,t,i,r,s,a){const l={...r._orig};let d,c=this.opts.marginLeft,u=this.opts.marginRight,h=this.opts.marginTop,f=this.opts.marginBottom;const y=Math.round(a*.1),w=Math.round(s*.1);if(c=Math.min(c,w),u=Math.min(u,w),h=Math.min(h,y),f=Math.min(f,y),t.type==="drag"){if(r._temporaryRemoved)return;const b=i.position.top-r._prevYPix;r._prevYPix=i.position.top,this.opts.draggable.scroll!==!1&&g.updateScrollPosition(e,i.position,b);const O=i.position.left+(i.position.left>r._lastUiPosition.left?-u:c),R=i.position.top+(i.position.top>r._lastUiPosition.top?-f:h);l.x=Math.round(O/s),l.y=Math.round(R/a);const k=this._extraDragRow;if(this.engine.collide(r,l)){const F=this.getRow();let S=Math.max(0,l.y+r.h-F);this.opts.maxRow&&F+S>this.opts.maxRow&&(S=Math.max(0,this.opts.maxRow-F)),this._extraDragRow=S}else this._extraDragRow=0;if(this._extraDragRow!==k&&this._updateContainerHeight(),r.x===l.x&&r.y===l.y)return}else if(t.type==="resize"){if(l.x<0||(g.updateScrollResize(t,e,a),l.w=Math.round((i.size.width-c)/s),l.h=Math.round((i.size.height-h)/a),r.w===l.w&&r.h===l.h)||r._lastTried&&r._lastTried.w===l.w&&r._lastTried.h===l.h)return;const b=i.position.left+c,O=i.position.top+h;l.x=Math.round(b/s),l.y=Math.round(O/a),d=!0}r._event=t,r._lastTried=l;const x={x:i.position.left+c,y:i.position.top+h,w:(i.size?i.size.width:r.w*s)-c-u,h:(i.size?i.size.height:r.h*a)-h-f};if(this.engine.moveNodeCheck(r,{...l,cellWidth:s,cellHeight:a,rect:x,resizing:d})){r._lastUiPosition=i.position,this.engine.cacheRects(s,a,h,u,f,c),delete r._skipDown,d&&r.subGrid&&r.subGrid.onResize(),this._extraDragRow=0,this._updateContainerHeight();const b=t.target;r._sidebarOrig||this._writePosAttr(b,r),this._gsEventHandler[t.type]&&this._gsEventHandler[t.type](t,b)}}_leave(e,t){t=t||e;const i=t.gridstackNode;if(!i||(t.style.transform=t.style.transformOrigin=null,pe.off(e,"drag"),i._temporaryRemoved))return;i._temporaryRemoved=!0,this.engine.removeNode(i),i.el=i._isExternal&&t?t:e;const r=i._sidebarOrig;i._isExternal&&this.engine.cleanupNode(i),i._sidebarOrig=r,this.opts.removable===!0&&M._itemRemoving(e,!0),e._gridstackNodeOrig?(e.gridstackNode=e._gridstackNodeOrig,delete e._gridstackNodeOrig):i._isExternal&&this.engine.restoreInitial()}commit(){return js(this,this.batchUpdate(!1),"commit","batchUpdate","5.2"),this}}M.renderCB=(n,e)=>{n&&e?.content&&(n.textContent=e.content)},M.resizeToContentParent=".grid-stack-item-content",M.Utils=g,M.Engine=Te,M.GDRev="11.5.1";const Zs=["data-id","data-testid","gs-h","gs-w","gs-x","gs-y"],Js={class:"grid-stack-item-content"},eo=De(o.defineComponent({__name:"DraggableGridLayout",props:{tiles:{},tileHeight:{default:Ge},columns:{default:ot}},emits:["update-tiles"],setup(n,{expose:e,emit:t}){const i=n,r=t,s=o.ref(null),a=o.ref(new Map(i.tiles.map(y=>[`${y.id}`,y])));let l=null;const d=y=>`[data-id="${y}"]`,c=y=>y.map(w=>{const x=a.value.get(`${w.el?.getAttribute("data-id")}`);if(x)return{...x,layout:{position:{col:Number(w.x),row:Number(w.y)},size:{cols:Number(w.w),rows:Number(w.h)}}}}).filter(w=>w!==void 0),u=(y,w)=>{l&&(c(w).forEach(b=>{a.value.set(`${b.id}`,b)}),r("update-tiles",Array.from(a.value.values())))},h=(y,w)=>{w.forEach(x=>{a.value.delete(`${x.el?.getAttribute("data-id")}`)}),r("update-tiles",Array.from(a.value.values()))};o.onMounted(()=>{s.value&&(l=M.init({margin:10,column:i.columns,cellHeight:i.tileHeight,resizable:{handles:"se, sw"},handle:".tile-header"},s.value),l.on("change",u),l.on("added",u),l.on("removed",h))}),o.onUnmounted(()=>{l&&l.destroy(!1)});const f=y=>{if(l&&s.value){const w=s.value.querySelector(d(y));w&&l.removeWidget(w)}};return o.watch(()=>i.tiles.length,async(y,w)=>{if(y>w&&l){const x=i.tiles.slice(w);for(const b of x)a.value.set(`${b.id}`,b),await o.nextTick(),l.makeWidget(d(b.id),{autoPosition:!0,w:b.layout.size.cols,h:b.layout.size.rows})}}),o.watchEffect(()=>{i.tiles.forEach(y=>{a.value.set(`${y.id}`,y)})}),e({removeWidget:f}),(y,w)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"gridContainer",ref:s,class:"grid-stack"},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.tiles,x=>(o.openBlock(),o.createElementBlock("div",{key:x.id,class:"grid-stack-item","data-id":`${x.id}`,"data-testid":`grid-stack-item-${x.id}`,"gs-h":x.layout.size.rows,"gs-lazy-load":!0,"gs-w":x.layout.size.cols,"gs-x":x.layout.position.col,"gs-y":x.layout.position.row},[o.createElementVNode("div",Js,[o.renderSlot(y.$slots,"tile",{tile:x},void 0,!0)])],8,Zs))),128))],512))}}),[["__scopeId","data-v-1fdec94c"]]),to=n=>{const e={position:{col:0,row:0},size:n.layout.size};if(n.type==="slottable")return{id:crypto.randomUUID(),type:"slottable",layout:e};const t=n.meta,i={...t,chart:{...t.chart}};return"chart_title"in i.chart&&(i.chart.chart_title=i.chart.chart_title?`Copy of ${i.chart.chart_title}`:""),{id:crypto.randomUUID(),type:"chart",definition:i,layout:e}},io={key:0,class:"fullscreen-header"},no={key:0,class:"tile-container slottable-tile"},ro=De(o.defineComponent({__name:"DashboardRenderer",props:o.mergeModels({context:{},preview:{type:Boolean,default:!1}},{modelValue:{required:!0},modelModifiers:{}}),emits:o.mergeModels(["edit-tile","tile-time-range-zoom","tiles-loaded"],["update:modelValue"]),setup(n,{expose:e,emit:t}){o.useCssVars(E=>({v916e2ce4:u.value}));const i=t,r=o.useModel(n,"modelValue"),{i18n:s}=me.useI18n(),a=o.ref(0),l=o.ref(null),d=o.ref(),c=o.ref(),u=o.ref("scale(1)"),h=new Set,f=o.inject(Ce);f||(console.warn("Analytics dashboards require a query bridge supplied via provide / inject."),console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"),console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements")),me.useRequestQueue();const{exportPdf:y,exportState:w}=me.useExportPdf(c),x=E=>{h.add(E.id);const v=R.value.filter(Y=>!F(Y)).length;h.size>=v&&i("tiles-loaded",!0)},b=o.computed(()=>{const v=`renderer.trendRange.${A.value.type==="absolute"?"custom":A.value.time_range}`;return s.te(v)?s.t(v):""}),O=(E,v)=>{const Y=E.layout.position.row-v.layout.position.row;return Y!==0?Y:E.layout.position.col-v.layout.position.col},R=o.computed(()=>r.value.tiles.map(E=>{if(de.value&&!E.id&&console.warn("No id provided for tile. One will be generated automatically,","however tracking changes to this tile may not work as expected.",E),E.type==="slottable")return{layout:E.layout,type:E.type,id:E.id??crypto.randomUUID()};let v=E.definition;const Y=E.type??"chart",q=ns(v,b.value);return q!==v.header_description&&(v={...v,header_description:q}),{layout:E.layout,meta:v,type:Y,id:E.id??crypto.randomUUID()}})),k=E=>{i("edit-tile",E)},F=E=>E.type==="slottable"?!0:E.meta?.chart.type==="slottable",S=E=>E.type==="slottable",G=E=>{if(E.type==="slottable")return E.id;const v=E.meta?.chart;return v&&S(v)?v.id:void 0},B=E=>{try{const v=to(E);r.value.tiles.push(JSON.parse(JSON.stringify(v)))}catch(v){console.warn(v)}},p=E=>{l.value&&l.value.removeWidget(E.id),h.delete(E.id)},m=()=>{h.clear(),a.value++},_=E=>{const v=E.map(Y=>Y.type==="slottable"?{id:Y.id,type:Y.type,layout:Y.layout}:{id:Y.id,type:Y.type,layout:Y.layout,definition:Y.meta});r.value.tiles=v.sort(O)},C=async()=>{if(u.value="scale(1)",await o.nextTick(),c.value){const{availWidth:E,availHeight:v}=window.screen,{width:Y,height:q}=c.value.getBoundingClientRect(),H=Math.min(v/q,E/Y);u.value=`scale(${H})`}},T=()=>{d.value&&(document.fullscreenElement?document.exitFullscreen():d.value.requestFullscreen())},N=o.ref(!1),ee=()=>{N.value=document.fullscreenElement!==null,N.value&&C()},ue=o.computed(()=>r.value.preset_filters??[]),{editable:de,enrichedContext:Q,queryReady:ne,showTileActions:L,showTileZoomActions:J,timeSpec:A}=me.useDashboardContext({globalFilters:ue,context:o.computed(()=>n.context),isFullscreen:N,preview:o.computed(()=>n.preview)});return e({refresh:m,toggleFullscreen:T,exportPdf:y,pdfExportState:w}),(E,v)=>{const Y=o.resolveComponent("KAlert");return o.openBlock(),o.createElementBlock("div",{ref_key:"dashboardContainer",ref:d,class:o.normalizeClass(["kong-ui-public-dashboard-renderer",{"is-fullscreen":N.value}]),onFullscreenchange:ee},[o.createElementVNode("div",{ref_key:"layoutContainer",ref:c,class:"layout"},[o.unref(f)&&N.value?(o.openBlock(),o.createElementBlock("div",io,[o.renderSlot(E.$slots,"fullscreenHeader",{},void 0,!0)])):o.createCommentVNode("",!0),o.unref(f)?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(o.unref(de)&&!N.value?eo:$i),{key:2,ref_key:"gridLayoutRef",ref:l,columns:r.value.columns,"tile-height":r.value.tile_height,tiles:R.value,onUpdateTiles:_},{tile:o.withCtx(({tile:q})=>[F(q)?(o.openBlock(),o.createElementBlock("div",no,[o.renderSlot(E.$slots,G(q),{},void 0,!0)])):(o.openBlock(),o.createBlock(Fi,{key:N.value?`${q.id}-tile`:`${q.id}-tile-fullscreen`,"refresh-counter":a.value,"onUpdate:refreshCounter":v[0]||(v[0]=H=>a.value=H),class:"tile-container",context:o.unref(Q),definition:q.meta,height:q.layout.size.rows*(r.value.tile_height||o.unref(Ge))+parseInt(o.unref(hi),10),"hide-actions":!o.unref(L),"hide-zoom-actions":!o.unref(J),"is-fullscreen":N.value,"query-ready":o.unref(ne),"tile-id":q.id,"tile-type":q.type,onDuplicateTile:H=>B(q),onEditTile:H=>k(q),onRemoveTile:H=>p(q),onTileLoaded:H=>x(q),onTileTimeRangeZoom:v[1]||(v[1]=H=>i("tile-time-range-zoom",H))},null,8,["refresh-counter","context","definition","height","hide-actions","hide-zoom-actions","is-fullscreen","query-ready","tile-id","tile-type","onDuplicateTile","onEditTile","onRemoveTile","onTileLoaded"]))]),_:3},40,["columns","tile-height","tiles"])):(o.openBlock(),o.createBlock(Y,{key:1,appearance:"danger"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(s).t("renderer.noQueryBridge")),1)]),_:1}))],512)],34)}}}),[["__scopeId","data-v-7c9b10b4"]]),so=o.defineComponent({__name:"DashboardTilePreview",props:{context:{},definition:{},globalFilters:{default:()=>[]},preview:{type:Boolean,default:!1}},emits:["chart-data","tile-time-range-zoom","tile-bounds-change"],setup(n,{expose:e,emit:t}){const i=o.useTemplateRef("root"),r=o.useTemplateRef("dashboard-tile"),s=crypto.randomUUID(),a=t,l=k=>{a("tile-time-range-zoom",k)},d=k=>{a("chart-data",k)},c=k=>{a("tile-bounds-change",k)},{i18n:u}=me.useI18n(),{enrichedContext:h,queryReady:f}=me.useDashboardContext({globalFilters:o.toRef(()=>n.globalFilters),context:o.toRef(()=>n.context),preview:o.computed(()=>n.preview)}),y=o.computed(()=>Re(n.definition)),w=o.computed(()=>y.value?"columns"in n.definition.query&&!n.definition.query.columns?.length:!("metrics"in n.definition.query)||!n.definition.query.metrics||n.definition.query.metrics.length===0),x=o.ref(Ge);let b;o.onMounted(()=>{const k=i.value?.parentElement;k&&(x.value=k.getBoundingClientRect().height,b=new ResizeObserver(([F])=>{const{height:S}=F.contentRect;x.value=S}),b.observe(k))}),o.onUnmounted(()=>b?.disconnect());const O=o.ref(0);return e({refresh:()=>{O.value++},getExportData:()=>r.value?.getExportData()}),(k,F)=>{const S=o.resolveComponent("KEmptyState");return o.openBlock(),o.createElementBlock("div",{ref_key:"root",ref:i,"data-testid":"dashboard-tile-preview-root"},[w.value?(o.openBlock(),o.createBlock(S,{key:0,"action-button-visible":!1,"data-testid":"chart-not-configured-empty-state"},{title:o.withCtx(()=>[o.createElementVNode("p",null,o.toDisplayString(o.unref(u).t("renderer.not_configured.title")),1)]),default:o.withCtx(()=>[o.createElementVNode("p",null,o.toDisplayString(o.unref(u).t("renderer.not_configured.description")),1)]),_:1})):(o.openBlock(),o.createBlock(Fi,{key:1,ref:"dashboard-tile","refresh-counter":O.value,"onUpdate:refreshCounter":F[0]||(F[0]=G=>O.value=G),context:{...o.unref(h),editable:!1},definition:n.definition,height:x.value,"hide-actions":"","query-ready":o.unref(f),"show-refresh":"","tile-id":o.unref(s),onChartData:d,onTileBoundsChange:c,onTileTimeRangeZoom:l},null,8,["refresh-counter","context","definition","height","query-ready","tile-id"]))],512)}}}),oo=n=>{if(n.type!=="chart")return n;const e=n.definition?.query;if(!e)return n;if(e.datasource==="api_usage"){console.warn("[@kong-ui-public/dashboard-renderer] A tile was filtered out for the Basic Tier",n);return}return n},ao=n=>{if(n.type!=="chart"||Re(n.definition))return n;const e=n.definition?.query;if(!e)return n;const t={...e,datasource:e.datasource==="basic"?"api_usage":e.datasource};return{...n,definition:{...n.definition,query:t}}},lo=(n,e=ot)=>{if(!n.length)return[];let t=0,i=0,r=0;const s=[];for(const a of n){const l=a.layout?.size?.cols??1,d=a.layout?.size?.rows??1;i+l>e&&(t+=r,i=0,r=0);const c={...a,layout:{...a.layout,position:{...a.layout?.position??{},col:i,row:t}}};s.push(c),i+=l,r=Math.max(r,d)}return s},co=(n,e)=>{if(e){const r=n.tiles.map(ao);return{...n,tiles:r}}const t=n.tiles.map(oo).filter(r=>r!==void 0),i=lo(t,n.columns);return{...n,tiles:i}},uo=Object.freeze(Object.defineProperty({__proto__:null,default:o.defineComponent({__name:"GeoMapRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{},refreshCounter:{},activeMetric:{},headerDescription:{},requestsLink:{},exploreLink:{}},emits:["bounds-change"],setup(n,{emit:e}){const t=n,i=o.ref(void 0),r=o.computed(()=>i.value?Lt.exploreResultToCountryMetrics(i.value):{}),s=o.computed(()=>i.value?i.value?.meta.metric_names&&i.value.meta.metric_names[0]:""),a=o.computed(()=>t.query.limit!==void 0&&t.query.limit>0?t.query.limit:oe.COUNTRIES.length),l=o.computed(()=>{if(!t.query.filters?.find(({field:y,operator:w})=>y==="country_code"&&(w==="not_empty"||w==="empty"||w==="in"))){const y={field:"country_code",operator:"not_empty"};return{...t.query,filters:[...t.query.filters||[],y]}}return t.query}),d=o.computed(()=>{if(!i.value)return"";const f=i?.value?.meta.metric_units,y=i?.value?.meta?.metric_names;return f&&y&&f[y[0]]}),c=f=>{i.value=f},u=e,h=f=>{u("bounds-change",f)};return(f,y)=>(o.openBlock(),o.createBlock(Qe,{context:n.context,"limit-override":a.value,query:l.value,"query-ready":n.queryReady,"refresh-counter":n.refreshCounter,onChartData:c},{default:o.withCtx(()=>[o.createVNode(o.unref(Lt.AnalyticsGeoMap),{bounds:n.chartOptions.bounds,"country-metrics":r.value,"fit-to-country":n.chartOptions.fit_to_country,metric:s.value,"metric-unit":d.value,"with-legend":n.chartOptions.legend||!1,onBoundsChange:h},null,8,["bounds","country-metrics","fit-to-country","metric","metric-unit","with-legend"])]),_:1},8,["context","limit-override","query","query-ready","refresh-counter"]))}})},Symbol.toStringTag,{value:"Module"}));j.CP_ID_TOKEN=yi,j.CsvExportModal=Mi,j.DASHBOARD_COLS=ot,j.DEFAULT_TILE_HEIGHT=Ge,j.DEFAULT_TILE_REFRESH_INTERVAL_MS=wi,j.DashboardRenderer=ro,j.DashboardTilePreview=so,j.ENTITY_ID_TOKEN=Et,j.FULLSCREEN_LONG_REFRESH_INTERVAL_MS=vi,j.FULLSCREEN_SHORT_REFRESH_INTERVAL_MS=bi,j.GridLayout=$i,j.INJECT_QUERY_PROVIDER=Ce,j.TIMEFRAME_TOKEN=_i,j.configureAllowedDefinition=co,j.isTimeRangeUnsupported=Tt,j.limitTimeRange=Si,Object.defineProperty(j,Symbol.toStringTag,{value:"Module"})}));
|