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

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 +4 -4
  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/dev.cjs CHANGED
@@ -11355,7 +11355,7 @@ function getQueryStatusColor({
11355
11355
  function getQueryStatusColorByLabel(label) {
11356
11356
  return label === "fresh" ? "green" : label === "stale" ? "yellow" : label === "paused" ? "purple" : label === "inactive" ? "gray" : "blue";
11357
11357
  }
11358
- var displayValue, getStatusRank, queryHashSort, dateSort, statusAndDateSort, sortFns, convertRemToPixels;
11358
+ var displayValue, getStatusRank, queryHashSort, dateSort, statusAndDateSort, sortFns, convertRemToPixels, updateNestedDataByPath, deleteNestedDataByPath;
11359
11359
  var init_utils = __esm({
11360
11360
  "src/utils.tsx"() {
11361
11361
  init_esm2();
@@ -11382,6 +11382,86 @@ var init_utils = __esm({
11382
11382
  convertRemToPixels = (rem) => {
11383
11383
  return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
11384
11384
  };
11385
+ updateNestedDataByPath = (oldData, updatePath2, value) => {
11386
+ if (updatePath2.length === 0) {
11387
+ return value;
11388
+ }
11389
+ if (oldData instanceof Map) {
11390
+ const newData = new Map(oldData);
11391
+ if (updatePath2.length === 1) {
11392
+ newData.set(updatePath2[0], value);
11393
+ return newData;
11394
+ }
11395
+ const [head, ...tail] = updatePath2;
11396
+ newData.set(head, updateNestedDataByPath(newData.get(head), tail, value));
11397
+ return newData;
11398
+ }
11399
+ if (oldData instanceof Set) {
11400
+ const setAsArray = updateNestedDataByPath(Array.from(oldData), updatePath2, value);
11401
+ return new Set(setAsArray);
11402
+ }
11403
+ if (Array.isArray(oldData)) {
11404
+ const newData = [...oldData];
11405
+ if (updatePath2.length === 1) {
11406
+ newData[updatePath2[0]] = value;
11407
+ return newData;
11408
+ }
11409
+ const [head, ...tail] = updatePath2;
11410
+ newData[head] = updateNestedDataByPath(newData[head], tail, value);
11411
+ return newData;
11412
+ }
11413
+ if (oldData instanceof Object) {
11414
+ const newData = {
11415
+ ...oldData
11416
+ };
11417
+ if (updatePath2.length === 1) {
11418
+ newData[updatePath2[0]] = value;
11419
+ return newData;
11420
+ }
11421
+ const [head, ...tail] = updatePath2;
11422
+ newData[head] = updateNestedDataByPath(newData[head], tail, value);
11423
+ return newData;
11424
+ }
11425
+ return oldData;
11426
+ };
11427
+ deleteNestedDataByPath = (oldData, deletePath) => {
11428
+ if (oldData instanceof Map) {
11429
+ const newData = new Map(oldData);
11430
+ if (deletePath.length === 1) {
11431
+ newData.delete(deletePath[0]);
11432
+ return newData;
11433
+ }
11434
+ const [head, ...tail] = deletePath;
11435
+ newData.set(head, deleteNestedDataByPath(newData.get(head), tail));
11436
+ return newData;
11437
+ }
11438
+ if (oldData instanceof Set) {
11439
+ const setAsArray = deleteNestedDataByPath(Array.from(oldData), deletePath);
11440
+ return new Set(setAsArray);
11441
+ }
11442
+ if (Array.isArray(oldData)) {
11443
+ const newData = [...oldData];
11444
+ if (deletePath.length === 1) {
11445
+ return newData.filter((_, idx) => idx.toString() !== deletePath[0]);
11446
+ }
11447
+ const [head, ...tail] = deletePath;
11448
+ newData[head] = deleteNestedDataByPath(newData[head], tail);
11449
+ return newData;
11450
+ }
11451
+ if (oldData instanceof Object) {
11452
+ const newData = {
11453
+ ...oldData
11454
+ };
11455
+ if (deletePath.length === 1) {
11456
+ delete newData[deletePath[0]];
11457
+ return newData;
11458
+ }
11459
+ const [head, ...tail] = deletePath;
11460
+ newData[head] = deleteNestedDataByPath(newData[head], tail);
11461
+ return newData;
11462
+ }
11463
+ return oldData;
11464
+ };
11385
11465
  }
11386
11466
  });
11387
11467
 
@@ -11445,10 +11525,13 @@ function CopiedCopier() {
11445
11525
  function ErrorCopier() {
11446
11526
  return _tmpl$11();
11447
11527
  }
11448
- function TanstackLogo() {
11528
+ function List() {
11449
11529
  return _tmpl$12();
11450
11530
  }
11451
- var _tmpl$, _tmpl$2, _tmpl$3, _tmpl$4, _tmpl$5, _tmpl$6, _tmpl$7, _tmpl$8, _tmpl$9, _tmpl$10, _tmpl$11, _tmpl$12;
11531
+ function TanstackLogo() {
11532
+ return _tmpl$13();
11533
+ }
11534
+ var _tmpl$, _tmpl$2, _tmpl$3, _tmpl$4, _tmpl$5, _tmpl$6, _tmpl$7, _tmpl$8, _tmpl$9, _tmpl$10, _tmpl$11, _tmpl$12, _tmpl$13;
11452
11535
  var init_icons = __esm({
11453
11536
  "src/icons/index.tsx"() {
11454
11537
  init_web();
@@ -11466,7 +11549,25 @@ var init_icons = __esm({
11466
11549
  _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">`);
11467
11550
  _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">`);
11468
11551
  _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">`);
11469
- _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">`);
11552
+ _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">`);
11553
+ _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">`);
11554
+ }
11555
+ });
11556
+
11557
+ // src/Context.ts
11558
+ function useQueryDevtoolsContext() {
11559
+ return useContext(QueryDevtoolsContext);
11560
+ }
11561
+ var QueryDevtoolsContext;
11562
+ var init_Context = __esm({
11563
+ "src/Context.ts"() {
11564
+ init_solid();
11565
+ QueryDevtoolsContext = createContext({
11566
+ client: void 0,
11567
+ onlineManager: void 0,
11568
+ queryFlavor: "",
11569
+ version: ""
11570
+ });
11470
11571
  }
11471
11572
  });
11472
11573
 
@@ -11487,6 +11588,7 @@ function isIterable(x) {
11487
11588
  }
11488
11589
  function Explorer(props) {
11489
11590
  const styles = getStyles();
11591
+ const queryClient = useQueryDevtoolsContext().client;
11490
11592
  const [expanded, setExpanded] = createSignal((props.defaultExpanded || []).includes(props.label));
11491
11593
  const toggleExpanded = () => setExpanded((old) => !old);
11492
11594
  const [expandedPages, setExpandedPages] = createSignal([]);
@@ -11526,49 +11628,79 @@ function Explorer(props) {
11526
11628
  return typeof props.value;
11527
11629
  });
11528
11630
  const subEntryPages = createMemo(() => chunkArray(subEntries(), 100));
11631
+ const currentDataPath = props.dataPath ?? [];
11529
11632
  return (() => {
11530
- const _el$3 = _tmpl$42();
11531
- insert(_el$3, createComponent(Show, {
11633
+ const _el$5 = _tmpl$52();
11634
+ insert(_el$5, createComponent(Show, {
11532
11635
  get when() {
11533
11636
  return subEntryPages().length;
11534
11637
  },
11535
11638
  get children() {
11536
11639
  return [(() => {
11537
- 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;
11538
- _el$5.$$click = () => toggleExpanded();
11539
- insert(_el$5, createComponent(Expander, {
11640
+ 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;
11641
+ _el$7.$$click = () => toggleExpanded();
11642
+ insert(_el$7, createComponent(Expander, {
11540
11643
  get expanded() {
11541
11644
  return expanded();
11542
11645
  }
11543
- }), _el$6);
11544
- insert(_el$7, () => props.label);
11545
- insert(_el$9, () => String(type()).toLowerCase() === "iterable" ? "(Iterable) " : "", _el$10);
11546
- insert(_el$9, () => subEntries().length, _el$10);
11547
- insert(_el$9, () => subEntries().length > 1 ? `items` : `item`, null);
11548
- insert(_el$4, createComponent(Show, {
11646
+ }), _el$8);
11647
+ insert(_el$9, () => props.label);
11648
+ insert(_el$11, () => String(type()).toLowerCase() === "iterable" ? "(Iterable) " : "", _el$12);
11649
+ insert(_el$11, () => subEntries().length, _el$12);
11650
+ insert(_el$11, () => subEntries().length > 1 ? `items` : `item`, null);
11651
+ insert(_el$6, createComponent(Show, {
11549
11652
  get when() {
11550
- return props.copyable;
11653
+ return props.editable;
11551
11654
  },
11552
11655
  get children() {
11553
- return createComponent(CopyButton, {
11656
+ const _el$13 = _tmpl$52();
11657
+ insert(_el$13, createComponent(CopyButton, {
11554
11658
  get value() {
11555
11659
  return props.value;
11556
11660
  }
11557
- });
11661
+ }), null);
11662
+ insert(_el$13, createComponent(Show, {
11663
+ get when() {
11664
+ return props.itemsDeletable && props.activeQuery !== void 0;
11665
+ },
11666
+ get children() {
11667
+ return createComponent(DeleteItemButton, {
11668
+ get activeQuery() {
11669
+ return props.activeQuery;
11670
+ },
11671
+ dataPath: currentDataPath
11672
+ });
11673
+ }
11674
+ }), null);
11675
+ insert(_el$13, createComponent(Show, {
11676
+ get when() {
11677
+ return type() === "array" && props.activeQuery !== void 0;
11678
+ },
11679
+ get children() {
11680
+ return createComponent(ClearArrayButton, {
11681
+ get activeQuery() {
11682
+ return props.activeQuery;
11683
+ },
11684
+ dataPath: currentDataPath
11685
+ });
11686
+ }
11687
+ }), null);
11688
+ createRenderEffect(() => className(_el$13, styles.actions));
11689
+ return _el$13;
11558
11690
  }
11559
11691
  }), null);
11560
11692
  createRenderEffect((_p$) => {
11561
11693
  const _v$3 = styles.expanderButtonContainer, _v$4 = styles.expanderButton, _v$5 = styles.info;
11562
- _v$3 !== _p$._v$3 && className(_el$4, _p$._v$3 = _v$3);
11563
- _v$4 !== _p$._v$4 && className(_el$5, _p$._v$4 = _v$4);
11564
- _v$5 !== _p$._v$5 && className(_el$9, _p$._v$5 = _v$5);
11694
+ _v$3 !== _p$._v$3 && className(_el$6, _p$._v$3 = _v$3);
11695
+ _v$4 !== _p$._v$4 && className(_el$7, _p$._v$4 = _v$4);
11696
+ _v$5 !== _p$._v$5 && className(_el$11, _p$._v$5 = _v$5);
11565
11697
  return _p$;
11566
11698
  }, {
11567
11699
  _v$3: void 0,
11568
11700
  _v$4: void 0,
11569
11701
  _v$5: void 0
11570
11702
  });
11571
- return _el$4;
11703
+ return _el$6;
11572
11704
  })(), createComponent(Show, {
11573
11705
  get when() {
11574
11706
  return expanded();
@@ -11579,8 +11711,8 @@ function Explorer(props) {
11579
11711
  return subEntryPages().length === 1;
11580
11712
  },
11581
11713
  get children() {
11582
- const _el$11 = _tmpl$42();
11583
- insert(_el$11, createComponent(Key, {
11714
+ const _el$14 = _tmpl$52();
11715
+ insert(_el$14, createComponent(Key, {
11584
11716
  get each() {
11585
11717
  return subEntries();
11586
11718
  },
@@ -11596,42 +11728,51 @@ function Explorer(props) {
11596
11728
  get value() {
11597
11729
  return entry().value;
11598
11730
  },
11599
- get copyable() {
11600
- return props.copyable;
11731
+ get editable() {
11732
+ return props.editable;
11733
+ },
11734
+ get dataPath() {
11735
+ return [...currentDataPath, entry().label];
11736
+ },
11737
+ get activeQuery() {
11738
+ return props.activeQuery;
11739
+ },
11740
+ get itemsDeletable() {
11741
+ return type() === "array" || type() === "Iterable" || type() === "object";
11601
11742
  }
11602
11743
  });
11603
11744
  }
11604
11745
  }));
11605
- createRenderEffect(() => className(_el$11, styles.subEntry));
11606
- return _el$11;
11746
+ createRenderEffect(() => className(_el$14, styles.subEntry));
11747
+ return _el$14;
11607
11748
  }
11608
11749
  }), createComponent(Show, {
11609
11750
  get when() {
11610
11751
  return subEntryPages().length > 1;
11611
11752
  },
11612
11753
  get children() {
11613
- const _el$12 = _tmpl$42();
11614
- insert(_el$12, createComponent(Index, {
11754
+ const _el$15 = _tmpl$52();
11755
+ insert(_el$15, createComponent(Index, {
11615
11756
  get each() {
11616
11757
  return subEntryPages();
11617
11758
  },
11618
11759
  children: (entries3, index) => (() => {
11619
- 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;
11620
- _el$20.$$click = () => setExpandedPages((old) => old.includes(index) ? old.filter((d) => d !== index) : [...old, index]);
11621
- insert(_el$20, createComponent(Expander, {
11760
+ 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;
11761
+ _el$22.$$click = () => setExpandedPages((old) => old.includes(index) ? old.filter((d) => d !== index) : [...old, index]);
11762
+ insert(_el$22, createComponent(Expander, {
11622
11763
  get expanded() {
11623
11764
  return expandedPages().includes(index);
11624
11765
  }
11625
- }), _el$21);
11626
- insert(_el$20, index * 100, _el$25);
11627
- insert(_el$20, index * 100 + 100 - 1, _el$26);
11628
- insert(_el$19, createComponent(Show, {
11766
+ }), _el$23);
11767
+ insert(_el$22, index * 100, _el$27);
11768
+ insert(_el$22, index * 100 + 100 - 1, _el$28);
11769
+ insert(_el$21, createComponent(Show, {
11629
11770
  get when() {
11630
11771
  return expandedPages().includes(index);
11631
11772
  },
11632
11773
  get children() {
11633
- const _el$27 = _tmpl$42();
11634
- insert(_el$27, createComponent(Key, {
11774
+ const _el$29 = _tmpl$52();
11775
+ insert(_el$29, createComponent(Key, {
11635
11776
  get each() {
11636
11777
  return entries3();
11637
11778
  },
@@ -11646,61 +11787,110 @@ function Explorer(props) {
11646
11787
  get value() {
11647
11788
  return entry().value;
11648
11789
  },
11649
- get copyable() {
11650
- return props.copyable;
11790
+ get editable() {
11791
+ return props.editable;
11792
+ },
11793
+ get dataPath() {
11794
+ return [...currentDataPath, entry().label];
11795
+ },
11796
+ get activeQuery() {
11797
+ return props.activeQuery;
11651
11798
  }
11652
11799
  })
11653
11800
  }));
11654
- createRenderEffect(() => className(_el$27, styles.subEntry));
11655
- return _el$27;
11801
+ createRenderEffect(() => className(_el$29, styles.subEntry));
11802
+ return _el$29;
11656
11803
  }
11657
11804
  }), null);
11658
11805
  createRenderEffect((_p$) => {
11659
- const _v$8 = styles.entry, _v$9 = styles.expanderButton;
11660
- _v$8 !== _p$._v$8 && className(_el$19, _p$._v$8 = _v$8);
11661
- _v$9 !== _p$._v$9 && className(_el$20, _p$._v$9 = _v$9);
11806
+ const _v$10 = styles.entry, _v$11 = styles.expanderButton;
11807
+ _v$10 !== _p$._v$10 && className(_el$21, _p$._v$10 = _v$10);
11808
+ _v$11 !== _p$._v$11 && className(_el$22, _p$._v$11 = _v$11);
11662
11809
  return _p$;
11663
11810
  }, {
11664
- _v$8: void 0,
11665
- _v$9: void 0
11811
+ _v$10: void 0,
11812
+ _v$11: void 0
11666
11813
  });
11667
- return _el$18;
11814
+ return _el$20;
11668
11815
  })()
11669
11816
  }));
11670
- createRenderEffect(() => className(_el$12, styles.subEntry));
11671
- return _el$12;
11817
+ createRenderEffect(() => className(_el$15, styles.subEntry));
11818
+ return _el$15;
11672
11819
  }
11673
11820
  })];
11674
11821
  }
11675
11822
  })];
11676
11823
  }
11677
11824
  }), null);
11678
- insert(_el$3, createComponent(Show, {
11825
+ insert(_el$5, createComponent(Show, {
11679
11826
  get when() {
11680
11827
  return subEntryPages().length === 0;
11681
11828
  },
11682
11829
  get children() {
11683
- 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;
11684
- _el$13.style.setProperty("line-height", "1.125rem");
11685
- insert(_el$14, () => props.label, _el$15);
11686
- insert(_el$17, () => displayValue(props.value));
11830
+ const _el$16 = _tmpl$82(), _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild;
11831
+ insert(_el$17, () => props.label, _el$18);
11832
+ insert(_el$16, createComponent(Show, {
11833
+ get when() {
11834
+ return createMemo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number");
11835
+ },
11836
+ get fallback() {
11837
+ return (() => {
11838
+ const _el$30 = _tmpl$102();
11839
+ insert(_el$30, () => displayValue(props.value));
11840
+ createRenderEffect(() => className(_el$30, styles.value));
11841
+ return _el$30;
11842
+ })();
11843
+ },
11844
+ get children() {
11845
+ const _el$19 = _tmpl$72();
11846
+ _el$19.addEventListener("change", (changeEvent) => {
11847
+ const oldData = props.activeQuery.state.data;
11848
+ const newData = updateNestedDataByPath(oldData, currentDataPath, type() === "number" ? changeEvent.target.valueAsNumber : changeEvent.target.value);
11849
+ queryClient.setQueryData(props.activeQuery.queryKey, newData);
11850
+ });
11851
+ createRenderEffect((_p$) => {
11852
+ const _v$6 = type() === "number" ? "number" : "text", _v$7 = clsx(styles.value, styles.editableInput);
11853
+ _v$6 !== _p$._v$6 && setAttribute(_el$19, "type", _p$._v$6 = _v$6);
11854
+ _v$7 !== _p$._v$7 && className(_el$19, _p$._v$7 = _v$7);
11855
+ return _p$;
11856
+ }, {
11857
+ _v$6: void 0,
11858
+ _v$7: void 0
11859
+ });
11860
+ createRenderEffect(() => _el$19.value = props.value);
11861
+ return _el$19;
11862
+ }
11863
+ }), null);
11864
+ insert(_el$16, createComponent(Show, {
11865
+ get when() {
11866
+ return props.editable && props.itemsDeletable && props.activeQuery !== void 0;
11867
+ },
11868
+ get children() {
11869
+ return createComponent(DeleteItemButton, {
11870
+ get activeQuery() {
11871
+ return props.activeQuery;
11872
+ },
11873
+ dataPath: currentDataPath
11874
+ });
11875
+ }
11876
+ }), null);
11687
11877
  createRenderEffect((_p$) => {
11688
- const _v$6 = styles.label, _v$7 = styles.value;
11689
- _v$6 !== _p$._v$6 && className(_el$14, _p$._v$6 = _v$6);
11690
- _v$7 !== _p$._v$7 && className(_el$17, _p$._v$7 = _v$7);
11878
+ const _v$8 = styles.row, _v$9 = styles.label;
11879
+ _v$8 !== _p$._v$8 && className(_el$16, _p$._v$8 = _v$8);
11880
+ _v$9 !== _p$._v$9 && className(_el$17, _p$._v$9 = _v$9);
11691
11881
  return _p$;
11692
11882
  }, {
11693
- _v$6: void 0,
11694
- _v$7: void 0
11883
+ _v$8: void 0,
11884
+ _v$9: void 0
11695
11885
  });
11696
- return _el$13;
11886
+ return _el$16;
11697
11887
  }
11698
11888
  }), null);
11699
- createRenderEffect(() => className(_el$3, styles.entry));
11700
- return _el$3;
11889
+ createRenderEffect(() => className(_el$5, styles.entry));
11890
+ return _el$5;
11701
11891
  })();
11702
11892
  }
11703
- var _tmpl$13, _tmpl$22, _tmpl$32, _tmpl$42, _tmpl$52, _tmpl$62, Expander, CopyButton, getStyles;
11893
+ var _tmpl$14, _tmpl$22, _tmpl$32, _tmpl$42, _tmpl$52, _tmpl$62, _tmpl$72, _tmpl$82, _tmpl$92, _tmpl$102, Expander, CopyButton, ClearArrayButton, DeleteItemButton, getStyles;
11704
11894
  var init_Explorer = __esm({
11705
11895
  "src/Explorer.tsx"() {
11706
11896
  init_web();
@@ -11711,6 +11901,7 @@ var init_Explorer = __esm({
11711
11901
  init_web();
11712
11902
  init_web();
11713
11903
  init_web();
11904
+ init_web();
11714
11905
  init_esm2();
11715
11906
  init_goober_modern();
11716
11907
  init_clsx();
@@ -11719,16 +11910,21 @@ var init_Explorer = __esm({
11719
11910
  init_theme();
11720
11911
  init_utils();
11721
11912
  init_icons();
11722
- _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">`);
11723
- _tmpl$22 = /* @__PURE__ */ template(`<button>`);
11724
- _tmpl$32 = /* @__PURE__ */ template(`<div><button> <span></span> <span> `);
11725
- _tmpl$42 = /* @__PURE__ */ template(`<div>`);
11726
- _tmpl$52 = /* @__PURE__ */ template(`<div><span>:</span> <span>`);
11727
- _tmpl$62 = /* @__PURE__ */ template(`<div><div><button> [<!>...<!>]`);
11913
+ init_Context();
11914
+ _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">`);
11915
+ _tmpl$22 = /* @__PURE__ */ template(`<button title="Copy object to clipboard">`);
11916
+ _tmpl$32 = /* @__PURE__ */ template(`<button title="Remove all items" aria-label="Remove all items">`);
11917
+ _tmpl$42 = /* @__PURE__ */ template(`<button title="Delete item" aria-label="Delete item">`);
11918
+ _tmpl$52 = /* @__PURE__ */ template(`<div>`);
11919
+ _tmpl$62 = /* @__PURE__ */ template(`<div><button> <span></span> <span> `);
11920
+ _tmpl$72 = /* @__PURE__ */ template(`<input>`);
11921
+ _tmpl$82 = /* @__PURE__ */ template(`<div><span>:`);
11922
+ _tmpl$92 = /* @__PURE__ */ template(`<div><div><button> [<!>...<!>]`);
11923
+ _tmpl$102 = /* @__PURE__ */ template(`<span>`);
11728
11924
  Expander = (props) => {
11729
11925
  const styles = getStyles();
11730
11926
  return (() => {
11731
- const _el$ = _tmpl$13();
11927
+ const _el$ = _tmpl$14();
11732
11928
  createRenderEffect(() => className(_el$, clsx(styles.expander, u`
11733
11929
  transform: rotate(${props.expanded ? 90 : 0}deg);
11734
11930
  `, props.expanded && u`
@@ -11785,7 +11981,7 @@ var init_Explorer = __esm({
11785
11981
  }
11786
11982
  }));
11787
11983
  createRenderEffect((_p$) => {
11788
- const _v$ = styles.copyButton, _v$2 = `${copyState() === "NoCopy" ? "Copy object to clipboard" : copyState() === "SuccessCopy" ? "Object copied to clipboard" : "Error copying object to clipboard"}`;
11984
+ const _v$ = styles.actionButton, _v$2 = `${copyState() === "NoCopy" ? "Copy object to clipboard" : copyState() === "SuccessCopy" ? "Object copied to clipboard" : "Error copying object to clipboard"}`;
11789
11985
  _v$ !== _p$._v$ && className(_el$2, _p$._v$ = _v$);
11790
11986
  _v$2 !== _p$._v$2 && setAttribute(_el$2, "aria-label", _p$._v$2 = _v$2);
11791
11987
  return _p$;
@@ -11796,6 +11992,36 @@ var init_Explorer = __esm({
11796
11992
  return _el$2;
11797
11993
  })();
11798
11994
  };
11995
+ ClearArrayButton = (props) => {
11996
+ const styles = getStyles();
11997
+ const queryClient = useQueryDevtoolsContext().client;
11998
+ return (() => {
11999
+ const _el$3 = _tmpl$32();
12000
+ _el$3.$$click = () => {
12001
+ const oldData = props.activeQuery.state.data;
12002
+ const newData = updateNestedDataByPath(oldData, props.dataPath, []);
12003
+ queryClient.setQueryData(props.activeQuery.queryKey, newData);
12004
+ };
12005
+ insert(_el$3, createComponent(List, {}));
12006
+ createRenderEffect(() => className(_el$3, styles.actionButton));
12007
+ return _el$3;
12008
+ })();
12009
+ };
12010
+ DeleteItemButton = (props) => {
12011
+ const styles = getStyles();
12012
+ const queryClient = useQueryDevtoolsContext().client;
12013
+ return (() => {
12014
+ const _el$4 = _tmpl$42();
12015
+ _el$4.$$click = () => {
12016
+ const oldData = props.activeQuery.state.data;
12017
+ const newData = deleteNestedDataByPath(oldData, props.dataPath);
12018
+ queryClient.setQueryData(props.activeQuery.queryKey, newData);
12019
+ };
12020
+ insert(_el$4, createComponent(Trash, {}));
12021
+ createRenderEffect(() => className(_el$4, clsx(styles.actionButton)));
12022
+ return _el$4;
12023
+ })();
12024
+ };
11799
12025
  getStyles = () => {
11800
12026
  const {
11801
12027
  colors,
@@ -11837,6 +12063,7 @@ var init_Explorer = __esm({
11837
12063
  align-items: center;
11838
12064
  line-height: 1.125rem;
11839
12065
  min-height: 1.125rem;
12066
+ gap: ${size2[2]};
11840
12067
  `,
11841
12068
  expanderButton: u`
11842
12069
  cursor: pointer;
@@ -11874,8 +12101,30 @@ var init_Explorer = __esm({
11874
12101
  `,
11875
12102
  value: u`
11876
12103
  color: ${colors.purple[400]};
12104
+ flex-grow: 1;
12105
+ `,
12106
+ actions: u`
12107
+ display: inline-flex;
12108
+ gap: ${size2[2]};
12109
+ `,
12110
+ row: u`
12111
+ display: inline-flex;
12112
+ gap: ${size2[2]};
12113
+ width: 100%;
12114
+ margin-bottom: ${size2[0.5]};
12115
+ line-height: 1.125rem;
11877
12116
  `,
11878
- copyButton: u`
12117
+ editableInput: u`
12118
+ border: none;
12119
+ padding: 0px ${size2[1]};
12120
+ flex-grow: 1;
12121
+ background-color: ${colors.gray[900]};
12122
+
12123
+ &:hover {
12124
+ background-color: ${colors.gray[800]};
12125
+ }
12126
+ `,
12127
+ actionButton: u`
11879
12128
  background-color: transparent;
11880
12129
  border: none;
11881
12130
  display: inline-flex;
@@ -11886,11 +12135,17 @@ var init_Explorer = __esm({
11886
12135
  width: ${size2[3]};
11887
12136
  height: ${size2[3]};
11888
12137
  position: relative;
11889
- left: ${size2[2]};
11890
12138
  z-index: 1;
11891
12139
 
11892
- &:hover svg .copier {
11893
- stroke: ${colors.gray[500]} !important;
12140
+ &:hover svg {
12141
+ .copier,
12142
+ .list {
12143
+ stroke: ${colors.gray[500]} !important;
12144
+ }
12145
+
12146
+ .list-item {
12147
+ stroke: ${colors.gray[700]};
12148
+ }
11894
12149
  }
11895
12150
 
11896
12151
  &:focus-visible {
@@ -11905,23 +12160,6 @@ var init_Explorer = __esm({
11905
12160
  }
11906
12161
  });
11907
12162
 
11908
- // src/Context.ts
11909
- function useQueryDevtoolsContext() {
11910
- return useContext(QueryDevtoolsContext);
11911
- }
11912
- var QueryDevtoolsContext;
11913
- var init_Context = __esm({
11914
- "src/Context.ts"() {
11915
- init_solid();
11916
- QueryDevtoolsContext = createContext({
11917
- client: void 0,
11918
- onlineManager: void 0,
11919
- queryFlavor: "",
11920
- version: ""
11921
- });
11922
- }
11923
- });
11924
-
11925
12163
  // src/fonts.ts
11926
12164
  var loadFonts;
11927
12165
  var init_fonts = __esm({
@@ -11946,7 +12184,7 @@ __export(Devtools_exports, {
11946
12184
  QueryStatusCount: () => QueryStatusCount,
11947
12185
  default: () => Devtools_default
11948
12186
  });
11949
- var _tmpl$14, _tmpl$23, _tmpl$33, _tmpl$43, _tmpl$53, _tmpl$63, _tmpl$72, _tmpl$82, _tmpl$92, _tmpl$102, _tmpl$112, _tmpl$122, _tmpl$132, _tmpl$142, _tmpl$15, _tmpl$16, _tmpl$17, _tmpl$18, _tmpl$19, _tmpl$20, _tmpl$21, firstBreakpoint, secondBreakpoint, thirdBreakpoint, BUTTON_POSITION, POSITION, INITIAL_IS_OPEN, DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_SORT_FN_NAME, DEFAULT_SORT_ORDER, selectedQueryHash, setSelectedQueryHash, panelWidth, setPanelWidth, DevtoolsComponent, Devtools_default, Devtools, DevtoolsPanel, QueryRow, QueryStatusCount, QueryStatus, QueryDetails, signalsMap, setupQueryCacheSubscription, createSubscribeToQueryCacheBatcher, getStyles2;
12187
+ var _tmpl$15, _tmpl$23, _tmpl$33, _tmpl$43, _tmpl$53, _tmpl$63, _tmpl$73, _tmpl$83, _tmpl$93, _tmpl$103, _tmpl$112, _tmpl$122, _tmpl$132, _tmpl$142, _tmpl$152, _tmpl$16, _tmpl$17, _tmpl$18, _tmpl$19, _tmpl$20, _tmpl$21, firstBreakpoint, secondBreakpoint, thirdBreakpoint, BUTTON_POSITION, POSITION, INITIAL_IS_OPEN, DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_SORT_FN_NAME, DEFAULT_SORT_ORDER, selectedQueryHash, setSelectedQueryHash, panelWidth, setPanelWidth, DevtoolsComponent, Devtools_default, Devtools, DevtoolsPanel, QueryRow, QueryStatusCount, QueryStatus, QueryDetails, signalsMap, setupQueryCacheSubscription, createSubscribeToQueryCacheBatcher, getStyles2;
11950
12188
  var init_Devtools = __esm({
11951
12189
  "src/Devtools.tsx"() {
11952
12190
  init_web();
@@ -11975,21 +12213,21 @@ var init_Devtools = __esm({
11975
12213
  init_Explorer();
11976
12214
  init_Context();
11977
12215
  init_fonts();
11978
- _tmpl$14 = /* @__PURE__ */ template(`<div><div aria-hidden="true"></div><button aria-label="Open Tanstack query devtools">`);
12216
+ _tmpl$15 = /* @__PURE__ */ template(`<div><div aria-hidden="true"></div><button aria-label="Open Tanstack query devtools">`);
11979
12217
  _tmpl$23 = /* @__PURE__ */ template(`<div>`);
11980
12218
  _tmpl$33 = /* @__PURE__ */ template(`<span>Asc`);
11981
12219
  _tmpl$43 = /* @__PURE__ */ template(`<span>Desc`);
11982
12220
  _tmpl$53 = /* @__PURE__ */ template(`<div>Settings`);
11983
12221
  _tmpl$63 = /* @__PURE__ */ template(`<span>Position`);
11984
- _tmpl$72 = /* @__PURE__ */ template(`<span>Top`);
11985
- _tmpl$82 = /* @__PURE__ */ template(`<span>Bottom`);
11986
- _tmpl$92 = /* @__PURE__ */ template(`<span>Left`);
11987
- _tmpl$102 = /* @__PURE__ */ template(`<span>Right`);
12222
+ _tmpl$73 = /* @__PURE__ */ template(`<span>Top`);
12223
+ _tmpl$83 = /* @__PURE__ */ template(`<span>Bottom`);
12224
+ _tmpl$93 = /* @__PURE__ */ template(`<span>Left`);
12225
+ _tmpl$103 = /* @__PURE__ */ template(`<span>Right`);
11988
12226
  _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">`);
11989
12227
  _tmpl$122 = /* @__PURE__ */ template(`<option>Sort by `);
11990
12228
  _tmpl$132 = /* @__PURE__ */ template(`<div class="tsqd-query-disabled-indicator">disabled`);
11991
12229
  _tmpl$142 = /* @__PURE__ */ template(`<button><div></div><code class="tsqd-query-hash">`);
11992
- _tmpl$15 = /* @__PURE__ */ template(`<div role="tooltip" id="tsqd-status-tooltip">`);
12230
+ _tmpl$152 = /* @__PURE__ */ template(`<div role="tooltip" id="tsqd-status-tooltip">`);
11993
12231
  _tmpl$16 = /* @__PURE__ */ template(`<span>`);
11994
12232
  _tmpl$17 = /* @__PURE__ */ template(`<button><span></span><span>`);
11995
12233
  _tmpl$18 = /* @__PURE__ */ template(`<button><span></span> Error`);
@@ -12066,7 +12304,7 @@ var init_Devtools = __esm({
12066
12304
  return !isOpen();
12067
12305
  },
12068
12306
  get children() {
12069
- const _el$2 = _tmpl$14(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
12307
+ const _el$2 = _tmpl$15(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
12070
12308
  insert(_el$3, createComponent(TanstackLogo, {}));
12071
12309
  _el$4.$$click = () => setLocalStore("open", "true");
12072
12310
  insert(_el$4, createComponent(TanstackLogo, {}));
@@ -12318,7 +12556,7 @@ var init_Devtools = __esm({
12318
12556
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
12319
12557
  },
12320
12558
  get children() {
12321
- return [_tmpl$72(), createComponent(ArrowUp, {})];
12559
+ return [_tmpl$73(), createComponent(ArrowUp, {})];
12322
12560
  }
12323
12561
  }), createComponent(index$d.Item, {
12324
12562
  onSelect: () => {
@@ -12329,7 +12567,7 @@ var init_Devtools = __esm({
12329
12567
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
12330
12568
  },
12331
12569
  get children() {
12332
- return [_tmpl$82(), createComponent(ArrowDown, {})];
12570
+ return [_tmpl$83(), createComponent(ArrowDown, {})];
12333
12571
  }
12334
12572
  }), createComponent(index$d.Item, {
12335
12573
  onSelect: () => {
@@ -12340,7 +12578,7 @@ var init_Devtools = __esm({
12340
12578
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
12341
12579
  },
12342
12580
  get children() {
12343
- return [_tmpl$92(), createComponent(ArrowLeft, {})];
12581
+ return [_tmpl$93(), createComponent(ArrowLeft, {})];
12344
12582
  }
12345
12583
  }), createComponent(index$d.Item, {
12346
12584
  onSelect: () => {
@@ -12351,7 +12589,7 @@ var init_Devtools = __esm({
12351
12589
  return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-right");
12352
12590
  },
12353
12591
  get children() {
12354
- return [_tmpl$102(), createComponent(ArrowRight, {})];
12592
+ return [_tmpl$103(), createComponent(ArrowRight, {})];
12355
12593
  }
12356
12594
  })];
12357
12595
  }
@@ -12605,7 +12843,7 @@ var init_Devtools = __esm({
12605
12843
  return createMemo(() => !!!showLabel())() && (mouseOver() || focused());
12606
12844
  },
12607
12845
  get children() {
12608
- const _el$42 = _tmpl$15();
12846
+ const _el$42 = _tmpl$152();
12609
12847
  insert(_el$42, () => props.label);
12610
12848
  createRenderEffect(() => className(_el$42, clsx(styles.statusTooltip, "tsqd-query-status-tooltip")));
12611
12849
  return _el$42;
@@ -12826,7 +13064,10 @@ var init_Devtools = __esm({
12826
13064
  get value() {
12827
13065
  return activeQueryStateData();
12828
13066
  },
12829
- copyable: true
13067
+ editable: true,
13068
+ get activeQuery() {
13069
+ return activeQuery();
13070
+ }
12830
13071
  }));
12831
13072
  _el$83.style.setProperty("padding", "0.5rem");
12832
13073
  insert(_el$83, createComponent(Explorer, {