@tanstack/router-devtools-core 1.135.2 → 1.136.0

package/dist/{BaseTanStackRouterDevtoolsPanel-B7ouJjNf.js → BaseTanStackRouterDevtoolsPanel-Dtoc9QIr.js}

@@ -1,4 +1,4 @@
-import { a as createSignal, b as createEffect, g as createRenderEffect, u as useContext, S as ShadowDomTargetContext, k as delegateEvents, d as createMemo, t as template, i as insert, l as memo, e as createComponent, h as className, s as setAttribute, m as mergeProps, n as useDevtoolsOnClose, f as spread, o as addEventListener, p as untrack, M as Match, F as For, q as Switch, r as onCleanup, v as Show } from "./index-B7uGjZzh.js";
+import { a as createSignal, b as createEffect, g as createRenderEffect, u as useContext, S as ShadowDomTargetContext, k as delegateEvents, d as createMemo, t as template, i as insert, l as memo, e as createComponent, h as className, s as setAttribute, m as mergeProps, n as useDevtoolsOnClose, f as spread, o as addEventListener, p as untrack, M as Match, F as For, q as Switch, r as onCleanup, v as Show } from "./index-D1rJsj64.js";
 import { clsx } from "clsx";
 import invariant from "tiny-invariant";
 import { rootRouteId, trimPath, interpolatePath } from "@tanstack/router-core";
@@ -1012,8 +1012,8 @@ function Explorer({
             insert(_el$1, index * pageSize, _el$15);
             insert(_el$1, index * pageSize + pageSize - 1, _el$16);
             insert(_el$0, (() => {
-              var _c$3 = memo(() => !!expandedPages().includes(index));
-              return () => _c$3() ? (() => {
+              var _c$2 = memo(() => !!expandedPages().includes(index));
+              return () => _c$2() ? (() => {
                 var _el$17 = _tmpl$2$1();
                 insert(_el$17, () => entries.map((entry) => handleEntry(entry)));
                 createRenderEffect(() => className(_el$17, styles().subEntries));
@@ -1034,31 +1034,28 @@ function Explorer({
         }));
         createRenderEffect(() => className(_el$8, styles().subEntries));
         return _el$8;
-      })() : null)] : (() => {
-        var _c$2 = memo(() => type() === "function");
-        return () => _c$2() ? createComponent(Explorer, {
-          get label() {
-            return (() => {
-              var _el$18 = _tmpl$5$1(), _el$19 = _el$18.firstChild;
-              _el$18.$$click = refreshValueSnapshot;
-              insert(_el$19, () => rest.label);
-              createRenderEffect(() => className(_el$18, styles().refreshValueBtn));
-              return _el$18;
-            })();
-          },
-          value: valueSnapshot,
-          defaultExpanded: {}
-        }) : [(() => {
-          var _el$20 = _tmpl$6$1(), _el$21 = _el$20.firstChild;
-          insert(_el$20, () => rest.label, _el$21);
-          return _el$20;
-        })(), " ", (() => {
-          var _el$22 = _tmpl$7$1();
-          insert(_el$22, () => displayValue(value()));
-          createRenderEffect(() => className(_el$22, styles().value));
-          return _el$22;
-        })()];
-      })();
+      })() : null)] : memo(() => type() === "function")() ? createComponent(Explorer, {
+        get label() {
+          return (() => {
+            var _el$18 = _tmpl$5$1(), _el$19 = _el$18.firstChild;
+            _el$18.$$click = refreshValueSnapshot;
+            insert(_el$19, () => rest.label);
+            createRenderEffect(() => className(_el$18, styles().refreshValueBtn));
+            return _el$18;
+          })();
+        },
+        value: valueSnapshot,
+        defaultExpanded: {}
+      }) : [(() => {
+        var _el$20 = _tmpl$6$1(), _el$21 = _el$20.firstChild;
+        insert(_el$20, () => rest.label, _el$21);
+        return _el$20;
+      })(), " ", (() => {
+        var _el$22 = _tmpl$7$1();
+        insert(_el$22, () => displayValue(value()));
+        createRenderEffect(() => className(_el$22, styles().value));
+        return _el$22;
+      })()];
     })());
     createRenderEffect(() => className(_el$3, styles().entry));
     return _el$3;
