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