@tanstack/query-devtools 5.0.0-beta.37 → 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/{66PXWIOF.js → UZ6MTF6A.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/7MNJIXJ6.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/7MNJIXJ6.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 = {
@@ -9244,6 +9244,86 @@ var sortFns = {
9244
9244
  var convertRemToPixels = (rem) => {
9245
9245
  return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
9246
9246
  };
9247
+ var updateNestedDataByPath = (oldData, updatePath2, value) => {
9248
+ if (updatePath2.length === 0) {
9249
+ return value;
9250
+ }
9251
+ if (oldData instanceof Map) {
9252
+ const newData = new Map(oldData);
9253
+ if (updatePath2.length === 1) {
9254
+ newData.set(updatePath2[0], value);
9255
+ return newData;
9256
+ }
9257
+ const [head, ...tail] = updatePath2;
9258
+ newData.set(head, updateNestedDataByPath(newData.get(head), tail, value));
9259
+ return newData;
9260
+ }
9261
+ if (oldData instanceof Set) {
9262
+ const setAsArray = updateNestedDataByPath(Array.from(oldData), updatePath2, value);
9263
+ return new Set(setAsArray);
9264
+ }
9265
+ if (Array.isArray(oldData)) {
9266
+ const newData = [...oldData];
9267
+ if (updatePath2.length === 1) {
9268
+ newData[updatePath2[0]] = value;
9269
+ return newData;
9270
+ }
9271
+ const [head, ...tail] = updatePath2;
9272
+ newData[head] = updateNestedDataByPath(newData[head], tail, value);
9273
+ return newData;
9274
+ }
9275
+ if (oldData instanceof Object) {
9276
+ const newData = {
9277
+ ...oldData
9278
+ };
9279
+ if (updatePath2.length === 1) {
9280
+ newData[updatePath2[0]] = value;
9281
+ return newData;
9282
+ }
9283
+ const [head, ...tail] = updatePath2;
9284
+ newData[head] = updateNestedDataByPath(newData[head], tail, value);
9285
+ return newData;
9286
+ }
9287
+ return oldData;
9288
+ };
9289
+ var deleteNestedDataByPath = (oldData, deletePath) => {
9290
+ if (oldData instanceof Map) {
9291
+ const newData = new Map(oldData);
9292
+ if (deletePath.length === 1) {
9293
+ newData.delete(deletePath[0]);
9294
+ return newData;
9295
+ }
9296
+ const [head, ...tail] = deletePath;
9297
+ newData.set(head, deleteNestedDataByPath(newData.get(head), tail));
9298
+ return newData;
9299
+ }
9300
+ if (oldData instanceof Set) {
9301
+ const setAsArray = deleteNestedDataByPath(Array.from(oldData), deletePath);
9302
+ return new Set(setAsArray);
9303
+ }
9304
+ if (Array.isArray(oldData)) {
9305
+ const newData = [...oldData];
9306
+ if (deletePath.length === 1) {
9307
+ return newData.filter((_, idx) => idx.toString() !== deletePath[0]);
9308
+ }
9309
+ const [head, ...tail] = deletePath;
9310
+ newData[head] = deleteNestedDataByPath(newData[head], tail);
9311
+ return newData;
9312
+ }
9313
+ if (oldData instanceof Object) {
9314
+ const newData = {
9315
+ ...oldData
9316
+ };
9317
+ if (deletePath.length === 1) {
9318
+ delete newData[deletePath[0]];
9319
+ return newData;
9320
+ }
9321
+ const [head, ...tail] = deletePath;
9322
+ newData[head] = deleteNestedDataByPath(newData[head], tail);
9323
+ return newData;
9324
+ }
9325
+ return oldData;
9326
+ };
9247
9327
 
9248
9328
  // src/icons/index.tsx
9249
9329
  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">`);
@@ -9257,7 +9337,10 @@ var _tmpl$8 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0
9257
9337
  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">`);
9258
9338
  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">`);
9259
9339
  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">`);
9260
- 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">`);
9340
+ 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">`);
9341
+ 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">`);
9342
+ 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);
9343
+ 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">`);
9261
9344
  function Search() {
9262
9345
  return _tmpl$();
9263
9346
  }
@@ -9317,17 +9400,46 @@ function CopiedCopier() {
9317
9400
  function ErrorCopier() {
9318
9401
  return _tmpl$11();
9319
9402
  }
9320
- function TanstackLogo() {
9403
+ function List() {
9321
9404
  return _tmpl$12();
9322
9405
  }
9406
+ function Check(props) {
9407
+ return (() => {
9408
+ const _el$15 = _tmpl$13(); _el$15.firstChild;
9409
+ insert(_el$15, (() => {
9410
+ const _c$ = createMemo(() => !!props.checked);
9411
+ return () => _c$() && _tmpl$14();
9412
+ })(), null);
9413
+ return _el$15;
9414
+ })();
9415
+ }
9416
+ function TanstackLogo() {
9417
+ return _tmpl$15();
9418
+ }
9419
+
9420
+ // src/Context.ts
9421
+ var QueryDevtoolsContext = createContext({
9422
+ client: void 0,
9423
+ onlineManager: void 0,
9424
+ queryFlavor: "",
9425
+ version: ""
9426
+ });
9427
+ function useQueryDevtoolsContext() {
9428
+ return useContext(QueryDevtoolsContext);
9429
+ }
9323
9430
 
9324
9431
  // src/Explorer.tsx
9325
- 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">`);
9326
- var _tmpl$22 = /* @__PURE__ */ template(`<button>`);
9327
- var _tmpl$32 = /* @__PURE__ */ template(`<div><button> <span></span> <span> `);
9328
- var _tmpl$42 = /* @__PURE__ */ template(`<div>`);
9329
- var _tmpl$52 = /* @__PURE__ */ template(`<div><span>:</span> <span>`);
9330
- var _tmpl$62 = /* @__PURE__ */ template(`<div><div><button> [<!>...<!>]`);
9432
+ 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">`);
9433
+ var _tmpl$22 = /* @__PURE__ */ template(`<button title="Copy object to clipboard">`);
9434
+ var _tmpl$32 = /* @__PURE__ */ template(`<button title="Remove all items" aria-label="Remove all items">`);
9435
+ var _tmpl$42 = /* @__PURE__ */ template(`<button title="Delete item" aria-label="Delete item">`);
9436
+ var _tmpl$52 = /* @__PURE__ */ template(`<button title="Toggle value" aria-label="Toggle value">`);
9437
+ var _tmpl$62 = /* @__PURE__ */ template(`<div>`);
9438
+ var _tmpl$72 = /* @__PURE__ */ template(`<div><button> <span></span> <span> `);
9439
+ var _tmpl$82 = /* @__PURE__ */ template(`<input>`);
9440
+ var _tmpl$92 = /* @__PURE__ */ template(`<span>`);
9441
+ var _tmpl$102 = /* @__PURE__ */ template(`<div><span>:`);
9442
+ var _tmpl$112 = /* @__PURE__ */ template(`<div><div><button> [<!>...<!>]`);
9331
9443
  function chunkArray(array, size2) {
9332
9444
  if (size2 < 1)
9333
9445
  return [];
@@ -9342,7 +9454,7 @@ function chunkArray(array, size2) {
9342
9454
  var Expander = (props) => {
9343
9455
  const styles = getStyles();
9344
9456
  return (() => {
9345
- const _el$ = _tmpl$13();
9457
+ const _el$ = _tmpl$16();
9346
9458
  createRenderEffect(() => className(_el$, clsx(styles.expander, u`
9347
9459
  transform: rotate(${props.expanded ? 90 : 0}deg);
9348
9460
  `, props.expanded && u`
@@ -9398,7 +9510,7 @@ var CopyButton = (props) => {
9398
9510
  }
9399
9511
  }));
9400
9512
  createRenderEffect((_p$) => {
9401
- const _v$ = styles.copyButton, _v$2 = `${copyState() === "NoCopy" ? "Copy object to clipboard" : copyState() === "SuccessCopy" ? "Object copied to clipboard" : "Error copying object to clipboard"}`;
9513
+ const _v$ = styles.actionButton, _v$2 = `${copyState() === "NoCopy" ? "Copy object to clipboard" : copyState() === "SuccessCopy" ? "Object copied to clipboard" : "Error copying object to clipboard"}`;
9402
9514
  _v$ !== _p$._v$ && className(_el$2, _p$._v$ = _v$);
9403
9515
  _v$2 !== _p$._v$2 && setAttribute(_el$2, "aria-label", _p$._v$2 = _v$2);
9404
9516
  return _p$;
@@ -9409,11 +9521,61 @@ var CopyButton = (props) => {
9409
9521
  return _el$2;
9410
9522
  })();
9411
9523
  };
9524
+ var ClearArrayButton = (props) => {
9525
+ const styles = getStyles();
9526
+ const queryClient = useQueryDevtoolsContext().client;
9527
+ return (() => {
9528
+ const _el$3 = _tmpl$32();
9529
+ _el$3.$$click = () => {
9530
+ const oldData = props.activeQuery.state.data;
9531
+ const newData = updateNestedDataByPath(oldData, props.dataPath, []);
9532
+ queryClient.setQueryData(props.activeQuery.queryKey, newData);
9533
+ };
9534
+ insert(_el$3, createComponent(List, {}));
9535
+ createRenderEffect(() => className(_el$3, styles.actionButton));
9536
+ return _el$3;
9537
+ })();
9538
+ };
9539
+ var DeleteItemButton = (props) => {
9540
+ const styles = getStyles();
9541
+ const queryClient = useQueryDevtoolsContext().client;
9542
+ return (() => {
9543
+ const _el$4 = _tmpl$42();
9544
+ _el$4.$$click = () => {
9545
+ const oldData = props.activeQuery.state.data;
9546
+ const newData = deleteNestedDataByPath(oldData, props.dataPath);
9547
+ queryClient.setQueryData(props.activeQuery.queryKey, newData);
9548
+ };
9549
+ insert(_el$4, createComponent(Trash, {}));
9550
+ createRenderEffect(() => className(_el$4, clsx(styles.actionButton)));
9551
+ return _el$4;
9552
+ })();
9553
+ };
9554
+ var ToggleValueButton = (props) => {
9555
+ const styles = getStyles();
9556
+ const queryClient = useQueryDevtoolsContext().client;
9557
+ return (() => {
9558
+ const _el$5 = _tmpl$52();
9559
+ _el$5.$$click = () => {
9560
+ const oldData = props.activeQuery.state.data;
9561
+ const newData = updateNestedDataByPath(oldData, props.dataPath, !props.value);
9562
+ queryClient.setQueryData(props.activeQuery.queryKey, newData);
9563
+ };
9564
+ insert(_el$5, createComponent(Check, {
9565
+ get checked() {
9566
+ return props.value;
9567
+ }
9568
+ }));
9569
+ createRenderEffect(() => className(_el$5, clsx(styles.actionButton)));
9570
+ return _el$5;
9571
+ })();
9572
+ };
9412
9573
  function isIterable(x) {
9413
9574
  return Symbol.iterator in x;
9414
9575
  }
9415
9576
  function Explorer(props) {
9416
9577
  const styles = getStyles();
9578
+ const queryClient = useQueryDevtoolsContext().client;
9417
9579
  const [expanded, setExpanded] = createSignal((props.defaultExpanded || []).includes(props.label));
9418
9580
  const toggleExpanded = () => setExpanded((old) => !old);
9419
9581
  const [expandedPages, setExpandedPages] = createSignal([]);
@@ -9453,49 +9615,79 @@ function Explorer(props) {
9453
9615
  return typeof props.value;
9454
9616
  });
9455
9617
  const subEntryPages = createMemo(() => chunkArray(subEntries(), 100));
9618
+ const currentDataPath = props.dataPath ?? [];
9456
9619
  return (() => {
9457
- const _el$3 = _tmpl$42();
9458
- insert(_el$3, createComponent(Show, {
9620
+ const _el$6 = _tmpl$62();
9621
+ insert(_el$6, createComponent(Show, {
9459
9622
  get when() {
9460
9623
  return subEntryPages().length;
9461
9624
  },
9462
9625
  get children() {
9463
9626
  return [(() => {
9464
- 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;
9465
- _el$5.$$click = () => toggleExpanded();
9466
- insert(_el$5, createComponent(Expander, {
9627
+ 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;
9628
+ _el$8.$$click = () => toggleExpanded();
9629
+ insert(_el$8, createComponent(Expander, {
9467
9630
  get expanded() {
9468
9631
  return expanded();
9469
9632
  }
9470
- }), _el$6);
9471
- insert(_el$7, () => props.label);
9472
- insert(_el$9, () => String(type()).toLowerCase() === "iterable" ? "(Iterable) " : "", _el$10);
9473
- insert(_el$9, () => subEntries().length, _el$10);
9474
- insert(_el$9, () => subEntries().length > 1 ? `items` : `item`, null);
9475
- insert(_el$4, createComponent(Show, {
9633
+ }), _el$9);
9634
+ insert(_el$10, () => props.label);
9635
+ insert(_el$12, () => String(type()).toLowerCase() === "iterable" ? "(Iterable) " : "", _el$13);
9636
+ insert(_el$12, () => subEntries().length, _el$13);
9637
+ insert(_el$12, () => subEntries().length > 1 ? `items` : `item`, null);
9638
+ insert(_el$7, createComponent(Show, {
9476
9639
  get when() {
9477
- return props.copyable;
9640
+ return props.editable;
9478
9641
  },
9479
9642
  get children() {
9480
- return createComponent(CopyButton, {
9643
+ const _el$14 = _tmpl$62();
9644
+ insert(_el$14, createComponent(CopyButton, {
9481
9645
  get value() {
9482
9646
  return props.value;
9483
9647
  }
9484
- });
9648
+ }), null);
9649
+ insert(_el$14, createComponent(Show, {
9650
+ get when() {
9651
+ return props.itemsDeletable && props.activeQuery !== void 0;
9652
+ },
9653
+ get children() {
9654
+ return createComponent(DeleteItemButton, {
9655
+ get activeQuery() {
9656
+ return props.activeQuery;
9657
+ },
9658
+ dataPath: currentDataPath
9659
+ });
9660
+ }
9661
+ }), null);
9662
+ insert(_el$14, createComponent(Show, {
9663
+ get when() {
9664
+ return type() === "array" && props.activeQuery !== void 0;
9665
+ },
9666
+ get children() {
9667
+ return createComponent(ClearArrayButton, {
9668
+ get activeQuery() {
9669
+ return props.activeQuery;
9670
+ },
9671
+ dataPath: currentDataPath
9672
+ });
9673
+ }
9674
+ }), null);
9675
+ createRenderEffect(() => className(_el$14, styles.actions));
9676
+ return _el$14;
9485
9677
  }
9486
9678
  }), null);
9487
9679
  createRenderEffect((_p$) => {
9488
9680
  const _v$3 = styles.expanderButtonContainer, _v$4 = styles.expanderButton, _v$5 = styles.info;
9489
- _v$3 !== _p$._v$3 && className(_el$4, _p$._v$3 = _v$3);
9490
- _v$4 !== _p$._v$4 && className(_el$5, _p$._v$4 = _v$4);
9491
- _v$5 !== _p$._v$5 && className(_el$9, _p$._v$5 = _v$5);
9681
+ _v$3 !== _p$._v$3 && className(_el$7, _p$._v$3 = _v$3);
9682
+ _v$4 !== _p$._v$4 && className(_el$8, _p$._v$4 = _v$4);
9683
+ _v$5 !== _p$._v$5 && className(_el$12, _p$._v$5 = _v$5);
9492
9684
  return _p$;
9493
9685
  }, {
9494
9686
  _v$3: void 0,
9495
9687
  _v$4: void 0,
9496
9688
  _v$5: void 0
9497
9689
  });
9498
- return _el$4;
9690
+ return _el$7;
9499
9691
  })(), createComponent(Show, {
9500
9692
  get when() {
9501
9693
  return expanded();
@@ -9506,8 +9698,8 @@ function Explorer(props) {
9506
9698
  return subEntryPages().length === 1;
9507
9699
  },
9508
9700
  get children() {
9509
- const _el$11 = _tmpl$42();
9510
- insert(_el$11, createComponent(Key, {
9701
+ const _el$15 = _tmpl$62();
9702
+ insert(_el$15, createComponent(Key, {
9511
9703
  get each() {
9512
9704
  return subEntries();
9513
9705
  },
@@ -9523,42 +9715,51 @@ function Explorer(props) {
9523
9715
  get value() {
9524
9716
  return entry().value;
9525
9717
  },
9526
- get copyable() {
9527
- return props.copyable;
9718
+ get editable() {
9719
+ return props.editable;
9720
+ },
9721
+ get dataPath() {
9722
+ return [...currentDataPath, entry().label];
9723
+ },
9724
+ get activeQuery() {
9725
+ return props.activeQuery;
9726
+ },
9727
+ get itemsDeletable() {
9728
+ return type() === "array" || type() === "Iterable" || type() === "object";
9528
9729
  }
9529
9730
  });
9530
9731
  }
9531
9732
  }));
9532
- createRenderEffect(() => className(_el$11, styles.subEntry));
9533
- return _el$11;
9733
+ createRenderEffect(() => className(_el$15, styles.subEntry));
9734
+ return _el$15;
9534
9735
  }
9535
9736
  }), createComponent(Show, {
9536
9737
  get when() {
9537
9738
  return subEntryPages().length > 1;
9538
9739
  },
9539
9740
  get children() {
9540
- const _el$12 = _tmpl$42();
9541
- insert(_el$12, createComponent(Index, {
9741
+ const _el$16 = _tmpl$62();
9742
+ insert(_el$16, createComponent(Index, {
9542
9743
  get each() {
9543
9744
  return subEntryPages();
9544
9745
  },
9545
9746
  children: (entries3, index) => (() => {
9546
- 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;
9547
- _el$20.$$click = () => setExpandedPages((old) => old.includes(index) ? old.filter((d) => d !== index) : [...old, index]);
9548
- insert(_el$20, createComponent(Expander, {
9747
+ 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;
9748
+ _el$24.$$click = () => setExpandedPages((old) => old.includes(index) ? old.filter((d) => d !== index) : [...old, index]);
9749
+ insert(_el$24, createComponent(Expander, {
9549
9750
  get expanded() {
9550
9751
  return expandedPages().includes(index);
9551
9752
  }
9552
- }), _el$21);
9553
- insert(_el$20, index * 100, _el$25);
9554
- insert(_el$20, index * 100 + 100 - 1, _el$26);
9555
- insert(_el$19, createComponent(Show, {
9753
+ }), _el$25);
9754
+ insert(_el$24, index * 100, _el$29);
9755
+ insert(_el$24, index * 100 + 100 - 1, _el$30);
9756
+ insert(_el$23, createComponent(Show, {
9556
9757
  get when() {
9557
9758
  return expandedPages().includes(index);
9558
9759
  },
9559
9760
  get children() {
9560
- const _el$27 = _tmpl$42();
9561
- insert(_el$27, createComponent(Key, {
9761
+ const _el$31 = _tmpl$62();
9762
+ insert(_el$31, createComponent(Key, {
9562
9763
  get each() {
9563
9764
  return entries3();
9564
9765
  },
@@ -9573,58 +9774,133 @@ function Explorer(props) {
9573
9774
  get value() {
9574
9775
  return entry().value;
9575
9776
  },
9576
- get copyable() {
9577
- return props.copyable;
9777
+ get editable() {
9778
+ return props.editable;
9779
+ },
9780
+ get dataPath() {
9781
+ return [...currentDataPath, entry().label];
9782
+ },
9783
+ get activeQuery() {
9784
+ return props.activeQuery;
9578
9785
  }
9579
9786
  })
9580
9787
  }));
9581
- createRenderEffect(() => className(_el$27, styles.subEntry));
9582
- return _el$27;
9788
+ createRenderEffect(() => className(_el$31, styles.subEntry));
9789
+ return _el$31;
9583
9790
  }
9584
9791
  }), null);
9585
9792
  createRenderEffect((_p$) => {
9586
- const _v$8 = styles.entry, _v$9 = styles.expanderButton;
9587
- _v$8 !== _p$._v$8 && className(_el$19, _p$._v$8 = _v$8);
9588
- _v$9 !== _p$._v$9 && className(_el$20, _p$._v$9 = _v$9);
9793
+ const _v$10 = styles.entry, _v$11 = styles.expanderButton;
9794
+ _v$10 !== _p$._v$10 && className(_el$23, _p$._v$10 = _v$10);
9795
+ _v$11 !== _p$._v$11 && className(_el$24, _p$._v$11 = _v$11);
9589
9796
  return _p$;
9590
9797
  }, {
9591
- _v$8: void 0,
9592
- _v$9: void 0
9798
+ _v$10: void 0,
9799
+ _v$11: void 0
9593
9800
  });
9594
- return _el$18;
9801
+ return _el$22;
9595
9802
  })()
9596
9803
  }));
9597
- createRenderEffect(() => className(_el$12, styles.subEntry));
9598
- return _el$12;
9804
+ createRenderEffect(() => className(_el$16, styles.subEntry));
9805
+ return _el$16;
9599
9806
  }
9600
9807
  })];
9601
9808
  }
9602
9809
  })];
9603
9810
  }
9604
9811
  }), null);
9605
- insert(_el$3, createComponent(Show, {
9812
+ insert(_el$6, createComponent(Show, {
9606
9813
  get when() {
9607
9814
  return subEntryPages().length === 0;
9608
9815
  },
9609
9816
  get children() {
9610
- 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;
9611
- _el$13.style.setProperty("line-height", "1.125rem");
9612
- insert(_el$14, () => props.label, _el$15);
9613
- insert(_el$17, () => displayValue(props.value));
9817
+ const _el$17 = _tmpl$102(), _el$18 = _el$17.firstChild, _el$19 = _el$18.firstChild;
9818
+ insert(_el$18, () => props.label, _el$19);
9819
+ insert(_el$17, createComponent(Show, {
9820
+ get when() {
9821
+ return createMemo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number" || type() === "boolean");
9822
+ },
9823
+ get fallback() {
9824
+ return (() => {
9825
+ const _el$32 = _tmpl$92();
9826
+ insert(_el$32, () => displayValue(props.value));
9827
+ createRenderEffect(() => className(_el$32, styles.value));
9828
+ return _el$32;
9829
+ })();
9830
+ },
9831
+ get children() {
9832
+ return [createComponent(Show, {
9833
+ get when() {
9834
+ return createMemo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number");
9835
+ },
9836
+ get children() {
9837
+ const _el$20 = _tmpl$82();
9838
+ _el$20.addEventListener("change", (changeEvent) => {
9839
+ const oldData = props.activeQuery.state.data;
9840
+ const newData = updateNestedDataByPath(oldData, currentDataPath, type() === "number" ? changeEvent.target.valueAsNumber : changeEvent.target.value);
9841
+ queryClient.setQueryData(props.activeQuery.queryKey, newData);
9842
+ });
9843
+ createRenderEffect((_p$) => {
9844
+ const _v$6 = type() === "number" ? "number" : "text", _v$7 = clsx(styles.value, styles.editableInput);
9845
+ _v$6 !== _p$._v$6 && setAttribute(_el$20, "type", _p$._v$6 = _v$6);
9846
+ _v$7 !== _p$._v$7 && className(_el$20, _p$._v$7 = _v$7);
9847
+ return _p$;
9848
+ }, {
9849
+ _v$6: void 0,
9850
+ _v$7: void 0
9851
+ });
9852
+ createRenderEffect(() => _el$20.value = props.value);
9853
+ return _el$20;
9854
+ }
9855
+ }), createComponent(Show, {
9856
+ get when() {
9857
+ return type() === "boolean";
9858
+ },
9859
+ get children() {
9860
+ const _el$21 = _tmpl$92();
9861
+ insert(_el$21, createComponent(ToggleValueButton, {
9862
+ get activeQuery() {
9863
+ return props.activeQuery;
9864
+ },
9865
+ dataPath: currentDataPath,
9866
+ get value() {
9867
+ return props.value;
9868
+ }
9869
+ }), null);
9870
+ insert(_el$21, () => displayValue(props.value), null);
9871
+ createRenderEffect(() => className(_el$21, clsx(styles.value, styles.actions, styles.editableInput)));
9872
+ return _el$21;
9873
+ }
9874
+ })];
9875
+ }
9876
+ }), null);
9877
+ insert(_el$17, createComponent(Show, {
9878
+ get when() {
9879
+ return props.editable && props.itemsDeletable && props.activeQuery !== void 0;
9880
+ },
9881
+ get children() {
9882
+ return createComponent(DeleteItemButton, {
9883
+ get activeQuery() {
9884
+ return props.activeQuery;
9885
+ },
9886
+ dataPath: currentDataPath
9887
+ });
9888
+ }
9889
+ }), null);
9614
9890
  createRenderEffect((_p$) => {
9615
- const _v$6 = styles.label, _v$7 = styles.value;
9616
- _v$6 !== _p$._v$6 && className(_el$14, _p$._v$6 = _v$6);
9617
- _v$7 !== _p$._v$7 && className(_el$17, _p$._v$7 = _v$7);
9891
+ const _v$8 = styles.row, _v$9 = styles.label;
9892
+ _v$8 !== _p$._v$8 && className(_el$17, _p$._v$8 = _v$8);
9893
+ _v$9 !== _p$._v$9 && className(_el$18, _p$._v$9 = _v$9);
9618
9894
  return _p$;
9619
9895
  }, {
9620
- _v$6: void 0,
9621
- _v$7: void 0
9896
+ _v$8: void 0,
9897
+ _v$9: void 0
9622
9898
  });
9623
- return _el$13;
9899
+ return _el$17;
9624
9900
  }
9625
9901
  }), null);
9626
- createRenderEffect(() => className(_el$3, styles.entry));
9627
- return _el$3;
9902
+ createRenderEffect(() => className(_el$6, styles.entry));
9903
+ return _el$6;
9628
9904
  })();
9629
9905
  }
9630
9906
  var getStyles = () => {
@@ -9668,6 +9944,7 @@ var getStyles = () => {
9668
9944
  align-items: center;
9669
9945
  line-height: 1.125rem;
9670
9946
  min-height: 1.125rem;
9947
+ gap: ${size2[2]};
9671
9948
  `,
9672
9949
  expanderButton: u`
9673
9950
  cursor: pointer;
@@ -9705,8 +9982,32 @@ var getStyles = () => {
9705
9982
  `,
9706
9983
  value: u`
9707
9984
  color: ${colors.purple[400]};
9985
+ flex-grow: 1;
9986
+ `,
9987
+ actions: u`
9988
+ display: inline-flex;
9989
+ gap: ${size2[2]};
9990
+ align-items: center;
9991
+ `,
9992
+ row: u`
9993
+ display: inline-flex;
9994
+ gap: ${size2[2]};
9995
+ width: 100%;
9996
+ margin-bottom: ${size2[0.5]};
9997
+ line-height: 1.125rem;
9998
+ align-items: center;
9708
9999
  `,
9709
- copyButton: u`
10000
+ editableInput: u`
10001
+ border: none;
10002
+ padding: ${size2[0.5]} ${size2[1]};
10003
+ flex-grow: 1;
10004
+ background-color: ${colors.gray[900]};
10005
+
10006
+ &:hover {
10007
+ background-color: ${colors.gray[800]};
10008
+ }
10009
+ `,
10010
+ actionButton: u`
9710
10011
  background-color: transparent;
9711
10012
  border: none;
9712
10013
  display: inline-flex;
@@ -9717,11 +10018,18 @@ var getStyles = () => {
9717
10018
  width: ${size2[3]};
9718
10019
  height: ${size2[3]};
9719
10020
  position: relative;
9720
- left: ${size2[2]};
9721
10021
  z-index: 1;
9722
10022
 
9723
- &:hover svg .copier {
9724
- stroke: ${colors.gray[500]} !important;
10023
+ &:hover svg {
10024
+ .copier,
10025
+ .check,
10026
+ .list {
10027
+ stroke: ${colors.gray[500]} !important;
10028
+ }
10029
+
10030
+ .list-item {
10031
+ stroke: ${colors.gray[700]};
10032
+ }
9725
10033
  }
9726
10034
 
9727
10035
  &:focus-visible {
@@ -9734,17 +10042,6 @@ var getStyles = () => {
9734
10042
  };
9735
10043
  delegateEvents(["click"]);
9736
10044
 
9737
- // src/Context.ts
9738
- var QueryDevtoolsContext = createContext({
9739
- client: void 0,
9740
- onlineManager: void 0,
9741
- queryFlavor: "",
9742
- version: ""
9743
- });
9744
- function useQueryDevtoolsContext() {
9745
- return useContext(QueryDevtoolsContext);
9746
- }
9747
-
9748
10045
  // src/fonts.ts
9749
10046
  var loadFonts = () => {
9750
10047
  const link = document.createElement("link");
@@ -9754,23 +10051,23 @@ var loadFonts = () => {
9754
10051
  };
9755
10052
 
9756
10053
  // src/Devtools.tsx
9757
- var _tmpl$14 = /* @__PURE__ */ template(`<div><div aria-hidden="true"></div><button aria-label="Open Tanstack query devtools">`);
10054
+ var _tmpl$17 = /* @__PURE__ */ template(`<div><div aria-hidden="true"></div><button aria-label="Open Tanstack query devtools">`);
9758
10055
  var _tmpl$23 = /* @__PURE__ */ template(`<div>`);
9759
10056
  var _tmpl$33 = /* @__PURE__ */ template(`<span>Asc`);
9760
10057
  var _tmpl$43 = /* @__PURE__ */ template(`<span>Desc`);
9761
10058
  var _tmpl$53 = /* @__PURE__ */ template(`<div>Settings`);
9762
10059
  var _tmpl$63 = /* @__PURE__ */ template(`<span>Position`);
9763
- var _tmpl$72 = /* @__PURE__ */ template(`<span>Top`);
9764
- var _tmpl$82 = /* @__PURE__ */ template(`<span>Bottom`);
9765
- var _tmpl$92 = /* @__PURE__ */ template(`<span>Left`);
9766
- var _tmpl$102 = /* @__PURE__ */ template(`<span>Right`);
9767
- 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">`);
10060
+ var _tmpl$73 = /* @__PURE__ */ template(`<span>Top`);
10061
+ var _tmpl$83 = /* @__PURE__ */ template(`<span>Bottom`);
10062
+ var _tmpl$93 = /* @__PURE__ */ template(`<span>Left`);
10063
+ var _tmpl$103 = /* @__PURE__ */ template(`<span>Right`);
10064
+ 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">`);
9768
10065
  var _tmpl$122 = /* @__PURE__ */ template(`<option>Sort by `);
9769
10066
  var _tmpl$132 = /* @__PURE__ */ template(`<div class="tsqd-query-disabled-indicator">disabled`);
9770
10067
  var _tmpl$142 = /* @__PURE__ */ template(`<button><div></div><code class="tsqd-query-hash">`);
9771
- var _tmpl$15 = /* @__PURE__ */ template(`<div role="tooltip" id="tsqd-status-tooltip">`);
9772
- var _tmpl$16 = /* @__PURE__ */ template(`<span>`);
9773
- var _tmpl$17 = /* @__PURE__ */ template(`<button><span></span><span>`);
10068
+ var _tmpl$152 = /* @__PURE__ */ template(`<div role="tooltip" id="tsqd-status-tooltip">`);
10069
+ var _tmpl$162 = /* @__PURE__ */ template(`<span>`);
10070
+ var _tmpl$172 = /* @__PURE__ */ template(`<button><span></span><span>`);
9774
10071
  var _tmpl$18 = /* @__PURE__ */ template(`<button><span></span> Error`);
9775
10072
  var _tmpl$19 = /* @__PURE__ */ template(`<div><span></span>Trigger Error<select><option value="" disabled selected>`);
9776
10073
  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">`);
@@ -9845,7 +10142,7 @@ var Devtools = () => {
9845
10142
  return !isOpen();
9846
10143
  },
9847
10144
  get children() {
9848
- const _el$2 = _tmpl$14(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
10145
+ const _el$2 = _tmpl$17(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
9849
10146
  insert(_el$3, createComponent(TanstackLogo, {}));
9850
10147
  _el$4.$$click = () => setLocalStore("open", "true");
9851
10148
  insert(_el$4, createComponent(TanstackLogo, {}));
@@ -9990,7 +10287,7 @@ var DevtoolsPanel = (props) => {
9990
10287
  });
9991
10288
  });
9992
10289
  return (() => {
9993
- 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;
10290
+ 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;
9994
10291
  const _ref$ = panelRef;
9995
10292
  typeof _ref$ === "function" ? use(_ref$, _el$5) : panelRef = _el$5;
9996
10293
  _el$6.$$mousedown = handleDragStart;
@@ -10097,7 +10394,7 @@ var DevtoolsPanel = (props) => {
10097
10394
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
10098
10395
  },
10099
10396
  get children() {
10100
- return [_tmpl$72(), createComponent(ArrowUp, {})];
10397
+ return [_tmpl$73(), createComponent(ArrowUp, {})];
10101
10398
  }
10102
10399
  }), createComponent(index$d.Item, {
10103
10400
  onSelect: () => {
@@ -10108,7 +10405,7 @@ var DevtoolsPanel = (props) => {
10108
10405
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
10109
10406
  },
10110
10407
  get children() {
10111
- return [_tmpl$82(), createComponent(ArrowDown, {})];
10408
+ return [_tmpl$83(), createComponent(ArrowDown, {})];
10112
10409
  }
10113
10410
  }), createComponent(index$d.Item, {
10114
10411
  onSelect: () => {
@@ -10119,7 +10416,7 @@ var DevtoolsPanel = (props) => {
10119
10416
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
10120
10417
  },
10121
10418
  get children() {
10122
- return [_tmpl$92(), createComponent(ArrowLeft, {})];
10419
+ return [_tmpl$93(), createComponent(ArrowLeft, {})];
10123
10420
  }
10124
10421
  }), createComponent(index$d.Item, {
10125
10422
  onSelect: () => {
@@ -10130,7 +10427,7 @@ var DevtoolsPanel = (props) => {
10130
10427
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-right");
10131
10428
  },
10132
10429
  get children() {
10133
- return [_tmpl$102(), createComponent(ArrowRight, {})];
10430
+ return [_tmpl$103(), createComponent(ArrowRight, {})];
10134
10431
  }
10135
10432
  })];
10136
10433
  }
@@ -10354,7 +10651,7 @@ var QueryStatus = (props) => {
10354
10651
  return true;
10355
10652
  });
10356
10653
  return (() => {
10357
- const _el$41 = _tmpl$17(), _el$43 = _el$41.firstChild, _el$45 = _el$43.nextSibling;
10654
+ const _el$41 = _tmpl$172(), _el$43 = _el$41.firstChild, _el$45 = _el$43.nextSibling;
10358
10655
  const _ref$3 = tagRef;
10359
10656
  typeof _ref$3 === "function" ? use(_ref$3, _el$41) : tagRef = _el$41;
10360
10657
  _el$41.addEventListener("mouseleave", () => {
@@ -10384,7 +10681,7 @@ var QueryStatus = (props) => {
10384
10681
  return createMemo(() => !!!showLabel())() && (mouseOver() || focused());
10385
10682
  },
10386
10683
  get children() {
10387
- const _el$42 = _tmpl$15();
10684
+ const _el$42 = _tmpl$152();
10388
10685
  insert(_el$42, () => props.label);
10389
10686
  createRenderEffect(() => className(_el$42, clsx(styles.statusTooltip, "tsqd-query-status-tooltip")));
10390
10687
  return _el$42;
@@ -10395,7 +10692,7 @@ var QueryStatus = (props) => {
10395
10692
  return showLabel();
10396
10693
  },
10397
10694
  get children() {
10398
- const _el$44 = _tmpl$16();
10695
+ const _el$44 = _tmpl$162();
10399
10696
  insert(_el$44, () => props.label);
10400
10697
  createRenderEffect(() => className(_el$44, clsx(styles.queryStatusTagLabel, "tsqd-query-status-tag-label")));
10401
10698
  return _el$44;
@@ -10605,7 +10902,10 @@ var QueryDetails = () => {
10605
10902
  get value() {
10606
10903
  return activeQueryStateData();
10607
10904
  },
10608
- copyable: true
10905
+ editable: true,
10906
+ get activeQuery() {
10907
+ return activeQuery();
10908
+ }
10609
10909
  }));
10610
10910
  _el$83.style.setProperty("padding", "0.5rem");
10611
10911
  insert(_el$83, createComponent(Explorer, {