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