app-devtools 0.7.0 → 0.8.0
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.
- package/dist/main.d.ts +2 -1
- package/dist/main.js +1440 -1007
- package/dist/main.umd.cjs +132 -132
- package/package.json +1 -1
package/dist/main.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(w,T){typeof exports=="object"&&typeof module<"u"?T(exports,require("dayjs"),require("solid-js"),require("solid-styled-components"),require("dequal"),require("nanoid"),require("regexparam"),require("diff"),require("tinykeys")):typeof define=="function"&&define.amd?define(["exports","dayjs","solid-js","solid-styled-components","dequal","nanoid","regexparam","diff","tinykeys"],T):(w=typeof globalThis<"u"?globalThis:w||self,T(w["App Devtools"]={},w.dayjs,w.solidJs,w.solidStyledComponents,w.dequal,w.nanoid,w.regexparam,w.diff,w.tinykeys))})(this,function(w,T,i,b,$e,Ge,Qe,Je,et){"use strict";function tt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const nt=tt(Je),rt=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected"],ot=new Set(["className","value","readOnly","formNoValidate","isMap","noModule","playsInline",...rt]),lt=new Set(["innerHTML","textContent","innerText","children"]),ct=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),ye=Object.assign(Object.create(null),{class:"className",formnovalidate:"formNoValidate",ismap:"isMap",nomodule:"noModule",playsinline:"playsInline",readonly:"readOnly"}),at=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),it={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"};function st(e,t,n){let l=n.length,c=t.length,o=l,a=0,r=0,s=t[c-1].nextSibling,u=null;for(;a<c||r<o;){if(t[a]===n[r]){a++,r++;continue}for(;t[c-1]===n[o-1];)c--,o--;if(c===a){const d=o<l?r?n[r-1].nextSibling:n[o-r]:s;for(;r<o;)e.insertBefore(n[r++],d)}else if(o===r)for(;a<c;)(!u||!u.has(t[a]))&&t[a].remove(),a++;else if(t[a]===n[o-1]&&n[r]===t[c-1]){const d=t[--c].nextSibling;e.insertBefore(n[r++],t[a++].nextSibling),e.insertBefore(n[--o],d),t[c]=n[o]}else{if(!u){u=new Map;let g=r;for(;g<o;)u.set(n[g],g++)}const d=u.get(t[a]);if(d!=null)if(r<d&&d<o){let g=a,p=1,$;for(;++g<c&&g<o&&!(($=u.get(t[g]))==null||$!==d+p);)p++;if(p>d-r){const y=t[a];for(;r<d;)e.insertBefore(n[r++],y)}else e.replaceChild(n[r++],t[a++])}else a++;else t[a++].remove()}}}const ve="_$DX_DELEGATE";function ut(e,t,n,l={}){let c;return i.createRoot(o=>{c=o,t===document?e():f(t,e(),t.firstChild?null:void 0,n)},l.owner),()=>{c(),t.textContent=""}}function m(e,t,n){const l=document.createElement("template");l.innerHTML=e;let c=l.content.firstChild;return n&&(c=c.firstChild),c}function Y(e,t=window.document){const n=t[ve]||(t[ve]=new Set);for(let l=0,c=e.length;l<c;l++){const o=e[l];n.has(o)||(n.add(o),t.addEventListener(o,mt))}}function M(e,t,n){n==null?e.removeAttribute(t):e.setAttribute(t,n)}function dt(e,t,n,l){l==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,l)}function v(e,t){t==null?e.removeAttribute("class"):e.className=t}function q(e,t,n,l){if(l)Array.isArray(n)?(e[`$$${t}`]=n[0],e[`$$${t}Data`]=n[1]):e[`$$${t}`]=n;else if(Array.isArray(n)){const c=n[0];e.addEventListener(t,n[0]=o=>c.call(e,n[1],o))}else e.addEventListener(t,n)}function ft(e,t,n={}){const l=Object.keys(t||{}),c=Object.keys(n);let o,a;for(o=0,a=c.length;o<a;o++){const r=c[o];!r||r==="undefined"||t[r]||(be(e,r,!1),delete n[r])}for(o=0,a=l.length;o<a;o++){const r=l[o],s=!!t[r];!r||r==="undefined"||n[r]===s||!s||(be(e,r,!0),n[r]=s)}return n}function Ce(e,t,n){if(!t)return n?M(e,"style"):t;const l=e.style;if(typeof t=="string")return l.cssText=t;typeof n=="string"&&(l.cssText=n=void 0),n||(n={}),t||(t={});let c,o;for(o in n)t[o]==null&&l.removeProperty(o),delete n[o];for(o in t)c=t[o],c!==n[o]&&(l.setProperty(o,c),n[o]=c);return n}function pt(e,t={},n,l){const c={};return l||i.createRenderEffect(()=>c.children=F(e,t.children,c.children)),i.createRenderEffect(()=>t.ref&&t.ref(e)),i.createRenderEffect(()=>gt(e,t,n,!0,c,!0)),c}function f(e,t,n,l){if(n!==void 0&&!l&&(l=[]),typeof t!="function")return F(e,t,l,n);i.createRenderEffect(c=>F(e,t(),c,n),l)}function gt(e,t,n,l,c={},o=!1){t||(t={});for(const a in c)if(!(a in t)){if(a==="children")continue;c[a]=xe(e,a,null,c[a],n,o)}for(const a in t){if(a==="children"){l||F(e,t.children);continue}const r=t[a];c[a]=xe(e,a,r,c[a],n,o)}}function ht(e){return e.toLowerCase().replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}function be(e,t,n){const l=t.trim().split(/\s+/);for(let c=0,o=l.length;c<o;c++)e.classList.toggle(l[c],n)}function xe(e,t,n,l,c,o){let a,r,s;if(t==="style")return Ce(e,n,l);if(t==="classList")return ft(e,n,l);if(n===l)return l;if(t==="ref")o||n(e);else if(t.slice(0,3)==="on:"){const u=t.slice(3);l&&e.removeEventListener(u,l),n&&e.addEventListener(u,n)}else if(t.slice(0,10)==="oncapture:"){const u=t.slice(10);l&&e.removeEventListener(u,l,!0),n&&e.addEventListener(u,n,!0)}else if(t.slice(0,2)==="on"){const u=t.slice(2).toLowerCase(),d=at.has(u);if(!d&&l){const g=Array.isArray(l)?l[0]:l;e.removeEventListener(u,g)}(d||n)&&(q(e,u,n,d),d&&Y([u]))}else if((s=lt.has(t))||!c&&(ye[t]||(r=ot.has(t)))||(a=e.nodeName.includes("-")))t==="class"||t==="className"?v(e,n):a&&!r&&!s?e[ht(t)]=n:e[ye[t]||t]=n;else{const u=c&&t.indexOf(":")>-1&&it[t.split(":")[0]];u?dt(e,u,t,n):M(e,ct[t]||t,n)}return n}function mt(e){const t=`$$${e.type}`;let n=e.composedPath&&e.composedPath()[0]||e.target;for(e.target!==n&&Object.defineProperty(e,"target",{configurable:!0,value:n}),Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return n||document}}),i.sharedConfig.registry&&!i.sharedConfig.done&&(i.sharedConfig.done=!0,document.querySelectorAll("[id^=pl-]").forEach(l=>{for(;l&&l.nodeType!==8&&l.nodeValue!=="pl-"+e;){let c=l.nextSibling;l.remove(),l=c}l&&l.remove()}));n;){const l=n[t];if(l&&!n.disabled){const c=n[`${t}Data`];if(c!==void 0?l.call(n,c,e):l.call(n,e),e.cancelBubble)return}n=n._$host||n.parentNode||n.host}}function F(e,t,n,l,c){for(i.sharedConfig.context&&!n&&(n=[...e.childNodes]);typeof n=="function";)n=n();if(t===n)return n;const o=typeof t,a=l!==void 0;if(e=a&&n[0]&&n[0].parentNode||e,o==="string"||o==="number"){if(i.sharedConfig.context)return n;if(o==="number"&&(t=t.toString()),a){let r=n[0];r&&r.nodeType===3?r.data=t:r=document.createTextNode(t),n=B(e,n,l,r)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||o==="boolean"){if(i.sharedConfig.context)return n;n=B(e,n,l)}else{if(o==="function")return i.createRenderEffect(()=>{let r=t();for(;typeof r=="function";)r=r();n=F(e,r,n,l)}),()=>n;if(Array.isArray(t)){const r=[],s=n&&Array.isArray(n);if(ce(r,t,n,c))return i.createRenderEffect(()=>n=F(e,r,n,l,!0)),()=>n;if(i.sharedConfig.context){if(!r.length)return n;for(let u=0;u<r.length;u++)if(r[u].parentNode)return n=r}if(r.length===0){if(n=B(e,n,l),a)return n}else s?n.length===0?_e(e,r,l):st(e,n,r):(n&&B(e),_e(e,r));n=r}else if(t instanceof Node){if(i.sharedConfig.context&&t.parentNode)return n=a?[t]:t;if(Array.isArray(n)){if(a)return n=B(e,n,l,t);B(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}}return n}function ce(e,t,n,l){let c=!1;for(let o=0,a=t.length;o<a;o++){let r=t[o],s=n&&n[o];if(r instanceof Node)e.push(r);else if(!(r==null||r===!0||r===!1))if(Array.isArray(r))c=ce(e,r,s)||c;else if(typeof r=="function")if(l){for(;typeof r=="function";)r=r();c=ce(e,Array.isArray(r)?r:[r],Array.isArray(s)?s:[s])||c}else e.push(r),c=!0;else{const u=String(r);s&&s.nodeType===3&&s.data===u?e.push(s):e.push(document.createTextNode(u))}}return c}function _e(e,t,n=null){for(let l=0,c=t.length;l<c;l++)e.insertBefore(t[l],n)}function B(e,t,n,l){if(n===void 0)return e.textContent="";const c=l||document.createTextNode("");if(t.length){let o=!1;for(let a=t.length-1;a>=0;a--){const r=t[a];if(c!==r){const s=r.parentNode===e;!o&&!a?s?e.replaceChild(c,r):e.insertBefore(c,n):s&&r.remove()}else o=!0}}else e.insertBefore(c,n);return[c]}var $t=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},ae={},yt={get exports(){return ae},set exports(e){ae=e}};(function(e,t){(function(n,l){e.exports=l()})($t,function(){return function(n,l,c){n=n||{};var o=l.prototype,a={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function r(u,d,g,p){return o.fromToBase(u,d,g,p)}c.en.relativeTime=a,o.fromToBase=function(u,d,g,p,$){for(var y,C,x,k=g.$locale().relativeTime||a,S=n.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],le=S.length,L=0;L<le;L+=1){var A=S[L];A.d&&(y=p?c(u).diff(g,A.d,!0):g.diff(u,A.d,!0));var U=(n.rounding||Math.round)(Math.abs(y));if(x=y>0,U<=A.r||!A.r){U<=1&&L>0&&(A=S[L-1]);var he=k[A.l];$&&(U=$(""+U)),C=typeof he=="string"?he.replace("%d",U):he(U,d,A.l,x);break}}if(d)return C;var me=x?k.future:k.past;return typeof me=="function"?me(C):me.replace("%s",C)},o.to=function(u,d){return r(u,d,this,!0)},o.from=function(u,d){return r(u,d,this)};var s=function(u){return u.$u?c.utc():c()};o.toNow=function(u){return this.to(s(this),u)},o.fromNow=function(u){return this.from(s(this),u)}}})})(yt);const vt=ae,Ct=m("<button></button>"),O=e=>(()=>{const t=Ct.cloneNode(!0);return pt(t,i.mergeProps(e,{onMouseDown:bt}),!1,!1),t})();function bt(e){e.preventDefault()}const xt=Object.assign({"/src/assets/icons/caret-down.svg":`<svg
|
|
1
|
+
(function(D,F){typeof exports=="object"&&typeof module<"u"?F(exports,require("dayjs"),require("dequal"),require("nanoid"),require("regexparam"),require("diff"),require("tinykeys")):typeof define=="function"&&define.amd?define(["exports","dayjs","dequal","nanoid","regexparam","diff","tinykeys"],F):(D=typeof globalThis<"u"?globalThis:D||self,F(D["App Devtools"]={},D.dayjs,D.dequal,D.nanoid,D.regexparam,D.diff,D.tinykeys))})(this,function(D,F,Ue,Lt,Dt,Mt,Rt){"use strict";function It(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const zt=It(Mt),V={},Ft=(e,t)=>e===t,R=Symbol("solid-proxy"),Ae=Symbol("solid-track"),de={equals:Ft};let Bt=Ge;const K=1,fe=2,Ze={owned:null,cleanups:null,context:null,owner:null};var T=null;let W=null,x=null,E=null,q=null,Pe=0;function pe(e,t){const n=x,r=T,o=e.length===0,l=o?Ze:{owned:null,cleanups:null,context:null,owner:t===void 0?r:t},s=o?e:()=>e(()=>Y(()=>me(l)));T=l,x=null;try{return ee(s,!0)}finally{x=n,T=r}}function se(e,t){t=t?Object.assign({},de,t):de;const n={value:e,observers:null,observerSlots:null,comparator:t.equals||void 0},r=o=>(typeof o=="function"&&(o=o(n.value)),qe(n,o));return[We.bind(n),r]}function k(e,t,n){const r=Je(e,t,!1,K);ge(r)}function h(e,t,n){n=n?Object.assign({},de,n):de;const r=Je(e,t,!0,0);return r.observers=null,r.observerSlots=null,r.comparator=n.equals||void 0,ge(r),We.bind(r)}function Ht(e){return ee(e,!1)}function Y(e){if(x===null)return e();const t=x;x=null;try{return e()}finally{x=t}}function Vt(e){return T===null||(T.cleanups===null?T.cleanups=[e]:T.cleanups.push(e)),e}function Ke(){return x}function Ut(e){const t=h(e),n=h(()=>Te(t()));return n.toArray=()=>{const r=n();return Array.isArray(r)?r:r!=null?[r]:[]},n}function We(){const e=W;if(this.sources&&(this.state||e))if(this.state===K||e)ge(this);else{const t=E;E=null,ee(()=>he(this),!1),E=t}if(x){const t=this.observers?this.observers.length:0;x.sources?(x.sources.push(this),x.sourceSlots.push(t)):(x.sources=[this],x.sourceSlots=[t]),this.observers?(this.observers.push(x),this.observerSlots.push(x.sources.length-1)):(this.observers=[x],this.observerSlots=[x.sources.length-1])}return this.value}function qe(e,t,n){let r=e.value;return(!e.comparator||!e.comparator(r,t))&&(e.value=t,e.observers&&e.observers.length&&ee(()=>{for(let o=0;o<e.observers.length;o+=1){const l=e.observers[o],s=W&&W.running;s&&W.disposed.has(l),(s&&!l.tState||!s&&!l.state)&&(l.pure?E.push(l):q.push(l),l.observers&&Qe(l)),s||(l.state=K)}if(E.length>1e6)throw E=[],new Error},!1)),t}function ge(e){if(!e.fn)return;me(e);const t=T,n=x,r=Pe;x=T=e,Zt(e,e.value,r),x=n,T=t}function Zt(e,t,n){let r;try{r=e.fn(t)}catch(o){e.pure&&(e.state=K,e.owned&&e.owned.forEach(me),e.owned=null),Ye(o)}(!e.updatedAt||e.updatedAt<=n)&&(e.updatedAt!=null&&"observers"in e?qe(e,r):e.value=r,e.updatedAt=n)}function Je(e,t,n,r=K,o){const l={fn:e,state:r,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:t,owner:T,context:null,pure:n};return T===null||T!==Ze&&(T.owned?T.owned.push(l):T.owned=[l]),l}function Xe(e){const t=W;if(e.state===0||t)return;if(e.state===fe||t)return he(e);if(e.suspense&&Y(e.suspense.inFallback))return e.suspense.effects.push(e);const n=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<Pe);)(e.state||t)&&n.push(e);for(let r=n.length-1;r>=0;r--)if(e=n[r],e.state===K||t)ge(e);else if(e.state===fe||t){const o=E;E=null,ee(()=>he(e,n[0]),!1),E=o}}function ee(e,t){if(E)return e();let n=!1;t||(E=[]),q?n=!0:q=[],Pe++;try{const r=e();return Kt(n),r}catch(r){n||(q=null),E=null,Ye(r)}}function Kt(e){if(E&&(Ge(E),E=null),e)return;const t=q;q=null,t.length&&ee(()=>Bt(t),!1)}function Ge(e){for(let t=0;t<e.length;t++)Xe(e[t])}function he(e,t){const n=W;e.state=0;for(let r=0;r<e.sources.length;r+=1){const o=e.sources[r];o.sources&&(o.state===K||n?o!==t&&Xe(o):(o.state===fe||n)&&he(o,t))}}function Qe(e){const t=W;for(let n=0;n<e.observers.length;n+=1){const r=e.observers[n];(!r.state||t)&&(r.state=fe,r.pure?E.push(r):q.push(r),r.observers&&Qe(r))}}function me(e){let t;if(e.sources)for(;e.sources.length;){const n=e.sources.pop(),r=e.sourceSlots.pop(),o=n.observers;if(o&&o.length){const l=o.pop(),s=n.observerSlots.pop();r<o.length&&(l.sourceSlots[s]=r,o[r]=l,n.observerSlots[r]=s)}}if(e.owned){for(t=0;t<e.owned.length;t++)me(e.owned[t]);e.owned=null}if(e.cleanups){for(t=0;t<e.cleanups.length;t++)e.cleanups[t]();e.cleanups=null}e.state=0,e.context=null}function Wt(e){return e instanceof Error||typeof e=="string"?e:new Error("Unknown error")}function Ye(e){throw e=Wt(e),e}function Te(e){if(typeof e=="function"&&!e.length)return Te(e());if(Array.isArray(e)){const t=[];for(let n=0;n<e.length;n++){const r=Te(e[n]);Array.isArray(r)?t.push.apply(t,r):t.push(r)}return t}return e}const qt=Symbol("fallback");function et(e){for(let t=0;t<e.length;t++)e[t]()}function Jt(e,t,n={}){let r=[],o=[],l=[],s=0,i=t.length>1?[]:null;return Vt(()=>et(l)),()=>{let c=e()||[],a,u;return c[Ae],Y(()=>{let d=c.length,m,v,b,C,P,w,L,N,A;if(d===0)s!==0&&(et(l),l=[],r=[],o=[],s=0,i&&(i=[])),n.fallback&&(r=[qt],o[0]=pe(Z=>(l[0]=Z,n.fallback())),s=1);else if(s===0){for(o=new Array(d),u=0;u<d;u++)r[u]=c[u],o[u]=pe(g);s=d}else{for(b=new Array(d),C=new Array(d),i&&(P=new Array(d)),w=0,L=Math.min(s,d);w<L&&r[w]===c[w];w++);for(L=s-1,N=d-1;L>=w&&N>=w&&r[L]===c[N];L--,N--)b[N]=o[L],C[N]=l[L],i&&(P[N]=i[L]);for(m=new Map,v=new Array(N+1),u=N;u>=w;u--)A=c[u],a=m.get(A),v[u]=a===void 0?-1:a,m.set(A,u);for(a=w;a<=L;a++)A=r[a],u=m.get(A),u!==void 0&&u!==-1?(b[u]=o[a],C[u]=l[a],i&&(P[u]=i[a]),u=v[u],m.set(A,u)):l[a]();for(u=w;u<d;u++)u in b?(o[u]=b[u],l[u]=C[u],i&&(i[u]=P[u],i[u](u))):o[u]=pe(g);o=o.slice(0,s=d),r=c.slice(0)}return o});function g(d){if(l[u]=d,i){const[m,v]=se(u);return i[u]=v,t(c[u],m)}return t(c[u])}}}function p(e,t){return Y(()=>e(t||{}))}function ye(){return!0}const Ee={get(e,t,n){return t===R?n:e.get(t)},has(e,t){return t===R?!0:e.has(t)},set:ye,deleteProperty:ye,getOwnPropertyDescriptor(e,t){return{configurable:!0,enumerable:!0,get(){return e.get(t)},set:ye,deleteProperty:ye}},ownKeys(e){return e.keys()}};function Oe(e){return(e=typeof e=="function"?e():e)?e:{}}function Xt(...e){let t=!1;for(let r=0;r<e.length;r++){const o=e[r];t=t||!!o&&R in o,e[r]=typeof o=="function"?(t=!0,h(o)):o}if(t)return new Proxy({get(r){for(let o=e.length-1;o>=0;o--){const l=Oe(e[o])[r];if(l!==void 0)return l}},has(r){for(let o=e.length-1;o>=0;o--)if(r in Oe(e[o]))return!0;return!1},keys(){const r=[];for(let o=0;o<e.length;o++)r.push(...Object.keys(Oe(e[o])));return[...new Set(r)]}},Ee);const n={};for(let r=e.length-1;r>=0;r--)if(e[r]){const o=Object.getOwnPropertyDescriptors(e[r]);for(const l in o)l in n||Object.defineProperty(n,l,{enumerable:!0,get(){for(let s=e.length-1;s>=0;s--){const i=(e[s]||{})[l];if(i!==void 0)return i}}})}return n}function Gt(e,...t){const n=new Set(t.flat());if(R in e){const o=t.map(l=>new Proxy({get(s){return l.includes(s)?e[s]:void 0},has(s){return l.includes(s)&&s in e},keys(){return l.filter(s=>s in e)}},Ee));return o.push(new Proxy({get(l){return n.has(l)?void 0:e[l]},has(l){return n.has(l)?!1:l in e},keys(){return Object.keys(e).filter(l=>!n.has(l))}},Ee)),o}const r=Object.getOwnPropertyDescriptors(e);return t.push(Object.keys(r).filter(o=>!n.has(o))),t.map(o=>{const l={};for(let s=0;s<o.length;s++){const i=o[s];i in e&&Object.defineProperty(l,i,r[i]?r[i]:{get(){return e[i]},set(){return!0},enumerable:!0})}return l})}function J(e){const t="fallback"in e&&{fallback:()=>e.fallback};return h(Jt(()=>e.each,e.children,t||void 0))}function $e(e){let t=!1;const n=e.keyed,r=h(()=>e.when,void 0,{equals:(o,l)=>t?o===l:!o==!l});return h(()=>{const o=r();if(o){const l=e.children,s=typeof l=="function"&&l.length>0;return t=n||s,s?Y(()=>l(o)):l}return e.fallback},void 0,void 0)}function Qt(e){let t=!1,n=!1;const r=(s,i)=>s[0]===i[0]&&(t?s[1]===i[1]:!s[1]==!i[1])&&s[2]===i[2],o=Ut(()=>e.children),l=h(()=>{let s=o();Array.isArray(s)||(s=[s]);for(let i=0;i<s.length;i++){const c=s[i].when;if(c)return n=!!s[i].keyed,[i,c,s[i]]}return[-1]},void 0,{equals:r});return h(()=>{const[s,i,c]=l();if(s<0)return e.fallback;const a=c.children,u=typeof a=="function"&&a.length>0;return t=n||u,u?Y(()=>a(i)):a},void 0,void 0)}function ce(e){return e}const Yt=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected"],en=new Set(["className","value","readOnly","formNoValidate","isMap","noModule","playsInline",...Yt]),tn=new Set(["innerHTML","textContent","innerText","children"]),nn=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),tt=Object.assign(Object.create(null),{class:"className",formnovalidate:"formNoValidate",ismap:"isMap",nomodule:"noModule",playsinline:"playsInline",readonly:"readOnly"}),rn=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),ln={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"};function on(e,t,n){let r=n.length,o=t.length,l=r,s=0,i=0,c=t[o-1].nextSibling,a=null;for(;s<o||i<l;){if(t[s]===n[i]){s++,i++;continue}for(;t[o-1]===n[l-1];)o--,l--;if(o===s){const u=l<r?i?n[i-1].nextSibling:n[l-i]:c;for(;i<l;)e.insertBefore(n[i++],u)}else if(l===i)for(;s<o;)(!a||!a.has(t[s]))&&t[s].remove(),s++;else if(t[s]===n[l-1]&&n[i]===t[o-1]){const u=t[--o].nextSibling;e.insertBefore(n[i++],t[s++].nextSibling),e.insertBefore(n[--l],u),t[o]=n[l]}else{if(!a){a=new Map;let g=i;for(;g<l;)a.set(n[g],g++)}const u=a.get(t[s]);if(u!=null)if(i<u&&u<l){let g=s,d=1,m;for(;++g<o&&g<l&&!((m=a.get(t[g]))==null||m!==u+d);)d++;if(d>u-i){const v=t[s];for(;i<u;)e.insertBefore(n[i++],v)}else e.replaceChild(n[i++],t[s++])}else s++;else t[s++].remove()}}}const nt="_$DX_DELEGATE";function sn(e,t,n,r={}){let o;return pe(l=>{o=l,t===document?e():f(t,e(),t.firstChild?null:void 0,n)},r.owner),()=>{o(),t.textContent=""}}function $(e,t,n){const r=document.createElement("template");r.innerHTML=e;let o=r.content.firstChild;return n&&(o=o.firstChild),o}function ve(e,t=window.document){const n=t[nt]||(t[nt]=new Set);for(let r=0,o=e.length;r<o;r++){const l=e[r];n.has(l)||(n.add(l),t.addEventListener(l,pn))}}function M(e,t,n){n==null?e.removeAttribute(t):e.setAttribute(t,n)}function cn(e,t,n,r){r==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,r)}function _(e,t){t==null?e.removeAttribute("class"):e.className=t}function be(e,t,n,r){if(r)Array.isArray(n)?(e[`$$${t}`]=n[0],e[`$$${t}Data`]=n[1]):e[`$$${t}`]=n;else if(Array.isArray(n)){const o=n[0];e.addEventListener(t,n[0]=l=>o.call(e,n[1],l))}else e.addEventListener(t,n)}function an(e,t,n={}){const r=Object.keys(t||{}),o=Object.keys(n);let l,s;for(l=0,s=o.length;l<s;l++){const i=o[l];!i||i==="undefined"||t[i]||(lt(e,i,!1),delete n[i])}for(l=0,s=r.length;l<s;l++){const i=r[l],c=!!t[i];!i||i==="undefined"||n[i]===c||!c||(lt(e,i,!0),n[i]=c)}return n}function rt(e,t,n){if(!t)return n?M(e,"style"):t;const r=e.style;if(typeof t=="string")return r.cssText=t;typeof n=="string"&&(r.cssText=n=void 0),n||(n={}),t||(t={});let o,l;for(l in n)t[l]==null&&r.removeProperty(l),delete n[l];for(l in t)o=t[l],o!==n[l]&&(r.setProperty(l,o),n[l]=o);return n}function un(e,t={},n,r){const o={};return r||k(()=>o.children=te(e,t.children,o.children)),k(()=>t.ref&&t.ref(e)),k(()=>dn(e,t,n,!0,o,!0)),o}function f(e,t,n,r){if(n!==void 0&&!r&&(r=[]),typeof t!="function")return te(e,t,r,n);k(o=>te(e,t(),o,n),r)}function dn(e,t,n,r,o={},l=!1){t||(t={});for(const s in o)if(!(s in t)){if(s==="children")continue;o[s]=ot(e,s,null,o[s],n,l)}for(const s in t){if(s==="children"){r||te(e,t.children);continue}const i=t[s];o[s]=ot(e,s,i,o[s],n,l)}}function fn(e){return e.toLowerCase().replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}function lt(e,t,n){const r=t.trim().split(/\s+/);for(let o=0,l=r.length;o<l;o++)e.classList.toggle(r[o],n)}function ot(e,t,n,r,o,l){let s,i,c;if(t==="style")return rt(e,n,r);if(t==="classList")return an(e,n,r);if(n===r)return r;if(t==="ref")l||n(e);else if(t.slice(0,3)==="on:"){const a=t.slice(3);r&&e.removeEventListener(a,r),n&&e.addEventListener(a,n)}else if(t.slice(0,10)==="oncapture:"){const a=t.slice(10);r&&e.removeEventListener(a,r,!0),n&&e.addEventListener(a,n,!0)}else if(t.slice(0,2)==="on"){const a=t.slice(2).toLowerCase(),u=rn.has(a);if(!u&&r){const g=Array.isArray(r)?r[0]:r;e.removeEventListener(a,g)}(u||n)&&(be(e,a,n,u),u&&ve([a]))}else if((c=tn.has(t))||!o&&(tt[t]||(i=en.has(t)))||(s=e.nodeName.includes("-")))t==="class"||t==="className"?_(e,n):s&&!i&&!c?e[fn(t)]=n:e[tt[t]||t]=n;else{const a=o&&t.indexOf(":")>-1&&ln[t.split(":")[0]];a?cn(e,a,t,n):M(e,nn[t]||t,n)}return n}function pn(e){const t=`$$${e.type}`;let n=e.composedPath&&e.composedPath()[0]||e.target;for(e.target!==n&&Object.defineProperty(e,"target",{configurable:!0,value:n}),Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return n||document}}),V.registry&&!V.done&&(V.done=!0,document.querySelectorAll("[id^=pl-]").forEach(r=>{for(;r&&r.nodeType!==8&&r.nodeValue!=="pl-"+e;){let o=r.nextSibling;r.remove(),r=o}r&&r.remove()}));n;){const r=n[t];if(r&&!n.disabled){const o=n[`${t}Data`];if(o!==void 0?r.call(n,o,e):r.call(n,e),e.cancelBubble)return}n=n._$host||n.parentNode||n.host}}function te(e,t,n,r,o){for(V.context&&!n&&(n=[...e.childNodes]);typeof n=="function";)n=n();if(t===n)return n;const l=typeof t,s=r!==void 0;if(e=s&&n[0]&&n[0].parentNode||e,l==="string"||l==="number"){if(V.context)return n;if(l==="number"&&(t=t.toString()),s){let i=n[0];i&&i.nodeType===3?i.data=t:i=document.createTextNode(t),n=ne(e,n,r,i)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||l==="boolean"){if(V.context)return n;n=ne(e,n,r)}else{if(l==="function")return k(()=>{let i=t();for(;typeof i=="function";)i=i();n=te(e,i,n,r)}),()=>n;if(Array.isArray(t)){const i=[],c=n&&Array.isArray(n);if(je(i,t,n,o))return k(()=>n=te(e,i,n,r,!0)),()=>n;if(V.context){if(!i.length)return n;for(let a=0;a<i.length;a++)if(i[a].parentNode)return n=i}if(i.length===0){if(n=ne(e,n,r),s)return n}else c?n.length===0?it(e,i,r):on(e,n,i):(n&&ne(e),it(e,i));n=i}else if(t instanceof Node){if(V.context&&t.parentNode)return n=s?[t]:t;if(Array.isArray(n)){if(s)return n=ne(e,n,r,t);ne(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}}return n}function je(e,t,n,r){let o=!1;for(let l=0,s=t.length;l<s;l++){let i=t[l],c=n&&n[l];if(i instanceof Node)e.push(i);else if(!(i==null||i===!0||i===!1))if(Array.isArray(i))o=je(e,i,c)||o;else if(typeof i=="function")if(r){for(;typeof i=="function";)i=i();o=je(e,Array.isArray(i)?i:[i],Array.isArray(c)?c:[c])||o}else e.push(i),o=!0;else{const a=String(i);c&&c.nodeType===3&&c.data===a?e.push(c):e.push(document.createTextNode(a))}}return o}function it(e,t,n=null){for(let r=0,o=t.length;r<o;r++)e.insertBefore(t[r],n)}function ne(e,t,n,r){if(n===void 0)return e.textContent="";const o=r||document.createTextNode("");if(t.length){let l=!1;for(let s=t.length-1;s>=0;s--){const i=t[s];if(o!==i){const c=i.parentNode===e;!l&&!s?c?e.replaceChild(o,i):e.insertBefore(o,n):c&&i.remove()}else l=!0}}else e.insertBefore(o,n);return[o]}var gn=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},Le={},hn={get exports(){return Le},set exports(e){Le=e}};(function(e,t){(function(n,r){e.exports=r()})(gn,function(){return function(n,r,o){n=n||{};var l=r.prototype,s={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function i(a,u,g,d){return l.fromToBase(a,u,g,d)}o.en.relativeTime=s,l.fromToBase=function(a,u,g,d,m){for(var v,b,C,P=g.$locale().relativeTime||s,w=n.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],L=w.length,N=0;N<L;N+=1){var A=w[N];A.d&&(v=d?o(a).diff(g,A.d,!0):g.diff(a,A.d,!0));var Z=(n.rounding||Math.round)(Math.abs(v));if(C=v>0,Z<=A.r||!A.r){Z<=1&&N>0&&(A=w[N-1]);var He=P[A.l];m&&(Z=m(""+Z)),b=typeof He=="string"?He.replace("%d",Z):He(Z,u,A.l,C);break}}if(u)return b;var Ve=C?P.future:P.past;return typeof Ve=="function"?Ve(b):Ve.replace("%s",b)},l.to=function(a,u){return i(a,u,this,!0)},l.from=function(a,u){return i(a,u,this)};var c=function(a){return a.$u?o.utc():o()};l.toNow=function(a){return this.to(c(this),a)},l.fromNow=function(a){return this.from(c(this),a)}}})})(hn);const mn=Le,yn=$("<button></button>"),B=e=>(()=>{const t=yn.cloneNode(!0);return un(t,Xt(e,{onMouseDown:$n}),!1,!1),t})();function $n(e){e.preventDefault()}const vn=Object.assign({"/src/assets/icons/caret-down.svg":`<svg
|
|
2
2
|
xmlns="http://www.w3.org/2000/svg"
|
|
3
3
|
width="32"
|
|
4
4
|
height="32"
|
|
@@ -24,13 +24,13 @@
|
|
|
24
24
|
`,"/src/assets/icons/settings.svg":`<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
25
25
|
<path d="M30 8H25.9C25.4 5.7 23.4 4 21 4C18.6 4 16.6 5.7 16.1 8H2V10H16.1C16.6 12.3 18.6 14 21 14C23.4 14 25.4 12.3 25.9 10H30V8ZM21 12C19.3 12 18 10.7 18 9C18 7.3 19.3 6 21 6C22.7 6 24 7.3 24 9C24 10.7 22.7 12 21 12ZM2 24H6.1C6.6 26.3 8.6 28 11 28C13.4 28 15.4 26.3 15.9 24H30V22H15.9C15.4 19.7 13.4 18 11 18C8.6 18 6.6 19.7 6.1 22H2V24ZM11 20C12.7 20 14 21.3 14 23C14 24.7 12.7 26 11 26C9.3 26 8 24.7 8 23C8 21.3 9.3 20 11 20Z" fill="currentColor"/>
|
|
26
26
|
</svg>
|
|
27
|
-
`});function
|
|
27
|
+
`});function bn(e){return vn[`/src/assets/icons/${e}.svg`]}const De=`
|
|
28
28
|
position: absolute;
|
|
29
29
|
width: 100%;
|
|
30
30
|
height: 100%;
|
|
31
31
|
top: 0;
|
|
32
32
|
left: 0;
|
|
33
|
-
`;function
|
|
33
|
+
`;function wn(e,t="px"){return typeof e=="string"?String(e):Array.isArray(e)?e.map(n=>`${n}${t}`).join(" "):`${e}${t}`}let Cn={data:""},xn=e=>typeof window=="object"?((e?e.querySelector("#_goober"):window._goober)||Object.assign((e||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:e||Cn,_n=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,Sn=/\/\*[^]*?\*\/| +/g,st=/\n+/g,X=(e,t)=>{let n="",r="",o="";for(let l in e){let s=e[l];l[0]=="@"?l[1]=="i"?n=l+" "+s+";":r+=l[1]=="f"?X(s,l):l+"{"+X(s,l[1]=="k"?"":t)+"}":typeof s=="object"?r+=X(s,t?t.replace(/([^,])+/g,i=>l.replace(/(^:.*)|([^,])+/g,c=>/&/.test(c)?c.replace(/&/g,i):i?i+" "+c:c)):l):s!=null&&(l=/^--/.test(l)?l:l.replace(/[A-Z]/g,"-$&").toLowerCase(),o+=X.p?X.p(l,s):l+":"+s+";")}return n+(t&&o?t+"{"+o+"}":o)+r},H={},ct=e=>{if(typeof e=="object"){let t="";for(let n in e)t+=n+ct(e[n]);return t}return e},kn=(e,t,n,r,o)=>{let l=ct(e),s=H[l]||(H[l]=(c=>{let a=0,u=11;for(;a<c.length;)u=101*u+c.charCodeAt(a++)>>>0;return"go"+u})(l));if(!H[s]){let c=l!==e?e:(a=>{let u,g,d=[{}];for(;u=_n.exec(a.replace(Sn,""));)u[4]?d.shift():u[3]?(g=u[3].replace(st," ").trim(),d.unshift(d[0][g]=d[0][g]||{})):d[0][u[1]]=u[2].replace(st," ").trim();return d[0]})(e);H[s]=X(o?{["@keyframes "+s]:c}:c,n?"":"."+s)}let i=n&&H.g?H.g:null;return n&&(H.g=H[s]),((c,a,u,g)=>{g?a.data=a.data.replace(g,c):a.data.indexOf(c)===-1&&(a.data=u?c+a.data:a.data+c)})(H[s],t,r,i),s},Nn=(e,t,n)=>e.reduce((r,o,l)=>{let s=t[l];if(s&&s.call){let i=s(n),c=i&&i.props&&i.props.className||/^go/.test(i)&&i;s=c?"."+c:i&&typeof i=="object"?i.props?"":X(i,""):i===!1?"":i}return r+o+(s??"")},"");function S(e){let t=this||{},n=e.call?e(t.p):e;return kn(n.unshift?n.raw?Nn(n,[].slice.call(arguments,1),t.p):n.reduce((r,o)=>Object.assign(r,o&&o.call?o(t.p):o),{}):n,xn(t.target),t.g,t.o,t.k)}S.bind({g:1}),S.bind({k:1});const An=$("<div></div>"),Pn=S`
|
|
34
34
|
&&& {
|
|
35
35
|
position: relative;
|
|
36
36
|
color: currentColor;
|
|
@@ -39,54 +39,54 @@
|
|
|
39
39
|
|
|
40
40
|
svg {
|
|
41
41
|
display: block;
|
|
42
|
-
${
|
|
42
|
+
${De};
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
|
-
`,
|
|
45
|
+
`,we=e=>{const t=bn(e.name);return(()=>{const n=An.cloneNode(!0);return n.innerHTML=t,k(r=>{const o=`icon ${e.class||""} ${Pn}`,l={color:e.color,"--icon-size":e.size&&wn(e.size)};return o!==r._v$&&_(n,r._v$=o),r._v$2=rt(n,l,r._v$2),r},{_v$:void 0,_v$2:void 0}),n})()},Ce=Symbol("store-raw"),ae=Symbol("store-node"),Tn=Symbol("store-name");function at(e,t){let n=e[R];if(!n&&(Object.defineProperty(e,R,{value:n=new Proxy(e,jn)}),!Array.isArray(e))){const r=Object.keys(e),o=Object.getOwnPropertyDescriptors(e);for(let l=0,s=r.length;l<s;l++){const i=r[l];o[i].get&&Object.defineProperty(e,i,{enumerable:o[i].enumerable,get:o[i].get.bind(n)})}}return n}function re(e){let t;return e!=null&&typeof e=="object"&&(e[R]||!(t=Object.getPrototypeOf(e))||t===Object.prototype||Array.isArray(e))}function le(e,t=new Set){let n,r,o,l;if(n=e!=null&&e[Ce])return n;if(!re(e)||t.has(e))return e;if(Array.isArray(e)){Object.isFrozen(e)?e=e.slice(0):t.add(e);for(let s=0,i=e.length;s<i;s++)o=e[s],(r=le(o,t))!==o&&(e[s]=r)}else{Object.isFrozen(e)?e=Object.assign({},e):t.add(e);const s=Object.keys(e),i=Object.getOwnPropertyDescriptors(e);for(let c=0,a=s.length;c<a;c++)l=s[c],!i[l].get&&(o=e[l],(r=le(o,t))!==o&&(e[l]=r))}return e}function Me(e){let t=e[ae];return t||Object.defineProperty(e,ae,{value:t={}}),t}function Re(e,t,n){return e[t]||(e[t]=dt(n))}function En(e,t){const n=Reflect.getOwnPropertyDescriptor(e,t);return!n||n.get||!n.configurable||t===R||t===ae||t===Tn||(delete n.value,delete n.writable,n.get=()=>e[R][t]),n}function ut(e){if(Ke()){const t=Me(e);(t._||(t._=dt()))()}}function On(e){return ut(e),Reflect.ownKeys(e)}function dt(e){const[t,n]=se(e,{equals:!1,internal:!0});return t.$=n,t}const jn={get(e,t,n){if(t===Ce)return e;if(t===R)return n;if(t===Ae)return ut(e),n;const r=Me(e),o=r.hasOwnProperty(t);let l=o?r[t]():e[t];if(t===ae||t==="__proto__")return l;if(!o){const s=Object.getOwnPropertyDescriptor(e,t);Ke()&&(typeof l!="function"||e.hasOwnProperty(t))&&!(s&&s.get)&&(l=Re(r,t,l)())}return re(l)?at(l):l},has(e,t){return t===Ce||t===R||t===Ae||t===ae||t==="__proto__"?!0:(this.get(e,t,e),t in e)},set(){return!0},deleteProperty(){return!0},ownKeys:On,getOwnPropertyDescriptor:En};function oe(e,t,n,r=!1){if(!r&&e[t]===n)return;const o=e[t],l=e.length;n===void 0?delete e[t]:e[t]=n;let s=Me(e),i;(i=Re(s,t,o))&&i.$(()=>n),Array.isArray(e)&&e.length!==l&&(i=Re(s,"length",l))&&i.$(e.length),(i=s._)&&i.$()}function ft(e,t){const n=Object.keys(t);for(let r=0;r<n.length;r+=1){const o=n[r];oe(e,o,t[o])}}function Ln(e,t){if(typeof t=="function"&&(t=t(e)),t=le(t),Array.isArray(t)){if(e===t)return;let n=0,r=t.length;for(;n<r;n++){const o=t[n];e[n]!==o&&oe(e,n,o)}oe(e,"length",r)}else ft(e,t)}function ue(e,t,n=[]){let r,o=e;if(t.length>1){r=t.shift();const s=typeof r,i=Array.isArray(e);if(Array.isArray(r)){for(let c=0;c<r.length;c++)ue(e,[r[c]].concat(t),n);return}else if(i&&s==="function"){for(let c=0;c<e.length;c++)r(e[c],c)&&ue(e,[c].concat(t),n);return}else if(i&&s==="object"){const{from:c=0,to:a=e.length-1,by:u=1}=r;for(let g=c;g<=a;g+=u)ue(e,[g].concat(t),n);return}else if(t.length>1){ue(e[r],t,[r].concat(n));return}o=e[r],n=[r].concat(n)}let l=t[0];typeof l=="function"&&(l=l(o,n),l===o)||r===void 0&&l==null||(l=le(l),r===void 0||re(o)&&re(l)&&!Array.isArray(l)?ft(o,l):oe(e,r,l))}function pt(...[e,t]){const n=le(e||{}),r=Array.isArray(n),o=at(n);function l(...s){Ht(()=>{r&&s.length===1?Ln(n,s[0]):ue(n,s)})}return[o,l]}const xe=new WeakMap,gt={get(e,t){if(t===Ce)return e;const n=e[t];let r;return re(n)?xe.get(n)||(xe.set(n,r=new Proxy(n,gt)),r):n},set(e,t,n){return oe(e,t,le(n)),!0},deleteProperty(e,t){return oe(e,t,void 0,!0),!0}};function Dn(e){return t=>{if(re(t)){let n;(n=xe.get(t))||xe.set(t,n=new Proxy(t,gt)),e(n)}return t}}const[j,_e]=pt({selectedCall:null,selectedRequest:null,selectedTab:null,selectedSubitem:null}),Se=`
|
|
46
46
|
display: inline-block;
|
|
47
47
|
overflow: hidden;
|
|
48
48
|
text-overflow: ellipsis;
|
|
49
49
|
white-space: nowrap;
|
|
50
50
|
word-wrap: norma;
|
|
51
51
|
max-width: 100%;
|
|
52
|
-
`,
|
|
52
|
+
`,Mn={left:"flex-start",center:"center",right:"flex-end",spaceBetween:"space-between",spaceAround:"space-around",spaceEvenly:"space-evenly"},Rn={top:"flex-start",bottom:"flex-end",center:"center",stretch:"stretch"},G=({justify:e="left",align:t="center",gap:n}={})=>`
|
|
53
53
|
display: flex;
|
|
54
54
|
column-gap: ${n}px;
|
|
55
55
|
flex-direction: row;
|
|
56
|
-
justify-content: ${
|
|
57
|
-
align-items: ${
|
|
58
|
-
`,
|
|
56
|
+
justify-content: ${Mn[e]};
|
|
57
|
+
align-items: ${Rn[t]};
|
|
58
|
+
`,In={top:"flex-start",center:"center",bottom:"flex-end",spaceBetween:"space-between",spaceAround:"space-around",spaceEvenly:"space-evenly"},zn={left:"flex-start",right:"flex-end",center:"center",stretch:"stretch"},O=({justify:e="top",align:t="stretch",gap:n=0}={})=>`
|
|
59
59
|
row-gap: ${n}px;
|
|
60
60
|
display: flex;
|
|
61
61
|
flex-direction: column;
|
|
62
|
-
justify-content: ${
|
|
63
|
-
align-items: ${
|
|
64
|
-
`;function
|
|
62
|
+
justify-content: ${In[e]};
|
|
63
|
+
align-items: ${zn[t]};
|
|
64
|
+
`;function Fn(e){if(e.length<4)throw new Error("Invalid hex value");return(e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(t,n,r,o)=>`#${n}${n}${r}${r}${o}${o}`).substring(1).match(/.{2}/g)||[]).map(t=>parseInt(t,16))}function Bn(e){return Object.entries(e)}const ke=document.documentElement.style;let ht=1;function Hn(e){const t={};for(const[n,r]of Bn(e)){const[o,l,s]=Fn(r),i=`c${ht}`;ht++,ke.setProperty(`--${i}-r`,String(o)),ke.setProperty(`--${i}-g`,String(l)),ke.setProperty(`--${i}-b`,String(s)),ke.setProperty(`--${i}`,r),t[n]={red:o,green:l,blue:s,var:`var(--${i})`,raw:r,alpha:c=>`rgba(var(--${i}-r), var(--${i}-g), var(--${i}-b), ${c})`,darker:(c,a)=>{const u=c/100;return`${a?"rgba":"rgb"}(${[`calc(var(--${i}-r) - var(--${i}-r) * ${u})`,`calc(var(--${i}-g) - var(--${i}-g) * ${u})`,`calc(var(--${i}-b) - var(--${i}-b) * ${u})`].join(",")}${a!==void 0?`, ${a}`:""})`},lighter:(c,a)=>{const u=c/100;return`${a?"rgba":"rgb"}(${[`calc(var(--${i}-r) + (255 - var(--${i}-r)) * ${u})`,`calc(var(--${i}-g) + (255 - var(--${i}-g)) * ${u})`,`calc(var(--${i}-b) + (255 - var(--${i}-b)) * ${u})`].join(",")}${a!==void 0?`, ${a}`:""})`}}}return t}const y=Hn({bgPrimary:"#0F172A",bgSecondary:"#1E293B",textPrimary:"#fff",primary:"#F472B6",secondary:"#7DD3FC",warning:"#FDE047",error:"#f87171",successDarker:"#0d9488",success:"#4ADE80",bg:"#EAEFFF",white:"#fff",black:"#000"}),I={primary:"Work Sans, sans-serif",decorative:'"Fira Code", monospaced'};function Vn(e,t,n){if(!e)return t;const r=[],o=new Map(e.map(l=>[l[n],l]));for(const l of t){const s=o.get(l[n]);s&&Ue.dequal(s,l)?r.push(s):r.push(l)}return r}function mt(e,t){return h(n=>Vn(n,typeof e=="function"?e():e,t))}function Ie(e){const[t,n]=se(e);return{get value(){return t()},set value(r){n(()=>r)},set(r){n(()=>r)}}}const Un=$('<div class="tag"></div>'),yt=$("<span></span>"),Zn=$('<div><div class="call"></div></div>'),Kn=S`
|
|
65
65
|
&&& {
|
|
66
66
|
font-size: 14px;
|
|
67
|
-
${
|
|
67
|
+
${O()};
|
|
68
68
|
|
|
69
69
|
> .call {
|
|
70
70
|
padding: 4px 12px;
|
|
71
|
-
${
|
|
71
|
+
${G()};
|
|
72
72
|
opacity: 0.8;
|
|
73
73
|
|
|
74
74
|
&.selected {
|
|
75
75
|
opacity: 1;
|
|
76
|
-
background-color: ${
|
|
76
|
+
background-color: ${y.secondary.alpha(.16)};
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
> button {
|
|
80
80
|
text-align: left;
|
|
81
|
-
${
|
|
81
|
+
${G({gap:8})};
|
|
82
82
|
|
|
83
83
|
> .tag {
|
|
84
84
|
font-weight: 600;
|
|
85
|
-
font-family: ${
|
|
85
|
+
font-family: ${I.decorative};
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
> span {
|
|
89
|
-
${
|
|
89
|
+
${Se};
|
|
90
90
|
flex-shrink: 1;
|
|
91
91
|
}
|
|
92
92
|
}
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
padding: 4px 12px;
|
|
98
98
|
padding-left: 14px;
|
|
99
99
|
margin-left: 16px;
|
|
100
|
-
border-left: 1px solid ${
|
|
100
|
+
border-left: 1px solid ${y.white.alpha(.1)};
|
|
101
101
|
|
|
102
102
|
span {
|
|
103
103
|
opacity: 0.6;
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
|
|
109
109
|
&.selected span {
|
|
110
110
|
opacity: 1;
|
|
111
|
-
background-color: ${
|
|
111
|
+
background-color: ${y.secondary.alpha(.16)};
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
&:first-of-type {
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
|
|
118
118
|
&:last-of-type {
|
|
119
119
|
border-radius: 0 0 0 10px;
|
|
120
|
-
border-bottom: 1px solid ${
|
|
120
|
+
border-bottom: 1px solid ${y.white.alpha(.1)};
|
|
121
121
|
padding-bottom: 10px;
|
|
122
122
|
margin-bottom: 4px;
|
|
123
123
|
}
|
|
@@ -132,66 +132,66 @@
|
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
}
|
|
135
|
-
`,
|
|
135
|
+
`,Wn=e=>{const t=()=>e.item,n=()=>e.currentCallId;Gt(e,["item","currentCallId"])[1];const r=Ie(e.item.subitemsWithAlias.length<4),o=qn(t().type,t().subType);return(()=>{const l=Zn.cloneNode(!0),s=l.firstChild;return _(l,Kn),f(s,p(B,{onClick:()=>{_e({selectedCall:t().id,selectedSubitem:null})},get children(){return[(()=>{const i=Un.cloneNode(!0);return f(i,()=>o.icon),k(c=>{const a=`${t().type}${t().subType?` (${t().subType})`:""}`,u=o.color;return a!==c._v$&&M(i,"title",c._v$=a),u!==c._v$2&&i.style.setProperty("color",c._v$2=u),c},{_v$:void 0,_v$2:void 0}),i})(),(()=>{const i=yt.cloneNode(!0);return f(i,()=>t().name),k(()=>M(i,"title",t().name)),i})()]}}),null),f(s,(()=>{const i=h(()=>t().subitemsWithAlias.length>0);return()=>i()&&p(B,{class:"expand-button",get classList(){return{expanded:r.value}},onClick:()=>{r.value=!r.value},get children(){return p(we,{name:"caret-down"})}})})(),null),f(l,p($e,{get when(){return r.value},get children(){return p(J,{get each(){return t().subitemsWithAlias},children:i=>p(B,{class:"subitem",get classList(){return{selected:n()===t().id&&j.selectedSubitem===i}},onClick:()=>{_e({selectedCall:t().id,selectedSubitem:i})},get children(){const c=yt.cloneNode(!0);return f(c,i),c}})})}}),null),k(()=>s.classList.toggle("selected",n()?n()===t().id:e.index===0)),l})()};function qn(e,t){let n="",r="";return e==="fetch"?(n="F",r="#FDE047"):t?t==="create"?(n="C",r="#6EE7B7"):t==="update"?(n="U",r="#A78BFA"):t==="delete"?(n="D",r="#E53558"):(n=t[0]?.toUpperCase()||"?",r="#FDE047"):(n="M",r="#A78BFA"),{icon:n,color:r}}function $t(e){if(e==null)throw new Error("Value is null or undefined")}function vt(e,t){try{return e()}catch(n){return t&&t(n),null}}function Jn(e,t){const n=Dt.parse(t);return Xn(e,n)}function Xn(e,t){let n=0;const r={},o=t.pattern.exec(e);if(!o)return null;for(;n<t.keys.length;)r[t.keys[n]]=o[++n]||null;return r}function bt(e){return e?e.slice().reverse():[]}function Gn(...e){const t=[];for(const n of e)n!=null&&t.push(...n);return t}function Qn(e){return e.filter(t=>t!=null)}const[Q,Yn]=pt({calls:{}});let ze={callsProcessor:[]};function er(e){ze={...ze,...e}}function tr(e){const t=e.startTime||Date.now();return({isError:n,status:r,response:o,metadata:l,tags:s})=>{const i=e.duration||Date.now()-t;Yn(Dn(c=>{const a=vt(()=>new URL(e.path,"http://localhost"));$t(a);const u=a.searchParams.toString()!==""?Object.fromEntries(a.searchParams.entries()):null;let g=null;const d=ze.callsProcessor.find(N=>{if(typeof N.match=="string"){const A=Jn(a.pathname,N.match);return A?(g=A,!0):!1}else return N.match({url:a,type:e.type,subType:e.subType})}),m=d?.callID?.({url:a,type:e.type,subType:e.subType})||typeof d?.match=="string"&&d.match,v=btoa(m||`${a.pathname}|${e.type}${e.subType?`|${e.subType}`:""}`),b=d?.callName,C=typeof b=="function"?b({url:a,type:e.type,subType:e.subType}):b;c.calls[v]||(c.calls[v]={name:C||typeof d?.match=="string"&&d.match||a.pathname.replace(/^\//,""),path:a.pathname.replace(/^\//,""),lastRequestStartTime:t,requests:[],type:e.type,subType:e.subType});const P=c.calls[v];$t(P),P.requests.length>100&&P.requests.shift();const w={id:Lt.nanoid(),duration:i,pathParams:g,isError:n,metadata:l,path:e.path.replace(/^\//,""),payload:e.payload,response:o,searchParams:u,startTime:t,type:e.type,method:e.method,subType:e.subType,code:r,tags:Qn(Gn(e.tags,s))},L=vt(()=>d?.payloadAlias?.(w.payload,w));L&&(w.alias=L),P.requests.push(w)}))}}const nr=$('<div><h1>API EXPLORER</h1><label><input type="text" placeholder="Search"></label><div></div></div>'),rr=S`
|
|
136
136
|
&&& {
|
|
137
|
-
${
|
|
138
|
-
border-right: 1px solid ${
|
|
137
|
+
${O()};
|
|
138
|
+
border-right: 1px solid ${y.white.alpha(.1)};
|
|
139
139
|
|
|
140
140
|
> h1 {
|
|
141
141
|
font-size: 18px;
|
|
142
142
|
padding-left: 12px;
|
|
143
143
|
padding-top: 10px;
|
|
144
|
-
font-family: ${
|
|
145
|
-
color: ${
|
|
144
|
+
font-family: ${I.decorative};
|
|
145
|
+
color: ${y.secondary.var};
|
|
146
146
|
padding-bottom: 16px;
|
|
147
147
|
}
|
|
148
148
|
}
|
|
149
|
-
`,
|
|
149
|
+
`,lr=S`
|
|
150
150
|
&&& {
|
|
151
|
-
${
|
|
151
|
+
${O()};
|
|
152
152
|
flex: 1 1;
|
|
153
153
|
overflow-y: auto;
|
|
154
154
|
padding-bottom: 16px;
|
|
155
155
|
}
|
|
156
|
-
`,
|
|
156
|
+
`,or=S`
|
|
157
157
|
&&& {
|
|
158
|
-
${
|
|
158
|
+
${G({gap:8})};
|
|
159
159
|
margin: 0 10px;
|
|
160
160
|
margin-bottom: 8px;
|
|
161
161
|
|
|
162
162
|
display: grid;
|
|
163
163
|
grid-template-columns: 14px 1fr;
|
|
164
|
-
background: ${
|
|
164
|
+
background: ${y.white.alpha(.05)};
|
|
165
165
|
border-radius: 4px;
|
|
166
166
|
--icon-size: 16px;
|
|
167
167
|
padding: 4px 0;
|
|
168
168
|
padding-left: 6px;
|
|
169
169
|
|
|
170
170
|
.icon {
|
|
171
|
-
color: ${
|
|
171
|
+
color: ${y.secondary.var};
|
|
172
172
|
}
|
|
173
173
|
|
|
174
174
|
input {
|
|
175
175
|
border: none;
|
|
176
176
|
background: transparent;
|
|
177
|
-
color: ${
|
|
177
|
+
color: ${y.white.var};
|
|
178
178
|
|
|
179
179
|
&:focus {
|
|
180
180
|
outline: none;
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
183
|
}
|
|
184
|
-
`,
|
|
184
|
+
`,ir=()=>{const e=Ie(""),t=mt(()=>{const r=Object.entries(Q.calls),o=[];for(const[l,s]of r.reverse()){if(e.value.trim()&&!s.name.includes(e.value.toLowerCase()))continue;const i=new Set;for(const c of s.requests)c.alias&&i.add(c.alias);o.push({id:l,subitemsWithAlias:[...i],...s})}return o},"id"),n=h(()=>j.selectedCall);return(()=>{const r=nr.cloneNode(!0),o=r.firstChild,l=o.nextSibling,s=l.firstChild,i=l.nextSibling;return _(r,rr),_(l,or),f(l,p(we,{name:"search"}),s),s.$$input=c=>{e.value=c.currentTarget.value},_(i,lr),f(i,p(J,{get each(){return t()},children:(c,a)=>p(Wn,{get index(){return a()},item:c,get currentCallId(){return n()}})})),k(()=>s.value=e.value),r})()};ve(["input"]);function wt(...e){const t=[];for(let n=0;n<e.length;n++){const r=e[n];if(!r)continue;const o=typeof r;if(o==="string"||o==="number")t.push(r);else if(o==="object")for(let l=0,s=Object.keys(r);l<s.length;l++)r[s[l]]&&t.push(s[l])}return t.join(" ")}const sr=$('<div><div class="content"></div></div>'),cr=$("<h1></h1>"),ar=S`
|
|
185
185
|
&&& {
|
|
186
|
-
${
|
|
186
|
+
${O()};
|
|
187
187
|
|
|
188
188
|
> h1 {
|
|
189
189
|
font-size: 14px;
|
|
190
|
-
color: ${
|
|
190
|
+
color: ${y.secondary.var};
|
|
191
191
|
letter-spacing: 0.08em;
|
|
192
|
-
font-family: ${
|
|
192
|
+
font-family: ${I.decorative};
|
|
193
193
|
font-weight: 300;
|
|
194
|
-
background: ${
|
|
194
|
+
background: ${y.bgPrimary.var};
|
|
195
195
|
z-index: 1;
|
|
196
196
|
align-self: flex-start;
|
|
197
197
|
position: sticky;
|
|
@@ -207,7 +207,7 @@
|
|
|
207
207
|
padding-top: calc(var(--padding-top) + 10px);
|
|
208
208
|
padding-inline: 10px;
|
|
209
209
|
padding-bottom: 10px;
|
|
210
|
-
background: ${
|
|
210
|
+
background: ${y.white.alpha(.05)};
|
|
211
211
|
border-radius: 4px;
|
|
212
212
|
}
|
|
213
213
|
|
|
@@ -215,23 +215,23 @@
|
|
|
215
215
|
margin-top: 20px;
|
|
216
216
|
}
|
|
217
217
|
}
|
|
218
|
-
`,
|
|
218
|
+
`,z=e=>(()=>{const t=sr.cloneNode(!0),n=t.firstChild;return f(t,(()=>{const r=h(()=>!!e.title);return()=>r()&&(()=>{const o=cr.cloneNode(!0);return f(o,()=>e.title),o})()})(),n),f(n,()=>e.children),k(()=>_(t,wt(ar,e.class))),t})(),ur=`
|
|
219
219
|
user-select: text;
|
|
220
220
|
|
|
221
221
|
*, *::before, *::after {
|
|
222
222
|
user-select: text;
|
|
223
223
|
}
|
|
224
|
-
`;function
|
|
224
|
+
`;function dr(e){return`
|
|
225
225
|
display: -webkit-box;
|
|
226
226
|
overflow: hidden;
|
|
227
227
|
-webkit-line-clamp: ${e};
|
|
228
228
|
-webkit-box-orient: vertical;
|
|
229
|
-
`}const
|
|
229
|
+
`}const fr=$('<div class="key"><span></span></div>'),pr=$('<div class="collapsed"></div>'),gr=$('<div class="delimiter">[]</div>'),hr=$('<div class="delimiter">{}</div>'),Ct=$('<div class="delimiter"></div>'),xt=$('<div class="childs"></div>'),mr=$('<div class="delimiter end">]</div>'),_t=$('<div class="child"></div>'),yr=$('<div class="delimiter end">}</div>'),$r=$('<div class="value" title="Shift + Click to copy value"></div>'),St=$('<span class="string-quotes">"</span>'),vr=$("<div></div>"),br=S`
|
|
230
230
|
&&& {
|
|
231
|
-
font-family: ${
|
|
231
|
+
font-family: ${I.decorative};
|
|
232
232
|
font-size: 13px;
|
|
233
|
-
${
|
|
234
|
-
${
|
|
233
|
+
${ur};
|
|
234
|
+
${O({gap:2})};
|
|
235
235
|
padding-left: 8px;
|
|
236
236
|
|
|
237
237
|
.expand-button {
|
|
@@ -239,7 +239,7 @@
|
|
|
239
239
|
width: 16px;
|
|
240
240
|
display: inline-block;
|
|
241
241
|
vertical-align: middle;
|
|
242
|
-
color: ${
|
|
242
|
+
color: ${y.white.alpha(.5)};
|
|
243
243
|
|
|
244
244
|
&:not(.expanded) .icon {
|
|
245
245
|
transform: rotate(-90deg);
|
|
@@ -247,16 +247,16 @@
|
|
|
247
247
|
}
|
|
248
248
|
|
|
249
249
|
.show-all {
|
|
250
|
-
color: ${
|
|
250
|
+
color: ${y.white.alpha(.5)};
|
|
251
251
|
text-align: left;
|
|
252
252
|
}
|
|
253
253
|
|
|
254
254
|
.childs {
|
|
255
|
-
${
|
|
255
|
+
${O({gap:2})};
|
|
256
256
|
}
|
|
257
257
|
|
|
258
258
|
.delimiter {
|
|
259
|
-
color: ${
|
|
259
|
+
color: ${y.white.alpha(.5)};
|
|
260
260
|
margin-top: 1px;
|
|
261
261
|
margin-bottom: 1px;
|
|
262
262
|
|
|
@@ -270,13 +270,13 @@
|
|
|
270
270
|
.childs {
|
|
271
271
|
padding-left: 20px;
|
|
272
272
|
grid-column: 1 / span 3;
|
|
273
|
-
border-left: 1px solid ${
|
|
273
|
+
border-left: 1px solid ${y.white.alpha(.05)};
|
|
274
274
|
|
|
275
275
|
> .value {
|
|
276
276
|
&::after {
|
|
277
277
|
content: ',';
|
|
278
278
|
opacity: 0.5;
|
|
279
|
-
color: ${
|
|
279
|
+
color: ${y.white.var};
|
|
280
280
|
}
|
|
281
281
|
}
|
|
282
282
|
}
|
|
@@ -288,20 +288,20 @@
|
|
|
288
288
|
.key {
|
|
289
289
|
color: #a5d6ff;
|
|
290
290
|
margin-right: 5px;
|
|
291
|
-
${
|
|
291
|
+
${G({align:"top"})};
|
|
292
292
|
|
|
293
293
|
span {
|
|
294
294
|
flex-shrink: 1;
|
|
295
|
-
${
|
|
295
|
+
${Se};
|
|
296
296
|
}
|
|
297
297
|
|
|
298
298
|
&.index {
|
|
299
|
-
color: ${
|
|
299
|
+
color: ${y.success.alpha(.7)};
|
|
300
300
|
}
|
|
301
301
|
|
|
302
302
|
&::after {
|
|
303
303
|
content: ':';
|
|
304
|
-
color: ${
|
|
304
|
+
color: ${y.secondary.alpha(.5)};
|
|
305
305
|
}
|
|
306
306
|
}
|
|
307
307
|
}
|
|
@@ -312,35 +312,35 @@
|
|
|
312
312
|
|
|
313
313
|
.value {
|
|
314
314
|
word-wrap: break-word;
|
|
315
|
-
${
|
|
315
|
+
${dr(5)};
|
|
316
316
|
}
|
|
317
317
|
|
|
318
318
|
[data-type='number'] {
|
|
319
|
-
color: ${
|
|
319
|
+
color: ${y.primary.var};
|
|
320
320
|
}
|
|
321
321
|
|
|
322
322
|
[data-type='boolean'] {
|
|
323
|
-
color: ${
|
|
323
|
+
color: ${y.warning.var};
|
|
324
324
|
}
|
|
325
325
|
|
|
326
326
|
[data-type='object'],
|
|
327
327
|
[data-type='undefined'] {
|
|
328
|
-
color: ${
|
|
328
|
+
color: ${y.white.alpha(.6)};
|
|
329
329
|
}
|
|
330
330
|
|
|
331
331
|
.collapsed {
|
|
332
|
-
color: ${
|
|
332
|
+
color: ${y.white.alpha(.5)};
|
|
333
333
|
}
|
|
334
334
|
}
|
|
335
|
-
`,
|
|
336
|
-
`:""}Shift + Click to copy value`,
|
|
335
|
+
`,wr=new Intl.NumberFormat("en-US"),ie=14,Fe=e=>{let[t,n]=se(!(e.indent>0&&e.compact)),[r,o]=se(!e.compact);return h(()=>{const l=e.value,s=Array.isArray(l),i=!s&&typeof l=="object"&&l!==null,c=e.key!==void 0||e.index!==void 0,a=s&&l.length>0||i&&Object.keys(l).length>0,u=a&&p(B,{onClick:()=>{n(()=>!t())},get classList(){return{expanded:t()}},class:"expand-button",get children(){return p(we,{name:"caret-down",size:14})}});return[c&&(()=>{const g=fr.cloneNode(!0),d=g.firstChild;return g.$$click=m=>{m.shiftKey&&Ne(JSON.stringify(l))},f(g,s||i?u:null,d),f(d,()=>e.key||e.index),k(m=>{const v=`${e.key?`${e.key}
|
|
336
|
+
`:""}Shift + Click to copy value`,b=e.index!==void 0;return v!==m._v$&&M(g,"title",m._v$=v),b!==m._v$2&&g.classList.toggle("index",m._v$2=b),m},{_v$:void 0,_v$2:void 0}),g})(),h((()=>{const g=h(()=>!!(c&&a&&!t()));return()=>g()?(()=>{const d=pr.cloneNode(!0);return f(d,()=>s?`[…] ${l.length} items`:`{…} ${Object.keys(l).length} properties`),d})():(()=>s&&l.length===0?gr.cloneNode(!0):i&&Object.keys(l).length===0?hr.cloneNode(!0):s?[(()=>{const d=Ct.cloneNode(!0);return be(d,"click",c?void 0:m=>{m.shiftKey&&Ne(JSON.stringify(l))},!0),M(d,"title",c?void 0:"Shift + Click to copy value"),f(d,!c&&u,null),f(d,()=>t()?"[":`[…] ${l.length} items`,null),d})(),h((()=>{const d=h(()=>!!t());return()=>d()&&[(()=>{const m=xt.cloneNode(!0);return f(m,()=>{let v=l;const b=v.length;return r()||(v=v.slice(0,ie)),[h(()=>v.map((C,P)=>(()=>{const w=_t.cloneNode(!0);return f(w,p(Fe,{value:C,get indent(){return e.indent+1},index:P,get compact(){return e.compact}})),w})())),h((()=>{const C=h(()=>!r()&&b>ie);return()=>C()&&p(B,{onClick:()=>{o(()=>!0)},class:"show-all",get children(){return["…show all (+",b-ie,")"]}})})())]}),m})(),mr.cloneNode(!0)]})())]:i?[(()=>{const d=Ct.cloneNode(!0);return be(d,"click",c?void 0:m=>{m.shiftKey&&Ne(JSON.stringify(l))},!0),M(d,"title",c?void 0:"Shift + Click to copy value"),f(d,!c&&u,null),f(d,(()=>{const m=h(()=>!!t());return()=>m()?"{":`{…} ${Object.keys(l).length} properties`})(),null),d})(),h((()=>{const d=h(()=>!!t());return()=>d()&&[(()=>{const m=xt.cloneNode(!0);return f(m,()=>{let v=Object.entries(l);const b=v.length;return r()||(v=v.slice(0,ie)),[h(()=>v.map(([C,P])=>(()=>{const w=_t.cloneNode(!0);return f(w,p(Fe,{value:P,key:C,get indent(){return e.indent+1},get compact(){return e.compact}})),w})())),h((()=>{const C=h(()=>!r()&&b>ie);return()=>C()&&p(B,{onClick:()=>{o(()=>!0)},class:"show-all",get children(){return["…show all (+",b-ie,")"]}})})())]}),m})(),yr.cloneNode(!0)]})())]:(()=>{const d=$r.cloneNode(!0);return d.$$click=m=>{m.shiftKey&&Ne(String(l))},M(d,"data-type",typeof l),f(d,typeof l=="string"&&St.cloneNode(!0),null),f(d,()=>typeof l=="number"?wr.format(l):String(l),null),f(d,typeof l=="string"&&St.cloneNode(!0),null),d})())()})())]})},U=e=>(()=>{const t=vr.cloneNode(!0);return _(t,br),f(t,p(Fe,{get value(){return e.value},indent:0,get compact(){return!!e.compact}})),t})();async function Ne(e){await navigator.clipboard.writeText(e),alert("Copied to clipboard")}ve(["click"]);let Cr=0;function xr(){return Cr++}const _r=$("<label></label>"),Sr=$('<div><div class="inputContainer"><select></select></div></div>'),kr=$('<option value="">-- select an option --</option>'),Nr=$("<option></option>"),Ar=S`
|
|
337
337
|
&&& {
|
|
338
|
-
${
|
|
338
|
+
${O({align:"left"})};
|
|
339
339
|
width: 100%;
|
|
340
340
|
position: relative;
|
|
341
341
|
|
|
342
342
|
label {
|
|
343
|
-
color: ${
|
|
343
|
+
color: ${y.primary.var};
|
|
344
344
|
z-index: 1;
|
|
345
345
|
font-size: 13px;
|
|
346
346
|
letter-spacing: 0.08em;
|
|
@@ -348,13 +348,13 @@
|
|
|
348
348
|
}
|
|
349
349
|
|
|
350
350
|
.inputContainer {
|
|
351
|
-
background: ${
|
|
351
|
+
background: ${y.white.alpha(.05)};
|
|
352
352
|
border-radius: 4px;
|
|
353
353
|
margin-top: 0px;
|
|
354
354
|
position: relative;
|
|
355
355
|
width: 100%;
|
|
356
356
|
overflow: hidden;
|
|
357
|
-
${
|
|
357
|
+
${O({align:"left"})};
|
|
358
358
|
}
|
|
359
359
|
|
|
360
360
|
select {
|
|
@@ -365,7 +365,7 @@
|
|
|
365
365
|
padding-left: 10px;
|
|
366
366
|
font-size: 14px;
|
|
367
367
|
background: transparent;
|
|
368
|
-
color: ${
|
|
368
|
+
color: ${y.white.var};
|
|
369
369
|
|
|
370
370
|
&:focus {
|
|
371
371
|
outline: 0;
|
|
@@ -381,31 +381,31 @@
|
|
|
381
381
|
left: 0;
|
|
382
382
|
right: 8px;
|
|
383
383
|
height: 17px;
|
|
384
|
-
background: ${
|
|
384
|
+
background: ${y.white.var};
|
|
385
385
|
}
|
|
386
386
|
}
|
|
387
|
-
`,
|
|
387
|
+
`,Pr=e=>{const t=`input${xr()}`;return(()=>{const n=Sr.cloneNode(!0),r=n.firstChild,o=r.firstChild;return f(n,p($e,{get when(){return e.label},get children(){const l=_r.cloneNode(!0);return M(l,"for",t),f(l,()=>e.label),l}}),r),o.addEventListener("change",l=>{l.currentTarget.value&&e.onChange(l.currentTarget.value)}),M(o,"id",t),f(o,(()=>{const l=h(()=>!e.value);return()=>l()&&kr.cloneNode(!0)})(),null),f(o,p(J,{get each(){return e.options},children:l=>(()=>{const s=Nr.cloneNode(!0);return f(s,()=>l.label),k(()=>s.value=l.value),s})()}),null),k(()=>_(n,wt(Ar,e.class))),k(()=>o.value=e.value??""),n})()};function kt(e){const t=e.alias||e.payload||e.searchParams;return!t||Object.keys(t).length===0?"":typeof t=="string"||typeof t=="number"?String(t):JSON.stringify(t)}function Nt(e,t){return Ue.dequal(e,t)?"no changes":zt.diffJson(typeof e=="object"&&e!==null?e:String(e),typeof t=="object"&&t!==null?t:String(t))}function Tr(e,t){return e.length>t?`${e.slice(0,t)}...`:e}const Er=$('<div class="changes-count"><span class="additions">+ <b></b> lines</span> | <span class="removals">- <b></b> lines</span></div>'),Be=$("<div></div>"),At=$("<div>No changes</div>"),Pt=$('<div class="line"></div>'),Or=S`
|
|
388
388
|
&&& {
|
|
389
|
-
${
|
|
389
|
+
${O({gap:14})};
|
|
390
390
|
|
|
391
391
|
.changes-count {
|
|
392
|
-
color: ${
|
|
392
|
+
color: ${y.white.alpha(.5)};
|
|
393
393
|
font-size: 14px;
|
|
394
394
|
|
|
395
395
|
.additions {
|
|
396
|
-
color: ${
|
|
396
|
+
color: ${y.success.var};
|
|
397
397
|
}
|
|
398
398
|
|
|
399
399
|
.removals {
|
|
400
|
-
color: ${
|
|
400
|
+
color: ${y.error.var};
|
|
401
401
|
}
|
|
402
402
|
}
|
|
403
403
|
}
|
|
404
|
-
`,
|
|
404
|
+
`,Tt=S`
|
|
405
405
|
&&& {
|
|
406
|
-
${
|
|
406
|
+
${O({gap:0})};
|
|
407
407
|
font-size: 14px;
|
|
408
|
-
font-family: ${
|
|
408
|
+
font-family: ${I.decorative};
|
|
409
409
|
white-space: pre;
|
|
410
410
|
overflow-x: auto;
|
|
411
411
|
|
|
@@ -415,8 +415,8 @@
|
|
|
415
415
|
|
|
416
416
|
&.added {
|
|
417
417
|
opacity: 1;
|
|
418
|
-
color: ${
|
|
419
|
-
background: ${
|
|
418
|
+
color: ${y.success.var};
|
|
419
|
+
background: ${y.success.alpha(.1)};
|
|
420
420
|
|
|
421
421
|
&::before {
|
|
422
422
|
content: '+';
|
|
@@ -427,8 +427,8 @@
|
|
|
427
427
|
|
|
428
428
|
&.removed {
|
|
429
429
|
opacity: 1;
|
|
430
|
-
color: ${
|
|
431
|
-
background: ${
|
|
430
|
+
color: ${y.error.var};
|
|
431
|
+
background: ${y.error.alpha(.1)};
|
|
432
432
|
|
|
433
433
|
&::before {
|
|
434
434
|
content: '-';
|
|
@@ -438,51 +438,51 @@
|
|
|
438
438
|
}
|
|
439
439
|
}
|
|
440
440
|
}
|
|
441
|
-
`,
|
|
441
|
+
`,jr=()=>{const e=h(()=>{const{selectedCall:i}=j;return i?Q.calls[i]:Object.values(Q.calls).at(-1)}),t=mt(()=>{const i=e();return i?bt(i.requests).map(c=>({value:c.id,label:`${F(c.startTime).format("HH:mm:ss")} | ${Tr(kt(c),50)}`})).filter(c=>c.value!==j.selectedRequest):[]},"value"),n=Ie(null),r=h(()=>j.selectedRequest?e()?.requests.find(i=>i.id===j.selectedRequest):null),o=h(()=>n.value?e()?.requests.find(i=>i.id===n.value):null),l=h(()=>{if(!n.value||!j.selectedRequest)return[];const i=r()?.response,c=o()?.response,a=Nt(c,i);return a==="no changes"?[]:a}),s=h(()=>{if(!n.value||!j.selectedRequest)return[];const i=Et(r()),c=Et(o()),a=Nt(c,i);return a==="no changes"?[]:a});return(()=>{const i=Be.cloneNode(!0);return _(i,Or),f(i,p(Pr,{get value(){return n.value},label:"Select a request to compare with",get options(){return t()},onChange:c=>{n.value=c}}),null),f(i,p($e,{get when(){return n.value},get children(){return[(()=>{const c=Er.cloneNode(!0),a=c.firstChild,u=a.firstChild,g=u.nextSibling,d=a.nextSibling,m=d.nextSibling,v=m.firstChild,b=v.nextSibling;return f(g,()=>l().filter(C=>C.added).length),f(b,()=>l().filter(C=>C.removed).length),c})(),p(z,{get title(){return h(()=>!!r()?.payload)()?"Payload Diff":r()?.searchParams?"Search Params Diff":"Path Params Diff"},get children(){const c=Be.cloneNode(!0);return _(c,Tt),f(c,p(J,{get each(){return s()},get fallback(){return At.cloneNode(!0)},children:a=>(()=>{const u=Pt.cloneNode(!0);return f(u,()=>a.value),k(g=>{const d=!!a.added,m=!!a.removed;return d!==g._v$&&u.classList.toggle("added",g._v$=d),m!==g._v$2&&u.classList.toggle("removed",g._v$2=m),g},{_v$:void 0,_v$2:void 0}),u})()})),c}}),p(z,{title:"Response Diff",get children(){const c=Be.cloneNode(!0);return _(c,Tt),f(c,p(J,{get each(){return l()},get fallback(){return At.cloneNode(!0)},children:a=>(()=>{const u=Pt.cloneNode(!0);return f(u,()=>a.value),k(g=>{const d=!!a.added,m=!!a.removed;return d!==g._v$3&&u.classList.toggle("added",g._v$3=d),m!==g._v$4&&u.classList.toggle("removed",g._v$4=m),g},{_v$3:void 0,_v$4:void 0}),u})()})),c}})]}}),null),i})()};function Et(e){return e?e.payload||e.searchParams||e.pathParams:null}const Ot=$("<div></div>"),Lr=$("<h1></h1>"),Dr=$('<div class="tags"></div>'),Mr=$('<div class="details"></div>'),Rr=$("<h2></h2>"),Ir=$('<div class="method"></div>'),zr=$('<div class="code"></div>'),Fr=$('<div class="tag error">Has Error</div>'),Br=$('<div class="tag"></div>'),Hr=S`
|
|
442
442
|
&&& {
|
|
443
|
-
${
|
|
443
|
+
${O()};
|
|
444
444
|
padding-left: 10px;
|
|
445
445
|
|
|
446
446
|
> h1 {
|
|
447
447
|
margin-top: 12px;
|
|
448
|
-
font-family: ${
|
|
449
|
-
${
|
|
448
|
+
font-family: ${I.decorative};
|
|
449
|
+
${Se};
|
|
450
450
|
}
|
|
451
451
|
|
|
452
452
|
> h2 {
|
|
453
453
|
margin-top: 4px;
|
|
454
|
-
font-family: ${
|
|
454
|
+
font-family: ${I.decorative};
|
|
455
455
|
font-size: 12px;
|
|
456
456
|
opacity: 0.5;
|
|
457
457
|
}
|
|
458
458
|
|
|
459
459
|
.tags {
|
|
460
|
-
${
|
|
460
|
+
${G({gap:8})};
|
|
461
461
|
margin-top: 8px;
|
|
462
462
|
|
|
463
463
|
.method {
|
|
464
|
-
color: ${
|
|
464
|
+
color: ${y.primary.var};
|
|
465
465
|
}
|
|
466
466
|
|
|
467
467
|
.code {
|
|
468
|
-
color: ${
|
|
468
|
+
color: ${y.success.var};
|
|
469
469
|
|
|
470
470
|
&.error {
|
|
471
|
-
color: ${
|
|
471
|
+
color: ${y.error.var};
|
|
472
472
|
}
|
|
473
473
|
}
|
|
474
474
|
|
|
475
475
|
.tag {
|
|
476
476
|
font-size: 11px;
|
|
477
|
-
color: ${
|
|
477
|
+
color: ${y.warning.var};
|
|
478
478
|
padding: 1px 3px;
|
|
479
479
|
border-radius: 4px;
|
|
480
|
-
border: 1px solid ${
|
|
480
|
+
border: 1px solid ${y.warning.alpha(.6)};
|
|
481
481
|
|
|
482
482
|
&.error {
|
|
483
|
-
color: ${
|
|
483
|
+
color: ${y.error.var};
|
|
484
484
|
font-weight: 600;
|
|
485
|
-
border-color: ${
|
|
485
|
+
border-color: ${y.error.alpha(.6)};
|
|
486
486
|
}
|
|
487
487
|
}
|
|
488
488
|
}
|
|
@@ -490,16 +490,16 @@
|
|
|
490
490
|
> .details {
|
|
491
491
|
margin-top: 14px;
|
|
492
492
|
padding-right: 10px;
|
|
493
|
-
${
|
|
493
|
+
${O({gap:8})};
|
|
494
494
|
flex: 1 1;
|
|
495
495
|
overflow-y: auto;
|
|
496
496
|
padding-bottom: 20px;
|
|
497
497
|
}
|
|
498
498
|
}
|
|
499
|
-
`,
|
|
499
|
+
`,Vr=S`
|
|
500
500
|
&&& {
|
|
501
|
-
${
|
|
502
|
-
color: ${
|
|
501
|
+
${G({gap:20})};
|
|
502
|
+
color: ${y.secondary.var};
|
|
503
503
|
margin-top: 20px;
|
|
504
504
|
|
|
505
505
|
> button {
|
|
@@ -516,48 +516,48 @@
|
|
|
516
516
|
}
|
|
517
517
|
}
|
|
518
518
|
}
|
|
519
|
-
`,
|
|
519
|
+
`,Ur=()=>{const e=h(()=>j.selectedCall),t=h(()=>j.selectedRequest),n=h(()=>j.selectedTab||"summary"),r=h(()=>{let l;e()?l=Q.calls[e()]:l=Object.values(Q.calls).at(-1);const s=t()&&l?.requests.find(i=>i.id===t())||l?.requests.at(-1);return s&&l?{...s,callName:l.name,callPath:l.path}:null});function o(l,s){return p(B,{get classList(){return{selected:n()===l}},onClick:()=>{_e("selectedTab",l)},children:s})}return(()=>{const l=Ot.cloneNode(!0);return _(l,Hr),f(l,p($e,{get when(){return r()},keyed:!0,children:s=>[(()=>{const i=Lr.cloneNode(!0);return f(i,()=>s.callName,null),f(i,()=>s.alias&&` | ${s.alias}`,null),i})(),h((()=>{const i=h(()=>s.callPath!==s.callName);return()=>i()&&(()=>{const c=Rr.cloneNode(!0);return f(c,()=>s.callPath),c})()})()),(()=>{const i=Dr.cloneNode(!0);return f(i,(()=>{const c=h(()=>!!s.method);return()=>c()&&(()=>{const a=Ir.cloneNode(!0);return f(a,()=>s.method),a})()})(),null),f(i,(()=>{const c=h(()=>!!s.code);return()=>c()&&(()=>{const a=zr.cloneNode(!0);return f(a,()=>s.code),k(()=>a.classList.toggle("error",s.code>=400)),a})()})(),null),f(i,(()=>{const c=h(()=>!!s.isError);return()=>c()&&Fr.cloneNode(!0)})(),null),f(i,p(J,{get each(){return s.tags},children:c=>(()=>{const a=Br.cloneNode(!0);return f(a,c),a})()}),null),i})(),(()=>{const i=Ot.cloneNode(!0);return _(i,Vr),f(i,()=>o("summary","Summary"),null),f(i,(()=>{const c=h(()=>!!s.payload);return()=>c()&&o("payload","Payload")})(),null),f(i,(()=>{const c=h(()=>!!s.searchParams);return()=>c()&&o("urlParams","URL Params")})(),null),f(i,()=>o("response","Response"),null),f(i,()=>o("diff","Diff"),null),i})(),(()=>{const i=Mr.cloneNode(!0);return f(i,p(Qt,{get children(){return[p(ce,{get when(){return n()==="summary"},get children(){return[h(()=>h(()=>!!s.payload)()&&p(z,{title:"Payload",get children(){return p(U,{get value(){return s.payload},compact:!0})}})),h(()=>h(()=>!!s.searchParams)()&&p(z,{title:"URL Params",get children(){return p(U,{get value(){return s.searchParams},compact:!0})}})),h(()=>h(()=>!!s.response)()&&p(z,{title:"Response",get children(){return p(U,{get value(){return s.response},compact:!0})}})),p(z,{title:"Stats",get children(){return p(U,{get value(){return{"Duration (ms)":Math.round(s.duration),"Start Time":`${F(s.startTime).format("HH:mm:ss")} (${F(s.startTime).fromNow()})`}}})}}),p(z,{title:"Metadata",get children(){return p(U,{get value(){return s.metadata}})}})]}}),p(ce,{get when(){return n()==="payload"},get children(){return p(z,{title:null,get children(){return p(U,{get value(){return s.payload}})}})}}),p(ce,{get when(){return n()==="response"},get children(){return p(z,{title:null,get children(){return p(U,{get value(){return s.response}})}})}}),p(ce,{get when(){return n()==="urlParams"},get children(){return p(z,{title:null,get children(){return p(U,{get value(){return s.searchParams}})}})}}),p(ce,{get when(){return n()==="diff"},get children(){return p(jr,{})}})]}})),i})()]})),l})()},Zr=$("<div><h1>timeline</h1><div></div></div>"),Kr=$("<div>no requests found</div>"),Wr=$('<span class="start-time"></span>'),qr=$("<div></div>"),Jr=$('<span class="separator">|</span>'),Xr=$('<span class="payload"></span>'),Gr=S`
|
|
520
520
|
&&& {
|
|
521
|
-
${
|
|
522
|
-
border-right: 1px solid ${
|
|
521
|
+
${O()};
|
|
522
|
+
border-right: 1px solid ${y.white.alpha(.1)};
|
|
523
523
|
|
|
524
524
|
> h1 {
|
|
525
525
|
font-size: 16px;
|
|
526
526
|
padding-left: 12px;
|
|
527
527
|
padding-top: 10px;
|
|
528
|
-
font-family: ${
|
|
529
|
-
color: ${
|
|
528
|
+
font-family: ${I.decorative};
|
|
529
|
+
color: ${y.secondary.var};
|
|
530
530
|
padding-bottom: 16px;
|
|
531
531
|
}
|
|
532
532
|
}
|
|
533
|
-
`,
|
|
533
|
+
`,Qr=S`
|
|
534
534
|
&&& {
|
|
535
|
-
${
|
|
535
|
+
${O()};
|
|
536
536
|
flex: 1 1;
|
|
537
537
|
overflow-y: auto;
|
|
538
538
|
}
|
|
539
|
-
`,
|
|
539
|
+
`,Yr=S`
|
|
540
540
|
&&& {
|
|
541
541
|
font-size: 13px;
|
|
542
|
-
${
|
|
542
|
+
${O()};
|
|
543
543
|
|
|
544
544
|
&.error {
|
|
545
|
-
color: ${
|
|
545
|
+
color: ${y.error.var};
|
|
546
546
|
font-weight: 600;
|
|
547
547
|
}
|
|
548
548
|
|
|
549
549
|
> button {
|
|
550
550
|
padding: 4px 12px;
|
|
551
|
-
${
|
|
551
|
+
${G({gap:8})};
|
|
552
552
|
opacity: 0.8;
|
|
553
553
|
|
|
554
554
|
&.selected {
|
|
555
555
|
opacity: 1;
|
|
556
|
-
background-color: ${
|
|
556
|
+
background-color: ${y.secondary.alpha(.16)};
|
|
557
557
|
}
|
|
558
558
|
|
|
559
559
|
> .start-time {
|
|
560
|
-
font-family: ${
|
|
560
|
+
font-family: ${I.decorative};
|
|
561
561
|
}
|
|
562
562
|
|
|
563
563
|
> .separator {
|
|
@@ -565,26 +565,26 @@
|
|
|
565
565
|
}
|
|
566
566
|
|
|
567
567
|
> .payload {
|
|
568
|
-
${
|
|
568
|
+
${Se};
|
|
569
569
|
flex-shrink: 1;
|
|
570
570
|
}
|
|
571
571
|
}
|
|
572
572
|
}
|
|
573
|
-
`,
|
|
573
|
+
`,el=S`
|
|
574
574
|
&&& {
|
|
575
575
|
opacity: 0.4;
|
|
576
576
|
font-size: 14px;
|
|
577
577
|
padding: 12px;
|
|
578
578
|
padding-top: 0;
|
|
579
579
|
}
|
|
580
|
-
`,
|
|
580
|
+
`,tl=()=>{const e=h(()=>{const o=j.selectedCall;return o?o?Q.calls[o]:null:Object.values(Q.calls).at(-1)||null}),t=h(()=>{const o=bt(e()?.requests);return o.length===0?null:o}),n=h(()=>j.selectedSubitem?t()?.filter(o=>o.alias===j.selectedSubitem):t()),r=h(()=>j.selectedRequest||n()?.[0]?.id);return(()=>{const o=Zr.cloneNode(!0),l=o.firstChild,s=l.nextSibling;return _(o,Gr),_(s,Qr),f(s,p(J,{get each(){return n()},get fallback(){return(()=>{const i=Kr.cloneNode(!0);return _(i,el),i})()},children:i=>{const c=F(i.startTime),a=c.format("HH:mm:ss"),u=c.fromNow(),g=kt(i);return(()=>{const d=qr.cloneNode(!0);return _(d,Yr),f(d,p(B,{onClick:()=>{_e("selectedRequest",i.id)},get classList(){return{selected:i.id===r()}},get children(){return[(()=>{const m=Wr.cloneNode(!0);return M(m,"title",u),f(m,a),m})(),h(()=>!!g&&[Jr.cloneNode(!0),(()=>{const m=Xr.cloneNode(!0);return M(m,"title",g),f(m,g),m})()])]}})),k(()=>d.classList.toggle("error",!!i.isError)),d})()}})),o})()},nl=$("<div></div>"),rl=S`
|
|
581
581
|
&&& {
|
|
582
582
|
display: grid;
|
|
583
|
-
grid-template-columns:
|
|
583
|
+
grid-template-columns: 1fr 1fr 3fr;
|
|
584
584
|
}
|
|
585
|
-
`,
|
|
586
|
-
font-family: ${
|
|
587
|
-
color: ${
|
|
585
|
+
`,ll=()=>(()=>{const e=nl.cloneNode(!0);return _(e,rl),f(e,p(ir,{}),null),f(e,p(tl,{}),null),f(e,p(Ur,{}),null),e})(),ol=`
|
|
586
|
+
font-family: ${I.primary};
|
|
587
|
+
color: ${y.textPrimary.var};
|
|
588
588
|
|
|
589
589
|
* {
|
|
590
590
|
user-select: none;
|
|
@@ -633,11 +633,11 @@
|
|
|
633
633
|
h3 {
|
|
634
634
|
font-weight: normal;
|
|
635
635
|
}
|
|
636
|
-
`,
|
|
636
|
+
`,il=`
|
|
637
637
|
display: flex;
|
|
638
638
|
align-items: center;
|
|
639
639
|
justify-content: center;
|
|
640
|
-
`,
|
|
640
|
+
`,sl=`
|
|
641
641
|
*,
|
|
642
642
|
*::before,
|
|
643
643
|
*::after {
|
|
@@ -711,26 +711,26 @@ button {
|
|
|
711
711
|
cursor: pointer;
|
|
712
712
|
-webkit-appearance: none;
|
|
713
713
|
}
|
|
714
|
-
|
|
715
|
-
${
|
|
716
|
-
${
|
|
714
|
+
`,cl=$("<div></div>"),al=$('<div id="dev-tools-root-element"><nav></nav><main></main></div>'),ul=S`
|
|
715
|
+
${sl};
|
|
716
|
+
${ol};
|
|
717
717
|
|
|
718
718
|
position: fixed;
|
|
719
719
|
inset: 32px;
|
|
720
720
|
border-radius: 4px;
|
|
721
|
-
background: ${
|
|
721
|
+
background: ${y.bgPrimary.var};
|
|
722
722
|
display: grid;
|
|
723
723
|
grid-template-columns: 51px 1fr;
|
|
724
724
|
|
|
725
725
|
nav {
|
|
726
|
-
${
|
|
727
|
-
border-right: 1px solid ${
|
|
726
|
+
${O()};
|
|
727
|
+
border-right: 1px solid ${y.white.alpha(.1)};
|
|
728
728
|
|
|
729
729
|
button {
|
|
730
|
-
${
|
|
730
|
+
${il};
|
|
731
731
|
width: 100%;
|
|
732
732
|
aspect-ratio: 1 / 1;
|
|
733
|
-
color: ${
|
|
733
|
+
color: ${y.bgPrimary.var};
|
|
734
734
|
--icon-size: 30px;
|
|
735
735
|
|
|
736
736
|
&::before {
|
|
@@ -738,16 +738,16 @@ button {
|
|
|
738
738
|
inset: 6px;
|
|
739
739
|
border-radius: 3px;
|
|
740
740
|
position: absolute;
|
|
741
|
-
background: ${
|
|
741
|
+
background: ${y.primary.var};
|
|
742
742
|
}
|
|
743
743
|
}
|
|
744
744
|
}
|
|
745
745
|
|
|
746
746
|
> main > * {
|
|
747
|
-
${
|
|
747
|
+
${De};
|
|
748
748
|
}
|
|
749
|
-
`,
|
|
750
|
-
${
|
|
749
|
+
`,dl=S`
|
|
750
|
+
${De};
|
|
751
751
|
position: fixed;
|
|
752
752
|
inset: 0;
|
|
753
|
-
`,
|
|
753
|
+
`,fl=()=>[(()=>{const e=cl.cloneNode(!0);return be(e,"click",hl,!0),_(e,dl),e})(),(()=>{const e=al.cloneNode(!0),t=e.firstChild,n=t.nextSibling;return _(e,ul),f(t,p(B,{title:"API Explorer",get children(){return p(we,{name:"network"})}})),f(n,p(ll,{})),e})()];ve(["click"]);const pl=()=>p(fl,{});let jt=()=>{};function gl(){F.extend(mn),navigator.platform.indexOf("Win")>-1&&document.body.classList.add("windows");const e=document.getElementById("dev-tools-root")||document.createElement("div");e.id="dev-tools-root",document.body.appendChild(e),jt=sn(()=>p(pl,{}),e)}function hl(){jt()}function ml({callsProcessor:e,shortcut:t}){Rt(window,{[t]:n=>{n.preventDefault();const r=document.activeElement;r instanceof HTMLElement&&(r.isContentEditable||r.tagName==="INPUT"||r.tagName==="TEXTAREA")||gl()}}),er({callsProcessor:e})}D.addCall=tr,D.initializeDevTools=ml,Object.defineProperty(D,Symbol.toStringTag,{value:"Module"})});
|