@tanstack/query-devtools 5.21.5 → 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/{OQR5HZUS.jsx → 6EDF3GZQ.jsx} +270 -52
- package/build/Devtools/{OWP7E64P.js → NXICSXP3.js} +664 -440
- package/build/Devtools/{MY47IRH5.js → QUGYIDRL.js} +664 -440
- package/build/Devtools/{TETPQZKA.jsx → T73WTYCS.jsx} +270 -52
- package/build/dev.cjs +667 -442
- package/build/dev.js +1 -1
- package/build/dev.jsx +1 -1
- package/build/index.cjs +667 -442
- package/build/index.js +1 -1
- package/build/index.jsx +1 -1
- package/package.json +2 -2
- package/src/Devtools.tsx +355 -74
- 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/O2PITFF6.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");
|
|
@@ -9487,37 +9491,38 @@ var darkStyles = stylesFactory("dark");
|
|
|
9487
9491
|
delegateEvents(["click"]);
|
|
9488
9492
|
|
|
9489
9493
|
// src/Devtools.tsx
|
|
9490
|
-
var _tmpl$
|
|
9491
|
-
var _tmpl$
|
|
9494
|
+
var _tmpl$25 = /* @__PURE__ */ template(`<div><div aria-hidden=true></div><button aria-label="Open Tanstack query devtools"class=tsqd-open-btn>`);
|
|
9495
|
+
var _tmpl$26 = /* @__PURE__ */ template(`<div>`);
|
|
9492
9496
|
var _tmpl$33 = /* @__PURE__ */ template(`<aside aria-label="Tanstack query devtools"><div></div><button aria-label="Close tanstack query devtools">`);
|
|
9493
9497
|
var _tmpl$43 = /* @__PURE__ */ template(`<select name=tsqd-queries-filter-sort>`);
|
|
9494
9498
|
var _tmpl$53 = /* @__PURE__ */ template(`<select name=tsqd-mutations-filter-sort>`);
|
|
9495
9499
|
var _tmpl$63 = /* @__PURE__ */ template(`<span>Asc`);
|
|
9496
9500
|
var _tmpl$73 = /* @__PURE__ */ template(`<span>Desc`);
|
|
9497
|
-
var _tmpl$83 = /* @__PURE__ */ template(`<
|
|
9498
|
-
var _tmpl$93 = /* @__PURE__ */ template(`<
|
|
9499
|
-
var _tmpl$103 = /* @__PURE__ */ template(`<span>
|
|
9500
|
-
var _tmpl$113 = /* @__PURE__ */ template(`<span>
|
|
9501
|
-
var _tmpl$122 = /* @__PURE__ */ template(`<span>
|
|
9502
|
-
var _tmpl$132 = /* @__PURE__ */ template(`<span>
|
|
9503
|
-
var _tmpl$142 = /* @__PURE__ */ template(`<span>
|
|
9504
|
-
var _tmpl$152 = /* @__PURE__ */ template(`<span>
|
|
9505
|
-
var _tmpl$162 = /* @__PURE__ */ template(`<span>
|
|
9506
|
-
var _tmpl$172 = /* @__PURE__ */ template(`<span>
|
|
9507
|
-
var _tmpl$182 = /* @__PURE__ */ template(`<
|
|
9508
|
-
var _tmpl$192 = /* @__PURE__ */ template(`<div><div class=tsqd-
|
|
9509
|
-
var _tmpl$202 = /* @__PURE__ */ template(`<div><div
|
|
9510
|
-
var _tmpl$212 = /* @__PURE__ */ template(`<
|
|
9511
|
-
var _tmpl$222 = /* @__PURE__ */ template(`<
|
|
9512
|
-
var _tmpl$232 = /* @__PURE__ */ template(`<
|
|
9513
|
-
var _tmpl$242 = /* @__PURE__ */ template(`<div
|
|
9514
|
-
var _tmpl$252 = /* @__PURE__ */ template(`<
|
|
9515
|
-
var _tmpl$
|
|
9516
|
-
var _tmpl$27 = /* @__PURE__ */ template(`<button><span></span
|
|
9517
|
-
var _tmpl$28 = /* @__PURE__ */ template(`<
|
|
9518
|
-
var _tmpl$29 = /* @__PURE__ */ template(`<div><
|
|
9519
|
-
var _tmpl$30 = /* @__PURE__ */ template(`<
|
|
9520
|
-
var _tmpl$31 = /* @__PURE__ */ template(`<
|
|
9501
|
+
var _tmpl$83 = /* @__PURE__ */ template(`<button aria-label="Open in picture-in-picture mode"title="Open in picture-in-picture mode">`);
|
|
9502
|
+
var _tmpl$93 = /* @__PURE__ */ template(`<div>Settings`);
|
|
9503
|
+
var _tmpl$103 = /* @__PURE__ */ template(`<span>Position`);
|
|
9504
|
+
var _tmpl$113 = /* @__PURE__ */ template(`<span>Top`);
|
|
9505
|
+
var _tmpl$122 = /* @__PURE__ */ template(`<span>Bottom`);
|
|
9506
|
+
var _tmpl$132 = /* @__PURE__ */ template(`<span>Left`);
|
|
9507
|
+
var _tmpl$142 = /* @__PURE__ */ template(`<span>Right`);
|
|
9508
|
+
var _tmpl$152 = /* @__PURE__ */ template(`<span>Theme`);
|
|
9509
|
+
var _tmpl$162 = /* @__PURE__ */ template(`<span>Light`);
|
|
9510
|
+
var _tmpl$172 = /* @__PURE__ */ template(`<span>Dark`);
|
|
9511
|
+
var _tmpl$182 = /* @__PURE__ */ template(`<span>System`);
|
|
9512
|
+
var _tmpl$192 = /* @__PURE__ */ template(`<div><div class=tsqd-queries-container>`);
|
|
9513
|
+
var _tmpl$202 = /* @__PURE__ */ template(`<div><div class=tsqd-mutations-container>`);
|
|
9514
|
+
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>`);
|
|
9515
|
+
var _tmpl$222 = /* @__PURE__ */ template(`<option>Sort by `);
|
|
9516
|
+
var _tmpl$232 = /* @__PURE__ */ template(`<div class=tsqd-query-disabled-indicator>disabled`);
|
|
9517
|
+
var _tmpl$242 = /* @__PURE__ */ template(`<button><div></div><code class=tsqd-query-hash>`);
|
|
9518
|
+
var _tmpl$252 = /* @__PURE__ */ template(`<div role=tooltip id=tsqd-status-tooltip>`);
|
|
9519
|
+
var _tmpl$262 = /* @__PURE__ */ template(`<span>`);
|
|
9520
|
+
var _tmpl$27 = /* @__PURE__ */ template(`<button><span></span><span>`);
|
|
9521
|
+
var _tmpl$28 = /* @__PURE__ */ template(`<button><span></span> Error`);
|
|
9522
|
+
var _tmpl$29 = /* @__PURE__ */ template(`<div><span></span>Trigger Error<select><option value=""disabled selected>`);
|
|
9523
|
+
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">`);
|
|
9524
|
+
var _tmpl$31 = /* @__PURE__ */ template(`<option>`);
|
|
9525
|
+
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">`);
|
|
9521
9526
|
var firstBreakpoint = 1024;
|
|
9522
9527
|
var secondBreakpoint = 796;
|
|
9523
9528
|
var thirdBreakpoint = 700;
|
|
@@ -9533,6 +9538,112 @@ var DEFAULT_MUTATION_SORT_FN_NAME = Object.keys(mutationSortFns)[0];
|
|
|
9533
9538
|
var [selectedQueryHash, setSelectedQueryHash] = createSignal(null);
|
|
9534
9539
|
var [selectedMutationId, setSelectedMutationId] = createSignal(null);
|
|
9535
9540
|
var [panelWidth, setPanelWidth] = createSignal(0);
|
|
9541
|
+
var PiPContext = createContext(void 0);
|
|
9542
|
+
var PiPProvider = (props) => {
|
|
9543
|
+
const [pipWindow, setPipWindow] = createSignal(null);
|
|
9544
|
+
const closePipWindow = () => {
|
|
9545
|
+
const w = pipWindow();
|
|
9546
|
+
if (w != null) {
|
|
9547
|
+
w.close();
|
|
9548
|
+
setPipWindow(null);
|
|
9549
|
+
}
|
|
9550
|
+
};
|
|
9551
|
+
const requestPipWindow = async (width, height) => {
|
|
9552
|
+
if (pipWindow() != null) {
|
|
9553
|
+
return;
|
|
9554
|
+
}
|
|
9555
|
+
const pip = window.open("", "", `width=${width},height=${height},popup`);
|
|
9556
|
+
if (!pip) {
|
|
9557
|
+
throw new Error("Failed to open popup. Please allow popups for this site to view the devtools in picture-in-picture mode.");
|
|
9558
|
+
}
|
|
9559
|
+
pip.document.title = "TanStack Query Devtools";
|
|
9560
|
+
pip.document.body.style.margin = "0";
|
|
9561
|
+
pip.addEventListener("pagehide", () => {
|
|
9562
|
+
setPipWindow(null);
|
|
9563
|
+
});
|
|
9564
|
+
[...document.styleSheets].forEach((styleSheet) => {
|
|
9565
|
+
try {
|
|
9566
|
+
const cssRules = [...styleSheet.cssRules].map((rule) => rule.cssText).join("");
|
|
9567
|
+
const style2 = document.createElement("style");
|
|
9568
|
+
const style_node = styleSheet.ownerNode;
|
|
9569
|
+
let style_id = "";
|
|
9570
|
+
if (style_node && "id" in style_node) {
|
|
9571
|
+
style_id = style_node.id;
|
|
9572
|
+
}
|
|
9573
|
+
if (style_id) {
|
|
9574
|
+
style2.setAttribute("id", style_id);
|
|
9575
|
+
}
|
|
9576
|
+
style2.textContent = cssRules;
|
|
9577
|
+
pip.document.head.appendChild(style2);
|
|
9578
|
+
} catch (e2) {
|
|
9579
|
+
const link = document.createElement("link");
|
|
9580
|
+
if (styleSheet.href == null) {
|
|
9581
|
+
return;
|
|
9582
|
+
}
|
|
9583
|
+
link.rel = "stylesheet";
|
|
9584
|
+
link.type = styleSheet.type;
|
|
9585
|
+
link.media = styleSheet.media.toString();
|
|
9586
|
+
link.href = styleSheet.href;
|
|
9587
|
+
pip.document.head.appendChild(link);
|
|
9588
|
+
}
|
|
9589
|
+
});
|
|
9590
|
+
delegateEvents(["focusin", "focusout", "pointermove", "keydown", "pointerdown", "pointerup", "click", "mousedown", "input"], pip.document);
|
|
9591
|
+
setPipWindow(pip);
|
|
9592
|
+
};
|
|
9593
|
+
createEffect(() => {
|
|
9594
|
+
const closePipWindowOnUnload = () => {
|
|
9595
|
+
closePipWindow();
|
|
9596
|
+
};
|
|
9597
|
+
window.addEventListener("beforeunload", closePipWindowOnUnload);
|
|
9598
|
+
onCleanup(() => {
|
|
9599
|
+
window.removeEventListener("beforeunload", closePipWindowOnUnload);
|
|
9600
|
+
});
|
|
9601
|
+
});
|
|
9602
|
+
createEffect(() => {
|
|
9603
|
+
const gooberStyles = document.getElementById("_goober");
|
|
9604
|
+
const w = pipWindow();
|
|
9605
|
+
if (gooberStyles && w) {
|
|
9606
|
+
const observer = new MutationObserver(() => {
|
|
9607
|
+
const pip_style = w.document.getElementById("_goober");
|
|
9608
|
+
if (pip_style) {
|
|
9609
|
+
pip_style.textContent = gooberStyles.textContent;
|
|
9610
|
+
}
|
|
9611
|
+
});
|
|
9612
|
+
observer.observe(gooberStyles, {
|
|
9613
|
+
childList: true,
|
|
9614
|
+
// observe direct children
|
|
9615
|
+
subtree: true,
|
|
9616
|
+
// and lower descendants too
|
|
9617
|
+
characterDataOldValue: true
|
|
9618
|
+
// pass old data to callback
|
|
9619
|
+
});
|
|
9620
|
+
onCleanup(() => {
|
|
9621
|
+
observer.disconnect();
|
|
9622
|
+
});
|
|
9623
|
+
}
|
|
9624
|
+
});
|
|
9625
|
+
const value = createMemo(() => ({
|
|
9626
|
+
pipWindow: pipWindow(),
|
|
9627
|
+
requestPipWindow,
|
|
9628
|
+
closePipWindow
|
|
9629
|
+
}));
|
|
9630
|
+
return createComponent(PiPContext.Provider, {
|
|
9631
|
+
value,
|
|
9632
|
+
get children() {
|
|
9633
|
+
return props.children;
|
|
9634
|
+
}
|
|
9635
|
+
});
|
|
9636
|
+
};
|
|
9637
|
+
var usePiPWindow = () => {
|
|
9638
|
+
const context = createMemo(() => {
|
|
9639
|
+
const ctx = useContext(PiPContext);
|
|
9640
|
+
if (!ctx) {
|
|
9641
|
+
throw new Error("usePiPWindow must be used within a PiPProvider");
|
|
9642
|
+
}
|
|
9643
|
+
return ctx();
|
|
9644
|
+
});
|
|
9645
|
+
return context;
|
|
9646
|
+
};
|
|
9536
9647
|
var DevtoolsComponent = (props) => {
|
|
9537
9648
|
const [localStore, setLocalStore] = createLocalStorage({
|
|
9538
9649
|
prefix: "TanstackQueryDevtools"
|
|
@@ -9547,12 +9658,16 @@ var DevtoolsComponent = (props) => {
|
|
|
9547
9658
|
return createComponent(QueryDevtoolsContext.Provider, {
|
|
9548
9659
|
value: props,
|
|
9549
9660
|
get children() {
|
|
9550
|
-
return createComponent(
|
|
9551
|
-
value: theme,
|
|
9661
|
+
return createComponent(PiPProvider, {
|
|
9552
9662
|
get children() {
|
|
9553
|
-
return createComponent(
|
|
9554
|
-
|
|
9555
|
-
|
|
9663
|
+
return createComponent(ThemeContext.Provider, {
|
|
9664
|
+
value: theme,
|
|
9665
|
+
get children() {
|
|
9666
|
+
return createComponent(Devtools, {
|
|
9667
|
+
localStore,
|
|
9668
|
+
setLocalStore
|
|
9669
|
+
});
|
|
9670
|
+
}
|
|
9556
9671
|
});
|
|
9557
9672
|
}
|
|
9558
9673
|
});
|
|
@@ -9565,6 +9680,7 @@ var Devtools = (props) => {
|
|
|
9565
9680
|
const styles = createMemo(() => {
|
|
9566
9681
|
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
9567
9682
|
});
|
|
9683
|
+
const pip = usePiPWindow();
|
|
9568
9684
|
const buttonPosition = createMemo(() => {
|
|
9569
9685
|
return useQueryDevtoolsContext().buttonPosition || BUTTON_POSITION;
|
|
9570
9686
|
});
|
|
@@ -9595,8 +9711,33 @@ var Devtools = (props) => {
|
|
|
9595
9711
|
window.removeEventListener("focus", onFocus);
|
|
9596
9712
|
});
|
|
9597
9713
|
});
|
|
9598
|
-
return (
|
|
9599
|
-
|
|
9714
|
+
return [createComponent(Show, {
|
|
9715
|
+
get when() {
|
|
9716
|
+
return pip().pipWindow;
|
|
9717
|
+
},
|
|
9718
|
+
get children() {
|
|
9719
|
+
return createComponent(Portal, {
|
|
9720
|
+
get mount() {
|
|
9721
|
+
return pip().pipWindow?.document.body;
|
|
9722
|
+
},
|
|
9723
|
+
get children() {
|
|
9724
|
+
return createComponent(PiPPanel, {
|
|
9725
|
+
get children() {
|
|
9726
|
+
return createComponent(ContentView, {
|
|
9727
|
+
get localStore() {
|
|
9728
|
+
return props.localStore;
|
|
9729
|
+
},
|
|
9730
|
+
get setLocalStore() {
|
|
9731
|
+
return props.setLocalStore;
|
|
9732
|
+
}
|
|
9733
|
+
});
|
|
9734
|
+
}
|
|
9735
|
+
});
|
|
9736
|
+
}
|
|
9737
|
+
});
|
|
9738
|
+
}
|
|
9739
|
+
}), (() => {
|
|
9740
|
+
const _el$ = _tmpl$26();
|
|
9600
9741
|
const _ref$ = transitionsContainerRef;
|
|
9601
9742
|
typeof _ref$ === "function" ? use(_ref$, _el$) : transitionsContainerRef = _el$;
|
|
9602
9743
|
insert(_el$, createComponent(TransitionGroup, {
|
|
@@ -9604,7 +9745,7 @@ var Devtools = (props) => {
|
|
|
9604
9745
|
get children() {
|
|
9605
9746
|
return createComponent(Show, {
|
|
9606
9747
|
get when() {
|
|
9607
|
-
return isOpen();
|
|
9748
|
+
return createMemo(() => !!isOpen())() && !pip().pipWindow;
|
|
9608
9749
|
},
|
|
9609
9750
|
get children() {
|
|
9610
9751
|
return createComponent(DevtoolsPanel, {
|
|
@@ -9627,7 +9768,7 @@ var Devtools = (props) => {
|
|
|
9627
9768
|
return !isOpen();
|
|
9628
9769
|
},
|
|
9629
9770
|
get children() {
|
|
9630
|
-
const _el$2 = _tmpl$
|
|
9771
|
+
const _el$2 = _tmpl$25(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
|
|
9631
9772
|
insert(_el$3, createComponent(TanstackLogo, {}));
|
|
9632
9773
|
_el$4.$$click = () => props.setLocalStore("open", "true");
|
|
9633
9774
|
insert(_el$4, createComponent(TanstackLogo, {}));
|
|
@@ -9638,33 +9779,86 @@ var Devtools = (props) => {
|
|
|
9638
9779
|
}
|
|
9639
9780
|
}), null);
|
|
9640
9781
|
createRenderEffect(() => className(_el$, clsx(u`
|
|
9641
|
-
|
|
9642
|
-
|
|
9643
|
-
|
|
9644
|
-
|
|
9645
|
-
|
|
9646
|
-
|
|
9782
|
+
& .tsqd-panel-transition-exit-active,
|
|
9783
|
+
& .tsqd-panel-transition-enter-active {
|
|
9784
|
+
transition:
|
|
9785
|
+
opacity 0.3s,
|
|
9786
|
+
transform 0.3s;
|
|
9787
|
+
}
|
|
9647
9788
|
|
|
9648
|
-
|
|
9649
|
-
|
|
9650
|
-
|
|
9651
|
-
|
|
9789
|
+
& .tsqd-panel-transition-exit-to,
|
|
9790
|
+
& .tsqd-panel-transition-enter {
|
|
9791
|
+
${position() === "top" || position() === "bottom" ? `transform: translateY(var(--tsqd-panel-height));` : `transform: translateX(var(--tsqd-panel-width));`}
|
|
9792
|
+
}
|
|
9652
9793
|
|
|
9653
|
-
|
|
9654
|
-
|
|
9655
|
-
|
|
9656
|
-
|
|
9657
|
-
|
|
9658
|
-
|
|
9659
|
-
|
|
9794
|
+
& .tsqd-button-transition-exit-active,
|
|
9795
|
+
& .tsqd-button-transition-enter-active {
|
|
9796
|
+
transition:
|
|
9797
|
+
opacity 0.3s,
|
|
9798
|
+
transform 0.3s;
|
|
9799
|
+
opacity: 1;
|
|
9800
|
+
}
|
|
9660
9801
|
|
|
9661
|
-
|
|
9662
|
-
|
|
9663
|
-
|
|
9664
|
-
|
|
9665
|
-
|
|
9666
|
-
|
|
9802
|
+
& .tsqd-button-transition-exit-to,
|
|
9803
|
+
& .tsqd-button-transition-enter {
|
|
9804
|
+
transform: ${buttonPosition() === "relative" ? `none;` : buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
|
|
9805
|
+
opacity: 0;
|
|
9806
|
+
}
|
|
9807
|
+
`, "tsqd-transitions-container")));
|
|
9667
9808
|
return _el$;
|
|
9809
|
+
})()];
|
|
9810
|
+
};
|
|
9811
|
+
var PiPPanel = (props) => {
|
|
9812
|
+
const pip = usePiPWindow();
|
|
9813
|
+
const theme = useTheme();
|
|
9814
|
+
const styles = createMemo(() => {
|
|
9815
|
+
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
9816
|
+
});
|
|
9817
|
+
const getPanelDynamicStyles = () => {
|
|
9818
|
+
const {
|
|
9819
|
+
colors
|
|
9820
|
+
} = tokens;
|
|
9821
|
+
const t2 = (light, dark) => theme() === "dark" ? dark : light;
|
|
9822
|
+
if (panelWidth() < secondBreakpoint) {
|
|
9823
|
+
return u`
|
|
9824
|
+
flex-direction: column;
|
|
9825
|
+
background-color: ${t2(colors.gray[300], colors.gray[600])};
|
|
9826
|
+
`;
|
|
9827
|
+
}
|
|
9828
|
+
return u`
|
|
9829
|
+
flex-direction: row;
|
|
9830
|
+
background-color: ${t2(colors.gray[200], colors.darkGray[900])};
|
|
9831
|
+
`;
|
|
9832
|
+
};
|
|
9833
|
+
createEffect(() => {
|
|
9834
|
+
const win = pip().pipWindow;
|
|
9835
|
+
const resizeCB = () => {
|
|
9836
|
+
if (!win)
|
|
9837
|
+
return;
|
|
9838
|
+
setPanelWidth(win.innerWidth);
|
|
9839
|
+
};
|
|
9840
|
+
if (win) {
|
|
9841
|
+
win.addEventListener("resize", resizeCB);
|
|
9842
|
+
}
|
|
9843
|
+
onCleanup(() => {
|
|
9844
|
+
if (win) {
|
|
9845
|
+
win.removeEventListener("resize", resizeCB);
|
|
9846
|
+
}
|
|
9847
|
+
});
|
|
9848
|
+
});
|
|
9849
|
+
return (() => {
|
|
9850
|
+
const _el$5 = _tmpl$26();
|
|
9851
|
+
_el$5.style.setProperty("--tsqd-font-size", "16px");
|
|
9852
|
+
_el$5.style.setProperty("max-height", "100vh");
|
|
9853
|
+
_el$5.style.setProperty("height", "100vh");
|
|
9854
|
+
_el$5.style.setProperty("width", "100vw");
|
|
9855
|
+
insert(_el$5, () => props.children);
|
|
9856
|
+
createRenderEffect(() => className(_el$5, clsx(styles().panel, getPanelDynamicStyles(), {
|
|
9857
|
+
[u`
|
|
9858
|
+
min-width: min-content;
|
|
9859
|
+
`]: panelWidth() < thirdBreakpoint
|
|
9860
|
+
}, "tsqd-main-panel")));
|
|
9861
|
+
return _el$5;
|
|
9668
9862
|
})();
|
|
9669
9863
|
};
|
|
9670
9864
|
var DevtoolsPanel = (props) => {
|
|
@@ -9775,13 +9969,13 @@ var DevtoolsPanel = (props) => {
|
|
|
9775
9969
|
`;
|
|
9776
9970
|
};
|
|
9777
9971
|
return (() => {
|
|
9778
|
-
const _el$
|
|
9972
|
+
const _el$6 = _tmpl$33(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
|
|
9779
9973
|
const _ref$2 = panelRef;
|
|
9780
|
-
typeof _ref$2 === "function" ? use(_ref$2, _el$
|
|
9781
|
-
_el$
|
|
9782
|
-
_el$
|
|
9783
|
-
insert(_el$
|
|
9784
|
-
insert(_el$
|
|
9974
|
+
typeof _ref$2 === "function" ? use(_ref$2, _el$6) : panelRef = _el$6;
|
|
9975
|
+
_el$7.$$mousedown = handleDragStart;
|
|
9976
|
+
_el$8.$$click = () => props.setLocalStore("open", "false");
|
|
9977
|
+
insert(_el$8, createComponent(ChevronDown, {}));
|
|
9978
|
+
insert(_el$6, createComponent(ContentView, {
|
|
9785
9979
|
get localStore() {
|
|
9786
9980
|
return props.localStore;
|
|
9787
9981
|
},
|
|
@@ -9795,11 +9989,11 @@ var DevtoolsPanel = (props) => {
|
|
|
9795
9989
|
min-width: min-content;
|
|
9796
9990
|
`]: panelWidth() < thirdBreakpoint && (position() === "right" || position() === "left")
|
|
9797
9991
|
}, "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");
|
|
9798
|
-
_v$ !== _p$._v$ && className(_el$
|
|
9799
|
-
_v$2 !== _p$._v$2 && ((_p$._v$2 = _v$2) != null ? _el$
|
|
9800
|
-
_v$3 !== _p$._v$3 && ((_p$._v$3 = _v$3) != null ? _el$
|
|
9801
|
-
_v$4 !== _p$._v$4 && className(_el$
|
|
9802
|
-
_v$5 !== _p$._v$5 && className(_el$
|
|
9992
|
+
_v$ !== _p$._v$ && className(_el$6, _p$._v$ = _v$);
|
|
9993
|
+
_v$2 !== _p$._v$2 && ((_p$._v$2 = _v$2) != null ? _el$6.style.setProperty("height", _v$2) : _el$6.style.removeProperty("height"));
|
|
9994
|
+
_v$3 !== _p$._v$3 && ((_p$._v$3 = _v$3) != null ? _el$6.style.setProperty("width", _v$3) : _el$6.style.removeProperty("width"));
|
|
9995
|
+
_v$4 !== _p$._v$4 && className(_el$7, _p$._v$4 = _v$4);
|
|
9996
|
+
_v$5 !== _p$._v$5 && className(_el$8, _p$._v$5 = _v$5);
|
|
9803
9997
|
return _p$;
|
|
9804
9998
|
}, {
|
|
9805
9999
|
_v$: void 0,
|
|
@@ -9808,7 +10002,7 @@ var DevtoolsPanel = (props) => {
|
|
|
9808
10002
|
_v$4: void 0,
|
|
9809
10003
|
_v$5: void 0
|
|
9810
10004
|
});
|
|
9811
|
-
return _el$
|
|
10005
|
+
return _el$6;
|
|
9812
10006
|
})();
|
|
9813
10007
|
};
|
|
9814
10008
|
var ContentView = (props) => {
|
|
@@ -9819,6 +10013,7 @@ var ContentView = (props) => {
|
|
|
9819
10013
|
const styles = createMemo(() => {
|
|
9820
10014
|
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
9821
10015
|
});
|
|
10016
|
+
const pip = usePiPWindow();
|
|
9822
10017
|
const [selectedView, setSelectedView] = createSignal("queries");
|
|
9823
10018
|
const sort = createMemo(() => props.localStore.sort || DEFAULT_SORT_FN_NAME);
|
|
9824
10019
|
const sortOrder = createMemo(() => Number(props.localStore.sortOrder) || DEFAULT_SORT_ORDER);
|
|
@@ -9864,13 +10059,17 @@ var ContentView = (props) => {
|
|
|
9864
10059
|
el.style.setProperty("--tsqd-font-size", variable);
|
|
9865
10060
|
};
|
|
9866
10061
|
return [(() => {
|
|
9867
|
-
const _el$
|
|
10062
|
+
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;
|
|
9868
10063
|
const _ref$3 = containerRef;
|
|
9869
|
-
typeof _ref$3 === "function" ? use(_ref$3, _el$
|
|
9870
|
-
_el$
|
|
9871
|
-
|
|
9872
|
-
|
|
9873
|
-
|
|
10064
|
+
typeof _ref$3 === "function" ? use(_ref$3, _el$9) : containerRef = _el$9;
|
|
10065
|
+
_el$12.$$click = () => {
|
|
10066
|
+
if (!pip().pipWindow) {
|
|
10067
|
+
props.setLocalStore("open", "false");
|
|
10068
|
+
}
|
|
10069
|
+
};
|
|
10070
|
+
insert(_el$14, () => useQueryDevtoolsContext().queryFlavor, _el$15);
|
|
10071
|
+
insert(_el$14, () => useQueryDevtoolsContext().version, null);
|
|
10072
|
+
insert(_el$11, createComponent(index$9.Root, {
|
|
9874
10073
|
get ["class"]() {
|
|
9875
10074
|
return clsx(styles().viewToggle);
|
|
9876
10075
|
},
|
|
@@ -9912,7 +10111,7 @@ var ContentView = (props) => {
|
|
|
9912
10111
|
})];
|
|
9913
10112
|
}
|
|
9914
10113
|
}), null);
|
|
9915
|
-
insert(_el$
|
|
10114
|
+
insert(_el$10, createComponent(Show, {
|
|
9916
10115
|
get when() {
|
|
9917
10116
|
return selectedView() === "queries";
|
|
9918
10117
|
},
|
|
@@ -9920,7 +10119,7 @@ var ContentView = (props) => {
|
|
|
9920
10119
|
return createComponent(QueryStatusCount, {});
|
|
9921
10120
|
}
|
|
9922
10121
|
}), null);
|
|
9923
|
-
insert(_el$
|
|
10122
|
+
insert(_el$10, createComponent(Show, {
|
|
9924
10123
|
get when() {
|
|
9925
10124
|
return selectedView() === "mutations";
|
|
9926
10125
|
},
|
|
@@ -9928,61 +10127,61 @@ var ContentView = (props) => {
|
|
|
9928
10127
|
return createComponent(MutationStatusCount, {});
|
|
9929
10128
|
}
|
|
9930
10129
|
}), null);
|
|
9931
|
-
insert(_el$
|
|
9932
|
-
_el$
|
|
10130
|
+
insert(_el$18, createComponent(Search, {}), _el$19);
|
|
10131
|
+
_el$19.$$input = (e2) => {
|
|
9933
10132
|
if (selectedView() === "queries") {
|
|
9934
10133
|
props.setLocalStore("filter", e2.currentTarget.value);
|
|
9935
10134
|
} else {
|
|
9936
10135
|
props.setLocalStore("mutationFilter", e2.currentTarget.value);
|
|
9937
10136
|
}
|
|
9938
10137
|
};
|
|
9939
|
-
insert(_el$
|
|
10138
|
+
insert(_el$20, createComponent(Show, {
|
|
9940
10139
|
get when() {
|
|
9941
10140
|
return selectedView() === "queries";
|
|
9942
10141
|
},
|
|
9943
10142
|
get children() {
|
|
9944
|
-
const _el$
|
|
9945
|
-
_el$
|
|
10143
|
+
const _el$21 = _tmpl$43();
|
|
10144
|
+
_el$21.addEventListener("change", (e2) => {
|
|
9946
10145
|
props.setLocalStore("sort", e2.currentTarget.value);
|
|
9947
10146
|
});
|
|
9948
|
-
insert(_el$
|
|
9949
|
-
const _el$
|
|
9950
|
-
_el$
|
|
9951
|
-
insert(_el$
|
|
9952
|
-
return _el$
|
|
10147
|
+
insert(_el$21, () => Object.keys(sortFns).map((key) => (() => {
|
|
10148
|
+
const _el$44 = _tmpl$222(); _el$44.firstChild;
|
|
10149
|
+
_el$44.value = key;
|
|
10150
|
+
insert(_el$44, key, null);
|
|
10151
|
+
return _el$44;
|
|
9953
10152
|
})()));
|
|
9954
|
-
createRenderEffect(() => _el$
|
|
9955
|
-
return _el$
|
|
10153
|
+
createRenderEffect(() => _el$21.value = sort());
|
|
10154
|
+
return _el$21;
|
|
9956
10155
|
}
|
|
9957
10156
|
}), null);
|
|
9958
|
-
insert(_el$
|
|
10157
|
+
insert(_el$20, createComponent(Show, {
|
|
9959
10158
|
get when() {
|
|
9960
10159
|
return selectedView() === "mutations";
|
|
9961
10160
|
},
|
|
9962
10161
|
get children() {
|
|
9963
|
-
const _el$
|
|
9964
|
-
_el$
|
|
10162
|
+
const _el$22 = _tmpl$53();
|
|
10163
|
+
_el$22.addEventListener("change", (e2) => {
|
|
9965
10164
|
props.setLocalStore("mutationSort", e2.currentTarget.value);
|
|
9966
10165
|
});
|
|
9967
|
-
insert(_el$
|
|
9968
|
-
const _el$
|
|
9969
|
-
_el$
|
|
9970
|
-
insert(_el$
|
|
9971
|
-
return _el$
|
|
10166
|
+
insert(_el$22, () => Object.keys(mutationSortFns).map((key) => (() => {
|
|
10167
|
+
const _el$46 = _tmpl$222(); _el$46.firstChild;
|
|
10168
|
+
_el$46.value = key;
|
|
10169
|
+
insert(_el$46, key, null);
|
|
10170
|
+
return _el$46;
|
|
9972
10171
|
})()));
|
|
9973
|
-
createRenderEffect(() => _el$
|
|
9974
|
-
return _el$
|
|
10172
|
+
createRenderEffect(() => _el$22.value = mutationSort());
|
|
10173
|
+
return _el$22;
|
|
9975
10174
|
}
|
|
9976
10175
|
}), null);
|
|
9977
|
-
insert(_el$
|
|
9978
|
-
_el$
|
|
10176
|
+
insert(_el$20, createComponent(ChevronDown, {}), null);
|
|
10177
|
+
_el$23.$$click = () => {
|
|
9979
10178
|
if (selectedView() === "queries") {
|
|
9980
10179
|
props.setLocalStore("sortOrder", String(sortOrder() * -1));
|
|
9981
10180
|
} else {
|
|
9982
10181
|
props.setLocalStore("mutationSortOrder", String(mutationSortOrder() * -1));
|
|
9983
10182
|
}
|
|
9984
10183
|
};
|
|
9985
|
-
insert(_el$
|
|
10184
|
+
insert(_el$23, createComponent(Show, {
|
|
9986
10185
|
get when() {
|
|
9987
10186
|
return (selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === 1;
|
|
9988
10187
|
},
|
|
@@ -9990,7 +10189,7 @@ var ContentView = (props) => {
|
|
|
9990
10189
|
return [_tmpl$63(), createComponent(ArrowUp, {})];
|
|
9991
10190
|
}
|
|
9992
10191
|
}), null);
|
|
9993
|
-
insert(_el$
|
|
10192
|
+
insert(_el$23, createComponent(Show, {
|
|
9994
10193
|
get when() {
|
|
9995
10194
|
return (selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === -1;
|
|
9996
10195
|
},
|
|
@@ -9998,15 +10197,15 @@ var ContentView = (props) => {
|
|
|
9998
10197
|
return [_tmpl$73(), createComponent(ArrowDown, {})];
|
|
9999
10198
|
}
|
|
10000
10199
|
}), null);
|
|
10001
|
-
_el$
|
|
10200
|
+
_el$27.$$click = () => {
|
|
10002
10201
|
if (selectedView() === "queries") {
|
|
10003
10202
|
query_cache().clear();
|
|
10004
10203
|
} else {
|
|
10005
10204
|
mutation_cache().clear();
|
|
10006
10205
|
}
|
|
10007
10206
|
};
|
|
10008
|
-
insert(_el$
|
|
10009
|
-
_el$
|
|
10207
|
+
insert(_el$27, createComponent(Trash, {}));
|
|
10208
|
+
_el$28.$$click = () => {
|
|
10010
10209
|
if (offline()) {
|
|
10011
10210
|
onlineManager().setOnline(true);
|
|
10012
10211
|
setOffline(false);
|
|
@@ -10015,11 +10214,25 @@ var ContentView = (props) => {
|
|
|
10015
10214
|
setOffline(true);
|
|
10016
10215
|
}
|
|
10017
10216
|
};
|
|
10018
|
-
insert(_el$
|
|
10217
|
+
insert(_el$28, (() => {
|
|
10019
10218
|
const _c$ = createMemo(() => !!offline());
|
|
10020
10219
|
return () => _c$() ? createComponent(Offline, {}) : createComponent(Wifi, {});
|
|
10021
10220
|
})());
|
|
10022
|
-
insert(_el$
|
|
10221
|
+
insert(_el$26, createComponent(Show, {
|
|
10222
|
+
get when() {
|
|
10223
|
+
return !pip().pipWindow;
|
|
10224
|
+
},
|
|
10225
|
+
get children() {
|
|
10226
|
+
const _el$29 = _tmpl$83();
|
|
10227
|
+
_el$29.$$click = () => {
|
|
10228
|
+
pip().requestPipWindow(Number(window.innerWidth), Number(props.localStore.height ?? 500));
|
|
10229
|
+
};
|
|
10230
|
+
insert(_el$29, createComponent(PiPIcon, {}));
|
|
10231
|
+
createRenderEffect(() => className(_el$29, clsx(styles().actionsBtn, "tsqd-actions-btn", "tsqd-action-open-pip")));
|
|
10232
|
+
return _el$29;
|
|
10233
|
+
}
|
|
10234
|
+
}), null);
|
|
10235
|
+
insert(_el$26, createComponent(index$f.Root, {
|
|
10023
10236
|
gutter: 4,
|
|
10024
10237
|
get children() {
|
|
10025
10238
|
return [createComponent(index$f.Trigger, {
|
|
@@ -10031,6 +10244,9 @@ var ContentView = (props) => {
|
|
|
10031
10244
|
}
|
|
10032
10245
|
}), createComponent(index$f.Portal, {
|
|
10033
10246
|
ref: (el) => setComputedVariables(el),
|
|
10247
|
+
get mount() {
|
|
10248
|
+
return createMemo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
|
|
10249
|
+
},
|
|
10034
10250
|
get children() {
|
|
10035
10251
|
return createComponent(index$f.Content, {
|
|
10036
10252
|
get ["class"]() {
|
|
@@ -10038,9 +10254,9 @@ var ContentView = (props) => {
|
|
|
10038
10254
|
},
|
|
10039
10255
|
get children() {
|
|
10040
10256
|
return [(() => {
|
|
10041
|
-
const _el$
|
|
10042
|
-
createRenderEffect(() => className(_el$
|
|
10043
|
-
return _el$
|
|
10257
|
+
const _el$30 = _tmpl$93();
|
|
10258
|
+
createRenderEffect(() => className(_el$30, clsx(styles().settingsMenuHeader, "tsqd-settings-menu-header")));
|
|
10259
|
+
return _el$30;
|
|
10044
10260
|
})(), createComponent(index$f.Sub, {
|
|
10045
10261
|
overlap: true,
|
|
10046
10262
|
gutter: 8,
|
|
@@ -10051,10 +10267,13 @@ var ContentView = (props) => {
|
|
|
10051
10267
|
return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
|
|
10052
10268
|
},
|
|
10053
10269
|
get children() {
|
|
10054
|
-
return [_tmpl$
|
|
10270
|
+
return [_tmpl$103(), createComponent(ChevronDown, {})];
|
|
10055
10271
|
}
|
|
10056
10272
|
}), createComponent(index$f.Portal, {
|
|
10057
10273
|
ref: (el) => setComputedVariables(el),
|
|
10274
|
+
get mount() {
|
|
10275
|
+
return createMemo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
|
|
10276
|
+
},
|
|
10058
10277
|
get children() {
|
|
10059
10278
|
return createComponent(index$f.SubContent, {
|
|
10060
10279
|
get ["class"]() {
|
|
@@ -10070,7 +10289,7 @@ var ContentView = (props) => {
|
|
|
10070
10289
|
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
|
|
10071
10290
|
},
|
|
10072
10291
|
get children() {
|
|
10073
|
-
return [_tmpl$
|
|
10292
|
+
return [_tmpl$113(), createComponent(ArrowUp, {})];
|
|
10074
10293
|
}
|
|
10075
10294
|
}), createComponent(index$f.Item, {
|
|
10076
10295
|
onSelect: () => {
|
|
@@ -10081,7 +10300,7 @@ var ContentView = (props) => {
|
|
|
10081
10300
|
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
|
|
10082
10301
|
},
|
|
10083
10302
|
get children() {
|
|
10084
|
-
return [_tmpl$
|
|
10303
|
+
return [_tmpl$122(), createComponent(ArrowDown, {})];
|
|
10085
10304
|
}
|
|
10086
10305
|
}), createComponent(index$f.Item, {
|
|
10087
10306
|
onSelect: () => {
|
|
@@ -10092,7 +10311,7 @@ var ContentView = (props) => {
|
|
|
10092
10311
|
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
|
|
10093
10312
|
},
|
|
10094
10313
|
get children() {
|
|
10095
|
-
return [_tmpl$
|
|
10314
|
+
return [_tmpl$132(), createComponent(ArrowLeft, {})];
|
|
10096
10315
|
}
|
|
10097
10316
|
}), createComponent(index$f.Item, {
|
|
10098
10317
|
onSelect: () => {
|
|
@@ -10103,7 +10322,7 @@ var ContentView = (props) => {
|
|
|
10103
10322
|
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-right");
|
|
10104
10323
|
},
|
|
10105
10324
|
get children() {
|
|
10106
|
-
return [_tmpl$
|
|
10325
|
+
return [_tmpl$142(), createComponent(ArrowRight, {})];
|
|
10107
10326
|
}
|
|
10108
10327
|
})];
|
|
10109
10328
|
}
|
|
@@ -10121,10 +10340,13 @@ var ContentView = (props) => {
|
|
|
10121
10340
|
return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
|
|
10122
10341
|
},
|
|
10123
10342
|
get children() {
|
|
10124
|
-
return [_tmpl$
|
|
10343
|
+
return [_tmpl$152(), createComponent(ChevronDown, {})];
|
|
10125
10344
|
}
|
|
10126
10345
|
}), createComponent(index$f.Portal, {
|
|
10127
10346
|
ref: (el) => setComputedVariables(el),
|
|
10347
|
+
get mount() {
|
|
10348
|
+
return createMemo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
|
|
10349
|
+
},
|
|
10128
10350
|
get children() {
|
|
10129
10351
|
return createComponent(index$f.SubContent, {
|
|
10130
10352
|
get ["class"]() {
|
|
@@ -10140,7 +10362,7 @@ var ContentView = (props) => {
|
|
|
10140
10362
|
return clsx(styles().settingsSubButton, props.localStore.theme_preference === "light" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
|
|
10141
10363
|
},
|
|
10142
10364
|
get children() {
|
|
10143
|
-
return [_tmpl$
|
|
10365
|
+
return [_tmpl$162(), createComponent(Sun, {})];
|
|
10144
10366
|
}
|
|
10145
10367
|
}), createComponent(index$f.Item, {
|
|
10146
10368
|
onSelect: () => {
|
|
@@ -10151,7 +10373,7 @@ var ContentView = (props) => {
|
|
|
10151
10373
|
return clsx(styles().settingsSubButton, props.localStore.theme_preference === "dark" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
|
|
10152
10374
|
},
|
|
10153
10375
|
get children() {
|
|
10154
|
-
return [_tmpl$
|
|
10376
|
+
return [_tmpl$172(), createComponent(Moon, {})];
|
|
10155
10377
|
}
|
|
10156
10378
|
}), createComponent(index$f.Item, {
|
|
10157
10379
|
onSelect: () => {
|
|
@@ -10162,7 +10384,7 @@ var ContentView = (props) => {
|
|
|
10162
10384
|
return clsx(styles().settingsSubButton, props.localStore.theme_preference === "system" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
|
|
10163
10385
|
},
|
|
10164
10386
|
get children() {
|
|
10165
|
-
return [_tmpl$
|
|
10387
|
+
return [_tmpl$182(), createComponent(Monitor, {})];
|
|
10166
10388
|
}
|
|
10167
10389
|
})];
|
|
10168
10390
|
}
|
|
@@ -10177,13 +10399,13 @@ var ContentView = (props) => {
|
|
|
10177
10399
|
})];
|
|
10178
10400
|
}
|
|
10179
10401
|
}), null);
|
|
10180
|
-
insert(_el$
|
|
10402
|
+
insert(_el$9, createComponent(Show, {
|
|
10181
10403
|
get when() {
|
|
10182
10404
|
return selectedView() === "queries";
|
|
10183
10405
|
},
|
|
10184
10406
|
get children() {
|
|
10185
|
-
const _el$
|
|
10186
|
-
insert(_el$
|
|
10407
|
+
const _el$40 = _tmpl$192(), _el$41 = _el$40.firstChild;
|
|
10408
|
+
insert(_el$41, createComponent(Key, {
|
|
10187
10409
|
by: (q) => q.queryHash,
|
|
10188
10410
|
get each() {
|
|
10189
10411
|
return queries();
|
|
@@ -10194,17 +10416,17 @@ var ContentView = (props) => {
|
|
|
10194
10416
|
}
|
|
10195
10417
|
})
|
|
10196
10418
|
}));
|
|
10197
|
-
createRenderEffect(() => className(_el$
|
|
10198
|
-
return _el$
|
|
10419
|
+
createRenderEffect(() => className(_el$40, clsx(styles().overflowQueryContainer, "tsqd-queries-overflow-container")));
|
|
10420
|
+
return _el$40;
|
|
10199
10421
|
}
|
|
10200
10422
|
}), null);
|
|
10201
|
-
insert(_el$
|
|
10423
|
+
insert(_el$9, createComponent(Show, {
|
|
10202
10424
|
get when() {
|
|
10203
10425
|
return selectedView() === "mutations";
|
|
10204
10426
|
},
|
|
10205
10427
|
get children() {
|
|
10206
|
-
const _el$
|
|
10207
|
-
insert(_el$
|
|
10428
|
+
const _el$42 = _tmpl$202(), _el$43 = _el$42.firstChild;
|
|
10429
|
+
insert(_el$43, createComponent(Key, {
|
|
10208
10430
|
by: (m) => m.mutationId,
|
|
10209
10431
|
get each() {
|
|
10210
10432
|
return mutations();
|
|
@@ -10215,8 +10437,8 @@ var ContentView = (props) => {
|
|
|
10215
10437
|
}
|
|
10216
10438
|
})
|
|
10217
10439
|
}));
|
|
10218
|
-
createRenderEffect(() => className(_el$
|
|
10219
|
-
return _el$
|
|
10440
|
+
createRenderEffect(() => className(_el$42, clsx(styles().overflowQueryContainer, "tsqd-mutations-overflow-container")));
|
|
10441
|
+
return _el$42;
|
|
10220
10442
|
}
|
|
10221
10443
|
}), null);
|
|
10222
10444
|
createRenderEffect((_p$) => {
|
|
@@ -10226,26 +10448,27 @@ var ContentView = (props) => {
|
|
|
10226
10448
|
`, panelWidth() < secondBreakpoint && !(selectedQueryHash() || selectedMutationId()) && u`
|
|
10227
10449
|
height: 100%;
|
|
10228
10450
|
max-height: 100%;
|
|
10229
|
-
`, "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$
|
|
10230
|
-
_v$6 !== _p$._v$6 && className(_el$
|
|
10231
|
-
_v$7 !== _p$._v$7 && className(_el$
|
|
10232
|
-
_v$8 !== _p$._v$8 && className(_el$
|
|
10233
|
-
_v$9 !== _p$._v$9 && className(_el$
|
|
10234
|
-
_v$10 !== _p$._v$10 && className(_el$
|
|
10235
|
-
_v$11 !== _p$._v$11 && className(_el$
|
|
10236
|
-
_v$12 !== _p$._v$12 && className(_el$
|
|
10237
|
-
_v$13 !== _p$._v$13 && className(_el$
|
|
10238
|
-
_v$14 !== _p$._v$14 && className(_el$
|
|
10451
|
+
`, "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"}`;
|
|
10452
|
+
_v$6 !== _p$._v$6 && className(_el$9, _p$._v$6 = _v$6);
|
|
10453
|
+
_v$7 !== _p$._v$7 && className(_el$10, _p$._v$7 = _v$7);
|
|
10454
|
+
_v$8 !== _p$._v$8 && className(_el$11, _p$._v$8 = _v$8);
|
|
10455
|
+
_v$9 !== _p$._v$9 && className(_el$12, _p$._v$9 = _v$9);
|
|
10456
|
+
_v$10 !== _p$._v$10 && className(_el$13, _p$._v$10 = _v$10);
|
|
10457
|
+
_v$11 !== _p$._v$11 && className(_el$14, _p$._v$11 = _v$11);
|
|
10458
|
+
_v$12 !== _p$._v$12 && className(_el$16, _p$._v$12 = _v$12);
|
|
10459
|
+
_v$13 !== _p$._v$13 && className(_el$17, _p$._v$13 = _v$13);
|
|
10460
|
+
_v$14 !== _p$._v$14 && className(_el$18, _p$._v$14 = _v$14);
|
|
10239
10461
|
_v$15 !== _p$._v$15 && className(_el$19, _p$._v$15 = _v$15);
|
|
10240
|
-
_v$16 !== _p$._v$16 &&
|
|
10241
|
-
_v$17 !== _p$._v$17 && setAttribute(_el$
|
|
10242
|
-
_v$18 !== _p$._v$18 &&
|
|
10462
|
+
_v$16 !== _p$._v$16 && className(_el$20, _p$._v$16 = _v$16);
|
|
10463
|
+
_v$17 !== _p$._v$17 && setAttribute(_el$23, "aria-label", _p$._v$17 = _v$17);
|
|
10464
|
+
_v$18 !== _p$._v$18 && setAttribute(_el$23, "aria-pressed", _p$._v$18 = _v$18);
|
|
10243
10465
|
_v$19 !== _p$._v$19 && className(_el$26, _p$._v$19 = _v$19);
|
|
10244
|
-
_v$20 !== _p$._v$20 &&
|
|
10245
|
-
_v$21 !== _p$._v$21 &&
|
|
10246
|
-
_v$22 !== _p$._v$22 &&
|
|
10247
|
-
_v$23 !== _p$._v$23 && setAttribute(_el$
|
|
10248
|
-
_v$24 !== _p$._v$24 && setAttribute(_el$
|
|
10466
|
+
_v$20 !== _p$._v$20 && className(_el$27, _p$._v$20 = _v$20);
|
|
10467
|
+
_v$21 !== _p$._v$21 && setAttribute(_el$27, "title", _p$._v$21 = _v$21);
|
|
10468
|
+
_v$22 !== _p$._v$22 && className(_el$28, _p$._v$22 = _v$22);
|
|
10469
|
+
_v$23 !== _p$._v$23 && setAttribute(_el$28, "aria-label", _p$._v$23 = _v$23);
|
|
10470
|
+
_v$24 !== _p$._v$24 && setAttribute(_el$28, "aria-pressed", _p$._v$24 = _v$24);
|
|
10471
|
+
_v$25 !== _p$._v$25 && setAttribute(_el$28, "title", _p$._v$25 = _v$25);
|
|
10249
10472
|
return _p$;
|
|
10250
10473
|
}, {
|
|
10251
10474
|
_v$6: void 0,
|
|
@@ -10266,10 +10489,11 @@ var ContentView = (props) => {
|
|
|
10266
10489
|
_v$21: void 0,
|
|
10267
10490
|
_v$22: void 0,
|
|
10268
10491
|
_v$23: void 0,
|
|
10269
|
-
_v$24: void 0
|
|
10492
|
+
_v$24: void 0,
|
|
10493
|
+
_v$25: void 0
|
|
10270
10494
|
});
|
|
10271
|
-
createRenderEffect(() => _el$
|
|
10272
|
-
return _el$
|
|
10495
|
+
createRenderEffect(() => _el$19.value = selectedView() === "queries" ? props.localStore.filter || "" : props.localStore.mutationFilter || "");
|
|
10496
|
+
return _el$9;
|
|
10273
10497
|
})(), createComponent(Show, {
|
|
10274
10498
|
get when() {
|
|
10275
10499
|
return createMemo(() => selectedView() === "queries")() && selectedQueryHash();
|
|
@@ -10330,30 +10554,30 @@ var QueryRow = (props) => {
|
|
|
10330
10554
|
return queryState();
|
|
10331
10555
|
},
|
|
10332
10556
|
get children() {
|
|
10333
|
-
const _el$
|
|
10334
|
-
_el$
|
|
10335
|
-
insert(_el$
|
|
10336
|
-
insert(_el$
|
|
10337
|
-
insert(_el$
|
|
10557
|
+
const _el$48 = _tmpl$242(), _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling;
|
|
10558
|
+
_el$48.$$click = () => setSelectedQueryHash(props.query.queryHash === selectedQueryHash() ? null : props.query.queryHash);
|
|
10559
|
+
insert(_el$49, observers);
|
|
10560
|
+
insert(_el$50, () => props.query.queryHash);
|
|
10561
|
+
insert(_el$48, createComponent(Show, {
|
|
10338
10562
|
get when() {
|
|
10339
10563
|
return isDisabled();
|
|
10340
10564
|
},
|
|
10341
10565
|
get children() {
|
|
10342
|
-
return _tmpl$
|
|
10566
|
+
return _tmpl$232();
|
|
10343
10567
|
}
|
|
10344
10568
|
}), null);
|
|
10345
10569
|
createRenderEffect((_p$) => {
|
|
10346
|
-
const _v$
|
|
10347
|
-
_v$
|
|
10348
|
-
_v$
|
|
10349
|
-
_v$
|
|
10570
|
+
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");
|
|
10571
|
+
_v$26 !== _p$._v$26 && className(_el$48, _p$._v$26 = _v$26);
|
|
10572
|
+
_v$27 !== _p$._v$27 && setAttribute(_el$48, "aria-label", _p$._v$27 = _v$27);
|
|
10573
|
+
_v$28 !== _p$._v$28 && className(_el$49, _p$._v$28 = _v$28);
|
|
10350
10574
|
return _p$;
|
|
10351
10575
|
}, {
|
|
10352
|
-
_v$25: void 0,
|
|
10353
10576
|
_v$26: void 0,
|
|
10354
|
-
_v$27: void 0
|
|
10577
|
+
_v$27: void 0,
|
|
10578
|
+
_v$28: void 0
|
|
10355
10579
|
});
|
|
10356
|
-
return _el$
|
|
10580
|
+
return _el$48;
|
|
10357
10581
|
}
|
|
10358
10582
|
});
|
|
10359
10583
|
};
|
|
@@ -10407,11 +10631,11 @@ var MutationRow = (props) => {
|
|
|
10407
10631
|
return mutationState();
|
|
10408
10632
|
},
|
|
10409
10633
|
get children() {
|
|
10410
|
-
const _el$
|
|
10411
|
-
_el$
|
|
10634
|
+
const _el$52 = _tmpl$242(), _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling;
|
|
10635
|
+
_el$52.$$click = () => {
|
|
10412
10636
|
setSelectedMutationId(props.mutation.mutationId === selectedMutationId() ? null : props.mutation.mutationId);
|
|
10413
10637
|
};
|
|
10414
|
-
insert(_el$
|
|
10638
|
+
insert(_el$53, createComponent(Show, {
|
|
10415
10639
|
get when() {
|
|
10416
10640
|
return color() === "purple";
|
|
10417
10641
|
},
|
|
@@ -10419,7 +10643,7 @@ var MutationRow = (props) => {
|
|
|
10419
10643
|
return createComponent(PauseCircle, {});
|
|
10420
10644
|
}
|
|
10421
10645
|
}), null);
|
|
10422
|
-
insert(_el$
|
|
10646
|
+
insert(_el$53, createComponent(Show, {
|
|
10423
10647
|
get when() {
|
|
10424
10648
|
return color() === "green";
|
|
10425
10649
|
},
|
|
@@ -10427,7 +10651,7 @@ var MutationRow = (props) => {
|
|
|
10427
10651
|
return createComponent(CheckCircle, {});
|
|
10428
10652
|
}
|
|
10429
10653
|
}), null);
|
|
10430
|
-
insert(_el$
|
|
10654
|
+
insert(_el$53, createComponent(Show, {
|
|
10431
10655
|
get when() {
|
|
10432
10656
|
return color() === "red";
|
|
10433
10657
|
},
|
|
@@ -10435,7 +10659,7 @@ var MutationRow = (props) => {
|
|
|
10435
10659
|
return createComponent(XCircle, {});
|
|
10436
10660
|
}
|
|
10437
10661
|
}), null);
|
|
10438
|
-
insert(_el$
|
|
10662
|
+
insert(_el$53, createComponent(Show, {
|
|
10439
10663
|
get when() {
|
|
10440
10664
|
return color() === "yellow";
|
|
10441
10665
|
},
|
|
@@ -10443,7 +10667,7 @@ var MutationRow = (props) => {
|
|
|
10443
10667
|
return createComponent(LoadingCircle, {});
|
|
10444
10668
|
}
|
|
10445
10669
|
}), null);
|
|
10446
|
-
insert(_el$
|
|
10670
|
+
insert(_el$54, createComponent(Show, {
|
|
10447
10671
|
get when() {
|
|
10448
10672
|
return props.mutation.options.mutationKey;
|
|
10449
10673
|
},
|
|
@@ -10451,19 +10675,19 @@ var MutationRow = (props) => {
|
|
|
10451
10675
|
return [createMemo(() => JSON.stringify(props.mutation.options.mutationKey)), " -", " "];
|
|
10452
10676
|
}
|
|
10453
10677
|
}), null);
|
|
10454
|
-
insert(_el$
|
|
10678
|
+
insert(_el$54, () => new Date(props.mutation.state.submittedAt).toLocaleString(), null);
|
|
10455
10679
|
createRenderEffect((_p$) => {
|
|
10456
|
-
const _v$
|
|
10457
|
-
_v$
|
|
10458
|
-
_v$
|
|
10459
|
-
_v$
|
|
10680
|
+
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");
|
|
10681
|
+
_v$29 !== _p$._v$29 && className(_el$52, _p$._v$29 = _v$29);
|
|
10682
|
+
_v$30 !== _p$._v$30 && setAttribute(_el$52, "aria-label", _p$._v$30 = _v$30);
|
|
10683
|
+
_v$31 !== _p$._v$31 && className(_el$53, _p$._v$31 = _v$31);
|
|
10460
10684
|
return _p$;
|
|
10461
10685
|
}, {
|
|
10462
|
-
_v$28: void 0,
|
|
10463
10686
|
_v$29: void 0,
|
|
10464
|
-
_v$30: void 0
|
|
10687
|
+
_v$30: void 0,
|
|
10688
|
+
_v$31: void 0
|
|
10465
10689
|
});
|
|
10466
|
-
return _el$
|
|
10690
|
+
return _el$52;
|
|
10467
10691
|
}
|
|
10468
10692
|
});
|
|
10469
10693
|
};
|
|
@@ -10478,44 +10702,44 @@ var QueryStatusCount = () => {
|
|
|
10478
10702
|
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
10479
10703
|
});
|
|
10480
10704
|
return (() => {
|
|
10481
|
-
const _el$
|
|
10482
|
-
insert(_el$
|
|
10705
|
+
const _el$55 = _tmpl$26();
|
|
10706
|
+
insert(_el$55, createComponent(QueryStatus, {
|
|
10483
10707
|
label: "Fresh",
|
|
10484
10708
|
color: "green",
|
|
10485
10709
|
get count() {
|
|
10486
10710
|
return fresh();
|
|
10487
10711
|
}
|
|
10488
10712
|
}), null);
|
|
10489
|
-
insert(_el$
|
|
10713
|
+
insert(_el$55, createComponent(QueryStatus, {
|
|
10490
10714
|
label: "Fetching",
|
|
10491
10715
|
color: "blue",
|
|
10492
10716
|
get count() {
|
|
10493
10717
|
return fetching();
|
|
10494
10718
|
}
|
|
10495
10719
|
}), null);
|
|
10496
|
-
insert(_el$
|
|
10720
|
+
insert(_el$55, createComponent(QueryStatus, {
|
|
10497
10721
|
label: "Paused",
|
|
10498
10722
|
color: "purple",
|
|
10499
10723
|
get count() {
|
|
10500
10724
|
return paused();
|
|
10501
10725
|
}
|
|
10502
10726
|
}), null);
|
|
10503
|
-
insert(_el$
|
|
10727
|
+
insert(_el$55, createComponent(QueryStatus, {
|
|
10504
10728
|
label: "Stale",
|
|
10505
10729
|
color: "yellow",
|
|
10506
10730
|
get count() {
|
|
10507
10731
|
return stale();
|
|
10508
10732
|
}
|
|
10509
10733
|
}), null);
|
|
10510
|
-
insert(_el$
|
|
10734
|
+
insert(_el$55, createComponent(QueryStatus, {
|
|
10511
10735
|
label: "Inactive",
|
|
10512
10736
|
color: "gray",
|
|
10513
10737
|
get count() {
|
|
10514
10738
|
return inactive();
|
|
10515
10739
|
}
|
|
10516
10740
|
}), null);
|
|
10517
|
-
createRenderEffect(() => className(_el$
|
|
10518
|
-
return _el$
|
|
10741
|
+
createRenderEffect(() => className(_el$55, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
|
|
10742
|
+
return _el$55;
|
|
10519
10743
|
})();
|
|
10520
10744
|
};
|
|
10521
10745
|
var MutationStatusCount = () => {
|
|
@@ -10540,37 +10764,37 @@ var MutationStatusCount = () => {
|
|
|
10540
10764
|
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
10541
10765
|
});
|
|
10542
10766
|
return (() => {
|
|
10543
|
-
const _el$
|
|
10544
|
-
insert(_el$
|
|
10767
|
+
const _el$56 = _tmpl$26();
|
|
10768
|
+
insert(_el$56, createComponent(QueryStatus, {
|
|
10545
10769
|
label: "Paused",
|
|
10546
10770
|
color: "purple",
|
|
10547
10771
|
get count() {
|
|
10548
10772
|
return paused();
|
|
10549
10773
|
}
|
|
10550
10774
|
}), null);
|
|
10551
|
-
insert(_el$
|
|
10775
|
+
insert(_el$56, createComponent(QueryStatus, {
|
|
10552
10776
|
label: "Pending",
|
|
10553
10777
|
color: "yellow",
|
|
10554
10778
|
get count() {
|
|
10555
10779
|
return pending();
|
|
10556
10780
|
}
|
|
10557
10781
|
}), null);
|
|
10558
|
-
insert(_el$
|
|
10782
|
+
insert(_el$56, createComponent(QueryStatus, {
|
|
10559
10783
|
label: "Success",
|
|
10560
10784
|
color: "green",
|
|
10561
10785
|
get count() {
|
|
10562
10786
|
return success();
|
|
10563
10787
|
}
|
|
10564
10788
|
}), null);
|
|
10565
|
-
insert(_el$
|
|
10789
|
+
insert(_el$56, createComponent(QueryStatus, {
|
|
10566
10790
|
label: "Error",
|
|
10567
10791
|
color: "red",
|
|
10568
10792
|
get count() {
|
|
10569
10793
|
return error();
|
|
10570
10794
|
}
|
|
10571
10795
|
}), null);
|
|
10572
|
-
createRenderEffect(() => className(_el$
|
|
10573
|
-
return _el$
|
|
10796
|
+
createRenderEffect(() => className(_el$56, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
|
|
10797
|
+
return _el$56;
|
|
10574
10798
|
})();
|
|
10575
10799
|
};
|
|
10576
10800
|
var QueryStatus = (props) => {
|
|
@@ -10598,17 +10822,17 @@ var QueryStatus = (props) => {
|
|
|
10598
10822
|
return true;
|
|
10599
10823
|
});
|
|
10600
10824
|
return (() => {
|
|
10601
|
-
const _el$
|
|
10825
|
+
const _el$57 = _tmpl$27(), _el$59 = _el$57.firstChild, _el$61 = _el$59.nextSibling;
|
|
10602
10826
|
const _ref$4 = tagRef;
|
|
10603
|
-
typeof _ref$4 === "function" ? use(_ref$4, _el$
|
|
10604
|
-
_el$
|
|
10827
|
+
typeof _ref$4 === "function" ? use(_ref$4, _el$57) : tagRef = _el$57;
|
|
10828
|
+
_el$57.addEventListener("mouseleave", () => {
|
|
10605
10829
|
setMouseOver(false);
|
|
10606
10830
|
setFocused(false);
|
|
10607
10831
|
});
|
|
10608
|
-
_el$
|
|
10609
|
-
_el$
|
|
10610
|
-
_el$
|
|
10611
|
-
spread(_el$
|
|
10832
|
+
_el$57.addEventListener("mouseenter", () => setMouseOver(true));
|
|
10833
|
+
_el$57.addEventListener("blur", () => setFocused(false));
|
|
10834
|
+
_el$57.addEventListener("focus", () => setFocused(true));
|
|
10835
|
+
spread(_el$57, mergeProps({
|
|
10612
10836
|
get disabled() {
|
|
10613
10837
|
return showLabel();
|
|
10614
10838
|
},
|
|
@@ -10623,47 +10847,47 @@ var QueryStatus = (props) => {
|
|
|
10623
10847
|
}, () => mouseOver() || focused() ? {
|
|
10624
10848
|
"aria-describedby": "tsqd-status-tooltip"
|
|
10625
10849
|
} : {}), false, true);
|
|
10626
|
-
insert(_el$
|
|
10850
|
+
insert(_el$57, createComponent(Show, {
|
|
10627
10851
|
get when() {
|
|
10628
10852
|
return createMemo(() => !!!showLabel())() && (mouseOver() || focused());
|
|
10629
10853
|
},
|
|
10630
10854
|
get children() {
|
|
10631
|
-
const _el$
|
|
10632
|
-
insert(_el$
|
|
10633
|
-
createRenderEffect(() => className(_el$
|
|
10634
|
-
return _el$
|
|
10855
|
+
const _el$58 = _tmpl$252();
|
|
10856
|
+
insert(_el$58, () => props.label);
|
|
10857
|
+
createRenderEffect(() => className(_el$58, clsx(styles().statusTooltip, "tsqd-query-status-tooltip")));
|
|
10858
|
+
return _el$58;
|
|
10635
10859
|
}
|
|
10636
|
-
}), _el$
|
|
10637
|
-
insert(_el$
|
|
10860
|
+
}), _el$59);
|
|
10861
|
+
insert(_el$57, createComponent(Show, {
|
|
10638
10862
|
get when() {
|
|
10639
10863
|
return showLabel();
|
|
10640
10864
|
},
|
|
10641
10865
|
get children() {
|
|
10642
|
-
const _el$
|
|
10643
|
-
insert(_el$
|
|
10644
|
-
createRenderEffect(() => className(_el$
|
|
10645
|
-
return _el$
|
|
10866
|
+
const _el$60 = _tmpl$262();
|
|
10867
|
+
insert(_el$60, () => props.label);
|
|
10868
|
+
createRenderEffect(() => className(_el$60, clsx(styles().queryStatusTagLabel, "tsqd-query-status-tag-label")));
|
|
10869
|
+
return _el$60;
|
|
10646
10870
|
}
|
|
10647
|
-
}), _el$
|
|
10648
|
-
insert(_el$
|
|
10871
|
+
}), _el$61);
|
|
10872
|
+
insert(_el$61, () => props.count);
|
|
10649
10873
|
createRenderEffect((_p$) => {
|
|
10650
|
-
const _v$
|
|
10874
|
+
const _v$32 = clsx(u`
|
|
10651
10875
|
width: ${tokens.size[1.5]};
|
|
10652
10876
|
height: ${tokens.size[1.5]};
|
|
10653
10877
|
border-radius: ${tokens.border.radius.full};
|
|
10654
10878
|
background-color: ${tokens.colors[props.color][500]};
|
|
10655
|
-
`, "tsqd-query-status-tag-dot"), _v$
|
|
10879
|
+
`, "tsqd-query-status-tag-dot"), _v$33 = clsx(styles().queryStatusCount, props.count > 0 && props.color !== "gray" && u`
|
|
10656
10880
|
background-color: ${t2(colors[props.color][100], colors[props.color][900])};
|
|
10657
10881
|
color: ${t2(colors[props.color][700], colors[props.color][300])};
|
|
10658
10882
|
`, "tsqd-query-status-tag-count");
|
|
10659
|
-
_v$31 !== _p$._v$31 && className(_el$57, _p$._v$31 = _v$31);
|
|
10660
10883
|
_v$32 !== _p$._v$32 && className(_el$59, _p$._v$32 = _v$32);
|
|
10884
|
+
_v$33 !== _p$._v$33 && className(_el$61, _p$._v$33 = _v$33);
|
|
10661
10885
|
return _p$;
|
|
10662
10886
|
}, {
|
|
10663
|
-
_v$
|
|
10664
|
-
_v$
|
|
10887
|
+
_v$32: void 0,
|
|
10888
|
+
_v$33: void 0
|
|
10665
10889
|
});
|
|
10666
|
-
return _el$
|
|
10890
|
+
return _el$57;
|
|
10667
10891
|
})();
|
|
10668
10892
|
};
|
|
10669
10893
|
var QueryDetails = () => {
|
|
@@ -10749,19 +10973,19 @@ var QueryDetails = () => {
|
|
|
10749
10973
|
return createMemo(() => !!activeQuery())() && activeQueryState();
|
|
10750
10974
|
},
|
|
10751
10975
|
get children() {
|
|
10752
|
-
const _el$
|
|
10753
|
-
insert(_el$
|
|
10754
|
-
insert(_el$
|
|
10755
|
-
insert(_el$
|
|
10756
|
-
insert(_el$
|
|
10757
|
-
_el$
|
|
10758
|
-
_el$
|
|
10759
|
-
_el$
|
|
10760
|
-
_el$
|
|
10976
|
+
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;
|
|
10977
|
+
insert(_el$67, () => displayValue(activeQuery().queryKey, true));
|
|
10978
|
+
insert(_el$68, statusLabel);
|
|
10979
|
+
insert(_el$71, observerCount);
|
|
10980
|
+
insert(_el$74, () => new Date(activeQueryState().dataUpdatedAt).toLocaleTimeString());
|
|
10981
|
+
_el$77.$$click = handleRefetch;
|
|
10982
|
+
_el$79.$$click = () => queryClient.invalidateQueries(activeQuery());
|
|
10983
|
+
_el$81.$$click = () => queryClient.resetQueries(activeQuery());
|
|
10984
|
+
_el$83.$$click = () => {
|
|
10761
10985
|
queryClient.removeQueries(activeQuery());
|
|
10762
10986
|
setSelectedQueryHash(null);
|
|
10763
10987
|
};
|
|
10764
|
-
_el$
|
|
10988
|
+
_el$85.$$click = () => {
|
|
10765
10989
|
if (activeQuery()?.state.data === void 0) {
|
|
10766
10990
|
setRestoringLoading(true);
|
|
10767
10991
|
restoreQueryAfterLoadingOrError();
|
|
@@ -10788,78 +11012,78 @@ var QueryDetails = () => {
|
|
|
10788
11012
|
});
|
|
10789
11013
|
}
|
|
10790
11014
|
};
|
|
10791
|
-
insert(_el$
|
|
10792
|
-
insert(_el$
|
|
11015
|
+
insert(_el$85, () => queryStatus() === "pending" ? "Restore" : "Trigger", _el$87);
|
|
11016
|
+
insert(_el$76, createComponent(Show, {
|
|
10793
11017
|
get when() {
|
|
10794
11018
|
return errorTypes().length === 0 || queryStatus() === "error";
|
|
10795
11019
|
},
|
|
10796
11020
|
get children() {
|
|
10797
|
-
const _el$
|
|
10798
|
-
_el$
|
|
11021
|
+
const _el$88 = _tmpl$28(), _el$89 = _el$88.firstChild, _el$90 = _el$89.nextSibling;
|
|
11022
|
+
_el$88.$$click = () => {
|
|
10799
11023
|
if (!activeQuery().state.error) {
|
|
10800
11024
|
triggerError();
|
|
10801
11025
|
} else {
|
|
10802
11026
|
queryClient.resetQueries(activeQuery());
|
|
10803
11027
|
}
|
|
10804
11028
|
};
|
|
10805
|
-
insert(_el$
|
|
11029
|
+
insert(_el$88, () => queryStatus() === "error" ? "Restore" : "Trigger", _el$90);
|
|
10806
11030
|
createRenderEffect((_p$) => {
|
|
10807
|
-
const _v$
|
|
11031
|
+
const _v$34 = clsx(u`
|
|
10808
11032
|
color: ${t2(colors.red[500], colors.red[400])};
|
|
10809
|
-
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error"), _v$
|
|
11033
|
+
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error"), _v$35 = queryStatus() === "pending", _v$36 = u`
|
|
10810
11034
|
background-color: ${t2(colors.red[500], colors.red[400])};
|
|
10811
11035
|
`;
|
|
10812
|
-
_v$
|
|
10813
|
-
_v$
|
|
10814
|
-
_v$
|
|
11036
|
+
_v$34 !== _p$._v$34 && className(_el$88, _p$._v$34 = _v$34);
|
|
11037
|
+
_v$35 !== _p$._v$35 && (_el$88.disabled = _p$._v$35 = _v$35);
|
|
11038
|
+
_v$36 !== _p$._v$36 && className(_el$89, _p$._v$36 = _v$36);
|
|
10815
11039
|
return _p$;
|
|
10816
11040
|
}, {
|
|
10817
|
-
_v$33: void 0,
|
|
10818
11041
|
_v$34: void 0,
|
|
10819
|
-
_v$35: void 0
|
|
11042
|
+
_v$35: void 0,
|
|
11043
|
+
_v$36: void 0
|
|
10820
11044
|
});
|
|
10821
|
-
return _el$
|
|
11045
|
+
return _el$88;
|
|
10822
11046
|
}
|
|
10823
11047
|
}), null);
|
|
10824
|
-
insert(_el$
|
|
11048
|
+
insert(_el$76, createComponent(Show, {
|
|
10825
11049
|
get when() {
|
|
10826
11050
|
return !(errorTypes().length === 0 || queryStatus() === "error");
|
|
10827
11051
|
},
|
|
10828
11052
|
get children() {
|
|
10829
|
-
const _el$
|
|
10830
|
-
_el$
|
|
11053
|
+
const _el$91 = _tmpl$29(), _el$92 = _el$91.firstChild, _el$93 = _el$92.nextSibling, _el$94 = _el$93.nextSibling; _el$94.firstChild;
|
|
11054
|
+
_el$94.addEventListener("change", (e2) => {
|
|
10831
11055
|
const errorType = errorTypes().find((et) => et.name === e2.currentTarget.value);
|
|
10832
11056
|
triggerError(errorType);
|
|
10833
11057
|
});
|
|
10834
|
-
insert(_el$
|
|
11058
|
+
insert(_el$94, createComponent(For, {
|
|
10835
11059
|
get each() {
|
|
10836
11060
|
return errorTypes();
|
|
10837
11061
|
},
|
|
10838
11062
|
children: (errorType) => (() => {
|
|
10839
|
-
const _el$
|
|
10840
|
-
insert(_el$
|
|
10841
|
-
createRenderEffect(() => _el$
|
|
10842
|
-
return _el$
|
|
11063
|
+
const _el$100 = _tmpl$31();
|
|
11064
|
+
insert(_el$100, () => errorType.name);
|
|
11065
|
+
createRenderEffect(() => _el$100.value = errorType.name);
|
|
11066
|
+
return _el$100;
|
|
10843
11067
|
})()
|
|
10844
11068
|
}), null);
|
|
10845
|
-
insert(_el$
|
|
11069
|
+
insert(_el$91, createComponent(ChevronDown, {}), null);
|
|
10846
11070
|
createRenderEffect((_p$) => {
|
|
10847
|
-
const _v$
|
|
11071
|
+
const _v$37 = clsx(styles().actionsSelect, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error-multiple"), _v$38 = u`
|
|
10848
11072
|
background-color: ${tokens.colors.red[400]};
|
|
10849
|
-
`, _v$
|
|
10850
|
-
_v$
|
|
10851
|
-
_v$
|
|
10852
|
-
_v$
|
|
11073
|
+
`, _v$39 = queryStatus() === "pending";
|
|
11074
|
+
_v$37 !== _p$._v$37 && className(_el$91, _p$._v$37 = _v$37);
|
|
11075
|
+
_v$38 !== _p$._v$38 && className(_el$92, _p$._v$38 = _v$38);
|
|
11076
|
+
_v$39 !== _p$._v$39 && (_el$94.disabled = _p$._v$39 = _v$39);
|
|
10853
11077
|
return _p$;
|
|
10854
11078
|
}, {
|
|
10855
|
-
_v$36: void 0,
|
|
10856
11079
|
_v$37: void 0,
|
|
10857
|
-
_v$38: void 0
|
|
11080
|
+
_v$38: void 0,
|
|
11081
|
+
_v$39: void 0
|
|
10858
11082
|
});
|
|
10859
|
-
return _el$
|
|
11083
|
+
return _el$91;
|
|
10860
11084
|
}
|
|
10861
11085
|
}), null);
|
|
10862
|
-
insert(_el$
|
|
11086
|
+
insert(_el$97, createComponent(Explorer, {
|
|
10863
11087
|
label: "Data",
|
|
10864
11088
|
defaultExpanded: ["Data"],
|
|
10865
11089
|
get value() {
|
|
@@ -10870,7 +11094,7 @@ var QueryDetails = () => {
|
|
|
10870
11094
|
return activeQuery();
|
|
10871
11095
|
}
|
|
10872
11096
|
}));
|
|
10873
|
-
insert(_el$
|
|
11097
|
+
insert(_el$99, createComponent(Explorer, {
|
|
10874
11098
|
label: "Query",
|
|
10875
11099
|
defaultExpanded: ["Query", "queryKey"],
|
|
10876
11100
|
get value() {
|
|
@@ -10878,55 +11102,54 @@ var QueryDetails = () => {
|
|
|
10878
11102
|
}
|
|
10879
11103
|
}));
|
|
10880
11104
|
createRenderEffect((_p$) => {
|
|
10881
|
-
const _v$
|
|
11105
|
+
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`
|
|
10882
11106
|
color: ${t2(colors.blue[600], colors.blue[400])};
|
|
10883
|
-
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-refetch"), _v$
|
|
11107
|
+
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-refetch"), _v$47 = statusLabel() === "fetching", _v$48 = u`
|
|
10884
11108
|
background-color: ${t2(colors.blue[600], colors.blue[400])};
|
|
10885
|
-
`, _v$
|
|
11109
|
+
`, _v$49 = clsx(u`
|
|
10886
11110
|
color: ${t2(colors.yellow[600], colors.yellow[400])};
|
|
10887
|
-
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-invalidate"), _v$
|
|
11111
|
+
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-invalidate"), _v$50 = queryStatus() === "pending", _v$51 = u`
|
|
10888
11112
|
background-color: ${t2(colors.yellow[600], colors.yellow[400])};
|
|
10889
|
-
`, _v$
|
|
11113
|
+
`, _v$52 = clsx(u`
|
|
10890
11114
|
color: ${t2(colors.gray[600], colors.gray[300])};
|
|
10891
|
-
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-reset"), _v$
|
|
11115
|
+
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-reset"), _v$53 = queryStatus() === "pending", _v$54 = u`
|
|
10892
11116
|
background-color: ${t2(colors.gray[600], colors.gray[400])};
|
|
10893
|
-
`, _v$
|
|
11117
|
+
`, _v$55 = clsx(u`
|
|
10894
11118
|
color: ${t2(colors.pink[500], colors.pink[400])};
|
|
10895
|
-
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-remove"), _v$
|
|
11119
|
+
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-remove"), _v$56 = statusLabel() === "fetching", _v$57 = u`
|
|
10896
11120
|
background-color: ${t2(colors.pink[500], colors.pink[400])};
|
|
10897
|
-
`, _v$
|
|
11121
|
+
`, _v$58 = clsx(u`
|
|
10898
11122
|
color: ${t2(colors.cyan[500], colors.cyan[400])};
|
|
10899
|
-
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-loading"), _v$
|
|
11123
|
+
`, "tsqd-query-details-actions-btn", "tsqd-query-details-action-loading"), _v$59 = restoringLoading(), _v$60 = u`
|
|
10900
11124
|
background-color: ${t2(colors.cyan[500], colors.cyan[400])};
|
|
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$
|
|
10925
|
-
_v$
|
|
10926
|
-
_v$
|
|
11125
|
+
`, _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];
|
|
11126
|
+
_v$40 !== _p$._v$40 && className(_el$62, _p$._v$40 = _v$40);
|
|
11127
|
+
_v$41 !== _p$._v$41 && className(_el$63, _p$._v$41 = _v$41);
|
|
11128
|
+
_v$42 !== _p$._v$42 && className(_el$64, _p$._v$42 = _v$42);
|
|
11129
|
+
_v$43 !== _p$._v$43 && className(_el$68, _p$._v$43 = _v$43);
|
|
11130
|
+
_v$44 !== _p$._v$44 && className(_el$75, _p$._v$44 = _v$44);
|
|
11131
|
+
_v$45 !== _p$._v$45 && className(_el$76, _p$._v$45 = _v$45);
|
|
11132
|
+
_v$46 !== _p$._v$46 && className(_el$77, _p$._v$46 = _v$46);
|
|
11133
|
+
_v$47 !== _p$._v$47 && (_el$77.disabled = _p$._v$47 = _v$47);
|
|
11134
|
+
_v$48 !== _p$._v$48 && className(_el$78, _p$._v$48 = _v$48);
|
|
11135
|
+
_v$49 !== _p$._v$49 && className(_el$79, _p$._v$49 = _v$49);
|
|
11136
|
+
_v$50 !== _p$._v$50 && (_el$79.disabled = _p$._v$50 = _v$50);
|
|
11137
|
+
_v$51 !== _p$._v$51 && className(_el$80, _p$._v$51 = _v$51);
|
|
11138
|
+
_v$52 !== _p$._v$52 && className(_el$81, _p$._v$52 = _v$52);
|
|
11139
|
+
_v$53 !== _p$._v$53 && (_el$81.disabled = _p$._v$53 = _v$53);
|
|
11140
|
+
_v$54 !== _p$._v$54 && className(_el$82, _p$._v$54 = _v$54);
|
|
11141
|
+
_v$55 !== _p$._v$55 && className(_el$83, _p$._v$55 = _v$55);
|
|
11142
|
+
_v$56 !== _p$._v$56 && (_el$83.disabled = _p$._v$56 = _v$56);
|
|
11143
|
+
_v$57 !== _p$._v$57 && className(_el$84, _p$._v$57 = _v$57);
|
|
11144
|
+
_v$58 !== _p$._v$58 && className(_el$85, _p$._v$58 = _v$58);
|
|
11145
|
+
_v$59 !== _p$._v$59 && (_el$85.disabled = _p$._v$59 = _v$59);
|
|
11146
|
+
_v$60 !== _p$._v$60 && className(_el$86, _p$._v$60 = _v$60);
|
|
11147
|
+
_v$61 !== _p$._v$61 && className(_el$96, _p$._v$61 = _v$61);
|
|
11148
|
+
_v$62 !== _p$._v$62 && ((_p$._v$62 = _v$62) != null ? _el$97.style.setProperty("padding", _v$62) : _el$97.style.removeProperty("padding"));
|
|
11149
|
+
_v$63 !== _p$._v$63 && className(_el$98, _p$._v$63 = _v$63);
|
|
11150
|
+
_v$64 !== _p$._v$64 && ((_p$._v$64 = _v$64) != null ? _el$99.style.setProperty("padding", _v$64) : _el$99.style.removeProperty("padding"));
|
|
10927
11151
|
return _p$;
|
|
10928
11152
|
}, {
|
|
10929
|
-
_v$39: void 0,
|
|
10930
11153
|
_v$40: void 0,
|
|
10931
11154
|
_v$41: void 0,
|
|
10932
11155
|
_v$42: void 0,
|
|
@@ -10950,9 +11173,10 @@ var QueryDetails = () => {
|
|
|
10950
11173
|
_v$60: void 0,
|
|
10951
11174
|
_v$61: void 0,
|
|
10952
11175
|
_v$62: void 0,
|
|
10953
|
-
_v$63: void 0
|
|
11176
|
+
_v$63: void 0,
|
|
11177
|
+
_v$64: void 0
|
|
10954
11178
|
});
|
|
10955
|
-
return _el$
|
|
11179
|
+
return _el$62;
|
|
10956
11180
|
}
|
|
10957
11181
|
});
|
|
10958
11182
|
};
|
|
@@ -11003,8 +11227,8 @@ var MutationDetails = () => {
|
|
|
11003
11227
|
return activeMutation();
|
|
11004
11228
|
},
|
|
11005
11229
|
get children() {
|
|
11006
|
-
const _el$
|
|
11007
|
-
insert(_el$
|
|
11230
|
+
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;
|
|
11231
|
+
insert(_el$106, createComponent(Show, {
|
|
11008
11232
|
get when() {
|
|
11009
11233
|
return activeMutation().options.mutationKey;
|
|
11010
11234
|
},
|
|
@@ -11013,13 +11237,13 @@ var MutationDetails = () => {
|
|
|
11013
11237
|
return displayValue(activeMutation().options.mutationKey, true);
|
|
11014
11238
|
}
|
|
11015
11239
|
}));
|
|
11016
|
-
insert(_el$
|
|
11240
|
+
insert(_el$107, createComponent(Show, {
|
|
11017
11241
|
get when() {
|
|
11018
11242
|
return color() === "purple";
|
|
11019
11243
|
},
|
|
11020
11244
|
children: "pending"
|
|
11021
11245
|
}), null);
|
|
11022
|
-
insert(_el$
|
|
11246
|
+
insert(_el$107, createComponent(Show, {
|
|
11023
11247
|
get when() {
|
|
11024
11248
|
return color() !== "purple";
|
|
11025
11249
|
},
|
|
@@ -11027,29 +11251,29 @@ var MutationDetails = () => {
|
|
|
11027
11251
|
return status();
|
|
11028
11252
|
}
|
|
11029
11253
|
}), null);
|
|
11030
|
-
insert(_el$
|
|
11031
|
-
insert(_el$
|
|
11254
|
+
insert(_el$110, () => new Date(activeMutation().state.submittedAt).toLocaleTimeString());
|
|
11255
|
+
insert(_el$112, createComponent(Explorer, {
|
|
11032
11256
|
label: "Variables",
|
|
11033
11257
|
defaultExpanded: ["Variables"],
|
|
11034
11258
|
get value() {
|
|
11035
11259
|
return activeMutation().state.variables;
|
|
11036
11260
|
}
|
|
11037
11261
|
}));
|
|
11038
|
-
insert(_el$
|
|
11262
|
+
insert(_el$114, createComponent(Explorer, {
|
|
11039
11263
|
label: "Context",
|
|
11040
11264
|
defaultExpanded: ["Context"],
|
|
11041
11265
|
get value() {
|
|
11042
11266
|
return activeMutation().state.context;
|
|
11043
11267
|
}
|
|
11044
11268
|
}));
|
|
11045
|
-
insert(_el$
|
|
11269
|
+
insert(_el$116, createComponent(Explorer, {
|
|
11046
11270
|
label: "Data",
|
|
11047
11271
|
defaultExpanded: ["Data"],
|
|
11048
11272
|
get value() {
|
|
11049
11273
|
return activeMutation().state.data;
|
|
11050
11274
|
}
|
|
11051
11275
|
}));
|
|
11052
|
-
insert(_el$
|
|
11276
|
+
insert(_el$118, createComponent(Explorer, {
|
|
11053
11277
|
label: "Mutation",
|
|
11054
11278
|
defaultExpanded: ["Mutation"],
|
|
11055
11279
|
get value() {
|
|
@@ -11057,22 +11281,21 @@ var MutationDetails = () => {
|
|
|
11057
11281
|
}
|
|
11058
11282
|
}));
|
|
11059
11283
|
createRenderEffect((_p$) => {
|
|
11060
|
-
const _v$
|
|
11061
|
-
_v$
|
|
11062
|
-
_v$
|
|
11063
|
-
_v$
|
|
11064
|
-
_v$
|
|
11065
|
-
_v$
|
|
11066
|
-
_v$
|
|
11067
|
-
_v$
|
|
11068
|
-
_v$
|
|
11069
|
-
_v$
|
|
11070
|
-
_v$
|
|
11071
|
-
_v$
|
|
11072
|
-
_v$
|
|
11284
|
+
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];
|
|
11285
|
+
_v$65 !== _p$._v$65 && className(_el$101, _p$._v$65 = _v$65);
|
|
11286
|
+
_v$66 !== _p$._v$66 && className(_el$102, _p$._v$66 = _v$66);
|
|
11287
|
+
_v$67 !== _p$._v$67 && className(_el$103, _p$._v$67 = _v$67);
|
|
11288
|
+
_v$68 !== _p$._v$68 && className(_el$107, _p$._v$68 = _v$68);
|
|
11289
|
+
_v$69 !== _p$._v$69 && className(_el$111, _p$._v$69 = _v$69);
|
|
11290
|
+
_v$70 !== _p$._v$70 && ((_p$._v$70 = _v$70) != null ? _el$112.style.setProperty("padding", _v$70) : _el$112.style.removeProperty("padding"));
|
|
11291
|
+
_v$71 !== _p$._v$71 && className(_el$113, _p$._v$71 = _v$71);
|
|
11292
|
+
_v$72 !== _p$._v$72 && ((_p$._v$72 = _v$72) != null ? _el$114.style.setProperty("padding", _v$72) : _el$114.style.removeProperty("padding"));
|
|
11293
|
+
_v$73 !== _p$._v$73 && className(_el$115, _p$._v$73 = _v$73);
|
|
11294
|
+
_v$74 !== _p$._v$74 && ((_p$._v$74 = _v$74) != null ? _el$116.style.setProperty("padding", _v$74) : _el$116.style.removeProperty("padding"));
|
|
11295
|
+
_v$75 !== _p$._v$75 && className(_el$117, _p$._v$75 = _v$75);
|
|
11296
|
+
_v$76 !== _p$._v$76 && ((_p$._v$76 = _v$76) != null ? _el$118.style.setProperty("padding", _v$76) : _el$118.style.removeProperty("padding"));
|
|
11073
11297
|
return _p$;
|
|
11074
11298
|
}, {
|
|
11075
|
-
_v$64: void 0,
|
|
11076
11299
|
_v$65: void 0,
|
|
11077
11300
|
_v$66: void 0,
|
|
11078
11301
|
_v$67: void 0,
|
|
@@ -11083,9 +11306,10 @@ var MutationDetails = () => {
|
|
|
11083
11306
|
_v$72: void 0,
|
|
11084
11307
|
_v$73: void 0,
|
|
11085
11308
|
_v$74: void 0,
|
|
11086
|
-
_v$75: void 0
|
|
11309
|
+
_v$75: void 0,
|
|
11310
|
+
_v$76: void 0
|
|
11087
11311
|
});
|
|
11088
|
-
return _el$
|
|
11312
|
+
return _el$101;
|
|
11089
11313
|
}
|
|
11090
11314
|
});
|
|
11091
11315
|
};
|
|
@@ -11603,8 +11827,8 @@ var stylesFactory2 = (theme) => {
|
|
|
11603
11827
|
gap: ${tokens.size[2]};
|
|
11604
11828
|
& > button {
|
|
11605
11829
|
cursor: pointer;
|
|
11606
|
-
padding: ${tokens.size[0.5]} ${tokens.size[
|
|
11607
|
-
|
|
11830
|
+
padding: ${tokens.size[0.5]} ${tokens.size[1.5]} ${tokens.size[0.5]}
|
|
11831
|
+
${tokens.size[2]};
|
|
11608
11832
|
border-radius: ${tokens.border.radius.sm};
|
|
11609
11833
|
background-color: ${t2(colors.gray[100], colors.darkGray[400])};
|
|
11610
11834
|
border: 1px solid ${t2(colors.gray[300], colors.darkGray[200])};
|