@tanstack/query-devtools 5.0.0-beta.37 → 5.0.0-rc.5

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 → 336SHOD5.jsx} +220 -27
  2. package/build/Devtools/{ALVY75L5.jsx → 5OOWR6BQ.jsx} +220 -27
  3. package/build/Devtools/{66PXWIOF.js → CIR3WCBJ.js} +338 -99
  4. package/build/Devtools/{HTDVDYMT.js → XXDYGLB2.js} +338 -99
  5. package/build/dev.cjs +349 -108
  6. package/build/dev.js +1 -1
  7. package/build/dev.jsx +1 -1
  8. package/build/index.cjs +349 -108
  9. package/build/index.js +1 -1
  10. package/build/index.jsx +1 -1
  11. package/package.json +2 -2
  12. package/src/Devtools.tsx +2 -1
  13. package/src/Explorer.tsx +173 -19
  14. package/src/__tests__/utils.test.ts +725 -0
  15. package/src/icons/index.tsx +19 -0
  16. package/src/utils.tsx +137 -0
package/build/Devtools/{HTDVDYMT.js → XXDYGLB2.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,8 @@ 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 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
9343
  function Search() {
9263
9344
  return _tmpl$();
9264
9345
  }
@@ -9318,17 +9399,35 @@ function CopiedCopier() {
9318
9399
  function ErrorCopier() {
9319
9400
  return _tmpl$11();
9320
9401
  }
9321
- function TanstackLogo() {
9402
+ function List() {
9322
9403
  return _tmpl$12();
9323
9404
  }
9405
+ function TanstackLogo() {
9406
+ return _tmpl$13();
9407
+ }
9408
+
9409
+ // src/Context.ts
9410
+ var QueryDevtoolsContext = createContext({
9411
+ client: void 0,
9412
+ onlineManager: void 0,
9413
+ queryFlavor: "",
9414
+ version: ""
9415
+ });
9416
+ function useQueryDevtoolsContext() {
9417
+ return useContext(QueryDevtoolsContext);
9418
+ }
9324
9419
 
9325
9420
  // 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> [<!>...<!>]`);
9421
+ var _tmpl$14 = /* @__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">`);
9422
+ var _tmpl$22 = /* @__PURE__ */ template(`<button title="Copy object to clipboard">`);
9423
+ var _tmpl$32 = /* @__PURE__ */ template(`<button title="Remove all items" aria-label="Remove all items">`);
9424
+ var _tmpl$42 = /* @__PURE__ */ template(`<button title="Delete item" aria-label="Delete item">`);
9425
+ var _tmpl$52 = /* @__PURE__ */ template(`<div>`);
9426
+ var _tmpl$62 = /* @__PURE__ */ template(`<div><button> <span></span> <span> `);
9427
+ var _tmpl$72 = /* @__PURE__ */ template(`<input>`);
9428
+ var _tmpl$82 = /* @__PURE__ */ template(`<div><span>:`);
9429
+ var _tmpl$92 = /* @__PURE__ */ template(`<div><div><button> [<!>...<!>]`);
9430
+ var _tmpl$102 = /* @__PURE__ */ template(`<span>`);
9332
9431
  function chunkArray(array, size2) {
9333
9432
  if (size2 < 1)
9334
9433
  return [];
@@ -9343,7 +9442,7 @@ function chunkArray(array, size2) {
9343
9442
  var Expander = (props) => {
9344
9443
  const styles = getStyles();
9345
9444
  return (() => {
9346
- const _el$ = _tmpl$13();
9445
+ const _el$ = _tmpl$14();
9347
9446
  createRenderEffect(() => className(_el$, clsx(styles.expander, u`
9348
9447
  transform: rotate(${props.expanded ? 90 : 0}deg);
9349
9448
  `, props.expanded && u`
@@ -9400,7 +9499,7 @@ var CopyButton = (props) => {
9400
9499
  }
9401
9500
  }));
9402
9501
  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"}`;
9502
+ const _v$ = styles.actionButton, _v$2 = `${copyState() === "NoCopy" ? "Copy object to clipboard" : copyState() === "SuccessCopy" ? "Object copied to clipboard" : "Error copying object to clipboard"}`;
9404
9503
  _v$ !== _p$._v$ && className(_el$2, _p$._v$ = _v$);
9405
9504
  _v$2 !== _p$._v$2 && setAttribute(_el$2, "aria-label", _p$._v$2 = _v$2);
9406
9505
  return _p$;
@@ -9411,11 +9510,42 @@ var CopyButton = (props) => {
9411
9510
  return _el$2;
9412
9511
  })();
9413
9512
  };
9513
+ var ClearArrayButton = (props) => {
9514
+ const styles = getStyles();
9515
+ const queryClient = useQueryDevtoolsContext().client;
9516
+ return (() => {
9517
+ const _el$3 = _tmpl$32();
9518
+ _el$3.$$click = () => {
9519
+ const oldData = props.activeQuery.state.data;
9520
+ const newData = updateNestedDataByPath(oldData, props.dataPath, []);
9521
+ queryClient.setQueryData(props.activeQuery.queryKey, newData);
9522
+ };
9523
+ insert(_el$3, createComponent(List, {}));
9524
+ createRenderEffect(() => className(_el$3, styles.actionButton));
9525
+ return _el$3;
9526
+ })();
9527
+ };
9528
+ var DeleteItemButton = (props) => {
9529
+ const styles = getStyles();
9530
+ const queryClient = useQueryDevtoolsContext().client;
9531
+ return (() => {
9532
+ const _el$4 = _tmpl$42();
9533
+ _el$4.$$click = () => {
9534
+ const oldData = props.activeQuery.state.data;
9535
+ const newData = deleteNestedDataByPath(oldData, props.dataPath);
9536
+ queryClient.setQueryData(props.activeQuery.queryKey, newData);
9537
+ };
9538
+ insert(_el$4, createComponent(Trash, {}));
9539
+ createRenderEffect(() => className(_el$4, clsx(styles.actionButton)));
9540
+ return _el$4;
9541
+ })();
9542
+ };
9414
9543
  function isIterable(x) {
9415
9544
  return Symbol.iterator in x;
9416
9545
  }
9417
9546
  function Explorer(props) {
9418
9547
  const styles = getStyles();
9548
+ const queryClient = useQueryDevtoolsContext().client;
9419
9549
  const [expanded, setExpanded] = createSignal((props.defaultExpanded || []).includes(props.label));
9420
9550
  const toggleExpanded = () => setExpanded((old) => !old);
9421
9551
  const [expandedPages, setExpandedPages] = createSignal([]);
@@ -9455,49 +9585,79 @@ function Explorer(props) {
9455
9585
  return typeof props.value;
9456
9586
  });
9457
9587
  const subEntryPages = createMemo(() => chunkArray(subEntries(), 100));
9588
+ const currentDataPath = props.dataPath ?? [];
9458
9589
  return (() => {
9459
- const _el$3 = _tmpl$42();
9460
- insert(_el$3, createComponent(Show, {
9590
+ const _el$5 = _tmpl$52();
9591
+ insert(_el$5, createComponent(Show, {
9461
9592
  get when() {
9462
9593
  return subEntryPages().length;
9463
9594
  },
9464
9595
  get children() {
9465
9596
  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, {
9597
+ const _el$6 = _tmpl$62(), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$10 = _el$9.nextSibling, _el$11 = _el$10.nextSibling, _el$12 = _el$11.firstChild;
9598
+ _el$7.$$click = () => toggleExpanded();
9599
+ insert(_el$7, createComponent(Expander, {
9469
9600
  get expanded() {
9470
9601
  return expanded();
9471
9602
  }
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, {
9603
+ }), _el$8);
9604
+ insert(_el$9, () => props.label);
9605
+ insert(_el$11, () => String(type()).toLowerCase() === "iterable" ? "(Iterable) " : "", _el$12);
9606
+ insert(_el$11, () => subEntries().length, _el$12);
9607
+ insert(_el$11, () => subEntries().length > 1 ? `items` : `item`, null);
9608
+ insert(_el$6, createComponent(Show, {
9478
9609
  get when() {
9479
- return props.copyable;
9610
+ return props.editable;
9480
9611
  },
9481
9612
  get children() {
9482
- return createComponent(CopyButton, {
9613
+ const _el$13 = _tmpl$52();
9614
+ insert(_el$13, createComponent(CopyButton, {
9483
9615
  get value() {
9484
9616
  return props.value;
9485
9617
  }
9486
- });
9618
+ }), null);
9619
+ insert(_el$13, createComponent(Show, {
9620
+ get when() {
9621
+ return props.itemsDeletable && props.activeQuery !== void 0;
9622
+ },
9623
+ get children() {
9624
+ return createComponent(DeleteItemButton, {
9625
+ get activeQuery() {
9626
+ return props.activeQuery;
9627
+ },
9628
+ dataPath: currentDataPath
9629
+ });
9630
+ }
9631
+ }), null);
9632
+ insert(_el$13, createComponent(Show, {
9633
+ get when() {
9634
+ return type() === "array" && props.activeQuery !== void 0;
9635
+ },
9636
+ get children() {
9637
+ return createComponent(ClearArrayButton, {
9638
+ get activeQuery() {
9639
+ return props.activeQuery;
9640
+ },
9641
+ dataPath: currentDataPath
9642
+ });
9643
+ }
9644
+ }), null);
9645
+ createRenderEffect(() => className(_el$13, styles.actions));
9646
+ return _el$13;
9487
9647
  }
9488
9648
  }), null);
9489
9649
  createRenderEffect((_p$) => {
9490
9650
  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);
9651
+ _v$3 !== _p$._v$3 && className(_el$6, _p$._v$3 = _v$3);
9652
+ _v$4 !== _p$._v$4 && className(_el$7, _p$._v$4 = _v$4);
9653
+ _v$5 !== _p$._v$5 && className(_el$11, _p$._v$5 = _v$5);
9494
9654
  return _p$;
9495
9655
  }, {
9496
9656
  _v$3: void 0,
9497
9657
  _v$4: void 0,
9498
9658
  _v$5: void 0
9499
9659
  });
9500
- return _el$4;
9660
+ return _el$6;
9501
9661
  })(), createComponent(Show, {
9502
9662
  get when() {
9503
9663
  return expanded();
@@ -9508,8 +9668,8 @@ function Explorer(props) {
9508
9668
  return subEntryPages().length === 1;
9509
9669
  },
9510
9670
  get children() {
9511
- const _el$11 = _tmpl$42();
9512
- insert(_el$11, createComponent(Key, {
9671
+ const _el$14 = _tmpl$52();
9672
+ insert(_el$14, createComponent(Key, {
9513
9673
  get each() {
9514
9674
  return subEntries();
9515
9675
  },
@@ -9525,42 +9685,51 @@ function Explorer(props) {
9525
9685
  get value() {
9526
9686
  return entry().value;
9527
9687
  },
9528
- get copyable() {
9529
- return props.copyable;
9688
+ get editable() {
9689
+ return props.editable;
9690
+ },
9691
+ get dataPath() {
9692
+ return [...currentDataPath, entry().label];
9693
+ },
9694
+ get activeQuery() {
9695
+ return props.activeQuery;
9696
+ },
9697
+ get itemsDeletable() {
9698
+ return type() === "array" || type() === "Iterable" || type() === "object";
9530
9699
  }
9531
9700
  });
9532
9701
  }
9533
9702
  }));
9534
- createRenderEffect(() => className(_el$11, styles.subEntry));
9535
- return _el$11;
9703
+ createRenderEffect(() => className(_el$14, styles.subEntry));
9704
+ return _el$14;
9536
9705
  }
9537
9706
  }), createComponent(Show, {
9538
9707
  get when() {
9539
9708
  return subEntryPages().length > 1;
9540
9709
  },
9541
9710
  get children() {
9542
- const _el$12 = _tmpl$42();
9543
- insert(_el$12, createComponent(Index, {
9711
+ const _el$15 = _tmpl$52();
9712
+ insert(_el$15, createComponent(Index, {
9544
9713
  get each() {
9545
9714
  return subEntryPages();
9546
9715
  },
9547
9716
  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, {
9717
+ const _el$20 = _tmpl$92(), _el$21 = _el$20.firstChild, _el$22 = _el$21.firstChild, _el$23 = _el$22.firstChild, _el$27 = _el$23.nextSibling, _el$25 = _el$27.nextSibling, _el$28 = _el$25.nextSibling; _el$28.nextSibling;
9718
+ _el$22.$$click = () => setExpandedPages((old) => old.includes(index) ? old.filter((d) => d !== index) : [...old, index]);
9719
+ insert(_el$22, createComponent(Expander, {
9551
9720
  get expanded() {
9552
9721
  return expandedPages().includes(index);
9553
9722
  }
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, {
9723
+ }), _el$23);
9724
+ insert(_el$22, index * 100, _el$27);
9725
+ insert(_el$22, index * 100 + 100 - 1, _el$28);
9726
+ insert(_el$21, createComponent(Show, {
9558
9727
  get when() {
9559
9728
  return expandedPages().includes(index);
9560
9729
  },
9561
9730
  get children() {
9562
- const _el$27 = _tmpl$42();
9563
- insert(_el$27, createComponent(Key, {
9731
+ const _el$29 = _tmpl$52();
9732
+ insert(_el$29, createComponent(Key, {
9564
9733
  get each() {
9565
9734
  return entries3();
9566
9735
  },
@@ -9575,58 +9744,107 @@ function Explorer(props) {
9575
9744
  get value() {
9576
9745
  return entry().value;
9577
9746
  },
9578
- get copyable() {
9579
- return props.copyable;
9747
+ get editable() {
9748
+ return props.editable;
9749
+ },
9750
+ get dataPath() {
9751
+ return [...currentDataPath, entry().label];
9752
+ },
9753
+ get activeQuery() {
9754
+ return props.activeQuery;
9580
9755
  }
9581
9756
  })
9582
9757
  }));
9583
- createRenderEffect(() => className(_el$27, styles.subEntry));
9584
- return _el$27;
9758
+ createRenderEffect(() => className(_el$29, styles.subEntry));
9759
+ return _el$29;
9585
9760
  }
9586
9761
  }), null);
9587
9762
  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);
9763
+ const _v$10 = styles.entry, _v$11 = styles.expanderButton;
9764
+ _v$10 !== _p$._v$10 && className(_el$21, _p$._v$10 = _v$10);
9765
+ _v$11 !== _p$._v$11 && className(_el$22, _p$._v$11 = _v$11);
9591
9766
  return _p$;
9592
9767
  }, {
9593
- _v$8: void 0,
9594
- _v$9: void 0
9768
+ _v$10: void 0,
9769
+ _v$11: void 0
9595
9770
  });
9596
- return _el$18;
9771
+ return _el$20;
9597
9772
  })()
9598
9773
  }));
9599
- createRenderEffect(() => className(_el$12, styles.subEntry));
9600
- return _el$12;
9774
+ createRenderEffect(() => className(_el$15, styles.subEntry));
9775
+ return _el$15;
9601
9776
  }
9602
9777
  })];
9603
9778
  }
9604
9779
  })];
9605
9780
  }
9606
9781
  }), null);
9607
- insert(_el$3, createComponent(Show, {
9782
+ insert(_el$5, createComponent(Show, {
9608
9783
  get when() {
9609
9784
  return subEntryPages().length === 0;
9610
9785
  },
9611
9786
  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));
9787
+ const _el$16 = _tmpl$82(), _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild;
9788
+ insert(_el$17, () => props.label, _el$18);
9789
+ insert(_el$16, createComponent(Show, {
9790
+ get when() {
9791
+ return createMemo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number");
9792
+ },
9793
+ get fallback() {
9794
+ return (() => {
9795
+ const _el$30 = _tmpl$102();
9796
+ insert(_el$30, () => displayValue(props.value));
9797
+ createRenderEffect(() => className(_el$30, styles.value));
9798
+ return _el$30;
9799
+ })();
9800
+ },
9801
+ get children() {
9802
+ const _el$19 = _tmpl$72();
9803
+ _el$19.addEventListener("change", (changeEvent) => {
9804
+ const oldData = props.activeQuery.state.data;
9805
+ const newData = updateNestedDataByPath(oldData, currentDataPath, type() === "number" ? changeEvent.target.valueAsNumber : changeEvent.target.value);
9806
+ queryClient.setQueryData(props.activeQuery.queryKey, newData);
9807
+ });
9808
+ createRenderEffect((_p$) => {
9809
+ const _v$6 = type() === "number" ? "number" : "text", _v$7 = clsx(styles.value, styles.editableInput);
9810
+ _v$6 !== _p$._v$6 && setAttribute(_el$19, "type", _p$._v$6 = _v$6);
9811
+ _v$7 !== _p$._v$7 && className(_el$19, _p$._v$7 = _v$7);
9812
+ return _p$;
9813
+ }, {
9814
+ _v$6: void 0,
9815
+ _v$7: void 0
9816
+ });
9817
+ createRenderEffect(() => _el$19.value = props.value);
9818
+ return _el$19;
9819
+ }
9820
+ }), null);
9821
+ insert(_el$16, createComponent(Show, {
9822
+ get when() {
9823
+ return props.editable && props.itemsDeletable && props.activeQuery !== void 0;
9824
+ },
9825
+ get children() {
9826
+ return createComponent(DeleteItemButton, {
9827
+ get activeQuery() {
9828
+ return props.activeQuery;
9829
+ },
9830
+ dataPath: currentDataPath
9831
+ });
9832
+ }
9833
+ }), null);
9616
9834
  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);
9835
+ const _v$8 = styles.row, _v$9 = styles.label;
9836
+ _v$8 !== _p$._v$8 && className(_el$16, _p$._v$8 = _v$8);
9837
+ _v$9 !== _p$._v$9 && className(_el$17, _p$._v$9 = _v$9);
9620
9838
  return _p$;
9621
9839
  }, {
9622
- _v$6: void 0,
9623
- _v$7: void 0
9840
+ _v$8: void 0,
9841
+ _v$9: void 0
9624
9842
  });
9625
- return _el$13;
9843
+ return _el$16;
9626
9844
  }
9627
9845
  }), null);
9628
- createRenderEffect(() => className(_el$3, styles.entry));
9629
- return _el$3;
9846
+ createRenderEffect(() => className(_el$5, styles.entry));
9847
+ return _el$5;
9630
9848
  })();
9631
9849
  }
9632
9850
  var getStyles = () => {
@@ -9670,6 +9888,7 @@ var getStyles = () => {
9670
9888
  align-items: center;
9671
9889
  line-height: 1.125rem;
9672
9890
  min-height: 1.125rem;
9891
+ gap: ${size2[2]};
9673
9892
  `,
9674
9893
  expanderButton: u`
9675
9894
  cursor: pointer;
@@ -9707,8 +9926,30 @@ var getStyles = () => {
9707
9926
  `,
9708
9927
  value: u`
9709
9928
  color: ${colors.purple[400]};
9929
+ flex-grow: 1;
9710
9930
  `,
9711
- copyButton: u`
9931
+ actions: u`
9932
+ display: inline-flex;
9933
+ gap: ${size2[2]};
9934
+ `,
9935
+ row: u`
9936
+ display: inline-flex;
9937
+ gap: ${size2[2]};
9938
+ width: 100%;
9939
+ margin-bottom: ${size2[0.5]};
9940
+ line-height: 1.125rem;
9941
+ `,
9942
+ editableInput: u`
9943
+ border: none;
9944
+ padding: 0px ${size2[1]};
9945
+ flex-grow: 1;
9946
+ background-color: ${colors.gray[900]};
9947
+
9948
+ &:hover {
9949
+ background-color: ${colors.gray[800]};
9950
+ }
9951
+ `,
9952
+ actionButton: u`
9712
9953
  background-color: transparent;
9713
9954
  border: none;
9714
9955
  display: inline-flex;
@@ -9719,11 +9960,17 @@ var getStyles = () => {
9719
9960
  width: ${size2[3]};
9720
9961
  height: ${size2[3]};
9721
9962
  position: relative;
9722
- left: ${size2[2]};
9723
9963
  z-index: 1;
9724
9964
 
9725
- &:hover svg .copier {
9726
- stroke: ${colors.gray[500]} !important;
9965
+ &:hover svg {
9966
+ .copier,
9967
+ .list {
9968
+ stroke: ${colors.gray[500]} !important;
9969
+ }
9970
+
9971
+ .list-item {
9972
+ stroke: ${colors.gray[700]};
9973
+ }
9727
9974
  }
9728
9975
 
9729
9976
  &:focus-visible {
@@ -9736,17 +9983,6 @@ var getStyles = () => {
9736
9983
  };
9737
9984
  delegateEvents(["click"]);
9738
9985
 
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
9986
  // src/fonts.ts
9751
9987
  var loadFonts = () => {
9752
9988
  const link = document.createElement("link");
@@ -9756,21 +9992,21 @@ var loadFonts = () => {
9756
9992
  };
9757
9993
 
9758
9994
  // src/Devtools.tsx
9759
- var _tmpl$14 = /* @__PURE__ */ template(`<div><div aria-hidden="true"></div><button aria-label="Open Tanstack query devtools">`);
9995
+ var _tmpl$15 = /* @__PURE__ */ template(`<div><div aria-hidden="true"></div><button aria-label="Open Tanstack query devtools">`);
9760
9996
  var _tmpl$23 = /* @__PURE__ */ template(`<div>`);
9761
9997
  var _tmpl$33 = /* @__PURE__ */ template(`<span>Asc`);
9762
9998
  var _tmpl$43 = /* @__PURE__ */ template(`<span>Desc`);
9763
9999
  var _tmpl$53 = /* @__PURE__ */ template(`<div>Settings`);
9764
10000
  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`);
10001
+ var _tmpl$73 = /* @__PURE__ */ template(`<span>Top`);
10002
+ var _tmpl$83 = /* @__PURE__ */ template(`<span>Bottom`);
10003
+ var _tmpl$93 = /* @__PURE__ */ template(`<span>Left`);
10004
+ var _tmpl$103 = /* @__PURE__ */ template(`<span>Right`);
9769
10005
  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">`);
9770
10006
  var _tmpl$122 = /* @__PURE__ */ template(`<option>Sort by `);
9771
10007
  var _tmpl$132 = /* @__PURE__ */ template(`<div class="tsqd-query-disabled-indicator">disabled`);
9772
10008
  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">`);
10009
+ var _tmpl$152 = /* @__PURE__ */ template(`<div role="tooltip" id="tsqd-status-tooltip">`);
9774
10010
  var _tmpl$16 = /* @__PURE__ */ template(`<span>`);
9775
10011
  var _tmpl$17 = /* @__PURE__ */ template(`<button><span></span><span>`);
9776
10012
  var _tmpl$18 = /* @__PURE__ */ template(`<button><span></span> Error`);
@@ -9847,7 +10083,7 @@ var Devtools = () => {
9847
10083
  return !isOpen();
9848
10084
  },
9849
10085
  get children() {
9850
- const _el$2 = _tmpl$14(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
10086
+ const _el$2 = _tmpl$15(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
9851
10087
  insert(_el$3, createComponent(TanstackLogo, {}));
9852
10088
  _el$4.$$click = () => setLocalStore("open", "true");
9853
10089
  insert(_el$4, createComponent(TanstackLogo, {}));
@@ -10099,7 +10335,7 @@ var DevtoolsPanel = (props) => {
10099
10335
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
10100
10336
  },
10101
10337
  get children() {
10102
- return [_tmpl$72(), createComponent(ArrowUp, {})];
10338
+ return [_tmpl$73(), createComponent(ArrowUp, {})];
10103
10339
  }
10104
10340
  }), createComponent(index$d.Item, {
10105
10341
  onSelect: () => {
@@ -10110,7 +10346,7 @@ var DevtoolsPanel = (props) => {
10110
10346
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
10111
10347
  },
10112
10348
  get children() {
10113
- return [_tmpl$82(), createComponent(ArrowDown, {})];
10349
+ return [_tmpl$83(), createComponent(ArrowDown, {})];
10114
10350
  }
10115
10351
  }), createComponent(index$d.Item, {
10116
10352
  onSelect: () => {
@@ -10121,7 +10357,7 @@ var DevtoolsPanel = (props) => {
10121
10357
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
10122
10358
  },
10123
10359
  get children() {
10124
- return [_tmpl$92(), createComponent(ArrowLeft, {})];
10360
+ return [_tmpl$93(), createComponent(ArrowLeft, {})];
10125
10361
  }
10126
10362
  }), createComponent(index$d.Item, {
10127
10363
  onSelect: () => {
@@ -10132,7 +10368,7 @@ var DevtoolsPanel = (props) => {
10132
10368
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-right");
10133
10369
  },
10134
10370
  get children() {
10135
- return [_tmpl$102(), createComponent(ArrowRight, {})];
10371
+ return [_tmpl$103(), createComponent(ArrowRight, {})];
10136
10372
  }
10137
10373
  })];
10138
10374
  }
@@ -10386,7 +10622,7 @@ var QueryStatus = (props) => {
10386
10622
  return createMemo(() => !!!showLabel())() && (mouseOver() || focused());
10387
10623
  },
10388
10624
  get children() {
10389
- const _el$42 = _tmpl$15();
10625
+ const _el$42 = _tmpl$152();
10390
10626
  insert(_el$42, () => props.label);
10391
10627
  createRenderEffect(() => className(_el$42, clsx(styles.statusTooltip, "tsqd-query-status-tooltip")));
10392
10628
  return _el$42;
@@ -10607,7 +10843,10 @@ var QueryDetails = () => {
10607
10843
  get value() {
10608
10844
  return activeQueryStateData();
10609
10845
  },
10610
- copyable: true
10846
+ editable: true,
10847
+ get activeQuery() {
10848
+ return activeQuery();
10849
+ }
10611
10850
  }));
10612
10851
  _el$83.style.setProperty("padding", "0.5rem");
10613
10852
  insert(_el$83, createComponent(Explorer, {