@peterbud/nuxt-query
Version:
Nuxt integration for Tanstack Query
2 lines (1 loc) • 33.7 kB
JavaScript
import{c as T,o as M,n as K,g as ye,j as xe,r as A,k as Me,l as re,m as Ie,p as Z,q as He,s as Ge,v as Xe,x as D,y as Ye,z as Ce,A as B,B as Te,C as ue,D as c,E as ie,F as Y,G as se,H as Ze,a,I as et,J as ke,K as j,L as ce,t as C,_ as Be,b as _,w as N,d as fe,M as me,N as tt,i as oe,O as ge,P as nt,Q as ne,R as at,S as it,T as $e,U as st,V as lt,W as Ee}from"./DNcbHZNN.js";import{_ as ot}from"./C9t7u9-2.js";const Pe={__name:"NIcon",props:{icon:{type:String,required:!1}},setup(e){return(i,l)=>(M(),T("div",{class:K(["n-icon",e.icon])},null,2))}},rt=ye({name:"NButton",props:{to:String,icon:String,border:{type:Boolean,default:!0},disabled:Boolean,type:{type:String,default:"button"}},setup(e,{attrs:i,slots:l}){return()=>xe(e.to?ot:"button",{to:e.to,...i,...!e.to&&{type:e.type},...e.disabled?{disabled:!0}:{tabindex:0},class:[e.border?"n-button-base active:n-button-active focus-visible:n-focus-base hover:n-button-hover":"",l.default?"":"n-icon-button","n-button n-transition n-disabled:n-disabled"].join(" ")},{default:()=>[A(l,"icon",{},()=>e.icon?[xe(Pe,{icon:e.icon,class:l.default?"n-button-icon":""})]:[]),A(l,"default")]})}});function ut(e){return He()?(Ge(e),!0):!1}const dt=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const ct=e=>typeof e<"u",pt=Object.prototype.toString,vt=e=>pt.call(e)==="[object Object]",ft=()=>{};function mt(...e){if(e.length!==1)return Xe(...e);const i=e[0];return typeof i=="function"?Ie(Ye(()=>({get:i,set:ft}))):D(i)}function gt(e,i){function l(...f){return new Promise((d,s)=>{Promise.resolve(e(()=>i.apply(this,f),{fn:i,thisArg:this,args:f})).then(d).catch(s)})}return l}const De=e=>e();function ht(e=De,i={}){const{initialState:l="active"}=i,f=mt(l==="active");function d(){f.value=!1}function s(){f.value=!0}const h=(...g)=>{f.value&&e(...g)};return{isActive:Ie(f),pause:d,resume:s,eventFilter:h}}function we(e){return Array.isArray(e)?e:[e]}function yt(e){return Ce()}function bt(e,i,l={}){const{eventFilter:f=De,...d}=l;return Z(e,gt(f,i),d)}function St(e,i,l={}){const{eventFilter:f,initialState:d="active",...s}=l,{eventFilter:h,pause:g,resume:y,isActive:k}=ht(f,{initialState:d});return{stop:bt(e,i,{...s,eventFilter:h}),pause:g,resume:y,isActive:k}}function zt(e,i=!0,l){yt()?Me(e,l):i?e():re(e)}function wt(e,i,l){return Z(e,i,{...l,immediate:!0})}const he=dt?window:void 0;function xt(e){var i;const l=ue(e);return(i=l?.$el)!=null?i:l}function Ne(...e){const i=[],l=()=>{i.forEach(g=>g()),i.length=0},f=(g,y,k,z)=>(g.addEventListener(y,k,z),()=>g.removeEventListener(y,k,z)),d=B(()=>{const g=we(ue(e[0])).filter(y=>y!=null);return g.every(y=>typeof y!="string")?g:void 0}),s=wt(()=>{var g,y;return[(y=(g=d.value)==null?void 0:g.map(k=>xt(k)))!=null?y:[he].filter(k=>k!=null),we(ue(d.value?e[1]:e[0])),we(c(d.value?e[2]:e[1])),ue(d.value?e[3]:e[2])]},([g,y,k,z])=>{if(l(),!g?.length||!y?.length||!k?.length)return;const P=vt(z)?{...z}:z;i.push(...g.flatMap(F=>y.flatMap(R=>k.map(Q=>f(F,R,Q,P)))))},{flush:"post"}),h=()=>{s(),l()};return ut(l),h}function kt(e){return JSON.parse(JSON.stringify(e))}const pe=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},ve="__vueuse_ssr_handlers__",Mt=Ct();function Ct(){return ve in pe||(pe[ve]=pe[ve]||{}),pe[ve]}function Pt(e,i){return Mt[e]||i}function _t(e){return e==null?"any":e instanceof Set?"set":e instanceof Map?"map":e instanceof Date?"date":typeof e=="boolean"?"boolean":typeof e=="string"?"string":typeof e=="object"?"object":Number.isNaN(e)?"any":"number"}const Rt={boolean:{read:e=>e==="true",write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}},Oe="vueuse-storage";function $t(e,i,l,f={}){var d;const{flush:s="pre",deep:h=!0,listenToStorageChanges:g=!0,writeDefaults:y=!0,mergeDefaults:k=!1,shallow:z,window:P=he,eventFilter:F,onError:R=S=>{console.error(S)},initOnMounted:Q}=f,q=(z?Te:D)(typeof i=="function"?i():i),b=B(()=>ue(e));if(!l)try{l=Pt("getDefaultStorage",()=>{var S;return(S=he)==null?void 0:S.localStorage})()}catch(S){R(S)}if(!l)return q;const O=ue(i),J=_t(O),$=(d=f.serializer)!=null?d:Rt[J],{pause:ee,resume:W}=St(q,()=>te(q.value),{flush:s,deep:h,eventFilter:F});Z(b,()=>U(),{flush:s});let o=!1;const n=S=>{Q&&!o||U(S)},x=S=>{Q&&!o||le(S)};P&&g&&(l instanceof Storage?Ne(P,"storage",n,{passive:!0}):Ne(P,Oe,x)),Q?zt(()=>{o=!0,U()}):U();function H(S,I){if(P){const E={key:b.value,oldValue:S,newValue:I,storageArea:l};P.dispatchEvent(l instanceof Storage?new StorageEvent("storage",E):new CustomEvent(Oe,{detail:E}))}}function te(S){try{const I=l.getItem(b.value);if(S==null)H(I,null),l.removeItem(b.value);else{const E=$.write(S);I!==E&&(l.setItem(b.value,E),H(I,E))}}catch(I){R(I)}}function X(S){const I=S?S.newValue:l.getItem(b.value);if(I==null)return y&&O!=null&&l.setItem(b.value,$.write(O)),O;if(!S&&k){const E=$.read(I);return typeof k=="function"?k(E,O):J==="object"&&!Array.isArray(E)?{...O,...E}:E}else return typeof I!="string"?I:$.read(I)}function U(S){if(!(S&&S.storageArea!==l)){if(S&&S.key==null){q.value=O;return}if(!(S&&S.key!==b.value)){ee();try{S?.newValue!==$.write(q.value)&&(q.value=X(S))}catch(I){R(I)}finally{S?re(W):W()}}}}function le(S){U(S.detail)}return q}function Et(e,i,l={}){const{window:f=he}=l;return $t(e,i,f?.localStorage,l)}function Ae(e,i,l,f={}){var d,s,h;const{clone:g=!1,passive:y=!1,eventName:k,deep:z=!1,defaultValue:P,shouldEmit:F}=f,R=Ce(),Q=l||R?.emit||((d=R?.$emit)==null?void 0:d.bind(R))||((h=(s=R?.proxy)==null?void 0:s.$emit)==null?void 0:h.bind(R?.proxy));let q=k;i||(i="modelValue"),q=q||`update:${i.toString()}`;const b=$=>g?typeof g=="function"?g($):kt($):$,O=()=>ct(e[i])?b(e[i]):P,J=$=>{F?F($)&&Q(q,$):Q(q,$)};if(y){const $=O(),ee=D($);let W=!1;return Z(()=>e[i],o=>{W||(W=!0,ee.value=b(o),re(()=>W=!1))}),Z(ee,o=>{!W&&(o!==e[i]||z)&&J(o)},{deep:z}),ee}else return B({get(){return O()},set($){J($)}})}const Nt={class:"n-text-input flex flex items-center border n-border-base rounded n-bg-base py-1 pl-1 pr-2 focus-within:border-context focus-within:n-focus-base"},Ot={__name:"NTextInput",props:{modelValue:{type:[String,Number],required:!1,default:""},icon:{type:String,required:!1},placeholder:{type:String,required:!1},disabled:{type:Boolean,required:!1},autofocus:{type:Boolean,required:!1},autocomplete:{type:String,required:!1},readonly:{type:Boolean,required:!1},type:{type:String,required:!1,default:"text"}},emits:["keydown","keyup","change"],setup(e,{emit:i}){const d=Ae(e,"modelValue",i,{passive:!0});return(s,h)=>{const g=Pe;return M(),T("div",Nt,[A(s.$slots,"icon",{},()=>[e.icon?(M(),Y(g,{key:0,icon:e.icon,class:"ml-0.3em mr-0.1em text-1.1em op50"},null,8,["icon"])):se("",!0)]),ie(a("input",et({"onUpdate:modelValue":h[0]||(h[0]=y=>ke(d)?d.value=y:null)},s.$props,{class:"ml-0.4em w-full flex-auto n-bg-base !outline-none"}),null,16),[[Ze,c(d)]])])}}},Lt={flex:"~ gap4 wrap","items-center":""},qt={__name:"NNavbar",props:{search:{type:String,required:!1},noPadding:{type:Boolean,required:!1}},emits:["update:search"],setup(e,{emit:i}){const l=i;function f(d){l("update:search",d.target.value)}return(d,s)=>{const h=Ot;return M(),T("div",{flex:"~ col gap2 wrap",border:"b base","n-navbar-glass":"","flex-1":"",class:K([{p4:!e.noPadding}])},[a("div",Lt,[A(d.$slots,"search",{},()=>[e.search!==void 0?(M(),Y(h,{key:0,placeholder:"Search...",icon:"carbon-search",n:"primary","flex-auto":"",class:K({"px-3 py-2":!e.noPadding}),value:e.search,onInput:f},null,8,["class","value"])):se("",!0)]),A(d.$slots,"actions")]),A(d.$slots,"default")],2)}}};function It(e){return e.state.fetchStatus==="fetching"?"fetching":e.observers.length<1?"inactive":e.state.fetchStatus==="paused"?"paused":j(e)?.isStale()?"stale":"fresh"}function Qe(e){return e.state.fetchStatus==="fetching"?"blue":e.observers.length<1?"gray":e.state.fetchStatus==="paused"?"purple":j(e)?.isStale()?"orange":"green"}function Tt(e){const{status:i}=e.state;return e.state.isPaused?"Paused":i==="error"?"Error":i==="pending"?"Loading":i==="success"?"Success":"Idle"}function Ve(e){const{status:i}=e.state;return e.state.isPaused?"purple":i==="error"?"red":i==="pending"?"yellow":i==="success"?"green":"gray"}const Bt={class:"grid gap-2 px-2 text-secondary hover:n-bg-hover truncate max-w-full",style:{"grid-template-columns":"1em 1fr auto auto auto"}},Dt={class:"truncate"},At={class:"text-right"},Qt={class:"text-right"},Vt={class:"text-right"},Ft=ye({__name:"QueryListItem",props:{item:{},index:{}},setup(e){return(i,l)=>(M(),T("div",Bt,[a("div",{style:ce({width:"1em",height:"1em","border-radius":"10%","align-self":"center","background-color":("getQueryBackgroundColor"in i?i.getQueryBackgroundColor:c(Qe))(i.item)})},null,4),a("div",Dt,C(i.item.queryKey),1),a("div",At,[a("span",{class:K({"i-carbon-play-outline-filled text-green":i.item.state.fetchStatus==="fetching","i-carbon-pause-outline-filled text-gray":i.item.state.fetchStatus==="paused","i-carbon-navaid-helipad text-blue":i.item.state.fetchStatus==="idle"})},null,2)]),a("div",Qt,[a("span",{class:K({"i-carbon-checkmark-filled text-green":i.item.state.status==="success","i-carbon-error-filled text-red":i.item.state.status==="error","i-carbon-help-filled text-gray":i.item.state.status==="pending"})},null,2)]),a("div",Vt,[a("span",{class:K({"i-carbon-view-off-filled text-gray":i.item.observers.length===0,"i-carbon-view-filled text-blue":i.item.observers.length!==0})},null,2)])]))}}),Ut=Object.assign(Ft,{__name:"QueryListItem"}),jt={flex:"~ gap-3","items-center":""},Kt={__name:"NIconTitle",props:{icon:{type:String,required:!1},text:{type:String,required:!1}},setup(e){return(i,l)=>(M(),T("div",jt,[e.icon?(M(),T("div",{key:0,class:K(e.icon)},null,2)):se("",!0),A(i.$slots,"default",{},()=>[a("div",null,C(e.text),1)])]))}},Jt=["open"],Wt={"text-base":""},Ht={key:0,"text-sm":"",op50:""},Gt={__name:"NSectionBlock",props:{icon:{type:String,required:!1},text:{type:String,required:!1},description:{type:String,required:!1},containerClass:{type:String,required:!1,default:""},headerClass:{type:String,required:!1},collapse:{type:Boolean,required:!1,default:!0},open:{type:Boolean,required:!1,default:!0},padding:{type:[Boolean,String],required:!1,default:!0}},setup(e){const l=Ae(e,"open",void 0,{passive:!0});function f(d){l.value=d.target.open}return(d,s)=>{const h=Pe,g=Kt;return M(),T(me,null,[a("details",{open:c(l),onToggle:f},[a("summary",{class:K(["cursor-pointer select-none p4 hover:bg-active",e.collapse?"":"pointer-events-none"])},[_(g,{icon:e.icon,text:e.text,"text-xl":"",transition:"",class:K([c(l)?"op100":"op60",e.headerClass])},{default:N(()=>[a("div",null,[a("div",Wt,[A(d.$slots,"text",{},()=>[fe(C(e.text),1)],!0)]),e.description||d.$slots.description?(M(),T("div",Ht,[A(d.$slots,"description",{},()=>[fe(C(e.description),1)],!0)])):se("",!0)]),s[0]||(s[0]=a("div",{class:"flex-auto"},null,-1)),A(d.$slots,"actions",{},void 0,!0),e.collapse?(M(),Y(h,{key:0,icon:"carbon-chevron-down",class:"chevron","cursor-pointer":"","place-self-start":"","text-base":"",op75:"",transition:"","duration-500":""})):se("",!0)]),_:3,__:[0]},8,["icon","text","class"])],2),s._lazyshow1||c(l)?(s._lazyshow1=!0,M(),T(me,null,[ie(a("div",{class:K(["flex flex-col flex-gap2 pb6 pt2",typeof e.padding=="string"?e.padding:e.padding?"px4":""])},[A(d.$slots,"details",{},void 0,!0),a("div",{class:K([e.containerClass,"mt1"])},[A(d.$slots,"default",{},void 0,!0)],2),A(d.$slots,"footer",{},void 0,!0)],2),[[tt,c(l)]])],64)):se("v-show-if",!0)],40,Jt),s[1]||(s[1]=a("div",{class:"x-divider"},null,-1))],64)}}},Xt=Be(Gt,[["__scopeId","data-v-44bd0fe9"]]),Yt={},Zt={class:"n-panel-grids-center"};function en(e,i){return M(),T("div",Zt,[A(e.$slots,"default")])}const tn=Object.assign(Be(Yt,[["render",en]]),{__name:"NPanelGrids"}),nn={__name:"splitpanes",props:{horizontal:{type:Boolean},pushOtherPanes:{type:Boolean,default:!0},dblClickSplitter:{type:Boolean,default:!0},rtl:{type:Boolean,default:!1},firstSplitter:{type:Boolean}},emits:["ready","resize","resized","pane-click","pane-maximize","pane-add","pane-remove","splitter-click"],setup(e,{emit:i}){const l=i,f=e,d=nt(),s=D([]),h=B(()=>s.value.reduce((t,u)=>(t[~~u.id]=u)&&t,{})),g=B(()=>s.value.length),y=D(null),k=D(!1),z=D({mouseDown:!1,dragging:!1,activeSplitter:null,cursorOffset:0}),P=D({splitter:null,timeoutId:null}),F=B(()=>({[`splitpanes splitpanes--${f.horizontal?"horizontal":"vertical"}`]:!0,"splitpanes--dragging":z.value.dragging})),R=()=>{document.addEventListener("mousemove",b,{passive:!1}),document.addEventListener("mouseup",O),"ontouchstart"in window&&(document.addEventListener("touchmove",b,{passive:!1}),document.addEventListener("touchend",O))},Q=()=>{document.removeEventListener("mousemove",b,{passive:!1}),document.removeEventListener("mouseup",O),"ontouchstart"in window&&(document.removeEventListener("touchmove",b,{passive:!1}),document.removeEventListener("touchend",O))},q=(t,u)=>{const p=t.target.closest(".splitpanes__splitter");if(p){const{left:r,top:v}=p.getBoundingClientRect(),{clientX:m,clientY:w}="ontouchstart"in window&&t.touches?t.touches[0]:t;z.value.cursorOffset=f.horizontal?w-v:m-r}R(),z.value.mouseDown=!0,z.value.activeSplitter=u},b=t=>{z.value.mouseDown&&(t.preventDefault(),z.value.dragging=!0,requestAnimationFrame(()=>{n(W(t)),l("resize",s.value.map(u=>({min:u.min,max:u.max,size:u.size})))}))},O=()=>{z.value.dragging&&l("resized",s.value.map(t=>({min:t.min,max:t.max,size:t.size}))),z.value.mouseDown=!1,setTimeout(()=>{z.value.dragging=!1,Q()},100)},J=(t,u)=>{"ontouchstart"in window&&(t.preventDefault(),f.dblClickSplitter&&(P.value.splitter===u?(clearTimeout(P.value.timeoutId),P.value.timeoutId=null,$(t,u),P.value.splitter=null):(P.value.splitter=u,P.value.timeoutId=setTimeout(()=>P.value.splitter=null,500)))),z.value.dragging||l("splitter-click",s.value[u])},$=(t,u)=>{let p=0;s.value=s.value.map((r,v)=>(r.size=v===u?r.max:r.min,v!==u&&(p+=r.min),r)),s.value[u].size-=p,l("pane-maximize",s.value[u]),l("resized",s.value.map(r=>({min:r.min,max:r.max,size:r.size})))},ee=(t,u)=>{l("pane-click",h.value[u])},W=t=>{const u=y.value.getBoundingClientRect(),{clientX:p,clientY:r}="ontouchstart"in window&&t.touches?t.touches[0]:t;return{x:p-(f.horizontal?0:z.value.cursorOffset)-u.left,y:r-(f.horizontal?z.value.cursorOffset:0)-u.top}},o=t=>{t=t[f.horizontal?"y":"x"];const u=y.value[f.horizontal?"clientHeight":"clientWidth"];return f.rtl&&!f.horizontal&&(t=u-t),t*100/u},n=t=>{const u=z.value.activeSplitter;let p={prevPanesSize:H(u),nextPanesSize:te(u),prevReachedMinPanes:0,nextReachedMinPanes:0};const r=0+(f.pushOtherPanes?0:p.prevPanesSize),v=100-(f.pushOtherPanes?0:p.nextPanesSize),m=Math.max(Math.min(o(t),v),r);let w=[u,u+1],V=s.value[w[0]]||null,G=s.value[w[1]]||null;const _e=V.max<100&&m>=V.max+p.prevPanesSize,We=G.max<100&&m<=100-(G.max+te(u+1));if(_e||We){_e?(V.size=V.max,G.size=Math.max(100-V.max-p.prevPanesSize-p.nextPanesSize,0)):(V.size=Math.max(100-G.max-p.prevPanesSize-te(u+1),0),G.size=G.max);return}if(f.pushOtherPanes){const Re=x(p,m);if(!Re)return;({sums:p,panesToResize:w}=Re),V=s.value[w[0]]||null,G=s.value[w[1]]||null}V!==null&&(V.size=Math.min(Math.max(m-p.prevPanesSize-p.prevReachedMinPanes,V.min),V.max)),G!==null&&(G.size=Math.min(Math.max(100-m-p.nextPanesSize-p.nextReachedMinPanes,G.min),G.max))},x=(t,u)=>{const p=z.value.activeSplitter,r=[p,p+1];return u<t.prevPanesSize+s.value[r[0]].min&&(r[0]=X(p).index,t.prevReachedMinPanes=0,r[0]<p&&s.value.forEach((v,m)=>{m>r[0]&&m<=p&&(v.size=v.min,t.prevReachedMinPanes+=v.min)}),t.prevPanesSize=H(r[0]),r[0]===void 0)?(t.prevReachedMinPanes=0,s.value[0].size=s.value[0].min,s.value.forEach((v,m)=>{m>0&&m<=p&&(v.size=v.min,t.prevReachedMinPanes+=v.min)}),s.value[r[1]].size=100-t.prevReachedMinPanes-s.value[0].min-t.prevPanesSize-t.nextPanesSize,null):u>100-t.nextPanesSize-s.value[r[1]].min&&(r[1]=U(p).index,t.nextReachedMinPanes=0,r[1]>p+1&&s.value.forEach((v,m)=>{m>p&&m<r[1]&&(v.size=v.min,t.nextReachedMinPanes+=v.min)}),t.nextPanesSize=te(r[1]-1),r[1]===void 0)?(t.nextReachedMinPanes=0,s.value.forEach((v,m)=>{m<g.value-1&&m>=p+1&&(v.size=v.min,t.nextReachedMinPanes+=v.min)}),s.value[r[0]].size=100-t.prevPanesSize-te(r[0]-1),null):{sums:t,panesToResize:r}},H=t=>s.value.reduce((u,p,r)=>u+(r<t?p.size:0),0),te=t=>s.value.reduce((u,p,r)=>u+(r>t+1?p.size:0),0),X=t=>[...s.value].reverse().find(u=>u.index<t&&u.size>u.min)||{},U=t=>s.value.find(u=>u.index>t+1&&u.size>u.min)||{},le=()=>{var t;Array.from(((t=y.value)==null?void 0:t.children)||[]).forEach(u=>{const p=u.classList.contains("splitpanes__pane"),r=u.classList.contains("splitpanes__splitter");!p&&!r&&(u.remove(),console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."))})},S=(t,u,p=!1)=>{const r=t-1,v=document.createElement("div");v.classList.add("splitpanes__splitter"),p||(v.onmousedown=m=>q(m,r),typeof window<"u"&&"ontouchstart"in window&&(v.ontouchstart=m=>q(m,r)),v.onclick=m=>J(m,r+1)),f.dblClickSplitter&&(v.ondblclick=m=>$(m,r+1)),u.parentNode.insertBefore(v,u)},I=t=>{t.onmousedown=void 0,t.onclick=void 0,t.ondblclick=void 0,t.remove()},E=()=>{var t;const u=Array.from(((t=y.value)==null?void 0:t.children)||[]);u.forEach(r=>{r.className.includes("splitpanes__splitter")&&I(r)});let p=0;u.forEach(r=>{r.className.includes("splitpanes__pane")&&(!p&&f.firstSplitter?S(p,r,!0):p&&S(p,r),p++)})},L=({uid:t,...u})=>{const p=h.value[t];Object.entries(u).forEach(([r,v])=>p[r]=v)},be=t=>{var u;let p=-1;Array.from(((u=y.value)==null?void 0:u.children)||[]).some(r=>(r.className.includes("splitpanes__pane")&&p++,r.isSameNode(t.el))),s.value.splice(p,0,{...t,index:p}),s.value.forEach((r,v)=>r.index=v),k.value&&re(()=>{E(),Se({addedPane:s.value[p]}),l("pane-add",{index:p,panes:s.value.map(r=>({min:r.min,max:r.max,size:r.size}))})})},Fe=t=>{const u=s.value.findIndex(r=>r.id===t),p=s.value.splice(u,1)[0];s.value.forEach((r,v)=>r.index=v),re(()=>{E(),Se({removedPane:{...p}}),l("pane-remove",{removed:p,panes:s.value.map(r=>({min:r.min,max:r.max,size:r.size}))})})},Se=(t={})=>{!t.addedPane&&!t.removedPane?je():s.value.some(u=>u.givenSize!==null||u.min||u.max<100)?Ke(t):Ue(),k.value&&l("resized",s.value.map(u=>({min:u.min,max:u.max,size:u.size})))},Ue=()=>{const t=100/g.value;let u=0;const p=[],r=[];s.value.forEach(v=>{v.size=Math.max(Math.min(t,v.max),v.min),u-=v.size,v.size>=v.max&&p.push(v.id),v.size<=v.min&&r.push(v.id)}),u>.1&&ze(u,p,r)},je=()=>{let t=100;const u=[],p=[];let r=0;s.value.forEach(m=>{t-=m.size,m.givenSize!==null&&r++,m.size>=m.max&&u.push(m.id),m.size<=m.min&&p.push(m.id)});let v=100;t>.1&&(s.value.forEach(m=>{m.givenSize===null&&(m.size=Math.max(Math.min(t/(g.value-r),m.max),m.min)),v-=m.size}),v>.1&&ze(v,u,p))},Ke=({addedPane:t,removedPane:u}={})=>{let p=100/g.value,r=0;const v=[],m=[];(t?.givenSize??null)!==null&&(p=(100-t.givenSize)/(g.value-1).value),s.value.forEach(w=>{r-=w.size,w.size>=w.max&&v.push(w.id),w.size<=w.min&&m.push(w.id)}),!(Math.abs(r)<.1)&&(s.value.forEach(w=>{t?.givenSize!==null&&t?.id===w.id||(w.size=Math.max(Math.min(p,w.max),w.min)),r-=w.size,w.size>=w.max&&v.push(w.id),w.size<=w.min&&m.push(w.id)}),r>.1&&ze(r,v,m))},ze=(t,u,p)=>{let r;t>0?r=t/(g.value-u.length):r=t/(g.value-p.length),s.value.forEach((v,m)=>{if(t>0&&!u.includes(v.id)){const w=Math.max(Math.min(v.size+r,v.max),v.min),V=w-v.size;t-=V,v.size=w}else if(!p.includes(v.id)){const w=Math.max(Math.min(v.size+r,v.max),v.min),V=w-v.size;t-=V,v.size=w}}),Math.abs(t)>.1&&re(()=>{k.value&&console.warn("Splitpanes: Could not resize panes correctly due to their constraints.")})};Z(()=>f.firstSplitter,()=>E()),Z(()=>f.dblClickSplitter,t=>{[...y.value.querySelectorAll(".splitpanes__splitter")].forEach((u,p)=>{u.ondblclick=t?r=>$(r,p):void 0})}),ge(()=>k.value=!1),Me(()=>{le(),E(),Se(),l("ready"),k.value=!0});const Je=()=>{var t;return xe("div",{ref:y,class:F.value},(t=d.default)==null?void 0:t.call(d))};return ne("panes",s),ne("indexedPanes",h),ne("horizontal",B(()=>f.horizontal)),ne("requestUpdate",L),ne("onPaneAdd",be),ne("onPaneRemove",Fe),ne("onPaneClick",ee),(t,u)=>(M(),Y(at(Je)))}},Le={__name:"pane",props:{size:{type:[Number,String]},minSize:{type:[Number,String],default:0},maxSize:{type:[Number,String],default:100}},setup(e){var i;const l=e,f=oe("requestUpdate"),d=oe("onPaneAdd"),s=oe("horizontal"),h=oe("onPaneRemove"),g=oe("onPaneClick"),y=(i=Ce())==null?void 0:i.uid,k=oe("indexedPanes"),z=B(()=>k.value[y]),P=D(null),F=B(()=>{const b=isNaN(l.size)||l.size===void 0?0:parseFloat(l.size);return Math.max(Math.min(b,Q.value),R.value)}),R=B(()=>{const b=parseFloat(l.minSize);return isNaN(b)?0:b}),Q=B(()=>{const b=parseFloat(l.maxSize);return isNaN(b)?100:b}),q=B(()=>{var b;return`${s.value?"height":"width"}: ${(b=z.value)==null?void 0:b.size}%`});return Me(()=>{d({id:y,el:P.value,min:R.value,max:Q.value,givenSize:l.size===void 0?null:F.value,size:F.value})}),Z(()=>F.value,b=>f({uid:y,size:b})),Z(()=>R.value,b=>f({uid:y,min:b})),Z(()=>Q.value,b=>f({uid:y,max:b})),ge(()=>h(y)),(b,O)=>(M(),T("div",{ref_key:"paneEl",ref:P,class:"splitpanes__pane",onClick:O[0]||(O[0]=J=>c(g)(J,b._.uid)),style:ce(q.value)},[A(b.$slots,"default")],4))}},qe=30,an={__name:"NSplitPane",props:{storageKey:{type:String,required:!1},stateKey:{type:String,required:!1,default:"nuxt-devtools-panels-state"},leftSize:{type:Number,required:!1},minSize:{type:Number,required:!1},horizontal:{type:Boolean,required:!1}},setup(e){const i=e,l=Et(i.stateKey,{},{listenToStorageChanges:!1}),f=i.storageKey,d=f?B({get:()=>l.value[f]||i.leftSize||qe,set:s=>{l.value[f]=s}}):D(i.leftSize||qe);return(s,h)=>(M(),Y(c(nn),{horizontal:e.horizontal,"h-full":"","of-hidden":"",onResize:h[0]||(h[0]=g=>d.value=g[0].size)},{default:N(()=>[_(c(Le),{"h-full":"",class:"of-auto!",size:c(d),"min-size":s.$slots.right?e.minSize||10:100},{default:N(()=>[A(s.$slots,"left")]),_:3},8,["size","min-size"]),s.$slots.right?(M(),Y(c(Le),{key:0,relative:"","h-full":"",class:"of-auto!","min-size":e.minSize||10},{default:N(()=>[A(s.$slots,"right")]),_:3},8,["min-size"])):se("",!0)]),_:3},8,["horizontal"]))}},sn=ye({__name:"MutationListItem",props:{item:{}},emits:["click"],setup(e){return(i,l)=>(M(),T("div",{class:"grid gap-2 px-2 text-secondary hover:n-bg-hover cursor-pointer truncate max-w-full",style:{"grid-template-columns":"1em 1fr"},onClick:l[0]||(l[0]=f=>i.$emit("click"))},[a("div",{style:ce({width:"1em",height:"1em","border-radius":"10%","align-self":"center","background-color":("getMutationBackgroundColor"in i?i.getMutationBackgroundColor:c(Ve))(i.item)})},null,4),a("div",null,C(i.item.options.mutationKey||"No mutation key provided"),1)]))}}),ln=Object.assign(sn,{__name:"MutationListItem"});let ae;const de=[];function on(e){if(de.push(e),!(typeof window>"u"))return window.__NUXT_DEVTOOLS__&&de.forEach(i=>i(window.__NUXT_DEVTOOLS__)),Object.defineProperty(window,"__NUXT_DEVTOOLS__",{set(i){i&&de.forEach(l=>l(i))},get(){return ae.value},configurable:!0}),()=>{de.splice(de.indexOf(e),1)}}function rn(){ae||(ae=Te(),on(i));function e(){ae&&it(ae)}function i(l){ae.value=l,l.host&&l.host.hooks.hook("host:update:reactivity",e)}return ae}const un={class:"h-full flex flex-col"},dn={class:"flex gap-2 p-2",style:{"border-bottom":"1px solid rgba(128,128,128, 0.8)"}},cn={class:"flex gap-1 text-sm"},pn={op50:""},vn={key:0,class:"w-full"},fn={class:"grid grid-cols-[auto_1fr] gap-1 px-2 py-2"},mn={class:"grid grid-cols-[auto_1fr] gap-1 px-2 py-2"},gn={key:1},hn={class:"flex gap-1 text-sm"},yn={op50:""},bn={key:0,class:"w-full"},Sn={class:"grid grid-cols-[auto_1fr] gap-1 px-2 py-2"},zn={class:"grid grid-cols-[auto_1fr] gap-1 px-2 py-2"},wn={key:1},Mn=ye({__name:"vue-query",setup(e){const i=D("query"),l=D(""),f=D(new Array),d=D(null),s=D(new Array),h=D(null),g=D(""),y=rn(),k=B(()=>y.value?.host?.nuxt.vueApp.config.globalProperties?.$queryClient),z=B(()=>k.value?.getQueryCache()),P=B(()=>k.value?.getMutationCache()),F=B(()=>f.value?l.value?f.value.filter(o=>o.queryKey.toString().toLowerCase().includes(l.value.toLowerCase())):f.value:[]),R=B(()=>s.value?g.value?s.value.filter(o=>o.options.mutationKey?.toString().toLowerCase().includes(g.value.toLowerCase())):s.value:[]);function Q(o){switch(o.type){case"observerResultsUpdated":case"observerAdded":case"observerRemoved":case"updated":{const n=f.value.find(x=>x.queryHash===o.query.queryHash);n&&(n.state={...o.query.state});break}case"added":f.value.push(o.query);break;case"removed":{const n=f.value.findIndex(x=>x.queryHash===o.query.queryHash);n!==-1&&f.value.splice(n,1),d.value?.queryHash===o.query.queryHash&&(d.value=null);break}}}function q(o){switch(o.type){case"added":s.value.push(o.mutation);break;case"removed":{const n=s.value.findIndex(x=>x.mutationId===o.mutation.mutationId);n!==-1&&s.value.splice(n,1),h.value?.mutationId===o.mutation.mutationId&&(h.value=null);break}case"updated":{const n=s.value.find(x=>x.mutationId===o.mutation.mutationId);n&&(n.state={...o.mutation.state});break}}}$e(()=>{if(!z.value)return;z.value.getAll().forEach(n=>{f.value.push(n)});const o=z.value.subscribe(Q);ge(()=>{f.value=[],z.value?.clear(),o()})}),$e(()=>{if(!P.value)return;P.value.getAll().forEach(n=>{s.value.push(n)});const o=P.value.subscribe(q);ge(()=>{s.value=[],P.value?.clear(),o()})});function b(o){d.value=j(o)}function O(o){h.value=j(o)}function J(o){return Object.entries(o.options).reduce((n,[x,H])=>(typeof H=="function"||x==="queryKey"||x==="queryHash"||x==="meta"||x.startsWith("_")||(n[x]=H),n),{})}function $(o){if(o.state.error)o.reset(),o.fetch();else{const n=new Error("Unknown error from devtools"),x=o.options;o.setState({status:"error",error:n,fetchMeta:{...o.state.fetchMeta,__previousQueryOptions:x}})}}function ee(o){const n=o.state,x=o.state.fetchMeta?o.state.fetchMeta.__previousQueryOptions:null;o.cancel({silent:!0}),o.setState({...n,fetchStatus:"idle",fetchMeta:null}),x&&o.fetch(x)}function W(o){if(o.state.data===void 0)ee(o);else{if(!o)return;const n=o.options;o.fetch({...n,queryFn:()=>new Promise(()=>{}),gcTime:-1}),o.setState({data:void 0,status:"pending",fetchMeta:{...o.state.fetchMeta,__previousQueryOptions:n}})}}return(o,n)=>{const x=rt,H=qt,te=Ut,X=Xt,U=st("VueJsonPretty"),le=tn,S=an,I=ln,E=lt("tooltip");return M(),T("div",un,[a("div",dn,[_(x,{class:K(["text-white",{"bg-primary":c(i)==="query"}]),onClick:n[0]||(n[0]=L=>i.value="query")},{default:N(()=>n[9]||(n[9]=[fe(" Query Cache ",-1)])),_:1,__:[9]},8,["class"]),_(x,{class:K({"bg-primary text-white":c(i)==="mutation"}),onClick:n[1]||(n[1]=L=>i.value="mutation")},{default:N(()=>n[10]||(n[10]=[fe(" Mutation Cache ",-1)])),_:1,__:[10]},8,["class"])]),c(i)==="query"?(M(),Y(S,{key:0,"storage-key":"tab-vue-query",class:"h-full"},{left:N(()=>[_(H,{search:c(l),"onUpdate:search":n[2]||(n[2]=L=>ke(l)?l.value=L:null),class:"pb2",style:{"border-bottom":"1px solid rgba(128,128,128, 0.8)"}},{default:N(()=>[a("div",cn,[a("span",pn,C(c(f)?.length)+" queries in total",1)])]),_:1},8,["search"]),(M(!0),T(me,null,Ee(c(F),L=>(M(),Y(te,{key:L.queryHash,item:L,onClick:be=>b(L)},null,8,["item","onClick"]))),128))]),right:N(()=>[_(le,{class:""},{default:N(()=>[c(d)?(M(),T("div",vn,[_(X,{icon:"carbon-query",text:"Query Overview",padding:!0},{actions:N(()=>[ie(_(x,{title:"Refetch",class:"text-primary self-start",icon:"i-carbon-recycle",disabled:c(d).state.fetchStatus==="fetching",onClick:n[3]||(n[3]=L=>("toRaw"in o?o.toRaw:c(j))(c(d))?.fetch())},null,8,["disabled"]),[[E,"Refetch"]]),ie(_(x,{title:"Invalidate",class:"text-primary self-start",icon:"i-carbon-trash-can",disabled:c(d).state.status==="pending",onClick:n[4]||(n[4]=L=>("toRaw"in o?o.toRaw:c(j))(c(d))?.invalidate())},null,8,["disabled"]),[[E,"Invalidate"]]),ie(_(x,{title:"Reset",class:"text-primary self-start",icon:"i-carbon-restart",disabled:c(d).state.status==="pending",onClick:n[5]||(n[5]=L=>("toRaw"in o?o.toRaw:c(j))(c(d))?.reset())},null,8,["disabled"]),[[E,"Reset"]]),ie(_(x,{title:c(d).state.status==="pending"?"Restore Loading":"Trigger Loading",class:"text-primary self-start",icon:"i-carbon-hourglass",onClick:n[6]||(n[6]=L=>W(("toRaw"in o?o.toRaw:c(j))(c(d))))},null,8,["title"]),[[E,c(d).state.status==="pending"?"Restore Loading":"Trigger Loading"]]),ie(_(x,{title:c(d).state.status==="error"?"Restore Error":"Trigger Error",class:"text-primary self-start",icon:"i-carbon-warning",disabled:c(d).state.status==="pending",onClick:n[7]||(n[7]=L=>$(("toRaw"in o?o.toRaw:c(j))(c(d))))},null,8,["title","disabled"]),[[E,c(d).state.status==="error"?"Restore Error":"Trigger Error"]])]),default:N(()=>[a("div",fn,[n[11]||(n[11]=a("div",null,[a("strong",null,"Query Key:")],-1)),a("div",null,C(c(d)?.queryKey),1),n[12]||(n[12]=a("div",null,[a("strong",null,"Observers:")],-1)),a("div",null,C(c(d).observers.length),1),n[13]||(n[13]=a("div",null,[a("strong",null,"Overall status:")],-1)),a("div",null,[a("span",{class:"rounded whitespace-nowrap select-none mx-0.5 px-1.5 py-0.5",style:ce({"background-color":`${("getQueryBackgroundColor"in o?o.getQueryBackgroundColor:c(Qe))(c(d))}`})},C(("getQueryStatusLabel"in o?o.getQueryStatusLabel:c(It))(c(d))),5)]),n[14]||(n[14]=a("div",null,[a("strong",null,"Last Updated:")],-1)),a("div",null,C(new Date(c(d).state.dataUpdatedAt).toLocaleString()),1)])]),_:1}),_(X,{icon:"carbon-cube",text:"Data Explorer",padding:!0,open:!1},{default:N(()=>[_(U,{data:c(d).state.data,deep:2,virtual:!0,height:150},null,8,["data"])]),_:1}),_(X,{icon:"carbon-query-queue",text:"Query Details",padding:!0},{default:N(()=>[a("div",mn,[n[15]||(n[15]=a("div",null,[a("strong",null,"Status:")],-1)),a("div",null,C(c(d).state.status),1),n[16]||(n[16]=a("div",null,[a("strong",null,"Fetch Status:")],-1)),a("div",null,C(c(d).state.fetchStatus),1),n[17]||(n[17]=a("div",null,[a("strong",null,"Invalidated:")],-1)),a("div",null,C(c(d).state.isInvalidated),1),n[18]||(n[18]=a("div",null,[a("strong",null,"Update Count:")],-1)),a("div",null,C(c(d).state.dataUpdateCount),1),n[19]||(n[19]=a("div",null,[a("strong",null,"Active:")],-1)),a("div",null,C(c(d).observers.length===0?"Inactive":"Active"),1),n[20]||(n[20]=a("div",null,[a("strong",null,"IsStale:")],-1)),a("div",null,C(("toRaw"in o?o.toRaw:c(j))(c(d))?.isStale()),1),n[21]||(n[21]=a("div",null,[a("strong",null,"Disabled:")],-1)),a("div",null,C(("toRaw"in o?o.toRaw:c(j))(c(d))?.isDisabled()),1),n[22]||(n[22]=a("div",null,[a("strong",null,"GCTime:")],-1)),a("div",null,C(c(d).gcTime),1),n[23]||(n[23]=a("div",null,[a("strong",null,"Options:")],-1)),_(U,{data:J(c(d)),deep:2,virtual:!0,height:150},null,8,["data"]),n[24]||(n[24]=a("div",null,[a("strong",null,"Meta:")],-1)),_(U,{data:("toRaw"in o?o.toRaw:c(j))(c(d))?.meta,deep:2,virtual:!0,height:150},null,8,["data"])])]),_:1})])):(M(),T("div",gn,n[25]||(n[25]=[a("span",{class:"op75"},"Select a query",-1)])))]),_:1})]),_:1})):(M(),Y(S,{key:1,"storage-key":"tab-vue-mutation",class:"h-full"},{left:N(()=>[_(H,{search:c(g),"onUpdate:search":n[8]||(n[8]=L=>ke(g)?g.value=L:null),class:"pb2",style:{"border-bottom":"1px solid rgba(128,128,128, 0.8)"}},{default:N(()=>[a("div",hn,[a("span",yn,C(c(s)?.length)+" mutations in total",1)])]),_:1},8,["search"]),(M(!0),T(me,null,Ee(c(R),L=>(M(),Y(I,{key:L.mutationId,item:L,onClick:be=>O(L)},null,8,["item","onClick"]))),128))]),right:N(()=>[_(le,{class:""},{default:N(()=>[c(h)?(M(),T("div",bn,[_(X,{icon:"carbon-status-change",text:"Mutation Overview",padding:!0},{default:N(()=>[a("div",Sn,[n[26]||(n[26]=a("div",null,[a("strong",null,"Mutation Key:")],-1)),a("div",null,C(c(h)?.options.mutationKey),1),n[27]||(n[27]=a("div",null,[a("strong",null,"Status:")],-1)),a("div",null,[a("span",{class:"rounded whitespace-nowrap select-none mx-0.5 px-1.5 py-0.5",style:ce({"background-color":`${("getMutationBackgroundColor"in o?o.getMutationBackgroundColor:c(Ve))(c(h))}`})},C(("getMutationStatusLabel"in o?o.getMutationStatusLabel:c(Tt))(c(h))),5)]),n[28]||(n[28]=a("div",null,[a("strong",null,"Submitted:")],-1)),a("div",null,C(new Date(c(h).state.submittedAt).toLocaleString()),1)])]),_:1}),_(X,{icon:"carbon-cube",text:"Data Explorer",padding:!0,open:!1},{default:N(()=>[_(U,{data:c(h).state.data,deep:2,virtual:!0,height:150},null,8,["data"])]),_:1}),_(X,{icon:"carbon-query-queue",text:"Mutation Details",padding:!0},{default:N(()=>[a("div",zn,[n[29]||(n[29]=a("div",null,[a("strong",null,"Status:")],-1)),a("div",null,C(c(h).state.status),1),n[30]||(n[30]=a("div",null,[a("strong",null,"Mutation Id:")],-1)),a("div",null,C(c(h).mutationId),1),n[31]||(n[31]=a("div",null,[a("strong",null,"IsPaused:")],-1)),a("div",null,C(c(h).state.isPaused),1),n[32]||(n[32]=a("div",null,[a("strong",null,"Failure Count:")],-1)),a("div",null,C(c(h).state.failureCount),1),n[33]||(n[33]=a("div",null,[a("strong",null,"Failure Reason:")],-1)),a("div",null,C(c(h).state.failureReason),1),n[34]||(n[34]=a("div",null,[a("strong",null,"GCTime:")],-1)),a("div",null,C(c(h).gcTime),1),n[35]||(n[35]=a("div",null,[a("strong",null,"Variables:")],-1)),_(U,{data:("toRaw"in o?o.toRaw:c(j))(c(h))?.state?.variables,deep:2,virtual:!0,height:150},null,8,["data"]),n[36]||(n[36]=a("div",null,[a("strong",null,"Meta:")],-1)),_(U,{data:("toRaw"in o?o.toRaw:c(j))(c(h))?.meta,deep:2,virtual:!0,height:150},null,8,["data"])])]),_:1})])):(M(),T("div",wn,n[37]||(n[37]=[a("span",{class:"op75"},"Select a mutation",-1)])))]),_:1})]),_:1}))])}}});export{Mn as default};