@ethlete/query-devtools 1.0.0-next.0

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@ethlete/query-devtools",
+  "version": "1.0.0-next.0",
+  "license": "MIT",
+  "sideEffects": false,
+  "peerDependencies": {
+    "@analogjs/vitest-angular": "2.6.3",
+    "@angular/common": "22.0.7",
+    "@angular/compiler": "22.0.7",
+    "@angular/core": "22.0.7",
+    "@ethlete/components": "^1.0.0-next.42",
+    "@ethlete/core": "^5.0.0-beta.11",
+    "@ethlete/query": "^6.0.0-beta.8",
+    "@ethlete/types": "^2.0.0-beta.4",
+    "rxjs": "7.8.2"
+  },
+  "peerDependenciesMeta": {
+    "@analogjs/vitest-angular": {
+      "optional": true
+    }
+  },
+  "module": "fesm2022/ethlete-query-devtools.mjs",
+  "typings": "types/ethlete-query-devtools.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/ethlete-query-devtools.d.ts",
+      "default": "./fesm2022/ethlete-query-devtools.mjs"
+    },
+    "./lazy": {
+      "types": "./types/ethlete-query-devtools-lazy.d.ts",
+      "default": "./fesm2022/ethlete-query-devtools-lazy.mjs"
+    },
+    "./toggle": {
+      "types": "./types/ethlete-query-devtools-toggle.d.ts",
+      "default": "./fesm2022/ethlete-query-devtools-toggle.mjs"
+    }
+  },
+  "type": "module",
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

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

@@ -0,0 +1,39 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * The query devtools behind a deferred load: renders only the floating toggle button until the panel is
+ * first asked for, then downloads `<et-query-devtools>` as its own chunk and hands over. Use it instead
+ * of `<et-query-devtools>` to keep the panel out of the bundle an application ships to its users.
+ *
+ * Everything else is identical - the same toggle, the same `Ctrl/Cmd + Alt + Q` shortcut, and a panel
+ * that was open when the tab last stored its state comes back open without a click.
+ *
+ * @example
+ * ```html
+ * <et-query-devtools-lazy />
+ * ```
+ */
+declare class QueryDevtoolsLazyComponent {
+    private document;
+    /**
+     * Whether the panel was already open in this tab. It has to be answered before the panel exists, which
+     * is why the stored view state is read here rather than asked of the panel.
+     */
+    private restoredOpen;
+    protected load: _angular_core.WritableSignal<boolean>;
+    /** A restored panel opens because it was open; one that was clicked open has to be told to. */
+    protected openOnLoad: _angular_core.WritableSignal<boolean>;
+    /**
+     * Whether anything armed is changing what the app does, for the dot on the closed toggle. The panel's
+     * own badge is per-query and finer-grained; this covers what can already be armed before the panel has
+     * ever been loaded - overrides and mocks restored from a previous page load, and anything an app or a
+     * test armed through the API.
+     */
+    protected tampered: _angular_core.Signal<boolean>;
+    constructor();
+    protected open(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QueryDevtoolsLazyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QueryDevtoolsLazyComponent, "et-query-devtools-lazy", never, {}, {}, never, never, true, never>;
+}
+
+export { QueryDevtoolsLazyComponent };

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

@@ -0,0 +1,37 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * The global devtools toggle shortcut, rendered for the current platform (`⌘⌥Q` on Apple, where the
+ * symbols are the convention, `Ctrl+Alt+Q` everywhere else). Shown on both the floating toggle and
+ * the panel's close button so the shortcut is discoverable without reading the docs.
+ */
+declare const queryDevtoolsShortcutLabel: () => "⌘⌥Q" | "Ctrl+Alt+Q";
+
+/**
+ * The floating toggle button for the query devtools. Rendered with `ShadowDom` encapsulation so the
+ * host application's global CSS (Tailwind resets, button styles, …) can never touch it and its own
+ * styles can never leak out. Uses px (not rem) internally so it doesn't depend on the host's root
+ * font-size; theme accent colour is read from an inherited custom property with a fallback.
+ */
+declare class QueryDevtoolsToggleComponent {
+    tampered: _angular_core.InputSignal<boolean>;
+    openChange: _angular_core.OutputEmitterRef<void>;
+    protected shortcut: string;
+    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>;
+}
+
+/**
+ * Where the panel's own view state lives - open/closed, dock, sizes, selection, filters. Bumped
+ * whenever a shape change would make an older stored state restore into something wrong.
+ * @internal
+ */
+declare const QUERY_DEVTOOLS_VIEW_STATE_KEY = "ethlete:query:devtools:v4";
+/**
+ * Whether the panel was open when this tab last stored its view state. Read by
+ * `<et-query-devtools-lazy>`, which has to load the panel before it can ask the panel anything.
+ * @internal
+ */
+declare const wasQueryDevtoolsOpen: () => boolean;
+
+export { QUERY_DEVTOOLS_VIEW_STATE_KEY, QueryDevtoolsToggleComponent, queryDevtoolsShortcutLabel, wasQueryDevtoolsOpen };