@@ -1223,7 +1220,7 @@ function NavigateButton({
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$ = /* @__PURE__ */ template(`<button><div>TANSTACK</div><div>TanStack Router v1`), _tmpl$2 = /* @__PURE__ */ template(`<div><div>`), _tmpl$3 = /* @__PURE__ */ template(`<code> `), _tmpl$4 = /* @__PURE__ */ template(`<code>`), _tmpl$5 = /* @__PURE__ */ template(`<div><div role=button><div>`), _tmpl$6 = /* @__PURE__ */ template(`<div>`), _tmpl$7 = /* @__PURE__ */ template(`<div><ul>`), _tmpl$8 = /* @__PURE__ */ template(`<div><button><svg xmlns=http://www.w3.org/2000/svg width=10 height=6 fill=none viewBox="0 0 10 6"><path stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.667 d="M1 1l4 4 4-4"></path></svg></button><div><div></div><div><div></div></div></div><div><div><div><span>Pathname</span></div><div><code></code></div><div><div><button type=button>Routes</button><button type=button>Matches</button><button type=button>History</button></div><div><div>age / staleTime / gcTime</div></div></div><div>`), _tmpl$9 = /* @__PURE__ */ template(`<div><span>masked`), _tmpl$0 = /* @__PURE__ */ template(`<div role=button><div>`), _tmpl$1 = /* @__PURE__ */ template(`<li><div>`), _tmpl$10 = /* @__PURE__ */ template(`<li>This panel displays the most recent 15 navigations.`), _tmpl$11 = /* @__PURE__ */ template(`<div><div><div>Cached Matches</div><div>age / staleTime / gcTime</div></div><div>`), _tmpl$12 = /* @__PURE__ */ template(`<div><div>Match Details</div><div><div><div><div></div></div><div><div>ID:</div><div><code></code></div></div><div><div>State:</div><div></div></div><div><div>Last Updated:</div><div></div></div></div></div><div>Explorer</div><div>`), _tmpl$13 = /* @__PURE__ */ template(`<div>Loader Data`), _tmpl$14 = /* @__PURE__ */ template(`<div><div><span>Search Params</span></div><div>`), _tmpl$15 = /* @__PURE__ */ template(`<span style=margin-left:0.5rem;>`), _tmpl$16 = /* @__PURE__ */ template(`<button type=button style=cursor:pointer; aria-label="Copy value to clipboard">`);
+var _tmpl$ = /* @__PURE__ */ template(`<button><div>TANSTACK</div><div>TanStack Router v1`), _tmpl$2 = /* @__PURE__ */ template(`<div style=display:flex;align-items:center;width:100%><div style=flex-grow:1;min-width:0>`), _tmpl$3 = /* @__PURE__ */ template(`<code> `), _tmpl$4 = /* @__PURE__ */ template(`<code>`), _tmpl$5 = /* @__PURE__ */ template(`<div><div role=button><div>`), _tmpl$6 = /* @__PURE__ */ template(`<div>`), _tmpl$7 = /* @__PURE__ */ template(`<div><ul>`), _tmpl$8 = /* @__PURE__ */ template(`<div><button><svg xmlns=http://www.w3.org/2000/svg width=10 height=6 fill=none viewBox="0 0 10 6"><path stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.667 d="M1 1l4 4 4-4"></path></svg></button><div><div></div><div><div></div></div></div><div><div><div><span>Pathname</span></div><div><code></code></div><div><div><button type=button>Routes</button><button type=button>Matches</button><button type=button>History</button></div><div><div>age / staleTime / gcTime</div></div></div><div>`), _tmpl$9 = /* @__PURE__ */ template(`<div><span>masked`), _tmpl$0 = /* @__PURE__ */ template(`<div role=button><div>`), _tmpl$1 = /* @__PURE__ */ template(`<li><div>`), _tmpl$10 = /* @__PURE__ */ template(`<li>This panel displays the most recent 15 navigations.`), _tmpl$11 = /* @__PURE__ */ template(`<div><div><div>Cached Matches</div><div>age / staleTime / gcTime</div></div><div>`), _tmpl$12 = /* @__PURE__ */ template(`<div><div>Match Details</div><div><div><div><div></div></div><div><div>ID:</div><div><code></code></div></div><div><div>State:</div><div></div></div><div><div>Last Updated:</div><div></div></div></div></div><div>Explorer</div><div>`), _tmpl$13 = /* @__PURE__ */ template(`<div>Loader Data`), _tmpl$14 = /* @__PURE__ */ template(`<div><div><span>Search Params</span></div><div>`), _tmpl$15 = /* @__PURE__ */ template(`<span style=margin-left:0.5rem>`), _tmpl$16 = /* @__PURE__ */ template(`<button type=button aria-label="Copy value to clipboard"style=cursor:pointer>`);
 const HISTORY_LIMIT = 15;
 function Logo(props) {
   const {
@@ -1253,12 +1250,7 @@ function Logo(props) {
 function NavigateLink(props) {
   return (() => {
     var _el$4 = _tmpl$2(), _el$5 = _el$4.firstChild;
-    _el$4.style.setProperty("display", "flex");
-    _el$4.style.setProperty("align-items", "center");
-    _el$4.style.setProperty("width", "100%");
     insert(_el$4, () => props.left, _el$5);
-    _el$5.style.setProperty("flex-grow", "1");
-    _el$5.style.setProperty("min-width", "0");
     insert(_el$5, () => props.children);
     insert(_el$4, () => props.right, null);
     createRenderEffect(() => className(_el$4, props.class));
@@ -1926,4 +1918,4 @@ export {
   BaseTanStackRouterDevtoolsPanel$1 as c,
   useLocalStorage as u
 };
-//# sourceMappingURL=BaseTanStackRouterDevtoolsPanel-B7ouJjNf.js.map
+//# sourceMappingURL=BaseTanStackRouterDevtoolsPanel-Dtoc9QIr.js.map