@tanstack/query-devtools 5.21.3 → 5.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/Devtools/{VAJS2OS4.jsx → 6EDF3GZQ.jsx} +281 -58
- package/build/Devtools/{PZY6I5TR.js → NXICSXP3.js} +676 -449
- package/build/Devtools/{SUV2KM2F.js → QUGYIDRL.js} +676 -449
- package/build/Devtools/{Z62CHOQ7.jsx → T73WTYCS.jsx} +281 -58
- package/build/dev.cjs +679 -451
- package/build/dev.js +1 -1
- package/build/dev.jsx +1 -1
- package/build/index.cjs +679 -451
- package/build/index.js +1 -1
- package/build/index.jsx +1 -1
- package/package.json +2 -2
- package/src/Devtools.tsx +364 -79
- package/src/Explorer.tsx +2 -1
- package/src/icons/index.tsx +20 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createContext, delegateEvents, sortFns, mutationSortFns, createSignal, $PROXY, $TRACK, getListener, batch, getPreferredColorScheme, createMemo, createComponent, createEffect, onMount, onCleanup, use, insert,
|
|
1
|
+
import { createContext, delegateEvents, sortFns, mutationSortFns, createSignal, $PROXY, $TRACK, getListener, batch, getPreferredColorScheme, createMemo, createComponent, createEffect, onMount, onCleanup, Show, Portal, use, insert, createRenderEffect, className, on, setAttribute, getQueryStatusColor, getMutationStatusColor, getQueryStatusLabel, spread, mergeProps, getQueryStatusColorByLabel, displayValue, For, isServer, createUniqueId, useContext, Index, updateNestedDataByPath, template, convertRemToPixels, getSidedProp, untrack, useTransition, createRoot, splitProps, addEventListener, stringify, Switch, Match, deleteNestedDataByPath, Dynamic, children, createComputed, getOwner, DEV } from '../chunk/XKKA3NOX.js';
|
|
2
2
|
|
|
3
3
|
// ../../node_modules/.pnpm/@tanstack+match-sorter-utils@8.11.8/node_modules/@tanstack/match-sorter-utils/build/lib/index.mjs
|
|
4
4
|
var characterMap = {
|
|
@@ -8635,16 +8635,17 @@ var _tmpl$8 = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24"height=12 width=
|
|
|
8635
8635
|
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">`);
|
|
8636
8636
|
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">`);
|
|
8637
8637
|
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>`);
|
|
8638
|
-
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
|
|
8639
|
-
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="
|
|
8640
|
-
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="
|
|
8641
|
-
var _tmpl$15 = /* @__PURE__ */ template(`<svg width=24 height=24 viewBox="0 0 24 24"fill=none
|
|
8642
|
-
var _tmpl$16 = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24"
|
|
8643
|
-
var _tmpl$17 = /* @__PURE__ */ template(`<svg
|
|
8644
|
-
var _tmpl$18 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="
|
|
8645
|
-
var _tmpl$19 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="
|
|
8646
|
-
var _tmpl$20 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="
|
|
8647
|
-
var _tmpl$21 = /* @__PURE__ */ template(`<svg version=1.0 viewBox="0 0 633 633"><linearGradient 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></circle><defs><filter 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 x=-137.5 y=412 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=89.5 cy=610.5 rx=214.5 ry=186 fill=#015064 stroke=#00CFE2 stroke-width=25></ellipse></g><defs><filter 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 x=316.5 y=412 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=543.5 cy=610.5 rx=214.5 ry=186 fill=#015064 stroke=#00CFE2 stroke-width=25></ellipse></g><defs><filter 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 x=-137.5 y=450 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=89.5 cy=648.5 rx=214.5 ry=186 fill=#015064 stroke=#00A8B8 stroke-width=25></ellipse></g><defs><filter 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 x=316.5 y=450 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=543.5 cy=648.5 rx=214.5 ry=186 fill=#015064 stroke=#00A8B8 stroke-width=25></ellipse></g><defs><filter 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 x=-137.5 y=486 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=89.5 cy=684.5 rx=214.5 ry=186 fill=#015064 stroke=#007782 stroke-width=25></ellipse></g><defs><filter 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 x=316.5 y=486 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=543.5 cy=684.5 rx=214.5 ry=186 fill=#015064 stroke=#007782 stroke-width=25></ellipse></g><defs><filter 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 x=272.2 y=308 width=176.9 height=129.3 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><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 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-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 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 x=73.2 y=113.8 width=280.6 height=317.4 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><linearGradient 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-rule=evenodd></path><g stroke=#2F8A00><linearGradient 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-rule=evenodd stroke-width=13></path><linearGradient 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-rule=evenodd stroke-width=13></path><linearGradient 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-rule=evenodd stroke-width=13></path><linearGradient 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-rule=evenodd stroke-width=13></path><linearGradient 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-rule=evenodd stroke-width=13></path><linearGradient 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-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 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 x=50.5 y=399 width=532 height=633 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><linearGradient 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></ellipse></g><defs><filter 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 x=391 y=-24 width=288 height=283 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><linearGradient 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></circle><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12>`);
|
|
8638
|
+
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 d="M16 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.8V8M11.5 12.5L17 7M17 7H12M17 7V12M6.2 21H8.8C9.9201 21 10.4802 21 10.908 20.782C11.2843 20.5903 11.5903 20.2843 11.782 19.908C12 19.4802 12 18.9201 12 17.8V15.2C12 14.0799 12 13.5198 11.782 13.092C11.5903 12.7157 11.2843 12.4097 10.908 12.218C10.4802 12 9.92011 12 8.8 12H6.2C5.0799 12 4.51984 12 4.09202 12.218C3.71569 12.4097 3.40973 12.7157 3.21799 13.092C3 13.5198 3 14.0799 3 15.2V17.8C3 18.9201 3 19.4802 3.21799 19.908C3.40973 20.2843 3.71569 20.5903 4.09202 20.782C4.51984 21 5.07989 21 6.2 21Z"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
|
|
8639
|
+
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 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>`);
|
|
8640
|
+
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="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>`);
|
|
8641
|
+
var _tmpl$15 = /* @__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>`);
|
|
8642
|
+
var _tmpl$16 = /* @__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>`);
|
|
8643
|
+
var _tmpl$17 = /* @__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>`);
|
|
8644
|
+
var _tmpl$18 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M7.5 12L10.5 15L16.5 9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
|
|
8645
|
+
var _tmpl$19 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M12 2V6M12 18V22M6 12H2M22 12H18M19.0784 19.0784L16.25 16.25M19.0784 4.99994L16.25 7.82837M4.92157 19.0784L7.75 16.25M4.92157 4.99994L7.75 7.82837"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round></path><animateTransform attributeName=transform attributeType=XML type=rotate from=0 to=360 dur=2s repeatCount=indefinite>`);
|
|
8646
|
+
var _tmpl$20 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M15 9L9 15M9 9L15 15M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
|
|
8647
|
+
var _tmpl$21 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M9.5 15V9M14.5 15V9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
|
|
8648
|
+
var _tmpl$22 = /* @__PURE__ */ template(`<svg version=1.0 viewBox="0 0 633 633"><linearGradient 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></circle><defs><filter 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 x=-137.5 y=412 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=89.5 cy=610.5 rx=214.5 ry=186 fill=#015064 stroke=#00CFE2 stroke-width=25></ellipse></g><defs><filter 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 x=316.5 y=412 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=543.5 cy=610.5 rx=214.5 ry=186 fill=#015064 stroke=#00CFE2 stroke-width=25></ellipse></g><defs><filter 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 x=-137.5 y=450 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=89.5 cy=648.5 rx=214.5 ry=186 fill=#015064 stroke=#00A8B8 stroke-width=25></ellipse></g><defs><filter 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 x=316.5 y=450 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=543.5 cy=648.5 rx=214.5 ry=186 fill=#015064 stroke=#00A8B8 stroke-width=25></ellipse></g><defs><filter 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 x=-137.5 y=486 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=89.5 cy=684.5 rx=214.5 ry=186 fill=#015064 stroke=#007782 stroke-width=25></ellipse></g><defs><filter 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 x=316.5 y=486 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=543.5 cy=684.5 rx=214.5 ry=186 fill=#015064 stroke=#007782 stroke-width=25></ellipse></g><defs><filter 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 x=272.2 y=308 width=176.9 height=129.3 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><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 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-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 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 x=73.2 y=113.8 width=280.6 height=317.4 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><linearGradient 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-rule=evenodd></path><g stroke=#2F8A00><linearGradient 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-rule=evenodd stroke-width=13></path><linearGradient 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-rule=evenodd stroke-width=13></path><linearGradient 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-rule=evenodd stroke-width=13></path><linearGradient 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-rule=evenodd stroke-width=13></path><linearGradient 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-rule=evenodd stroke-width=13></path><linearGradient 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-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 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 x=50.5 y=399 width=532 height=633 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><linearGradient 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></ellipse></g><defs><filter 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 x=391 y=-24 width=288 height=283 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><linearGradient 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></circle><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient 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-linecap=round stroke-linejoin=bevel stroke-width=12>`);
|
|
8648
8649
|
function Search() {
|
|
8649
8650
|
return _tmpl$();
|
|
8650
8651
|
}
|
|
@@ -8692,21 +8693,24 @@ function Offline() {
|
|
|
8692
8693
|
function Settings() {
|
|
8693
8694
|
return _tmpl$11();
|
|
8694
8695
|
}
|
|
8695
|
-
function
|
|
8696
|
+
function PiPIcon() {
|
|
8696
8697
|
return _tmpl$12();
|
|
8697
8698
|
}
|
|
8699
|
+
function Copier() {
|
|
8700
|
+
return _tmpl$13();
|
|
8701
|
+
}
|
|
8698
8702
|
function CopiedCopier(props) {
|
|
8699
8703
|
return (() => {
|
|
8700
|
-
const _el$
|
|
8701
|
-
createRenderEffect(() => setAttribute(_el$
|
|
8702
|
-
return _el$
|
|
8704
|
+
const _el$16 = _tmpl$14(), _el$17 = _el$16.firstChild;
|
|
8705
|
+
createRenderEffect(() => setAttribute(_el$17, "stroke", props.theme === "dark" ? "#12B76A" : "#027A48"));
|
|
8706
|
+
return _el$16;
|
|
8703
8707
|
})();
|
|
8704
8708
|
}
|
|
8705
8709
|
function ErrorCopier() {
|
|
8706
|
-
return _tmpl$
|
|
8710
|
+
return _tmpl$15();
|
|
8707
8711
|
}
|
|
8708
8712
|
function List() {
|
|
8709
|
-
return _tmpl$
|
|
8713
|
+
return _tmpl$16();
|
|
8710
8714
|
}
|
|
8711
8715
|
function Check(props) {
|
|
8712
8716
|
return [createComponent(Show, {
|
|
@@ -8714,116 +8718,116 @@ function Check(props) {
|
|
|
8714
8718
|
return props.checked;
|
|
8715
8719
|
},
|
|
8716
8720
|
get children() {
|
|
8717
|
-
const _el$
|
|
8718
|
-
createRenderEffect(() => setAttribute(_el$
|
|
8719
|
-
return _el$
|
|
8721
|
+
const _el$20 = _tmpl$14(), _el$21 = _el$20.firstChild;
|
|
8722
|
+
createRenderEffect(() => setAttribute(_el$21, "stroke", props.theme === "dark" ? "#9B8AFB" : "#6938EF"));
|
|
8723
|
+
return _el$20;
|
|
8720
8724
|
}
|
|
8721
8725
|
}), createComponent(Show, {
|
|
8722
8726
|
get when() {
|
|
8723
8727
|
return !props.checked;
|
|
8724
8728
|
},
|
|
8725
8729
|
get children() {
|
|
8726
|
-
const _el$
|
|
8727
|
-
createRenderEffect(() => setAttribute(_el$
|
|
8728
|
-
return _el$
|
|
8730
|
+
const _el$22 = _tmpl$17(), _el$23 = _el$22.firstChild;
|
|
8731
|
+
createRenderEffect(() => setAttribute(_el$23, "stroke", props.theme === "dark" ? "#9B8AFB" : "#6938EF"));
|
|
8732
|
+
return _el$22;
|
|
8729
8733
|
}
|
|
8730
8734
|
})];
|
|
8731
8735
|
}
|
|
8732
8736
|
function CheckCircle() {
|
|
8733
|
-
return _tmpl$
|
|
8737
|
+
return _tmpl$18();
|
|
8734
8738
|
}
|
|
8735
8739
|
function LoadingCircle() {
|
|
8736
|
-
return _tmpl$
|
|
8740
|
+
return _tmpl$19();
|
|
8737
8741
|
}
|
|
8738
8742
|
function XCircle() {
|
|
8739
|
-
return _tmpl$
|
|
8743
|
+
return _tmpl$20();
|
|
8740
8744
|
}
|
|
8741
8745
|
function PauseCircle() {
|
|
8742
|
-
return _tmpl$
|
|
8746
|
+
return _tmpl$21();
|
|
8743
8747
|
}
|
|
8744
8748
|
function TanstackLogo() {
|
|
8745
8749
|
const id = createUniqueId();
|
|
8746
8750
|
return (() => {
|
|
8747
|
-
const _el$
|
|
8748
|
-
setAttribute(_el$
|
|
8749
|
-
setAttribute(_el$
|
|
8750
|
-
setAttribute(_el$
|
|
8751
|
-
setAttribute(_el$
|
|
8752
|
-
setAttribute(_el$
|
|
8753
|
-
setAttribute(_el$
|
|
8754
|
-
setAttribute(_el$
|
|
8755
|
-
setAttribute(_el$
|
|
8756
|
-
setAttribute(_el$
|
|
8757
|
-
setAttribute(_el$
|
|
8758
|
-
setAttribute(_el$
|
|
8759
|
-
setAttribute(_el$
|
|
8760
|
-
setAttribute(_el$
|
|
8761
|
-
setAttribute(_el$
|
|
8762
|
-
setAttribute(_el$
|
|
8763
|
-
setAttribute(_el$
|
|
8764
|
-
setAttribute(_el$
|
|
8765
|
-
setAttribute(_el$
|
|
8766
|
-
setAttribute(_el$
|
|
8767
|
-
setAttribute(_el$
|
|
8768
|
-
setAttribute(_el$
|
|
8769
|
-
setAttribute(_el$
|
|
8770
|
-
setAttribute(_el$
|
|
8771
|
-
setAttribute(_el$
|
|
8772
|
-
setAttribute(_el$
|
|
8773
|
-
setAttribute(_el$
|
|
8774
|
-
setAttribute(_el$
|
|
8775
|
-
setAttribute(_el$
|
|
8776
|
-
setAttribute(_el$
|
|
8777
|
-
setAttribute(_el$
|
|
8778
|
-
setAttribute(_el$
|
|
8779
|
-
setAttribute(_el$
|
|
8780
|
-
setAttribute(_el$
|
|
8781
|
-
setAttribute(_el$
|
|
8782
|
-
setAttribute(_el$
|
|
8783
|
-
setAttribute(_el$
|
|
8784
|
-
setAttribute(_el$
|
|
8785
|
-
setAttribute(_el$
|
|
8786
|
-
setAttribute(_el$
|
|
8787
|
-
setAttribute(_el$
|
|
8788
|
-
setAttribute(_el$
|
|
8789
|
-
setAttribute(_el$
|
|
8790
|
-
setAttribute(_el$
|
|
8791
|
-
setAttribute(_el$
|
|
8792
|
-
setAttribute(_el$
|
|
8793
|
-
setAttribute(_el$
|
|
8794
|
-
setAttribute(_el$
|
|
8795
|
-
setAttribute(_el$
|
|
8796
|
-
setAttribute(_el$
|
|
8797
|
-
setAttribute(_el$
|
|
8798
|
-
setAttribute(_el$
|
|
8799
|
-
setAttribute(_el$
|
|
8800
|
-
setAttribute(_el$
|
|
8801
|
-
setAttribute(_el$
|
|
8802
|
-
setAttribute(_el$
|
|
8803
|
-
setAttribute(_el$
|
|
8804
|
-
setAttribute(_el$
|
|
8805
|
-
setAttribute(_el$
|
|
8806
|
-
setAttribute(_el$
|
|
8807
|
-
setAttribute(_el$
|
|
8808
|
-
setAttribute(_el$
|
|
8809
|
-
setAttribute(_el$
|
|
8810
|
-
setAttribute(_el$
|
|
8811
|
-
setAttribute(_el$
|
|
8812
|
-
setAttribute(_el$
|
|
8813
|
-
setAttribute(_el$
|
|
8814
|
-
setAttribute(_el$
|
|
8815
|
-
setAttribute(_el$
|
|
8816
|
-
setAttribute(_el$
|
|
8817
|
-
setAttribute(_el$
|
|
8818
|
-
setAttribute(_el$
|
|
8819
|
-
setAttribute(_el$
|
|
8820
|
-
setAttribute(_el$
|
|
8821
|
-
setAttribute(_el$
|
|
8822
|
-
setAttribute(_el$
|
|
8823
|
-
setAttribute(_el$
|
|
8824
|
-
setAttribute(_el$
|
|
8825
|
-
setAttribute(_el$
|
|
8826
|
-
return _el$
|
|
8751
|
+
const _el$28 = _tmpl$22(), _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling, _el$31 = _el$30.nextSibling, _el$32 = _el$31.firstChild, _el$33 = _el$31.nextSibling, _el$34 = _el$33.firstChild, _el$35 = _el$33.nextSibling, _el$36 = _el$35.nextSibling, _el$37 = _el$36.firstChild, _el$38 = _el$36.nextSibling, _el$39 = _el$38.firstChild, _el$40 = _el$38.nextSibling, _el$41 = _el$40.nextSibling, _el$42 = _el$41.firstChild, _el$43 = _el$41.nextSibling, _el$44 = _el$43.firstChild, _el$45 = _el$43.nextSibling, _el$46 = _el$45.nextSibling, _el$47 = _el$46.firstChild, _el$48 = _el$46.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$48.nextSibling, _el$51 = _el$50.nextSibling, _el$52 = _el$51.firstChild, _el$53 = _el$51.nextSibling, _el$54 = _el$53.firstChild, _el$55 = _el$53.nextSibling, _el$56 = _el$55.nextSibling, _el$57 = _el$56.firstChild, _el$58 = _el$56.nextSibling, _el$59 = _el$58.firstChild, _el$60 = _el$58.nextSibling, _el$61 = _el$60.nextSibling, _el$62 = _el$61.firstChild, _el$63 = _el$61.nextSibling, _el$64 = _el$63.firstChild, _el$65 = _el$63.nextSibling, _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling, _el$68 = _el$67.nextSibling, _el$69 = _el$68.nextSibling, _el$70 = _el$69.nextSibling, _el$71 = _el$65.nextSibling, _el$72 = _el$71.firstChild, _el$73 = _el$71.nextSibling, _el$74 = _el$73.firstChild, _el$75 = _el$73.nextSibling, _el$76 = _el$75.firstChild, _el$77 = _el$76.nextSibling, _el$78 = _el$77.nextSibling, _el$79 = _el$78.firstChild, _el$80 = _el$79.nextSibling, _el$81 = _el$80.nextSibling, _el$82 = _el$81.nextSibling, _el$83 = _el$82.nextSibling, _el$84 = _el$83.nextSibling, _el$85 = _el$84.nextSibling, _el$86 = _el$85.nextSibling, _el$87 = _el$86.nextSibling, _el$88 = _el$87.nextSibling, _el$89 = _el$88.nextSibling, _el$90 = _el$89.nextSibling, _el$91 = _el$75.nextSibling, _el$92 = _el$91.firstChild, _el$93 = _el$91.nextSibling, _el$94 = _el$93.firstChild, _el$95 = _el$93.nextSibling, _el$96 = _el$95.firstChild, _el$97 = _el$96.nextSibling, _el$98 = _el$95.nextSibling, _el$99 = _el$98.firstChild, _el$100 = _el$98.nextSibling, _el$101 = _el$100.firstChild, _el$102 = _el$100.nextSibling, _el$103 = _el$102.firstChild, _el$104 = _el$103.nextSibling, _el$105 = _el$104.nextSibling, _el$106 = _el$105.nextSibling, _el$107 = _el$106.nextSibling, _el$108 = _el$107.nextSibling, _el$109 = _el$108.nextSibling, _el$110 = _el$109.nextSibling, _el$111 = _el$110.nextSibling, _el$112 = _el$111.nextSibling, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling, _el$117 = _el$116.nextSibling, _el$118 = _el$117.nextSibling, _el$119 = _el$118.nextSibling, _el$120 = _el$119.nextSibling;
|
|
8752
|
+
setAttribute(_el$29, "id", `a-${id}`);
|
|
8753
|
+
setAttribute(_el$30, "fill", `url(#a-${id})`);
|
|
8754
|
+
setAttribute(_el$32, "id", `am-${id}`);
|
|
8755
|
+
setAttribute(_el$33, "id", `b-${id}`);
|
|
8756
|
+
setAttribute(_el$34, "filter", `url(#am-${id})`);
|
|
8757
|
+
setAttribute(_el$35, "mask", `url(#b-${id})`);
|
|
8758
|
+
setAttribute(_el$37, "id", `ah-${id}`);
|
|
8759
|
+
setAttribute(_el$38, "id", `k-${id}`);
|
|
8760
|
+
setAttribute(_el$39, "filter", `url(#ah-${id})`);
|
|
8761
|
+
setAttribute(_el$40, "mask", `url(#k-${id})`);
|
|
8762
|
+
setAttribute(_el$42, "id", `ae-${id}`);
|
|
8763
|
+
setAttribute(_el$43, "id", `j-${id}`);
|
|
8764
|
+
setAttribute(_el$44, "filter", `url(#ae-${id})`);
|
|
8765
|
+
setAttribute(_el$45, "mask", `url(#j-${id})`);
|
|
8766
|
+
setAttribute(_el$47, "id", `ai-${id}`);
|
|
8767
|
+
setAttribute(_el$48, "id", `i-${id}`);
|
|
8768
|
+
setAttribute(_el$49, "filter", `url(#ai-${id})`);
|
|
8769
|
+
setAttribute(_el$50, "mask", `url(#i-${id})`);
|
|
8770
|
+
setAttribute(_el$52, "id", `aj-${id}`);
|
|
8771
|
+
setAttribute(_el$53, "id", `h-${id}`);
|
|
8772
|
+
setAttribute(_el$54, "filter", `url(#aj-${id})`);
|
|
8773
|
+
setAttribute(_el$55, "mask", `url(#h-${id})`);
|
|
8774
|
+
setAttribute(_el$57, "id", `ag-${id}`);
|
|
8775
|
+
setAttribute(_el$58, "id", `g-${id}`);
|
|
8776
|
+
setAttribute(_el$59, "filter", `url(#ag-${id})`);
|
|
8777
|
+
setAttribute(_el$60, "mask", `url(#g-${id})`);
|
|
8778
|
+
setAttribute(_el$62, "id", `af-${id}`);
|
|
8779
|
+
setAttribute(_el$63, "id", `f-${id}`);
|
|
8780
|
+
setAttribute(_el$64, "filter", `url(#af-${id})`);
|
|
8781
|
+
setAttribute(_el$65, "mask", `url(#f-${id})`);
|
|
8782
|
+
setAttribute(_el$69, "id", `m-${id}`);
|
|
8783
|
+
setAttribute(_el$70, "fill", `url(#m-${id})`);
|
|
8784
|
+
setAttribute(_el$72, "id", `ak-${id}`);
|
|
8785
|
+
setAttribute(_el$73, "id", `e-${id}`);
|
|
8786
|
+
setAttribute(_el$74, "filter", `url(#ak-${id})`);
|
|
8787
|
+
setAttribute(_el$75, "mask", `url(#e-${id})`);
|
|
8788
|
+
setAttribute(_el$76, "id", `n-${id}`);
|
|
8789
|
+
setAttribute(_el$77, "fill", `url(#n-${id})`);
|
|
8790
|
+
setAttribute(_el$79, "id", `r-${id}`);
|
|
8791
|
+
setAttribute(_el$80, "fill", `url(#r-${id})`);
|
|
8792
|
+
setAttribute(_el$81, "id", `s-${id}`);
|
|
8793
|
+
setAttribute(_el$82, "fill", `url(#s-${id})`);
|
|
8794
|
+
setAttribute(_el$83, "id", `q-${id}`);
|
|
8795
|
+
setAttribute(_el$84, "fill", `url(#q-${id})`);
|
|
8796
|
+
setAttribute(_el$85, "id", `p-${id}`);
|
|
8797
|
+
setAttribute(_el$86, "fill", `url(#p-${id})`);
|
|
8798
|
+
setAttribute(_el$87, "id", `o-${id}`);
|
|
8799
|
+
setAttribute(_el$88, "fill", `url(#o-${id})`);
|
|
8800
|
+
setAttribute(_el$89, "id", `l-${id}`);
|
|
8801
|
+
setAttribute(_el$90, "fill", `url(#l-${id})`);
|
|
8802
|
+
setAttribute(_el$92, "id", `al-${id}`);
|
|
8803
|
+
setAttribute(_el$93, "id", `d-${id}`);
|
|
8804
|
+
setAttribute(_el$94, "filter", `url(#al-${id})`);
|
|
8805
|
+
setAttribute(_el$95, "mask", `url(#d-${id})`);
|
|
8806
|
+
setAttribute(_el$96, "id", `u-${id}`);
|
|
8807
|
+
setAttribute(_el$97, "fill", `url(#u-${id})`);
|
|
8808
|
+
setAttribute(_el$99, "id", `ad-${id}`);
|
|
8809
|
+
setAttribute(_el$100, "id", `c-${id}`);
|
|
8810
|
+
setAttribute(_el$101, "filter", `url(#ad-${id})`);
|
|
8811
|
+
setAttribute(_el$102, "mask", `url(#c-${id})`);
|
|
8812
|
+
setAttribute(_el$103, "id", `t-${id}`);
|
|
8813
|
+
setAttribute(_el$104, "fill", `url(#t-${id})`);
|
|
8814
|
+
setAttribute(_el$105, "id", `v-${id}`);
|
|
8815
|
+
setAttribute(_el$106, "stroke", `url(#v-${id})`);
|
|
8816
|
+
setAttribute(_el$107, "id", `aa-${id}`);
|
|
8817
|
+
setAttribute(_el$108, "stroke", `url(#aa-${id})`);
|
|
8818
|
+
setAttribute(_el$109, "id", `w-${id}`);
|
|
8819
|
+
setAttribute(_el$110, "stroke", `url(#w-${id})`);
|
|
8820
|
+
setAttribute(_el$111, "id", `ac-${id}`);
|
|
8821
|
+
setAttribute(_el$112, "stroke", `url(#ac-${id})`);
|
|
8822
|
+
setAttribute(_el$113, "id", `ab-${id}`);
|
|
8823
|
+
setAttribute(_el$114, "stroke", `url(#ab-${id})`);
|
|
8824
|
+
setAttribute(_el$115, "id", `y-${id}`);
|
|
8825
|
+
setAttribute(_el$116, "stroke", `url(#y-${id})`);
|
|
8826
|
+
setAttribute(_el$117, "id", `x-${id}`);
|
|
8827
|
+
setAttribute(_el$118, "stroke", `url(#x-${id})`);
|
|
8828
|
+
setAttribute(_el$119, "id", `z-${id}`);
|
|
8829
|
+
setAttribute(_el$120, "stroke", `url(#z-${id})`);
|
|
8830
|
+
return _el$28;
|
|
8827
8831
|
})();
|
|
8828
8832
|
}
|
|
8829
8833
|
|
|
@@ -8845,8 +8849,8 @@ function useTheme() {
|
|
|
8845
8849
|
}
|
|
8846
8850
|
|
|
8847
8851
|
// src/Explorer.tsx
|
|
8848
|
-
var _tmpl$
|
|
8849
|
-
var _tmpl$
|
|
8852
|
+
var _tmpl$23 = /* @__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>`);
|
|
8853
|
+
var _tmpl$24 = /* @__PURE__ */ template(`<button title="Copy object to clipboard">`);
|
|
8850
8854
|
var _tmpl$32 = /* @__PURE__ */ template(`<button title="Remove all items"aria-label="Remove all items">`);
|
|
8851
8855
|
var _tmpl$42 = /* @__PURE__ */ template(`<button title="Delete item"aria-label="Delete item">`);
|
|
8852
8856
|
var _tmpl$52 = /* @__PURE__ */ template(`<button title="Toggle value"aria-label="Toggle value">`);
|
|
@@ -8873,7 +8877,7 @@ var Expander = (props) => {
|
|
|
8873
8877
|
return theme() === "dark" ? darkStyles : lightStyles;
|
|
8874
8878
|
});
|
|
8875
8879
|
return (() => {
|
|
8876
|
-
const _el$ = _tmpl$
|
|
8880
|
+
const _el$ = _tmpl$23();
|
|
8877
8881
|
createRenderEffect(() => className(_el$, clsx(styles().expander, u`
|
|
8878
8882
|
transform: rotate(${props.expanded ? 90 : 0}deg);
|
|
8879
8883
|
`, props.expanded && u`
|
|
@@ -8891,7 +8895,7 @@ var CopyButton = (props) => {
|
|
|
8891
8895
|
});
|
|
8892
8896
|
const [copyState, setCopyState] = createSignal("NoCopy");
|
|
8893
8897
|
return (() => {
|
|
8894
|
-
const _el$2 = _tmpl$
|
|
8898
|
+
const _el$2 = _tmpl$24();
|
|
8895
8899
|
addEventListener(_el$2, "click", copyState() === "NoCopy" ? () => {
|
|
8896
8900
|
navigator.clipboard.writeText(stringify(props.value)).then(() => {
|
|
8897
8901
|
setCopyState("SuccessCopy");
|
|
@@ -9359,7 +9363,8 @@ var stylesFactory = (theme) => {
|
|
|
9359
9363
|
entry: u`
|
|
9360
9364
|
& * {
|
|
9361
9365
|
font-size: ${font.size.xs};
|
|
9362
|
-
font-family:
|
|
9366
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
|
9367
|
+
'Liberation Mono', 'Courier New', monospace;
|
|
9363
9368
|
}
|
|
9364
9369
|
position: relative;
|
|
9365
9370
|
outline: none;
|
|
@@ -9485,37 +9490,38 @@ var darkStyles = stylesFactory("dark");
|
|
|
9485
9490
|
delegateEvents(["click"]);
|
|
9486
9491
|
|
|
9487
9492
|
// src/Devtools.tsx
|
|
9488
|
-
var _tmpl$
|
|
9489
|
-
var _tmpl$
|
|
9493
|
+
var _tmpl$25 = /* @__PURE__ */ template(`<div><div aria-hidden=true></div><button aria-label="Open Tanstack query devtools"class=tsqd-open-btn>`);
|
|
9494
|
+
var _tmpl$26 = /* @__PURE__ */ template(`<div>`);
|
|
9490
9495
|
var _tmpl$33 = /* @__PURE__ */ template(`<aside aria-label="Tanstack query devtools"><div></div><button aria-label="Close tanstack query devtools">`);
|
|
9491
9496
|
var _tmpl$43 = /* @__PURE__ */ template(`<select name=tsqd-queries-filter-sort>`);
|
|
9492
9497
|
var _tmpl$53 = /* @__PURE__ */ template(`<select name=tsqd-mutations-filter-sort>`);
|
|
9493
9498
|
var _tmpl$63 = /* @__PURE__ */ template(`<span>Asc`);
|
|
9494
9499
|
var _tmpl$73 = /* @__PURE__ */ template(`<span>Desc`);
|
|
9495
|
-
var _tmpl$83 = /* @__PURE__ */ template(`<
|
|
9496
|
-
var _tmpl$93 = /* @__PURE__ */ template(`<
|
|
9497
|
-
var _tmpl$103 = /* @__PURE__ */ template(`<span>
|
|
9498
|
-
var _tmpl$113 = /* @__PURE__ */ template(`<span>
|
|
9499
|
-
var _tmpl$122 = /* @__PURE__ */ template(`<span>
|
|
9500
|
-
var _tmpl$132 = /* @__PURE__ */ template(`<span>
|
|
9501
|
-
var _tmpl$142 = /* @__PURE__ */ template(`<span>
|
|
9502
|
-
var _tmpl$152 = /* @__PURE__ */ template(`<span>
|
|
9503
|
-
var _tmpl$162 = /* @__PURE__ */ template(`<span>
|
|
9504
|
-
var _tmpl$172 = /* @__PURE__ */ template(`<span>
|
|
9505
|
-
var _tmpl$182 = /* @__PURE__ */ template(`<
|
|
9506
|
-
var _tmpl$192 = /* @__PURE__ */ template(`<div><div class=tsqd-
|
|
9507
|
-
var _tmpl$202 = /* @__PURE__ */ template(`<div><div
|
|
9508
|
-
var _tmpl$212 = /* @__PURE__ */ template(`<
|
|
9509
|
-
var _tmpl$222 = /* @__PURE__ */ template(`<
|
|
9510
|
-
var _tmpl$232 = /* @__PURE__ */ template(`<
|
|
9511
|
-
var _tmpl$242 = /* @__PURE__ */ template(`<div
|
|
9512
|
-
var _tmpl$252 = /* @__PURE__ */ template(`<
|
|
9513
|
-
var _tmpl$
|
|
9514
|
-
var _tmpl$27 = /* @__PURE__ */ template(`<button><span></span
|
|
9515
|
-
var _tmpl$28 = /* @__PURE__ */ template(`<
|
|
9516
|
-
var _tmpl$29 = /* @__PURE__ */ template(`<div><
|
|
9517
|
-
var _tmpl$30 = /* @__PURE__ */ template(`<
|
|
9518
|
-
var _tmpl$31 = /* @__PURE__ */ template(`<
|
|
9500
|
+
var _tmpl$83 = /* @__PURE__ */ template(`<button aria-label="Open in picture-in-picture mode"title="Open in picture-in-picture mode">`);
|
|
9501
|
+
var _tmpl$93 = /* @__PURE__ */ template(`<div>Settings`);
|
|
9502
|
+
var _tmpl$103 = /* @__PURE__ */ template(`<span>Position`);
|
|
9503
|
+
var _tmpl$113 = /* @__PURE__ */ template(`<span>Top`);
|
|
9504
|
+
var _tmpl$122 = /* @__PURE__ */ template(`<span>Bottom`);
|
|
9505
|
+
var _tmpl$132 = /* @__PURE__ */ template(`<span>Left`);
|
|
9506
|
+
var _tmpl$142 = /* @__PURE__ */ template(`<span>Right`);
|
|
9507
|
+
var _tmpl$152 = /* @__PURE__ */ template(`<span>Theme`);
|
|
9508
|
+
var _tmpl$162 = /* @__PURE__ */ template(`<span>Light`);
|
|
9509
|
+
var _tmpl$172 = /* @__PURE__ */ template(`<span>Dark`);
|
|
9510
|
+
var _tmpl$182 = /* @__PURE__ */ template(`<span>System`);
|
|
9511
|
+
var _tmpl$192 = /* @__PURE__ */ template(`<div><div class=tsqd-queries-container>`);
|
|
9512
|
+
var _tmpl$202 = /* @__PURE__ */ template(`<div><div class=tsqd-mutations-container>`);
|
|
9513
|
+
var _tmpl$212 = /* @__PURE__ */ template(`<div><div><div><button aria-label="Close Tanstack query devtools"><span>TANSTACK</span><span> v</span></button></div></div><div><div><div><input aria-label="Filter queries by query key"type=text placeholder=Filter name=tsqd-query-filter-input></div><div></div><button class=tsqd-query-filter-sort-order-btn></button></div><div><button aria-label="Clear query cache"></button><button>`);
|
|
9514
|
+
var _tmpl$222 = /* @__PURE__ */ template(`<option>Sort by `);
|
|
9515
|
+
var _tmpl$232 = /* @__PURE__ */ template(`<div class=tsqd-query-disabled-indicator>disabled`);
|
|
9516
|
+
var _tmpl$242 = /* @__PURE__ */ template(`<button><div></div><code class=tsqd-query-hash>`);
|
|
9517
|
+
var _tmpl$252 = /* @__PURE__ */ template(`<div role=tooltip id=tsqd-status-tooltip>`);
|
|
9518
|
+
var _tmpl$262 = /* @__PURE__ */ template(`<span>`);
|
|
9519
|
+
var _tmpl$27 = /* @__PURE__ */ template(`<button><span></span><span>`);
|
|
9520
|
+
var _tmpl$28 = /* @__PURE__ */ template(`<button><span></span> Error`);
|
|
9521
|
+
var _tmpl$29 = /* @__PURE__ */ template(`<div><span></span>Trigger Error<select><option value=""disabled selected>`);
|
|
9522
|
+
var _tmpl$30 = /* @__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">`);
|
|
9523
|
+
var _tmpl$31 = /* @__PURE__ */ template(`<option>`);
|
|
9524
|
+
var _tmpl$322 = /* @__PURE__ */ template(`<div><div>Mutation Details</div><div><div class=tsqd-query-details-summary><pre><code></code></pre><span></span></div><div class=tsqd-query-details-last-updated><span>Submitted At:</span><span></span></div></div><div>Variables Details</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Context Details</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Data Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Mutations Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">`);
|
|
9519
9525
|
var firstBreakpoint = 1024;
|
|
9520
9526
|
var secondBreakpoint = 796;
|
|
9521
9527
|
var thirdBreakpoint = 700;
|
|
@@ -9531,6 +9537,112 @@ var DEFAULT_MUTATION_SORT_FN_NAME = Object.keys(mutationSortFns)[0];
|
|
|
9531
9537
|
var [selectedQueryHash, setSelectedQueryHash] = createSignal(null);
|
|
9532
9538
|
var [selectedMutationId, setSelectedMutationId] = createSignal(null);
|
|
9533
9539
|
var [panelWidth, setPanelWidth] = createSignal(0);
|
|
9540
|
+
var PiPContext = createContext(void 0);
|
|
9541
|
+
var PiPProvider = (props) => {
|
|
9542
|
+
const [pipWindow, setPipWindow] = createSignal(null);
|
|
9543
|
+
const closePipWindow = () => {
|
|
9544
|
+
const w = pipWindow();
|
|
9545
|
+
if (w != null) {
|
|
9546
|
+
w.close();
|
|
9547
|
+
setPipWindow(null);
|
|
9548
|
+
}
|
|
9549
|
+
};
|
|
9550
|
+
const requestPipWindow = async (width, height) => {
|
|
9551
|
+
if (pipWindow() != null) {
|
|
9552
|
+
return;
|
|
9553
|
+
}
|
|
9554
|
+
const pip = window.open("", "", `width=${width},height=${height},popup`);
|
|
9555
|
+
if (!pip) {
|
|
9556
|
+
throw new Error("Failed to open popup. Please allow popups for this site to view the devtools in picture-in-picture mode.");
|
|
9557
|
+
}
|
|
9558
|
+
pip.document.title = "TanStack Query Devtools";
|
|
9559
|
+
pip.document.body.style.margin = "0";
|
|
9560
|
+
pip.addEventListener("pagehide", () => {
|
|
9561
|
+
setPipWindow(null);
|
|
9562
|
+
});
|
|
9563
|
+
[...document.styleSheets].forEach((styleSheet) => {
|
|
9564
|
+
try {
|
|
9565
|
+
const cssRules = [...styleSheet.cssRules].map((rule) => rule.cssText).join("");
|
|
9566
|
+
const style2 = document.createElement("style");
|
|
9567
|
+
const style_node = styleSheet.ownerNode;
|
|
9568
|
+
let style_id = "";
|
|
9569
|
+
if (style_node && "id" in style_node) {
|
|
9570
|
+
style_id = style_node.id;
|
|
9571
|
+
}
|
|
9572
|
+
if (style_id) {
|
|
9573
|
+
style2.setAttribute("id", style_id);
|
|
9574
|
+
}
|
|
9575
|
+
style2.textContent = cssRules;
|
|
9576
|
+
pip.document.head.appendChild(style2);
|
|
9577
|
+
} catch (e2) {
|
|
9578
|
+
const link = document.createElement("link");
|
|
9579
|
+
if (styleSheet.href == null) {
|
|
9580
|
+
return;
|
|
9581
|
+
}
|
|
9582
|
+
link.rel = "stylesheet";
|
|
9583
|
+
link.type = styleSheet.type;
|
|
9584
|
+
link.media = styleSheet.media.toString();
|
|
9585
|
+
link.href = styleSheet.href;
|
|
9586
|
+
pip.document.head.appendChild(link);
|
|
9587
|
+
}
|
|
9588
|
+
});
|
|
9589
|
+
delegateEvents(["focusin", "focusout", "pointermove", "keydown", "pointerdown", "pointerup", "click", "mousedown", "input"], pip.document);
|
|
9590
|
+
setPipWindow(pip);
|
|
9591
|
+
};
|
|
9592
|
+
createEffect(() => {
|
|
9593
|
+
const closePipWindowOnUnload = () => {
|
|
9594
|
+
closePipWindow();
|
|
9595
|
+
};
|
|
9596
|
+
window.addEventListener("beforeunload", closePipWindowOnUnload);
|
|
9597
|
+
onCleanup(() => {
|
|
9598
|
+
window.removeEventListener("beforeunload", closePipWindowOnUnload);
|
|
9599
|
+
});
|
|
9600
|
+
});
|
|
9601
|
+
createEffect(() => {
|
|
9602
|
+
const gooberStyles = document.getElementById("_goober");
|
|
9603
|
+
const w = pipWindow();
|
|
9604
|
+
if (gooberStyles && w) {
|
|
9605
|
+
const observer = new MutationObserver(() => {
|
|
9606
|
+
const pip_style = w.document.getElementById("_goober");
|
|
9607
|
+
if (pip_style) {
|
|
9608
|
+
pip_style.textContent = gooberStyles.textContent;
|
|
9609
|
+
}
|
|
9610
|
+
});
|
|
9611
|
+
observer.observe(gooberStyles, {
|
|
9612
|
+
childList: true,
|
|
9613
|
+
// observe direct children
|
|
9614
|
+
subtree: true,
|
|
9615
|
+
// and lower descendants too
|
|
9616
|
+
characterDataOldValue: true
|
|
9617
|
+
// pass old data to callback
|
|
9618
|
+
});
|
|
9619
|
+
onCleanup(() => {
|
|
9620
|
+
observer.disconnect();
|
|
9621
|
+
});
|
|
9622
|
+
}
|
|
9623
|
+
});
|
|
9624
|
+
const value = createMemo(() => ({
|
|
9625
|
+
pipWindow: pipWindow(),
|
|
9626
|
+
requestPipWindow,
|
|
9627
|
+
closePipWindow
|
|
9628
|
+
}));
|
|
9629
|
+
return createComponent(PiPContext.Provider, {
|
|
9630
|
+
value,
|
|
9631
|
+
get children() {
|
|
9632
|
+
return props.children;
|
|
9633
|
+
}
|
|
9634
|
+
});
|
|
9635
|
+
};
|
|
9636
|
+
var usePiPWindow = () => {
|
|
9637
|
+
const context = createMemo(() => {
|
|
9638
|
+
const ctx = useContext(PiPContext);
|
|
9639
|
+
if (!ctx) {
|
|
9640
|
+
throw new Error("usePiPWindow must be used within a PiPProvider");
|
|
9641
|
+
}
|
|
9642
|
+
return ctx();
|
|
9643
|
+
});
|
|
9644
|
+
return context;
|
|
9645
|
+
};
|
|
9534
9646
|
var DevtoolsComponent = (props) => {
|
|
9535
9647
|
const [localStore, setLocalStore] = createLocalStorage({
|
|
9536
9648
|
prefix: "TanstackQueryDevtools"
|
|
@@ -9545,12 +9657,16 @@ var DevtoolsComponent = (props) => {
|
|
|
9545
9657
|
return createComponent(QueryDevtoolsContext.Provider, {
|
|
9546
9658
|
value: props,
|
|
9547
9659
|
get children() {
|
|
9548
|
-
return createComponent(
|
|
9549
|
-
value: theme,
|
|
9660
|
+
return createComponent(PiPProvider, {
|
|
9550
9661
|
get children() {
|
|
9551
|
-
return createComponent(
|
|
9552
|
-
|
|
9553
|
-
|
|
9662
|
+
return createComponent(ThemeContext.Provider, {
|
|
9663
|
+
value: theme,
|
|
9664
|
+
get children() {
|
|
9665
|
+
return createComponent(Devtools, {
|
|
9666
|
+
localStore,
|
|
9667
|
+
setLocalStore
|
|
9668
|
+
});
|
|
9669
|
+
}
|
|
9554
9670
|
});
|
|
9555
9671
|
}
|
|
9556
9672
|
});
|
|
@@ -9563,6 +9679,7 @@ var Devtools = (props) => {
|
|
|
9563
9679
|
const styles = createMemo(() => {
|
|
9564
9680
|
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
9565
9681
|
});
|
|
9682
|
+
const pip = usePiPWindow();
|
|
9566
9683
|
const buttonPosition = createMemo(() => {
|
|
9567
9684
|
return useQueryDevtoolsContext().buttonPosition || BUTTON_POSITION;
|
|
9568
9685
|
});
|
|
@@ -9593,8 +9710,33 @@ var Devtools = (props) => {
|
|
|
9593
9710
|
window.removeEventListener("focus", onFocus);
|
|
9594
9711
|
});
|
|
9595
9712
|
});
|
|
9596
|
-
return (
|
|
9597
|
-
|
|
9713
|
+
return [createComponent(Show, {
|
|
9714
|
+
get when() {
|
|
9715
|
+
return pip().pipWindow;
|
|
9716
|
+
},
|
|
9717
|
+
get children() {
|
|
9718
|
+
return createComponent(Portal, {
|
|
9719
|
+
get mount() {
|
|
9720
|
+
return pip().pipWindow?.document.body;
|
|
9721
|
+
},
|
|
9722
|
+
get children() {
|
|
9723
|
+
return createComponent(PiPPanel, {
|
|
9724
|
+
get children() {
|
|
9725
|
+
return createComponent(ContentView, {
|
|
9726
|
+
get localStore() {
|
|
9727
|
+
return props.localStore;
|
|
9728
|
+
},
|
|
9729
|
+
get setLocalStore() {
|
|
9730
|
+
return props.setLocalStore;
|
|
9731
|
+
}
|
|
9732
|
+
});
|
|
9733
|
+
}
|
|
9734
|
+
});
|
|
9735
|
+
}
|
|
9736
|
+
});
|
|
9737
|
+
}
|
|
9738
|
+
}), (() => {
|
|
9739
|
+
const _el$ = _tmpl$26();
|
|
9598
9740
|
const _ref$ = transitionsContainerRef;
|
|
9599
9741
|
typeof _ref$ === "function" ? use(_ref$, _el$) : transitionsContainerRef = _el$;
|
|
9600
9742
|
insert(_el$, createComponent(TransitionGroup, {
|
|
@@ -9602,7 +9744,7 @@ var Devtools = (props) => {
|
|
|
9602
9744
|
get children() {
|
|
9603
9745
|
return createComponent(Show, {
|
|
9604
9746
|
get when() {
|
|
9605
|
-
return isOpen();
|
|
9747
|
+
return createMemo(() => !!isOpen())() && !pip().pipWindow;
|
|
9606
9748
|
},
|
|
9607
9749
|
get children() {
|
|
9608
9750
|
return createComponent(DevtoolsPanel, {
|
|
@@ -9625,44 +9767,97 @@ var Devtools = (props) => {
|
|
|
9625
9767
|
return !isOpen();
|
|
9626
9768
|
},
|
|
9627
9769
|
get children() {
|
|
9628
|
-
const _el$2 = _tmpl$
|
|
9770
|
+
const _el$2 = _tmpl$25(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
|
|
9629
9771
|
insert(_el$3, createComponent(TanstackLogo, {}));
|
|
9630
9772
|
_el$4.$$click = () => props.setLocalStore("open", "true");
|
|
9631
9773
|
insert(_el$4, createComponent(TanstackLogo, {}));
|
|
9632
|
-
createRenderEffect(() => className(_el$2, clsx(styles().devtoolsBtn, styles()[`devtoolsBtn-position-${buttonPosition()}`])));
|
|
9774
|
+
createRenderEffect(() => className(_el$2, clsx(styles().devtoolsBtn, styles()[`devtoolsBtn-position-${buttonPosition()}`], "tsqd-open-btn-container")));
|
|
9633
9775
|
return _el$2;
|
|
9634
9776
|
}
|
|
9635
9777
|
});
|
|
9636
9778
|
}
|
|
9637
9779
|
}), null);
|
|
9638
9780
|
createRenderEffect(() => className(_el$, clsx(u`
|
|
9639
|
-
|
|
9640
|
-
|
|
9641
|
-
|
|
9642
|
-
|
|
9643
|
-
|
|
9644
|
-
|
|
9781
|
+
& .tsqd-panel-transition-exit-active,
|
|
9782
|
+
& .tsqd-panel-transition-enter-active {
|
|
9783
|
+
transition:
|
|
9784
|
+
opacity 0.3s,
|
|
9785
|
+
transform 0.3s;
|
|
9786
|
+
}
|
|
9645
9787
|
|
|
9646
|
-
|
|
9647
|
-
|
|
9648
|
-
|
|
9649
|
-
|
|
9788
|
+
& .tsqd-panel-transition-exit-to,
|
|
9789
|
+
& .tsqd-panel-transition-enter {
|
|
9790
|
+
${position() === "top" || position() === "bottom" ? `transform: translateY(var(--tsqd-panel-height));` : `transform: translateX(var(--tsqd-panel-width));`}
|
|
9791
|
+
}
|
|
9650
9792
|
|
|
9651
|
-
|
|
9652
|
-
|
|
9653
|
-
|
|
9654
|
-
|
|
9655
|
-
|
|
9656
|
-
|
|
9657
|
-
|
|
9793
|
+
& .tsqd-button-transition-exit-active,
|
|
9794
|
+
& .tsqd-button-transition-enter-active {
|
|
9795
|
+
transition:
|
|
9796
|
+
opacity 0.3s,
|
|
9797
|
+
transform 0.3s;
|
|
9798
|
+
opacity: 1;
|
|
9799
|
+
}
|
|
9658
9800
|
|
|
9659
|
-
|
|
9660
|
-
|
|
9661
|
-
|
|
9662
|
-
|
|
9663
|
-
|
|
9664
|
-
|
|
9801
|
+
& .tsqd-button-transition-exit-to,
|
|
9802
|
+
& .tsqd-button-transition-enter {
|
|
9803
|
+
transform: ${buttonPosition() === "relative" ? `none;` : buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
|
|
9804
|
+
opacity: 0;
|
|
9805
|
+
}
|
|
9806
|
+
`, "tsqd-transitions-container")));
|
|
9665
9807
|
return _el$;
|
|
9808
|
+
})()];
|
|
9809
|
+
};
|
|
9810
|
+
var PiPPanel = (props) => {
|
|
9811
|
+
const pip = usePiPWindow();
|
|
9812
|
+
const theme = useTheme();
|
|
9813
|
+
const styles = createMemo(() => {
|
|
9814
|
+
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
9815
|
+
});
|
|
9816
|
+
const getPanelDynamicStyles = () => {
|
|
9817
|
+
const {
|
|
9818
|
+
colors
|
|
9819
|
+
} = tokens;
|
|
9820
|
+
const t2 = (light, dark) => theme() === "dark" ? dark : light;
|
|
9821
|
+
if (panelWidth() < secondBreakpoint) {
|
|
9822
|
+
return u`
|
|
9823
|
+
flex-direction: column;
|
|
9824
|
+
background-color: ${t2(colors.gray[300], colors.gray[600])};
|
|
9825
|
+
`;
|
|
9826
|
+
}
|
|
9827
|
+
return u`
|
|
9828
|
+
flex-direction: row;
|
|
9829
|
+
background-color: ${t2(colors.gray[200], colors.darkGray[900])};
|
|
9830
|
+
`;
|
|
9831
|
+
};
|
|
9832
|
+
createEffect(() => {
|
|
9833
|
+
const win = pip().pipWindow;
|
|
9834
|
+
const resizeCB = () => {
|
|
9835
|
+
if (!win)
|
|
9836
|
+
return;
|
|
9837
|
+
setPanelWidth(win.innerWidth);
|
|
9838
|
+
};
|
|
9839
|
+
if (win) {
|
|
9840
|
+
win.addEventListener("resize", resizeCB);
|
|
9841
|
+
}
|
|
9842
|
+
onCleanup(() => {
|
|
9843
|
+
if (win) {
|
|
9844
|
+
win.removeEventListener("resize", resizeCB);
|
|
9845
|
+
}
|
|
9846
|
+
});
|
|
9847
|
+
});
|
|
9848
|
+
return (() => {
|
|
9849
|
+
const _el$5 = _tmpl$26();
|
|
9850
|
+
_el$5.style.setProperty("--tsqd-font-size", "16px");
|
|
9851
|
+
_el$5.style.setProperty("max-height", "100vh");
|
|
9852
|
+
_el$5.style.setProperty("height", "100vh");
|
|
9853
|
+
_el$5.style.setProperty("width", "100vw");
|
|
9854
|
+
insert(_el$5, () => props.children);
|
|
9855
|
+
createRenderEffect(() => className(_el$5, clsx(styles().panel, getPanelDynamicStyles(), {
|
|
9856
|
+
[u`
|
|
9857
|
+
min-width: min-content;
|
|
9858
|
+
`]: panelWidth() < thirdBreakpoint
|
|
9859
|
+
}, "tsqd-main-panel")));
|
|
9860
|
+
return _el$5;
|
|
9666
9861
|
})();
|
|
9667
9862
|
};
|
|
9668
9863
|
var DevtoolsPanel = (props) => {
|
|
@@ -9773,13 +9968,13 @@ var DevtoolsPanel = (props) => {
|
|
|
9773
9968
|
`;
|
|
9774
9969
|
};
|
|
9775
9970
|
return (() => {
|
|
9776
|
-
const _el$
|
|
9971
|
+
const _el$6 = _tmpl$33(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
|
|
9777
9972
|
const _ref$2 = panelRef;
|
|
9778
|
-
typeof _ref$2 === "function" ? use(_ref$2, _el$
|
|
9779
|
-
_el$
|
|
9780
|
-
_el$
|
|
9781
|
-
insert(_el$
|
|
9782
|
-
insert(_el$
|
|
9973
|
+
typeof _ref$2 === "function" ? use(_ref$2, _el$6) : panelRef = _el$6;
|
|
9974
|
+
_el$7.$$mousedown = handleDragStart;
|
|
9975
|
+
_el$8.$$click = () => props.setLocalStore("open", "false");
|
|
9976
|
+
insert(_el$8, createComponent(ChevronDown, {}));
|
|
9977
|
+
insert(_el$6, createComponent(ContentView, {
|
|
9783
9978
|
get localStore() {
|
|
9784
9979
|
return props.localStore;
|
|
9785
9980
|
},
|
|
@@ -9793,11 +9988,11 @@ var DevtoolsPanel = (props) => {
|
|
|
9793
9988
|
min-width: min-content;
|
|
9794
9989
|
`]: panelWidth() < thirdBreakpoint && (position() === "right" || position() === "left")
|
|
9795
9990
|
}, "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");
|
|
9796
|
-
_v$ !== _p$._v$ && className(_el$
|
|
9797
|
-
_v$2 !== _p$._v$2 && ((_p$._v$2 = _v$2) != null ? _el$
|
|
9798
|
-
_v$3 !== _p$._v$3 && ((_p$._v$3 = _v$3) != null ? _el$
|
|
9799
|
-
_v$4 !== _p$._v$4 && className(_el$
|
|
9800
|
-
_v$5 !== _p$._v$5 && className(_el$
|
|
9991
|
+
_v$ !== _p$._v$ && className(_el$6, _p$._v$ = _v$);
|
|
9992
|
+
_v$2 !== _p$._v$2 && ((_p$._v$2 = _v$2) != null ? _el$6.style.setProperty("height", _v$2) : _el$6.style.removeProperty("height"));
|
|
9993
|
+
_v$3 !== _p$._v$3 && ((_p$._v$3 = _v$3) != null ? _el$6.style.setProperty("width", _v$3) : _el$6.style.removeProperty("width"));
|
|
9994
|
+
_v$4 !== _p$._v$4 && className(_el$7, _p$._v$4 = _v$4);
|
|
9995
|
+
_v$5 !== _p$._v$5 && className(_el$8, _p$._v$5 = _v$5);
|
|
9801
9996
|
return _p$;
|
|
9802
9997
|
}, {
|
|
9803
9998
|
_v$: void 0,
|
|
@@ -9806,7 +10001,7 @@ var DevtoolsPanel = (props) => {
|
|
|
9806
10001
|
_v$4: void 0,
|
|
9807
10002
|
_v$5: void 0
|
|
9808
10003
|
});
|
|
9809
|
-
return _el$
|
|
10004
|
+
return _el$6;
|
|
9810
10005
|
})();
|
|
9811
10006
|
};
|
|
9812
10007
|
var ContentView = (props) => {
|
|
@@ -9817,6 +10012,7 @@ var ContentView = (props) => {
|
|
|
9817
10012
|
const styles = createMemo(() => {
|
|
9818
10013
|
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
9819
10014
|
});
|
|
10015
|
+
const pip = usePiPWindow();
|
|
9820
10016
|
const [selectedView, setSelectedView] = createSignal("queries");
|
|
9821
10017
|
const sort = createMemo(() => props.localStore.sort || DEFAULT_SORT_FN_NAME);
|
|
9822
10018
|
const sortOrder = createMemo(() => Number(props.localStore.sortOrder) || DEFAULT_SORT_ORDER);
|
|
@@ -9862,13 +10058,17 @@ var ContentView = (props) => {
|
|
|
9862
10058
|
el.style.setProperty("--tsqd-font-size", variable);
|
|
9863
10059
|
};
|
|
9864
10060
|
return [(() => {
|
|
9865
|
-
const _el$
|
|
10061
|
+
const _el$9 = _tmpl$212(), _el$10 = _el$9.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$10.nextSibling, _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$19 = _el$18.firstChild, _el$20 = _el$18.nextSibling, _el$23 = _el$20.nextSibling, _el$26 = _el$17.nextSibling, _el$27 = _el$26.firstChild, _el$28 = _el$27.nextSibling;
|
|
9866
10062
|
const _ref$3 = containerRef;
|
|
9867
|
-
typeof _ref$3 === "function" ? use(_ref$3, _el$
|
|
9868
|
-
_el$
|
|
9869
|
-
|
|
9870
|
-
|
|
9871
|
-
|
|
10063
|
+
typeof _ref$3 === "function" ? use(_ref$3, _el$9) : containerRef = _el$9;
|
|
10064
|
+
_el$12.$$click = () => {
|
|
10065
|
+
if (!pip().pipWindow) {
|
|
10066
|
+
props.setLocalStore("open", "false");
|
|
10067
|
+
}
|
|
10068
|
+
};
|
|
10069
|
+
insert(_el$14, () => useQueryDevtoolsContext().queryFlavor, _el$15);
|
|
10070
|
+
insert(_el$14, () => useQueryDevtoolsContext().version, null);
|
|
10071
|
+
insert(_el$11, createComponent(index$9.Root, {
|
|
9872
10072
|
get ["class"]() {
|
|
9873
10073
|
return clsx(styles().viewToggle);
|
|
9874
10074
|
},
|
|
@@ -9910,7 +10110,7 @@ var ContentView = (props) => {
|
|
|
9910
10110
|
})];
|
|
9911
10111
|
}
|
|
9912
10112
|
}), null);
|
|
9913
|
-
insert(_el$
|
|
10113
|
+
insert(_el$10, createComponent(Show, {
|
|
9914
10114
|
get when() {
|
|
9915
10115
|
return selectedView() === "queries";
|
|
9916
10116
|
},
|
|
@@ -9918,7 +10118,7 @@ var ContentView = (props) => {
|
|
|
9918
10118
|
return createComponent(QueryStatusCount, {});
|
|
9919
10119
|
}
|
|
9920
10120
|
}), null);
|
|
9921
|
-
insert(_el$
|
|
10121
|
+
insert(_el$10, createComponent(Show, {
|
|
9922
10122
|
get when() {
|
|
9923
10123
|
return selectedView() === "mutations";
|
|
9924
10124
|
},
|
|
@@ -9926,61 +10126,61 @@ var ContentView = (props) => {
|
|
|
9926
10126
|
return createComponent(MutationStatusCount, {});
|
|
9927
10127
|
}
|
|
9928
10128
|
}), null);
|
|
9929
|
-
insert(_el$
|
|
9930
|
-
_el$
|
|
10129
|
+
insert(_el$18, createComponent(Search, {}), _el$19);
|
|
10130
|
+
_el$19.$$input = (e2) => {
|
|
9931
10131
|
if (selectedView() === "queries") {
|
|
9932
10132
|
props.setLocalStore("filter", e2.currentTarget.value);
|
|
9933
10133
|
} else {
|
|
9934
10134
|
props.setLocalStore("mutationFilter", e2.currentTarget.value);
|
|
9935
10135
|
}
|
|
9936
10136
|
};
|
|
9937
|
-
insert(_el$
|
|
10137
|
+
insert(_el$20, createComponent(Show, {
|
|
9938
10138
|
get when() {
|
|
9939
10139
|
return selectedView() === "queries";
|
|
9940
10140
|
},
|
|
9941
10141
|
get children() {
|
|
9942
|
-
const _el$
|
|
9943
|
-
_el$
|
|
10142
|
+
const _el$21 = _tmpl$43();
|
|
10143
|
+
_el$21.addEventListener("change", (e2) => {
|
|
9944
10144
|
props.setLocalStore("sort", e2.currentTarget.value);
|
|
9945
10145
|
});
|
|
9946
|
-
insert(_el$
|
|
9947
|
-
const _el$
|
|
9948
|
-
_el$
|
|
9949
|
-
insert(_el$
|
|
9950
|
-
return _el$
|
|
10146
|
+
insert(_el$21, () => Object.keys(sortFns).map((key) => (() => {
|
|
10147
|
+
const _el$44 = _tmpl$222(); _el$44.firstChild;
|
|
10148
|
+
_el$44.value = key;
|
|
10149
|
+
insert(_el$44, key, null);
|
|
10150
|
+
return _el$44;
|
|
9951
10151
|
})()));
|
|
9952
|
-
createRenderEffect(() => _el$
|
|
9953
|
-
return _el$
|
|
10152
|
+
createRenderEffect(() => _el$21.value = sort());
|
|
10153
|
+
return _el$21;
|
|
9954
10154
|
}
|
|
9955
10155
|
}), null);
|
|
9956
|
-
insert(_el$
|
|
10156
|
+
insert(_el$20, createComponent(Show, {
|
|
9957
10157
|
get when() {
|
|
9958
10158
|
return selectedView() === "mutations";
|
|
9959
10159
|
},
|
|
9960
10160
|
get children() {
|
|
9961
|
-
const _el$
|
|
9962
|
-
_el$
|
|
10161
|
+
const _el$22 = _tmpl$53();
|
|
10162
|
+
_el$22.addEventListener("change", (e2) => {
|
|
9963
10163
|
props.setLocalStore("mutationSort", e2.currentTarget.value);
|
|
9964
10164
|
});
|
|
9965
|
-
insert(_el$
|
|
9966
|
-
const _el$
|
|
9967
|
-
_el$
|
|
9968
|
-
insert(_el$
|
|
9969
|
-
return _el$
|
|
10165
|
+
insert(_el$22, () => Object.keys(mutationSortFns).map((key) => (() => {
|
|
10166
|
+
const _el$46 = _tmpl$222(); _el$46.firstChild;
|
|
10167
|
+
_el$46.value = key;
|
|
10168
|
+
insert(_el$46, key, null);
|
|
10169
|
+
return _el$46;
|
|
9970
10170
|
})()));
|
|
9971
|
-
createRenderEffect(() => _el$
|
|
9972
|
-
return _el$
|
|
10171
|
+
createRenderEffect(() => _el$22.value = mutationSort());
|
|
10172
|
+
return _el$22;
|
|
9973
10173
|
}
|
|
9974
10174
|
}), null);
|
|
9975
|
-
insert(_el$
|
|
9976
|
-
_el$
|
|
10175
|
+
insert(_el$20, createComponent(ChevronDown, {}), null);
|
|
10176
|
+
_el$23.$$click = () => {
|
|
9977
10177
|
if (selectedView() === "queries") {
|
|
9978
10178
|
props.setLocalStore("sortOrder", String(sortOrder() * -1));
|
|
9979
10179
|
} else {
|
|
9980
10180
|
props.setLocalStore("mutationSortOrder", String(mutationSortOrder() * -1));
|
|
9981
10181
|
}
|
|
9982
10182
|
};
|
|
9983
|
-
insert(_el$
|
|
10183
|
+
insert(_el$23, createComponent(Show, {
|
|
9984
10184
|
get when() {
|
|
9985
10185
|
return (selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === 1;
|
|
9986
10186
|
},
|
|
@@ -9988,7 +10188,7 @@ var ContentView = (props) => {
|
|
|
9988
10188
|
return [_tmpl$63(), createComponent(ArrowUp, {})];
|
|
9989
10189
|
}
|
|
9990
10190
|
}), null);
|
|
9991
|
-
insert(_el$
|
|
10191
|
+
insert(_el$23, createComponent(Show, {
|
|
9992
10192
|
get when() {
|
|
9993
10193
|
return (selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === -1;
|
|
9994
10194
|
},
|
|
@@ -9996,15 +10196,15 @@ var ContentView = (props) => {
|
|
|
9996
10196
|
return [_tmpl$73(), createComponent(ArrowDown, {})];
|
|
9997
10197
|
}
|
|
9998
10198
|
}), null);
|
|
9999
|
-
_el$
|
|
10199
|
+
_el$27.$$click = () => {
|
|
10000
10200
|
if (selectedView() === "queries") {
|
|
10001
10201
|
query_cache().clear();
|
|
10002
10202
|
} else {
|
|
10003
10203
|
mutation_cache().clear();
|
|
10004
10204
|
}
|
|
10005
10205
|
};
|
|
10006
|
-
insert(_el$
|
|
10007
|
-
_el$
|
|
10206
|
+
insert(_el$27, createComponent(Trash, {}));
|
|
10207
|
+
_el$28.$$click = () => {
|
|
10008
10208
|
if (offline()) {
|
|
10009
10209
|
onlineManager().setOnline(true);
|
|
10010
10210
|
setOffline(false);
|
|
@@ -10013,11 +10213,25 @@ var ContentView = (props) => {
|
|
|
10013
10213
|
setOffline(true);
|
|
10014
10214
|
}
|
|
10015
10215
|
};
|
|
10016
|
-
insert(_el$
|
|
10216
|
+
insert(_el$28, (() => {
|
|
10017
10217
|
const _c$ = createMemo(() => !!offline());
|
|
10018
10218
|
return () => _c$() ? createComponent(Offline, {}) : createComponent(Wifi, {});
|
|
10019
10219
|
})());
|
|
10020
|
-
insert(_el$
|
|
10220
|
+
insert(_el$26, createComponent(Show, {
|
|
10221
|
+
get when() {
|
|
10222
|
+
return !pip().pipWindow;
|
|
10223
|
+
},
|
|
10224
|
+
get children() {
|
|
10225
|
+
const _el$29 = _tmpl$83();
|
|
10226
|
+
_el$29.$$click = () => {
|
|
10227
|
+
pip().requestPipWindow(Number(window.innerWidth), Number(props.localStore.height ?? 500));
|
|
10228
|
+
};
|
|
10229
|
+
insert(_el$29, createComponent(PiPIcon, {}));
|
|
10230
|
+
createRenderEffect(() => className(_el$29, clsx(styles().actionsBtn, "tsqd-actions-btn", "tsqd-action-open-pip")));
|
|
10231
|
+
return _el$29;
|
|
10232
|
+
}
|
|
10233
|
+
}), null);
|
|
10234
|
+
insert(_el$26, createComponent(index$f.Root, {
|
|
10021
10235
|
gutter: 4,
|
|
10022
10236
|
get children() {
|
|
10023
10237
|
return [createComponent(index$f.Trigger, {
|
|
@@ -10029,6 +10243,9 @@ var ContentView = (props) => {
|
|
|
10029
10243
|
}
|
|
10030
10244
|
}), createComponent(index$f.Portal, {
|
|
10031
10245
|
ref: (el) => setComputedVariables(el),
|
|
10246
|
+
get mount() {
|
|
10247
|
+
return createMemo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
|
|
10248
|
+
},
|
|
10032
10249
|
get children() {
|
|
10033
10250
|
return createComponent(index$f.Content, {
|
|
10034
10251
|
get ["class"]() {
|
|
@@ -10036,9 +10253,9 @@ var ContentView = (props) => {
|
|
|
10036
10253
|
},
|
|
10037
10254
|
get children() {
|
|
10038
10255
|
return [(() => {
|
|
10039
|
-
const _el$
|
|
10040
|
-
createRenderEffect(() => className(_el$
|
|
10041
|
-
return _el$
|
|
10256
|
+
const _el$30 = _tmpl$93();
|
|
10257
|
+
createRenderEffect(() => className(_el$30, clsx(styles().settingsMenuHeader, "tsqd-settings-menu-header")));
|
|
10258
|
+
return _el$30;
|
|
10042
10259
|
})(), createComponent(index$f.Sub, {
|
|
10043
10260
|
overlap: true,
|
|
10044
10261
|
gutter: 8,
|
|
@@ -10049,10 +10266,13 @@ var ContentView = (props) => {
|
|
|
10049
10266
|
return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
|
|
10050
10267
|
},
|
|
10051
10268
|
get children() {
|
|
10052
|
-
return [_tmpl$
|
|
10269
|
+
return [_tmpl$103(), createComponent(ChevronDown, {})];
|
|
10053
10270
|
}
|
|
10054
10271
|
}), createComponent(index$f.Portal, {
|
|
10055
10272
|
ref: (el) => setComputedVariables(el),
|
|
10273
|
+
get mount() {
|
|
10274
|
+
return createMemo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
|
|
10275
|
+
},
|
|
10056
10276
|
get children() {
|
|
10057
10277
|
return createComponent(index$f.SubContent, {
|
|
10058
10278
|
get ["class"]() {
|
|
@@ -10068,7 +10288,7 @@ var ContentView = (props) => {
|
|
|
10068
10288
|
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
|
|
10069
10289
|
},
|
|
10070
10290
|
get children() {
|
|
10071
|
-
return [_tmpl$
|
|
10291
|
+
return [_tmpl$113(), createComponent(ArrowUp, {})];
|
|
10072
10292
|
}
|
|
10073
10293
|
}), createComponent(index$f.Item, {
|
|
10074
10294
|
onSelect: () => {
|
|
@@ -10079,7 +10299,7 @@ var ContentView = (props) => {
|
|
|
10079
10299
|
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
|
|
10080
10300
|
},
|
|
10081
10301
|
get children() {
|
|
10082
|
-
return [_tmpl$
|
|
10302
|
+
return [_tmpl$122(), createComponent(ArrowDown, {})];
|
|
10083
10303
|
}
|
|
10084
10304
|
}), createComponent(index$f.Item, {
|
|
10085
10305
|
onSelect: () => {
|
|
@@ -10090,7 +10310,7 @@ var ContentView = (props) => {
|
|
|
10090
10310
|
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
|
|
10091
10311
|
},
|
|
10092
10312
|
get children() {
|
|
10093
|
-
return [_tmpl$
|
|
10313
|
+
return [_tmpl$132(), createComponent(ArrowLeft, {})];
|
|
10094
10314
|
}
|
|
10095
10315
|
}), createComponent(index$f.Item, {
|
|
10096
10316
|
onSelect: () => {
|
|
@@ -10101,7 +10321,7 @@ var ContentView = (props) => {
|
|
|
10101
10321
|
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-right");
|
|
10102
10322
|
},
|
|
10103
10323
|
get children() {
|
|
10104
|
-
return [_tmpl$
|
|
10324
|
+
return [_tmpl$142(), createComponent(ArrowRight, {})];
|
|
10105
10325
|
}
|
|
10106
10326
|
})];
|
|
10107
10327
|
}
|
|
@@ -10119,10 +10339,13 @@ var ContentView = (props) => {
|
|
|
10119
10339
|
return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
|
|
10120
10340
|
},
|
|
10121
10341
|
get children() {
|
|
10122
|
-
return [_tmpl$
|
|
10342
|
+
return [_tmpl$152(), createComponent(ChevronDown, {})];
|
|
10123
10343
|
}
|
|
10124
10344
|
}), createComponent(index$f.Portal, {
|
|
10125
10345
|
ref: (el) => setComputedVariables(el),
|
|
10346
|
+
get mount() {
|
|
10347
|
+
return createMemo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
|
|
10348
|
+
},
|
|
10126
10349
|
get children() {
|
|
10127
10350
|
return createComponent(index$f.SubContent, {
|
|
10128
10351
|
get ["class"]() {
|
|
@@ -10138,7 +10361,7 @@ var ContentView = (props) => {
|
|
|
10138
10361
|
return clsx(styles().settingsSubButton, props.localStore.theme_preference === "light" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
|
|
10139
10362
|
},
|
|
10140
10363
|
get children() {
|
|
10141
|
-
return [_tmpl$
|
|
10364
|
+
return [_tmpl$162(), createComponent(Sun, {})];
|
|
10142
10365
|
}
|
|
10143
10366
|
}), createComponent(index$f.Item, {
|
|
10144
10367
|
onSelect: () => {
|
|
@@ -10149,7 +10372,7 @@ var ContentView = (props) => {
|
|
|
10149
10372
|
return clsx(styles().settingsSubButton, props.localStore.theme_preference === "dark" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
|
|
10150
10373
|
},
|
|
10151
10374
|
get children() {
|
|
10152
|
-
return [_tmpl$
|
|
10375
|
+
return [_tmpl$172(), createComponent(Moon, {})];
|
|
10153
10376
|
}
|
|
10154
10377
|
}), createComponent(index$f.Item, {
|
|
10155
10378
|
onSelect: () => {
|
|
@@ -10160,7 +10383,7 @@ var ContentView = (props) => {
|
|
|
10160
10383
|
return clsx(styles().settingsSubButton, props.localStore.theme_preference === "system" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
|
|
10161
10384
|
},
|
|
10162
10385
|
get children() {
|
|
10163
|
-
return [_tmpl$
|
|
10386
|
+
return [_tmpl$182(), createComponent(Monitor, {})];
|
|
10164
10387
|
}
|
|
10165
10388
|
})];
|
|
10166
10389
|
}
|
|
@@ -10175,13 +10398,13 @@ var ContentView = (props) => {
|
|
|
10175
10398
|
})];
|
|
10176
10399
|
}
|
|
10177
10400
|
}), null);
|
|
10178
|
-
insert(_el$
|
|
10401
|
+
insert(_el$9, createComponent(Show, {
|
|
10179
10402
|
get when() {
|
|
10180
10403
|
return selectedView() === "queries";
|
|
10181
10404
|
},
|
|
10182
10405
|
get children() {
|
|
10183
|
-
const _el$
|
|
10184
|
-
insert(_el$
|
|
10406
|
+
const _el$40 = _tmpl$192(), _el$41 = _el$40.firstChild;
|
|
10407
|
+
insert(_el$41, createComponent(Key, {
|
|
10185
10408
|
by: (q) => q.queryHash,
|
|
10186
10409
|
get each() {
|
|
10187
10410
|
return queries();
|
|
@@ -10192,17 +10415,17 @@ var ContentView = (props) => {
|
|
|
10192
10415
|
}
|
|
10193
10416
|
})
|
|
10194
10417
|
}));
|
|
10195
|
-
createRenderEffect(() => className(_el$
|
|
10196
|
-
return _el$
|
|
10418
|
+
createRenderEffect(() => className(_el$40, clsx(styles().overflowQueryContainer, "tsqd-queries-overflow-container")));
|
|
10419
|
+
return _el$40;
|
|
10197
10420
|
}
|
|
10198
10421
|
}), null);
|
|
10199
|
-
insert(_el$
|
|
10422
|
+
insert(_el$9, createComponent(Show, {
|
|
10200
10423
|
get when() {
|
|
10201
10424
|
return selectedView() === "mutations";
|
|
10202
10425
|
},
|
|
10203
10426
|
get children() {
|
|
10204
|
-
const _el$
|
|
10205
|
-
insert(_el$
|
|
10427
|
+
const _el$42 = _tmpl$202(), _el$43 = _el$42.firstChild;
|
|
10428
|
+
insert(_el$43, createComponent(Key, {
|
|
10206
10429
|
by: (m) => m.mutationId,
|
|
10207
10430
|
get each() {
|
|
10208
10431
|
return mutations();
|
|
@@ -10213,8 +10436,8 @@ var ContentView = (props) => {
|
|
|
10213
10436
|
}
|
|
10214
10437
|
})
|
|
10215
10438
|
}));
|
|
10216
|
-
createRenderEffect(() => className(_el$
|
|
10217
|
-
return _el$
|
|
10439
|
+
createRenderEffect(() => className(_el$42, clsx(styles().overflowQueryContainer, "tsqd-mutations-overflow-container")));
|
|
10440
|
+
return _el$42;
|
|
10218
10441
|
}
|
|
10219
10442
|
}), null);
|
|
10220
10443
|
createRenderEffect((_p$) => {
|
|
@@ -10224,26 +10447,27 @@ var ContentView = (props) => {
|
|
|
10224
10447
|
`, panelWidth() < secondBreakpoint && !(selectedQueryHash() || selectedMutationId()) && u`
|
|
10225
10448
|
height: 100%;
|
|
10226
10449
|
max-height: 100%;
|
|
10227
|
-
`, "tsqd-queries-container"), _v$7 = clsx(styles().row, "tsqd-header"), _v$8 = styles().logoAndToggleContainer, _v$9 = clsx(styles().logo, "tsqd-text-logo-container"), _v$10 = clsx(styles().tanstackLogo, "tsqd-text-logo-tanstack"), _v$11 = clsx(styles().queryFlavorLogo, "tsqd-text-logo-query-flavor"), _v$12 = clsx(styles().row, "tsqd-filters-actions-container"), _v$13 = clsx(styles().filtersContainer, "tsqd-filters-container"), _v$14 = clsx(styles().filterInput, "tsqd-query-filter-textfield-container"), _v$15 = clsx(styles().filterSelect, "tsqd-query-filter-sort-container"), _v$
|
|
10228
|
-
_v$6 !== _p$._v$6 && className(_el$
|
|
10229
|
-
_v$7 !== _p$._v$7 && className(_el$
|
|
10230
|
-
_v$8 !== _p$._v$8 && className(_el$
|
|
10231
|
-
_v$9 !== _p$._v$9 && className(_el$
|
|
10232
|
-
_v$10 !== _p$._v$10 && className(_el$
|
|
10233
|
-
_v$11 !== _p$._v$11 && className(_el$
|
|
10234
|
-
_v$12 !== _p$._v$12 && className(_el$
|
|
10235
|
-
_v$13 !== _p$._v$13 && className(_el$
|
|
10236
|
-
_v$14 !== _p$._v$14 && className(_el$
|
|
10450
|
+
`, "tsqd-queries-container"), _v$7 = clsx(styles().row, "tsqd-header"), _v$8 = styles().logoAndToggleContainer, _v$9 = clsx(styles().logo, "tsqd-text-logo-container"), _v$10 = clsx(styles().tanstackLogo, "tsqd-text-logo-tanstack"), _v$11 = clsx(styles().queryFlavorLogo, "tsqd-text-logo-query-flavor"), _v$12 = clsx(styles().row, "tsqd-filters-actions-container"), _v$13 = clsx(styles().filtersContainer, "tsqd-filters-container"), _v$14 = clsx(styles().filterInput, "tsqd-query-filter-textfield-container"), _v$15 = clsx("tsqd-query-filter-textfield"), _v$16 = clsx(styles().filterSelect, "tsqd-query-filter-sort-container"), _v$17 = `Sort order ${(selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === -1 ? "descending" : "ascending"}`, _v$18 = (selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === -1, _v$19 = clsx(styles().actionsContainer, "tsqd-actions-container"), _v$20 = clsx(styles().actionsBtn, "tsqd-actions-btn", "tsqd-action-clear-cache"), _v$21 = `Clear ${selectedView()} cache`, _v$22 = clsx(styles().actionsBtn, offline() && styles().actionsBtnOffline, "tsqd-actions-btn", "tsqd-action-mock-offline-behavior"), _v$23 = `${offline() ? "Unset offline mocking behavior" : "Mock offline behavior"}`, _v$24 = offline(), _v$25 = `${offline() ? "Unset offline mocking behavior" : "Mock offline behavior"}`;
|
|
10451
|
+
_v$6 !== _p$._v$6 && className(_el$9, _p$._v$6 = _v$6);
|
|
10452
|
+
_v$7 !== _p$._v$7 && className(_el$10, _p$._v$7 = _v$7);
|
|
10453
|
+
_v$8 !== _p$._v$8 && className(_el$11, _p$._v$8 = _v$8);
|
|
10454
|
+
_v$9 !== _p$._v$9 && className(_el$12, _p$._v$9 = _v$9);
|
|
10455
|
+
_v$10 !== _p$._v$10 && className(_el$13, _p$._v$10 = _v$10);
|
|
10456
|
+
_v$11 !== _p$._v$11 && className(_el$14, _p$._v$11 = _v$11);
|
|
10457
|
+
_v$12 !== _p$._v$12 && className(_el$16, _p$._v$12 = _v$12);
|
|
10458
|
+
_v$13 !== _p$._v$13 && className(_el$17, _p$._v$13 = _v$13);
|
|
10459
|
+
_v$14 !== _p$._v$14 && className(_el$18, _p$._v$14 = _v$14);
|
|
10237
10460
|
_v$15 !== _p$._v$15 && className(_el$19, _p$._v$15 = _v$15);
|
|
10238
|
-
_v$16 !== _p$._v$16 &&
|
|
10239
|
-
_v$17 !== _p$._v$17 && setAttribute(_el$
|
|
10240
|
-
_v$18 !== _p$._v$18 &&
|
|
10461
|
+
_v$16 !== _p$._v$16 && className(_el$20, _p$._v$16 = _v$16);
|
|
10462
|
+
_v$17 !== _p$._v$17 && setAttribute(_el$23, "aria-label", _p$._v$17 = _v$17);
|
|
10463
|
+
_v$18 !== _p$._v$18 && setAttribute(_el$23, "aria-pressed", _p$._v$18 = _v$18);
|
|
10241
10464
|
_v$19 !== _p$._v$19 && className(_el$26, _p$._v$19 = _v$19);
|
|
10242
|
-
_v$20 !== _p$._v$20 &&
|
|
10243
|
-
_v$21 !== _p$._v$21 &&
|
|
10244
|
-
_v$22 !== _p$._v$22 &&
|
|
10245
|
-
_v$23 !== _p$._v$23 && setAttribute(_el$
|
|
10246
|
-
_v$24 !== _p$._v$24 && setAttribute(_el$
|
|
10465
|
+
_v$20 !== _p$._v$20 && className(_el$27, _p$._v$20 = _v$20);
|
|
10466
|
+
_v$21 !== _p$._v$21 && setAttribute(_el$27, "title", _p$._v$21 = _v$21);
|
|
10467
|
+
_v$22 !== _p$._v$22 && className(_el$28, _p$._v$22 = _v$22);
|
|
10468
|
+
_v$23 !== _p$._v$23 && setAttribute(_el$28, "aria-label", _p$._v$23 = _v$23);
|
|
10469
|
+
_v$24 !== _p$._v$24 && setAttribute(_el$28, "aria-pressed", _p$._v$24 = _v$24);
|
|
10470
|
+
_v$25 !== _p$._v$25 && setAttribute(_el$28, "title", _p$._v$25 = _v$25);
|
|
10247
10471
|
return _p$;
|
|
10248
10472
|
}, {
|
|
10249
10473
|
_v$6: void 0,
|
|
@@ -10264,10 +10488,11 @@ var ContentView = (props) => {
|
|
|
10264
10488
|
_v$21: void 0,
|
|
10265
10489
|
_v$22: void 0,
|
|
10266
10490
|
_v$23: void 0,
|
|
10267
|
-
_v$24: void 0
|
|
10491
|
+
_v$24: void 0,
|
|
10492
|
+
_v$25: void 0
|
|
10268
10493
|
});
|
|
10269
|
-
createRenderEffect(() => _el$
|
|
10270
|
-
return _el$
|
|
10494
|
+
createRenderEffect(() => _el$19.value = selectedView() === "queries" ? props.localStore.filter || "" : props.localStore.mutationFilter || "");
|
|
10495
|
+
return _el$9;
|
|
10271
10496
|
})(), createComponent(Show, {
|
|
10272
10497
|
get when() {
|
|
10273
10498
|
return createMemo(() => selectedView() === "queries")() && selectedQueryHash();
|
|
@@ -10328,30 +10553,30 @@ var QueryRow = (props) => {
|
|
|
10328
10553
|
return queryState();
|
|
10329
10554
|
},
|
|
10330
10555
|
get children() {
|
|
10331
|
-
const _el$
|
|
10332
|
-
_el$
|
|
10333
|
-
insert(_el$
|
|
10334
|
-
insert(_el$
|
|
10335
|
-
insert(_el$
|
|
10556
|
+
const _el$48 = _tmpl$242(), _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling;
|
|
10557
|
+
_el$48.$$click = () => setSelectedQueryHash(props.query.queryHash === selectedQueryHash() ? null : props.query.queryHash);
|
|
10558
|
+
insert(_el$49, observers);
|
|
10559
|
+
insert(_el$50, () => props.query.queryHash);
|
|
10560
|
+
insert(_el$48, createComponent(Show, {
|
|
10336
10561
|
get when() {
|
|
10337
10562
|
return isDisabled();
|
|
10338
10563
|
},
|
|
10339
10564
|
get children() {
|
|
10340
|
-
return _tmpl$
|
|
10565
|
+
return _tmpl$232();
|
|
10341
10566
|
}
|
|
10342
10567
|
}), null);
|
|
10343
10568
|
createRenderEffect((_p$) => {
|
|
10344
|
-
const _v$
|
|
10345
|
-
_v$
|
|
10346
|
-
_v$
|
|
10347
|
-
_v$
|
|
10569
|
+
const _v$26 = clsx(styles().queryRow, selectedQueryHash() === props.query.queryHash && styles().selectedQueryRow, "tsqd-query-row"), _v$27 = `Query key ${props.query.queryHash}`, _v$28 = clsx(getObserverCountColorStyles(), "tsqd-query-observer-count");
|
|
10570
|
+
_v$26 !== _p$._v$26 && className(_el$48, _p$._v$26 = _v$26);
|
|
10571
|
+
_v$27 !== _p$._v$27 && setAttribute(_el$48, "aria-label", _p$._v$27 = _v$27);
|
|
10572
|
+
_v$28 !== _p$._v$28 && className(_el$49, _p$._v$28 = _v$28);
|
|
10348
10573
|
return _p$;
|
|
10349
10574
|
}, {
|
|
10350
|
-
_v$25: void 0,
|
|
10351
10575
|
_v$26: void 0,
|
|
10352
|
-
_v$27: void 0
|
|
10576
|
+
_v$27: void 0,
|
|
10577
|
+
_v$28: void 0
|
|
10353
10578
|
});
|
|
10354
|
-
return _el$
|
|
10579
|
+
return _el$48;
|
|
10355
10580
|
}
|
|
10356
10581
|
});
|
|
10357
10582
|
};
|
|
@@ -10405,11 +10630,11 @@ var MutationRow = (props) => {
|
|
|
10405
10630
|
return mutationState();
|
|
10406
10631
|
},
|
|
10407
10632
|
get children() {
|
|
10408
|
-
const _el$
|
|
10409
|
-
_el$
|
|
10633
|
+
const _el$52 = _tmpl$242(), _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling;
|
|
10634
|
+
_el$52.$$click = () => {
|
|
10410
10635
|
setSelectedMutationId(props.mutation.mutationId === selectedMutationId() ? null : props.mutation.mutationId);
|
|
10411
10636
|
};
|
|
10412
|
-
insert(_el$
|
|
10637
|
+
insert(_el$53, createComponent(Show, {
|
|
10413
10638
|
get when() {
|
|
10414
10639
|
return color() === "purple";
|
|
10415
10640
|
},
|
|
@@ -10417,7 +10642,7 @@ var MutationRow = (props) => {
|
|
|
10417
10642
|
return createComponent(PauseCircle, {});
|
|
10418
10643
|
}
|
|
10419
10644
|
}), null);
|
|
10420
|
-
insert(_el$
|
|
10645
|
+
insert(_el$53, createComponent(Show, {
|
|
10421
10646
|
get when() {
|
|
10422
10647
|
return color() === "green";
|
|
10423
10648
|
},
|
|
@@ -10425,7 +10650,7 @@ var MutationRow = (props) => {
|
|
|
10425
10650
|
return createComponent(CheckCircle, {});
|
|
10426
10651
|
}
|
|
10427
10652
|
}), null);
|
|
10428
|
-
insert(_el$
|
|
10653
|
+
insert(_el$53, createComponent(Show, {
|
|
10429
10654
|
get when() {
|
|
10430
10655
|
return color() === "red";
|
|
10431
10656
|
},
|
|
@@ -10433,7 +10658,7 @@ var MutationRow = (props) => {
|
|
|
10433
10658
|
return createComponent(XCircle, {});
|
|
10434
10659
|
}
|
|
10435
10660
|
}), null);
|
|
10436
|
-
insert(_el$
|
|
10661
|
+
insert(_el$53, createComponent(Show, {
|
|
10437
10662
|
get when() {
|
|
10438
10663
|
return color() === "yellow";
|
|
10439
10664
|
},
|
|
@@ -10441,7 +10666,7 @@ var MutationRow = (props) => {
|
|
|
10441
10666
|
return createComponent(LoadingCircle, {});
|
|
10442
10667
|
}
|
|
10443
10668
|
}), null);
|
|
10444
|
-
insert(_el$
|
|
10669
|
+
insert(_el$54, createComponent(Show, {
|
|
10445
10670
|
get when() {
|
|
10446
10671
|
return props.mutation.options.mutationKey;
|
|
10447
10672
|
},
|
|
@@ -10449,19 +10674,19 @@ var MutationRow = (props) => {
|
|
|
10449
10674
|
return [createMemo(() => JSON.stringify(props.mutation.options.mutationKey)), " -", " "];
|
|
10450
10675
|
}
|
|
10451
10676
|
}), null);
|
|
10452
|
-
insert(_el$
|
|
10677
|
+
insert(_el$54, () => new Date(props.mutation.state.submittedAt).toLocaleString(), null);
|
|
10453
10678
|
createRenderEffect((_p$) => {
|
|
10454
|
-
const _v$
|
|
10455
|
-
_v$
|
|
10456
|
-
_v$
|
|
10457
|
-
_v$
|
|
10679
|
+
const _v$29 = clsx(styles().queryRow, selectedMutationId() === props.mutation.mutationId && styles().selectedQueryRow, "tsqd-query-row"), _v$30 = `Mutation submitted at ${new Date(props.mutation.state.submittedAt).toLocaleString()}`, _v$31 = clsx(getObserverCountColorStyles(), "tsqd-query-observer-count");
|
|
10680
|
+
_v$29 !== _p$._v$29 && className(_el$52, _p$._v$29 = _v$29);
|
|
10681
|
+
_v$30 !== _p$._v$30 && setAttribute(_el$52, "aria-label", _p$._v$30 = _v$30);
|
|
10682
|
+
_v$31 !== _p$._v$31 && className(_el$53, _p$._v$31 = _v$31);
|
|
10458
10683
|
return _p$;
|
|
10459
10684
|
}, {
|
|
10460
|
-
_v$28: void 0,
|
|
10461
10685
|
_v$29: void 0,
|
|
10462
|
-
_v$30: void 0
|
|
10686
|
+
_v$30: void 0,
|
|
10687
|
+
_v$31: void 0
|
|
10463
10688
|
});
|
|
10464
|
-
return _el$
|
|
10689
|
+
return _el$52;
|
|
10465
10690
|
}
|
|
10466
10691
|
});
|
|
10467
10692
|
};
|
|
@@ -10476,44 +10701,44 @@ var QueryStatusCount = () => {
|
|
|
10476
10701
|
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
10477
10702
|
});
|
|
10478
10703
|
return (() => {
|
|
10479
|
-
const _el$
|
|
10480
|
-
insert(_el$
|
|
10704
|
+
const _el$55 = _tmpl$26();
|
|
10705
|
+
insert(_el$55, createComponent(QueryStatus, {
|
|
10481
10706
|
label: "Fresh",
|
|
10482
10707
|
color: "green",
|
|
10483
10708
|
get count() {
|
|
10484
10709
|
return fresh();
|
|
10485
10710
|
}
|
|
10486
10711
|
}), null);
|
|
10487
|
-
insert(_el$
|
|
10712
|
+
insert(_el$55, createComponent(QueryStatus, {
|
|
10488
10713
|
label: "Fetching",
|
|
10489
10714
|
color: "blue",
|
|
10490
10715
|
get count() {
|
|
10491
10716
|
return fetching();
|
|
10492
10717
|
}
|
|
10493
10718
|
}), null);
|
|
10494
|
-
insert(_el$
|
|
10719
|
+
insert(_el$55, createComponent(QueryStatus, {
|
|
10495
10720
|
label: "Paused",
|
|
10496
10721
|
color: "purple",
|
|
10497
10722
|
get count() {
|
|
10498
10723
|
return paused();
|
|
10499
10724
|
}
|
|
10500
10725
|
}), null);
|
|
10501
|
-
insert(_el$
|
|
10726
|
+
insert(_el$55, createComponent(QueryStatus, {
|
|
10502
10727
|
label: "Stale",
|
|
10503
10728
|
color: "yellow",
|
|
10504
10729
|
get count() {
|
|
10505
10730
|
return stale();
|
|
10506
10731
|
}
|
|
10507
10732
|
}), null);
|
|
10508
|
-
insert(_el$
|
|
10733
|
+
insert(_el$55, createComponent(QueryStatus, {
|
|
10509
10734
|
label: "Inactive",
|
|
10510
10735
|
color: "gray",
|
|
10511
10736
|
get count() {
|
|
10512
10737
|
return inactive();
|
|
10513
10738
|
}
|
|
10514
10739
|
}), null);
|
|
10515
|
-
createRenderEffect(() => className(_el$
|
|
10516
|
-
return _el$
|
|
10740
|
+
createRenderEffect(() => className(_el$55, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
|
|
10741
|
+
return _el$55;
|
|
10517
10742
|
})();
|
|
10518
10743
|
};
|
|
10519
10744
|
var MutationStatusCount = () => {
|
|
@@ -10538,37 +10763,37 @@ var MutationStatusCount = () => {
|
|
|
10538
10763
|
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
10539
10764
|
});
|
|
10540
10765
|
return (() => {
|
|
10541
|
-
const _el$
|
|
10542
|
-
insert(_el$
|
|
10766
|
+
const _el$56 = _tmpl$26();
|
|
10767
|
+
insert(_el$56, createComponent(QueryStatus, {
|
|
10543
10768
|
label: "Paused",
|
|
10544
10769
|
color: "purple",
|
|
10545
10770
|
get count() {
|
|
10546
10771
|
return paused();
|
|
10547
10772
|
}
|
|
10548
10773
|
}), null);
|
|
10549
|
-
insert(_el$
|
|
10774
|
+
insert(_el$56, createComponent(QueryStatus, {
|
|
10550
10775
|
label: "Pending",
|
|
10551
10776
|
color: "yellow",
|
|
10552
10777
|
get count() {
|
|
10553
10778
|
return pending();
|
|
10554
10779
|
}
|
|
10555
10780
|
}), null);
|
|
10556
|
-
insert(_el$
|
|
10781
|
+
insert(_el$56, createComponent(QueryStatus, {
|
|
10557
10782
|
label: "Success",
|
|
10558
10783
|
color: "green",
|
|
10559
10784
|
get count() {
|
|
10560
10785
|
return success();
|
|
10561
10786
|
}
|
|
10562
10787
|
}), null);
|
|
10563
|
-
insert(_el$
|
|
10788
|
+
insert(_el$56, createComponent(QueryStatus, {
|
|
10564
10789
|
label: "Error",
|
|
10565
10790
|
color: "red",
|
|
10566
10791
|
get count() {
|
|
10567
10792
|
return error();
|
|
10568
10793
|
}
|
|
10569
10794
|
}), null);
|
|
10570
|
-
createRenderEffect(() => className(_el$
|
|
10571
|
-
return _el$
|
|
10795
|
+
createRenderEffect(() => className(_el$56, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
|
|
10796
|
+
return _el$56;
|
|
10572
10797
|
})();
|
|
10573
10798
|
};
|
|
10574
10799
|
var QueryStatus = (props) => {
|
|
@@ -10596,17 +10821,17 @@ var QueryStatus = (props) => {
|
|
|
10596
10821
|
return true;
|
|
10597
10822
|
});
|
|
10598
10823
|
return (() => {
|
|
10599
|
-
const _el$
|
|
10824
|
+
const _el$57 = _tmpl$27(), _el$59 = _el$57.firstChild, _el$61 = _el$59.nextSibling;
|
|
10600
10825
|
const _ref$4 = tagRef;
|
|
10601
|
-
typeof _ref$4 === "function" ? use(_ref$4, _el$
|
|
10602
|
-
_el$
|
|
10826
|
+
typeof _ref$4 === "function" ? use(_ref$4, _el$57) : tagRef = _el$57;
|
|
10827
|
+
_el$57.addEventListener("mouseleave", () => {
|
|
10603
10828
|
setMouseOver(false);
|
|
10604
10829
|
setFocused(false);
|
|
10605
10830
|
});
|
|
10606
|
-
_el$
|
|
10607
|
-
_el$
|
|
10608
|
-
_el$
|
|
10609
|
-
spread(_el$
|
|
10831
|
+
_el$57.addEventListener("mouseenter", () => setMouseOver(true));
|
|
10832
|
+
_el$57.addEventListener("blur", () => setFocused(false));
|
|
10833
|
+
_el$57.addEventListener("focus", () => setFocused(true));
|
|
10834
|
+
spread(_el$57, mergeProps({
|
|
10610
10835
|
get disabled() {
|
|
10611
10836
|
return showLabel();
|
|
10612
10837
|
},
|
|
@@ -10621,47 +10846,47 @@ var QueryStatus = (props) => {
|
|
|
10621
10846
|
}, () => mouseOver() || focused() ? {
|
|
10622
10847
|
"aria-describedby": "tsqd-status-tooltip"
|
|
10623
10848
|
} : {}), false, true);
|
|
10624
|
-
insert(_el$
|
|
10849
|
+
insert(_el$57, createComponent(Show, {
|
|
10625
10850
|
get when() {
|
|
10626
10851
|
return createMemo(() => !!!showLabel())() && (mouseOver() || focused());
|
|
10627
10852
|
},
|
|
10628
10853
|
get children() {
|
|
10629
|
-
const _el$
|
|
10630
|
-
insert(_el$
|
|
10631
|
-
createRenderEffect(() => className(_el$
|
|
10632
|
-
return _el$
|
|
10854
|
+
const _el$58 = _tmpl$252();
|
|
10855
|
+
insert(_el$58, () => props.label);
|
|
10856
|
+
createRenderEffect(() => className(_el$58, clsx(styles().statusTooltip, "tsqd-query-status-tooltip")));
|
|
10857
|
+
return _el$58;
|
|
10633
10858
|
}
|
|
10634
|
-
}), _el$
|
|
10635
|
-
insert(_el$
|
|
10859
|
+
}), _el$59);
|
|
10860
|
+
insert(_el$57, createComponent(Show, {
|
|
10636
10861
|
get when() {
|
|
10637
10862
|
return showLabel();
|
|
10638
10863
|
},
|
|
10639
10864
|
get children() {
|
|
10640
|
-
const _el$
|
|
10641
|
-
insert(_el$
|
|
10642
|
-
createRenderEffect(() => className(_el$
|
|
10643
|
-
return _el$
|
|
10865
|
+
const _el$60 = _tmpl$262();
|
|
10866
|
+
insert(_el$60, () => props.label);
|
|
10867
|
+
createRenderEffect(() => className(_el$60, clsx(styles().queryStatusTagLabel, "tsqd-query-status-tag-label")));
|
|
10868
|
+
return _el$60;
|
|
10644
10869
|
}
|
|
10645
|
-
}), _el$
|
|
10646
|
-
insert(_el$
|
|
10870
|
+
}), _el$61);
|
|
10871
|
+
insert(_el$61, () => props.count);
|
|
10647
10872
|
createRenderEffect((_p$) => {
|
|
10648
|
-
const _v$
|
|
10873
|
+
const _v$32 = clsx(u`
|
|
10649
10874
|
width: ${tokens.size[1.5]};
|
|
10650
10875
|
height: ${tokens.size[1.5]};
|
|
10651
10876
|
border-radius: ${tokens.border.radius.full};
|
|
10652
10877
|
background-color: ${tokens.colors[props.color][500]};
|
|
10653
|
-
`, "tsqd-query-status-tag-dot"), _v$
|
|
10878
|
+
`, "tsqd-query-status-tag-dot"), _v$33 = clsx(styles().queryStatusCount, props.count > 0 && props.color !== "gray" && u`
|
|
10654
10879
|
background-color: ${t2(colors[props.color][100], colors[props.color][900])};
|
|
10655
10880
|
color: ${t2(colors[props.color][700], colors[props.color][300])};
|
|
10656
10881
|
`, "tsqd-query-status-tag-count");
|
|
10657
|
-
_v$31 !== _p$._v$31 && className(_el$57, _p$._v$31 = _v$31);
|
|
10658
10882
|
_v$32 !== _p$._v$32 && className(_el$59, _p$._v$32 = _v$32);
|
|
10883
|
+
_v$33 !== _p$._v$33 && className(_el$61, _p$._v$33 = _v$33);
|
|
10659
10884
|
return _p$;
|
|
10660
10885
|
}, {
|
|
10661
|
-
_v$
|
|
10662
|
-
_v$
|
|
10886
|
+
_v$32: void 0,
|
|
10887
|
+
_v$33: void 0
|
|
10663
10888
|
});
|
|
10664
|
-
return _el$
|
|
10889
|
+
return _el$57;
|
|
10665
10890
|
})();
|
|
10666
10891
|
};
|
|
10667
10892
|
var QueryDetails = () => {
|
|
@@ -10747,19 +10972,19 @@ var QueryDetails = () => {
|
|
|
10747
10972
|
return createMemo(() => !!activeQuery())() && activeQueryState();
|
|
10748
10973
|
},
|
|
10749
10974
|
get children() {
|
|
10750
|
-
const _el$
|
|
10751
|
-
insert(_el$
|
|
10752
|
-
insert(_el$
|
|
10753
|
-
insert(_el$
|
|
10754
|
-
insert(_el$
|
|
10755
|
-
_el$
|
|
10756
|
-
_el$
|
|
10757
|
-
_el$
|
|
10758
|
-
_el$
|
|
10975
|
+
const _el$62 = _tmpl$30(), _el$63 = _el$62.firstChild, _el$64 = _el$63.nextSibling, _el$65 = _el$64.firstChild, _el$66 = _el$65.firstChild, _el$67 = _el$66.firstChild, _el$68 = _el$66.nextSibling, _el$69 = _el$65.nextSibling, _el$70 = _el$69.firstChild, _el$71 = _el$70.nextSibling, _el$72 = _el$69.nextSibling, _el$73 = _el$72.firstChild, _el$74 = _el$73.nextSibling, _el$75 = _el$64.nextSibling, _el$76 = _el$75.nextSibling, _el$77 = _el$76.firstChild, _el$78 = _el$77.firstChild, _el$79 = _el$77.nextSibling, _el$80 = _el$79.firstChild, _el$81 = _el$79.nextSibling, _el$82 = _el$81.firstChild, _el$83 = _el$81.nextSibling, _el$84 = _el$83.firstChild, _el$85 = _el$83.nextSibling, _el$86 = _el$85.firstChild, _el$87 = _el$86.nextSibling, _el$96 = _el$76.nextSibling, _el$97 = _el$96.nextSibling, _el$98 = _el$97.nextSibling, _el$99 = _el$98.nextSibling;
|
|
10976
|
+
insert(_el$67, () => displayValue(activeQuery().queryKey, true));
|
|
10977
|
+
insert(_el$68, statusLabel);
|
|
10978
|
+
insert(_el$71, observerCount);
|
|
10979
|
+
insert(_el$74, () => new Date(activeQueryState().dataUpdatedAt).toLocaleTimeString());
|
|
10980
|
+
_el$77.$$click = handleRefetch;
|
|
10981
|
+
_el$79.$$click = () => queryClient.invalidateQueries(activeQuery());
|
|
10982
|
+
_el$81.$$click = () => queryClient.resetQueries(activeQuery());
|
|
10983
|
+
_el$83.$$click = () => {
|
|
10759
10984
|
queryClient.removeQueries(activeQuery());
|
|
10760
10985
|
setSelectedQueryHash(null);
|
|
10761
10986
|
};
|
|
10762
|
-
_el$
|
|
10987
|
+
_el$85.$$click = () => {
|
|
10763
10988
|
if (activeQuery()?.state.data === void 0) {
|
|
10764
10989
|
setRestoringLoading(true);
|
|
10765
10990
|
restoreQueryAfterLoadingOrError();
|
|
@@ -10786,78 +11011,78 @@ var QueryDetails = () => {
|
|
|
10786
11011
|
});
|
|
10787
11012
|
}
|
|
10788
11013
|
};
|
|
10789
|
-
insert(_el$
|
|
10790
|
-
insert(_el$
|
|
11014
|
+
insert(_el$85, () => queryStatus() === "pending" ? "Restore" : "Trigger", _el$87);
|
|
11015
|
+
insert(_el$76, createComponent(Show, {
|
|
10791
11016
|
get when() {
|
|
10792
11017
|
return errorTypes().length === 0 || queryStatus() === "error";
|
|
10793
11018
|
},
|
|
10794
11019
|
get children() {
|
|
10795
|
-
const _el$
|
|
10796
|
-
_el$
|
|
11020
|
+
const _el$88 = _tmpl$28(), _el$89 = _el$88.firstChild, _el$90 = _el$89.nextSibling;
|
|
11021
|
+
_el$88.$$click = () => {
|
|
10797
11022
|
if (!activeQuery().state.error) {
|
|
10798
11023
|
triggerError();
|
|
10799
11024
|
} else {
|
|
10800
11025
|
queryClient.resetQueries(activeQuery());
|
|
10801
11026
|
}
|
|
10802
11027
|
};
|
|
10803
|
-
insert(_el$
|
|
11028
|
+
insert(_el$88, () => queryStatus() === "error" ? "Restore" : "Trigger", _el$90);
|
|
10804
11029
|
createRenderEffect((_p$) => {
|
|
10805
|
-
const _v$
|
|
11030
|
+
const _v$34 = clsx(u`
|
|
10806
11031
|
color: ${t2(colors.red[500], colors.red[400])};
|
|
10807
|
-
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error"), _v$
|
|
11032
|
+
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error"), _v$35 = queryStatus() === "pending", _v$36 = u`
|
|
10808
11033
|
background-color: ${t2(colors.red[500], colors.red[400])};
|
|
10809
11034
|
`;
|
|
10810
|
-
_v$
|
|
10811
|
-
_v$
|
|
10812
|
-
_v$
|
|
11035
|
+
_v$34 !== _p$._v$34 && className(_el$88, _p$._v$34 = _v$34);
|
|
11036
|
+
_v$35 !== _p$._v$35 && (_el$88.disabled = _p$._v$35 = _v$35);
|
|
11037
|
+
_v$36 !== _p$._v$36 && className(_el$89, _p$._v$36 = _v$36);
|
|
10813
11038
|
return _p$;
|
|
10814
11039
|
}, {
|
|
10815
|
-
_v$33: void 0,
|
|
10816
11040
|
_v$34: void 0,
|
|
10817
|
-
_v$35: void 0
|
|
11041
|
+
_v$35: void 0,
|
|
11042
|
+
_v$36: void 0
|
|
10818
11043
|
});
|
|
10819
|
-
return _el$
|
|
11044
|
+
return _el$88;
|
|
10820
11045
|
}
|
|
10821
11046
|
}), null);
|
|
10822
|
-
insert(_el$
|
|
11047
|
+
insert(_el$76, createComponent(Show, {
|
|
10823
11048
|
get when() {
|
|
10824
11049
|
return !(errorTypes().length === 0 || queryStatus() === "error");
|
|
10825
11050
|
},
|
|
10826
11051
|
get children() {
|
|
10827
|
-
const _el$
|
|
10828
|
-
_el$
|
|
11052
|
+
const _el$91 = _tmpl$29(), _el$92 = _el$91.firstChild, _el$93 = _el$92.nextSibling, _el$94 = _el$93.nextSibling; _el$94.firstChild;
|
|
11053
|
+
_el$94.addEventListener("change", (e2) => {
|
|
10829
11054
|
const errorType = errorTypes().find((et) => et.name === e2.currentTarget.value);
|
|
10830
11055
|
triggerError(errorType);
|
|
10831
11056
|
});
|
|
10832
|
-
insert(_el$
|
|
11057
|
+
insert(_el$94, createComponent(For, {
|
|
10833
11058
|
get each() {
|
|
10834
11059
|
return errorTypes();
|
|
10835
11060
|
},
|
|
10836
11061
|
children: (errorType) => (() => {
|
|
10837
|
-
const _el$
|
|
10838
|
-
insert(_el$
|
|
10839
|
-
createRenderEffect(() => _el$
|
|
10840
|
-
return _el$
|
|
11062
|
+
const _el$100 = _tmpl$31();
|
|
11063
|
+
insert(_el$100, () => errorType.name);
|
|
11064
|
+
createRenderEffect(() => _el$100.value = errorType.name);
|
|
11065
|
+
return _el$100;
|
|
10841
11066
|
})()
|
|
10842
11067
|
}), null);
|
|
10843
|
-
insert(_el$
|
|
11068
|
+
insert(_el$91, createComponent(ChevronDown, {}), null);
|
|
10844
11069
|
createRenderEffect((_p$) => {
|
|
10845
|
-
const _v$
|
|
11070
|
+
const _v$37 = clsx(styles().actionsSelect, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error-multiple"), _v$38 = u`
|
|
10846
11071
|
background-color: ${tokens.colors.red[400]};
|
|
10847
|
-
`, _v$
|
|
10848
|
-
_v$
|
|
10849
|
-
_v$
|
|
10850
|
-
_v$
|
|
11072
|
+
`, _v$39 = queryStatus() === "pending";
|
|
11073
|
+
_v$37 !== _p$._v$37 && className(_el$91, _p$._v$37 = _v$37);
|
|
11074
|
+
_v$38 !== _p$._v$38 && className(_el$92, _p$._v$38 = _v$38);
|
|
11075
|
+
_v$39 !== _p$._v$39 && (_el$94.disabled = _p$._v$39 = _v$39);
|
|
10851
11076
|
return _p$;
|
|
10852
11077
|
}, {
|
|
10853
|
-
_v$36: void 0,
|
|
10854
11078
|
_v$37: void 0,
|
|
10855
|
-
_v$38: void 0
|
|
11079
|
+
_v$38: void 0,
|
|
11080
|
+
_v$39: void 0
|
|
10856
11081
|
});
|
|
10857
|
-
return _el$
|
|
11082
|
+
return _el$91;
|
|
10858
11083
|
}
|
|
10859
11084
|
}), null);
|
|
10860
|
-
insert(_el$
|
|
11085
|
+
insert(_el$97, createComponent(Explorer, {
|
|
10861
11086
|
label: "Data",
|
|
10862
11087
|
defaultExpanded: ["Data"],
|
|
10863
11088
|
get value() {
|
|
@@ -10868,7 +11093,7 @@ var QueryDetails = () => {
|
|
|
10868
11093
|
return activeQuery();
|
|
10869
11094
|
}
|
|
10870
11095
|
}));
|
|
10871
|
-
insert(_el$
|
|
11096
|
+
insert(_el$99, createComponent(Explorer, {
|
|
10872
11097
|
label: "Query",
|
|
10873
11098
|
defaultExpanded: ["Query", "queryKey"],
|
|
10874
11099
|
get value() {
|
|
@@ -10876,55 +11101,54 @@ var QueryDetails = () => {
|
|
|
10876
11101
|
}
|
|
10877
11102
|
}));
|
|
10878
11103
|
createRenderEffect((_p$) => {
|
|
10879
|
-
const _v$
|
|
11104
|
+
const _v$40 = clsx(styles().detailsContainer, "tsqd-query-details-container"), _v$41 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$42 = clsx(styles().detailsBody, "tsqd-query-details-summary-container"), _v$43 = clsx(styles().queryDetailsStatus, getQueryStatusColors()), _v$44 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$45 = clsx(styles().actionsBody, "tsqd-query-details-actions-container"), _v$46 = clsx(u`
|
|
10880
11105
|
color: ${t2(colors.blue[600], colors.blue[400])};
|
|
10881
|
-
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-refetch"), _v$
|
|
11106
|
+
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-refetch"), _v$47 = statusLabel() === "fetching", _v$48 = u`
|
|
10882
11107
|
background-color: ${t2(colors.blue[600], colors.blue[400])};
|
|
10883
|
-
`, _v$
|
|
11108
|
+
`, _v$49 = clsx(u`
|
|
10884
11109
|
color: ${t2(colors.yellow[600], colors.yellow[400])};
|
|
10885
|
-
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-invalidate"), _v$
|
|
11110
|
+
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-invalidate"), _v$50 = queryStatus() === "pending", _v$51 = u`
|
|
10886
11111
|
background-color: ${t2(colors.yellow[600], colors.yellow[400])};
|
|
10887
|
-
`, _v$
|
|
11112
|
+
`, _v$52 = clsx(u`
|
|
10888
11113
|
color: ${t2(colors.gray[600], colors.gray[300])};
|
|
10889
|
-
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-reset"), _v$
|
|
11114
|
+
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-reset"), _v$53 = queryStatus() === "pending", _v$54 = u`
|
|
10890
11115
|
background-color: ${t2(colors.gray[600], colors.gray[400])};
|
|
10891
|
-
`, _v$
|
|
11116
|
+
`, _v$55 = clsx(u`
|
|
10892
11117
|
color: ${t2(colors.pink[500], colors.pink[400])};
|
|
10893
|
-
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-remove"), _v$
|
|
11118
|
+
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-remove"), _v$56 = statusLabel() === "fetching", _v$57 = u`
|
|
10894
11119
|
background-color: ${t2(colors.pink[500], colors.pink[400])};
|
|
10895
|
-
`, _v$
|
|
11120
|
+
`, _v$58 = clsx(u`
|
|
10896
11121
|
color: ${t2(colors.cyan[500], colors.cyan[400])};
|
|
10897
|
-
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-loading"), _v$
|
|
11122
|
+
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-loading"), _v$59 = restoringLoading(), _v$60 = u`
|
|
10898
11123
|
background-color: ${t2(colors.cyan[500], colors.cyan[400])};
|
|
10899
|
-
`, _v$
|
|
10900
|
-
_v$
|
|
10901
|
-
_v$
|
|
10902
|
-
_v$
|
|
10903
|
-
_v$
|
|
10904
|
-
_v$
|
|
10905
|
-
_v$
|
|
10906
|
-
_v$
|
|
10907
|
-
_v$
|
|
10908
|
-
_v$
|
|
10909
|
-
_v$
|
|
10910
|
-
_v$
|
|
10911
|
-
_v$
|
|
10912
|
-
_v$
|
|
10913
|
-
_v$
|
|
10914
|
-
_v$
|
|
10915
|
-
_v$
|
|
10916
|
-
_v$
|
|
10917
|
-
_v$
|
|
10918
|
-
_v$
|
|
10919
|
-
_v$
|
|
10920
|
-
_v$
|
|
10921
|
-
_v$
|
|
10922
|
-
_v$
|
|
10923
|
-
_v$
|
|
10924
|
-
_v$
|
|
11124
|
+
`, _v$61 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$62 = tokens.size[2], _v$63 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$64 = tokens.size[2];
|
|
11125
|
+
_v$40 !== _p$._v$40 && className(_el$62, _p$._v$40 = _v$40);
|
|
11126
|
+
_v$41 !== _p$._v$41 && className(_el$63, _p$._v$41 = _v$41);
|
|
11127
|
+
_v$42 !== _p$._v$42 && className(_el$64, _p$._v$42 = _v$42);
|
|
11128
|
+
_v$43 !== _p$._v$43 && className(_el$68, _p$._v$43 = _v$43);
|
|
11129
|
+
_v$44 !== _p$._v$44 && className(_el$75, _p$._v$44 = _v$44);
|
|
11130
|
+
_v$45 !== _p$._v$45 && className(_el$76, _p$._v$45 = _v$45);
|
|
11131
|
+
_v$46 !== _p$._v$46 && className(_el$77, _p$._v$46 = _v$46);
|
|
11132
|
+
_v$47 !== _p$._v$47 && (_el$77.disabled = _p$._v$47 = _v$47);
|
|
11133
|
+
_v$48 !== _p$._v$48 && className(_el$78, _p$._v$48 = _v$48);
|
|
11134
|
+
_v$49 !== _p$._v$49 && className(_el$79, _p$._v$49 = _v$49);
|
|
11135
|
+
_v$50 !== _p$._v$50 && (_el$79.disabled = _p$._v$50 = _v$50);
|
|
11136
|
+
_v$51 !== _p$._v$51 && className(_el$80, _p$._v$51 = _v$51);
|
|
11137
|
+
_v$52 !== _p$._v$52 && className(_el$81, _p$._v$52 = _v$52);
|
|
11138
|
+
_v$53 !== _p$._v$53 && (_el$81.disabled = _p$._v$53 = _v$53);
|
|
11139
|
+
_v$54 !== _p$._v$54 && className(_el$82, _p$._v$54 = _v$54);
|
|
11140
|
+
_v$55 !== _p$._v$55 && className(_el$83, _p$._v$55 = _v$55);
|
|
11141
|
+
_v$56 !== _p$._v$56 && (_el$83.disabled = _p$._v$56 = _v$56);
|
|
11142
|
+
_v$57 !== _p$._v$57 && className(_el$84, _p$._v$57 = _v$57);
|
|
11143
|
+
_v$58 !== _p$._v$58 && className(_el$85, _p$._v$58 = _v$58);
|
|
11144
|
+
_v$59 !== _p$._v$59 && (_el$85.disabled = _p$._v$59 = _v$59);
|
|
11145
|
+
_v$60 !== _p$._v$60 && className(_el$86, _p$._v$60 = _v$60);
|
|
11146
|
+
_v$61 !== _p$._v$61 && className(_el$96, _p$._v$61 = _v$61);
|
|
11147
|
+
_v$62 !== _p$._v$62 && ((_p$._v$62 = _v$62) != null ? _el$97.style.setProperty("padding", _v$62) : _el$97.style.removeProperty("padding"));
|
|
11148
|
+
_v$63 !== _p$._v$63 && className(_el$98, _p$._v$63 = _v$63);
|
|
11149
|
+
_v$64 !== _p$._v$64 && ((_p$._v$64 = _v$64) != null ? _el$99.style.setProperty("padding", _v$64) : _el$99.style.removeProperty("padding"));
|
|
10925
11150
|
return _p$;
|
|
10926
11151
|
}, {
|
|
10927
|
-
_v$39: void 0,
|
|
10928
11152
|
_v$40: void 0,
|
|
10929
11153
|
_v$41: void 0,
|
|
10930
11154
|
_v$42: void 0,
|
|
@@ -10948,9 +11172,10 @@ var QueryDetails = () => {
|
|
|
10948
11172
|
_v$60: void 0,
|
|
10949
11173
|
_v$61: void 0,
|
|
10950
11174
|
_v$62: void 0,
|
|
10951
|
-
_v$63: void 0
|
|
11175
|
+
_v$63: void 0,
|
|
11176
|
+
_v$64: void 0
|
|
10952
11177
|
});
|
|
10953
|
-
return _el$
|
|
11178
|
+
return _el$62;
|
|
10954
11179
|
}
|
|
10955
11180
|
});
|
|
10956
11181
|
};
|
|
@@ -11001,8 +11226,8 @@ var MutationDetails = () => {
|
|
|
11001
11226
|
return activeMutation();
|
|
11002
11227
|
},
|
|
11003
11228
|
get children() {
|
|
11004
|
-
const _el$
|
|
11005
|
-
insert(_el$
|
|
11229
|
+
const _el$101 = _tmpl$322(), _el$102 = _el$101.firstChild, _el$103 = _el$102.nextSibling, _el$104 = _el$103.firstChild, _el$105 = _el$104.firstChild, _el$106 = _el$105.firstChild, _el$107 = _el$105.nextSibling, _el$108 = _el$104.nextSibling, _el$109 = _el$108.firstChild, _el$110 = _el$109.nextSibling, _el$111 = _el$103.nextSibling, _el$112 = _el$111.nextSibling, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling, _el$117 = _el$116.nextSibling, _el$118 = _el$117.nextSibling;
|
|
11230
|
+
insert(_el$106, createComponent(Show, {
|
|
11006
11231
|
get when() {
|
|
11007
11232
|
return activeMutation().options.mutationKey;
|
|
11008
11233
|
},
|
|
@@ -11011,13 +11236,13 @@ var MutationDetails = () => {
|
|
|
11011
11236
|
return displayValue(activeMutation().options.mutationKey, true);
|
|
11012
11237
|
}
|
|
11013
11238
|
}));
|
|
11014
|
-
insert(_el$
|
|
11239
|
+
insert(_el$107, createComponent(Show, {
|
|
11015
11240
|
get when() {
|
|
11016
11241
|
return color() === "purple";
|
|
11017
11242
|
},
|
|
11018
11243
|
children: "pending"
|
|
11019
11244
|
}), null);
|
|
11020
|
-
insert(_el$
|
|
11245
|
+
insert(_el$107, createComponent(Show, {
|
|
11021
11246
|
get when() {
|
|
11022
11247
|
return color() !== "purple";
|
|
11023
11248
|
},
|
|
@@ -11025,29 +11250,29 @@ var MutationDetails = () => {
|
|
|
11025
11250
|
return status();
|
|
11026
11251
|
}
|
|
11027
11252
|
}), null);
|
|
11028
|
-
insert(_el$
|
|
11029
|
-
insert(_el$
|
|
11253
|
+
insert(_el$110, () => new Date(activeMutation().state.submittedAt).toLocaleTimeString());
|
|
11254
|
+
insert(_el$112, createComponent(Explorer, {
|
|
11030
11255
|
label: "Variables",
|
|
11031
11256
|
defaultExpanded: ["Variables"],
|
|
11032
11257
|
get value() {
|
|
11033
11258
|
return activeMutation().state.variables;
|
|
11034
11259
|
}
|
|
11035
11260
|
}));
|
|
11036
|
-
insert(_el$
|
|
11261
|
+
insert(_el$114, createComponent(Explorer, {
|
|
11037
11262
|
label: "Context",
|
|
11038
11263
|
defaultExpanded: ["Context"],
|
|
11039
11264
|
get value() {
|
|
11040
11265
|
return activeMutation().state.context;
|
|
11041
11266
|
}
|
|
11042
11267
|
}));
|
|
11043
|
-
insert(_el$
|
|
11268
|
+
insert(_el$116, createComponent(Explorer, {
|
|
11044
11269
|
label: "Data",
|
|
11045
11270
|
defaultExpanded: ["Data"],
|
|
11046
11271
|
get value() {
|
|
11047
11272
|
return activeMutation().state.data;
|
|
11048
11273
|
}
|
|
11049
11274
|
}));
|
|
11050
|
-
insert(_el$
|
|
11275
|
+
insert(_el$118, createComponent(Explorer, {
|
|
11051
11276
|
label: "Mutation",
|
|
11052
11277
|
defaultExpanded: ["Mutation"],
|
|
11053
11278
|
get value() {
|
|
@@ -11055,22 +11280,21 @@ var MutationDetails = () => {
|
|
|
11055
11280
|
}
|
|
11056
11281
|
}));
|
|
11057
11282
|
createRenderEffect((_p$) => {
|
|
11058
|
-
const _v$
|
|
11059
|
-
_v$
|
|
11060
|
-
_v$
|
|
11061
|
-
_v$
|
|
11062
|
-
_v$
|
|
11063
|
-
_v$
|
|
11064
|
-
_v$
|
|
11065
|
-
_v$
|
|
11066
|
-
_v$
|
|
11067
|
-
_v$
|
|
11068
|
-
_v$
|
|
11069
|
-
_v$
|
|
11070
|
-
_v$
|
|
11283
|
+
const _v$65 = clsx(styles().detailsContainer, "tsqd-query-details-container"), _v$66 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$67 = clsx(styles().detailsBody, "tsqd-query-details-summary-container"), _v$68 = clsx(styles().queryDetailsStatus, getQueryStatusColors()), _v$69 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$70 = tokens.size[2], _v$71 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$72 = tokens.size[2], _v$73 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$74 = tokens.size[2], _v$75 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$76 = tokens.size[2];
|
|
11284
|
+
_v$65 !== _p$._v$65 && className(_el$101, _p$._v$65 = _v$65);
|
|
11285
|
+
_v$66 !== _p$._v$66 && className(_el$102, _p$._v$66 = _v$66);
|
|
11286
|
+
_v$67 !== _p$._v$67 && className(_el$103, _p$._v$67 = _v$67);
|
|
11287
|
+
_v$68 !== _p$._v$68 && className(_el$107, _p$._v$68 = _v$68);
|
|
11288
|
+
_v$69 !== _p$._v$69 && className(_el$111, _p$._v$69 = _v$69);
|
|
11289
|
+
_v$70 !== _p$._v$70 && ((_p$._v$70 = _v$70) != null ? _el$112.style.setProperty("padding", _v$70) : _el$112.style.removeProperty("padding"));
|
|
11290
|
+
_v$71 !== _p$._v$71 && className(_el$113, _p$._v$71 = _v$71);
|
|
11291
|
+
_v$72 !== _p$._v$72 && ((_p$._v$72 = _v$72) != null ? _el$114.style.setProperty("padding", _v$72) : _el$114.style.removeProperty("padding"));
|
|
11292
|
+
_v$73 !== _p$._v$73 && className(_el$115, _p$._v$73 = _v$73);
|
|
11293
|
+
_v$74 !== _p$._v$74 && ((_p$._v$74 = _v$74) != null ? _el$116.style.setProperty("padding", _v$74) : _el$116.style.removeProperty("padding"));
|
|
11294
|
+
_v$75 !== _p$._v$75 && className(_el$117, _p$._v$75 = _v$75);
|
|
11295
|
+
_v$76 !== _p$._v$76 && ((_p$._v$76 = _v$76) != null ? _el$118.style.setProperty("padding", _v$76) : _el$118.style.removeProperty("padding"));
|
|
11071
11296
|
return _p$;
|
|
11072
11297
|
}, {
|
|
11073
|
-
_v$64: void 0,
|
|
11074
11298
|
_v$65: void 0,
|
|
11075
11299
|
_v$66: void 0,
|
|
11076
11300
|
_v$67: void 0,
|
|
@@ -11081,9 +11305,10 @@ var MutationDetails = () => {
|
|
|
11081
11305
|
_v$72: void 0,
|
|
11082
11306
|
_v$73: void 0,
|
|
11083
11307
|
_v$74: void 0,
|
|
11084
|
-
_v$75: void 0
|
|
11308
|
+
_v$75: void 0,
|
|
11309
|
+
_v$76: void 0
|
|
11085
11310
|
});
|
|
11086
|
-
return _el$
|
|
11311
|
+
return _el$101;
|
|
11087
11312
|
}
|
|
11088
11313
|
});
|
|
11089
11314
|
};
|
|
@@ -11421,7 +11646,7 @@ var stylesFactory2 = (theme) => {
|
|
|
11421
11646
|
display: flex;
|
|
11422
11647
|
flex-direction: column;
|
|
11423
11648
|
& * {
|
|
11424
|
-
font-family:
|
|
11649
|
+
font-family: ui-sans-serif, Inter, system-ui, sans-serif, sans-serif;
|
|
11425
11650
|
}
|
|
11426
11651
|
`,
|
|
11427
11652
|
dragHandle: u`
|
|
@@ -11601,8 +11826,8 @@ var stylesFactory2 = (theme) => {
|
|
|
11601
11826
|
gap: ${tokens.size[2]};
|
|
11602
11827
|
& > button {
|
|
11603
11828
|
cursor: pointer;
|
|
11604
|
-
padding: ${tokens.size[0.5]} ${tokens.size[
|
|
11605
|
-
|
|
11829
|
+
padding: ${tokens.size[0.5]} ${tokens.size[1.5]} ${tokens.size[0.5]}
|
|
11830
|
+
${tokens.size[2]};
|
|
11606
11831
|
border-radius: ${tokens.border.radius.sm};
|
|
11607
11832
|
background-color: ${t2(colors.gray[100], colors.darkGray[400])};
|
|
11608
11833
|
border: 1px solid ${t2(colors.gray[300], colors.darkGray[200])};
|
|
@@ -11786,7 +12011,8 @@ var stylesFactory2 = (theme) => {
|
|
|
11786
12011
|
min-height: ${tokens.size[6]};
|
|
11787
12012
|
flex: 1;
|
|
11788
12013
|
padding: ${tokens.size[1]} ${tokens.size[2]};
|
|
11789
|
-
font-family:
|
|
12014
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
|
12015
|
+
'Liberation Mono', 'Courier New', monospace;
|
|
11790
12016
|
border-bottom: 1px solid ${t2(colors.gray[300], colors.darkGray[400])};
|
|
11791
12017
|
text-align: left;
|
|
11792
12018
|
text-overflow: clip;
|
|
@@ -11811,7 +12037,7 @@ var stylesFactory2 = (theme) => {
|
|
|
11811
12037
|
flex: 1 1 700px;
|
|
11812
12038
|
background-color: ${t2(colors.gray[50], colors.darkGray[700])};
|
|
11813
12039
|
color: ${t2(colors.gray[700], colors.gray[300])};
|
|
11814
|
-
font-family:
|
|
12040
|
+
font-family: ui-sans-serif, Inter, system-ui, sans-serif, sans-serif;
|
|
11815
12041
|
display: flex;
|
|
11816
12042
|
flex-direction: column;
|
|
11817
12043
|
overflow-y: auto;
|
|
@@ -11819,7 +12045,7 @@ var stylesFactory2 = (theme) => {
|
|
|
11819
12045
|
text-align: left;
|
|
11820
12046
|
`,
|
|
11821
12047
|
detailsHeader: u`
|
|
11822
|
-
font-family:
|
|
12048
|
+
font-family: ui-sans-serif, Inter, system-ui, sans-serif, sans-serif;
|
|
11823
12049
|
position: sticky;
|
|
11824
12050
|
top: 0;
|
|
11825
12051
|
z-index: 2;
|
|
@@ -11851,7 +12077,8 @@ var stylesFactory2 = (theme) => {
|
|
|
11851
12077
|
}
|
|
11852
12078
|
|
|
11853
12079
|
& code {
|
|
11854
|
-
font-family:
|
|
12080
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
|
12081
|
+
'Liberation Mono', 'Courier New', monospace;
|
|
11855
12082
|
margin: 0;
|
|
11856
12083
|
font-size: ${font.size.xs};
|
|
11857
12084
|
line-height: ${font.lineHeight.xs};
|
|
@@ -11876,7 +12103,7 @@ var stylesFactory2 = (theme) => {
|
|
|
11876
12103
|
gap: ${tokens.size[2]};
|
|
11877
12104
|
padding: 0px ${tokens.size[2]};
|
|
11878
12105
|
& > button {
|
|
11879
|
-
font-family:
|
|
12106
|
+
font-family: ui-sans-serif, Inter, system-ui, sans-serif, sans-serif;
|
|
11880
12107
|
font-size: ${font.size.xs};
|
|
11881
12108
|
padding: ${tokens.size[1]} ${tokens.size[2]};
|
|
11882
12109
|
display: flex;
|
|
@@ -11961,7 +12188,7 @@ var stylesFactory2 = (theme) => {
|
|
|
11961
12188
|
settingsMenu: u`
|
|
11962
12189
|
display: flex;
|
|
11963
12190
|
& * {
|
|
11964
|
-
font-family:
|
|
12191
|
+
font-family: ui-sans-serif, Inter, system-ui, sans-serif, sans-serif;
|
|
11965
12192
|
}
|
|
11966
12193
|
flex-direction: column;
|
|
11967
12194
|
gap: ${size2[0.5]};
|