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