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