@tanstack/query-devtools 5.0.0-rc.1 → 5.0.0-rc.10

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.
Files changed (16) hide show
  1. package/build/Devtools/{H2EROWFU.jsx → 56YMBTAH.jsx} +286 -27
  2. package/build/Devtools/{HTDVDYMT.js → B5V4HXOX.js} +405 -105
  3. package/build/Devtools/{ALVY75L5.jsx → ECUC7UFN.jsx} +286 -27
  4. package/build/Devtools/{66PXWIOF.js → UZ6MTF6A.js} +405 -105
  5. package/build/dev.cjs +418 -114
  6. package/build/dev.js +1 -1
  7. package/build/dev.jsx +1 -1
  8. package/build/index.cjs +418 -114
  9. package/build/index.js +1 -1
  10. package/build/index.jsx +1 -1
  11. package/package.json +4 -4
  12. package/src/Devtools.tsx +2 -1
  13. package/src/Explorer.tsx +227 -19
  14. package/src/__tests__/utils.test.ts +725 -0
  15. package/src/icons/index.tsx +55 -0
  16. package/src/utils.tsx +137 -0
package/build/Devtools/{HTDVDYMT.js → B5V4HXOX.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { createContext, delegateEvents, createSignal, createComponent, createMemo, createEffect, insert, Show, createRenderEffect, className, on, onMount, setAttribute, spread, mergeProps, For, onCleanup, isServer, $PROXY, $TRACK, getListener, batch, Index, useContext, template, use, untrack, useTransition, createRoot, splitProps, createUniqueId, Portal, addEventListener, Switch, Match, Dynamic, children, createComputed, getOwner, DEV } from '../chunk/L2WNRKEK.js';
1
+ import { createContext, delegateEvents, createSignal, createComponent, createMemo, createEffect, insert, Show, createRenderEffect, className, on, onMount, setAttribute, spread, mergeProps, For, onCleanup, isServer, $PROXY, $TRACK, getListener, batch, useContext, Index, template, use, untrack, useTransition, createRoot, splitProps, createUniqueId, Portal, addEventListener, Switch, Match, Dynamic, children, createComputed, getOwner, DEV } from '../chunk/L2WNRKEK.js';
2
2
 
3
3
  // ../../node_modules/.pnpm/@tanstack+match-sorter-utils@8.8.4/node_modules/@tanstack/match-sorter-utils/build/lib/index.mjs
4
4
  var characterMap = {
@@ -9245,6 +9245,86 @@ var sortFns = {
9245
9245
  var convertRemToPixels = (rem) => {
9246
9246
  return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
9247
9247
  };
9248
+ var updateNestedDataByPath = (oldData, updatePath2, value) => {
9249
+ if (updatePath2.length === 0) {
9250
+ return value;
9251
+ }
9252
+ if (oldData instanceof Map) {
9253
+ const newData = new Map(oldData);
9254
+ if (updatePath2.length === 1) {
9255
+ newData.set(updatePath2[0], value);
9256
+ return newData;
9257
+ }
9258
+ const [head, ...tail] = updatePath2;
9259
+ newData.set(head, updateNestedDataByPath(newData.get(head), tail, value));
9260
+ return newData;
9261
+ }
9262
+ if (oldData instanceof Set) {
9263
+ const setAsArray = updateNestedDataByPath(Array.from(oldData), updatePath2, value);
9264
+ return new Set(setAsArray);
9265
+ }
9266
+ if (Array.isArray(oldData)) {
9267
+ const newData = [...oldData];
9268
+ if (updatePath2.length === 1) {
9269
+ newData[updatePath2[0]] = value;
9270
+ return newData;
9271
+ }
9272
+ const [head, ...tail] = updatePath2;
9273
+ newData[head] = updateNestedDataByPath(newData[head], tail, value);
9274
+ return newData;
9275
+ }
9276
+ if (oldData instanceof Object) {
9277
+ const newData = {
9278
+ ...oldData
9279
+ };
9280
+ if (updatePath2.length === 1) {
9281
+ newData[updatePath2[0]] = value;
9282
+ return newData;
9283
+ }
9284
+ const [head, ...tail] = updatePath2;
9285
+ newData[head] = updateNestedDataByPath(newData[head], tail, value);
9286
+ return newData;
9287
+ }
9288
+ return oldData;
9289
+ };
9290
+ var deleteNestedDataByPath = (oldData, deletePath) => {
9291
+ if (oldData instanceof Map) {
9292
+ const newData = new Map(oldData);
9293
+ if (deletePath.length === 1) {
9294
+ newData.delete(deletePath[0]);
9295
+ return newData;
9296
+ }
9297
+ const [head, ...tail] = deletePath;
9298
+ newData.set(head, deleteNestedDataByPath(newData.get(head), tail));
9299
+ return newData;
9300
+ }
9301
+ if (oldData instanceof Set) {
9302
+ const setAsArray = deleteNestedDataByPath(Array.from(oldData), deletePath);
9303
+ return new Set(setAsArray);
9304
+ }
9305
+ if (Array.isArray(oldData)) {
9306
+ const newData = [...oldData];
9307
+ if (deletePath.length === 1) {
9308
+ return newData.filter((_, idx) => idx.toString() !== deletePath[0]);
9309
+ }
9310
+ const [head, ...tail] = deletePath;
9311
+ newData[head] = deleteNestedDataByPath(newData[head], tail);
9312
+ return newData;
9313
+ }
9314
+ if (oldData instanceof Object) {
9315
+ const newData = {
9316
+ ...oldData
9317
+ };
9318
+ if (deletePath.length === 1) {
9319
+ delete newData[deletePath[0]];
9320
+ return newData;
9321
+ }
9322
+ const [head, ...tail] = deletePath;
9323
+ newData[head] = deleteNestedDataByPath(newData[head], tail);
9324
+ return newData;
9325
+ }
9326
+ return oldData;
9327
+ };
9248
9328
 
9249
9329
  // src/icons/index.tsx
9250
9330
  var _tmpl$ = /* @__PURE__ */ template(`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 13L9.00007 9M10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z" stroke="#98A2B3" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round">`);
@@ -9258,7 +9338,10 @@ var _tmpl$8 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0
9258
9338
  var _tmpl$9 = /* @__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="#98A2B3">`);
9259
9339
  var _tmpl$10 = /* @__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="#12B76A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">`);
9260
9340
  var _tmpl$11 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 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">`);
9261
- var _tmpl$12 = /* @__PURE__ */ template(`<svg version="1.0" viewBox="0 0 633 633"><linearGradient id="a" x1="-666.45" x2="-666.45" y1="163.28" y2="163.99" gradientTransform="matrix(633 0 0 633 422177 -103358)" gradientUnits="userSpaceOnUse"><stop stop-color="#6BDAFF" offset="0"></stop><stop stop-color="#F9FFB5" offset=".32"></stop><stop stop-color="#FFA770" offset=".71"></stop><stop stop-color="#FF7373" offset="1"></stop></linearGradient><circle cx="316.5" cy="316.5" r="316.5" fill="url(#a)"></circle><defs><filter id="am" x="-137.5" y="412" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="b" x="-137.5" y="412" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#am)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#b)"><ellipse cx="89.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ah" x="316.5" y="412" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="k" x="316.5" y="412" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ah)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#k)"><ellipse cx="543.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ae" x="-137.5" y="450" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="j" x="-137.5" y="450" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ae)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#j)"><ellipse cx="89.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="ai" x="316.5" y="450" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="i" x="316.5" y="450" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ai)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#i)"><ellipse cx="543.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="aj" x="-137.5" y="486" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="h" x="-137.5" y="486" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#aj)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#h)"><ellipse cx="89.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="ag" x="316.5" y="486" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="g" x="316.5" y="486" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ag)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#g)"><ellipse cx="543.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="af" x="272.2" y="308" width="176.9" height="129.3" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="f" x="272.2" y="308" width="176.9" height="129.3" maskUnits="userSpaceOnUse"><g filter="url(#af)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#f)"><line x1="436" x2="431" y1="403.2" y2="431.8" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><line x1="291" x2="280" y1="341.5" y2="403.5" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><line x1="332.9" x2="328.6" y1="384.1" y2="411.2" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><linearGradient id="m" x1="-670.75" x2="-671.59" y1="164.4" y2="164.49" gradientTransform="matrix(-184.16 -32.472 -11.461 64.997 -121359 -32126)" gradientUnits="userSpaceOnUse"><stop stop-color="#EE2700" offset="0"></stop><stop stop-color="#FF008E" offset="1"></stop></linearGradient><path d="m344.1 363 97.7 17.2c5.8 2.1 8.2 6.1 7.1 12.1s-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1 0.8-12.8s8.3-4.4 13.7-2.1l55.2 53.6z" clip-rule="evenodd" fill="url(#m)" fill-rule="evenodd"></path><line x1="428.2" x2="429.1" y1="384.5" y2="378" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="395.2" x2="396.1" y1="379.5" y2="373" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="362.2" x2="363.1" y1="373.5" y2="367.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="324.2" x2="328.4" y1="351.3" y2="347.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="303.2" x2="307.4" y1="331.3" y2="327.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line></g><defs><filter id="ak" x="73.2" y="113.8" width="280.6" height="317.4" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="e" x="73.2" y="113.8" width="280.6" height="317.4" maskUnits="userSpaceOnUse"><g filter="url(#ak)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#e)"><linearGradient id="n" x1="-672.16" x2="-672.16" y1="165.03" y2="166.03" gradientTransform="matrix(-100.18 48.861 97.976 200.88 -83342 -93.059)" gradientUnits="userSpaceOnUse"><stop stop-color="#A17500" offset="0"></stop><stop stop-color="#5D2100" offset="1"></stop></linearGradient><path d="m192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.1-3 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6s-10.8-51.9-22.1-99.6l-25.3 4.6" clip-rule="evenodd" fill="url(#n)" fill-rule="evenodd"></path><g stroke="#2F8A00"><linearGradient id="r" x1="-660.23" x2="-660.23" y1="166.72" y2="167.72" gradientTransform="matrix(92.683 4.8573 -2.0259 38.657 61680 -3088.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z" clip-rule="evenodd" fill="url(#r)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="s" x1="-661.36" x2="-661.36" y1="164.18" y2="165.18" gradientTransform="matrix(110 5.7648 -6.3599 121.35 73933 -15933)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.4 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20.2 49.6-53.2 49.6-53.2z" clip-rule="evenodd" fill="url(#s)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="q" x1="-656.79" x2="-656.79" y1="165.15" y2="166.15" gradientTransform="matrix(62.954 3.2993 -3.5023 66.828 42156 -8754.1)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m195 183.9c-0.8-21.9 6-38 20.6-48.2s29.8-15.4 45.5-15.3c-6.1 21.4-14.5 35.8-25.2 43.4s-24.4 14.2-40.9 20.1z" clip-rule="evenodd" fill="url(#q)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="p" x1="-663.07" x2="-663.07" y1="165.44" y2="166.44" gradientTransform="matrix(152.47 7.9907 -3.0936 59.029 101884 -4318.7)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5c31.9-30 64.1-39.7 96.7-29s50.8 30.4 54.6 59.1c-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z" clip-rule="evenodd" fill="url(#p)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="o" x1="-662.57" x2="-662.57" y1="164.44" y2="165.44" gradientTransform="matrix(136.46 7.1517 -5.2163 99.533 91536 -11442)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5c35.8-7.6 65.6-0.2 89.2 22s37.7 49 42.3 80.3c-39.8-9.7-68.3-23.8-85.5-42.4s-32.5-38.5-46-59.9z" clip-rule="evenodd" fill="url(#o)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="l" x1="-656.43" x2="-656.43" y1="163.86" y2="164.86" gradientTransform="matrix(60.866 3.1899 -8.7773 167.48 41560 -25168)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6s-3.6 63.1 8.7 99.6c27.4-40.3 43.2-69.6 47.4-88s5.6-44.1 4-77.2z" clip-rule="evenodd" fill="url(#l)" fill-rule="evenodd" stroke-width="13"></path><path d="m196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4s-9.5 33-11.1 45.1" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m194.9 185.7c-24.4 1.7-43.8 9-58.1 21.8s-24.7 25.4-31.3 37.8" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m204.5 176.4c29.7-6.7 52-8.4 67-5.1s26.9 8.6 35.8 15.9" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m196.5 181.4c20.3 9.9 38.2 20.5 53.9 31.9s27.4 22.1 35.1 32" fill="none" stroke-linecap="round" stroke-width="8"></path></g></g><defs><filter id="al" x="50.5" y="399" width="532" height="633" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="d" x="50.5" y="399" width="532" height="633" maskUnits="userSpaceOnUse"><g filter="url(#al)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#d)"><linearGradient id="u" x1="-666.06" x2="-666.23" y1="163.36" y2="163.75" gradientTransform="matrix(532 0 0 633 354760 -102959)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF400" offset="0"></stop><stop stop-color="#3C8700" offset="1"></stop></linearGradient><ellipse cx="316.5" cy="715.5" rx="266" ry="316.5" fill="url(#u)"></ellipse></g><defs><filter id="ad" x="391" y="-24" width="288" height="283" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="c" x="391" y="-24" width="288" height="283" maskUnits="userSpaceOnUse"><g filter="url(#ad)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#c)"><linearGradient id="t" x1="-664.56" x2="-664.56" y1="163.79" y2="164.79" gradientTransform="matrix(227 0 0 227 151421 -37204)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDF00" offset="0"></stop><stop stop-color="#FF9D00" offset="1"></stop></linearGradient><circle cx="565.5" cy="89.5" r="113.5" fill="url(#t)"></circle><linearGradient id="v" x1="-644.5" x2="-645.77" y1="342" y2="342" gradientTransform="matrix(30 0 0 1 19770 -253)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="427" x2="397" y1="89" y2="89" fill="none" stroke="url(#v)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="aa" x1="-641.56" x2="-642.83" y1="196.02" y2="196.07" gradientTransform="matrix(26.5 0 0 5.5 17439 -1025.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="430.5" x2="404" y1="55.5" y2="50" fill="none" stroke="url(#aa)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="w" x1="-643.73" x2="-645" y1="185.83" y2="185.9" gradientTransform="matrix(29 0 0 8 19107 -1361)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="431" x2="402" y1="122" y2="130" fill="none" stroke="url(#w)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ac" x1="-638.94" x2="-640.22" y1="177.09" y2="177.39" gradientTransform="matrix(24 0 0 13 15783 -2145)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="442" x2="418" y1="153" y2="166" fill="none" stroke="url(#ac)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ab" x1="-633.42" x2="-634.7" y1="172.41" y2="173.31" gradientTransform="matrix(20 0 0 19 13137 -3096)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="464" x2="444" y1="180" y2="199" fill="none" stroke="url(#ab)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="y" x1="-619.05" x2="-619.52" y1="170.82" y2="171.82" gradientTransform="matrix(13.83 0 0 22.85 9050 -3703.4)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="491.4" x2="477.5" y1="203" y2="225.9" fill="none" stroke="url(#y)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="x" x1="-578.5" x2="-578.63" y1="170.31" y2="171.31" gradientTransform="matrix(7.5 0 0 24.5 4860 -3953)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="524.5" x2="517" y1="219.5" y2="244" fill="none" stroke="url(#x)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="z" x1="666.5" x2="666.5" y1="170.31" y2="171.31" gradientTransform="matrix(.5 0 0 24.5 231.5 -3944)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="564.5" x2="565" y1="228.5" y2="253" fill="none" stroke="url(#z)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12">`);
9341
+ var _tmpl$12 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#98A2B3" 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">`);
9342
+ var _tmpl$13 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#98A2B3" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="2" width="20" height="20" rx="2" class="check">`);
9343
+ var _tmpl$14 = /* @__PURE__ */ template(`<svg><g><line transform="rotate(45 7.18873 14.6316)" x1="3.56453" y1="14.63158" x2="10.81294" y2="14.63158" class="check"></line><line transform="rotate(-45 13.9674 11.5826)" x1="6.02012" y1="11.58263" x2="21.91469" y2="11.58263" class="check"></svg>`, false, true);
9344
+ var _tmpl$15 = /* @__PURE__ */ template(`<svg version="1.0" viewBox="0 0 633 633"><linearGradient id="a" x1="-666.45" x2="-666.45" y1="163.28" y2="163.99" gradientTransform="matrix(633 0 0 633 422177 -103358)" gradientUnits="userSpaceOnUse"><stop stop-color="#6BDAFF" offset="0"></stop><stop stop-color="#F9FFB5" offset=".32"></stop><stop stop-color="#FFA770" offset=".71"></stop><stop stop-color="#FF7373" offset="1"></stop></linearGradient><circle cx="316.5" cy="316.5" r="316.5" fill="url(#a)"></circle><defs><filter id="am" x="-137.5" y="412" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="b" x="-137.5" y="412" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#am)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#b)"><ellipse cx="89.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ah" x="316.5" y="412" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="k" x="316.5" y="412" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ah)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#k)"><ellipse cx="543.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ae" x="-137.5" y="450" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="j" x="-137.5" y="450" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ae)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#j)"><ellipse cx="89.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="ai" x="316.5" y="450" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="i" x="316.5" y="450" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ai)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#i)"><ellipse cx="543.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="aj" x="-137.5" y="486" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="h" x="-137.5" y="486" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#aj)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#h)"><ellipse cx="89.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="ag" x="316.5" y="486" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="g" x="316.5" y="486" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ag)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#g)"><ellipse cx="543.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="af" x="272.2" y="308" width="176.9" height="129.3" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="f" x="272.2" y="308" width="176.9" height="129.3" maskUnits="userSpaceOnUse"><g filter="url(#af)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#f)"><line x1="436" x2="431" y1="403.2" y2="431.8" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><line x1="291" x2="280" y1="341.5" y2="403.5" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><line x1="332.9" x2="328.6" y1="384.1" y2="411.2" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><linearGradient id="m" x1="-670.75" x2="-671.59" y1="164.4" y2="164.49" gradientTransform="matrix(-184.16 -32.472 -11.461 64.997 -121359 -32126)" gradientUnits="userSpaceOnUse"><stop stop-color="#EE2700" offset="0"></stop><stop stop-color="#FF008E" offset="1"></stop></linearGradient><path d="m344.1 363 97.7 17.2c5.8 2.1 8.2 6.1 7.1 12.1s-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1 0.8-12.8s8.3-4.4 13.7-2.1l55.2 53.6z" clip-rule="evenodd" fill="url(#m)" fill-rule="evenodd"></path><line x1="428.2" x2="429.1" y1="384.5" y2="378" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="395.2" x2="396.1" y1="379.5" y2="373" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="362.2" x2="363.1" y1="373.5" y2="367.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="324.2" x2="328.4" y1="351.3" y2="347.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="303.2" x2="307.4" y1="331.3" y2="327.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line></g><defs><filter id="ak" x="73.2" y="113.8" width="280.6" height="317.4" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="e" x="73.2" y="113.8" width="280.6" height="317.4" maskUnits="userSpaceOnUse"><g filter="url(#ak)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#e)"><linearGradient id="n" x1="-672.16" x2="-672.16" y1="165.03" y2="166.03" gradientTransform="matrix(-100.18 48.861 97.976 200.88 -83342 -93.059)" gradientUnits="userSpaceOnUse"><stop stop-color="#A17500" offset="0"></stop><stop stop-color="#5D2100" offset="1"></stop></linearGradient><path d="m192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.1-3 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6s-10.8-51.9-22.1-99.6l-25.3 4.6" clip-rule="evenodd" fill="url(#n)" fill-rule="evenodd"></path><g stroke="#2F8A00"><linearGradient id="r" x1="-660.23" x2="-660.23" y1="166.72" y2="167.72" gradientTransform="matrix(92.683 4.8573 -2.0259 38.657 61680 -3088.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z" clip-rule="evenodd" fill="url(#r)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="s" x1="-661.36" x2="-661.36" y1="164.18" y2="165.18" gradientTransform="matrix(110 5.7648 -6.3599 121.35 73933 -15933)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.4 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20.2 49.6-53.2 49.6-53.2z" clip-rule="evenodd" fill="url(#s)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="q" x1="-656.79" x2="-656.79" y1="165.15" y2="166.15" gradientTransform="matrix(62.954 3.2993 -3.5023 66.828 42156 -8754.1)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m195 183.9c-0.8-21.9 6-38 20.6-48.2s29.8-15.4 45.5-15.3c-6.1 21.4-14.5 35.8-25.2 43.4s-24.4 14.2-40.9 20.1z" clip-rule="evenodd" fill="url(#q)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="p" x1="-663.07" x2="-663.07" y1="165.44" y2="166.44" gradientTransform="matrix(152.47 7.9907 -3.0936 59.029 101884 -4318.7)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5c31.9-30 64.1-39.7 96.7-29s50.8 30.4 54.6 59.1c-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z" clip-rule="evenodd" fill="url(#p)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="o" x1="-662.57" x2="-662.57" y1="164.44" y2="165.44" gradientTransform="matrix(136.46 7.1517 -5.2163 99.533 91536 -11442)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5c35.8-7.6 65.6-0.2 89.2 22s37.7 49 42.3 80.3c-39.8-9.7-68.3-23.8-85.5-42.4s-32.5-38.5-46-59.9z" clip-rule="evenodd" fill="url(#o)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="l" x1="-656.43" x2="-656.43" y1="163.86" y2="164.86" gradientTransform="matrix(60.866 3.1899 -8.7773 167.48 41560 -25168)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><path d="m194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6s-3.6 63.1 8.7 99.6c27.4-40.3 43.2-69.6 47.4-88s5.6-44.1 4-77.2z" clip-rule="evenodd" fill="url(#l)" fill-rule="evenodd" stroke-width="13"></path><path d="m196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4s-9.5 33-11.1 45.1" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m194.9 185.7c-24.4 1.7-43.8 9-58.1 21.8s-24.7 25.4-31.3 37.8" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m204.5 176.4c29.7-6.7 52-8.4 67-5.1s26.9 8.6 35.8 15.9" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m196.5 181.4c20.3 9.9 38.2 20.5 53.9 31.9s27.4 22.1 35.1 32" fill="none" stroke-linecap="round" stroke-width="8"></path></g></g><defs><filter id="al" x="50.5" y="399" width="532" height="633" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="d" x="50.5" y="399" width="532" height="633" maskUnits="userSpaceOnUse"><g filter="url(#al)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#d)"><linearGradient id="u" x1="-666.06" x2="-666.23" y1="163.36" y2="163.75" gradientTransform="matrix(532 0 0 633 354760 -102959)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF400" offset="0"></stop><stop stop-color="#3C8700" offset="1"></stop></linearGradient><ellipse cx="316.5" cy="715.5" rx="266" ry="316.5" fill="url(#u)"></ellipse></g><defs><filter id="ad" x="391" y="-24" width="288" height="283" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask id="c" x="391" y="-24" width="288" height="283" maskUnits="userSpaceOnUse"><g filter="url(#ad)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#c)"><linearGradient id="t" x1="-664.56" x2="-664.56" y1="163.79" y2="164.79" gradientTransform="matrix(227 0 0 227 151421 -37204)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDF00" offset="0"></stop><stop stop-color="#FF9D00" offset="1"></stop></linearGradient><circle cx="565.5" cy="89.5" r="113.5" fill="url(#t)"></circle><linearGradient id="v" x1="-644.5" x2="-645.77" y1="342" y2="342" gradientTransform="matrix(30 0 0 1 19770 -253)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="427" x2="397" y1="89" y2="89" fill="none" stroke="url(#v)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="aa" x1="-641.56" x2="-642.83" y1="196.02" y2="196.07" gradientTransform="matrix(26.5 0 0 5.5 17439 -1025.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="430.5" x2="404" y1="55.5" y2="50" fill="none" stroke="url(#aa)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="w" x1="-643.73" x2="-645" y1="185.83" y2="185.9" gradientTransform="matrix(29 0 0 8 19107 -1361)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="431" x2="402" y1="122" y2="130" fill="none" stroke="url(#w)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ac" x1="-638.94" x2="-640.22" y1="177.09" y2="177.39" gradientTransform="matrix(24 0 0 13 15783 -2145)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="442" x2="418" y1="153" y2="166" fill="none" stroke="url(#ac)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ab" x1="-633.42" x2="-634.7" y1="172.41" y2="173.31" gradientTransform="matrix(20 0 0 19 13137 -3096)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="464" x2="444" y1="180" y2="199" fill="none" stroke="url(#ab)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="y" x1="-619.05" x2="-619.52" y1="170.82" y2="171.82" gradientTransform="matrix(13.83 0 0 22.85 9050 -3703.4)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="491.4" x2="477.5" y1="203" y2="225.9" fill="none" stroke="url(#y)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="x" x1="-578.5" x2="-578.63" y1="170.31" y2="171.31" gradientTransform="matrix(7.5 0 0 24.5 4860 -3953)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="524.5" x2="517" y1="219.5" y2="244" fill="none" stroke="url(#x)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="z" x1="666.5" x2="666.5" y1="170.31" y2="171.31" gradientTransform="matrix(.5 0 0 24.5 231.5 -3944)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="564.5" x2="565" y1="228.5" y2="253" fill="none" stroke="url(#z)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12">`);
9262
9345
  function Search() {
9263
9346
  return _tmpl$();
9264
9347
  }
@@ -9318,17 +9401,46 @@ function CopiedCopier() {
9318
9401
  function ErrorCopier() {
9319
9402
  return _tmpl$11();
9320
9403
  }
9321
- function TanstackLogo() {
9404
+ function List() {
9322
9405
  return _tmpl$12();
9323
9406
  }
9407
+ function Check(props) {
9408
+ return (() => {
9409
+ const _el$15 = _tmpl$13(); _el$15.firstChild;
9410
+ insert(_el$15, (() => {
9411
+ const _c$ = createMemo(() => !!props.checked);
9412
+ return () => _c$() && _tmpl$14();
9413
+ })(), null);
9414
+ return _el$15;
9415
+ })();
9416
+ }
9417
+ function TanstackLogo() {
9418
+ return _tmpl$15();
9419
+ }
9420
+
9421
+ // src/Context.ts
9422
+ var QueryDevtoolsContext = createContext({
9423
+ client: void 0,
9424
+ onlineManager: void 0,
9425
+ queryFlavor: "",
9426
+ version: ""
9427
+ });
9428
+ function useQueryDevtoolsContext() {
9429
+ return useContext(QueryDevtoolsContext);
9430
+ }
9324
9431
 
9325
9432
  // src/Explorer.tsx
9326
- var _tmpl$13 = /* @__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">`);
9327
- var _tmpl$22 = /* @__PURE__ */ template(`<button>`);
9328
- var _tmpl$32 = /* @__PURE__ */ template(`<div><button> <span></span> <span> `);
9329
- var _tmpl$42 = /* @__PURE__ */ template(`<div>`);
9330
- var _tmpl$52 = /* @__PURE__ */ template(`<div><span>:</span> <span>`);
9331
- var _tmpl$62 = /* @__PURE__ */ template(`<div><div><button> [<!>...<!>]`);
9433
+ var _tmpl$16 = /* @__PURE__ */ template(`<span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12L10 8L6 4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">`);
9434
+ var _tmpl$22 = /* @__PURE__ */ template(`<button title="Copy object to clipboard">`);
9435
+ var _tmpl$32 = /* @__PURE__ */ template(`<button title="Remove all items" aria-label="Remove all items">`);
9436
+ var _tmpl$42 = /* @__PURE__ */ template(`<button title="Delete item" aria-label="Delete item">`);
9437
+ var _tmpl$52 = /* @__PURE__ */ template(`<button title="Toggle value" aria-label="Toggle value">`);
9438
+ var _tmpl$62 = /* @__PURE__ */ template(`<div>`);
9439
+ var _tmpl$72 = /* @__PURE__ */ template(`<div><button> <span></span> <span> `);
9440
+ var _tmpl$82 = /* @__PURE__ */ template(`<input>`);
9441
+ var _tmpl$92 = /* @__PURE__ */ template(`<span>`);
9442
+ var _tmpl$102 = /* @__PURE__ */ template(`<div><span>:`);
9443
+ var _tmpl$112 = /* @__PURE__ */ template(`<div><div><button> [<!>...<!>]`);
9332
9444
  function chunkArray(array, size2) {
9333
9445
  if (size2 < 1)
9334
9446
  return [];
@@ -9343,7 +9455,7 @@ function chunkArray(array, size2) {
9343
9455
  var Expander = (props) => {
9344
9456
  const styles = getStyles();
9345
9457
  return (() => {
9346
- const _el$ = _tmpl$13();
9458
+ const _el$ = _tmpl$16();
9347
9459
  createRenderEffect(() => className(_el$, clsx(styles.expander, u`
9348
9460
  transform: rotate(${props.expanded ? 90 : 0}deg);
9349
9461
  `, props.expanded && u`
@@ -9400,7 +9512,7 @@ var CopyButton = (props) => {
9400
9512
  }
9401
9513
  }));
9402
9514
  createRenderEffect((_p$) => {
9403
- const _v$ = styles.copyButton, _v$2 = `${copyState() === "NoCopy" ? "Copy object to clipboard" : copyState() === "SuccessCopy" ? "Object copied to clipboard" : "Error copying object to clipboard"}`;
9515
+ const _v$ = styles.actionButton, _v$2 = `${copyState() === "NoCopy" ? "Copy object to clipboard" : copyState() === "SuccessCopy" ? "Object copied to clipboard" : "Error copying object to clipboard"}`;
9404
9516
  _v$ !== _p$._v$ && className(_el$2, _p$._v$ = _v$);
9405
9517
  _v$2 !== _p$._v$2 && setAttribute(_el$2, "aria-label", _p$._v$2 = _v$2);
9406
9518
  return _p$;
@@ -9411,11 +9523,61 @@ var CopyButton = (props) => {
9411
9523
  return _el$2;
9412
9524
  })();
9413
9525
  };
9526
+ var ClearArrayButton = (props) => {
9527
+ const styles = getStyles();
9528
+ const queryClient = useQueryDevtoolsContext().client;
9529
+ return (() => {
9530
+ const _el$3 = _tmpl$32();
9531
+ _el$3.$$click = () => {
9532
+ const oldData = props.activeQuery.state.data;
9533
+ const newData = updateNestedDataByPath(oldData, props.dataPath, []);
9534
+ queryClient.setQueryData(props.activeQuery.queryKey, newData);
9535
+ };
9536
+ insert(_el$3, createComponent(List, {}));
9537
+ createRenderEffect(() => className(_el$3, styles.actionButton));
9538
+ return _el$3;
9539
+ })();
9540
+ };
9541
+ var DeleteItemButton = (props) => {
9542
+ const styles = getStyles();
9543
+ const queryClient = useQueryDevtoolsContext().client;
9544
+ return (() => {
9545
+ const _el$4 = _tmpl$42();
9546
+ _el$4.$$click = () => {
9547
+ const oldData = props.activeQuery.state.data;
9548
+ const newData = deleteNestedDataByPath(oldData, props.dataPath);
9549
+ queryClient.setQueryData(props.activeQuery.queryKey, newData);
9550
+ };
9551
+ insert(_el$4, createComponent(Trash, {}));
9552
+ createRenderEffect(() => className(_el$4, clsx(styles.actionButton)));
9553
+ return _el$4;
9554
+ })();
9555
+ };
9556
+ var ToggleValueButton = (props) => {
9557
+ const styles = getStyles();
9558
+ const queryClient = useQueryDevtoolsContext().client;
9559
+ return (() => {
9560
+ const _el$5 = _tmpl$52();
9561
+ _el$5.$$click = () => {
9562
+ const oldData = props.activeQuery.state.data;
9563
+ const newData = updateNestedDataByPath(oldData, props.dataPath, !props.value);
9564
+ queryClient.setQueryData(props.activeQuery.queryKey, newData);
9565
+ };
9566
+ insert(_el$5, createComponent(Check, {
9567
+ get checked() {
9568
+ return props.value;
9569
+ }
9570
+ }));
9571
+ createRenderEffect(() => className(_el$5, clsx(styles.actionButton)));
9572
+ return _el$5;
9573
+ })();
9574
+ };
9414
9575
  function isIterable(x) {
9415
9576
  return Symbol.iterator in x;
9416
9577
  }
9417
9578
  function Explorer(props) {
9418
9579
  const styles = getStyles();
9580
+ const queryClient = useQueryDevtoolsContext().client;
9419
9581
  const [expanded, setExpanded] = createSignal((props.defaultExpanded || []).includes(props.label));
9420
9582
  const toggleExpanded = () => setExpanded((old) => !old);
9421
9583
  const [expandedPages, setExpandedPages] = createSignal([]);
@@ -9455,49 +9617,79 @@ function Explorer(props) {
9455
9617
  return typeof props.value;
9456
9618
  });
9457
9619
  const subEntryPages = createMemo(() => chunkArray(subEntries(), 100));
9620
+ const currentDataPath = props.dataPath ?? [];
9458
9621
  return (() => {
9459
- const _el$3 = _tmpl$42();
9460
- insert(_el$3, createComponent(Show, {
9622
+ const _el$6 = _tmpl$62();
9623
+ insert(_el$6, createComponent(Show, {
9461
9624
  get when() {
9462
9625
  return subEntryPages().length;
9463
9626
  },
9464
9627
  get children() {
9465
9628
  return [(() => {
9466
- const _el$4 = _tmpl$32(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling, _el$10 = _el$9.firstChild;
9467
- _el$5.$$click = () => toggleExpanded();
9468
- insert(_el$5, createComponent(Expander, {
9629
+ const _el$7 = _tmpl$72(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$10 = _el$9.nextSibling, _el$11 = _el$10.nextSibling, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild;
9630
+ _el$8.$$click = () => toggleExpanded();
9631
+ insert(_el$8, createComponent(Expander, {
9469
9632
  get expanded() {
9470
9633
  return expanded();
9471
9634
  }
9472
- }), _el$6);
9473
- insert(_el$7, () => props.label);
9474
- insert(_el$9, () => String(type()).toLowerCase() === "iterable" ? "(Iterable) " : "", _el$10);
9475
- insert(_el$9, () => subEntries().length, _el$10);
9476
- insert(_el$9, () => subEntries().length > 1 ? `items` : `item`, null);
9477
- insert(_el$4, createComponent(Show, {
9635
+ }), _el$9);
9636
+ insert(_el$10, () => props.label);
9637
+ insert(_el$12, () => String(type()).toLowerCase() === "iterable" ? "(Iterable) " : "", _el$13);
9638
+ insert(_el$12, () => subEntries().length, _el$13);
9639
+ insert(_el$12, () => subEntries().length > 1 ? `items` : `item`, null);
9640
+ insert(_el$7, createComponent(Show, {
9478
9641
  get when() {
9479
- return props.copyable;
9642
+ return props.editable;
9480
9643
  },
9481
9644
  get children() {
9482
- return createComponent(CopyButton, {
9645
+ const _el$14 = _tmpl$62();
9646
+ insert(_el$14, createComponent(CopyButton, {
9483
9647
  get value() {
9484
9648
  return props.value;
9485
9649
  }
9486
- });
9650
+ }), null);
9651
+ insert(_el$14, createComponent(Show, {
9652
+ get when() {
9653
+ return props.itemsDeletable && props.activeQuery !== void 0;
9654
+ },
9655
+ get children() {
9656
+ return createComponent(DeleteItemButton, {
9657
+ get activeQuery() {
9658
+ return props.activeQuery;
9659
+ },
9660
+ dataPath: currentDataPath
9661
+ });
9662
+ }
9663
+ }), null);
9664
+ insert(_el$14, createComponent(Show, {
9665
+ get when() {
9666
+ return type() === "array" && props.activeQuery !== void 0;
9667
+ },
9668
+ get children() {
9669
+ return createComponent(ClearArrayButton, {
9670
+ get activeQuery() {
9671
+ return props.activeQuery;
9672
+ },
9673
+ dataPath: currentDataPath
9674
+ });
9675
+ }
9676
+ }), null);
9677
+ createRenderEffect(() => className(_el$14, styles.actions));
9678
+ return _el$14;
9487
9679
  }
9488
9680
  }), null);
9489
9681
  createRenderEffect((_p$) => {
9490
9682
  const _v$3 = styles.expanderButtonContainer, _v$4 = styles.expanderButton, _v$5 = styles.info;
9491
- _v$3 !== _p$._v$3 && className(_el$4, _p$._v$3 = _v$3);
9492
- _v$4 !== _p$._v$4 && className(_el$5, _p$._v$4 = _v$4);
9493
- _v$5 !== _p$._v$5 && className(_el$9, _p$._v$5 = _v$5);
9683
+ _v$3 !== _p$._v$3 && className(_el$7, _p$._v$3 = _v$3);
9684
+ _v$4 !== _p$._v$4 && className(_el$8, _p$._v$4 = _v$4);
9685
+ _v$5 !== _p$._v$5 && className(_el$12, _p$._v$5 = _v$5);
9494
9686
  return _p$;
9495
9687
  }, {
9496
9688
  _v$3: void 0,
9497
9689
  _v$4: void 0,
9498
9690
  _v$5: void 0
9499
9691
  });
9500
- return _el$4;
9692
+ return _el$7;
9501
9693
  })(), createComponent(Show, {
9502
9694
  get when() {
9503
9695
  return expanded();
@@ -9508,8 +9700,8 @@ function Explorer(props) {
9508
9700
  return subEntryPages().length === 1;
9509
9701
  },
9510
9702
  get children() {
9511
- const _el$11 = _tmpl$42();
9512
- insert(_el$11, createComponent(Key, {
9703
+ const _el$15 = _tmpl$62();
9704
+ insert(_el$15, createComponent(Key, {
9513
9705
  get each() {
9514
9706
  return subEntries();
9515
9707
  },
@@ -9525,42 +9717,51 @@ function Explorer(props) {
9525
9717
  get value() {
9526
9718
  return entry().value;
9527
9719
  },
9528
- get copyable() {
9529
- return props.copyable;
9720
+ get editable() {
9721
+ return props.editable;
9722
+ },
9723
+ get dataPath() {
9724
+ return [...currentDataPath, entry().label];
9725
+ },
9726
+ get activeQuery() {
9727
+ return props.activeQuery;
9728
+ },
9729
+ get itemsDeletable() {
9730
+ return type() === "array" || type() === "Iterable" || type() === "object";
9530
9731
  }
9531
9732
  });
9532
9733
  }
9533
9734
  }));
9534
- createRenderEffect(() => className(_el$11, styles.subEntry));
9535
- return _el$11;
9735
+ createRenderEffect(() => className(_el$15, styles.subEntry));
9736
+ return _el$15;
9536
9737
  }
9537
9738
  }), createComponent(Show, {
9538
9739
  get when() {
9539
9740
  return subEntryPages().length > 1;
9540
9741
  },
9541
9742
  get children() {
9542
- const _el$12 = _tmpl$42();
9543
- insert(_el$12, createComponent(Index, {
9743
+ const _el$16 = _tmpl$62();
9744
+ insert(_el$16, createComponent(Index, {
9544
9745
  get each() {
9545
9746
  return subEntryPages();
9546
9747
  },
9547
9748
  children: (entries3, index) => (() => {
9548
- const _el$18 = _tmpl$62(), _el$19 = _el$18.firstChild, _el$20 = _el$19.firstChild, _el$21 = _el$20.firstChild, _el$25 = _el$21.nextSibling, _el$23 = _el$25.nextSibling, _el$26 = _el$23.nextSibling; _el$26.nextSibling;
9549
- _el$20.$$click = () => setExpandedPages((old) => old.includes(index) ? old.filter((d) => d !== index) : [...old, index]);
9550
- insert(_el$20, createComponent(Expander, {
9749
+ const _el$22 = _tmpl$112(), _el$23 = _el$22.firstChild, _el$24 = _el$23.firstChild, _el$25 = _el$24.firstChild, _el$29 = _el$25.nextSibling, _el$27 = _el$29.nextSibling, _el$30 = _el$27.nextSibling; _el$30.nextSibling;
9750
+ _el$24.$$click = () => setExpandedPages((old) => old.includes(index) ? old.filter((d) => d !== index) : [...old, index]);
9751
+ insert(_el$24, createComponent(Expander, {
9551
9752
  get expanded() {
9552
9753
  return expandedPages().includes(index);
9553
9754
  }
9554
- }), _el$21);
9555
- insert(_el$20, index * 100, _el$25);
9556
- insert(_el$20, index * 100 + 100 - 1, _el$26);
9557
- insert(_el$19, createComponent(Show, {
9755
+ }), _el$25);
9756
+ insert(_el$24, index * 100, _el$29);
9757
+ insert(_el$24, index * 100 + 100 - 1, _el$30);
9758
+ insert(_el$23, createComponent(Show, {
9558
9759
  get when() {
9559
9760
  return expandedPages().includes(index);
9560
9761
  },
9561
9762
  get children() {
9562
- const _el$27 = _tmpl$42();
9563
- insert(_el$27, createComponent(Key, {
9763
+ const _el$31 = _tmpl$62();
9764
+ insert(_el$31, createComponent(Key, {
9564
9765
  get each() {
9565
9766
  return entries3();
9566
9767
  },
@@ -9575,58 +9776,133 @@ function Explorer(props) {
9575
9776
  get value() {
9576
9777
  return entry().value;
9577
9778
  },
9578
- get copyable() {
9579
- return props.copyable;
9779
+ get editable() {
9780
+ return props.editable;
9781
+ },
9782
+ get dataPath() {
9783
+ return [...currentDataPath, entry().label];
9784
+ },
9785
+ get activeQuery() {
9786
+ return props.activeQuery;
9580
9787
  }
9581
9788
  })
9582
9789
  }));
9583
- createRenderEffect(() => className(_el$27, styles.subEntry));
9584
- return _el$27;
9790
+ createRenderEffect(() => className(_el$31, styles.subEntry));
9791
+ return _el$31;
9585
9792
  }
9586
9793
  }), null);
9587
9794
  createRenderEffect((_p$) => {
9588
- const _v$8 = styles.entry, _v$9 = styles.expanderButton;
9589
- _v$8 !== _p$._v$8 && className(_el$19, _p$._v$8 = _v$8);
9590
- _v$9 !== _p$._v$9 && className(_el$20, _p$._v$9 = _v$9);
9795
+ const _v$10 = styles.entry, _v$11 = styles.expanderButton;
9796
+ _v$10 !== _p$._v$10 && className(_el$23, _p$._v$10 = _v$10);
9797
+ _v$11 !== _p$._v$11 && className(_el$24, _p$._v$11 = _v$11);
9591
9798
  return _p$;
9592
9799
  }, {
9593
- _v$8: void 0,
9594
- _v$9: void 0
9800
+ _v$10: void 0,
9801
+ _v$11: void 0
9595
9802
  });
9596
- return _el$18;
9803
+ return _el$22;
9597
9804
  })()
9598
9805
  }));
9599
- createRenderEffect(() => className(_el$12, styles.subEntry));
9600
- return _el$12;
9806
+ createRenderEffect(() => className(_el$16, styles.subEntry));
9807
+ return _el$16;
9601
9808
  }
9602
9809
  })];
9603
9810
  }
9604
9811
  })];
9605
9812
  }
9606
9813
  }), null);
9607
- insert(_el$3, createComponent(Show, {
9814
+ insert(_el$6, createComponent(Show, {
9608
9815
  get when() {
9609
9816
  return subEntryPages().length === 0;
9610
9817
  },
9611
9818
  get children() {
9612
- const _el$13 = _tmpl$52(), _el$14 = _el$13.firstChild, _el$15 = _el$14.firstChild, _el$16 = _el$14.nextSibling, _el$17 = _el$16.nextSibling;
9613
- _el$13.style.setProperty("line-height", "1.125rem");
9614
- insert(_el$14, () => props.label, _el$15);
9615
- insert(_el$17, () => displayValue(props.value));
9819
+ const _el$17 = _tmpl$102(), _el$18 = _el$17.firstChild, _el$19 = _el$18.firstChild;
9820
+ insert(_el$18, () => props.label, _el$19);
9821
+ insert(_el$17, createComponent(Show, {
9822
+ get when() {
9823
+ return createMemo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number" || type() === "boolean");
9824
+ },
9825
+ get fallback() {
9826
+ return (() => {
9827
+ const _el$32 = _tmpl$92();
9828
+ insert(_el$32, () => displayValue(props.value));
9829
+ createRenderEffect(() => className(_el$32, styles.value));
9830
+ return _el$32;
9831
+ })();
9832
+ },
9833
+ get children() {
9834
+ return [createComponent(Show, {
9835
+ get when() {
9836
+ return createMemo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number");
9837
+ },
9838
+ get children() {
9839
+ const _el$20 = _tmpl$82();
9840
+ _el$20.addEventListener("change", (changeEvent) => {
9841
+ const oldData = props.activeQuery.state.data;
9842
+ const newData = updateNestedDataByPath(oldData, currentDataPath, type() === "number" ? changeEvent.target.valueAsNumber : changeEvent.target.value);
9843
+ queryClient.setQueryData(props.activeQuery.queryKey, newData);
9844
+ });
9845
+ createRenderEffect((_p$) => {
9846
+ const _v$6 = type() === "number" ? "number" : "text", _v$7 = clsx(styles.value, styles.editableInput);
9847
+ _v$6 !== _p$._v$6 && setAttribute(_el$20, "type", _p$._v$6 = _v$6);
9848
+ _v$7 !== _p$._v$7 && className(_el$20, _p$._v$7 = _v$7);
9849
+ return _p$;
9850
+ }, {
9851
+ _v$6: void 0,
9852
+ _v$7: void 0
9853
+ });
9854
+ createRenderEffect(() => _el$20.value = props.value);
9855
+ return _el$20;
9856
+ }
9857
+ }), createComponent(Show, {
9858
+ get when() {
9859
+ return type() === "boolean";
9860
+ },
9861
+ get children() {
9862
+ const _el$21 = _tmpl$92();
9863
+ insert(_el$21, createComponent(ToggleValueButton, {
9864
+ get activeQuery() {
9865
+ return props.activeQuery;
9866
+ },
9867
+ dataPath: currentDataPath,
9868
+ get value() {
9869
+ return props.value;
9870
+ }
9871
+ }), null);
9872
+ insert(_el$21, () => displayValue(props.value), null);
9873
+ createRenderEffect(() => className(_el$21, clsx(styles.value, styles.actions, styles.editableInput)));
9874
+ return _el$21;
9875
+ }
9876
+ })];
9877
+ }
9878
+ }), null);
9879
+ insert(_el$17, createComponent(Show, {
9880
+ get when() {
9881
+ return props.editable && props.itemsDeletable && props.activeQuery !== void 0;
9882
+ },
9883
+ get children() {
9884
+ return createComponent(DeleteItemButton, {
9885
+ get activeQuery() {
9886
+ return props.activeQuery;
9887
+ },
9888
+ dataPath: currentDataPath
9889
+ });
9890
+ }
9891
+ }), null);
9616
9892
  createRenderEffect((_p$) => {
9617
- const _v$6 = styles.label, _v$7 = styles.value;
9618
- _v$6 !== _p$._v$6 && className(_el$14, _p$._v$6 = _v$6);
9619
- _v$7 !== _p$._v$7 && className(_el$17, _p$._v$7 = _v$7);
9893
+ const _v$8 = styles.row, _v$9 = styles.label;
9894
+ _v$8 !== _p$._v$8 && className(_el$17, _p$._v$8 = _v$8);
9895
+ _v$9 !== _p$._v$9 && className(_el$18, _p$._v$9 = _v$9);
9620
9896
  return _p$;
9621
9897
  }, {
9622
- _v$6: void 0,
9623
- _v$7: void 0
9898
+ _v$8: void 0,
9899
+ _v$9: void 0
9624
9900
  });
9625
- return _el$13;
9901
+ return _el$17;
9626
9902
  }
9627
9903
  }), null);
9628
- createRenderEffect(() => className(_el$3, styles.entry));
9629
- return _el$3;
9904
+ createRenderEffect(() => className(_el$6, styles.entry));
9905
+ return _el$6;
9630
9906
  })();
9631
9907
  }
9632
9908
  var getStyles = () => {
@@ -9670,6 +9946,7 @@ var getStyles = () => {
9670
9946
  align-items: center;
9671
9947
  line-height: 1.125rem;
9672
9948
  min-height: 1.125rem;
9949
+ gap: ${size2[2]};
9673
9950
  `,
9674
9951
  expanderButton: u`
9675
9952
  cursor: pointer;
@@ -9707,8 +9984,32 @@ var getStyles = () => {
9707
9984
  `,
9708
9985
  value: u`
9709
9986
  color: ${colors.purple[400]};
9987
+ flex-grow: 1;
9988
+ `,
9989
+ actions: u`
9990
+ display: inline-flex;
9991
+ gap: ${size2[2]};
9992
+ align-items: center;
9993
+ `,
9994
+ row: u`
9995
+ display: inline-flex;
9996
+ gap: ${size2[2]};
9997
+ width: 100%;
9998
+ margin-bottom: ${size2[0.5]};
9999
+ line-height: 1.125rem;
10000
+ align-items: center;
9710
10001
  `,
9711
- copyButton: u`
10002
+ editableInput: u`
10003
+ border: none;
10004
+ padding: ${size2[0.5]} ${size2[1]};
10005
+ flex-grow: 1;
10006
+ background-color: ${colors.gray[900]};
10007
+
10008
+ &:hover {
10009
+ background-color: ${colors.gray[800]};
10010
+ }
10011
+ `,
10012
+ actionButton: u`
9712
10013
  background-color: transparent;
9713
10014
  border: none;
9714
10015
  display: inline-flex;
@@ -9719,11 +10020,18 @@ var getStyles = () => {
9719
10020
  width: ${size2[3]};
9720
10021
  height: ${size2[3]};
9721
10022
  position: relative;
9722
- left: ${size2[2]};
9723
10023
  z-index: 1;
9724
10024
 
9725
- &:hover svg .copier {
9726
- stroke: ${colors.gray[500]} !important;
10025
+ &:hover svg {
10026
+ .copier,
10027
+ .check,
10028
+ .list {
10029
+ stroke: ${colors.gray[500]} !important;
10030
+ }
10031
+
10032
+ .list-item {
10033
+ stroke: ${colors.gray[700]};
10034
+ }
9727
10035
  }
9728
10036
 
9729
10037
  &:focus-visible {
@@ -9736,17 +10044,6 @@ var getStyles = () => {
9736
10044
  };
9737
10045
  delegateEvents(["click"]);
9738
10046
 
9739
- // src/Context.ts
9740
- var QueryDevtoolsContext = createContext({
9741
- client: void 0,
9742
- onlineManager: void 0,
9743
- queryFlavor: "",
9744
- version: ""
9745
- });
9746
- function useQueryDevtoolsContext() {
9747
- return useContext(QueryDevtoolsContext);
9748
- }
9749
-
9750
10047
  // src/fonts.ts
9751
10048
  var loadFonts = () => {
9752
10049
  const link = document.createElement("link");
@@ -9756,23 +10053,23 @@ var loadFonts = () => {
9756
10053
  };
9757
10054
 
9758
10055
  // src/Devtools.tsx
9759
- var _tmpl$14 = /* @__PURE__ */ template(`<div><div aria-hidden="true"></div><button aria-label="Open Tanstack query devtools">`);
10056
+ var _tmpl$17 = /* @__PURE__ */ template(`<div><div aria-hidden="true"></div><button aria-label="Open Tanstack query devtools">`);
9760
10057
  var _tmpl$23 = /* @__PURE__ */ template(`<div>`);
9761
10058
  var _tmpl$33 = /* @__PURE__ */ template(`<span>Asc`);
9762
10059
  var _tmpl$43 = /* @__PURE__ */ template(`<span>Desc`);
9763
10060
  var _tmpl$53 = /* @__PURE__ */ template(`<div>Settings`);
9764
10061
  var _tmpl$63 = /* @__PURE__ */ template(`<span>Position`);
9765
- var _tmpl$72 = /* @__PURE__ */ template(`<span>Top`);
9766
- var _tmpl$82 = /* @__PURE__ */ template(`<span>Bottom`);
9767
- var _tmpl$92 = /* @__PURE__ */ template(`<span>Left`);
9768
- var _tmpl$102 = /* @__PURE__ */ template(`<span>Right`);
9769
- var _tmpl$112 = /* @__PURE__ */ template(`<aside aria-label="Tanstack query devtools"><div></div><button aria-label="Close tanstack query devtools"></button><div><div><button aria-label="Close Tanstack query devtools"><span>TANSTACK</span><span> v</span></button></div><div><div><div><input aria-label="Filter queries by query key" type="text" placeholder="Filter" class="tsqd-query-filter-textfield"></div><div><select></select></div><button class="tsqd-query-filter-sort-order-btn"></button></div><div><button aria-label="Clear query cache" title="Clear query cache"></button><button></button></div></div><div><div class="tsqd-queries-container">`);
10062
+ var _tmpl$73 = /* @__PURE__ */ template(`<span>Top`);
10063
+ var _tmpl$83 = /* @__PURE__ */ template(`<span>Bottom`);
10064
+ var _tmpl$93 = /* @__PURE__ */ template(`<span>Left`);
10065
+ var _tmpl$103 = /* @__PURE__ */ template(`<span>Right`);
10066
+ var _tmpl$113 = /* @__PURE__ */ template(`<aside aria-label="Tanstack query devtools"><div></div><button aria-label="Close tanstack query devtools"></button><div><div><button aria-label="Close Tanstack query devtools"><span>TANSTACK</span><span> v</span></button></div><div><div><div><input aria-label="Filter queries by query key" type="text" placeholder="Filter" class="tsqd-query-filter-textfield"></div><div><select></select></div><button class="tsqd-query-filter-sort-order-btn"></button></div><div><button aria-label="Clear query cache" title="Clear query cache"></button><button></button></div></div><div><div class="tsqd-queries-container">`);
9770
10067
  var _tmpl$122 = /* @__PURE__ */ template(`<option>Sort by `);
9771
10068
  var _tmpl$132 = /* @__PURE__ */ template(`<div class="tsqd-query-disabled-indicator">disabled`);
9772
10069
  var _tmpl$142 = /* @__PURE__ */ template(`<button><div></div><code class="tsqd-query-hash">`);
9773
- var _tmpl$15 = /* @__PURE__ */ template(`<div role="tooltip" id="tsqd-status-tooltip">`);
9774
- var _tmpl$16 = /* @__PURE__ */ template(`<span>`);
9775
- var _tmpl$17 = /* @__PURE__ */ template(`<button><span></span><span>`);
10070
+ var _tmpl$152 = /* @__PURE__ */ template(`<div role="tooltip" id="tsqd-status-tooltip">`);
10071
+ var _tmpl$162 = /* @__PURE__ */ template(`<span>`);
10072
+ var _tmpl$172 = /* @__PURE__ */ template(`<button><span></span><span>`);
9776
10073
  var _tmpl$18 = /* @__PURE__ */ template(`<button><span></span> Error`);
9777
10074
  var _tmpl$19 = /* @__PURE__ */ template(`<div><span></span>Trigger Error<select><option value="" disabled selected>`);
9778
10075
  var _tmpl$20 = /* @__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">`);
@@ -9847,7 +10144,7 @@ var Devtools = () => {
9847
10144
  return !isOpen();
9848
10145
  },
9849
10146
  get children() {
9850
- const _el$2 = _tmpl$14(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
10147
+ const _el$2 = _tmpl$17(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
9851
10148
  insert(_el$3, createComponent(TanstackLogo, {}));
9852
10149
  _el$4.$$click = () => setLocalStore("open", "true");
9853
10150
  insert(_el$4, createComponent(TanstackLogo, {}));
@@ -9992,7 +10289,7 @@ var DevtoolsPanel = (props) => {
9992
10289
  });
9993
10290
  });
9994
10291
  return (() => {
9995
- const _el$5 = _tmpl$112(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.firstChild, _el$10 = _el$9.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$9.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$16.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$18.nextSibling, _el$23 = _el$15.nextSibling, _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling, _el$32 = _el$14.nextSibling, _el$33 = _el$32.firstChild;
10292
+ const _el$5 = _tmpl$113(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.firstChild, _el$10 = _el$9.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$9.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$16.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$18.nextSibling, _el$23 = _el$15.nextSibling, _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling, _el$32 = _el$14.nextSibling, _el$33 = _el$32.firstChild;
9996
10293
  const _ref$ = panelRef;
9997
10294
  typeof _ref$ === "function" ? use(_ref$, _el$5) : panelRef = _el$5;
9998
10295
  _el$6.$$mousedown = handleDragStart;
@@ -10099,7 +10396,7 @@ var DevtoolsPanel = (props) => {
10099
10396
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
10100
10397
  },
10101
10398
  get children() {
10102
- return [_tmpl$72(), createComponent(ArrowUp, {})];
10399
+ return [_tmpl$73(), createComponent(ArrowUp, {})];
10103
10400
  }
10104
10401
  }), createComponent(index$d.Item, {
10105
10402
  onSelect: () => {
@@ -10110,7 +10407,7 @@ var DevtoolsPanel = (props) => {
10110
10407
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
10111
10408
  },
10112
10409
  get children() {
10113
- return [_tmpl$82(), createComponent(ArrowDown, {})];
10410
+ return [_tmpl$83(), createComponent(ArrowDown, {})];
10114
10411
  }
10115
10412
  }), createComponent(index$d.Item, {
10116
10413
  onSelect: () => {
@@ -10121,7 +10418,7 @@ var DevtoolsPanel = (props) => {
10121
10418
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
10122
10419
  },
10123
10420
  get children() {
10124
- return [_tmpl$92(), createComponent(ArrowLeft, {})];
10421
+ return [_tmpl$93(), createComponent(ArrowLeft, {})];
10125
10422
  }
10126
10423
  }), createComponent(index$d.Item, {
10127
10424
  onSelect: () => {
@@ -10132,7 +10429,7 @@ var DevtoolsPanel = (props) => {
10132
10429
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-right");
10133
10430
  },
10134
10431
  get children() {
10135
- return [_tmpl$102(), createComponent(ArrowRight, {})];
10432
+ return [_tmpl$103(), createComponent(ArrowRight, {})];
10136
10433
  }
10137
10434
  })];
10138
10435
  }
@@ -10356,7 +10653,7 @@ var QueryStatus = (props) => {
10356
10653
  return true;
10357
10654
  });
10358
10655
  return (() => {
10359
- const _el$41 = _tmpl$17(), _el$43 = _el$41.firstChild, _el$45 = _el$43.nextSibling;
10656
+ const _el$41 = _tmpl$172(), _el$43 = _el$41.firstChild, _el$45 = _el$43.nextSibling;
10360
10657
  const _ref$3 = tagRef;
10361
10658
  typeof _ref$3 === "function" ? use(_ref$3, _el$41) : tagRef = _el$41;
10362
10659
  _el$41.addEventListener("mouseleave", () => {
@@ -10386,7 +10683,7 @@ var QueryStatus = (props) => {
10386
10683
  return createMemo(() => !!!showLabel())() && (mouseOver() || focused());
10387
10684
  },
10388
10685
  get children() {
10389
- const _el$42 = _tmpl$15();
10686
+ const _el$42 = _tmpl$152();
10390
10687
  insert(_el$42, () => props.label);
10391
10688
  createRenderEffect(() => className(_el$42, clsx(styles.statusTooltip, "tsqd-query-status-tooltip")));
10392
10689
  return _el$42;
@@ -10397,7 +10694,7 @@ var QueryStatus = (props) => {
10397
10694
  return showLabel();
10398
10695
  },
10399
10696
  get children() {
10400
- const _el$44 = _tmpl$16();
10697
+ const _el$44 = _tmpl$162();
10401
10698
  insert(_el$44, () => props.label);
10402
10699
  createRenderEffect(() => className(_el$44, clsx(styles.queryStatusTagLabel, "tsqd-query-status-tag-label")));
10403
10700
  return _el$44;
@@ -10607,7 +10904,10 @@ var QueryDetails = () => {
10607
10904
  get value() {
10608
10905
  return activeQueryStateData();
10609
10906
  },
10610
- copyable: true
10907
+ editable: true,
10908
+ get activeQuery() {
10909
+ return activeQuery();
10910
+ }
10611
10911
  }));
10612
10912
  _el$83.style.setProperty("padding", "0.5rem");
10613
10913
  insert(_el$83, createComponent(Explorer, {