@tanstack/query-devtools 5.0.0-rc.10 → 5.0.0-rc.14
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/build/Devtools/{ECUC7UFN.jsx → 3BAJISSX.jsx} +558 -286
- package/build/Devtools/{UZ6MTF6A.js → 4TNE5QTO.js} +610 -366
- package/build/Devtools/{56YMBTAH.jsx → OWSLDUSP.jsx} +558 -286
- package/build/Devtools/{B5V4HXOX.js → YSRICXZI.js} +610 -366
- package/build/dev.cjs +657 -403
- package/build/dev.js +42 -32
- package/build/dev.jsx +42 -32
- package/build/index.cjs +657 -403
- package/build/index.d.cts +1 -14
- package/build/index.d.ts +1 -14
- package/build/index.js +42 -32
- package/build/index.jsx +42 -32
- package/package.json +2 -2
- package/src/Context.ts +9 -0
- package/src/Devtools.tsx +422 -206
- package/src/Explorer.tsx +72 -47
- package/src/icons/index.tsx +113 -50
- package/src/index.tsx +41 -41
- package/src/utils.tsx +17 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createContext, delegateEvents, createSignal,
|
|
1
|
+
import { createContext, delegateEvents, createSignal, createMemo, createComponent, createEffect, insert, Show, createRenderEffect, className, on, onMount, setAttribute, spread, mergeProps, For, onCleanup, isServer, $PROXY, $TRACK, getListener, batch, useContext, Index, template, use, untrack, useTransition, createRoot, splitProps, createUniqueId, Portal, addEventListener, Switch, Match, Dynamic, children, createComputed, getOwner, DEV } from '../chunk/L2WNRKEK.js';
|
|
2
2
|
|
|
3
3
|
// ../../node_modules/.pnpm/@tanstack+match-sorter-utils@8.8.4/node_modules/@tanstack/match-sorter-utils/build/lib/index.mjs
|
|
4
4
|
var characterMap = {
|
|
@@ -9245,6 +9245,19 @@ var sortFns = {
|
|
|
9245
9245
|
var convertRemToPixels = (rem) => {
|
|
9246
9246
|
return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
|
|
9247
9247
|
};
|
|
9248
|
+
var getPreferredColorScheme = () => {
|
|
9249
|
+
const [colorScheme, setColorScheme] = createSignal("dark");
|
|
9250
|
+
onMount(() => {
|
|
9251
|
+
const query = window.matchMedia("(prefers-color-scheme: dark)");
|
|
9252
|
+
setColorScheme(query.matches ? "dark" : "light");
|
|
9253
|
+
const listener = (e2) => {
|
|
9254
|
+
setColorScheme(e2.matches ? "dark" : "light");
|
|
9255
|
+
};
|
|
9256
|
+
query.addEventListener("change", listener);
|
|
9257
|
+
onCleanup(() => query.removeEventListener("change", listener));
|
|
9258
|
+
});
|
|
9259
|
+
return colorScheme;
|
|
9260
|
+
};
|
|
9248
9261
|
var updateNestedDataByPath = (oldData, updatePath2, value) => {
|
|
9249
9262
|
if (updatePath2.length === 0) {
|
|
9250
9263
|
return value;
|
|
@@ -9327,21 +9340,23 @@ var deleteNestedDataByPath = (oldData, deletePath) => {
|
|
|
9327
9340
|
};
|
|
9328
9341
|
|
|
9329
9342
|
// src/icons/index.tsx
|
|
9330
|
-
var _tmpl$ = /* @__PURE__ */ template(`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 13L9.00007 9M10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z" stroke="
|
|
9331
|
-
var _tmpl$2 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 3H15M3 6H21M19 6L18.2987 16.5193C18.1935 18.0975 18.1409 18.8867 17.8 19.485C17.4999 20.0118 17.0472 20.4353 16.5017 20.6997C15.882 21 15.0911 21 13.5093 21H10.4907C8.90891 21 8.11803 21 7.49834 20.6997C6.95276 20.4353 6.50009 20.0118 6.19998 19.485C5.85911 18.8867 5.8065 18.0975 5.70129 16.5193L5 6M10 10.5V15.5M14 10.5V15.5" stroke="
|
|
9332
|
-
var _tmpl$3 = /* @__PURE__ */ template(`<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5 5L9 1" stroke="
|
|
9333
|
-
var _tmpl$4 = /* @__PURE__ */ template(`<svg width="12" height="12" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 13.3333V2.66667M8 2.66667L4 6.66667M8 2.66667L12 6.66667" stroke="
|
|
9334
|
-
var _tmpl$5 = /* @__PURE__ */ template(`<svg width="12" height="12" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2.66667V13.3333M8 13.3333L4 9.33333M8 13.3333L12 9.33333" stroke="
|
|
9335
|
-
var _tmpl$6 = /* @__PURE__ */ template(`<svg
|
|
9336
|
-
var _tmpl$7 = /* @__PURE__ */ template(`<svg
|
|
9337
|
-
var _tmpl$8 = /* @__PURE__ */ template(`<svg
|
|
9338
|
-
var _tmpl$9 = /* @__PURE__ */ template(`<svg
|
|
9339
|
-
var _tmpl$10 = /* @__PURE__ */ template(`<svg width="
|
|
9340
|
-
var _tmpl$11 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9
|
|
9341
|
-
var _tmpl$12 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
9342
|
-
var _tmpl$13 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
9343
|
-
var _tmpl$14 = /* @__PURE__ */ template(`<svg
|
|
9344
|
-
var _tmpl$15 = /* @__PURE__ */ template(`<svg version="1.0" viewBox="0 0 633 633"><linearGradient id="a" x1="-666.45" x2="-666.45" y1="163.28" y2="163.99" gradientTransform="matrix(633 0 0 633 422177 -103358)" gradientUnits="userSpaceOnUse"><stop stop-color="#6BDAFF" offset="0"></stop><stop stop-color="#F9FFB5" offset=".32"></stop><stop stop-color="#FFA770" offset=".71"></stop><stop stop-color="#FF7373" offset="1"></stop></linearGradient><circle cx="316.5" cy="316.5" r="316.5" fill="url(#a)"></circle><defs><filter id="am" x="-137.5" y="412" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="b" x="-137.5" y="412" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#am)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#b)"><ellipse cx="89.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ah" x="316.5" y="412" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="k" x="316.5" y="412" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ah)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#k)"><ellipse cx="543.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ae" x="-137.5" y="450" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="j" x="-137.5" y="450" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ae)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#j)"><ellipse cx="89.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="ai" x="316.5" y="450" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="i" x="316.5" y="450" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ai)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#i)"><ellipse cx="543.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="aj" x="-137.5" y="486" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="h" x="-137.5" y="486" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#aj)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#h)"><ellipse cx="89.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="ag" x="316.5" y="486" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="g" x="316.5" y="486" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ag)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#g)"><ellipse cx="543.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="af" x="272.2" y="308" width="176.9" height="129.3" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="f" x="272.2" y="308" width="176.9" height="129.3" maskUnits="userSpaceOnUse"><g filter="url(#af)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#f)"><line x1="436" x2="431" y1="403.2" y2="431.8" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><line x1="291" x2="280" y1="341.5" y2="403.5" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><line x1="332.9" x2="328.6" y1="384.1" y2="411.2" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><linearGradient id="m" x1="-670.75" x2="-671.59" y1="164.4" y2="164.49" gradientTransform="matrix(-184.16 -32.472 -11.461 64.997 -121359 -32126)" gradientUnits="userSpaceOnUse"><stop stop-color="#EE2700" offset="0"></stop><stop stop-color="#FF008E" offset="1"></stop></linearGradient><path d="m344.1 363 97.7 17.2c5.8 2.1 8.2 6.1 7.1 12.1s-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1 0.8-12.8s8.3-4.4 13.7-2.1l55.2 53.6z" clip-rule="evenodd" fill="url(#m)" fill-rule="evenodd"></path><line x1="428.2" x2="429.1" y1="384.5" y2="378" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="395.2" x2="396.1" y1="379.5" y2="373" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="362.2" x2="363.1" y1="373.5" y2="367.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="324.2" x2="328.4" y1="351.3" y2="347.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="303.2" x2="307.4" y1="331.3" y2="327.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line></g><defs><filter id="ak" x="73.2" y="113.8" width="280.6" height="317.4" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="e" x="73.2" y="113.8" width="280.6" height="317.4" maskUnits="userSpaceOnUse"><g filter="url(#ak)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#e)"><linearGradient id="n" x1="-672.16" x2="-672.16" y1="165.03" y2="166.03" gradientTransform="matrix(-100.18 48.861 97.976 200.88 -83342 -93.059)" gradientUnits="userSpaceOnUse"><stop stop-color="#A17500" offset="0"></stop><stop stop-color="#5D2100" offset="1"></stop></linearGradient><path d="m192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.1-3 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6s-10.8-51.9-22.1-99.6l-25.3 4.6" clip-rule="evenodd" fill="url(#n)" fill-rule="evenodd"></path><g stroke="#2F8A00"><linearGradient id="r" x1="-660.23" x2="-660.23" y1="166.72" y2="167.72" gradientTransform="matrix(92.683 4.8573 -2.0259 38.657 61680 -3088.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z" clip-rule="evenodd" fill="url(#r)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="s" x1="-661.36" x2="-661.36" y1="164.18" y2="165.18" gradientTransform="matrix(110 5.7648 -6.3599 121.35 73933 -15933)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.4 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20.2 49.6-53.2 49.6-53.2z" clip-rule="evenodd" fill="url(#s)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="q" x1="-656.79" x2="-656.79" y1="165.15" y2="166.15" gradientTransform="matrix(62.954 3.2993 -3.5023 66.828 42156 -8754.1)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m195 183.9c-0.8-21.9 6-38 20.6-48.2s29.8-15.4 45.5-15.3c-6.1 21.4-14.5 35.8-25.2 43.4s-24.4 14.2-40.9 20.1z" clip-rule="evenodd" fill="url(#q)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="p" x1="-663.07" x2="-663.07" y1="165.44" y2="166.44" gradientTransform="matrix(152.47 7.9907 -3.0936 59.029 101884 -4318.7)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5c31.9-30 64.1-39.7 96.7-29s50.8 30.4 54.6 59.1c-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z" clip-rule="evenodd" fill="url(#p)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="o" x1="-662.57" x2="-662.57" y1="164.44" y2="165.44" gradientTransform="matrix(136.46 7.1517 -5.2163 99.533 91536 -11442)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5c35.8-7.6 65.6-0.2 89.2 22s37.7 49 42.3 80.3c-39.8-9.7-68.3-23.8-85.5-42.4s-32.5-38.5-46-59.9z" clip-rule="evenodd" fill="url(#o)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="l" x1="-656.43" x2="-656.43" y1="163.86" y2="164.86" gradientTransform="matrix(60.866 3.1899 -8.7773 167.48 41560 -25168)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6s-3.6 63.1 8.7 99.6c27.4-40.3 43.2-69.6 47.4-88s5.6-44.1 4-77.2z" clip-rule="evenodd" fill="url(#l)" fill-rule="evenodd" stroke-width="13"></path><path d="m196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4s-9.5 33-11.1 45.1" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m194.9 185.7c-24.4 1.7-43.8 9-58.1 21.8s-24.7 25.4-31.3 37.8" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m204.5 176.4c29.7-6.7 52-8.4 67-5.1s26.9 8.6 35.8 15.9" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m196.5 181.4c20.3 9.9 38.2 20.5 53.9 31.9s27.4 22.1 35.1 32" fill="none" stroke-linecap="round" stroke-width="8"></path></g></g><defs><filter id="al" x="50.5" y="399" width="532" height="633" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="d" x="50.5" y="399" width="532" height="633" maskUnits="userSpaceOnUse"><g filter="url(#al)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#d)"><linearGradient id="u" x1="-666.06" x2="-666.23" y1="163.36" y2="163.75" gradientTransform="matrix(532 0 0 633 354760 -102959)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF400" offset="0"></stop><stop stop-color="#3C8700" offset="1"></stop></linearGradient><ellipse cx="316.5" cy="715.5" rx="266" ry="316.5" fill="url(#u)"></ellipse></g><defs><filter id="ad" x="391" y="-24" width="288" height="283" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="c" x="391" y="-24" width="288" height="283" maskUnits="userSpaceOnUse"><g filter="url(#ad)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#c)"><linearGradient id="t" x1="-664.56" x2="-664.56" y1="163.79" y2="164.79" gradientTransform="matrix(227 0 0 227 151421 -37204)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDF00" offset="0"></stop><stop stop-color="#FF9D00" offset="1"></stop></linearGradient><circle cx="565.5" cy="89.5" r="113.5" fill="url(#t)"></circle><linearGradient id="v" x1="-644.5" x2="-645.77" y1="342" y2="342" gradientTransform="matrix(30 0 0 1 19770 -253)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="427" x2="397" y1="89" y2="89" fill="none" stroke="url(#v)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="aa" x1="-641.56" x2="-642.83" y1="196.02" y2="196.07" gradientTransform="matrix(26.5 0 0 5.5 17439 -1025.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="430.5" x2="404" y1="55.5" y2="50" fill="none" stroke="url(#aa)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="w" x1="-643.73" x2="-645" y1="185.83" y2="185.9" gradientTransform="matrix(29 0 0 8 19107 -1361)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="431" x2="402" y1="122" y2="130" fill="none" stroke="url(#w)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ac" x1="-638.94" x2="-640.22" y1="177.09" y2="177.39" gradientTransform="matrix(24 0 0 13 15783 -2145)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="442" x2="418" y1="153" y2="166" fill="none" stroke="url(#ac)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ab" x1="-633.42" x2="-634.7" y1="172.41" y2="173.31" gradientTransform="matrix(20 0 0 19 13137 -3096)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="464" x2="444" y1="180" y2="199" fill="none" stroke="url(#ab)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="y" x1="-619.05" x2="-619.52" y1="170.82" y2="171.82" gradientTransform="matrix(13.83 0 0 22.85 9050 -3703.4)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="491.4" x2="477.5" y1="203" y2="225.9" fill="none" stroke="url(#y)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="x" x1="-578.5" x2="-578.63" y1="170.31" y2="171.31" gradientTransform="matrix(7.5 0 0 24.5 4860 -3953)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="524.5" x2="517" y1="219.5" y2="244" fill="none" stroke="url(#x)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="z" x1="666.5" x2="666.5" y1="170.31" y2="171.31" gradientTransform="matrix(.5 0 0 24.5 231.5 -3944)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="564.5" x2="565" y1="228.5" y2="253" fill="none" stroke="url(#z)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12">`);
|
|
9343
|
+
var _tmpl$ = /* @__PURE__ */ template(`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 13L9.00007 9M10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round">`);
|
|
9344
|
+
var _tmpl$2 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 3H15M3 6H21M19 6L18.2987 16.5193C18.1935 18.0975 18.1409 18.8867 17.8 19.485C17.4999 20.0118 17.0472 20.4353 16.5017 20.6997C15.882 21 15.0911 21 13.5093 21H10.4907C8.90891 21 8.11803 21 7.49834 20.6997C6.95276 20.4353 6.50009 20.0118 6.19998 19.485C5.85911 18.8867 5.8065 18.0975 5.70129 16.5193L5 6M10 10.5V15.5M14 10.5V15.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">`);
|
|
9345
|
+
var _tmpl$3 = /* @__PURE__ */ template(`<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round">`);
|
|
9346
|
+
var _tmpl$4 = /* @__PURE__ */ template(`<svg width="12" height="12" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 13.3333V2.66667M8 2.66667L4 6.66667M8 2.66667L12 6.66667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round">`);
|
|
9347
|
+
var _tmpl$5 = /* @__PURE__ */ template(`<svg width="12" height="12" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2.66667V13.3333M8 13.3333L4 9.33333M8 13.3333L12 9.33333" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round">`);
|
|
9348
|
+
var _tmpl$6 = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24" height="12" width="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2v2m0 16v2M4 12H2m4.314-5.686L4.9 4.9m12.786 1.414L19.1 4.9M6.314 17.69 4.9 19.104m12.786-1.414 1.414 1.414M22 12h-2m-3 0a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">`);
|
|
9349
|
+
var _tmpl$7 = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24" height="12" width="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 15.844a10.424 10.424 0 0 1-4.306.925c-5.779 0-10.463-4.684-10.463-10.462 0-1.536.33-2.994.925-4.307A10.464 10.464 0 0 0 2 11.538C2 17.316 6.684 22 12.462 22c4.243 0 7.896-2.526 9.538-6.156Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">`);
|
|
9350
|
+
var _tmpl$8 = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24" height="12" width="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 21h8m-4-4v4m-5.2-4h10.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C22 14.72 22 13.88 22 12.2V7.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C19.72 3 18.88 3 17.2 3H6.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C2 5.28 2 6.12 2 7.8v4.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C4.28 17 5.12 17 6.8 17Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">`);
|
|
9351
|
+
var _tmpl$9 = /* @__PURE__ */ template(`<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3a4.237 4.237 0 00-6 0zm-4-4l2 2a7.074 7.074 0 0110 0l2-2C15.14 9.14 8.87 9.14 5 13z">`);
|
|
9352
|
+
var _tmpl$10 = /* @__PURE__ */ template(`<svg stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M24 .01c0-.01 0-.01 0 0L0 0v24h24V.01zM0 0h24v24H0V0zm0 0h24v24H0V0z"></path><path d="M22.99 9C19.15 5.16 13.8 3.76 8.84 4.78l2.52 2.52c3.47-.17 6.99 1.05 9.63 3.7l2-2zm-4 4a9.793 9.793 0 00-4.49-2.56l3.53 3.53.96-.97zM2 3.05L5.07 6.1C3.6 6.82 2.22 7.78 1 9l1.99 2c1.24-1.24 2.67-2.16 4.2-2.77l2.24 2.24A9.684 9.684 0 005 13v.01L6.99 15a7.042 7.042 0 014.92-2.06L18.98 20l1.27-1.26L3.29 1.79 2 3.05zM9 17l3 3 3-3a4.237 4.237 0 00-6 0z">`);
|
|
9353
|
+
var _tmpl$11 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.3951 19.3711L9.97955 20.6856C10.1533 21.0768 10.4368 21.4093 10.7958 21.6426C11.1547 21.8759 11.5737 22.0001 12.0018 22C12.4299 22.0001 12.8488 21.8759 13.2078 21.6426C13.5667 21.4093 13.8503 21.0768 14.024 20.6856L14.6084 19.3711C14.8165 18.9047 15.1664 18.5159 15.6084 18.26C16.0532 18.0034 16.5678 17.8941 17.0784 17.9478L18.5084 18.1C18.9341 18.145 19.3637 18.0656 19.7451 17.8713C20.1265 17.6771 20.4434 17.3763 20.6573 17.0056C20.8715 16.635 20.9735 16.2103 20.9511 15.7829C20.9286 15.3555 20.7825 14.9438 20.5307 14.5978L19.684 13.4344C19.3825 13.0171 19.2214 12.5148 19.224 12C19.2239 11.4866 19.3865 10.9864 19.6884 10.5711L20.5351 9.40778C20.787 9.06175 20.933 8.65007 20.9555 8.22267C20.978 7.79528 20.8759 7.37054 20.6618 7C20.4479 6.62923 20.131 6.32849 19.7496 6.13423C19.3681 5.93997 18.9386 5.86053 18.5129 5.90556L17.0829 6.05778C16.5722 6.11141 16.0577 6.00212 15.6129 5.74556C15.17 5.48825 14.82 5.09736 14.6129 4.62889L14.024 3.31444C13.8503 2.92317 13.5667 2.59072 13.2078 2.3574C12.8488 2.12408 12.4299 1.99993 12.0018 2C11.5737 1.99993 11.1547 2.12408 10.7958 2.3574C10.4368 2.59072 10.1533 2.92317 9.97955 3.31444L9.3951 4.62889C9.18803 5.09736 8.83798 5.48825 8.3951 5.74556C7.95032 6.00212 7.43577 6.11141 6.9251 6.05778L5.49066 5.90556C5.06499 5.86053 4.6354 5.93997 4.25397 6.13423C3.87255 6.32849 3.55567 6.62923 3.34177 7C3.12759 7.37054 3.02555 7.79528 3.04804 8.22267C3.07052 8.65007 3.21656 9.06175 3.46844 9.40778L4.3151 10.5711C4.61704 10.9864 4.77964 11.4866 4.77955 12C4.77964 12.5134 4.61704 13.0137 4.3151 13.4289L3.46844 14.5922C3.21656 14.9382 3.07052 15.3499 3.04804 15.7773C3.02555 16.2047 3.12759 16.6295 3.34177 17C3.55589 17.3706 3.8728 17.6712 4.25417 17.8654C4.63554 18.0596 5.06502 18.1392 5.49066 18.0944L6.92066 17.9422C7.43133 17.8886 7.94587 17.9979 8.39066 18.2544C8.83519 18.511 9.18687 18.902 9.3951 19.3711Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15C13.6568 15 15 13.6569 15 12C15 10.3431 13.6568 9 12 9C10.3431 9 8.99998 10.3431 8.99998 12C8.99998 13.6569 10.3431 15 12 15Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">`);
|
|
9354
|
+
var _tmpl$12 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="copier" d="M8 8V5.2C8 4.0799 8 3.51984 8.21799 3.09202C8.40973 2.71569 8.71569 2.40973 9.09202 2.21799C9.51984 2 10.0799 2 11.2 2H18.8C19.9201 2 20.4802 2 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C22 3.51984 22 4.0799 22 5.2V12.8C22 13.9201 22 14.4802 21.782 14.908C21.5903 15.2843 21.2843 15.5903 20.908 15.782C20.4802 16 19.9201 16 18.8 16H16M5.2 22H12.8C13.9201 22 14.4802 22 14.908 21.782C15.2843 21.5903 15.5903 21.2843 15.782 20.908C16 20.4802 16 19.9201 16 18.8V11.2C16 10.0799 16 9.51984 15.782 9.09202C15.5903 8.71569 15.2843 8.40973 14.908 8.21799C14.4802 8 13.9201 8 12.8 8H5.2C4.0799 8 3.51984 8 3.09202 8.21799C2.71569 8.40973 2.40973 8.71569 2.21799 9.09202C2 9.51984 2 10.0799 2 11.2V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.07989 22 5.2 22Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor">`);
|
|
9355
|
+
var _tmpl$13 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 12L10.5 15L16.5 9M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">`);
|
|
9356
|
+
var _tmpl$14 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 9L15 15M15 9L9 15M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z" stroke="#F04438" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">`);
|
|
9357
|
+
var _tmpl$15 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><rect class="list" width="20" height="20" y="2" x="2" rx="2"></rect><line class="list-item" y1="7" y2="7" x1="6" x2="18"></line><line class="list-item" y2="12" y1="12" x1="6" x2="18"></line><line class="list-item" y1="17" y2="17" x1="6" x2="18">`);
|
|
9358
|
+
var _tmpl$16 = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24" height="20" width="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 7.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C5.28 3 6.12 3 7.8 3h8.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C21 5.28 21 6.12 21 7.8v8.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 21 17.88 21 16.2 21H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 18.72 3 17.88 3 16.2V7.8Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">`);
|
|
9359
|
+
var _tmpl$17 = /* @__PURE__ */ template(`<svg version="1.0" viewBox="0 0 633 633"><linearGradient id="a" x1="-666.45" x2="-666.45" y1="163.28" y2="163.99" gradientTransform="matrix(633 0 0 633 422177 -103358)" gradientUnits="userSpaceOnUse"><stop stop-color="#6BDAFF" offset="0"></stop><stop stop-color="#F9FFB5" offset=".32"></stop><stop stop-color="#FFA770" offset=".71"></stop><stop stop-color="#FF7373" offset="1"></stop></linearGradient><circle cx="316.5" cy="316.5" r="316.5" fill="url(#a)"></circle><defs><filter id="am" x="-137.5" y="412" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="b" x="-137.5" y="412" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#am)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#b)"><ellipse cx="89.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ah" x="316.5" y="412" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="k" x="316.5" y="412" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ah)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#k)"><ellipse cx="543.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ae" x="-137.5" y="450" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="j" x="-137.5" y="450" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ae)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#j)"><ellipse cx="89.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="ai" x="316.5" y="450" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="i" x="316.5" y="450" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ai)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#i)"><ellipse cx="543.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="aj" x="-137.5" y="486" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="h" x="-137.5" y="486" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#aj)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#h)"><ellipse cx="89.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="ag" x="316.5" y="486" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="g" x="316.5" y="486" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ag)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#g)"><ellipse cx="543.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="af" x="272.2" y="308" width="176.9" height="129.3" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="f" x="272.2" y="308" width="176.9" height="129.3" maskUnits="userSpaceOnUse"><g filter="url(#af)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#f)"><line x1="436" x2="431" y1="403.2" y2="431.8" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><line x1="291" x2="280" y1="341.5" y2="403.5" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><line x1="332.9" x2="328.6" y1="384.1" y2="411.2" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><linearGradient id="m" x1="-670.75" x2="-671.59" y1="164.4" y2="164.49" gradientTransform="matrix(-184.16 -32.472 -11.461 64.997 -121359 -32126)" gradientUnits="userSpaceOnUse"><stop stop-color="#EE2700" offset="0"></stop><stop stop-color="#FF008E" offset="1"></stop></linearGradient><path d="m344.1 363 97.7 17.2c5.8 2.1 8.2 6.1 7.1 12.1s-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1 0.8-12.8s8.3-4.4 13.7-2.1l55.2 53.6z" clip-rule="evenodd" fill="url(#m)" fill-rule="evenodd"></path><line x1="428.2" x2="429.1" y1="384.5" y2="378" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="395.2" x2="396.1" y1="379.5" y2="373" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="362.2" x2="363.1" y1="373.5" y2="367.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="324.2" x2="328.4" y1="351.3" y2="347.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="303.2" x2="307.4" y1="331.3" y2="327.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line></g><defs><filter id="ak" x="73.2" y="113.8" width="280.6" height="317.4" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="e" x="73.2" y="113.8" width="280.6" height="317.4" maskUnits="userSpaceOnUse"><g filter="url(#ak)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#e)"><linearGradient id="n" x1="-672.16" x2="-672.16" y1="165.03" y2="166.03" gradientTransform="matrix(-100.18 48.861 97.976 200.88 -83342 -93.059)" gradientUnits="userSpaceOnUse"><stop stop-color="#A17500" offset="0"></stop><stop stop-color="#5D2100" offset="1"></stop></linearGradient><path d="m192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.1-3 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6s-10.8-51.9-22.1-99.6l-25.3 4.6" clip-rule="evenodd" fill="url(#n)" fill-rule="evenodd"></path><g stroke="#2F8A00"><linearGradient id="r" x1="-660.23" x2="-660.23" y1="166.72" y2="167.72" gradientTransform="matrix(92.683 4.8573 -2.0259 38.657 61680 -3088.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z" clip-rule="evenodd" fill="url(#r)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="s" x1="-661.36" x2="-661.36" y1="164.18" y2="165.18" gradientTransform="matrix(110 5.7648 -6.3599 121.35 73933 -15933)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.4 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20.2 49.6-53.2 49.6-53.2z" clip-rule="evenodd" fill="url(#s)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="q" x1="-656.79" x2="-656.79" y1="165.15" y2="166.15" gradientTransform="matrix(62.954 3.2993 -3.5023 66.828 42156 -8754.1)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m195 183.9c-0.8-21.9 6-38 20.6-48.2s29.8-15.4 45.5-15.3c-6.1 21.4-14.5 35.8-25.2 43.4s-24.4 14.2-40.9 20.1z" clip-rule="evenodd" fill="url(#q)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="p" x1="-663.07" x2="-663.07" y1="165.44" y2="166.44" gradientTransform="matrix(152.47 7.9907 -3.0936 59.029 101884 -4318.7)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5c31.9-30 64.1-39.7 96.7-29s50.8 30.4 54.6 59.1c-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z" clip-rule="evenodd" fill="url(#p)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="o" x1="-662.57" x2="-662.57" y1="164.44" y2="165.44" gradientTransform="matrix(136.46 7.1517 -5.2163 99.533 91536 -11442)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5c35.8-7.6 65.6-0.2 89.2 22s37.7 49 42.3 80.3c-39.8-9.7-68.3-23.8-85.5-42.4s-32.5-38.5-46-59.9z" clip-rule="evenodd" fill="url(#o)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="l" x1="-656.43" x2="-656.43" y1="163.86" y2="164.86" gradientTransform="matrix(60.866 3.1899 -8.7773 167.48 41560 -25168)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6s-3.6 63.1 8.7 99.6c27.4-40.3 43.2-69.6 47.4-88s5.6-44.1 4-77.2z" clip-rule="evenodd" fill="url(#l)" fill-rule="evenodd" stroke-width="13"></path><path d="m196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4s-9.5 33-11.1 45.1" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m194.9 185.7c-24.4 1.7-43.8 9-58.1 21.8s-24.7 25.4-31.3 37.8" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m204.5 176.4c29.7-6.7 52-8.4 67-5.1s26.9 8.6 35.8 15.9" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m196.5 181.4c20.3 9.9 38.2 20.5 53.9 31.9s27.4 22.1 35.1 32" fill="none" stroke-linecap="round" stroke-width="8"></path></g></g><defs><filter id="al" x="50.5" y="399" width="532" height="633" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="d" x="50.5" y="399" width="532" height="633" maskUnits="userSpaceOnUse"><g filter="url(#al)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#d)"><linearGradient id="u" x1="-666.06" x2="-666.23" y1="163.36" y2="163.75" gradientTransform="matrix(532 0 0 633 354760 -102959)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF400" offset="0"></stop><stop stop-color="#3C8700" offset="1"></stop></linearGradient><ellipse cx="316.5" cy="715.5" rx="266" ry="316.5" fill="url(#u)"></ellipse></g><defs><filter id="ad" x="391" y="-24" width="288" height="283" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="c" x="391" y="-24" width="288" height="283" maskUnits="userSpaceOnUse"><g filter="url(#ad)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#c)"><linearGradient id="t" x1="-664.56" x2="-664.56" y1="163.79" y2="164.79" gradientTransform="matrix(227 0 0 227 151421 -37204)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDF00" offset="0"></stop><stop stop-color="#FF9D00" offset="1"></stop></linearGradient><circle cx="565.5" cy="89.5" r="113.5" fill="url(#t)"></circle><linearGradient id="v" x1="-644.5" x2="-645.77" y1="342" y2="342" gradientTransform="matrix(30 0 0 1 19770 -253)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="427" x2="397" y1="89" y2="89" fill="none" stroke="url(#v)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="aa" x1="-641.56" x2="-642.83" y1="196.02" y2="196.07" gradientTransform="matrix(26.5 0 0 5.5 17439 -1025.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="430.5" x2="404" y1="55.5" y2="50" fill="none" stroke="url(#aa)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="w" x1="-643.73" x2="-645" y1="185.83" y2="185.9" gradientTransform="matrix(29 0 0 8 19107 -1361)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="431" x2="402" y1="122" y2="130" fill="none" stroke="url(#w)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ac" x1="-638.94" x2="-640.22" y1="177.09" y2="177.39" gradientTransform="matrix(24 0 0 13 15783 -2145)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="442" x2="418" y1="153" y2="166" fill="none" stroke="url(#ac)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ab" x1="-633.42" x2="-634.7" y1="172.41" y2="173.31" gradientTransform="matrix(20 0 0 19 13137 -3096)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="464" x2="444" y1="180" y2="199" fill="none" stroke="url(#ab)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="y" x1="-619.05" x2="-619.52" y1="170.82" y2="171.82" gradientTransform="matrix(13.83 0 0 22.85 9050 -3703.4)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="491.4" x2="477.5" y1="203" y2="225.9" fill="none" stroke="url(#y)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="x" x1="-578.5" x2="-578.63" y1="170.31" y2="171.31" gradientTransform="matrix(7.5 0 0 24.5 4860 -3953)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="524.5" x2="517" y1="219.5" y2="244" fill="none" stroke="url(#x)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="z" x1="666.5" x2="666.5" y1="170.31" y2="171.31" gradientTransform="matrix(.5 0 0 24.5 231.5 -3944)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="564.5" x2="565" y1="228.5" y2="253" fill="none" stroke="url(#z)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12">`);
|
|
9345
9360
|
function Search() {
|
|
9346
9361
|
return _tmpl$();
|
|
9347
9362
|
}
|
|
@@ -9371,52 +9386,64 @@ function ArrowRight() {
|
|
|
9371
9386
|
return _el$7;
|
|
9372
9387
|
})();
|
|
9373
9388
|
}
|
|
9374
|
-
function
|
|
9389
|
+
function Sun() {
|
|
9375
9390
|
return _tmpl$6();
|
|
9376
9391
|
}
|
|
9377
|
-
function
|
|
9378
|
-
return (
|
|
9379
|
-
const _el$9 = _tmpl$7();
|
|
9380
|
-
createRenderEffect((_p$) => {
|
|
9381
|
-
const _v$ = tokens.colors.yellow[500], _v$2 = tokens.colors.yellow[500];
|
|
9382
|
-
_v$ !== _p$._v$ && setAttribute(_el$9, "stroke", _p$._v$ = _v$);
|
|
9383
|
-
_v$2 !== _p$._v$2 && setAttribute(_el$9, "fill", _p$._v$2 = _v$2);
|
|
9384
|
-
return _p$;
|
|
9385
|
-
}, {
|
|
9386
|
-
_v$: void 0,
|
|
9387
|
-
_v$2: void 0
|
|
9388
|
-
});
|
|
9389
|
-
return _el$9;
|
|
9390
|
-
})();
|
|
9392
|
+
function Moon() {
|
|
9393
|
+
return _tmpl$7();
|
|
9391
9394
|
}
|
|
9392
|
-
function
|
|
9395
|
+
function Monitor() {
|
|
9393
9396
|
return _tmpl$8();
|
|
9394
9397
|
}
|
|
9395
|
-
function
|
|
9398
|
+
function Wifi() {
|
|
9396
9399
|
return _tmpl$9();
|
|
9397
9400
|
}
|
|
9398
|
-
function
|
|
9401
|
+
function Offline() {
|
|
9399
9402
|
return _tmpl$10();
|
|
9400
9403
|
}
|
|
9401
|
-
function
|
|
9404
|
+
function Settings() {
|
|
9402
9405
|
return _tmpl$11();
|
|
9403
9406
|
}
|
|
9404
|
-
function
|
|
9407
|
+
function Copier() {
|
|
9405
9408
|
return _tmpl$12();
|
|
9406
9409
|
}
|
|
9407
|
-
function
|
|
9410
|
+
function CopiedCopier(props) {
|
|
9408
9411
|
return (() => {
|
|
9409
|
-
const _el$15 = _tmpl$13()
|
|
9410
|
-
|
|
9411
|
-
const _c$ = createMemo(() => !!props.checked);
|
|
9412
|
-
return () => _c$() && _tmpl$14();
|
|
9413
|
-
})(), null);
|
|
9412
|
+
const _el$15 = _tmpl$13(), _el$16 = _el$15.firstChild;
|
|
9413
|
+
createRenderEffect(() => setAttribute(_el$16, "stroke", props.theme === "dark" ? "#12B76A" : "#027A48"));
|
|
9414
9414
|
return _el$15;
|
|
9415
9415
|
})();
|
|
9416
9416
|
}
|
|
9417
|
-
function
|
|
9417
|
+
function ErrorCopier() {
|
|
9418
|
+
return _tmpl$14();
|
|
9419
|
+
}
|
|
9420
|
+
function List() {
|
|
9418
9421
|
return _tmpl$15();
|
|
9419
9422
|
}
|
|
9423
|
+
function Check(props) {
|
|
9424
|
+
return [createComponent(Show, {
|
|
9425
|
+
get when() {
|
|
9426
|
+
return props.checked;
|
|
9427
|
+
},
|
|
9428
|
+
get children() {
|
|
9429
|
+
const _el$19 = _tmpl$13(), _el$20 = _el$19.firstChild;
|
|
9430
|
+
createRenderEffect(() => setAttribute(_el$20, "stroke", props.theme === "dark" ? "#9B8AFB" : "#6938EF"));
|
|
9431
|
+
return _el$19;
|
|
9432
|
+
}
|
|
9433
|
+
}), createComponent(Show, {
|
|
9434
|
+
get when() {
|
|
9435
|
+
return !props.checked;
|
|
9436
|
+
},
|
|
9437
|
+
get children() {
|
|
9438
|
+
const _el$21 = _tmpl$16(), _el$22 = _el$21.firstChild;
|
|
9439
|
+
createRenderEffect(() => setAttribute(_el$22, "stroke", props.theme === "dark" ? "#9B8AFB" : "#6938EF"));
|
|
9440
|
+
return _el$21;
|
|
9441
|
+
}
|
|
9442
|
+
})];
|
|
9443
|
+
}
|
|
9444
|
+
function TanstackLogo() {
|
|
9445
|
+
return _tmpl$17();
|
|
9446
|
+
}
|
|
9420
9447
|
|
|
9421
9448
|
// src/Context.ts
|
|
9422
9449
|
var QueryDevtoolsContext = createContext({
|
|
@@ -9428,9 +9455,15 @@ var QueryDevtoolsContext = createContext({
|
|
|
9428
9455
|
function useQueryDevtoolsContext() {
|
|
9429
9456
|
return useContext(QueryDevtoolsContext);
|
|
9430
9457
|
}
|
|
9458
|
+
var ThemeContext = createContext(
|
|
9459
|
+
() => "dark"
|
|
9460
|
+
);
|
|
9461
|
+
function useTheme() {
|
|
9462
|
+
return useContext(ThemeContext);
|
|
9463
|
+
}
|
|
9431
9464
|
|
|
9432
9465
|
// src/Explorer.tsx
|
|
9433
|
-
var _tmpl$
|
|
9466
|
+
var _tmpl$18 = /* @__PURE__ */ template(`<span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12L10 8L6 4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">`);
|
|
9434
9467
|
var _tmpl$22 = /* @__PURE__ */ template(`<button title="Copy object to clipboard">`);
|
|
9435
9468
|
var _tmpl$32 = /* @__PURE__ */ template(`<button title="Remove all items" aria-label="Remove all items">`);
|
|
9436
9469
|
var _tmpl$42 = /* @__PURE__ */ template(`<button title="Delete item" aria-label="Delete item">`);
|
|
@@ -9453,10 +9486,13 @@ function chunkArray(array, size2) {
|
|
|
9453
9486
|
return result;
|
|
9454
9487
|
}
|
|
9455
9488
|
var Expander = (props) => {
|
|
9456
|
-
const
|
|
9489
|
+
const theme = useTheme();
|
|
9490
|
+
const styles = createMemo(() => {
|
|
9491
|
+
return theme() === "dark" ? darkStyles : lightStyles;
|
|
9492
|
+
});
|
|
9457
9493
|
return (() => {
|
|
9458
|
-
const _el$ = _tmpl$
|
|
9459
|
-
createRenderEffect(() => className(_el$, clsx(styles.expander, u`
|
|
9494
|
+
const _el$ = _tmpl$18();
|
|
9495
|
+
createRenderEffect(() => className(_el$, clsx(styles().expander, u`
|
|
9460
9496
|
transform: rotate(${props.expanded ? 90 : 0}deg);
|
|
9461
9497
|
`, props.expanded && u`
|
|
9462
9498
|
& svg {
|
|
@@ -9467,7 +9503,10 @@ var Expander = (props) => {
|
|
|
9467
9503
|
})();
|
|
9468
9504
|
};
|
|
9469
9505
|
var CopyButton = (props) => {
|
|
9470
|
-
const
|
|
9506
|
+
const theme = useTheme();
|
|
9507
|
+
const styles = createMemo(() => {
|
|
9508
|
+
return theme() === "dark" ? darkStyles : lightStyles;
|
|
9509
|
+
});
|
|
9471
9510
|
const [copyState, setCopyState] = createSignal("NoCopy");
|
|
9472
9511
|
return (() => {
|
|
9473
9512
|
const _el$2 = _tmpl$22();
|
|
@@ -9499,7 +9538,11 @@ var CopyButton = (props) => {
|
|
|
9499
9538
|
return copyState() === "SuccessCopy";
|
|
9500
9539
|
},
|
|
9501
9540
|
get children() {
|
|
9502
|
-
return createComponent(CopiedCopier, {
|
|
9541
|
+
return createComponent(CopiedCopier, {
|
|
9542
|
+
get theme() {
|
|
9543
|
+
return theme();
|
|
9544
|
+
}
|
|
9545
|
+
});
|
|
9503
9546
|
}
|
|
9504
9547
|
}), createComponent(Match, {
|
|
9505
9548
|
get when() {
|
|
@@ -9512,7 +9555,7 @@ var CopyButton = (props) => {
|
|
|
9512
9555
|
}
|
|
9513
9556
|
}));
|
|
9514
9557
|
createRenderEffect((_p$) => {
|
|
9515
|
-
const _v$ = styles.actionButton, _v$2 = `${copyState() === "NoCopy" ? "Copy object to clipboard" : copyState() === "SuccessCopy" ? "Object copied to clipboard" : "Error copying object to clipboard"}`;
|
|
9558
|
+
const _v$ = styles().actionButton, _v$2 = `${copyState() === "NoCopy" ? "Copy object to clipboard" : copyState() === "SuccessCopy" ? "Object copied to clipboard" : "Error copying object to clipboard"}`;
|
|
9516
9559
|
_v$ !== _p$._v$ && className(_el$2, _p$._v$ = _v$);
|
|
9517
9560
|
_v$2 !== _p$._v$2 && setAttribute(_el$2, "aria-label", _p$._v$2 = _v$2);
|
|
9518
9561
|
return _p$;
|
|
@@ -9524,7 +9567,10 @@ var CopyButton = (props) => {
|
|
|
9524
9567
|
})();
|
|
9525
9568
|
};
|
|
9526
9569
|
var ClearArrayButton = (props) => {
|
|
9527
|
-
const
|
|
9570
|
+
const theme = useTheme();
|
|
9571
|
+
const styles = createMemo(() => {
|
|
9572
|
+
return theme() === "dark" ? darkStyles : lightStyles;
|
|
9573
|
+
});
|
|
9528
9574
|
const queryClient = useQueryDevtoolsContext().client;
|
|
9529
9575
|
return (() => {
|
|
9530
9576
|
const _el$3 = _tmpl$32();
|
|
@@ -9534,12 +9580,15 @@ var ClearArrayButton = (props) => {
|
|
|
9534
9580
|
queryClient.setQueryData(props.activeQuery.queryKey, newData);
|
|
9535
9581
|
};
|
|
9536
9582
|
insert(_el$3, createComponent(List, {}));
|
|
9537
|
-
createRenderEffect(() => className(_el$3, styles.actionButton));
|
|
9583
|
+
createRenderEffect(() => className(_el$3, styles().actionButton));
|
|
9538
9584
|
return _el$3;
|
|
9539
9585
|
})();
|
|
9540
9586
|
};
|
|
9541
9587
|
var DeleteItemButton = (props) => {
|
|
9542
|
-
const
|
|
9588
|
+
const theme = useTheme();
|
|
9589
|
+
const styles = createMemo(() => {
|
|
9590
|
+
return theme() === "dark" ? darkStyles : lightStyles;
|
|
9591
|
+
});
|
|
9543
9592
|
const queryClient = useQueryDevtoolsContext().client;
|
|
9544
9593
|
return (() => {
|
|
9545
9594
|
const _el$4 = _tmpl$42();
|
|
@@ -9549,12 +9598,15 @@ var DeleteItemButton = (props) => {
|
|
|
9549
9598
|
queryClient.setQueryData(props.activeQuery.queryKey, newData);
|
|
9550
9599
|
};
|
|
9551
9600
|
insert(_el$4, createComponent(Trash, {}));
|
|
9552
|
-
createRenderEffect(() => className(_el$4, clsx(styles.actionButton)));
|
|
9601
|
+
createRenderEffect(() => className(_el$4, clsx(styles().actionButton)));
|
|
9553
9602
|
return _el$4;
|
|
9554
9603
|
})();
|
|
9555
9604
|
};
|
|
9556
9605
|
var ToggleValueButton = (props) => {
|
|
9557
|
-
const
|
|
9606
|
+
const theme = useTheme();
|
|
9607
|
+
const styles = createMemo(() => {
|
|
9608
|
+
return theme() === "dark" ? darkStyles : lightStyles;
|
|
9609
|
+
});
|
|
9558
9610
|
const queryClient = useQueryDevtoolsContext().client;
|
|
9559
9611
|
return (() => {
|
|
9560
9612
|
const _el$5 = _tmpl$52();
|
|
@@ -9564,11 +9616,17 @@ var ToggleValueButton = (props) => {
|
|
|
9564
9616
|
queryClient.setQueryData(props.activeQuery.queryKey, newData);
|
|
9565
9617
|
};
|
|
9566
9618
|
insert(_el$5, createComponent(Check, {
|
|
9619
|
+
get theme() {
|
|
9620
|
+
return theme();
|
|
9621
|
+
},
|
|
9567
9622
|
get checked() {
|
|
9568
9623
|
return props.value;
|
|
9569
9624
|
}
|
|
9570
9625
|
}));
|
|
9571
|
-
createRenderEffect(() => className(_el$5, clsx(styles.actionButton
|
|
9626
|
+
createRenderEffect(() => className(_el$5, clsx(styles().actionButton, u`
|
|
9627
|
+
width: ${tokens.size[3.5]};
|
|
9628
|
+
height: ${tokens.size[3.5]};
|
|
9629
|
+
`)));
|
|
9572
9630
|
return _el$5;
|
|
9573
9631
|
})();
|
|
9574
9632
|
};
|
|
@@ -9576,7 +9634,10 @@ function isIterable(x) {
|
|
|
9576
9634
|
return Symbol.iterator in x;
|
|
9577
9635
|
}
|
|
9578
9636
|
function Explorer(props) {
|
|
9579
|
-
const
|
|
9637
|
+
const theme = useTheme();
|
|
9638
|
+
const styles = createMemo(() => {
|
|
9639
|
+
return theme() === "dark" ? darkStyles : lightStyles;
|
|
9640
|
+
});
|
|
9580
9641
|
const queryClient = useQueryDevtoolsContext().client;
|
|
9581
9642
|
const [expanded, setExpanded] = createSignal((props.defaultExpanded || []).includes(props.label));
|
|
9582
9643
|
const toggleExpanded = () => setExpanded((old) => !old);
|
|
@@ -9674,12 +9735,12 @@ function Explorer(props) {
|
|
|
9674
9735
|
});
|
|
9675
9736
|
}
|
|
9676
9737
|
}), null);
|
|
9677
|
-
createRenderEffect(() => className(_el$14, styles.actions));
|
|
9738
|
+
createRenderEffect(() => className(_el$14, styles().actions));
|
|
9678
9739
|
return _el$14;
|
|
9679
9740
|
}
|
|
9680
9741
|
}), null);
|
|
9681
9742
|
createRenderEffect((_p$) => {
|
|
9682
|
-
const _v$3 = styles.expanderButtonContainer, _v$4 = styles.expanderButton, _v$5 = styles.info;
|
|
9743
|
+
const _v$3 = styles().expanderButtonContainer, _v$4 = styles().expanderButton, _v$5 = styles().info;
|
|
9683
9744
|
_v$3 !== _p$._v$3 && className(_el$7, _p$._v$3 = _v$3);
|
|
9684
9745
|
_v$4 !== _p$._v$4 && className(_el$8, _p$._v$4 = _v$4);
|
|
9685
9746
|
_v$5 !== _p$._v$5 && className(_el$12, _p$._v$5 = _v$5);
|
|
@@ -9732,7 +9793,7 @@ function Explorer(props) {
|
|
|
9732
9793
|
});
|
|
9733
9794
|
}
|
|
9734
9795
|
}));
|
|
9735
|
-
createRenderEffect(() => className(_el$15, styles.subEntry));
|
|
9796
|
+
createRenderEffect(() => className(_el$15, styles().subEntry));
|
|
9736
9797
|
return _el$15;
|
|
9737
9798
|
}
|
|
9738
9799
|
}), createComponent(Show, {
|
|
@@ -9787,12 +9848,12 @@ function Explorer(props) {
|
|
|
9787
9848
|
}
|
|
9788
9849
|
})
|
|
9789
9850
|
}));
|
|
9790
|
-
createRenderEffect(() => className(_el$31, styles.subEntry));
|
|
9851
|
+
createRenderEffect(() => className(_el$31, styles().subEntry));
|
|
9791
9852
|
return _el$31;
|
|
9792
9853
|
}
|
|
9793
9854
|
}), null);
|
|
9794
9855
|
createRenderEffect((_p$) => {
|
|
9795
|
-
const _v$10 = styles.entry, _v$11 = styles.expanderButton;
|
|
9856
|
+
const _v$10 = styles().entry, _v$11 = styles().expanderButton;
|
|
9796
9857
|
_v$10 !== _p$._v$10 && className(_el$23, _p$._v$10 = _v$10);
|
|
9797
9858
|
_v$11 !== _p$._v$11 && className(_el$24, _p$._v$11 = _v$11);
|
|
9798
9859
|
return _p$;
|
|
@@ -9803,7 +9864,7 @@ function Explorer(props) {
|
|
|
9803
9864
|
return _el$22;
|
|
9804
9865
|
})()
|
|
9805
9866
|
}));
|
|
9806
|
-
createRenderEffect(() => className(_el$16, styles.subEntry));
|
|
9867
|
+
createRenderEffect(() => className(_el$16, styles().subEntry));
|
|
9807
9868
|
return _el$16;
|
|
9808
9869
|
}
|
|
9809
9870
|
})];
|
|
@@ -9826,7 +9887,7 @@ function Explorer(props) {
|
|
|
9826
9887
|
return (() => {
|
|
9827
9888
|
const _el$32 = _tmpl$92();
|
|
9828
9889
|
insert(_el$32, () => displayValue(props.value));
|
|
9829
|
-
createRenderEffect(() => className(_el$32, styles.value));
|
|
9890
|
+
createRenderEffect(() => className(_el$32, styles().value));
|
|
9830
9891
|
return _el$32;
|
|
9831
9892
|
})();
|
|
9832
9893
|
},
|
|
@@ -9843,7 +9904,7 @@ function Explorer(props) {
|
|
|
9843
9904
|
queryClient.setQueryData(props.activeQuery.queryKey, newData);
|
|
9844
9905
|
});
|
|
9845
9906
|
createRenderEffect((_p$) => {
|
|
9846
|
-
const _v$6 = type() === "number" ? "number" : "text", _v$7 = clsx(styles.value, styles.editableInput);
|
|
9907
|
+
const _v$6 = type() === "number" ? "number" : "text", _v$7 = clsx(styles().value, styles().editableInput);
|
|
9847
9908
|
_v$6 !== _p$._v$6 && setAttribute(_el$20, "type", _p$._v$6 = _v$6);
|
|
9848
9909
|
_v$7 !== _p$._v$7 && className(_el$20, _p$._v$7 = _v$7);
|
|
9849
9910
|
return _p$;
|
|
@@ -9870,7 +9931,7 @@ function Explorer(props) {
|
|
|
9870
9931
|
}
|
|
9871
9932
|
}), null);
|
|
9872
9933
|
insert(_el$21, () => displayValue(props.value), null);
|
|
9873
|
-
createRenderEffect(() => className(_el$21, clsx(styles.value, styles.actions, styles.editableInput)));
|
|
9934
|
+
createRenderEffect(() => className(_el$21, clsx(styles().value, styles().actions, styles().editableInput)));
|
|
9874
9935
|
return _el$21;
|
|
9875
9936
|
}
|
|
9876
9937
|
})];
|
|
@@ -9890,7 +9951,7 @@ function Explorer(props) {
|
|
|
9890
9951
|
}
|
|
9891
9952
|
}), null);
|
|
9892
9953
|
createRenderEffect((_p$) => {
|
|
9893
|
-
const _v$8 = styles.row, _v$9 = styles.label;
|
|
9954
|
+
const _v$8 = styles().row, _v$9 = styles().label;
|
|
9894
9955
|
_v$8 !== _p$._v$8 && className(_el$17, _p$._v$8 = _v$8);
|
|
9895
9956
|
_v$9 !== _p$._v$9 && className(_el$18, _p$._v$9 = _v$9);
|
|
9896
9957
|
return _p$;
|
|
@@ -9901,17 +9962,18 @@ function Explorer(props) {
|
|
|
9901
9962
|
return _el$17;
|
|
9902
9963
|
}
|
|
9903
9964
|
}), null);
|
|
9904
|
-
createRenderEffect(() => className(_el$6, styles.entry));
|
|
9965
|
+
createRenderEffect(() => className(_el$6, styles().entry));
|
|
9905
9966
|
return _el$6;
|
|
9906
9967
|
})();
|
|
9907
9968
|
}
|
|
9908
|
-
var
|
|
9969
|
+
var stylesFactory = (theme) => {
|
|
9909
9970
|
const {
|
|
9910
9971
|
colors,
|
|
9911
9972
|
font,
|
|
9912
9973
|
size: size2,
|
|
9913
9974
|
border
|
|
9914
9975
|
} = tokens;
|
|
9976
|
+
const t2 = (light, dark) => theme === "light" ? light : dark;
|
|
9915
9977
|
return {
|
|
9916
9978
|
entry: u`
|
|
9917
9979
|
& * {
|
|
@@ -9925,7 +9987,7 @@ var getStyles = () => {
|
|
|
9925
9987
|
subEntry: u`
|
|
9926
9988
|
margin: 0 0 0 0.5em;
|
|
9927
9989
|
padding-left: 0.75em;
|
|
9928
|
-
border-left: 2px solid ${colors.darkGray[400]};
|
|
9990
|
+
border-left: 2px solid ${t2(colors.gray[300], colors.darkGray[400])};
|
|
9929
9991
|
/* outline: 1px solid ${colors.teal[400]}; */
|
|
9930
9992
|
`,
|
|
9931
9993
|
expander: u`
|
|
@@ -9974,16 +10036,16 @@ var getStyles = () => {
|
|
|
9974
10036
|
}
|
|
9975
10037
|
`,
|
|
9976
10038
|
info: u`
|
|
9977
|
-
color: ${colors.gray[500]};
|
|
10039
|
+
color: ${t2(colors.gray[500], colors.gray[500])};
|
|
9978
10040
|
font-size: ${font.size.xs};
|
|
9979
10041
|
margin-left: ${size2[1]};
|
|
9980
10042
|
/* outline: 1px solid ${colors.yellow[400]}; */
|
|
9981
10043
|
`,
|
|
9982
10044
|
label: u`
|
|
9983
|
-
color: ${colors.gray[300]};
|
|
10045
|
+
color: ${t2(colors.gray[700], colors.gray[300])};
|
|
9984
10046
|
`,
|
|
9985
10047
|
value: u`
|
|
9986
|
-
color: ${colors.purple[400]};
|
|
10048
|
+
color: ${t2(colors.purple[600], colors.purple[400])};
|
|
9987
10049
|
flex-grow: 1;
|
|
9988
10050
|
`,
|
|
9989
10051
|
actions: u`
|
|
@@ -10001,16 +10063,18 @@ var getStyles = () => {
|
|
|
10001
10063
|
`,
|
|
10002
10064
|
editableInput: u`
|
|
10003
10065
|
border: none;
|
|
10004
|
-
padding: ${size2[0.5]} ${size2[1]};
|
|
10066
|
+
padding: ${size2[0.5]} ${size2[1]} ${size2[0.5]} ${size2[1.5]};
|
|
10005
10067
|
flex-grow: 1;
|
|
10006
|
-
|
|
10068
|
+
border-radius: ${border.radius.xs};
|
|
10069
|
+
background-color: ${t2(colors.gray[200], colors.darkGray[500])};
|
|
10007
10070
|
|
|
10008
10071
|
&:hover {
|
|
10009
|
-
background-color: ${colors.gray[
|
|
10072
|
+
background-color: ${t2(colors.gray[300], colors.darkGray[600])};
|
|
10010
10073
|
}
|
|
10011
10074
|
`,
|
|
10012
10075
|
actionButton: u`
|
|
10013
10076
|
background-color: transparent;
|
|
10077
|
+
color: ${t2(colors.gray[500], colors.gray[500])};
|
|
10014
10078
|
border: none;
|
|
10015
10079
|
display: inline-flex;
|
|
10016
10080
|
padding: 0px;
|
|
@@ -10023,15 +10087,7 @@ var getStyles = () => {
|
|
|
10023
10087
|
z-index: 1;
|
|
10024
10088
|
|
|
10025
10089
|
&:hover svg {
|
|
10026
|
-
.
|
|
10027
|
-
.check,
|
|
10028
|
-
.list {
|
|
10029
|
-
stroke: ${colors.gray[500]} !important;
|
|
10030
|
-
}
|
|
10031
|
-
|
|
10032
|
-
.list-item {
|
|
10033
|
-
stroke: ${colors.gray[700]};
|
|
10034
|
-
}
|
|
10090
|
+
color: ${t2(colors.gray[600], colors.gray[400])};
|
|
10035
10091
|
}
|
|
10036
10092
|
|
|
10037
10093
|
&:focus-visible {
|
|
@@ -10042,6 +10098,8 @@ var getStyles = () => {
|
|
|
10042
10098
|
`
|
|
10043
10099
|
};
|
|
10044
10100
|
};
|
|
10101
|
+
var lightStyles = stylesFactory("light");
|
|
10102
|
+
var darkStyles = stylesFactory("dark");
|
|
10045
10103
|
delegateEvents(["click"]);
|
|
10046
10104
|
|
|
10047
10105
|
// src/fonts.ts
|
|
@@ -10053,7 +10111,7 @@ var loadFonts = () => {
|
|
|
10053
10111
|
};
|
|
10054
10112
|
|
|
10055
10113
|
// src/Devtools.tsx
|
|
10056
|
-
var _tmpl$
|
|
10114
|
+
var _tmpl$19 = /* @__PURE__ */ template(`<div><div aria-hidden="true"></div><button aria-label="Open Tanstack query devtools">`);
|
|
10057
10115
|
var _tmpl$23 = /* @__PURE__ */ template(`<div>`);
|
|
10058
10116
|
var _tmpl$33 = /* @__PURE__ */ template(`<span>Asc`);
|
|
10059
10117
|
var _tmpl$43 = /* @__PURE__ */ template(`<span>Desc`);
|
|
@@ -10063,22 +10121,27 @@ var _tmpl$73 = /* @__PURE__ */ template(`<span>Top`);
|
|
|
10063
10121
|
var _tmpl$83 = /* @__PURE__ */ template(`<span>Bottom`);
|
|
10064
10122
|
var _tmpl$93 = /* @__PURE__ */ template(`<span>Left`);
|
|
10065
10123
|
var _tmpl$103 = /* @__PURE__ */ template(`<span>Right`);
|
|
10066
|
-
var _tmpl$113 = /* @__PURE__ */ template(`<
|
|
10067
|
-
var _tmpl$122 = /* @__PURE__ */ template(`<
|
|
10068
|
-
var _tmpl$132 = /* @__PURE__ */ template(`<
|
|
10069
|
-
var _tmpl$142 = /* @__PURE__ */ template(`<
|
|
10070
|
-
var _tmpl$152 = /* @__PURE__ */ template(`<div
|
|
10071
|
-
var _tmpl$162 = /* @__PURE__ */ template(`<
|
|
10072
|
-
var _tmpl$172 = /* @__PURE__ */ template(`<
|
|
10073
|
-
var _tmpl$
|
|
10074
|
-
var _tmpl$
|
|
10075
|
-
var _tmpl$20 = /* @__PURE__ */ template(`<
|
|
10076
|
-
var _tmpl$21 = /* @__PURE__ */ template(`<
|
|
10124
|
+
var _tmpl$113 = /* @__PURE__ */ template(`<span>Theme`);
|
|
10125
|
+
var _tmpl$122 = /* @__PURE__ */ template(`<span>Light`);
|
|
10126
|
+
var _tmpl$132 = /* @__PURE__ */ template(`<span>Dark`);
|
|
10127
|
+
var _tmpl$142 = /* @__PURE__ */ template(`<span>System`);
|
|
10128
|
+
var _tmpl$152 = /* @__PURE__ */ template(`<aside aria-label="Tanstack query devtools"><div></div><button aria-label="Close tanstack query devtools"></button><div><div><button aria-label="Close Tanstack query devtools"><span>TANSTACK</span><span> v</span></button></div><div><div><div><input aria-label="Filter queries by query key" type="text" placeholder="Filter" class="tsqd-query-filter-textfield"></div><div><select></select></div><button class="tsqd-query-filter-sort-order-btn"></button></div><div><button aria-label="Clear query cache" title="Clear query cache"></button><button></button></div></div><div><div class="tsqd-queries-container">`);
|
|
10129
|
+
var _tmpl$162 = /* @__PURE__ */ template(`<option>Sort by `);
|
|
10130
|
+
var _tmpl$172 = /* @__PURE__ */ template(`<div class="tsqd-query-disabled-indicator">disabled`);
|
|
10131
|
+
var _tmpl$182 = /* @__PURE__ */ template(`<button><div></div><code class="tsqd-query-hash">`);
|
|
10132
|
+
var _tmpl$192 = /* @__PURE__ */ template(`<div role="tooltip" id="tsqd-status-tooltip">`);
|
|
10133
|
+
var _tmpl$20 = /* @__PURE__ */ template(`<span>`);
|
|
10134
|
+
var _tmpl$21 = /* @__PURE__ */ template(`<button><span></span><span>`);
|
|
10135
|
+
var _tmpl$222 = /* @__PURE__ */ template(`<button><span></span> Error`);
|
|
10136
|
+
var _tmpl$232 = /* @__PURE__ */ template(`<div><span></span>Trigger Error<select><option value="" disabled selected>`);
|
|
10137
|
+
var _tmpl$24 = /* @__PURE__ */ template(`<div><div>Query Details</div><div><div class="tsqd-query-details-summary"><pre><code></code></pre><span></span></div><div class="tsqd-query-details-observers-count"><span>Observers:</span><span></span></div><div class="tsqd-query-details-last-updated"><span>Last Updated:</span><span></span></div></div><div>Actions</div><div><button><span></span>Refetch</button><button><span></span>Invalidate</button><button><span></span>Reset</button><button><span></span>Remove</button><button><span></span> Loading</button></div><div>Data Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-data-explorer"></div><div>Query Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">`);
|
|
10138
|
+
var _tmpl$25 = /* @__PURE__ */ template(`<option>`);
|
|
10077
10139
|
var firstBreakpoint = 1024;
|
|
10078
10140
|
var secondBreakpoint = 796;
|
|
10079
10141
|
var thirdBreakpoint = 700;
|
|
10080
10142
|
var BUTTON_POSITION = "bottom-right";
|
|
10081
10143
|
var POSITION = "bottom";
|
|
10144
|
+
var THEME_PREFERENCE = "system";
|
|
10082
10145
|
var INITIAL_IS_OPEN = false;
|
|
10083
10146
|
var DEFAULT_HEIGHT = 500;
|
|
10084
10147
|
var DEFAULT_WIDTH = 500;
|
|
@@ -10087,33 +10150,51 @@ var DEFAULT_SORT_ORDER = 1;
|
|
|
10087
10150
|
var [selectedQueryHash, setSelectedQueryHash] = createSignal(null);
|
|
10088
10151
|
var [panelWidth, setPanelWidth] = createSignal(0);
|
|
10089
10152
|
var DevtoolsComponent = (props) => {
|
|
10153
|
+
const [localStore, setLocalStore] = createLocalStorage({
|
|
10154
|
+
prefix: "TanstackQueryDevtools"
|
|
10155
|
+
});
|
|
10156
|
+
const colorScheme = getPreferredColorScheme();
|
|
10157
|
+
const theme = createMemo(() => {
|
|
10158
|
+
const preference = localStore.theme_preference || THEME_PREFERENCE;
|
|
10159
|
+
if (preference !== "system")
|
|
10160
|
+
return preference;
|
|
10161
|
+
return colorScheme();
|
|
10162
|
+
});
|
|
10090
10163
|
return createComponent(QueryDevtoolsContext.Provider, {
|
|
10091
10164
|
value: props,
|
|
10092
10165
|
get children() {
|
|
10093
|
-
return createComponent(
|
|
10166
|
+
return createComponent(ThemeContext.Provider, {
|
|
10167
|
+
value: theme,
|
|
10168
|
+
get children() {
|
|
10169
|
+
return createComponent(Devtools, {
|
|
10170
|
+
localStore,
|
|
10171
|
+
setLocalStore
|
|
10172
|
+
});
|
|
10173
|
+
}
|
|
10174
|
+
});
|
|
10094
10175
|
}
|
|
10095
10176
|
});
|
|
10096
10177
|
};
|
|
10097
10178
|
var Devtools_default = DevtoolsComponent;
|
|
10098
|
-
var Devtools = () => {
|
|
10179
|
+
var Devtools = (props) => {
|
|
10099
10180
|
loadFonts();
|
|
10100
|
-
const
|
|
10101
|
-
const
|
|
10102
|
-
|
|
10181
|
+
const theme = useTheme();
|
|
10182
|
+
const styles = createMemo(() => {
|
|
10183
|
+
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
10103
10184
|
});
|
|
10104
10185
|
const buttonPosition = createMemo(() => {
|
|
10105
10186
|
return useQueryDevtoolsContext().buttonPosition || BUTTON_POSITION;
|
|
10106
10187
|
});
|
|
10107
10188
|
const isOpen = createMemo(() => {
|
|
10108
|
-
return localStore.open === "true" ? true : localStore.open === "false" ? false : useQueryDevtoolsContext().initialIsOpen || INITIAL_IS_OPEN;
|
|
10189
|
+
return props.localStore.open === "true" ? true : props.localStore.open === "false" ? false : useQueryDevtoolsContext().initialIsOpen || INITIAL_IS_OPEN;
|
|
10109
10190
|
});
|
|
10110
10191
|
const position = createMemo(() => {
|
|
10111
|
-
return localStore.position || useQueryDevtoolsContext().position || POSITION;
|
|
10192
|
+
return props.localStore.position || useQueryDevtoolsContext().position || POSITION;
|
|
10112
10193
|
});
|
|
10113
10194
|
createEffect(() => {
|
|
10114
10195
|
const root = document.querySelector(".tsqd-parent-container");
|
|
10115
|
-
const height = localStore.height || DEFAULT_HEIGHT;
|
|
10116
|
-
const width = localStore.width || DEFAULT_WIDTH;
|
|
10196
|
+
const height = props.localStore.height || DEFAULT_HEIGHT;
|
|
10197
|
+
const width = props.localStore.width || DEFAULT_WIDTH;
|
|
10117
10198
|
const panelPosition = position();
|
|
10118
10199
|
root.style.setProperty("--tsqd-panel-height", `${panelPosition === "top" ? "-" : ""}${height}px`);
|
|
10119
10200
|
root.style.setProperty("--tsqd-panel-width", `${panelPosition === "left" ? "-" : ""}${width}px`);
|
|
@@ -10129,8 +10210,12 @@ var Devtools = () => {
|
|
|
10129
10210
|
},
|
|
10130
10211
|
get children() {
|
|
10131
10212
|
return createComponent(DevtoolsPanel, {
|
|
10132
|
-
localStore
|
|
10133
|
-
|
|
10213
|
+
get localStore() {
|
|
10214
|
+
return props.localStore;
|
|
10215
|
+
},
|
|
10216
|
+
get setLocalStore() {
|
|
10217
|
+
return props.setLocalStore;
|
|
10218
|
+
}
|
|
10134
10219
|
});
|
|
10135
10220
|
}
|
|
10136
10221
|
});
|
|
@@ -10144,11 +10229,11 @@ var Devtools = () => {
|
|
|
10144
10229
|
return !isOpen();
|
|
10145
10230
|
},
|
|
10146
10231
|
get children() {
|
|
10147
|
-
const _el$2 = _tmpl$
|
|
10232
|
+
const _el$2 = _tmpl$19(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
|
|
10148
10233
|
insert(_el$3, createComponent(TanstackLogo, {}));
|
|
10149
|
-
_el$4.$$click = () => setLocalStore("open", "true");
|
|
10234
|
+
_el$4.$$click = () => props.setLocalStore("open", "true");
|
|
10150
10235
|
insert(_el$4, createComponent(TanstackLogo, {}));
|
|
10151
|
-
createRenderEffect(() => className(_el$2, clsx(styles.devtoolsBtn, styles[`devtoolsBtn-position-${buttonPosition()}`])));
|
|
10236
|
+
createRenderEffect(() => className(_el$2, clsx(styles().devtoolsBtn, styles()[`devtoolsBtn-position-${buttonPosition()}`])));
|
|
10152
10237
|
return _el$2;
|
|
10153
10238
|
}
|
|
10154
10239
|
});
|
|
@@ -10179,7 +10264,10 @@ var Devtools = () => {
|
|
|
10179
10264
|
})();
|
|
10180
10265
|
};
|
|
10181
10266
|
var DevtoolsPanel = (props) => {
|
|
10182
|
-
const
|
|
10267
|
+
const theme = useTheme();
|
|
10268
|
+
const styles = createMemo(() => {
|
|
10269
|
+
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
10270
|
+
});
|
|
10183
10271
|
const [isResizing, setIsResizing] = createSignal(false);
|
|
10184
10272
|
const sort = createMemo(() => props.localStore.sort || DEFAULT_SORT_FN_NAME);
|
|
10185
10273
|
const sortOrder = createMemo(() => Number(props.localStore.sortOrder) || DEFAULT_SORT_ORDER);
|
|
@@ -10288,8 +10376,24 @@ var DevtoolsPanel = (props) => {
|
|
|
10288
10376
|
});
|
|
10289
10377
|
});
|
|
10290
10378
|
});
|
|
10379
|
+
const getPanelDynamicStyles = () => {
|
|
10380
|
+
const {
|
|
10381
|
+
colors
|
|
10382
|
+
} = tokens;
|
|
10383
|
+
const t2 = (light, dark) => theme() === "dark" ? dark : light;
|
|
10384
|
+
if (panelWidth() < secondBreakpoint) {
|
|
10385
|
+
return u`
|
|
10386
|
+
flex-direction: column;
|
|
10387
|
+
background-color: ${t2(colors.gray[300], colors.gray[600])};
|
|
10388
|
+
`;
|
|
10389
|
+
}
|
|
10390
|
+
return u`
|
|
10391
|
+
flex-direction: row;
|
|
10392
|
+
background-color: ${t2(colors.gray[200], colors.darkGray[900])};
|
|
10393
|
+
`;
|
|
10394
|
+
};
|
|
10291
10395
|
return (() => {
|
|
10292
|
-
const _el$5 = _tmpl$
|
|
10396
|
+
const _el$5 = _tmpl$152(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.firstChild, _el$10 = _el$9.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$9.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$16.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$18.nextSibling, _el$23 = _el$15.nextSibling, _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling, _el$36 = _el$14.nextSibling, _el$37 = _el$36.firstChild;
|
|
10293
10397
|
const _ref$ = panelRef;
|
|
10294
10398
|
typeof _ref$ === "function" ? use(_ref$, _el$5) : panelRef = _el$5;
|
|
10295
10399
|
_el$6.$$mousedown = handleDragStart;
|
|
@@ -10305,10 +10409,10 @@ var DevtoolsPanel = (props) => {
|
|
|
10305
10409
|
_el$17.$$input = (e2) => props.setLocalStore("filter", e2.currentTarget.value);
|
|
10306
10410
|
_el$19.addEventListener("change", (e2) => props.setLocalStore("sort", e2.currentTarget.value));
|
|
10307
10411
|
insert(_el$19, () => Object.keys(sortFns).map((key) => (() => {
|
|
10308
|
-
const _el$
|
|
10309
|
-
_el$
|
|
10310
|
-
insert(_el$
|
|
10311
|
-
return _el$
|
|
10412
|
+
const _el$38 = _tmpl$162(); _el$38.firstChild;
|
|
10413
|
+
_el$38.value = key;
|
|
10414
|
+
insert(_el$38, key, null);
|
|
10415
|
+
return _el$38;
|
|
10312
10416
|
})()));
|
|
10313
10417
|
insert(_el$18, createComponent(ChevronDown, {}), null);
|
|
10314
10418
|
_el$20.$$click = () => {
|
|
@@ -10352,7 +10456,7 @@ var DevtoolsPanel = (props) => {
|
|
|
10352
10456
|
get children() {
|
|
10353
10457
|
return [createComponent(index$d.Trigger, {
|
|
10354
10458
|
get ["class"]() {
|
|
10355
|
-
return clsx(styles.actionsBtn, "tsqd-actions-btn", "tsqd-action-settings");
|
|
10459
|
+
return clsx(styles().actionsBtn, "tsqd-actions-btn", "tsqd-action-settings");
|
|
10356
10460
|
},
|
|
10357
10461
|
get children() {
|
|
10358
10462
|
return createComponent(Settings, {});
|
|
@@ -10361,12 +10465,12 @@ var DevtoolsPanel = (props) => {
|
|
|
10361
10465
|
get children() {
|
|
10362
10466
|
return createComponent(index$d.Content, {
|
|
10363
10467
|
get ["class"]() {
|
|
10364
|
-
return clsx(styles.settingsMenu, "tsqd-settings-menu");
|
|
10468
|
+
return clsx(styles().settingsMenu, "tsqd-settings-menu");
|
|
10365
10469
|
},
|
|
10366
10470
|
get children() {
|
|
10367
10471
|
return [(() => {
|
|
10368
10472
|
const _el$26 = _tmpl$53();
|
|
10369
|
-
createRenderEffect(() => className(_el$26, clsx(styles.settingsMenuHeader, "tsqd-settings-menu-header")));
|
|
10473
|
+
createRenderEffect(() => className(_el$26, clsx(styles().settingsMenuHeader, "tsqd-settings-menu-header")));
|
|
10370
10474
|
return _el$26;
|
|
10371
10475
|
})(), createComponent(index$d.Sub, {
|
|
10372
10476
|
overlap: true,
|
|
@@ -10375,7 +10479,7 @@ var DevtoolsPanel = (props) => {
|
|
|
10375
10479
|
get children() {
|
|
10376
10480
|
return [createComponent(index$d.SubTrigger, {
|
|
10377
10481
|
get ["class"]() {
|
|
10378
|
-
return clsx(styles.settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
|
|
10482
|
+
return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
|
|
10379
10483
|
},
|
|
10380
10484
|
get children() {
|
|
10381
10485
|
return [_tmpl$63(), createComponent(ChevronDown, {})];
|
|
@@ -10384,7 +10488,7 @@ var DevtoolsPanel = (props) => {
|
|
|
10384
10488
|
get children() {
|
|
10385
10489
|
return createComponent(index$d.SubContent, {
|
|
10386
10490
|
get ["class"]() {
|
|
10387
|
-
return clsx(styles.settingsMenu, "tsqd-settings-submenu");
|
|
10491
|
+
return clsx(styles().settingsMenu, "tsqd-settings-submenu");
|
|
10388
10492
|
},
|
|
10389
10493
|
get children() {
|
|
10390
10494
|
return [createComponent(index$d.Item, {
|
|
@@ -10393,7 +10497,7 @@ var DevtoolsPanel = (props) => {
|
|
|
10393
10497
|
},
|
|
10394
10498
|
as: "button",
|
|
10395
10499
|
get ["class"]() {
|
|
10396
|
-
return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
|
|
10500
|
+
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
|
|
10397
10501
|
},
|
|
10398
10502
|
get children() {
|
|
10399
10503
|
return [_tmpl$73(), createComponent(ArrowUp, {})];
|
|
@@ -10404,7 +10508,7 @@ var DevtoolsPanel = (props) => {
|
|
|
10404
10508
|
},
|
|
10405
10509
|
as: "button",
|
|
10406
10510
|
get ["class"]() {
|
|
10407
|
-
return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
|
|
10511
|
+
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
|
|
10408
10512
|
},
|
|
10409
10513
|
get children() {
|
|
10410
10514
|
return [_tmpl$83(), createComponent(ArrowDown, {})];
|
|
@@ -10415,7 +10519,7 @@ var DevtoolsPanel = (props) => {
|
|
|
10415
10519
|
},
|
|
10416
10520
|
as: "button",
|
|
10417
10521
|
get ["class"]() {
|
|
10418
|
-
return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
|
|
10522
|
+
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
|
|
10419
10523
|
},
|
|
10420
10524
|
get children() {
|
|
10421
10525
|
return [_tmpl$93(), createComponent(ArrowLeft, {})];
|
|
@@ -10426,7 +10530,7 @@ var DevtoolsPanel = (props) => {
|
|
|
10426
10530
|
},
|
|
10427
10531
|
as: "button",
|
|
10428
10532
|
get ["class"]() {
|
|
10429
|
-
return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-right");
|
|
10533
|
+
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-right");
|
|
10430
10534
|
},
|
|
10431
10535
|
get children() {
|
|
10432
10536
|
return [_tmpl$103(), createComponent(ArrowRight, {})];
|
|
@@ -10437,6 +10541,64 @@ var DevtoolsPanel = (props) => {
|
|
|
10437
10541
|
}
|
|
10438
10542
|
})];
|
|
10439
10543
|
}
|
|
10544
|
+
}), createComponent(index$d.Sub, {
|
|
10545
|
+
overlap: true,
|
|
10546
|
+
gutter: 8,
|
|
10547
|
+
shift: -4,
|
|
10548
|
+
get children() {
|
|
10549
|
+
return [createComponent(index$d.SubTrigger, {
|
|
10550
|
+
get ["class"]() {
|
|
10551
|
+
return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
|
|
10552
|
+
},
|
|
10553
|
+
get children() {
|
|
10554
|
+
return [_tmpl$113(), createComponent(ChevronDown, {})];
|
|
10555
|
+
}
|
|
10556
|
+
}), createComponent(index$d.Portal, {
|
|
10557
|
+
get children() {
|
|
10558
|
+
return createComponent(index$d.SubContent, {
|
|
10559
|
+
get ["class"]() {
|
|
10560
|
+
return clsx(styles().settingsMenu, "tsqd-settings-submenu");
|
|
10561
|
+
},
|
|
10562
|
+
get children() {
|
|
10563
|
+
return [createComponent(index$d.Item, {
|
|
10564
|
+
onSelect: () => {
|
|
10565
|
+
props.setLocalStore("theme_preference", "light");
|
|
10566
|
+
},
|
|
10567
|
+
as: "button",
|
|
10568
|
+
get ["class"]() {
|
|
10569
|
+
return clsx(styles().settingsSubButton, props.localStore.theme_preference === "light" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
|
|
10570
|
+
},
|
|
10571
|
+
get children() {
|
|
10572
|
+
return [_tmpl$122(), createComponent(Sun, {})];
|
|
10573
|
+
}
|
|
10574
|
+
}), createComponent(index$d.Item, {
|
|
10575
|
+
onSelect: () => {
|
|
10576
|
+
props.setLocalStore("theme_preference", "dark");
|
|
10577
|
+
},
|
|
10578
|
+
as: "button",
|
|
10579
|
+
get ["class"]() {
|
|
10580
|
+
return clsx(styles().settingsSubButton, props.localStore.theme_preference === "dark" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
|
|
10581
|
+
},
|
|
10582
|
+
get children() {
|
|
10583
|
+
return [_tmpl$132(), createComponent(Moon, {})];
|
|
10584
|
+
}
|
|
10585
|
+
}), createComponent(index$d.Item, {
|
|
10586
|
+
onSelect: () => {
|
|
10587
|
+
props.setLocalStore("theme_preference", "system");
|
|
10588
|
+
},
|
|
10589
|
+
as: "button",
|
|
10590
|
+
get ["class"]() {
|
|
10591
|
+
return clsx(styles().settingsSubButton, props.localStore.theme_preference === "system" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
|
|
10592
|
+
},
|
|
10593
|
+
get children() {
|
|
10594
|
+
return [_tmpl$142(), createComponent(Monitor, {})];
|
|
10595
|
+
}
|
|
10596
|
+
})];
|
|
10597
|
+
}
|
|
10598
|
+
});
|
|
10599
|
+
}
|
|
10600
|
+
})];
|
|
10601
|
+
}
|
|
10440
10602
|
})];
|
|
10441
10603
|
}
|
|
10442
10604
|
});
|
|
@@ -10444,7 +10606,7 @@ var DevtoolsPanel = (props) => {
|
|
|
10444
10606
|
})];
|
|
10445
10607
|
}
|
|
10446
10608
|
}), null);
|
|
10447
|
-
insert(_el$
|
|
10609
|
+
insert(_el$37, createComponent(Key, {
|
|
10448
10610
|
by: (q) => q.queryHash,
|
|
10449
10611
|
get each() {
|
|
10450
10612
|
return queries();
|
|
@@ -10464,19 +10626,16 @@ var DevtoolsPanel = (props) => {
|
|
|
10464
10626
|
}
|
|
10465
10627
|
}), null);
|
|
10466
10628
|
createRenderEffect((_p$) => {
|
|
10467
|
-
const _v$ = clsx(styles.panel, styles[`panel-position-${position()}`],
|
|
10468
|
-
flex-direction: ${panelWidth() < secondBreakpoint ? "column" : "row"};
|
|
10469
|
-
background-color: ${panelWidth() < secondBreakpoint ? tokens.colors.gray[600] : tokens.colors.darkGray[900]};
|
|
10470
|
-
`, {
|
|
10629
|
+
const _v$ = clsx(styles().panel, styles()[`panel-position-${position()}`], getPanelDynamicStyles(), {
|
|
10471
10630
|
[u`
|
|
10472
10631
|
min-width: min-content;
|
|
10473
10632
|
`]: panelWidth() < thirdBreakpoint && (position() === "right" || position() === "left")
|
|
10474
|
-
}, "tsqd-main-panel"), _v$2 = position() === "bottom" || position() === "top" ? `${props.localStore.height || DEFAULT_HEIGHT}px` : "auto", _v$3 = position() === "right" || position() === "left" ? `${props.localStore.width || DEFAULT_WIDTH}px` : "auto", _v$4 = clsx(styles.dragHandle, styles[`dragHandle-position-${position()}`], "tsqd-drag-handle"), _v$5 = clsx(styles.closeBtn, styles[`closeBtn-position-${position()}`], "tsqd-minimize-btn"), _v$6 = clsx(styles.queriesContainer, panelWidth() < secondBreakpoint && selectedQueryHash() && u`
|
|
10633
|
+
}, "tsqd-main-panel"), _v$2 = position() === "bottom" || position() === "top" ? `${props.localStore.height || DEFAULT_HEIGHT}px` : "auto", _v$3 = position() === "right" || position() === "left" ? `${props.localStore.width || DEFAULT_WIDTH}px` : "auto", _v$4 = clsx(styles().dragHandle, styles()[`dragHandle-position-${position()}`], "tsqd-drag-handle"), _v$5 = clsx(styles().closeBtn, styles()[`closeBtn-position-${position()}`], "tsqd-minimize-btn"), _v$6 = clsx(styles().queriesContainer, panelWidth() < secondBreakpoint && selectedQueryHash() && u`
|
|
10475
10634
|
height: 50%;
|
|
10476
10635
|
max-height: 50%;
|
|
10477
|
-
`, "tsqd-queries-container"), _v$7 = clsx(styles.row, "tsqd-header"), _v$8 = clsx(styles.logo, "tsqd-text-logo-container"), _v$9 = clsx(styles.tanstackLogo, "tsqd-text-logo-tanstack"), _v$10 = clsx(styles.queryFlavorLogo, "tsqd-text-logo-query-flavor"), _v$11 = clsx(styles.row, u`
|
|
10636
|
+
`, "tsqd-queries-container"), _v$7 = clsx(styles().row, "tsqd-header"), _v$8 = clsx(styles().logo, "tsqd-text-logo-container"), _v$9 = clsx(styles().tanstackLogo, "tsqd-text-logo-tanstack"), _v$10 = clsx(styles().queryFlavorLogo, "tsqd-text-logo-query-flavor"), _v$11 = clsx(styles().row, u`
|
|
10478
10637
|
gap: ${tokens.size[2.5]};
|
|
10479
|
-
`, "tsqd-filters-actions-container"), _v$12 = clsx(styles.filtersContainer, "tsqd-filters-container"), _v$13 = clsx(styles.filterInput, "tsqd-query-filter-textfield-container"), _v$14 = clsx(styles.filterSelect, "tsqd-query-filter-sort-container"), _v$15 = `Sort order ${sortOrder() === -1 ? "descending" : "ascending"}`, _v$16 = sortOrder() === -1, _v$17 = clsx(styles.actionsContainer, "tsqd-actions-container"), _v$18 = clsx(styles.actionsBtn, "tsqd-actions-btn", "tsqd-action-clear-cache"), _v$19 = clsx(styles.actionsBtn, "tsqd-actions-btn", "tsqd-action-mock-offline-behavior"), _v$20 = `${offline() ? "Unset offline mocking behavior" : "Mock offline behavior"}`, _v$21 = offline(), _v$22 = `${offline() ? "Unset offline mocking behavior" : "Mock offline behavior"}`, _v$23 = clsx(styles.overflowQueryContainer, "tsqd-queries-overflow-container");
|
|
10638
|
+
`, "tsqd-filters-actions-container"), _v$12 = clsx(styles().filtersContainer, "tsqd-filters-container"), _v$13 = clsx(styles().filterInput, "tsqd-query-filter-textfield-container"), _v$14 = clsx(styles().filterSelect, "tsqd-query-filter-sort-container"), _v$15 = `Sort order ${sortOrder() === -1 ? "descending" : "ascending"}`, _v$16 = sortOrder() === -1, _v$17 = clsx(styles().actionsContainer, "tsqd-actions-container"), _v$18 = clsx(styles().actionsBtn, "tsqd-actions-btn", "tsqd-action-clear-cache"), _v$19 = clsx(styles().actionsBtn, offline() && styles().actionsBtnOffline, "tsqd-actions-btn", "tsqd-action-mock-offline-behavior"), _v$20 = `${offline() ? "Unset offline mocking behavior" : "Mock offline behavior"}`, _v$21 = offline(), _v$22 = `${offline() ? "Unset offline mocking behavior" : "Mock offline behavior"}`, _v$23 = clsx(styles().overflowQueryContainer, "tsqd-queries-overflow-container");
|
|
10480
10639
|
_v$ !== _p$._v$ && className(_el$5, _p$._v$ = _v$);
|
|
10481
10640
|
_v$2 !== _p$._v$2 && ((_p$._v$2 = _v$2) != null ? _el$5.style.setProperty("height", _v$2) : _el$5.style.removeProperty("height"));
|
|
10482
10641
|
_v$3 !== _p$._v$3 && ((_p$._v$3 = _v$3) != null ? _el$5.style.setProperty("width", _v$3) : _el$5.style.removeProperty("width"));
|
|
@@ -10499,7 +10658,7 @@ var DevtoolsPanel = (props) => {
|
|
|
10499
10658
|
_v$20 !== _p$._v$20 && setAttribute(_el$25, "aria-label", _p$._v$20 = _v$20);
|
|
10500
10659
|
_v$21 !== _p$._v$21 && setAttribute(_el$25, "aria-pressed", _p$._v$21 = _v$21);
|
|
10501
10660
|
_v$22 !== _p$._v$22 && setAttribute(_el$25, "title", _p$._v$22 = _v$22);
|
|
10502
|
-
_v$23 !== _p$._v$23 && className(_el$
|
|
10661
|
+
_v$23 !== _p$._v$23 && className(_el$36, _p$._v$23 = _v$23);
|
|
10503
10662
|
return _p$;
|
|
10504
10663
|
}, {
|
|
10505
10664
|
_v$: void 0,
|
|
@@ -10532,7 +10691,15 @@ var DevtoolsPanel = (props) => {
|
|
|
10532
10691
|
})();
|
|
10533
10692
|
};
|
|
10534
10693
|
var QueryRow = (props) => {
|
|
10535
|
-
const
|
|
10694
|
+
const theme = useTheme();
|
|
10695
|
+
const styles = createMemo(() => {
|
|
10696
|
+
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
10697
|
+
});
|
|
10698
|
+
const {
|
|
10699
|
+
colors,
|
|
10700
|
+
alpha
|
|
10701
|
+
} = tokens;
|
|
10702
|
+
const t2 = (light, dark) => theme() === "dark" ? dark : light;
|
|
10536
10703
|
const queryState = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
|
|
10537
10704
|
queryKey: props.query.queryKey
|
|
10538
10705
|
})?.state);
|
|
@@ -10550,41 +10717,47 @@ var QueryRow = (props) => {
|
|
|
10550
10717
|
observerCount: observers(),
|
|
10551
10718
|
isStale: isStale()
|
|
10552
10719
|
}));
|
|
10720
|
+
const getObserverCountColorStyles = () => {
|
|
10721
|
+
if (color() === "gray") {
|
|
10722
|
+
return u`
|
|
10723
|
+
background-color: ${t2(colors[color()][200], colors[color()][700])};
|
|
10724
|
+
color: ${t2(colors[color()][700], colors[color()][300])};
|
|
10725
|
+
`;
|
|
10726
|
+
}
|
|
10727
|
+
return u`
|
|
10728
|
+
background-color: ${t2(colors[color()][200] + alpha[80], colors[color()][900])};
|
|
10729
|
+
color: ${t2(colors[color()][800], colors[color()][300])};
|
|
10730
|
+
`;
|
|
10731
|
+
};
|
|
10553
10732
|
return createComponent(Show, {
|
|
10554
10733
|
get when() {
|
|
10555
10734
|
return queryState();
|
|
10556
10735
|
},
|
|
10557
10736
|
get children() {
|
|
10558
|
-
const _el$
|
|
10559
|
-
_el$
|
|
10560
|
-
insert(_el$
|
|
10561
|
-
insert(_el$
|
|
10562
|
-
insert(_el$
|
|
10737
|
+
const _el$40 = _tmpl$182(), _el$41 = _el$40.firstChild, _el$42 = _el$41.nextSibling;
|
|
10738
|
+
_el$40.$$click = () => setSelectedQueryHash(props.query.queryHash === selectedQueryHash() ? null : props.query.queryHash);
|
|
10739
|
+
insert(_el$41, observers);
|
|
10740
|
+
insert(_el$42, () => props.query.queryHash);
|
|
10741
|
+
insert(_el$40, createComponent(Show, {
|
|
10563
10742
|
get when() {
|
|
10564
10743
|
return isDisabled();
|
|
10565
10744
|
},
|
|
10566
10745
|
get children() {
|
|
10567
|
-
return _tmpl$
|
|
10746
|
+
return _tmpl$172();
|
|
10568
10747
|
}
|
|
10569
10748
|
}), null);
|
|
10570
10749
|
createRenderEffect((_p$) => {
|
|
10571
|
-
const _v$24 = clsx(styles.queryRow, selectedQueryHash() === props.query.queryHash && styles.selectedQueryRow, "tsqd-query-row"), _v$25 = `Query key ${props.query.queryHash}`, _v$26 = clsx(
|
|
10572
|
-
|
|
10573
|
-
|
|
10574
|
-
|
|
10575
|
-
background-color: ${tokens.colors[color()][900]};
|
|
10576
|
-
color: ${tokens.colors[color()][300]};
|
|
10577
|
-
`, "tsqd-query-observer-count");
|
|
10578
|
-
_v$24 !== _p$._v$24 && className(_el$36, _p$._v$24 = _v$24);
|
|
10579
|
-
_v$25 !== _p$._v$25 && setAttribute(_el$36, "aria-label", _p$._v$25 = _v$25);
|
|
10580
|
-
_v$26 !== _p$._v$26 && className(_el$37, _p$._v$26 = _v$26);
|
|
10750
|
+
const _v$24 = clsx(styles().queryRow, selectedQueryHash() === props.query.queryHash && styles().selectedQueryRow, "tsqd-query-row"), _v$25 = `Query key ${props.query.queryHash}`, _v$26 = clsx(getObserverCountColorStyles(), "tsqd-query-observer-count");
|
|
10751
|
+
_v$24 !== _p$._v$24 && className(_el$40, _p$._v$24 = _v$24);
|
|
10752
|
+
_v$25 !== _p$._v$25 && setAttribute(_el$40, "aria-label", _p$._v$25 = _v$25);
|
|
10753
|
+
_v$26 !== _p$._v$26 && className(_el$41, _p$._v$26 = _v$26);
|
|
10581
10754
|
return _p$;
|
|
10582
10755
|
}, {
|
|
10583
10756
|
_v$24: void 0,
|
|
10584
10757
|
_v$25: void 0,
|
|
10585
10758
|
_v$26: void 0
|
|
10586
10759
|
});
|
|
10587
|
-
return _el$
|
|
10760
|
+
return _el$40;
|
|
10588
10761
|
}
|
|
10589
10762
|
});
|
|
10590
10763
|
};
|
|
@@ -10594,50 +10767,61 @@ var QueryStatusCount = () => {
|
|
|
10594
10767
|
const fetching = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().getAll().filter((q) => getQueryStatusLabel(q) === "fetching").length);
|
|
10595
10768
|
const paused = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().getAll().filter((q) => getQueryStatusLabel(q) === "paused").length);
|
|
10596
10769
|
const inactive = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().getAll().filter((q) => getQueryStatusLabel(q) === "inactive").length);
|
|
10597
|
-
const
|
|
10770
|
+
const theme = useTheme();
|
|
10771
|
+
const styles = createMemo(() => {
|
|
10772
|
+
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
10773
|
+
});
|
|
10598
10774
|
return (() => {
|
|
10599
|
-
const _el$
|
|
10600
|
-
insert(_el$
|
|
10775
|
+
const _el$44 = _tmpl$23();
|
|
10776
|
+
insert(_el$44, createComponent(QueryStatus, {
|
|
10601
10777
|
label: "Fresh",
|
|
10602
10778
|
color: "green",
|
|
10603
10779
|
get count() {
|
|
10604
10780
|
return fresh();
|
|
10605
10781
|
}
|
|
10606
10782
|
}), null);
|
|
10607
|
-
insert(_el$
|
|
10783
|
+
insert(_el$44, createComponent(QueryStatus, {
|
|
10608
10784
|
label: "Fetching",
|
|
10609
10785
|
color: "blue",
|
|
10610
10786
|
get count() {
|
|
10611
10787
|
return fetching();
|
|
10612
10788
|
}
|
|
10613
10789
|
}), null);
|
|
10614
|
-
insert(_el$
|
|
10790
|
+
insert(_el$44, createComponent(QueryStatus, {
|
|
10615
10791
|
label: "Paused",
|
|
10616
10792
|
color: "purple",
|
|
10617
10793
|
get count() {
|
|
10618
10794
|
return paused();
|
|
10619
10795
|
}
|
|
10620
10796
|
}), null);
|
|
10621
|
-
insert(_el$
|
|
10797
|
+
insert(_el$44, createComponent(QueryStatus, {
|
|
10622
10798
|
label: "Stale",
|
|
10623
10799
|
color: "yellow",
|
|
10624
10800
|
get count() {
|
|
10625
10801
|
return stale();
|
|
10626
10802
|
}
|
|
10627
10803
|
}), null);
|
|
10628
|
-
insert(_el$
|
|
10804
|
+
insert(_el$44, createComponent(QueryStatus, {
|
|
10629
10805
|
label: "Inactive",
|
|
10630
10806
|
color: "gray",
|
|
10631
10807
|
get count() {
|
|
10632
10808
|
return inactive();
|
|
10633
10809
|
}
|
|
10634
10810
|
}), null);
|
|
10635
|
-
createRenderEffect(() => className(_el$
|
|
10636
|
-
return _el$
|
|
10811
|
+
createRenderEffect(() => className(_el$44, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
|
|
10812
|
+
return _el$44;
|
|
10637
10813
|
})();
|
|
10638
10814
|
};
|
|
10639
10815
|
var QueryStatus = (props) => {
|
|
10640
|
-
const
|
|
10816
|
+
const theme = useTheme();
|
|
10817
|
+
const styles = createMemo(() => {
|
|
10818
|
+
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
10819
|
+
});
|
|
10820
|
+
const {
|
|
10821
|
+
colors,
|
|
10822
|
+
alpha
|
|
10823
|
+
} = tokens;
|
|
10824
|
+
const t2 = (light, dark) => theme() === "dark" ? dark : light;
|
|
10641
10825
|
let tagRef;
|
|
10642
10826
|
const [mouseOver, setMouseOver] = createSignal(false);
|
|
10643
10827
|
const [focused, setFocused] = createSignal(false);
|
|
@@ -10653,78 +10837,83 @@ var QueryStatus = (props) => {
|
|
|
10653
10837
|
return true;
|
|
10654
10838
|
});
|
|
10655
10839
|
return (() => {
|
|
10656
|
-
const _el$
|
|
10840
|
+
const _el$45 = _tmpl$21(), _el$47 = _el$45.firstChild, _el$49 = _el$47.nextSibling;
|
|
10657
10841
|
const _ref$3 = tagRef;
|
|
10658
|
-
typeof _ref$3 === "function" ? use(_ref$3, _el$
|
|
10659
|
-
_el$
|
|
10842
|
+
typeof _ref$3 === "function" ? use(_ref$3, _el$45) : tagRef = _el$45;
|
|
10843
|
+
_el$45.addEventListener("mouseleave", () => {
|
|
10660
10844
|
setMouseOver(false);
|
|
10661
10845
|
setFocused(false);
|
|
10662
10846
|
});
|
|
10663
|
-
_el$
|
|
10664
|
-
_el$
|
|
10665
|
-
_el$
|
|
10666
|
-
spread(_el$
|
|
10847
|
+
_el$45.addEventListener("mouseenter", () => setMouseOver(true));
|
|
10848
|
+
_el$45.addEventListener("blur", () => setFocused(false));
|
|
10849
|
+
_el$45.addEventListener("focus", () => setFocused(true));
|
|
10850
|
+
spread(_el$45, mergeProps({
|
|
10667
10851
|
get disabled() {
|
|
10668
10852
|
return showLabel();
|
|
10669
10853
|
},
|
|
10670
10854
|
get ["class"]() {
|
|
10671
|
-
return clsx(styles.queryStatusTag, !showLabel() && u`
|
|
10855
|
+
return clsx(styles().queryStatusTag, !showLabel() && u`
|
|
10672
10856
|
cursor: pointer;
|
|
10673
10857
|
&:hover {
|
|
10674
|
-
background: ${
|
|
10858
|
+
background: ${t2(colors.gray[200], colors.darkGray[400])}${alpha[80]};
|
|
10675
10859
|
}
|
|
10676
10860
|
`, "tsqd-query-status-tag", `tsqd-query-status-tag-${props.label.toLowerCase()}`);
|
|
10677
10861
|
}
|
|
10678
10862
|
}, () => mouseOver() || focused() ? {
|
|
10679
10863
|
"aria-describedby": "tsqd-status-tooltip"
|
|
10680
10864
|
} : {}), false, true);
|
|
10681
|
-
insert(_el$
|
|
10865
|
+
insert(_el$45, createComponent(Show, {
|
|
10682
10866
|
get when() {
|
|
10683
10867
|
return createMemo(() => !!!showLabel())() && (mouseOver() || focused());
|
|
10684
10868
|
},
|
|
10685
10869
|
get children() {
|
|
10686
|
-
const _el$
|
|
10687
|
-
insert(_el$
|
|
10688
|
-
createRenderEffect(() => className(_el$
|
|
10689
|
-
return _el$
|
|
10870
|
+
const _el$46 = _tmpl$192();
|
|
10871
|
+
insert(_el$46, () => props.label);
|
|
10872
|
+
createRenderEffect(() => className(_el$46, clsx(styles().statusTooltip, "tsqd-query-status-tooltip")));
|
|
10873
|
+
return _el$46;
|
|
10690
10874
|
}
|
|
10691
|
-
}), _el$
|
|
10692
|
-
insert(_el$
|
|
10875
|
+
}), _el$47);
|
|
10876
|
+
insert(_el$45, createComponent(Show, {
|
|
10693
10877
|
get when() {
|
|
10694
10878
|
return showLabel();
|
|
10695
10879
|
},
|
|
10696
10880
|
get children() {
|
|
10697
|
-
const _el$
|
|
10698
|
-
insert(_el$
|
|
10699
|
-
createRenderEffect(() => className(_el$
|
|
10700
|
-
return _el$
|
|
10881
|
+
const _el$48 = _tmpl$20();
|
|
10882
|
+
insert(_el$48, () => props.label);
|
|
10883
|
+
createRenderEffect(() => className(_el$48, clsx(styles().queryStatusTagLabel, "tsqd-query-status-tag-label")));
|
|
10884
|
+
return _el$48;
|
|
10701
10885
|
}
|
|
10702
|
-
}), _el$
|
|
10703
|
-
insert(_el$
|
|
10886
|
+
}), _el$49);
|
|
10887
|
+
insert(_el$49, () => props.count);
|
|
10704
10888
|
createRenderEffect((_p$) => {
|
|
10705
10889
|
const _v$27 = clsx(u`
|
|
10706
10890
|
width: ${tokens.size[1.5]};
|
|
10707
10891
|
height: ${tokens.size[1.5]};
|
|
10708
10892
|
border-radius: ${tokens.border.radius.full};
|
|
10709
10893
|
background-color: ${tokens.colors[props.color][500]};
|
|
10710
|
-
`, "tsqd-query-status-tag-dot"), _v$28 = clsx(styles.queryStatusCount, props.count > 0 && props.color !== "gray"
|
|
10711
|
-
|
|
10712
|
-
|
|
10713
|
-
|
|
10714
|
-
|
|
10715
|
-
|
|
10716
|
-
_v$27 !== _p$._v$27 && className(_el$43, _p$._v$27 = _v$27);
|
|
10717
|
-
_v$28 !== _p$._v$28 && className(_el$45, _p$._v$28 = _v$28);
|
|
10894
|
+
`, "tsqd-query-status-tag-dot"), _v$28 = clsx(styles().queryStatusCount, props.count > 0 && props.color !== "gray" && u`
|
|
10895
|
+
background-color: ${t2(colors[props.color][100], colors[props.color][900])};
|
|
10896
|
+
color: ${t2(colors[props.color][700], colors[props.color][300])};
|
|
10897
|
+
`, "tsqd-query-status-tag-count");
|
|
10898
|
+
_v$27 !== _p$._v$27 && className(_el$47, _p$._v$27 = _v$27);
|
|
10899
|
+
_v$28 !== _p$._v$28 && className(_el$49, _p$._v$28 = _v$28);
|
|
10718
10900
|
return _p$;
|
|
10719
10901
|
}, {
|
|
10720
10902
|
_v$27: void 0,
|
|
10721
10903
|
_v$28: void 0
|
|
10722
10904
|
});
|
|
10723
|
-
return _el$
|
|
10905
|
+
return _el$45;
|
|
10724
10906
|
})();
|
|
10725
10907
|
};
|
|
10726
10908
|
var QueryDetails = () => {
|
|
10727
|
-
const
|
|
10909
|
+
const theme = useTheme();
|
|
10910
|
+
const styles = createMemo(() => {
|
|
10911
|
+
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
10912
|
+
});
|
|
10913
|
+
const {
|
|
10914
|
+
colors
|
|
10915
|
+
} = tokens;
|
|
10916
|
+
const t2 = (light, dark) => theme() === "dark" ? dark : light;
|
|
10728
10917
|
const queryClient = useQueryDevtoolsContext().client;
|
|
10729
10918
|
const [restoringLoading, setRestoringLoading] = createSignal(false);
|
|
10730
10919
|
const errorTypes = createMemo(() => {
|
|
@@ -10781,24 +10970,38 @@ var QueryDetails = () => {
|
|
|
10781
10970
|
setRestoringLoading(false);
|
|
10782
10971
|
}
|
|
10783
10972
|
});
|
|
10973
|
+
const getQueryStatusColors = () => {
|
|
10974
|
+
if (color() === "gray") {
|
|
10975
|
+
return u`
|
|
10976
|
+
background-color: ${t2(colors[color()][200], colors[color()][700])};
|
|
10977
|
+
color: ${t2(colors[color()][700], colors[color()][300])};
|
|
10978
|
+
border-color: ${t2(colors[color()][400], colors[color()][600])};
|
|
10979
|
+
`;
|
|
10980
|
+
}
|
|
10981
|
+
return u`
|
|
10982
|
+
background-color: ${t2(colors[color()][100], colors[color()][900])};
|
|
10983
|
+
color: ${t2(colors[color()][700], colors[color()][300])};
|
|
10984
|
+
border-color: ${t2(colors[color()][400], colors[color()][600])};
|
|
10985
|
+
`;
|
|
10986
|
+
};
|
|
10784
10987
|
return createComponent(Show, {
|
|
10785
10988
|
get when() {
|
|
10786
10989
|
return createMemo(() => !!activeQuery())() && activeQueryState();
|
|
10787
10990
|
},
|
|
10788
10991
|
get children() {
|
|
10789
|
-
const _el$
|
|
10790
|
-
insert(_el$
|
|
10791
|
-
insert(_el$
|
|
10792
|
-
insert(_el$
|
|
10793
|
-
insert(_el$
|
|
10794
|
-
_el$
|
|
10795
|
-
_el$
|
|
10796
|
-
_el$
|
|
10797
|
-
_el$
|
|
10992
|
+
const _el$50 = _tmpl$24(), _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling, _el$53 = _el$52.firstChild, _el$54 = _el$53.firstChild, _el$55 = _el$54.firstChild, _el$56 = _el$54.nextSibling, _el$57 = _el$53.nextSibling, _el$58 = _el$57.firstChild, _el$59 = _el$58.nextSibling, _el$60 = _el$57.nextSibling, _el$61 = _el$60.firstChild, _el$62 = _el$61.nextSibling, _el$63 = _el$52.nextSibling, _el$64 = _el$63.nextSibling, _el$65 = _el$64.firstChild, _el$66 = _el$65.firstChild, _el$67 = _el$65.nextSibling, _el$68 = _el$67.firstChild, _el$69 = _el$67.nextSibling, _el$70 = _el$69.firstChild, _el$71 = _el$69.nextSibling, _el$72 = _el$71.firstChild, _el$73 = _el$71.nextSibling, _el$74 = _el$73.firstChild, _el$75 = _el$74.nextSibling, _el$84 = _el$64.nextSibling, _el$85 = _el$84.nextSibling, _el$86 = _el$85.nextSibling, _el$87 = _el$86.nextSibling;
|
|
10993
|
+
insert(_el$55, () => displayValue(activeQuery().queryKey, true));
|
|
10994
|
+
insert(_el$56, statusLabel);
|
|
10995
|
+
insert(_el$59, observerCount);
|
|
10996
|
+
insert(_el$62, () => new Date(activeQueryState().dataUpdatedAt).toLocaleTimeString());
|
|
10997
|
+
_el$65.$$click = handleRefetch;
|
|
10998
|
+
_el$67.$$click = () => queryClient.invalidateQueries(activeQuery());
|
|
10999
|
+
_el$69.$$click = () => queryClient.resetQueries(activeQuery());
|
|
11000
|
+
_el$71.$$click = () => {
|
|
10798
11001
|
queryClient.removeQueries(activeQuery());
|
|
10799
11002
|
setSelectedQueryHash(null);
|
|
10800
11003
|
};
|
|
10801
|
-
_el$
|
|
11004
|
+
_el$73.$$click = () => {
|
|
10802
11005
|
if (activeQuery()?.state.data === void 0) {
|
|
10803
11006
|
setRestoringLoading(true);
|
|
10804
11007
|
restoreQueryAfterLoadingOrError();
|
|
@@ -10826,79 +11029,79 @@ var QueryDetails = () => {
|
|
|
10826
11029
|
});
|
|
10827
11030
|
}
|
|
10828
11031
|
};
|
|
10829
|
-
insert(_el$
|
|
10830
|
-
insert(_el$
|
|
11032
|
+
insert(_el$73, () => queryStatus() === "pending" ? "Restore" : "Trigger", _el$75);
|
|
11033
|
+
insert(_el$64, createComponent(Show, {
|
|
10831
11034
|
get when() {
|
|
10832
11035
|
return errorTypes().length === 0 || queryStatus() === "error";
|
|
10833
11036
|
},
|
|
10834
11037
|
get children() {
|
|
10835
|
-
const _el$
|
|
10836
|
-
_el$
|
|
11038
|
+
const _el$76 = _tmpl$222(), _el$77 = _el$76.firstChild, _el$78 = _el$77.nextSibling;
|
|
11039
|
+
_el$76.$$click = () => {
|
|
10837
11040
|
if (!activeQuery().state.error) {
|
|
10838
11041
|
triggerError();
|
|
10839
11042
|
} else {
|
|
10840
11043
|
queryClient.resetQueries(activeQuery());
|
|
10841
11044
|
}
|
|
10842
11045
|
};
|
|
10843
|
-
insert(_el$
|
|
11046
|
+
insert(_el$76, () => queryStatus() === "error" ? "Restore" : "Trigger", _el$78);
|
|
10844
11047
|
createRenderEffect((_p$) => {
|
|
10845
11048
|
const _v$29 = clsx(u`
|
|
10846
|
-
color: ${
|
|
11049
|
+
color: ${t2(colors.red[500], colors.red[400])};
|
|
10847
11050
|
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error"), _v$30 = queryStatus() === "pending", _v$31 = u`
|
|
10848
|
-
background-color: ${
|
|
11051
|
+
background-color: ${t2(colors.red[500], colors.red[400])};
|
|
10849
11052
|
`;
|
|
10850
|
-
_v$29 !== _p$._v$29 && className(_el$
|
|
10851
|
-
_v$30 !== _p$._v$30 && (_el$
|
|
10852
|
-
_v$31 !== _p$._v$31 && className(_el$
|
|
11053
|
+
_v$29 !== _p$._v$29 && className(_el$76, _p$._v$29 = _v$29);
|
|
11054
|
+
_v$30 !== _p$._v$30 && (_el$76.disabled = _p$._v$30 = _v$30);
|
|
11055
|
+
_v$31 !== _p$._v$31 && className(_el$77, _p$._v$31 = _v$31);
|
|
10853
11056
|
return _p$;
|
|
10854
11057
|
}, {
|
|
10855
11058
|
_v$29: void 0,
|
|
10856
11059
|
_v$30: void 0,
|
|
10857
11060
|
_v$31: void 0
|
|
10858
11061
|
});
|
|
10859
|
-
return _el$
|
|
11062
|
+
return _el$76;
|
|
10860
11063
|
}
|
|
10861
11064
|
}), null);
|
|
10862
|
-
insert(_el$
|
|
11065
|
+
insert(_el$64, createComponent(Show, {
|
|
10863
11066
|
get when() {
|
|
10864
11067
|
return !(errorTypes().length === 0 || queryStatus() === "error");
|
|
10865
11068
|
},
|
|
10866
11069
|
get children() {
|
|
10867
|
-
const _el$
|
|
10868
|
-
_el$
|
|
10869
|
-
const errorType = errorTypes().find((
|
|
11070
|
+
const _el$79 = _tmpl$232(), _el$80 = _el$79.firstChild, _el$81 = _el$80.nextSibling, _el$82 = _el$81.nextSibling; _el$82.firstChild;
|
|
11071
|
+
_el$82.addEventListener("change", (e2) => {
|
|
11072
|
+
const errorType = errorTypes().find((et) => et.name === e2.currentTarget.value);
|
|
10870
11073
|
triggerError(errorType);
|
|
10871
11074
|
});
|
|
10872
|
-
insert(_el$
|
|
11075
|
+
insert(_el$82, createComponent(For, {
|
|
10873
11076
|
get each() {
|
|
10874
11077
|
return errorTypes();
|
|
10875
11078
|
},
|
|
10876
11079
|
children: (errorType) => (() => {
|
|
10877
|
-
const _el$
|
|
10878
|
-
insert(_el$
|
|
10879
|
-
createRenderEffect(() => _el$
|
|
10880
|
-
return _el$
|
|
11080
|
+
const _el$88 = _tmpl$25();
|
|
11081
|
+
insert(_el$88, () => errorType.name);
|
|
11082
|
+
createRenderEffect(() => _el$88.value = errorType.name);
|
|
11083
|
+
return _el$88;
|
|
10881
11084
|
})()
|
|
10882
11085
|
}), null);
|
|
10883
|
-
insert(_el$
|
|
11086
|
+
insert(_el$79, createComponent(ChevronDown, {}), null);
|
|
10884
11087
|
createRenderEffect((_p$) => {
|
|
10885
|
-
const _v$32 = clsx(styles.actionsSelect, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error-multiple"), _v$33 = u`
|
|
11088
|
+
const _v$32 = clsx(styles().actionsSelect, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error-multiple"), _v$33 = u`
|
|
10886
11089
|
background-color: ${tokens.colors.red[400]};
|
|
10887
11090
|
`, _v$34 = queryStatus() === "pending";
|
|
10888
|
-
_v$32 !== _p$._v$32 && className(_el$
|
|
10889
|
-
_v$33 !== _p$._v$33 && className(_el$
|
|
10890
|
-
_v$34 !== _p$._v$34 && (_el$
|
|
11091
|
+
_v$32 !== _p$._v$32 && className(_el$79, _p$._v$32 = _v$32);
|
|
11092
|
+
_v$33 !== _p$._v$33 && className(_el$80, _p$._v$33 = _v$33);
|
|
11093
|
+
_v$34 !== _p$._v$34 && (_el$82.disabled = _p$._v$34 = _v$34);
|
|
10891
11094
|
return _p$;
|
|
10892
11095
|
}, {
|
|
10893
11096
|
_v$32: void 0,
|
|
10894
11097
|
_v$33: void 0,
|
|
10895
11098
|
_v$34: void 0
|
|
10896
11099
|
});
|
|
10897
|
-
return _el$
|
|
11100
|
+
return _el$79;
|
|
10898
11101
|
}
|
|
10899
11102
|
}), null);
|
|
10900
|
-
_el$
|
|
10901
|
-
insert(_el$
|
|
11103
|
+
_el$85.style.setProperty("padding", "0.5rem");
|
|
11104
|
+
insert(_el$85, createComponent(Explorer, {
|
|
10902
11105
|
label: "Data",
|
|
10903
11106
|
defaultExpanded: ["Data"],
|
|
10904
11107
|
get value() {
|
|
@@ -10909,8 +11112,8 @@ var QueryDetails = () => {
|
|
|
10909
11112
|
return activeQuery();
|
|
10910
11113
|
}
|
|
10911
11114
|
}));
|
|
10912
|
-
_el$
|
|
10913
|
-
insert(_el$
|
|
11115
|
+
_el$87.style.setProperty("padding", "0.5rem");
|
|
11116
|
+
insert(_el$87, createComponent(Explorer, {
|
|
10914
11117
|
label: "Query",
|
|
10915
11118
|
defaultExpanded: ["Query", "queryKey"],
|
|
10916
11119
|
get value() {
|
|
@@ -10918,58 +11121,50 @@ var QueryDetails = () => {
|
|
|
10918
11121
|
}
|
|
10919
11122
|
}));
|
|
10920
11123
|
createRenderEffect((_p$) => {
|
|
10921
|
-
const _v$35 = clsx(styles.detailsContainer, "tsqd-query-details-container"), _v$36 = clsx(styles.detailsHeader, "tsqd-query-details-header"), _v$37 = clsx(styles.detailsBody, "tsqd-query-details-summary-container"), _v$38 = clsx(styles.queryDetailsStatus,
|
|
10922
|
-
|
|
10923
|
-
color: ${tokens.colors[color()][300]};
|
|
10924
|
-
border-color: ${tokens.colors[color()][600]};
|
|
10925
|
-
` : u`
|
|
10926
|
-
background-color: ${tokens.colors[color()][900]};
|
|
10927
|
-
color: ${tokens.colors[color()][300]};
|
|
10928
|
-
border-color: ${tokens.colors[color()][600]};
|
|
10929
|
-
`), _v$39 = clsx(styles.detailsHeader, "tsqd-query-details-header"), _v$40 = clsx(styles.actionsBody, "tsqd-query-details-actions-container"), _v$41 = clsx(u`
|
|
10930
|
-
color: ${tokens.colors.blue[400]};
|
|
11124
|
+
const _v$35 = clsx(styles().detailsContainer, "tsqd-query-details-container"), _v$36 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$37 = clsx(styles().detailsBody, "tsqd-query-details-summary-container"), _v$38 = clsx(styles().queryDetailsStatus, getQueryStatusColors()), _v$39 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$40 = clsx(styles().actionsBody, "tsqd-query-details-actions-container"), _v$41 = clsx(u`
|
|
11125
|
+
color: ${t2(colors.blue[600], colors.blue[400])};
|
|
10931
11126
|
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-refetch"), _v$42 = statusLabel() === "fetching", _v$43 = u`
|
|
10932
|
-
background-color: ${
|
|
11127
|
+
background-color: ${t2(colors.blue[600], colors.blue[400])};
|
|
10933
11128
|
`, _v$44 = clsx(u`
|
|
10934
|
-
color: ${
|
|
11129
|
+
color: ${t2(colors.yellow[600], colors.yellow[400])};
|
|
10935
11130
|
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-invalidate"), _v$45 = queryStatus() === "pending", _v$46 = u`
|
|
10936
|
-
background-color: ${
|
|
11131
|
+
background-color: ${t2(colors.yellow[600], colors.yellow[400])};
|
|
10937
11132
|
`, _v$47 = clsx(u`
|
|
10938
|
-
color: ${
|
|
11133
|
+
color: ${t2(colors.gray[600], colors.gray[300])};
|
|
10939
11134
|
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-reset"), _v$48 = queryStatus() === "pending", _v$49 = u`
|
|
10940
|
-
background-color: ${
|
|
11135
|
+
background-color: ${t2(colors.gray[600], colors.gray[400])};
|
|
10941
11136
|
`, _v$50 = clsx(u`
|
|
10942
|
-
color: ${
|
|
11137
|
+
color: ${t2(colors.pink[500], colors.pink[400])};
|
|
10943
11138
|
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-remove"), _v$51 = statusLabel() === "fetching", _v$52 = u`
|
|
10944
|
-
background-color: ${
|
|
11139
|
+
background-color: ${t2(colors.pink[500], colors.pink[400])};
|
|
10945
11140
|
`, _v$53 = clsx(u`
|
|
10946
|
-
color: ${
|
|
11141
|
+
color: ${t2(colors.cyan[500], colors.cyan[400])};
|
|
10947
11142
|
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-loading"), _v$54 = restoringLoading(), _v$55 = u`
|
|
10948
|
-
background-color: ${
|
|
10949
|
-
`, _v$56 = clsx(styles.detailsHeader, "tsqd-query-details-header"), _v$57 = clsx(styles.detailsHeader, "tsqd-query-details-header");
|
|
10950
|
-
_v$35 !== _p$._v$35 && className(_el$
|
|
10951
|
-
_v$36 !== _p$._v$36 && className(_el$
|
|
10952
|
-
_v$37 !== _p$._v$37 && className(_el$
|
|
10953
|
-
_v$38 !== _p$._v$38 && className(_el$
|
|
10954
|
-
_v$39 !== _p$._v$39 && className(_el$
|
|
10955
|
-
_v$40 !== _p$._v$40 && className(_el$
|
|
10956
|
-
_v$41 !== _p$._v$41 && className(_el$
|
|
10957
|
-
_v$42 !== _p$._v$42 && (_el$
|
|
10958
|
-
_v$43 !== _p$._v$43 && className(_el$
|
|
10959
|
-
_v$44 !== _p$._v$44 && className(_el$
|
|
10960
|
-
_v$45 !== _p$._v$45 && (_el$
|
|
10961
|
-
_v$46 !== _p$._v$46 && className(_el$
|
|
10962
|
-
_v$47 !== _p$._v$47 && className(_el$
|
|
10963
|
-
_v$48 !== _p$._v$48 && (_el$
|
|
10964
|
-
_v$49 !== _p$._v$49 && className(_el$
|
|
10965
|
-
_v$50 !== _p$._v$50 && className(_el$
|
|
10966
|
-
_v$51 !== _p$._v$51 && (_el$
|
|
10967
|
-
_v$52 !== _p$._v$52 && className(_el$
|
|
10968
|
-
_v$53 !== _p$._v$53 && className(_el$
|
|
10969
|
-
_v$54 !== _p$._v$54 && (_el$
|
|
10970
|
-
_v$55 !== _p$._v$55 && className(_el$
|
|
10971
|
-
_v$56 !== _p$._v$56 && className(_el$
|
|
10972
|
-
_v$57 !== _p$._v$57 && className(_el$
|
|
11143
|
+
background-color: ${t2(colors.cyan[500], colors.cyan[400])};
|
|
11144
|
+
`, _v$56 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$57 = clsx(styles().detailsHeader, "tsqd-query-details-header");
|
|
11145
|
+
_v$35 !== _p$._v$35 && className(_el$50, _p$._v$35 = _v$35);
|
|
11146
|
+
_v$36 !== _p$._v$36 && className(_el$51, _p$._v$36 = _v$36);
|
|
11147
|
+
_v$37 !== _p$._v$37 && className(_el$52, _p$._v$37 = _v$37);
|
|
11148
|
+
_v$38 !== _p$._v$38 && className(_el$56, _p$._v$38 = _v$38);
|
|
11149
|
+
_v$39 !== _p$._v$39 && className(_el$63, _p$._v$39 = _v$39);
|
|
11150
|
+
_v$40 !== _p$._v$40 && className(_el$64, _p$._v$40 = _v$40);
|
|
11151
|
+
_v$41 !== _p$._v$41 && className(_el$65, _p$._v$41 = _v$41);
|
|
11152
|
+
_v$42 !== _p$._v$42 && (_el$65.disabled = _p$._v$42 = _v$42);
|
|
11153
|
+
_v$43 !== _p$._v$43 && className(_el$66, _p$._v$43 = _v$43);
|
|
11154
|
+
_v$44 !== _p$._v$44 && className(_el$67, _p$._v$44 = _v$44);
|
|
11155
|
+
_v$45 !== _p$._v$45 && (_el$67.disabled = _p$._v$45 = _v$45);
|
|
11156
|
+
_v$46 !== _p$._v$46 && className(_el$68, _p$._v$46 = _v$46);
|
|
11157
|
+
_v$47 !== _p$._v$47 && className(_el$69, _p$._v$47 = _v$47);
|
|
11158
|
+
_v$48 !== _p$._v$48 && (_el$69.disabled = _p$._v$48 = _v$48);
|
|
11159
|
+
_v$49 !== _p$._v$49 && className(_el$70, _p$._v$49 = _v$49);
|
|
11160
|
+
_v$50 !== _p$._v$50 && className(_el$71, _p$._v$50 = _v$50);
|
|
11161
|
+
_v$51 !== _p$._v$51 && (_el$71.disabled = _p$._v$51 = _v$51);
|
|
11162
|
+
_v$52 !== _p$._v$52 && className(_el$72, _p$._v$52 = _v$52);
|
|
11163
|
+
_v$53 !== _p$._v$53 && className(_el$73, _p$._v$53 = _v$53);
|
|
11164
|
+
_v$54 !== _p$._v$54 && (_el$73.disabled = _p$._v$54 = _v$54);
|
|
11165
|
+
_v$55 !== _p$._v$55 && className(_el$74, _p$._v$55 = _v$55);
|
|
11166
|
+
_v$56 !== _p$._v$56 && className(_el$84, _p$._v$56 = _v$56);
|
|
11167
|
+
_v$57 !== _p$._v$57 && className(_el$86, _p$._v$57 = _v$57);
|
|
10973
11168
|
return _p$;
|
|
10974
11169
|
}, {
|
|
10975
11170
|
_v$35: void 0,
|
|
@@ -10996,7 +11191,7 @@ var QueryDetails = () => {
|
|
|
10996
11191
|
_v$56: void 0,
|
|
10997
11192
|
_v$57: void 0
|
|
10998
11193
|
});
|
|
10999
|
-
return _el$
|
|
11194
|
+
return _el$50;
|
|
11000
11195
|
}
|
|
11001
11196
|
});
|
|
11002
11197
|
};
|
|
@@ -11036,7 +11231,7 @@ var createSubscribeToQueryCacheBatcher = (callback, equalityCheck = true) => {
|
|
|
11036
11231
|
});
|
|
11037
11232
|
return value;
|
|
11038
11233
|
};
|
|
11039
|
-
var
|
|
11234
|
+
var stylesFactory2 = (theme) => {
|
|
11040
11235
|
const {
|
|
11041
11236
|
colors,
|
|
11042
11237
|
font,
|
|
@@ -11045,6 +11240,7 @@ var getStyles2 = () => {
|
|
|
11045
11240
|
shadow,
|
|
11046
11241
|
border
|
|
11047
11242
|
} = tokens;
|
|
11243
|
+
const t2 = (light, dark) => theme === "light" ? light : dark;
|
|
11048
11244
|
return {
|
|
11049
11245
|
devtoolsBtn: u`
|
|
11050
11246
|
z-index: 100000;
|
|
@@ -11106,8 +11302,6 @@ var getStyles2 = () => {
|
|
|
11106
11302
|
display: flex;
|
|
11107
11303
|
gap: ${tokens.size[0.5]};
|
|
11108
11304
|
& * {
|
|
11109
|
-
font-family: 'Inter', sans-serif;
|
|
11110
|
-
color: ${colors.gray[300]};
|
|
11111
11305
|
box-sizing: border-box;
|
|
11112
11306
|
text-transform: none;
|
|
11113
11307
|
}
|
|
@@ -11134,7 +11328,7 @@ var getStyles2 = () => {
|
|
|
11134
11328
|
left: 0;
|
|
11135
11329
|
max-height: 90%;
|
|
11136
11330
|
min-height: 3.5rem;
|
|
11137
|
-
border-bottom: ${colors.darkGray[300]} 1px solid;
|
|
11331
|
+
border-bottom: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11138
11332
|
`,
|
|
11139
11333
|
"panel-position-bottom": u`
|
|
11140
11334
|
bottom: 0;
|
|
@@ -11142,20 +11336,20 @@ var getStyles2 = () => {
|
|
|
11142
11336
|
left: 0;
|
|
11143
11337
|
max-height: 90%;
|
|
11144
11338
|
min-height: 3.5rem;
|
|
11145
|
-
border-top: ${colors.darkGray[300]} 1px solid;
|
|
11339
|
+
border-top: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11146
11340
|
`,
|
|
11147
11341
|
"panel-position-right": u`
|
|
11148
11342
|
bottom: 0;
|
|
11149
11343
|
right: 0;
|
|
11150
11344
|
top: 0;
|
|
11151
|
-
border-left: ${colors.darkGray[300]} 1px solid;
|
|
11345
|
+
border-left: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11152
11346
|
max-width: 90%;
|
|
11153
11347
|
`,
|
|
11154
11348
|
"panel-position-left": u`
|
|
11155
11349
|
bottom: 0;
|
|
11156
11350
|
left: 0;
|
|
11157
11351
|
top: 0;
|
|
11158
|
-
border-right: ${colors.darkGray[300]} 1px solid;
|
|
11352
|
+
border-right: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11159
11353
|
max-width: 90%;
|
|
11160
11354
|
`,
|
|
11161
11355
|
closeBtn: u`
|
|
@@ -11166,13 +11360,15 @@ var getStyles2 = () => {
|
|
|
11166
11360
|
align-items: center;
|
|
11167
11361
|
justify-content: center;
|
|
11168
11362
|
outline: none;
|
|
11363
|
+
background-color: ${t2(colors.gray[50], colors.darkGray[700])};
|
|
11169
11364
|
&:hover {
|
|
11170
|
-
background-color: ${colors.darkGray[500]};
|
|
11365
|
+
background-color: ${t2(colors.gray[200], colors.darkGray[500])};
|
|
11171
11366
|
}
|
|
11172
11367
|
&:focus-visible {
|
|
11173
11368
|
outline: 2px solid ${colors.blue[600]};
|
|
11174
11369
|
}
|
|
11175
11370
|
& svg {
|
|
11371
|
+
color: ${t2(colors.gray[600], colors.gray[400])};
|
|
11176
11372
|
width: ${size2[2]};
|
|
11177
11373
|
height: ${size2[2]};
|
|
11178
11374
|
}
|
|
@@ -11181,11 +11377,10 @@ var getStyles2 = () => {
|
|
|
11181
11377
|
bottom: 0;
|
|
11182
11378
|
right: ${size2[2]};
|
|
11183
11379
|
transform: translate(0, 100%);
|
|
11184
|
-
|
|
11185
|
-
border-
|
|
11186
|
-
border-left: ${colors.darkGray[300]} 1px solid;
|
|
11380
|
+
border-right: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11381
|
+
border-left: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11187
11382
|
border-top: none;
|
|
11188
|
-
border-bottom: ${colors.darkGray[300]} 1px solid;
|
|
11383
|
+
border-bottom: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11189
11384
|
border-radius: 0px 0px ${border.radius.sm} ${border.radius.sm};
|
|
11190
11385
|
padding: ${size2[0.5]} ${size2[1.5]} ${size2[1]} ${size2[1.5]};
|
|
11191
11386
|
|
|
@@ -11206,10 +11401,9 @@ var getStyles2 = () => {
|
|
|
11206
11401
|
top: 0;
|
|
11207
11402
|
right: ${size2[2]};
|
|
11208
11403
|
transform: translate(0, -100%);
|
|
11209
|
-
|
|
11210
|
-
border-
|
|
11211
|
-
border-
|
|
11212
|
-
border-top: ${colors.darkGray[300]} 1px solid;
|
|
11404
|
+
border-right: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11405
|
+
border-left: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11406
|
+
border-top: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11213
11407
|
border-bottom: none;
|
|
11214
11408
|
border-radius: ${border.radius.sm} ${border.radius.sm} 0px 0px;
|
|
11215
11409
|
padding: ${size2[1]} ${size2[1.5]} ${size2[0.5]} ${size2[1.5]};
|
|
@@ -11227,11 +11421,10 @@ var getStyles2 = () => {
|
|
|
11227
11421
|
bottom: ${size2[2]};
|
|
11228
11422
|
left: 0;
|
|
11229
11423
|
transform: translate(-100%, 0);
|
|
11230
|
-
background-color: ${colors.darkGray[700]};
|
|
11231
11424
|
border-right: none;
|
|
11232
|
-
border-left: ${colors.darkGray[300]} 1px solid;
|
|
11233
|
-
border-top: ${colors.darkGray[300]} 1px solid;
|
|
11234
|
-
border-bottom: ${colors.darkGray[300]} 1px solid;
|
|
11425
|
+
border-left: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11426
|
+
border-top: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11427
|
+
border-bottom: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11235
11428
|
border-radius: ${border.radius.sm} 0px 0px ${border.radius.sm};
|
|
11236
11429
|
padding: ${size2[1.5]} ${size2[0.5]} ${size2[1.5]} ${size2[1]};
|
|
11237
11430
|
|
|
@@ -11251,11 +11444,10 @@ var getStyles2 = () => {
|
|
|
11251
11444
|
bottom: ${size2[2]};
|
|
11252
11445
|
right: 0;
|
|
11253
11446
|
transform: translate(100%, 0);
|
|
11254
|
-
background-color: ${colors.darkGray[700]};
|
|
11255
11447
|
border-left: none;
|
|
11256
|
-
border-right: ${colors.darkGray[300]} 1px solid;
|
|
11257
|
-
border-top: ${colors.darkGray[300]} 1px solid;
|
|
11258
|
-
border-bottom: ${colors.darkGray[300]} 1px solid;
|
|
11448
|
+
border-right: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11449
|
+
border-top: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11450
|
+
border-bottom: ${t2(colors.gray[400], colors.darkGray[300])} 1px solid;
|
|
11259
11451
|
border-radius: 0px ${border.radius.sm} ${border.radius.sm} 0px;
|
|
11260
11452
|
padding: ${size2[1.5]} ${size2[1]} ${size2[1.5]} ${size2[0.5]};
|
|
11261
11453
|
|
|
@@ -11273,15 +11465,18 @@ var getStyles2 = () => {
|
|
|
11273
11465
|
`,
|
|
11274
11466
|
queriesContainer: u`
|
|
11275
11467
|
flex: 1 1 700px;
|
|
11276
|
-
background-color: ${colors.darkGray[700]};
|
|
11468
|
+
background-color: ${t2(colors.gray[50], colors.darkGray[700])};
|
|
11277
11469
|
display: flex;
|
|
11278
11470
|
flex-direction: column;
|
|
11471
|
+
& * {
|
|
11472
|
+
font-family: 'Inter', sans-serif;
|
|
11473
|
+
}
|
|
11279
11474
|
`,
|
|
11280
11475
|
dragHandle: u`
|
|
11281
11476
|
position: absolute;
|
|
11282
11477
|
transition: background-color 0.125s ease;
|
|
11283
11478
|
&:hover {
|
|
11284
|
-
background-color: ${colors.purple[400]}${alpha[90]};
|
|
11479
|
+
background-color: ${colors.purple[400]}${t2("", alpha[90])};
|
|
11285
11480
|
}
|
|
11286
11481
|
z-index: 4;
|
|
11287
11482
|
`,
|
|
@@ -11315,7 +11510,7 @@ var getStyles2 = () => {
|
|
|
11315
11510
|
align-items: center;
|
|
11316
11511
|
padding: ${tokens.size[2]} ${tokens.size[2.5]};
|
|
11317
11512
|
gap: ${tokens.size[3]};
|
|
11318
|
-
border-bottom: ${colors.darkGray[500]} 1px solid;
|
|
11513
|
+
border-bottom: ${t2(colors.gray[300], colors.darkGray[500])} 1px solid;
|
|
11319
11514
|
align-items: center;
|
|
11320
11515
|
& > button {
|
|
11321
11516
|
padding: 0;
|
|
@@ -11342,11 +11537,15 @@ var getStyles2 = () => {
|
|
|
11342
11537
|
font-weight: ${font.weight.bold};
|
|
11343
11538
|
line-height: ${font.lineHeight.xs};
|
|
11344
11539
|
white-space: nowrap;
|
|
11540
|
+
color: ${t2(colors.gray[600], colors.gray[300])};
|
|
11345
11541
|
`,
|
|
11346
11542
|
queryFlavorLogo: u`
|
|
11347
11543
|
font-weight: ${font.weight.semibold};
|
|
11348
11544
|
font-size: ${font.size.xs};
|
|
11349
|
-
background: linear-gradient(
|
|
11545
|
+
background: linear-gradient(
|
|
11546
|
+
to right,
|
|
11547
|
+
${t2("#ea4037, #ff9b11", "#dd524b, #e9a03b")}
|
|
11548
|
+
);
|
|
11350
11549
|
background-clip: text;
|
|
11351
11550
|
-webkit-background-clip: text;
|
|
11352
11551
|
line-height: 1;
|
|
@@ -11361,14 +11560,17 @@ var getStyles2 = () => {
|
|
|
11361
11560
|
queryStatusTag: u`
|
|
11362
11561
|
display: flex;
|
|
11363
11562
|
gap: ${tokens.size[1.5]};
|
|
11364
|
-
|
|
11563
|
+
box-sizing: border-box;
|
|
11564
|
+
height: ${tokens.size[6.5]};
|
|
11565
|
+
background: ${t2(colors.gray[50], colors.darkGray[500])};
|
|
11566
|
+
color: ${t2(colors.gray[700], colors.gray[300])};
|
|
11365
11567
|
border-radius: ${tokens.border.radius.sm};
|
|
11366
11568
|
font-size: ${font.size.sm};
|
|
11367
11569
|
padding: ${tokens.size[1]};
|
|
11368
|
-
padding-left: ${tokens.size[
|
|
11570
|
+
padding-left: ${tokens.size[1.5]};
|
|
11369
11571
|
align-items: center;
|
|
11370
11572
|
font-weight: ${font.weight.medium};
|
|
11371
|
-
border:
|
|
11573
|
+
border: ${t2("1px solid " + colors.gray[300], "1px solid transparent")};
|
|
11372
11574
|
user-select: none;
|
|
11373
11575
|
position: relative;
|
|
11374
11576
|
&:focus-visible {
|
|
@@ -11385,8 +11587,8 @@ var getStyles2 = () => {
|
|
|
11385
11587
|
display: flex;
|
|
11386
11588
|
align-items: center;
|
|
11387
11589
|
justify-content: center;
|
|
11388
|
-
color: ${colors.gray[400]};
|
|
11389
|
-
background-color: ${colors.darkGray[300]};
|
|
11590
|
+
color: ${t2(colors.gray[500], colors.gray[400])};
|
|
11591
|
+
background-color: ${t2(colors.gray[200], colors.darkGray[300])};
|
|
11390
11592
|
border-radius: 2px;
|
|
11391
11593
|
font-variant-numeric: tabular-nums;
|
|
11392
11594
|
height: ${tokens.size[4.5]};
|
|
@@ -11394,15 +11596,15 @@ var getStyles2 = () => {
|
|
|
11394
11596
|
statusTooltip: u`
|
|
11395
11597
|
position: absolute;
|
|
11396
11598
|
z-index: 1;
|
|
11397
|
-
background-color: ${colors.darkGray[500]};
|
|
11599
|
+
background-color: ${t2(colors.gray[50], colors.darkGray[500])};
|
|
11398
11600
|
top: 100%;
|
|
11399
11601
|
left: 50%;
|
|
11400
11602
|
transform: translate(-50%, calc(${tokens.size[2]}));
|
|
11401
11603
|
padding: ${tokens.size[0.5]} ${tokens.size[2]};
|
|
11402
|
-
border-radius: ${tokens.border.radius.
|
|
11604
|
+
border-radius: ${tokens.border.radius.sm};
|
|
11403
11605
|
font-size: ${font.size.xs};
|
|
11404
|
-
border: 1px solid ${colors.gray[600]};
|
|
11405
|
-
color: ${
|
|
11606
|
+
border: 1px solid ${t2(colors.gray[400], colors.gray[600])};
|
|
11607
|
+
color: ${t2(colors["gray"][600], colors["gray"][300])};
|
|
11406
11608
|
|
|
11407
11609
|
&::before {
|
|
11408
11610
|
top: 0px;
|
|
@@ -11411,7 +11613,8 @@ var getStyles2 = () => {
|
|
|
11411
11613
|
left: 50%;
|
|
11412
11614
|
transform: translate(-50%, -100%);
|
|
11413
11615
|
position: absolute;
|
|
11414
|
-
border-color: transparent transparent
|
|
11616
|
+
border-color: transparent transparent
|
|
11617
|
+
${t2(colors.gray[400], colors.gray[600])} transparent;
|
|
11415
11618
|
border-style: solid;
|
|
11416
11619
|
border-width: 7px;
|
|
11417
11620
|
/* transform: rotate(180deg); */
|
|
@@ -11422,17 +11625,14 @@ var getStyles2 = () => {
|
|
|
11422
11625
|
content: ' ';
|
|
11423
11626
|
display: block;
|
|
11424
11627
|
left: 50%;
|
|
11425
|
-
transform: translate(-50%, calc(-100% +
|
|
11628
|
+
transform: translate(-50%, calc(-100% + 2px));
|
|
11426
11629
|
position: absolute;
|
|
11427
|
-
border-color: transparent transparent
|
|
11428
|
-
transparent;
|
|
11630
|
+
border-color: transparent transparent
|
|
11631
|
+
${t2(colors.gray[100], colors.darkGray[500])} transparent;
|
|
11429
11632
|
border-style: solid;
|
|
11430
11633
|
border-width: 7px;
|
|
11431
11634
|
}
|
|
11432
11635
|
`,
|
|
11433
|
-
selectedQueryRow: u`
|
|
11434
|
-
background-color: ${colors.darkGray[500]};
|
|
11435
|
-
`,
|
|
11436
11636
|
filtersContainer: u`
|
|
11437
11637
|
display: flex;
|
|
11438
11638
|
gap: ${tokens.size[2]};
|
|
@@ -11441,47 +11641,52 @@ var getStyles2 = () => {
|
|
|
11441
11641
|
padding: ${tokens.size[0.5]} ${tokens.size[2]};
|
|
11442
11642
|
padding-right: ${tokens.size[1.5]};
|
|
11443
11643
|
border-radius: ${tokens.border.radius.sm};
|
|
11444
|
-
background-color: ${colors.darkGray[400]};
|
|
11644
|
+
background-color: ${t2(colors.gray[100], colors.darkGray[400])};
|
|
11645
|
+
border: 1px solid ${t2(colors.gray[300], colors.darkGray[200])};
|
|
11646
|
+
color: ${t2(colors.gray[700], colors.gray[300])};
|
|
11445
11647
|
font-size: ${font.size.xs};
|
|
11446
11648
|
display: flex;
|
|
11447
11649
|
align-items: center;
|
|
11448
11650
|
line-height: ${font.lineHeight.sm};
|
|
11449
11651
|
gap: ${tokens.size[1.5]};
|
|
11450
11652
|
max-width: 160px;
|
|
11451
|
-
border: 1px solid ${colors.darkGray[200]};
|
|
11452
11653
|
&:focus-visible {
|
|
11453
11654
|
outline-offset: 2px;
|
|
11454
11655
|
border-radius: ${border.radius.xs};
|
|
11455
11656
|
outline: 2px solid ${colors.blue[800]};
|
|
11456
11657
|
}
|
|
11658
|
+
& svg {
|
|
11659
|
+
color: ${t2(colors.gray[500], colors.gray[400])};
|
|
11660
|
+
}
|
|
11457
11661
|
}
|
|
11458
11662
|
`,
|
|
11459
11663
|
filterInput: u`
|
|
11460
|
-
padding: ${
|
|
11664
|
+
padding: ${size2[0.5]} ${size2[2]};
|
|
11461
11665
|
border-radius: ${tokens.border.radius.sm};
|
|
11462
|
-
background-color: ${colors.darkGray[400]};
|
|
11666
|
+
background-color: ${t2(colors.gray[100], colors.darkGray[400])};
|
|
11463
11667
|
display: flex;
|
|
11464
11668
|
box-sizing: content-box;
|
|
11465
11669
|
align-items: center;
|
|
11466
11670
|
gap: ${tokens.size[1.5]};
|
|
11467
11671
|
max-width: 160px;
|
|
11468
11672
|
min-width: 100px;
|
|
11469
|
-
border: 1px solid ${colors.darkGray[200]};
|
|
11673
|
+
border: 1px solid ${t2(colors.gray[300], colors.darkGray[200])};
|
|
11470
11674
|
height: min-content;
|
|
11675
|
+
color: ${t2(colors.gray[600], colors.gray[400])};
|
|
11471
11676
|
& > svg {
|
|
11472
|
-
width: ${
|
|
11473
|
-
height: ${
|
|
11677
|
+
width: ${size2[3]};
|
|
11678
|
+
height: ${size2[3]};
|
|
11474
11679
|
}
|
|
11475
11680
|
& input {
|
|
11476
11681
|
font-size: ${font.size.xs};
|
|
11477
11682
|
width: 100%;
|
|
11478
|
-
background-color: ${colors.darkGray[400]};
|
|
11683
|
+
background-color: ${t2(colors.gray[100], colors.darkGray[400])};
|
|
11479
11684
|
border: none;
|
|
11480
11685
|
padding: 0;
|
|
11481
11686
|
line-height: ${font.lineHeight.sm};
|
|
11482
|
-
color: ${colors.gray[300]};
|
|
11687
|
+
color: ${t2(colors.gray[700], colors.gray[300])};
|
|
11483
11688
|
&::placeholder {
|
|
11484
|
-
color: ${colors.gray[300]};
|
|
11689
|
+
color: ${t2(colors.gray[700], colors.gray[300])};
|
|
11485
11690
|
}
|
|
11486
11691
|
&:focus {
|
|
11487
11692
|
outline: none;
|
|
@@ -11497,24 +11702,26 @@ var getStyles2 = () => {
|
|
|
11497
11702
|
filterSelect: u`
|
|
11498
11703
|
padding: ${tokens.size[0.5]} ${tokens.size[2]};
|
|
11499
11704
|
border-radius: ${tokens.border.radius.sm};
|
|
11500
|
-
background-color: ${colors.darkGray[400]};
|
|
11705
|
+
background-color: ${t2(colors.gray[100], colors.darkGray[400])};
|
|
11501
11706
|
display: flex;
|
|
11502
11707
|
align-items: center;
|
|
11503
11708
|
gap: ${tokens.size[1.5]};
|
|
11504
11709
|
box-sizing: content-box;
|
|
11505
11710
|
max-width: 160px;
|
|
11506
|
-
border: 1px solid ${colors.darkGray[200]};
|
|
11711
|
+
border: 1px solid ${t2(colors.gray[300], colors.darkGray[200])};
|
|
11507
11712
|
height: min-content;
|
|
11508
11713
|
& > svg {
|
|
11714
|
+
color: ${t2(colors.gray[600], colors.gray[400])};
|
|
11509
11715
|
width: ${tokens.size[2]};
|
|
11510
11716
|
height: ${tokens.size[2]};
|
|
11511
11717
|
}
|
|
11512
11718
|
& > select {
|
|
11513
11719
|
appearance: none;
|
|
11720
|
+
color: ${t2(colors.gray[700], colors.gray[300])};
|
|
11514
11721
|
min-width: 100px;
|
|
11515
11722
|
line-height: ${font.lineHeight.sm};
|
|
11516
11723
|
font-size: ${font.size.xs};
|
|
11517
|
-
background-color: ${colors.darkGray[400]};
|
|
11724
|
+
background-color: ${t2(colors.gray[100], colors.darkGray[400])};
|
|
11518
11725
|
border: none;
|
|
11519
11726
|
&:focus {
|
|
11520
11727
|
outline: none;
|
|
@@ -11532,7 +11739,8 @@ var getStyles2 = () => {
|
|
|
11532
11739
|
`,
|
|
11533
11740
|
actionsBtn: u`
|
|
11534
11741
|
border-radius: ${tokens.border.radius.sm};
|
|
11535
|
-
background-color: ${colors.darkGray[400]};
|
|
11742
|
+
background-color: ${t2(colors.gray[100], colors.darkGray[400])};
|
|
11743
|
+
border: 1px solid ${t2(colors.gray[300], colors.darkGray[200])};
|
|
11536
11744
|
width: 1.625rem;
|
|
11537
11745
|
height: 1.625rem;
|
|
11538
11746
|
justify-content: center;
|
|
@@ -11540,13 +11748,13 @@ var getStyles2 = () => {
|
|
|
11540
11748
|
align-items: center;
|
|
11541
11749
|
gap: ${tokens.size[1.5]};
|
|
11542
11750
|
max-width: 160px;
|
|
11543
|
-
border: 1px solid ${colors.darkGray[200]};
|
|
11544
11751
|
cursor: pointer;
|
|
11545
11752
|
padding: 0;
|
|
11546
11753
|
&:hover {
|
|
11547
|
-
background-color: ${colors.darkGray[500]};
|
|
11754
|
+
background-color: ${t2(colors.gray[200], colors.darkGray[500])};
|
|
11548
11755
|
}
|
|
11549
11756
|
& svg {
|
|
11757
|
+
color: ${t2(colors.gray[700], colors.gray[300])};
|
|
11550
11758
|
width: ${tokens.size[3]};
|
|
11551
11759
|
height: ${tokens.size[3]};
|
|
11552
11760
|
}
|
|
@@ -11556,6 +11764,12 @@ var getStyles2 = () => {
|
|
|
11556
11764
|
outline: 2px solid ${colors.blue[800]};
|
|
11557
11765
|
}
|
|
11558
11766
|
`,
|
|
11767
|
+
actionsBtnOffline: u`
|
|
11768
|
+
& svg {
|
|
11769
|
+
stroke: ${t2(colors.yellow[700], colors.yellow[500])};
|
|
11770
|
+
fill: ${t2(colors.yellow[700], colors.yellow[500])};
|
|
11771
|
+
}
|
|
11772
|
+
`,
|
|
11559
11773
|
overflowQueryContainer: u`
|
|
11560
11774
|
flex: 1;
|
|
11561
11775
|
overflow-y: auto;
|
|
@@ -11568,9 +11782,11 @@ var getStyles2 = () => {
|
|
|
11568
11782
|
display: flex;
|
|
11569
11783
|
align-items: center;
|
|
11570
11784
|
padding: 0;
|
|
11571
|
-
background-color: inherit;
|
|
11572
11785
|
border: none;
|
|
11573
11786
|
cursor: pointer;
|
|
11787
|
+
color: ${t2(colors.gray[700], colors.gray[300])};
|
|
11788
|
+
background-color: ${t2(colors.gray[50], colors.darkGray[700])};
|
|
11789
|
+
line-height: 1;
|
|
11574
11790
|
&:focus {
|
|
11575
11791
|
outline: none;
|
|
11576
11792
|
}
|
|
@@ -11580,7 +11796,7 @@ var getStyles2 = () => {
|
|
|
11580
11796
|
outline: 2px solid ${colors.blue[800]};
|
|
11581
11797
|
}
|
|
11582
11798
|
&:hover .tsqd-query-hash {
|
|
11583
|
-
background-color: ${colors.darkGray[600]};
|
|
11799
|
+
background-color: ${t2(colors.gray[200], colors.darkGray[600])};
|
|
11584
11800
|
}
|
|
11585
11801
|
|
|
11586
11802
|
& .tsqd-query-observer-count {
|
|
@@ -11595,7 +11811,7 @@ var getStyles2 = () => {
|
|
|
11595
11811
|
font-weight: ${font.weight.medium};
|
|
11596
11812
|
border-bottom-width: 1px;
|
|
11597
11813
|
border-bottom-style: solid;
|
|
11598
|
-
border-bottom: 1px solid ${colors.darkGray[700]};
|
|
11814
|
+
border-bottom: 1px solid ${t2(colors.gray[300], colors.darkGray[700])};
|
|
11599
11815
|
}
|
|
11600
11816
|
& .tsqd-query-hash {
|
|
11601
11817
|
user-select: text;
|
|
@@ -11606,7 +11822,7 @@ var getStyles2 = () => {
|
|
|
11606
11822
|
flex: 1;
|
|
11607
11823
|
padding: ${tokens.size[1]} ${tokens.size[2]};
|
|
11608
11824
|
font-family: 'Menlo', 'Fira Code', monospace;
|
|
11609
|
-
border-bottom: 1px solid ${colors.darkGray[400]};
|
|
11825
|
+
border-bottom: 1px solid ${t2(colors.gray[300], colors.darkGray[400])};
|
|
11610
11826
|
text-align: left;
|
|
11611
11827
|
text-overflow: clip;
|
|
11612
11828
|
word-break: break-word;
|
|
@@ -11617,15 +11833,20 @@ var getStyles2 = () => {
|
|
|
11617
11833
|
display: flex;
|
|
11618
11834
|
align-items: center;
|
|
11619
11835
|
padding: 0 ${tokens.size[2]};
|
|
11620
|
-
color: ${colors.gray[300]};
|
|
11621
|
-
background-color: ${colors.darkGray[600]};
|
|
11622
|
-
border-bottom: 1px solid ${colors.darkGray[400]};
|
|
11836
|
+
color: ${t2(colors.gray[800], colors.gray[300])};
|
|
11837
|
+
background-color: ${t2(colors.gray[300], colors.darkGray[600])};
|
|
11838
|
+
border-bottom: 1px solid ${t2(colors.gray[300], colors.darkGray[400])};
|
|
11623
11839
|
font-size: ${font.size.xs};
|
|
11624
11840
|
}
|
|
11625
11841
|
`,
|
|
11842
|
+
selectedQueryRow: u`
|
|
11843
|
+
background-color: ${t2(colors.gray[200], colors.darkGray[500])};
|
|
11844
|
+
`,
|
|
11626
11845
|
detailsContainer: u`
|
|
11627
11846
|
flex: 1 1 700px;
|
|
11628
|
-
background-color: ${colors.darkGray[700]};
|
|
11847
|
+
background-color: ${t2(colors.gray[50], colors.darkGray[700])};
|
|
11848
|
+
color: ${t2(colors.gray[700], colors.gray[300])};
|
|
11849
|
+
font-family: 'Inter', sans-serif;
|
|
11629
11850
|
display: flex;
|
|
11630
11851
|
flex-direction: column;
|
|
11631
11852
|
overflow-y: auto;
|
|
@@ -11633,10 +11854,11 @@ var getStyles2 = () => {
|
|
|
11633
11854
|
text-align: left;
|
|
11634
11855
|
`,
|
|
11635
11856
|
detailsHeader: u`
|
|
11857
|
+
font-family: 'Inter', sans-serif;
|
|
11636
11858
|
position: sticky;
|
|
11637
11859
|
top: 0;
|
|
11638
11860
|
z-index: 2;
|
|
11639
|
-
background-color: ${colors.darkGray[600]};
|
|
11861
|
+
background-color: ${t2(colors.gray[200], colors.darkGray[600])};
|
|
11640
11862
|
padding: ${tokens.size[1.5]} ${tokens.size[2]};
|
|
11641
11863
|
font-weight: ${font.weight.medium};
|
|
11642
11864
|
font-size: ${font.size.xs};
|
|
@@ -11669,6 +11891,10 @@ var getStyles2 = () => {
|
|
|
11669
11891
|
font-size: ${font.size.xs};
|
|
11670
11892
|
line-height: ${font.lineHeight.xs};
|
|
11671
11893
|
}
|
|
11894
|
+
|
|
11895
|
+
& pre {
|
|
11896
|
+
margin: 0;
|
|
11897
|
+
}
|
|
11672
11898
|
`,
|
|
11673
11899
|
queryDetailsStatus: u`
|
|
11674
11900
|
border: 1px solid ${colors.darkGray[200]};
|
|
@@ -11683,12 +11909,13 @@ var getStyles2 = () => {
|
|
|
11683
11909
|
gap: ${tokens.size[2]};
|
|
11684
11910
|
padding: 0px ${tokens.size[2]};
|
|
11685
11911
|
& > button {
|
|
11912
|
+
font-family: 'Inter', sans-serif;
|
|
11686
11913
|
font-size: ${font.size.xs};
|
|
11687
11914
|
padding: ${tokens.size[1]} ${tokens.size[2]};
|
|
11688
11915
|
display: flex;
|
|
11689
11916
|
border-radius: ${tokens.border.radius.sm};
|
|
11690
|
-
|
|
11691
|
-
|
|
11917
|
+
background-color: ${t2(colors.gray[100], colors.darkGray[600])};
|
|
11918
|
+
border: 1px solid ${t2(colors.gray[300], colors.darkGray[400])};
|
|
11692
11919
|
align-items: center;
|
|
11693
11920
|
gap: ${tokens.size[2]};
|
|
11694
11921
|
font-weight: ${font.weight.medium};
|
|
@@ -11700,7 +11927,7 @@ var getStyles2 = () => {
|
|
|
11700
11927
|
outline: 2px solid ${colors.blue[800]};
|
|
11701
11928
|
}
|
|
11702
11929
|
&:hover {
|
|
11703
|
-
background-color: ${colors.darkGray[500]};
|
|
11930
|
+
background-color: ${t2(colors.gray[200], colors.darkGray[500])};
|
|
11704
11931
|
}
|
|
11705
11932
|
|
|
11706
11933
|
&:disabled {
|
|
@@ -11721,17 +11948,17 @@ var getStyles2 = () => {
|
|
|
11721
11948
|
display: flex;
|
|
11722
11949
|
border-radius: ${tokens.border.radius.sm};
|
|
11723
11950
|
overflow: hidden;
|
|
11724
|
-
|
|
11725
|
-
|
|
11951
|
+
background-color: ${t2(colors.gray[100], colors.darkGray[600])};
|
|
11952
|
+
border: 1px solid ${t2(colors.gray[300], colors.darkGray[400])};
|
|
11726
11953
|
align-items: center;
|
|
11727
11954
|
gap: ${tokens.size[2]};
|
|
11728
11955
|
font-weight: ${font.weight.medium};
|
|
11729
11956
|
line-height: ${font.lineHeight.sm};
|
|
11730
|
-
color: ${
|
|
11957
|
+
color: ${t2(colors.red[500], colors.red[400])};
|
|
11731
11958
|
cursor: pointer;
|
|
11732
11959
|
position: relative;
|
|
11733
11960
|
&:hover {
|
|
11734
|
-
background-color: ${colors.darkGray[500]};
|
|
11961
|
+
background-color: ${t2(colors.gray[200], colors.darkGray[500])};
|
|
11735
11962
|
}
|
|
11736
11963
|
& > span {
|
|
11737
11964
|
width: ${size2[1.5]};
|
|
@@ -11772,10 +11999,10 @@ var getStyles2 = () => {
|
|
|
11772
11999
|
flex-direction: column;
|
|
11773
12000
|
gap: ${size2[0.5]};
|
|
11774
12001
|
border-radius: ${tokens.border.radius.sm};
|
|
11775
|
-
border: 1px solid ${colors.gray[700]};
|
|
11776
|
-
background-color: ${colors.darkGray[600]};
|
|
12002
|
+
border: 1px solid ${t2(colors.gray[300], colors.gray[700])};
|
|
12003
|
+
background-color: ${t2(colors.gray[50], colors.darkGray[600])};
|
|
11777
12004
|
font-size: ${font.size.xs};
|
|
11778
|
-
color: ${colors.gray[300]};
|
|
12005
|
+
color: ${t2(colors.gray[700], colors.gray[300])};
|
|
11779
12006
|
z-index: 99999;
|
|
11780
12007
|
min-width: 120px;
|
|
11781
12008
|
padding: ${size2[0.5]};
|
|
@@ -11785,17 +12012,19 @@ var getStyles2 = () => {
|
|
|
11785
12012
|
align-items: center;
|
|
11786
12013
|
justify-content: space-between;
|
|
11787
12014
|
border-radius: ${tokens.border.radius.xs};
|
|
11788
|
-
padding: ${tokens.size[
|
|
12015
|
+
padding: ${tokens.size[1]} ${tokens.size[1]};
|
|
11789
12016
|
cursor: pointer;
|
|
11790
12017
|
background-color: transparent;
|
|
11791
12018
|
border: none;
|
|
12019
|
+
color: ${t2(colors.gray[700], colors.gray[300])};
|
|
11792
12020
|
& svg {
|
|
12021
|
+
color: ${t2(colors.gray[600], colors.gray[400])};
|
|
11793
12022
|
transform: rotate(-90deg);
|
|
11794
12023
|
width: ${tokens.size[2]};
|
|
11795
12024
|
height: ${tokens.size[2]};
|
|
11796
12025
|
}
|
|
11797
12026
|
&:hover {
|
|
11798
|
-
background-color: ${colors.darkGray[500]};
|
|
12027
|
+
background-color: ${t2(colors.gray[200], colors.darkGray[500])};
|
|
11799
12028
|
}
|
|
11800
12029
|
&:focus-visible {
|
|
11801
12030
|
outline-offset: 2px;
|
|
@@ -11807,33 +12036,48 @@ var getStyles2 = () => {
|
|
|
11807
12036
|
}
|
|
11808
12037
|
`,
|
|
11809
12038
|
settingsMenuHeader: u`
|
|
11810
|
-
padding: ${tokens.size[
|
|
12039
|
+
padding: ${tokens.size[1]} ${tokens.size[1]};
|
|
11811
12040
|
font-weight: ${font.weight.medium};
|
|
11812
|
-
border-bottom: 1px solid ${colors.darkGray[400]};
|
|
11813
|
-
color: ${colors.gray[400]};
|
|
12041
|
+
border-bottom: 1px solid ${t2(colors.gray[300], colors.darkGray[400])};
|
|
12042
|
+
color: ${t2(colors.gray[500], colors.gray[400])};
|
|
11814
12043
|
font-size: ${font.size["xs"]};
|
|
11815
12044
|
`,
|
|
11816
12045
|
settingsSubButton: u`
|
|
11817
12046
|
display: flex;
|
|
11818
12047
|
align-items: center;
|
|
11819
12048
|
justify-content: space-between;
|
|
11820
|
-
color: ${colors.gray[300]};
|
|
12049
|
+
color: ${t2(colors.gray[700], colors.gray[300])};
|
|
11821
12050
|
font-size: ${font.size["xs"]};
|
|
11822
12051
|
border-radius: ${tokens.border.radius.xs};
|
|
11823
|
-
padding: ${tokens.size[
|
|
12052
|
+
padding: ${tokens.size[1]} ${tokens.size[1]};
|
|
11824
12053
|
cursor: pointer;
|
|
11825
12054
|
background-color: transparent;
|
|
11826
12055
|
border: none;
|
|
12056
|
+
& svg {
|
|
12057
|
+
color: ${t2(colors.gray[600], colors.gray[400])};
|
|
12058
|
+
}
|
|
11827
12059
|
&:hover {
|
|
11828
|
-
background-color: ${colors.darkGray[500]};
|
|
12060
|
+
background-color: ${t2(colors.gray[200], colors.darkGray[500])};
|
|
11829
12061
|
}
|
|
11830
12062
|
&:focus-visible {
|
|
11831
12063
|
outline-offset: 2px;
|
|
11832
12064
|
outline: 2px solid ${colors.blue[800]};
|
|
11833
12065
|
}
|
|
12066
|
+
`,
|
|
12067
|
+
themeSelectedButton: u`
|
|
12068
|
+
background-color: ${t2(colors.purple[100], colors.purple[900])};
|
|
12069
|
+
color: ${t2(colors.purple[700], colors.purple[300])};
|
|
12070
|
+
& svg {
|
|
12071
|
+
color: ${t2(colors.purple[700], colors.purple[300])};
|
|
12072
|
+
}
|
|
12073
|
+
&:hover {
|
|
12074
|
+
background-color: ${t2(colors.purple[100], colors.purple[900])};
|
|
12075
|
+
}
|
|
11834
12076
|
`
|
|
11835
12077
|
};
|
|
11836
12078
|
};
|
|
12079
|
+
var lightStyles2 = stylesFactory2("light");
|
|
12080
|
+
var darkStyles2 = stylesFactory2("dark");
|
|
11837
12081
|
delegateEvents(["click", "mousedown", "input"]);
|
|
11838
12082
|
/*! Bundled license information:
|
|
11839
12083
|
|