@ethlete/query-devtools 1.0.0-next.15 → 1.0.0-next.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/query-devtools",
-  "version": "1.0.0-next.15",
+  "version": "1.0.0-next.16",
   "license": "MIT",
   "sideEffects": false,
   "peerDependencies": {

package/types/ethlete-query-devtools-lazy.d.ts

@@ -40,6 +40,8 @@ declare class QueryDevtoolsLazyComponent {
     protected tampered: _angular_core.Signal<boolean>;
     constructor();
     protected open(): void;
+    /** Angular never retries a failed `@defer`, so only a page load can fetch the panel chunk again. */
+    protected reload(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<QueryDevtoolsLazyComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<QueryDevtoolsLazyComponent, "et-query-devtools-lazy", never, {}, {}, never, never, true, never>;
 }

package/types/ethlete-query-devtools-toggle.d.ts

@@ -25,10 +25,14 @@ declare const isQueryDevtoolsShortcut: (e: KeyboardEvent) => boolean;
  */
 declare class QueryDevtoolsToggleComponent {
     tampered: _angular_core.InputSignal<boolean>;
+    loadFailed: _angular_core.InputSignalWithTransform<boolean, unknown>;
     openChange: _angular_core.OutputEmitterRef<void>;
+    private button;
     protected shortcut: string;
+    /** Moves keyboard focus to the toggle button. */
+    focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<QueryDevtoolsToggleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QueryDevtoolsToggleComponent, "et-query-devtools-toggle", never, { "tampered": { "alias": "tampered"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QueryDevtoolsToggleComponent, "et-query-devtools-toggle", never, { "tampered": { "alias": "tampered"; "required": false; "isSignal": true; }; "loadFailed": { "alias": "loadFailed"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, never, true, never>;
 }
 
 /**

package/types/ethlete-query-devtools.d.ts

@@ -71,13 +71,13 @@ type DetailTab = 'overview' | 'history' | 'data';
 type PaneTarget = 'list' | 'drawer';
 /** The axis a two-pane tab splits along: the panes sit side by side, or stack in a side dock. */
 type PaneAxis = 'inline' | 'block';
-type QueryStatus = 'idle' | 'loading' | 'success' | 'error';
+type QueryStatus = 'idle' | 'parked' | 'loading' | 'success' | 'error';
 /**
- * A facet the Queries list can be narrowed to. The first four describe live state; `gone` is the odd
+ * A facet the Queries list can be narrowed to. All but `gone` describe live state; `gone` is the odd
  * one out - it is the only way a destroyed query's tombstone enters the list at all, which is why it
  * is off by default rather than just another filter over what is already shown.
  */
-type QueryListFacet = 'error' | 'loading' | 'stale' | 'idle' | 'gone';
+type QueryListFacet = 'error' | 'loading' | 'stale' | 'parked' | 'idle' | 'gone';
 /**
  * A chunk of a route as rendered: literal path text, a path param (`name` is the param it fills in) or
  * the query string of the request that ran. The kind becomes the segment's class.
@@ -281,6 +281,7 @@ declare class QueryDevtoolsComponent implements OnInit {
     private zone;
     private destroyRef;
     private document;
+    private injector;
     private viewport;
     private isDocumentVisible;
     /**
@@ -289,6 +290,9 @@ declare class QueryDevtoolsComponent implements OnInit {
      */
     startOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
     private panelEl;
+    private toggle;
+    private tabButtons;
+    private focusBeforeOpen;
     private eventIdCounter;
     private lastSelectionKey;
     private tabBeforeSettings;
@@ -549,6 +553,7 @@ declare class QueryDevtoolsComponent implements OnInit {
     private locate$;
     inspectFilterIds: _angular_core.WritableSignal<string[] | null>;
     private queryEntries;
+    private argsSourceQueries;
     /**
      * The queries that still exist. Everything that measures what the application is doing right now -
      * the tab bar's error flags, the tamper dot, the timeline -
@@ -788,6 +793,7 @@ declare class QueryDevtoolsComponent implements OnInit {
         [k: string]: string;
     } | null;
     queryStatus(query: AnyQuery): QueryStatus;
+    isParked(query: AnyQuery): boolean;
     isStale(query: AnyQuery): boolean;
     isTampered(entry: QueryDevtoolsEntry): boolean;
     isMocked(entry: QueryDevtoolsEntry): boolean;
@@ -925,6 +931,8 @@ declare class QueryDevtoolsComponent implements OnInit {
         type: string;
     }): void;
     eventQueryId(event: EventLogItem): string | null;
+    private openPanel;
+    private closePanel;
     private resolvedHeaders;
     private argsRouteSegments;
     private renderRoute;
@@ -1004,6 +1012,6 @@ declare class QueryDevtoolsComponent implements OnInit {
 declare const QUERY_DEVTOOLS_IMPORTS: readonly [typeof QueryDevtoolsComponent];
 
 /** The version of `@ethlete/query-devtools` this build was cut from. */
-declare const QUERY_DEVTOOLS_VERSION = "1.0.0-next.15";
+declare const QUERY_DEVTOOLS_VERSION = "1.0.0-next.16";
 
 export { QUERY_DEVTOOLS_IMPORTS, QUERY_DEVTOOLS_VERSION, QueryDevtoolsComponent };