diff --git a/app/src/__tests__/command-palette.test.ts b/app/src/__tests__/command-palette.test.ts
new file mode 100644
index 00000000..da238eba
--- /dev/null
+++ b/app/src/__tests__/command-palette.test.ts
@@ -0,0 +1,163 @@
+import { Component, signal } from '@angular/core';
+import { TestBed, type ComponentFixture } from '@angular/core/testing';
+import { afterEach, describe, expect, it } from 'vitest';
+import { CommandPalette } from '../ui/command-palette';
+import { filterCommands, fuzzyScore, type PaletteCommand } from '../palette-filter';
+
+const COMMANDS: PaletteCommand[] = [
+  { id: 'tab:dashboard', title: 'Go to Dashboard', group: 'Go to' },
+  { id: 'tab:signals', title: 'Go to Signals', group: 'Go to' },
+  { id: 'tab:network', title: 'Go to SSR & HTTP', group: 'Go to' },
+  { id: 'pick-component', title: 'Pick component on page', group: 'Actions', keywords: 'select' },
+  { id: 'theme:dark', title: 'Theme: dark', group: 'Theme' },
+];
+
+describe('palette filter', () => {
+  it('matches letters in order and ranks word starts and runs higher', () => {
+    expect(fuzzyScore('Go to Signals', 'gtsig')).toBeGreaterThan(0);
+    expect(fuzzyScore('Go to Signals', 'xyz')).toBe(-1);
+    expect(fuzzyScore('Go to Signals', 'sig')).toBeGreaterThan(fuzzyScore('Design', 'sig'));
+  });
+
+  it('keeps the order for an empty query and puts the best match first', () => {
+    expect(filterCommands(COMMANDS, '  ')).toEqual(COMMANDS);
+    expect(filterCommands(COMMANDS, 'sig').map((c) => c.id)[0]).toBe('tab:signals');
+    expect(filterCommands(COMMANDS, 'http').map((c) => c.id)).toEqual(['tab:network']);
+    expect(filterCommands(COMMANDS, 'dark').map((c) => c.id)).toEqual(['theme:dark']);
+  });
+
+  it('also matches the group and keywords, below a title match', () => {
+    expect(filterCommands(COMMANDS, 'select').map((c) => c.id)).toEqual(['pick-component']);
+    expect(filterCommands(COMMANDS, 'theme').map((c) => c.id)[0]).toBe('theme:dark');
+  });
+});
+
+@Component({
+  imports: [CommandPalette],
+  template: `
+    <button type="button" id="opener" (click)="open.set(true)">Open</button>
+    <app-command-palette [commands]="commands" [(open)]="open" (picked)="picked.push($event)" />
+  `,
+})
+class Host {
+  readonly commands = COMMANDS;
+  readonly open = signal(false);
+  readonly picked: string[] = [];
+}
+
+async function settle(fixture: ComponentFixture<unknown>) {
+  for (let i = 0; i < 3; i++) {
+    await new Promise((resolve) => setTimeout(resolve));
+    await fixture.whenStable();
+  }
+}
+
+function key(target: Element, name: string) {
+  target.dispatchEvent(
+    new KeyboardEvent('keydown', { key: name, bubbles: true, cancelable: true }),
+  );
+}
+
+async function openPalette() {
+  const fixture = TestBed.createComponent(Host);
+  document.body.appendChild(fixture.nativeElement);
+  await settle(fixture);
+  const opener = fixture.nativeElement.querySelector('#opener') as HTMLButtonElement;
+  opener.focus();
+  opener.click();
+  await settle(fixture);
+  const root = fixture.nativeElement as HTMLElement;
+  const input = root.querySelector('input[role="combobox"]') as HTMLInputElement;
+  return { fixture, root, input, opener };
+}
+
+afterEach(() => {
+  document.body.innerHTML = '';
+  TestBed.resetTestingModule();
+});
+
+describe('CommandPalette', () => {
+  it('is a modal dialog with a combobox that controls a listbox', async () => {
+    const { root, input } = await openPalette();
+    const dialog = root.querySelector('[role="dialog"]')!;
+    expect(dialog.getAttribute('aria-modal')).toBe('true');
+    const title = root.querySelector(`#${dialog.getAttribute('aria-labelledby')}`);
+    expect(title?.textContent?.trim()).toBe('Command palette');
+    expect(document.activeElement).toBe(input);
+    expect(input.getAttribute('aria-expanded')).toBe('true');
+    const list = root.querySelector(`#${input.getAttribute('aria-controls')}`)!;
+    expect(list.getAttribute('role')).toBe('listbox');
+    const options = list.querySelectorAll('[role="option"]');
+    expect(options).toHaveLength(COMMANDS.length);
+    expect(input.getAttribute('aria-activedescendant')).toBe(options[0].id);
+    expect(options[0].getAttribute('aria-selected')).toBe('true');
+    expect(options[1].getAttribute('aria-selected')).toBe('false');
+  });
+
+  it('filters as you type and says when nothing matches', async () => {
+    const { fixture, root, input } = await openPalette();
+    input.value = 'sig';
+    input.dispatchEvent(new Event('input'));
+    await settle(fixture);
+    const options = [...root.querySelectorAll('[role="option"]')];
+    expect(options[0].textContent).toContain('Go to Signals');
+    expect(root.querySelector('[role="status"]')?.textContent).toMatch(/command/);
+
+    input.value = 'zzzz';
+    input.dispatchEvent(new Event('input'));
+    await settle(fixture);
+    expect(root.querySelectorAll('[role="option"]')).toHaveLength(0);
+    expect(root.querySelector('.empty')?.textContent).toContain('No commands match “zzzz”');
+    expect(input.getAttribute('aria-activedescendant')).toBeNull();
+  });
+
+  it('moves with the arrow keys, wraps, and runs the active command on Enter', async () => {
+    const { fixture, root, input, opener } = await openPalette();
+    key(input, 'ArrowDown');
+    key(input, 'ArrowDown');
+    await settle(fixture);
+    const options = root.querySelectorAll('[role="option"]');
+    expect(input.getAttribute('aria-activedescendant')).toBe(options[2].id);
+    key(input, 'ArrowUp');
+    key(input, 'ArrowUp');
+    key(input, 'ArrowUp');
+    await settle(fixture);
+    expect(input.getAttribute('aria-activedescendant')).toBe(options[COMMANDS.length - 1].id);
+
+    key(input, 'Enter');
+    await settle(fixture);
+    expect(root.querySelector('[role="dialog"]')).toBeNull();
+    expect(fixture.componentInstance.picked).toEqual(['theme:dark']);
+    // Focus went back to what opened it before the command ran.
+    expect(document.activeElement).toBe(opener);
+  });
+
+  it('closes on Escape without running anything, and keeps Tab inside', async () => {
+    const { fixture, root, input, opener } = await openPalette();
+    const tab = new KeyboardEvent('keydown', { key: 'Tab', bubbles: true, cancelable: true });
+    input.dispatchEvent(tab);
+    expect(tab.defaultPrevented).toBe(true);
+    const escape = new KeyboardEvent('keydown', { key: 'Escape', bubbles: true, cancelable: true });
+    input.dispatchEvent(escape);
+    expect(escape.defaultPrevented).toBe(true);
+    await settle(fixture);
+    expect(root.querySelector('[role="dialog"]')).toBeNull();
+    expect(fixture.componentInstance.picked).toEqual([]);
+    expect(fixture.componentInstance.open()).toBe(false);
+    expect(document.activeElement).toBe(opener);
+  });
+
+  it('runs a command on click and starts empty the next time', async () => {
+    const { fixture, root, input } = await openPalette();
+    input.value = 'pick';
+    input.dispatchEvent(new Event('input'));
+    await settle(fixture);
+    (root.querySelector('[role="option"]') as HTMLElement).click();
+    await settle(fixture);
+    expect(fixture.componentInstance.picked).toEqual(['pick-component']);
+    fixture.componentInstance.open.set(true);
+    await settle(fixture);
+    expect((root.querySelector('input[role="combobox"]') as HTMLInputElement).value).toBe('');
+    expect(root.querySelectorAll('[role="option"]')).toHaveLength(COMMANDS.length);
+  });
+});
diff --git a/app/src/__tests__/component-tree-commands.test.ts b/app/src/__tests__/component-tree-commands.test.ts
new file mode 100644
index 00000000..e46a1e51
--- /dev/null
+++ b/app/src/__tests__/component-tree-commands.test.ts
@@ -0,0 +1,109 @@
+import { TestBed, type ComponentFixture } from '@angular/core/testing';
+import type { DevframeRpcClient } from 'devframe/client';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { ComponentTree } from '../pages/component-tree';
+
+const roots = [{ id: 'app', name: 'App', tag: 'app-root', children: [] }];
+
+function client(options: { live?: boolean; recording?: boolean } = {}) {
+  const calls: { name: string; args: unknown[] }[] = [];
+  const page = {
+    pageId: 'a',
+    title: 'a',
+    url: '/',
+    roots: options.live === false ? [] : roots,
+    count: 1,
+    detail: null,
+    reportedAt: 1,
+  };
+  const state: Record<string, unknown> = {
+    'component-tree': { pages: { a: page } },
+    'change-detection': {
+      pages: {
+        a: {
+          pageId: 'a',
+          supported: true,
+          recording: options.recording === true,
+          startedAt: null,
+          cycles: [],
+          dropped: 0,
+          components: [],
+          hosts: {},
+        },
+      },
+    },
+  };
+  const rpc = {
+    call: (name: string, ...args: unknown[]) => {
+      calls.push({ name, args });
+      // A pick waits for a click in the app; the test only checks it started.
+      return name === 'request-component-pick' ? new Promise(() => {}) : Promise.resolve([]);
+    },
+    callEvent: () => Promise.resolve(),
+    sharedState: (name: string) =>
+      Promise.resolve({ value: () => state[name] ?? null, on: () => () => {} }),
+  };
+  const fake = { connectionMeta: {}, scope: () => ({ rpc }) } as unknown as DevframeRpcClient;
+  return { fake, calls };
+}
+
+async function settle(fixture: ComponentFixture<unknown>) {
+  for (let i = 0; i < 3; i++) {
+    await new Promise((resolve) => setTimeout(resolve));
+    await fixture.whenStable();
+  }
+}
+
+async function setup(options: { live?: boolean; recording?: boolean } = {}) {
+  const { fake, calls } = client(options);
+  const fixture = TestBed.createComponent(ComponentTree);
+  fixture.componentRef.setInput('rpc', fake);
+  const handled = vi.fn();
+  fixture.componentInstance.commandHandled.subscribe(handled);
+  document.body.appendChild(fixture.nativeElement);
+  await settle(fixture);
+  return { fixture, calls, handled };
+}
+
+afterEach(() => {
+  document.body.innerHTML = '';
+  TestBed.resetTestingModule();
+});
+
+describe('Components tab palette commands', () => {
+  it('starts picking a component on the page', async () => {
+    const { fixture, calls, handled } = await setup();
+    fixture.componentRef.setInput('command', { kind: 'pick' });
+    await settle(fixture);
+    expect(calls.some((call) => call.name === 'request-component-pick')).toBe(true);
+    expect(fixture.componentInstance.picking()).toBe(true);
+    expect(handled).toHaveBeenCalledTimes(1);
+  });
+
+  it('starts, stops and clears the change detection recording', async () => {
+    const records = async (kind: 'cd-start' | 'cd-stop' | 'cd-clear', recording: boolean) => {
+      const { fixture, calls } = await setup({ recording });
+      fixture.componentRef.setInput('command', { kind });
+      await settle(fixture);
+      const sent = calls
+        .filter((call) => call.name === 'request-change-detection-record')
+        .map((call) => call.args[0]);
+      fixture.destroy();
+      TestBed.resetTestingModule();
+      return sent;
+    };
+    expect(await records('cd-start', false)).toEqual([{ pageId: 'a', on: true }]);
+    expect(await records('cd-start', true)).toEqual([]);
+    expect(await records('cd-stop', true)).toEqual([{ pageId: 'a', on: false }]);
+    expect(await records('cd-clear', false)).toEqual([{ pageId: 'a', clear: true }]);
+  });
+
+  it('drops a command when no live page is connected', async () => {
+    const { fixture, calls, handled } = await setup({ live: false });
+    fixture.componentRef.setInput('command', { kind: 'pick' });
+    await settle(fixture);
+    expect(calls.some((call) => call.name === 'request-component-pick')).toBe(false);
+    expect(handled).toHaveBeenCalledTimes(1);
+    expect(fixture.nativeElement.textContent).toContain('The page reported no component instances');
+  });
+});
diff --git a/app/src/__tests__/errors-view.test.ts b/app/src/__tests__/errors-view.test.ts
new file mode 100644
index 00000000..565e17fe
--- /dev/null
+++ b/app/src/__tests__/errors-view.test.ts
@@ -0,0 +1,263 @@
+import { TestBed, type ComponentFixture } from '@angular/core/testing';
+import type { DevframeRpcClient } from 'devframe/client';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import type { ConsoleEntry, ErrorGroup } from '../pages/errors-types';
+
+const connection = vi.hoisted(() => ({ resolve: (_client: unknown) => {} }));
+
+vi.mock('devframe/client', () => ({
+  connectDevframe: () =>
+    new Promise((resolve) => {
+      connection.resolve = resolve;
+    }),
+}));
+
+const { App } = await import('../app');
+const { ErrorsInspector } = await import('../pages/errors-inspector');
+const { errorsPages, defaultErrorsPage } = await import('../pages/errors-types');
+
+const group = (extra: Partial<ErrorGroup> = {}): ErrorGroup => ({
+  id: 'e1',
+  message: 'Error: No seats left on trip 42',
+  name: 'Error',
+  count: 3,
+  firstAt: 1_000,
+  lastAt: 2_000,
+  sources: ['handler'],
+  stack: 'Error: No seats left\n    at _TripCard.book (main.js:10:5)',
+  owner: { id: 'c1-7', name: 'TripCard' },
+  ...extra,
+});
+
+const entry = (id: number, extra: Partial<ConsoleEntry> = {}): ConsoleEntry => ({
+  id,
+  level: 'log',
+  text: `line ${id}`,
+  at: 1_000 + id,
+  count: 1,
+  ...extra,
+});
+
+/** The shape the server sends: groups and entries keyed by id. */
+function wirePage(
+  pageId: string,
+  errors: ErrorGroup[],
+  console: ConsoleEntry[],
+  extra: Record<string, unknown> = {},
+) {
+  return {
+    pageId,
+    url: `/${pageId}`,
+    title: `Trips ${pageId}`,
+    reportedAt: 5_000,
+    handler: 'wrapped',
+    errors: Object.fromEntries(errors.map((e) => [e.id, e])),
+    console: Object.fromEntries(console.map((e) => [String(e.id), e])),
+    dropped: { errors: 0, console: 0 },
+    ...extra,
+  };
+}
+
+function fakeClient(value: unknown, configs: Record<string, unknown> = {}) {
+  const rpc = {
+    call: () => Promise.resolve([]),
+    callEvent: () => Promise.resolve(),
+    sharedState: (name: string) =>
+      Promise.resolve({
+        value: () => (name === 'errors' ? value : null),
+        on: () => () => {},
+      }),
+  };
+  return {
+    connectionMeta: { configs },
+    scope: () => ({ rpc }),
+    events: { on: () => () => {} },
+  } as unknown as DevframeRpcClient;
+}
+
+async function settle(fixture: ComponentFixture<unknown>) {
+  for (let i = 0; i < 4; i++) {
+    await new Promise((resolve) => setTimeout(resolve));
+    await fixture.whenStable();
+  }
+}
+
+const host = (fixture: ComponentFixture<unknown>) => fixture.nativeElement as HTMLElement;
+const text = (fixture: ComponentFixture<unknown>) =>
+  (host(fixture).textContent ?? '').replace(/\s+/g, ' ');
+
+async function mount(value: unknown) {
+  const fixture = TestBed.createComponent(ErrorsInspector);
+  fixture.componentRef.setInput('rpc', fakeClient(value));
+  document.body.append(host(fixture));
+  await settle(fixture);
+  return fixture;
+}
+
+function button(fixture: ComponentFixture<unknown>, name: string): HTMLButtonElement {
+  const found = [...host(fixture).querySelectorAll('button')].find((b) =>
+    (b.textContent ?? '').replace(/\s+/g, ' ').trim().startsWith(name),
+  );
+  if (!found) throw new Error(`No button ${name}`);
+  return found;
+}
+
+afterEach(() => {
+  document.body.innerHTML = '';
+  location.hash = '';
+  sessionStorage.clear();
+});
+
+describe('the Errors tab', () => {
+  it('says how to get data when no page reports', async () => {
+    const fixture = await mount({ pages: {} });
+    expect(text(fixture)).toContain('No page reports errors yet.');
+  });
+
+  it('lists errors with count, code link, stack collapsed and a Show component link', async () => {
+    const fixture = await mount({
+      pages: {
+        p1: wirePage(
+          'p1',
+          [
+            group(),
+            group({
+              id: 'e2',
+              message: 'Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError',
+              code: 'NG0100',
+              docUrl: 'https://angular.dev/errors/NG0100',
+              lastAt: 3_000,
+              count: 1,
+              owner: undefined,
+            }),
+            group({ id: 'e3', message: 'NG0303: unknown', code: 'NG0303', lastAt: 500 }),
+          ],
+          [],
+        ),
+      },
+    });
+    const items = [...host(fixture).querySelectorAll('ol.errors > li')];
+    expect(items.map((li) => li.querySelector('.message')?.textContent)).toEqual([
+      'Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError',
+      'Error: No seats left on trip 42',
+      'NG0303: unknown',
+    ]);
+    const link = items[0]!.querySelector<HTMLAnchorElement>('a.chip.code')!;
+    expect(link.href).toBe('https://angular.dev/errors/NG0100');
+    expect(link.target).toBe('_blank');
+    // An undocumented code is shown, without a link.
+    expect(items[2]!.querySelector('a.chip.code')).toBeNull();
+    expect(items[2]!.querySelector('.chip.code')?.textContent?.trim()).toBe('NG0303');
+    expect(items[1]!.querySelector('.times')?.getAttribute('aria-label')).toBe('3 times');
+    const details = items[1]!.querySelector('details')!;
+    expect(details.open).toBe(false);
+    expect(details.querySelector('summary')?.textContent).toBe('Stack');
+
+    const shown: unknown[] = [];
+    fixture.componentInstance.showComponent.subscribe((focus) => shown.push(focus));
+    button(fixture, 'Show component').click();
+    expect(shown).toEqual([{ id: 'c1-7', pageId: 'p1' }]);
+    expect(text(fixture)).toContain('3 of 3 errors');
+  });
+
+  it('filters by message and offers Clear filter when nothing matches', async () => {
+    const fixture = await mount({ pages: { p1: wirePage('p1', [group()], []) } });
+    const search = host(fixture).querySelector<HTMLInputElement>('input[type="search"]')!;
+    search.value = 'zzz';
+    search.dispatchEvent(new Event('input'));
+    await settle(fixture);
+    expect(text(fixture)).toContain('No error matches “zzz”.');
+    button(fixture, 'Clear filter').click();
+    await settle(fixture);
+    expect(host(fixture).querySelectorAll('ol.errors > li')).toHaveLength(1);
+    expect(document.activeElement).toBe(search);
+  });
+
+  it('shows the empty state and the unwrapped handler notice', async () => {
+    const fixture = await mount({ pages: { p1: wirePage('p1', [], [], { handler: 'none' }) } });
+    expect(text(fixture)).toContain('No errors since the page loaded.');
+    expect(text(fixture)).toContain("Angular's ErrorHandler isn't wrapped");
+  });
+
+  it('shows the console log newest first, with a level filter and repeat counts', async () => {
+    const fixture = await mount({
+      pages: {
+        p1: wirePage(
+          'p1',
+          [],
+          [
+            entry(1, { text: 'Loaded trips', count: 4 }),
+            entry(2, {
+              level: 'warn',
+              text: 'NG0913: image too big',
+              code: 'NG0913',
+              docUrl: 'https://angular.dev/errors/NG0913',
+            }),
+            entry(3, { level: 'error', text: 'Failed to save' }),
+          ],
+        ),
+      },
+    });
+    button(fixture, 'Console').click();
+    await settle(fixture);
+    const rows = () =>
+      [...host(fixture).querySelectorAll('ol.console > li .text')].map((t) => t.textContent);
+    expect(rows()).toEqual(['Failed to save', 'NG0913: image too big', 'Loaded trips']);
+    expect(host(fixture).querySelector('ol.console a.chip.code')?.getAttribute('href')).toBe(
+      'https://angular.dev/errors/NG0913',
+    );
+    expect(text(fixture)).toContain('4×');
+    fixture.componentInstance.level.set('warn');
+    await settle(fixture);
+    expect(rows()).toEqual(['NG0913: image too big']);
+    expect(text(fixture)).toContain('1 of 3 calls');
+    expect(button(fixture, 'Console').getAttribute('aria-pressed')).toBe('true');
+  });
+
+  it('merges pages under All pages and picks the panel page when it reports', () => {
+    const value = {
+      pages: {
+        a: wirePage('a', [group({ lastAt: 10 })], []),
+        b: { ...wirePage('b', [group({ id: 'e9', lastAt: 20 })], []), reportedAt: 9_000 },
+      },
+    };
+    const pages = errorsPages(value);
+    expect(pages.map((p) => p.pageId)).toEqual(['b', 'a']);
+    expect(defaultErrorsPage(pages, 'a')).toBe('a');
+    expect(defaultErrorsPage(pages, null)).toBe('all');
+    expect(defaultErrorsPage(pages.slice(0, 1), null)).toBe('b');
+  });
+});
+
+describe('the Errors tab in the panel', () => {
+  it('appears in the tab bar, opens the Components tab from Show component, and goes with its inspector', async () => {
+    const open = async (configs: Record<string, unknown>) => {
+      location.hash = '#tab=errors';
+      const fixture = TestBed.createComponent(App);
+      document.body.append(host(fixture));
+      await settle(fixture);
+      connection.resolve(fakeClient({ pages: { p1: wirePage('p1', [group()], []) } }, configs));
+      await settle(fixture);
+      return fixture;
+    };
+    const fixture = await open({});
+    const names = [...host(fixture).querySelectorAll('nav button')].map((b) =>
+      b.textContent?.trim(),
+    );
+    expect(names).toContain('Errors');
+    expect(host(fixture).querySelector('nav button.active')?.textContent?.trim()).toBe('Errors');
+    button(fixture, 'Show component').click();
+    await settle(fixture);
+    expect(host(fixture).querySelector('nav button.active')?.textContent?.trim()).toBe(
+      'Components',
+    );
+    fixture.destroy();
+    document.body.innerHTML = '';
+
+    const off = await open({ pangular: { inspectors: { errors: false } } });
+    const offNames = [...host(off).querySelectorAll('nav button')].map((b) =>
+      b.textContent?.trim(),
+    );
+    expect(offNames).not.toContain('Errors');
+  });
+});
diff --git a/app/src/__tests__/settings.test.ts b/app/src/__tests__/settings.test.ts
new file mode 100644
index 00000000..a7d0e916
--- /dev/null
+++ b/app/src/__tests__/settings.test.ts
@@ -0,0 +1,223 @@
+// @vitest-environment jsdom
+import { TestBed, type ComponentFixture } from '@angular/core/testing';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+import { Settings } from '../pages/settings';
+import {
+  DEFAULT_TAB_LAYOUT,
+  arrangeTabs,
+  moveTab,
+  setTabHidden,
+  setTabPinned,
+  storePassive,
+  storeTabLayout,
+  storeThemePreference,
+  storedPassive,
+  storedTabLayout,
+  storedThemePreference,
+  type TabLayout,
+} from '../shell-prefs';
+import { ThemeService } from '../theme.service';
+
+const TABS = [
+  { id: 'dashboard', label: 'Dashboard' },
+  { id: 'components', label: 'Components' },
+  { id: 'signals', label: 'Signals' },
+  { id: 'forms', label: 'Forms' },
+];
+const IDS = TABS.map((tab) => tab.id);
+
+beforeEach(() => localStorage.clear());
+afterEach(() => {
+  document.body.innerHTML = '';
+  delete document.documentElement.dataset['theme'];
+  TestBed.resetTestingModule();
+});
+
+describe('settings storage', () => {
+  it('keeps the tab layout, theme and passive mode across reloads', () => {
+    expect(storedTabLayout()).toEqual(DEFAULT_TAB_LAYOUT);
+    const layout: TabLayout = { order: ['forms', 'dashboard'], hidden: ['signals'], pinned: [] };
+    storeTabLayout(layout);
+    expect(storedTabLayout()).toEqual(layout);
+    storeTabLayout(DEFAULT_TAB_LAYOUT);
+    expect(localStorage.getItem('pangular-pref:tabs')).toBeNull();
+
+    expect(storedThemePreference()).toBe('system');
+    storeThemePreference('light');
+    expect(storedThemePreference()).toBe('light');
+    storeThemePreference('system');
+    expect(localStorage.getItem('pangular-pref:theme')).toBeNull();
+
+    expect(storedPassive()).toBe(false);
+    storePassive(true);
+    expect(storedPassive()).toBe(true);
+  });
+
+  it('ignores a stored layout it cannot use', () => {
+    for (const raw of ['{nope', '[]', 'null', '{"order":"x","hidden":[1,"forms"]}']) {
+      localStorage.setItem('pangular-pref:tabs', raw);
+      const layout = storedTabLayout();
+      expect(Array.isArray(layout.order)).toBe(true);
+      expect(layout.hidden.every((id) => typeof id === 'string')).toBe(true);
+    }
+  });
+});
+
+describe('tab layout', () => {
+  it('orders pinned tabs first and leaves hidden ones out, except the open one', () => {
+    const layout: TabLayout = { order: [], hidden: ['signals'], pinned: ['forms'] };
+    expect(arrangeTabs(TABS, layout).map((tab) => tab.id)).toEqual([
+      'forms',
+      'dashboard',
+      'components',
+    ]);
+    expect(arrangeTabs(TABS, layout, 'signals').map((tab) => tab.id)).toContain('signals');
+  });
+
+  it('moves a tab within its section and not past the ends', () => {
+    let layout = moveTab(IDS, DEFAULT_TAB_LAYOUT, 'signals', -1);
+    expect(arrangeTabs(TABS, layout).map((tab) => tab.id)).toEqual([
+      'dashboard',
+      'signals',
+      'components',
+      'forms',
+    ]);
+    expect(moveTab(IDS, layout, 'dashboard', -1)).toBe(layout);
+    layout = setTabPinned(IDS, layout, 'forms', true);
+    // The first unpinned tab can't move above a pinned one.
+    expect(moveTab(IDS, layout, 'dashboard', -1)).toBe(layout);
+  });
+
+  it('unpins a tab it hides, and shows a tab it pins', () => {
+    let layout = setTabPinned(IDS, DEFAULT_TAB_LAYOUT, 'forms', true);
+    layout = setTabHidden(layout, 'forms', true);
+    expect(layout.pinned).toEqual([]);
+    expect(layout.hidden).toEqual(['forms']);
+    layout = setTabPinned(IDS, layout, 'forms', true);
+    expect(layout.hidden).toEqual([]);
+  });
+});
+
+async function settle(fixture: ComponentFixture<unknown>) {
+  for (let i = 0; i < 3; i++) {
+    await new Promise((resolve) => setTimeout(resolve));
+    await fixture.whenStable();
+  }
+}
+
+async function render() {
+  const fixture = TestBed.createComponent(Settings);
+  fixture.componentRef.setInput('tabs', TABS);
+  fixture.componentRef.setInput('hotkey', 'Alt+Shift+P');
+  document.body.appendChild(fixture.nativeElement);
+  await settle(fixture);
+  const root = fixture.nativeElement as HTMLElement;
+  const rows = () =>
+    [...root.querySelectorAll<HTMLElement>('.tab-row')].map((row) => row.dataset['tab']);
+  const button = (label: string) =>
+    root.querySelector<HTMLButtonElement>(`[aria-label="${label}"]`)!;
+  return { fixture, root, rows, button };
+}
+
+describe('Settings page', () => {
+  it('starts with h2 sections and lists the tabs in order', async () => {
+    const { root, rows } = await render();
+    expect([...root.querySelectorAll('h2')].map((h) => h.textContent?.trim())).toEqual([
+      'Theme',
+      'Tabs',
+      'Popup on the page',
+      'Keyboard shortcuts',
+    ]);
+    expect(root.querySelector('h1, h3')).toBeNull();
+    expect(rows()).toEqual(IDS);
+  });
+
+  it('reorders with the buttons, keeps focus on the moved row and says where it went', async () => {
+    const { fixture, root, rows, button } = await render();
+    button('Move Signals up').focus();
+    button('Move Signals up').click();
+    await settle(fixture);
+    expect(rows()).toEqual(['dashboard', 'signals', 'components', 'forms']);
+    expect(fixture.componentInstance.layout().order).toEqual([
+      'dashboard',
+      'signals',
+      'components',
+      'forms',
+    ]);
+    expect(document.activeElement).toBe(button('Move Signals up'));
+    expect(root.querySelector('[role="status"]')?.textContent).toContain(
+      'Signals moved to position 2 of 4.',
+    );
+    // At the top, focus moves to the other arrow instead of a disabled one.
+    button('Move Signals up').click();
+    await settle(fixture);
+    expect(rows()[0]).toBe('signals');
+    expect(button('Move Signals up').disabled).toBe(true);
+    expect(document.activeElement).toBe(button('Move Signals down'));
+  });
+
+  it('reorders with Alt and the arrow keys on a row', async () => {
+    const { fixture, rows, button } = await render();
+    const pin = button('Pin Dashboard');
+    pin.focus();
+    pin.dispatchEvent(
+      new KeyboardEvent('keydown', { key: 'ArrowDown', altKey: true, bubbles: true }),
+    );
+    await settle(fixture);
+    expect(rows()).toEqual(['components', 'dashboard', 'signals', 'forms']);
+  });
+
+  it('hides, pins and resets tabs', async () => {
+    const { fixture, root, rows, button } = await render();
+    const shown = root.querySelector<HTMLInputElement>(
+      '[aria-label="Forms shown in the tab bar"]',
+    )!;
+    shown.click();
+    await settle(fixture);
+    expect(fixture.componentInstance.layout().hidden).toEqual(['forms']);
+
+    button('Pin Signals').click();
+    await settle(fixture);
+    expect(rows()[0]).toBe('signals');
+    expect(button('Pin Signals').getAttribute('aria-pressed')).toBe('true');
+
+    const reset = [...root.querySelectorAll('button')].find(
+      (b) => b.textContent?.trim() === 'Reset tabs',
+    )!;
+    reset.click();
+    await settle(fixture);
+    expect(fixture.componentInstance.layout()).toEqual(DEFAULT_TAB_LAYOUT);
+    expect(rows()).toEqual(IDS);
+  });
+
+  it('turns passive mode off when the popup has no shortcut', async () => {
+    const { fixture, root } = await render();
+    const passive = () =>
+      root.querySelector<HTMLInputElement>('input[aria-describedby="settings-passive-hint"]')!;
+    expect(passive().disabled).toBe(false);
+    fixture.componentRef.setInput('hotkey', false);
+    await settle(fixture);
+    expect(passive().disabled).toBe(true);
+    expect(root.textContent).toContain('popup.hotkey');
+  });
+});
+
+describe('theme preference', () => {
+  it('pins light or dark over the system, saves it, and follows the system again', () => {
+    const service = TestBed.inject(ThemeService);
+    expect(service.preference()).toBe('system');
+    service.setPreference('light');
+    expect(service.current()).toBe('light');
+    expect(document.documentElement.dataset['theme']).toBe('light');
+    expect(storedThemePreference()).toBe('light');
+    service.setPreference('system');
+    expect(document.documentElement.dataset['theme']).toBeUndefined();
+    expect(storedThemePreference()).toBe('system');
+  });
+
+  it('starts from the saved preference', () => {
+    storeThemePreference('light');
+    const service = TestBed.inject(ThemeService);
+    expect(service.current()).toBe('light');
+  });
+});
diff --git a/app/src/__tests__/shell-deep-link.test.ts b/app/src/__tests__/shell-deep-link.test.ts
new file mode 100644
index 00000000..117cd6b3
--- /dev/null
+++ b/app/src/__tests__/shell-deep-link.test.ts
@@ -0,0 +1,158 @@
+import { TestBed, type ComponentFixture } from '@angular/core/testing';
+import type { DevframeRpcClient } from 'devframe/client';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { parsePanelLink } from '@pangular-inspector/devtools/config';
+
+const server = vi.hoisted(() => ({
+  /** Events the panel registered, by name, to call as the server would broadcast. */
+  handlers: new Map<string, (message: unknown) => void>(),
+}));
+
+function fakeClient(): DevframeRpcClient {
+  const rpc = {
+    call: () => new Promise(() => {}),
+    callEvent: () => Promise.resolve(),
+    sharedState: () => Promise.resolve({ value: () => undefined, on: () => () => {} }),
+    register: (definition: { name: string; handler: (message: unknown) => void }) =>
+      server.handlers.set(definition.name, definition.handler),
+  };
+  return {
+    connectionMeta: { configs: {} },
+    scope: () => ({ rpc }),
+    events: { on: () => () => {} },
+    close: () => {},
+  } as unknown as DevframeRpcClient;
+}
+
+vi.mock('devframe/client', () => ({
+  connectDevframe: () => Promise.resolve(fakeClient()),
+}));
+
+const { App } = await import('../app');
+
+async function settle(fixture: ComponentFixture<unknown>) {
+  for (let i = 0; i < 3; i++) {
+    await new Promise((resolve) => setTimeout(resolve));
+    await fixture.whenStable();
+  }
+}
+
+async function boot(hash = '') {
+  history.replaceState(null, '', `/${hash}`);
+  const fixture = TestBed.createComponent(App);
+  document.body.appendChild(fixture.nativeElement);
+  await settle(fixture);
+  return { fixture, app: fixture.componentInstance, root: fixture.nativeElement as HTMLElement };
+}
+
+beforeEach(() => {
+  localStorage.clear();
+  sessionStorage.clear();
+  server.handlers.clear();
+});
+
+afterEach(() => {
+  document.body.innerHTML = '';
+  history.replaceState(null, '', '/');
+  TestBed.resetTestingModule();
+});
+
+describe('deep links', () => {
+  it('opens the tab and selects the component a link names', async () => {
+    const { fixture, app } = await boot('#tab=components&id=12&page=p1');
+    expect(app.tab()).toBe('components');
+    expect(app.componentFocus()).toEqual({ id: '12', pageId: 'p1' });
+    fixture.destroy();
+  });
+
+  it('selects the injector of a component, and a form', async () => {
+    const booted = await boot('#tab=injectors&id=c4');
+    expect(booted.app.injectorFocus()).toEqual({ componentId: 'c4', pageId: undefined });
+    booted.fixture.destroy();
+    TestBed.resetTestingModule();
+    // The Forms tab takes the focus at once and clears it, so the hand-over is watched.
+    history.replaceState(null, '', '/#tab=forms&id=f1');
+    const fixture = TestBed.createComponent(App);
+    const handed = vi.spyOn(fixture.componentInstance.formFocus, 'set');
+    await settle(fixture);
+    expect(fixture.componentInstance.tab()).toBe('forms');
+    expect(handed).toHaveBeenCalledWith({ id: 'f1' });
+    fixture.destroy();
+  });
+
+  it('opens a tab without an item, and ignores an unknown tab', async () => {
+    let booted = await boot('#tab=signals&id=3');
+    expect(booted.app.tab()).toBe('signals');
+    booted.fixture.destroy();
+    TestBed.resetTestingModule();
+    booted = await boot('#tab=nope&id=3');
+    expect(booted.app.tab()).toBe('dashboard');
+    booted.fixture.destroy();
+  });
+
+  it('follows a link the server sends to open panels', async () => {
+    const { fixture, app } = await boot();
+    server.handlers.get('open-in-panel')!({ tab: 'components', id: '7', page: 'p2' });
+    await settle(fixture);
+    expect(app.tab()).toBe('components');
+    expect(app.componentFocus()).toEqual({ id: '7', pageId: 'p2' });
+    expect(parsePanelLink(location.hash)).toEqual({ tab: 'components', id: '7', page: 'p2' });
+    fixture.destroy();
+  });
+
+  it('runs commands from the hub palette', async () => {
+    const { fixture, app } = await boot();
+    server.handlers.get('panel-command')!({ command: 'tab:routes' });
+    await settle(fixture);
+    expect(app.tab()).toBe('routes');
+    server.handlers.get('panel-command')!({ command: 'pick-component' });
+    await settle(fixture);
+    expect(app.tab()).toBe('components');
+    fixture.destroy();
+  });
+});
+
+describe('shell palette and settings', () => {
+  it('opens the palette with Ctrl+K and runs a tab command', async () => {
+    const { fixture, app, root } = await boot();
+    document.dispatchEvent(
+      new KeyboardEvent('keydown', { key: 'k', ctrlKey: true, bubbles: true, cancelable: true }),
+    );
+    await settle(fixture);
+    const input = root.querySelector<HTMLInputElement>('app-command-palette input')!;
+    expect(document.activeElement).toBe(input);
+    input.value = 'go to forms';
+    input.dispatchEvent(new Event('input'));
+    await settle(fixture);
+    input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
+    await settle(fixture);
+    expect(app.tab()).toBe('forms');
+    fixture.destroy();
+  });
+
+  it('opens Settings from the header and goes back to the tab before', async () => {
+    const { fixture, app, root } = await boot('#tab=signals');
+    const settings = root.querySelector<HTMLButtonElement>('button[aria-label="Settings"]')!;
+    settings.click();
+    await settle(fixture);
+    expect(app.tab()).toBe('settings');
+    expect(settings.getAttribute('aria-pressed')).toBe('true');
+    expect(root.querySelector('app-settings h2')?.textContent).toBe('Theme');
+    settings.click();
+    await settle(fixture);
+    expect(app.tab()).toBe('signals');
+    fixture.destroy();
+  });
+
+  it('orders and hides tab bar buttons as saved in Settings', async () => {
+    localStorage.setItem(
+      'pangular-pref:tabs',
+      JSON.stringify({ order: [], hidden: ['pipes'], pinned: ['forms'] }),
+    );
+    const { fixture, root } = await boot();
+    const labels = [...root.querySelectorAll('nav button')].map((b) => b.textContent?.trim());
+    expect(labels[0]).toBe('Forms');
+    expect(labels).not.toContain('Pipes');
+    fixture.destroy();
+  });
+});
diff --git a/app/src/app.ts b/app/src/app.ts
index 71ee816f..033d2b80 100644
--- a/app/src/app.ts
+++ b/app/src/app.ts
@@ -30,11 +30,12 @@ import { AnalogInspector } from './pages/analog-inspector';
 import { NetworkInspector } from './pages/network-inspector';
 import { ComingSoon, type ComingSoonInfo } from './pages/coming-soon';
 import { CapacitorInspector } from './pages/capacitor-inspector';
+import { ErrorsInspector } from './pages/errors-inspector';
 import { capacitorPages } from './pages/capacitor-types';
 import { TabIcon } from './pages/tab-icon';
 import { styleHubRail } from './hub-rail-style';
-import { ThemeService } from './theme.service';
-import { followHubDocks, inHub, selectHubDock } from './hub-dock-sync';
+import { ThemeService, themeTargets } from './theme.service';
+import { followHubDocks, inHub, openHubPalette, selectHubDock } from './hub-dock-sync';
 import { fullPanelHref, isPlainClick } from './full-panel';
 import { INSPECTORS_DOCS_URL, panelConfig, tabEnabled, tabInspector } from './devtools-config';
 import { hostPageId, scopeToPage } from './page-id';
@@ -47,9 +48,32 @@ import { viewAccent } from './view-accents';
 import {
   HUB_ALL_TOOLS,
   HUB_VIEWS,
+  PANEL_LINK_ITEMS,
+  PANEL_TABS,
+  hotkeyLabel,
   hubDockId,
+  matchesHotkey,
+  panelCommands,
+  panelLinkHash,
+  parsePanelLink,
   type HubView,
+  type PanelLink,
 } from '@pangular-inspector/devtools/config';
+import { Settings } from './pages/settings';
+import { CommandPalette } from './ui/command-palette';
+import type { PaletteCommand } from './palette-filter';
+import type { ComponentCommand } from './types/component-command.types';
+import {
+  arrangeTabs,
+  inPopup,
+  isMacPlatform,
+  storePassive,
+  storeTabLayout,
+  storedPassive,
+  storedTabLayout,
+  type TabLayout,
+  type ThemePreference,
+} from './shell-prefs';
 
 type View = HubView;
 
@@ -169,6 +193,7 @@ function readView(): View | null {
     '[style.--accent]': 'viewAccent()?.accent ?? null',
     '[style.--accent-text]': 'viewAccent()?.text ?? null',
     '(window:message)': 'inspectFromPanel($event)',
+    '(document:keydown)': 'onGlobalKey($event)',
   },
   imports: [
     Dashboard,
@@ -182,8 +207,11 @@ function readView(): View | null {
     AnalogInspector,
     NetworkInspector,
     CapacitorInspector,
+    ErrorsInspector,
     ComingSoon,
     TabIcon,
+    Settings,
+    CommandPalette,
   ],
   template: `
     <header>
@@ -392,6 +420,33 @@ function readView(): View | null {
           Open full panel
         </a>
       }
+      <span class="shell-actions">
+        <button
+          type="button"
+          class="shell-btn"
+          aria-haspopup="dialog"
+          [attr.aria-label]="'Command palette (' + paletteShortcut + ')'"
+          [attr.title]="'Command palette (' + paletteShortcut + ')'"
+          (click)="openPalette()"
+        >
+          <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true">
+            <path
+              d="M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z"
+            />
+          </svg>
+        </button>
+        <button
+          type="button"
+          class="shell-btn"
+          aria-label="Settings"
+          title="Settings"
+          [class.active]="tab() === 'settings'"
+          [attr.aria-pressed]="tab() === 'settings'"
+          (click)="toggleSettings()"
+        >
+          <app-tab-icon name="settings" />
+        </button>
+      </span>
       <span
         class="status"
         [class.connected]="connected()"
@@ -404,7 +459,19 @@ function readView(): View | null {
     </header>
     <main #main tabindex="-1" [attr.aria-label]="mainLabel()">
       <p class="background-note" role="status">{{ backgroundNote() }}</p>
-      @if (connectionFailed()) {
+      @if (tab() === 'settings') {
+        <app-settings
+          [tabs]="settingsTabs()"
+          [layout]="tabLayout()"
+          (layoutChange)="setTabLayout($event)"
+          [theme]="themePreference()"
+          (themeChange)="setTheme($event)"
+          [passive]="passive()"
+          (passiveChange)="setPassive($event)"
+          [hotkey]="popupHotkey()"
+          [paletteShortcut]="paletteShortcut"
+        />
+      } @else if (connectionFailed()) {
         <div class="connection-error" role="alert">
           <p>
             Can't reach the devtools server. Check that the dev server is running. The panel keeps
@@ -436,8 +503,10 @@ function readView(): View | null {
               <app-component-tree
                 [rpc]="rpc()"
                 [focus]="componentFocus()"
+                [command]="componentCommand()"
                 [canShowInjector]="config().inspectors.injectors"
                 (focusHandled)="componentFocus.set(null)"
+                (commandHandled)="componentCommand.set(null)"
                 (showForm)="showForm($event)"
                 (showInjector)="showInjector($event)"
               />
@@ -479,10 +548,22 @@ function readView(): View | null {
             @case ('capacitor') {
               <app-capacitor-inspector [rpc]="rpc()" />
             }
+            @case ('errors') {
+              <app-errors-inspector
+                [rpc]="rpc()"
+                [canShowComponent]="config().inspectors.components"
+                (showComponent)="showComponent($event)"
+              />
+            }
           }
         }
       }
     </main>
+    <app-command-palette
+      [commands]="paletteCommands()"
+      [(open)]="paletteOpen"
+      (picked)="runCommand($event)"
+    />
   `,
   styles: `
     @use 'mixins' as m;
@@ -718,7 +799,50 @@ function readView(): View | null {
         @include m.focus-ring(2px);
       }
     }
-    .full-panel + .status {
+    .shell-actions {
+      display: inline-flex;
+      flex-shrink: 0;
+      gap: 4px;
+      margin-left: auto;
+    }
+    .full-panel + .shell-actions {
+      margin-left: 0;
+    }
+    .shell-btn {
+      display: grid;
+      place-items: center;
+      width: 30px;
+      height: 30px;
+      padding: 0;
+      border: 1px solid var(--border);
+      border-radius: 8px;
+      background: var(--surface);
+      color: var(--text-2);
+      cursor: pointer;
+      transition:
+        background-color 0.16s var(--ease),
+        color 0.16s var(--ease);
+      svg {
+        fill: none;
+        stroke: currentColor;
+        stroke-width: 1.8;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+      }
+      &:hover {
+        background: var(--surface-2);
+        color: var(--text-strong);
+      }
+      &.active {
+        border-color: var(--accent-line);
+        background: var(--accent-soft);
+        color: var(--text-strong);
+      }
+      &:focus-visible {
+        @include m.focus-ring(2px);
+      }
+    }
+    .shell-actions + .status {
       margin-left: 0;
     }
     .dot {
@@ -883,27 +1007,17 @@ function readView(): View | null {
 })
 export class App implements OnInit, OnDestroy {
   readonly analog = signal(false);
-  private readonly allTabs: Tabs[] = [
-    { id: 'dashboard', label: 'Dashboard' },
-    { id: 'analog', label: 'Analog' },
-    { id: 'components', label: 'Components' },
-    { id: 'routes', label: 'Routes' },
-    { id: 'signals', label: 'Signals' },
-    { id: 'injectors', label: 'Injectors' },
-    { id: 'store', label: 'Store' },
-    { id: 'forms', label: 'Forms' },
-    { id: 'pipes', label: 'Pipes' },
-    { id: 'network', label: 'SSR & HTTP' },
-    { id: 'capacitor', label: 'Capacitor' },
-  ];
+  private readonly allTabs: Tabs[] = PANEL_TABS.map(({ id, label }) => ({ id, label }));
   readonly view = signal<View | null>(readView());
   readonly viewAccent = computed(() => viewAccent(this.view(), this.themeService.current()));
   readonly title = computed(() => {
     const view = this.view();
     return view ? VIEW_TITLE[view] : 'Pangular Inspector';
   });
-  protected readonly mainLabel = computed(
-    () => this.availableTabs().find((t) => t.id === this.tab())?.label ?? this.title(),
+  protected readonly mainLabel = computed(() =>
+    this.tab() === 'settings'
+      ? 'Settings'
+      : (this.availableTabs().find((t) => t.id === this.tab())?.label ?? this.title()),
   );
   readonly analogKnown = signal(false);
   /** Whether a Capacitor app reports, so the Capacitor tab has something to show. */
@@ -954,12 +1068,16 @@ export class App implements OnInit, OnDestroy {
         !(view === 'angular' && TAB_VIEW[t.id]),
     );
   });
+  /** How the viewer arranged the tab bar in Settings. */
+  readonly tabLayout = signal<TabLayout>(storedTabLayout());
   readonly tabs = computed(() => {
-    const tabs = this.availableTabs();
-    if (this.rpc()) return tabs;
     const tab = this.tab();
+    const tabs = arrangeTabs(this.availableTabs(), this.tabLayout(), tab);
+    if (this.rpc()) return tabs;
     return tabs.filter((t) => t.id === 'dashboard' || t.id === tab);
   });
+  /** The tabs Settings arranges: every tab this panel can show, in the default order. */
+  protected readonly settingsTabs = computed(() => this.availableTabs());
 
   /** The one tab button in the Tab order; the arrow keys reach the others. */
   protected readonly rovingTab = computed(() => {
@@ -1095,13 +1213,14 @@ export class App implements OnInit, OnDestroy {
       if (dock === ALL_TOOLS) this.showFullPanel();
       else this.showView(dock);
     });
-    const restored = initialTab(
-      location.hash,
-      storedTab(this.tabScope()),
-      this.availableTabs().map((t) => t.id),
-    );
-    if (restored) this.tab.set(restored);
-    else if (
+    const restored = initialTab(location.hash, storedTab(this.tabScope()), [
+      ...this.availableTabs().map((t) => t.id),
+      'settings' as const,
+    ]);
+    if (restored) {
+      this.tab.set(restored);
+      this.restoreLinkItem();
+    } else if (
       !this.view() &&
       initialTab(location.hash, storedTab(this.tabScope()), ['capacitor']) === 'capacitor'
     ) {
@@ -1142,6 +1261,7 @@ export class App implements OnInit, OnDestroy {
         this.refocusOnConnect = false;
         this.rpc.set(client);
         this.connected.set(true);
+        this.listenForServer(client);
         void this.watchVisibility(client);
         void this.watchAngularNative(client);
         void this.watchCapacitor(client);
@@ -1252,6 +1372,199 @@ export class App implements OnInit, OnDestroy {
     void selectHubDock(ALL_TOOLS);
   }
 
+  // Command palette, settings and deep links.
+  readonly paletteOpen = signal(false);
+  protected readonly paletteShortcut = isMacPlatform() ? '⌘K' : 'Ctrl+K';
+  readonly themePreference = computed(() => this.themeService.preference());
+  readonly passive = signal(storedPassive());
+  /** The popup shortcut from the config, as the platform writes it. */
+  readonly popupHotkey = computed(() => {
+    const hotkey = this.config().popup.hotkey;
+    return hotkey === false ? false : hotkeyLabel(hotkey, isMacPlatform());
+  });
+  private readonly popup = inPopup();
+  /** The tab to go back to when Settings closes. */
+  private tabBeforeSettings: Tab | null = null;
+  /** A command for the Components tab, handed over once it shows. */
+  readonly componentCommand = linkedSignal<Tab, ComponentCommand | null>({
+    source: this.tab,
+    computation: () => null,
+  });
+
+  readonly paletteCommands = computed<PaletteCommand[]>(() => {
+    const available = new Set<string>(this.availableTabs().map((t) => t.id));
+    const components = available.has('components') && !!this.rpc();
+    return panelCommands(this.config()).filter((command) => {
+      if (command.id.startsWith('tab:')) return available.has(command.id.slice(4));
+      if (command.popupOnly) return this.popup;
+      if (command.id === 'pick-component' || command.id.startsWith('cd-')) return components;
+      return true;
+    });
+  });
+
+  /** Cmd+K on macOS, Ctrl+K elsewhere, opens the palette from anywhere in the panel. */
+  onGlobalKey(event: KeyboardEvent) {
+    if (event.defaultPrevented) return;
+    const mac = isMacPlatform();
+    const hotkey = this.config().popup.hotkey;
+    if (this.popup && hotkey && !event.repeat && matchesHotkey(event, hotkey, mac)) {
+      // The popup can't hear keys inside a hub dock, so the panel asks it to close.
+      event.preventDefault();
+      this.postToPopup({ type: 'pangular:popup-close' });
+      return;
+    }
+    const mod = mac ? event.metaKey && !event.ctrlKey : event.ctrlKey && !event.metaKey;
+    if (!mod || event.altKey || event.shiftKey || event.key.toLowerCase() !== 'k') return;
+    if (event.repeat) return;
+    event.preventDefault();
+    if (this.paletteOpen()) return;
+    this.openPalette();
+  }
+
+  /** The hub's palette lists the same commands; outside the hub the panel has its own. */
+  openPalette() {
+    if (inHub() && openHubPalette()) return;
+    this.paletteOpen.set(true);
+  }
+
+  /** Runs a palette command, from this panel's palette or the hub's. */
+  runCommand(id: string) {
+    if (id.startsWith('tab:')) {
+      const tab = id.slice(4) as Tab;
+      if (this.availableTabs().some((t) => t.id === tab)) this.switchTab(tab);
+      return;
+    }
+    if (id.startsWith('theme:')) {
+      const theme = id.slice(6);
+      if (theme === 'system' || theme === 'light' || theme === 'dark') this.setTheme(theme);
+      return;
+    }
+    if (id.startsWith('dock:')) {
+      this.postToPopup({ type: 'pangular:popup-dock', mode: id.slice(5) });
+      return;
+    }
+    const kinds: Record<string, ComponentCommand['kind']> = {
+      'pick-component': 'pick',
+      'cd-record-start': 'cd-start',
+      'cd-record-stop': 'cd-stop',
+      'cd-clear': 'cd-clear',
+    };
+    if (id === 'settings') {
+      if (this.tab() !== 'settings') this.toggleSettings();
+    } else if (kinds[id] && this.availableTabs().some((t) => t.id === 'components')) {
+      // Switch first: the command belongs to the tab, so the switch would clear it.
+      if (this.tab() !== 'components') this.switchTab('components');
+      this.componentCommand.set({ kind: kinds[id] });
+    }
+  }
+
+  toggleSettings() {
+    if (this.tab() === 'settings') {
+      const back = this.tabBeforeSettings;
+      const available = this.availableTabs().map((t) => t.id);
+      this.switchTab(back && available.includes(back) ? back : (available[0] ?? 'dashboard'));
+      return;
+    }
+    this.tabBeforeSettings = this.tab();
+    this.switchTab('settings');
+  }
+
+  setTabLayout(layout: TabLayout) {
+    this.tabLayout.set(layout);
+    storeTabLayout(layout);
+  }
+
+  setTheme(theme: ThemePreference) {
+    this.themeService.setPreference(theme);
+  }
+
+  setPassive(passive: boolean) {
+    this.passive.set(passive);
+    storePassive(passive);
+    this.postToPopup({ type: 'pangular:popup-passive', passive });
+  }
+
+  /** Sends a message to the popup on the app's page, which checks it came from its panel. */
+  private postToPopup(message: Record<string, unknown>) {
+    for (const { win, origin } of themeTargets()) {
+      try {
+        win.postMessage(message, origin);
+      } catch {
+        // a window that went away
+      }
+    }
+  }
+
+  /**
+   * Opens a deep link: its tab, and the item it names on the tabs that can
+   * select one (`PANEL_LINK_ITEMS`). Returns whether the tab exists here.
+   */
+  openLink(link: PanelLink): boolean {
+    const tab = link.tab as Tab;
+    if (!this.availableTabs().some((t) => t.id === tab)) return false;
+    if (this.tab() !== tab) this.switchTab(tab);
+    if (link.id && Object.hasOwn(PANEL_LINK_ITEMS, tab)) {
+      const pageId = link.page;
+      if (tab === 'components') this.componentFocus.set({ id: link.id, pageId });
+      else if (tab === 'injectors') this.injectorFocus.set({ componentId: link.id, pageId });
+      else if (tab === 'forms') this.formFocus.set({ id: link.id });
+    }
+    history.replaceState(history.state, '', panelLinkHash(link));
+    return true;
+  }
+
+  /** Listens for the commands and links the server sends to every open panel. */
+  private listenForServer(client: DevframeRpcClient) {
+    const rpc = client.scope('pangular').rpc as unknown as {
+      register: (definition: {
+        name: string;
+        type: 'event';
+        jsonSerializable: boolean;
+        handler: (message: unknown) => void;
+      }) => void;
+    };
+    // Only a panel someone can see acts, so a tab in the background stays put.
+    const visible = () => typeof document === 'undefined' || document.visibilityState !== 'hidden';
+    try {
+      rpc.register({
+        name: 'panel-command',
+        type: 'event',
+        jsonSerializable: true,
+        handler: (message) => {
+          const command = (message as { command?: unknown } | null)?.command;
+          if (typeof command === 'string' && visible()) this.runCommand(command);
+        },
+      });
+      rpc.register({
+        name: 'open-in-panel',
+        type: 'event',
+        jsonSerializable: true,
+        handler: (message) => {
+          const link = message as Partial<PanelLink> | null;
+          if (!visible() || typeof link?.tab !== 'string') return;
+          this.openLink({
+            tab: link.tab,
+            ...(typeof link.id === 'string' ? { id: link.id } : {}),
+            ...(typeof link.page === 'string' ? { page: link.page } : {}),
+          });
+        },
+      });
+    } catch {
+      // a client that cannot take server events; the palette still works locally
+    }
+  }
+
+  /** The item a deep link on load names, applied once its tab is open. */
+  private restoreLinkItem() {
+    const link = parsePanelLink(location.hash);
+    if (!link?.id || link.tab !== this.tab()) return;
+    const tab = link.tab as Tab;
+    if (tab === 'components') this.componentFocus.set({ id: link.id, pageId: link.page });
+    else if (tab === 'injectors') {
+      this.injectorFocus.set({ componentId: link.id, pageId: link.page });
+    } else if (tab === 'forms') this.formFocus.set({ id: link.id });
+  }
+
   formFocus = signal<{ id: string } | null>(null);
   // Belongs to the Components tab that received it, so leaving the tab drops it.
   readonly componentFocus = linkedSignal<Tab, ComponentFocus | null>({
diff --git a/app/src/devtools-config.ts b/app/src/devtools-config.ts
index f6f11572..4a373875 100644
--- a/app/src/devtools-config.ts
+++ b/app/src/devtools-config.ts
@@ -30,6 +30,7 @@ const TAB_INSPECTOR: Partial<Record<Tab, PangularInspector>> = {
   network: 'http',
   analog: 'analog',
   capacitor: 'capacitor',
+  errors: 'errors',
 };
 
 /** The `inspectors` key that turns a tab on or off, if any. */
diff --git a/app/src/hub-dock-sync.ts b/app/src/hub-dock-sync.ts
index 1461ca93..280fb3f0 100644
--- a/app/src/hub-dock-sync.ts
+++ b/app/src/hub-dock-sync.ts
@@ -7,6 +7,7 @@ interface DockState {
 }
 
 interface HubClientContext {
+  commands?: { openPalette?: (scopeId?: string | null) => void };
   docks: {
     selectedId: string | null;
     getStateById: (id: string) => DockState | undefined;
@@ -65,3 +66,18 @@ export async function selectHubDock(view: string): Promise<boolean> {
     return false;
   }
 }
+
+/**
+ * Opens the hub's command palette, which lists the panel's commands through
+ * `ctx.commands`. `false` outside the hub or when the hub has no palette.
+ */
+export function openHubPalette(): boolean {
+  const open = hubContext()?.commands?.openPalette;
+  if (typeof open !== 'function') return false;
+  try {
+    open();
+    return true;
+  } catch {
+    return false;
+  }
+}
diff --git a/app/src/pages/component-tree.ts b/app/src/pages/component-tree.ts
index b1233d7c..4abab9f9 100644
--- a/app/src/pages/component-tree.ts
+++ b/app/src/pages/component-tree.ts
@@ -36,6 +36,7 @@ import {
 import { HydrationSection, type HydrationReport } from './hydration-section';
 import { CdRecording, type CdPage } from './cd-recording';
 import type { ComponentFocus } from '../types/component-focus.types';
+import type { ComponentCommand } from '../types/component-command.types';
 import type { InjectorFocus } from '../types/injector-focus.types';
 import { SourceLink } from '../ui/source-link';
 import { actionAllowed } from '../devtools-config';
@@ -1641,6 +1642,9 @@ export class ComponentTree {
   readonly focus = input<ComponentFocus | null>(null);
   readonly showForm = output<string>();
   readonly focusHandled = output<void>();
+  /** A palette command to run once the tree shows a live page. */
+  readonly command = input<ComponentCommand | null>(null);
+  readonly commandHandled = output<void>();
   /** Whether the Injectors tab is on, so "Show in Injectors" can open it. */
   readonly canShowInjector = input(false);
   readonly showInjector = output<InjectorFocus>();
@@ -1675,6 +1679,9 @@ export class ComponentTree {
   private readonly injector = inject(Injector);
   private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);
   private readonly filterInput = viewChild<ElementRef<HTMLInputElement>>('filterInput');
+  private readonly cdRecording = viewChild(CdRecording);
+  /** Whether the server sent the component tree state yet, so an empty one means no page. */
+  private readonly pagesKnown = signal(false);
   private readonly cleanups: (() => void)[] = [];
   private selection = { pageId: null as string | null, detailId: null as string | null };
 
@@ -1963,6 +1970,38 @@ export class ComponentTree {
         this.focusHandled.emit();
       });
     });
+    effect(() => {
+      const command = this.command();
+      if (!command) return;
+      if (!this.live()) {
+        // The tab already explains that no live page is connected.
+        if (this.pagesKnown()) untracked(() => this.commandHandled.emit());
+        return;
+      }
+      if (command.kind === 'pick') {
+        untracked(() => {
+          if (this.native()) this.say('Picking needs a page in a browser.');
+          else if (!this.picking()) void this.pick();
+          this.commandHandled.emit();
+        });
+        return;
+      }
+      const recording = this.cdRecording();
+      if (!recording) {
+        if (this.native() || this.staticReport()) {
+          untracked(() => {
+            this.say('This page cannot record change detection.');
+            this.commandHandled.emit();
+          });
+        }
+        return;
+      }
+      untracked(() => {
+        if (command.kind === 'cd-clear') void recording.clear();
+        else if ((command.kind === 'cd-start') !== recording.recording()) void recording.toggle();
+        this.commandHandled.emit();
+      });
+    });
     this.destroyRef.onDestroy(() => {
       this.highlight(null);
       for (const cleanup of this.cleanups.splice(0)) cleanup();
@@ -1978,11 +2017,14 @@ export class ComponentTree {
       const applyTree = (value: unknown) => {
         const pages = (value as { pages?: Record<string, Page> } | null)?.pages;
         this.applyPages(pages && typeof pages === 'object' ? pages : {});
+        // A state the client hasn't loaded from the server yet says nothing.
+        if (value !== undefined) this.pagesKnown.set(true);
       };
       applyTree(tree.value());
       this.cleanups.push(tree.on('updated', applyTree));
     } catch {
       this.applyPages({});
+      this.pagesKnown.set(true);
     }
     try {
       const cd = await my.rpc.sharedState('change-detection');
diff --git a/app/src/pages/errors-inspector.ts b/app/src/pages/errors-inspector.ts
new file mode 100644
index 00000000..81245867
--- /dev/null
+++ b/app/src/pages/errors-inspector.ts
@@ -0,0 +1,660 @@
+import {
+  Component,
+  DestroyRef,
+  computed,
+  effect,
+  inject,
+  input,
+  linkedSignal,
+  output,
+  signal,
+} from '@angular/core';
+import type { DevframeRpcClient } from 'devframe/client';
+import { time } from '../format';
+import { hostPageId } from '../page-id';
+import { Select, type SelectOption } from '../ui/select';
+import type { ComponentFocus } from '../types/component-focus.types';
+import {
+  ALL_PAGES,
+  CONSOLE_LEVELS,
+  SOURCE_LABELS,
+  codeLink,
+  consoleOf,
+  defaultErrorsPage,
+  errorsOf,
+  errorsPages,
+  type ConsoleLevel,
+  type ErrorsPage,
+} from './errors-types';
+
+type View = 'errors' | 'console';
+
+const LEVEL_TONE: Record<ConsoleLevel, string> = {
+  error: 'danger',
+  warn: 'warn',
+  info: 'accent',
+  log: 'plain',
+  debug: 'plain',
+};
+
+@Component({
+  selector: 'app-errors-inspector',
+  imports: [Select],
+  template: `
+    @if (!loaded()) {
+      <p class="state" role="status">Loading errors…</p>
+    } @else if (failed()) {
+      <div class="state" role="alert">
+        <p>Can't read the errors from the devtools server.</p>
+        <button type="button" class="small" (click)="retry()">Retry</button>
+      </div>
+    } @else if (!pages().length) {
+      <div class="state" role="status">
+        <p>No page reports errors yet.</p>
+        <p class="muted">
+          Open the app with the overlay loaded. Errors and console calls show up here as they
+          happen.
+        </p>
+      </div>
+    } @else {
+      <p class="intro">
+        Errors from Angular's ErrorHandler, uncaught errors and unhandled promise rejections on the
+        live page, grouped by message, and the page's console calls. Messages and values are masked
+        like other live data.
+      </p>
+
+      <div class="toolbar">
+        <div class="views" role="group" aria-label="Show">
+          <button
+            type="button"
+            class="view"
+            [attr.aria-pressed]="view() === 'errors'"
+            (click)="view.set('errors')"
+          >
+            Errors <span class="badge">{{ errors().length }}</span>
+          </button>
+          <button
+            type="button"
+            class="view"
+            [attr.aria-pressed]="view() === 'console'"
+            (click)="view.set('console')"
+          >
+            Console <span class="badge">{{ entries().length }}</span>
+          </button>
+        </div>
+        <div class="search">
+          <svg class="search-icon" viewBox="0 0 24 24" aria-hidden="true">
+            <circle cx="11" cy="11" r="7" />
+            <path d="m20 20-3.5-3.5" />
+          </svg>
+          <input
+            #search
+            type="search"
+            [attr.aria-label]="view() === 'errors' ? 'Filter errors' : 'Filter console calls'"
+            [placeholder]="view() === 'errors' ? 'Filter by message or code' : 'Filter by text'"
+            [value]="filter()"
+            (input)="filter.set($any($event.target).value)"
+            (keydown.escape)="filter.set('')"
+          />
+        </div>
+        @if (view() === 'console') {
+          <app-select
+            class="level-select"
+            ariaLabel="Console level"
+            [options]="levelOptions"
+            [value]="level()"
+            (valueChange)="level.set($any($event))"
+          />
+        }
+        @if (pageOptions().length > 2) {
+          <app-select
+            class="page-select"
+            ariaLabel="Page"
+            [options]="pageOptions()"
+            [value]="pageId()"
+            (valueChange)="pageId.set($event ?? allPages)"
+          />
+        }
+        <span class="count" role="status">{{ countText() }}</span>
+      </div>
+
+      @if (view() === 'errors') {
+        <section aria-labelledby="errors-title">
+          <h2 id="errors-title" class="sr-only">Errors</h2>
+          @if (unwrapped()) {
+            <p class="notice">
+              Angular's ErrorHandler isn't wrapped on this page yet, so errors Angular catches show
+              up only when the default handler logs them.
+            </p>
+          }
+          @if (droppedErrors()) {
+            <p class="notice">
+              {{ droppedErrors() }} older error
+              {{ droppedErrors() === 1 ? 'group was' : 'groups were' }}
+              dropped. Each page keeps its last 100.
+            </p>
+          }
+          @if (!errors().length) {
+            <p class="empty">
+              No errors since the page loaded. Errors show up here as the app hits them.
+            </p>
+          } @else if (!shownErrors().length) {
+            <div class="empty">
+              <p>No error matches “{{ filter() }}”.</p>
+              <button type="button" class="small" (click)="filter.set(''); search.focus()">
+                Clear filter
+              </button>
+            </div>
+          } @else {
+            <ol class="errors" aria-label="Errors, most recent first">
+              @for (error of shownErrors(); track error.pageId + error.id) {
+                <li class="error">
+                  <div class="head">
+                    <span class="times" [attr.aria-label]="timesLabel(error.count)">
+                      {{ error.count }}×
+                    </span>
+                    <code class="message">{{ error.message }}</code>
+                  </div>
+                  <div class="meta">
+                    @if (error.code; as ngCode) {
+                      @if (codeLink(ngCode, error.docUrl).href; as href) {
+                        <a class="chip code" [href]="href" target="_blank" rel="noopener noreferrer"
+                          >{{ ngCode
+                          }}<span class="sr-only"> reference (opens in a new tab)</span></a
+                        >
+                      } @else {
+                        <span
+                          class="chip code plain"
+                          title="No page in Angular's error reference"
+                          >{{ ngCode }}</span
+                        >
+                      }
+                    }
+                    @for (source of error.sources; track source) {
+                      <span class="chip source">{{ sourceLabels[source] }}</span>
+                    }
+                    <span class="muted">Last at {{ time(error.lastAt) }}</span>
+                    @if (showPage()) {
+                      <span class="muted">{{ pageLabel(error.pageId) }}</span>
+                    }
+                    @if (error.owner; as owner) {
+                      @if (canShowComponent()) {
+                        <button
+                          type="button"
+                          class="link"
+                          (click)="showComponent.emit({ id: owner.id, pageId: error.pageId })"
+                        >
+                          Show component <code>{{ owner.name }}</code>
+                        </button>
+                      } @else {
+                        <span class="muted"
+                          >In <code>{{ owner.name }}</code></span
+                        >
+                      }
+                    }
+                  </div>
+                  @if (error.stack) {
+                    <details>
+                      <summary>Stack</summary>
+                      <pre tabindex="0" aria-label="Stack trace">{{ error.stack }}</pre>
+                    </details>
+                  }
+                </li>
+              }
+            </ol>
+          }
+        </section>
+      } @else {
+        <section aria-labelledby="console-title">
+          <h2 id="console-title" class="sr-only">Console</h2>
+          @if (droppedConsole()) {
+            <p class="notice">
+              {{ droppedConsole() }} older {{ droppedConsole() === 1 ? 'call was' : 'calls were' }}
+              dropped. Each page keeps its last 200.
+            </p>
+          }
+          @if (!entries().length) {
+            <p class="empty">
+              No console calls since the overlay connected. They show up here as the app logs.
+            </p>
+          } @else if (!shownEntries().length) {
+            <div class="empty">
+              <p>No console call matches the filters.</p>
+              <button type="button" class="small" (click)="clearFilters(); search.focus()">
+                Clear filters
+              </button>
+            </div>
+          } @else {
+            <ol class="console" aria-label="Console calls, newest first">
+              @for (entry of shownEntries(); track entry.pageId + entry.id) {
+                <li class="entry">
+                  <span class="chip level" [attr.data-tone]="levelTone[entry.level]">{{
+                    entry.level
+                  }}</span>
+                  <code class="text">{{ entry.text }}</code>
+                  @if (entry.count > 1) {
+                    <span class="times" [attr.aria-label]="timesLabel(entry.count)"
+                      >{{ entry.count }}×</span
+                    >
+                  }
+                  @if (entry.code; as ngCode) {
+                    @if (codeLink(ngCode, entry.docUrl).href; as href) {
+                      <a class="chip code" [href]="href" target="_blank" rel="noopener noreferrer"
+                        >{{ ngCode }}<span class="sr-only"> reference (opens in a new tab)</span></a
+                      >
+                    } @else {
+                      <span class="chip code plain">{{ ngCode }}</span>
+                    }
+                  }
+                  <time class="when">{{ time(entry.at) }}</time>
+                </li>
+              }
+            </ol>
+          }
+        </section>
+      }
+    }
+  `,
+  styles: `
+    @use 'mixins' as m;
+    :host {
+      display: block;
+      font-size: 13px;
+    }
+    .intro {
+      margin: 0 0 12px;
+      color: var(--text-2);
+      line-height: 1.5;
+    }
+    code,
+    pre {
+      font-family: var(--font-mono);
+      font-size: 12px;
+    }
+    .muted {
+      color: var(--text-2);
+    }
+    .toolbar {
+      position: sticky;
+      top: 0;
+      z-index: 2;
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px 12px;
+      align-items: center;
+      margin: 0 0 12px;
+      padding: 8px;
+      background: color-mix(in srgb, var(--surface) 85%, transparent);
+      backdrop-filter: blur(10px);
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+    }
+    .views {
+      display: inline-flex;
+      gap: 4px;
+    }
+    .view {
+      display: inline-flex;
+      gap: 6px;
+      align-items: center;
+      height: var(--control-h);
+      padding: 0 12px;
+      border: 1px solid var(--border);
+      border-radius: var(--radius-sm);
+      background: var(--surface);
+      color: var(--text);
+      font: inherit;
+      cursor: pointer;
+      transition: background-color 150ms var(--ease);
+    }
+    .view:hover {
+      background: var(--surface-2);
+    }
+    .view[aria-pressed='true'] {
+      border-color: var(--accent-line);
+      background: var(--accent-soft);
+      color: var(--text-strong);
+    }
+    .view:focus-visible {
+      @include m.focus-ring;
+    }
+    .badge {
+      color: var(--text-2);
+      font-variant-numeric: tabular-nums;
+    }
+    .search {
+      position: relative;
+      flex: 1 1 200px;
+      min-width: 0;
+    }
+    .search-icon {
+      position: absolute;
+      top: 50%;
+      left: 12px;
+      width: 14px;
+      height: 14px;
+      transform: translateY(-50%);
+      fill: none;
+      stroke: var(--text-3);
+      stroke-width: 2.2;
+      stroke-linecap: round;
+      pointer-events: none;
+    }
+    input[type='search'] {
+      width: 100%;
+      height: var(--control-h);
+      padding: 0 12px 0 34px;
+      background: var(--bg);
+      border: 1px solid var(--border-strong);
+      border-radius: var(--radius-sm);
+      color: var(--text);
+      font-size: 13px;
+    }
+    input[type='search']:focus {
+      @include m.field-focus;
+    }
+    .level-select,
+    .page-select {
+      flex: 0 1 180px;
+      min-width: 0;
+    }
+    .count {
+      margin-left: auto;
+      color: var(--text-2);
+      font-size: 12px;
+    }
+    .notice {
+      margin: 0 0 12px;
+      padding: 8px 12px;
+      border: 1px solid var(--border);
+      border-radius: var(--radius-sm);
+      background: var(--surface);
+      color: var(--text-2);
+      line-height: 1.5;
+    }
+    .errors,
+    .console {
+      display: grid;
+      gap: 6px;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+    .error {
+      @include m.panel;
+      display: grid;
+      gap: 6px;
+      min-width: 0;
+      padding: 8px 12px;
+    }
+    .head {
+      display: flex;
+      gap: 8px;
+      align-items: baseline;
+      min-width: 0;
+    }
+    .message {
+      min-width: 0;
+      color: var(--text-strong);
+      overflow-wrap: anywhere;
+      white-space: pre-wrap;
+    }
+    .times {
+      flex-shrink: 0;
+      color: var(--danger-text);
+      font-weight: 600;
+      font-variant-numeric: tabular-nums;
+    }
+    .meta {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px 10px;
+      align-items: center;
+      font-size: 12px;
+    }
+    .chip {
+      display: inline-flex;
+      align-items: center;
+      padding: 1px 8px;
+      border: 1px solid transparent;
+      border-radius: 99px;
+      font-size: 11px;
+      font-weight: 600;
+      @include m.tint(accent);
+    }
+    .chip.source,
+    .chip.plain,
+    .chip[data-tone='plain'] {
+      border-color: var(--border);
+      background: var(--surface-2);
+      color: var(--text-2);
+    }
+    .chip[data-tone='danger'] {
+      @include m.tint(danger);
+    }
+    .chip[data-tone='warn'] {
+      @include m.tint(warn);
+    }
+    a.chip {
+      text-decoration: underline;
+      text-underline-offset: 2px;
+    }
+    a.chip:focus-visible {
+      @include m.focus-ring;
+    }
+    .link {
+      display: inline-flex;
+      gap: 4px;
+      align-items: baseline;
+      padding: 0;
+      border: 0;
+      border-radius: 2px;
+      background: none;
+      color: var(--accent-text);
+      font: inherit;
+      text-decoration: underline;
+      text-underline-offset: 2px;
+      cursor: pointer;
+    }
+    .link:focus-visible {
+      @include m.focus-ring;
+    }
+    details summary {
+      width: fit-content;
+      border-radius: 2px;
+      color: var(--text-2);
+      font-size: 12px;
+      cursor: pointer;
+    }
+    details summary:focus-visible {
+      @include m.focus-ring;
+    }
+    pre {
+      max-height: 240px;
+      margin: 6px 0 0;
+      padding: 8px;
+      overflow: auto;
+      border-radius: var(--radius-sm);
+      background: var(--bg);
+      color: var(--text);
+      white-space: pre;
+    }
+    pre:focus-visible {
+      @include m.focus-ring(-2px);
+    }
+    .entry {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 4px 8px;
+      align-items: baseline;
+      min-width: 0;
+      padding: 6px 10px;
+      border-bottom: 1px solid var(--border);
+    }
+    .entry .level {
+      min-width: 44px;
+      justify-content: center;
+    }
+    .entry .times {
+      color: var(--text-2);
+    }
+    .text {
+      flex: 1 1 240px;
+      min-width: 0;
+      color: var(--text);
+      overflow-wrap: anywhere;
+      white-space: pre-wrap;
+    }
+    .when {
+      margin-left: auto;
+      color: var(--text-2);
+      font-size: 12px;
+      font-variant-numeric: tabular-nums;
+    }
+    .small {
+      height: var(--control-h);
+      padding: 0 12px;
+      border: 1px solid var(--border-strong);
+      border-radius: var(--radius-sm);
+      background: var(--surface-2);
+      color: var(--text);
+    }
+    .small:focus-visible {
+      @include m.focus-ring;
+    }
+    .empty,
+    .state {
+      margin: 0 0 12px;
+      color: var(--text-2);
+    }
+    .empty p,
+    .state p {
+      margin: 0 0 8px;
+    }
+  `,
+})
+export class ErrorsInspector {
+  readonly rpc = input<DevframeRpcClient | null>(null);
+  /** Whether the Components tab is on, so "Show component" has somewhere to go. */
+  readonly canShowComponent = input(true);
+  readonly showComponent = output<ComponentFocus>();
+
+  private readonly destroyRef = inject(DestroyRef);
+  private readonly hostPageId = hostPageId();
+  private unsubscribe?: () => void;
+
+  protected readonly time = time;
+  protected readonly codeLink = codeLink;
+  protected readonly sourceLabels = SOURCE_LABELS;
+  protected readonly levelTone = LEVEL_TONE;
+  protected readonly allPages = ALL_PAGES;
+  protected readonly levelOptions: SelectOption[] = [
+    { value: 'all', label: 'All levels' },
+    ...CONSOLE_LEVELS.map((level) => ({ value: level, label: level })),
+  ];
+
+  readonly pages = signal<ErrorsPage[]>([]);
+  readonly loaded = signal(false);
+  readonly failed = signal(false);
+  readonly view = signal<View>('errors');
+  readonly filter = signal('');
+  readonly level = signal<ConsoleLevel | 'all'>('all');
+  /** Keeps the picked page while it reports, and falls back once it is gone. */
+  readonly pageId = linkedSignal<ErrorsPage[], string>({
+    source: () => this.pages(),
+    computation: (pages, previous) =>
+      previous?.value &&
+      (previous.value === ALL_PAGES || pages.some((page) => page.pageId === previous.value))
+        ? previous.value
+        : defaultErrorsPage(pages, this.hostPageId),
+  });
+
+  readonly pageOptions = computed<SelectOption[]>(() => [
+    { value: ALL_PAGES, label: 'All pages' },
+    ...this.pages().map((page) => ({
+      value: page.pageId,
+      label: page.title || page.url || page.pageId,
+      hint: page.url,
+    })),
+  ]);
+  readonly showPage = computed(() => this.pageId() === ALL_PAGES && this.pages().length > 1);
+  private readonly picked = computed(() =>
+    this.pages().filter((page) => this.pageId() === ALL_PAGES || page.pageId === this.pageId()),
+  );
+  readonly unwrapped = computed(() => this.picked().some((page) => page.handler !== 'wrapped'));
+  readonly droppedErrors = computed(() =>
+    this.picked().reduce((sum, page) => sum + page.dropped.errors, 0),
+  );
+  readonly droppedConsole = computed(() =>
+    this.picked().reduce((sum, page) => sum + page.dropped.console, 0),
+  );
+  readonly errors = computed(() => errorsOf(this.pages(), this.pageId()));
+  readonly entries = computed(() => consoleOf(this.pages(), this.pageId()));
+  readonly shownErrors = computed(() => {
+    const text = this.filter().trim().toLowerCase();
+    if (!text) return this.errors();
+    return this.errors().filter(
+      (error) =>
+        error.message.toLowerCase().includes(text) ||
+        (error.code ?? '').toLowerCase().includes(text) ||
+        (error.owner?.name ?? '').toLowerCase().includes(text),
+    );
+  });
+  readonly shownEntries = computed(() => {
+    const text = this.filter().trim().toLowerCase();
+    const level = this.level();
+    return this.entries().filter(
+      (entry) =>
+        (level === 'all' || entry.level === level) &&
+        (!text || entry.text.toLowerCase().includes(text)),
+    );
+  });
+  readonly countText = computed(() =>
+    this.view() === 'errors'
+      ? `${this.shownErrors().length} of ${this.errors().length} errors`
+      : `${this.shownEntries().length} of ${this.entries().length} calls`,
+  );
+
+  constructor() {
+    effect(() => {
+      const client = this.rpc();
+      if (client) void this.load(client);
+    });
+    this.destroyRef.onDestroy(() => this.unsubscribe?.());
+  }
+
+  retry() {
+    const client = this.rpc();
+    if (client) void this.load(client);
+  }
+
+  clearFilters() {
+    this.filter.set('');
+    this.level.set('all');
+  }
+
+  timesLabel(count: number): string {
+    return count === 1 ? 'Once' : `${count} times`;
+  }
+
+  pageLabel(pageId: string): string {
+    const page = this.pages().find((p) => p.pageId === pageId);
+    return page?.title || page?.url || pageId;
+  }
+
+  private async load(client: DevframeRpcClient) {
+    this.failed.set(false);
+    try {
+      const state = await client.scope('pangular').rpc.sharedState('errors');
+      if (this.destroyRef.destroyed) return;
+      const apply = (value: unknown) => this.pages.set(errorsPages(value));
+      apply(state.value());
+      this.unsubscribe?.();
+      this.unsubscribe = state.on('updated', apply);
+    } catch {
+      this.failed.set(true);
+    } finally {
+      this.loaded.set(true);
+    }
+  }
+}
diff --git a/app/src/pages/errors-types.ts b/app/src/pages/errors-types.ts
new file mode 100644
index 00000000..52268ca6
--- /dev/null
+++ b/app/src/pages/errors-types.ts
@@ -0,0 +1,127 @@
+/** The Errors inspector data as the `errors` shared state holds it. */
+
+export type ConsoleLevel = 'log' | 'info' | 'warn' | 'error' | 'debug';
+
+export const CONSOLE_LEVELS: readonly ConsoleLevel[] = ['log', 'info', 'warn', 'error', 'debug'];
+
+export interface ErrorOwner {
+  /** The host element id the Components tab selects. */
+  id: string;
+  name: string;
+}
+
+export interface ErrorGroup {
+  id: string;
+  message: string;
+  name?: string;
+  code?: string;
+  docUrl?: string;
+  count: number;
+  firstAt: number;
+  lastAt: number;
+  sources: ('handler' | 'window' | 'promise')[];
+  stack?: string;
+  owner?: ErrorOwner;
+}
+
+export interface ConsoleEntry {
+  id: number;
+  level: ConsoleLevel;
+  text: string;
+  at: number;
+  count: number;
+  code?: string;
+  docUrl?: string;
+}
+
+export interface ErrorsPage {
+  pageId: string;
+  url: string;
+  title: string;
+  reportedAt: number;
+  handler: 'wrapped' | 'none';
+  errors: ErrorGroup[];
+  console: ConsoleEntry[];
+  dropped: { errors: number; console: number };
+}
+
+/** An error group with the page it comes from, for the list across pages. */
+export interface PageError extends ErrorGroup {
+  pageId: string;
+}
+
+export interface PageConsoleEntry extends ConsoleEntry {
+  pageId: string;
+}
+
+export const ALL_PAGES = 'all';
+
+export const SOURCE_LABELS: Record<ErrorGroup['sources'][number], string> = {
+  handler: 'ErrorHandler',
+  window: 'Uncaught',
+  promise: 'Unhandled rejection',
+};
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return !!value && typeof value === 'object';
+}
+
+/**
+ * The pages in the shared state, newest report first. The server keys groups
+ * and console entries by id, so one push patches one entry; the panel reads
+ * them as lists.
+ */
+export function errorsPages(value: unknown): ErrorsPage[] {
+  const pages = isRecord(value) ? value['pages'] : undefined;
+  if (!isRecord(pages)) return [];
+  return Object.values(pages)
+    .filter(
+      (page): page is Record<string, unknown> =>
+        isRecord(page) && typeof page['pageId'] === 'string',
+    )
+    .map((page) => ({
+      pageId: page['pageId'] as string,
+      url: typeof page['url'] === 'string' ? page['url'] : '',
+      title: typeof page['title'] === 'string' ? page['title'] : '',
+      reportedAt: typeof page['reportedAt'] === 'number' ? page['reportedAt'] : 0,
+      handler: page['handler'] === 'wrapped' ? ('wrapped' as const) : ('none' as const),
+      errors: isRecord(page['errors']) ? (Object.values(page['errors']) as ErrorGroup[]) : [],
+      console: isRecord(page['console'])
+        ? (Object.values(page['console']) as ConsoleEntry[]).sort((a, b) => a.id - b.id)
+        : [],
+      dropped: isRecord(page['dropped'])
+        ? {
+            errors: Number(page['dropped']['errors']) || 0,
+            console: Number(page['dropped']['console']) || 0,
+          }
+        : { errors: 0, console: 0 },
+    }))
+    .sort((a, b) => b.reportedAt - a.reportedAt);
+}
+
+/** The page to show first: the panel's own page, else the newest. */
+export function defaultErrorsPage(pages: ErrorsPage[], hostPageId: string | null): string {
+  if (hostPageId && pages.some((page) => page.pageId === hostPageId)) return hostPageId;
+  return pages.length > 1 ? ALL_PAGES : (pages[0]?.pageId ?? ALL_PAGES);
+}
+
+/** The error groups of one page or of every page, most recent first. */
+export function errorsOf(pages: ErrorsPage[], pageId: string): PageError[] {
+  return pages
+    .filter((page) => pageId === ALL_PAGES || page.pageId === pageId)
+    .flatMap((page) => page.errors.map((group) => ({ ...group, pageId: page.pageId })))
+    .sort((a, b) => b.lastAt - a.lastAt);
+}
+
+/** The console entries of one page or of every page, newest first. */
+export function consoleOf(pages: ErrorsPage[], pageId: string): PageConsoleEntry[] {
+  return pages
+    .filter((page) => pageId === ALL_PAGES || page.pageId === pageId)
+    .flatMap((page) => page.console.map((entry) => ({ ...entry, pageId: page.pageId })))
+    .sort((a, b) => b.at - a.at || b.id - a.id);
+}
+
+/** `NG0100` and its reference page, or just the code when the reference has none. */
+export function codeLink(code: string, docUrl?: string): { code: string; href?: string } {
+  return docUrl?.startsWith('https://angular.dev/errors/') ? { code, href: docUrl } : { code };
+}
diff --git a/app/src/pages/settings.ts b/app/src/pages/settings.ts
new file mode 100644
index 00000000..42f9388d
--- /dev/null
+++ b/app/src/pages/settings.ts
@@ -0,0 +1,520 @@
+import {
+  Component,
+  ElementRef,
+  Injector,
+  afterNextRender,
+  computed,
+  inject,
+  input,
+  model,
+  signal,
+} from '@angular/core';
+import {
+  moveTab,
+  orderedTabIds,
+  setTabHidden,
+  setTabPinned,
+  DEFAULT_TAB_LAYOUT,
+  type TabLayout,
+  type ThemePreference,
+} from '../shell-prefs';
+import { TabIcon } from './tab-icon';
+
+export interface SettingsTab {
+  id: string;
+  label: string;
+}
+
+const THEMES: { value: ThemePreference; label: string; hint: string }[] = [
+  { value: 'system', label: 'System', hint: 'Follows the hub, or your system without it' },
+  { value: 'light', label: 'Light', hint: 'Always light' },
+  { value: 'dark', label: 'Dark', hint: 'Always dark' },
+];
+
+/** Per-viewer settings: theme, tab bar layout and the popup's passive mode. */
+@Component({
+  selector: 'app-settings',
+  imports: [TabIcon],
+  template: `
+    <p class="intro">
+      Settings for this panel in this browser. They are saved in the browser's local storage, so
+      every panel on this address uses them.
+    </p>
+
+    <section class="card" aria-labelledby="settings-theme">
+      <h2 id="settings-theme">Theme</h2>
+      <div class="themes" role="radiogroup" aria-labelledby="settings-theme">
+        @for (option of themes; track option.value) {
+          <label class="theme" [class.checked]="theme() === option.value">
+            <input
+              type="radio"
+              name="settings-theme"
+              [value]="option.value"
+              [checked]="theme() === option.value"
+              (change)="theme.set(option.value)"
+            />
+            <span class="theme-label">{{ option.label }}</span>
+            <span class="hint">{{ option.hint }}</span>
+          </label>
+        }
+      </div>
+    </section>
+
+    <section class="card" aria-labelledby="settings-tabs">
+      <div class="card-head">
+        <h2 id="settings-tabs">Tabs</h2>
+        <button type="button" class="action" [disabled]="isDefaultLayout()" (click)="resetTabs()">
+          Reset tabs
+        </button>
+      </div>
+      <p class="hint" id="settings-tabs-hint">
+        Pinned tabs come first in the tab bar. Hidden tabs stay reachable from the command palette
+        and from links. Use the arrow buttons, or <kbd>Alt</kbd> with <kbd>↑</kbd> and
+        <kbd>↓</kbd> on a row, to change the order.
+      </p>
+      <ol class="tab-list" aria-labelledby="settings-tabs" aria-describedby="settings-tabs-hint">
+        @for (tab of orderedTabs(); track tab.id; let first = $first, last = $last) {
+          <li
+            class="tab-row"
+            [class.hidden-tab]="isHidden(tab.id)"
+            [attr.data-tab]="tab.id"
+            (keydown)="onRowKey($event, tab.id)"
+          >
+            <app-tab-icon [name]="tab.id" />
+            <span class="tab-label">
+              {{ tab.label }}
+              @if (isPinned(tab.id)) {
+                <span class="tag">Pinned</span>
+              }
+            </span>
+            <button
+              type="button"
+              class="action small"
+              [attr.aria-pressed]="isPinned(tab.id)"
+              [attr.aria-label]="'Pin ' + tab.label"
+              (click)="togglePinned(tab.id)"
+            >
+              Pin
+            </button>
+            <label class="check">
+              <input
+                type="checkbox"
+                [checked]="!isHidden(tab.id)"
+                [attr.aria-label]="tab.label + ' shown in the tab bar'"
+                (change)="setShown(tab.id, $any($event.target).checked)"
+              />
+              <span>Shown</span>
+            </label>
+            <span class="moves">
+              <button
+                type="button"
+                class="icon"
+                data-move="up"
+                [disabled]="!canMove(tab.id, -1)"
+                [attr.aria-label]="'Move ' + tab.label + ' up'"
+                (click)="move(tab.id, -1)"
+              >
+                <svg viewBox="0 0 24 24" aria-hidden="true"><path d="m6 15 6-6 6 6" /></svg>
+              </button>
+              <button
+                type="button"
+                class="icon"
+                data-move="down"
+                [disabled]="!canMove(tab.id, 1)"
+                [attr.aria-label]="'Move ' + tab.label + ' down'"
+                (click)="move(tab.id, 1)"
+              >
+                <svg viewBox="0 0 24 24" aria-hidden="true"><path d="m6 9 6 6 6-6" /></svg>
+              </button>
+            </span>
+          </li>
+        }
+      </ol>
+    </section>
+
+    <section class="card" aria-labelledby="settings-popup">
+      <h2 id="settings-popup">Popup on the page</h2>
+      <label class="check wide">
+        <input
+          type="checkbox"
+          [checked]="passive()"
+          [disabled]="hotkey() === false"
+          aria-describedby="settings-passive-hint"
+          (change)="passive.set($any($event.target).checked)"
+        />
+        <span>Passive mode: hide the floating button until the shortcut is pressed</span>
+      </label>
+      <p class="hint" id="settings-passive-hint">
+        @if (hotkey(); as shortcut) {
+          Press <kbd>{{ shortcut }}</kbd> on your app's page to open or close the panel. The button
+          shows while the panel is open. The popup on the page saves this setting.
+        } @else {
+          The popup shortcut is turned off in the devtools config (<code>popup.hotkey</code>), so
+          the button always shows.
+        }
+      </p>
+    </section>
+
+    <section class="card" aria-labelledby="settings-keys">
+      <h2 id="settings-keys">Keyboard shortcuts</h2>
+      <table class="keys">
+        <caption class="sr-only">
+          Keyboard shortcuts
+        </caption>
+        <thead>
+          <tr>
+            <th scope="col">Shortcut</th>
+            <th scope="col">Action</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>
+              <kbd>{{ paletteShortcut() }}</kbd>
+            </td>
+            <td>Open the command palette in the panel</td>
+          </tr>
+          <tr>
+            <td>
+              @if (hotkey(); as shortcut) {
+                <kbd>{{ shortcut }}</kbd>
+              } @else {
+                Off
+              }
+            </td>
+            <td>Open or close the popup on your app's page</td>
+          </tr>
+        </tbody>
+      </table>
+    </section>
+    <p class="sr-only" role="status">{{ announcement() }}</p>
+  `,
+  styles: `
+    @use 'mixins' as m;
+
+    :host {
+      display: block;
+      max-width: 760px;
+    }
+    .intro {
+      max-width: 720px;
+      margin: 0 0 16px;
+      color: var(--text-2);
+      line-height: 1.5;
+    }
+    .card {
+      margin: 0 0 16px;
+      padding: 16px;
+      @include m.panel(1);
+    }
+    .card-head {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      justify-content: space-between;
+      gap: 8px;
+    }
+    h2 {
+      margin: 0 0 10px;
+      color: var(--text-strong);
+      font-size: 15px;
+      font-weight: 650;
+    }
+    .card-head h2 {
+      margin: 0;
+    }
+    .hint {
+      margin: 8px 0 12px;
+      color: var(--text-2);
+      font-size: 12px;
+      line-height: 1.5;
+    }
+    .themes {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+      gap: 8px;
+    }
+    .theme {
+      position: relative;
+      display: grid;
+      grid-template-columns: auto 1fr;
+      gap: 2px 8px;
+      align-items: center;
+      padding: 10px 12px;
+      border: 1px solid var(--border-strong);
+      border-radius: var(--radius-sm);
+      background: var(--bg);
+      cursor: pointer;
+      .hint {
+        grid-column: 2;
+        margin: 0;
+      }
+      &.checked {
+        border-color: var(--accent-line);
+        background: var(--accent-soft);
+      }
+      &:has(input:focus-visible) {
+        @include m.focus-ring(2px);
+      }
+    }
+    .theme input {
+      margin: 0;
+      accent-color: var(--accent);
+    }
+    .theme-label {
+      color: var(--text-strong);
+      font-weight: 600;
+    }
+    .tab-list {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+      border: 1px solid var(--border);
+      border-radius: var(--radius-sm);
+    }
+    .tab-row {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 8px 12px;
+      min-height: 44px;
+      padding: 4px 8px 4px 12px;
+      color: var(--text);
+      & + & {
+        border-top: 1px solid var(--border);
+      }
+      app-tab-icon {
+        color: var(--text-3);
+      }
+    }
+    .tab-row.hidden-tab .tab-label {
+      color: var(--text-2);
+    }
+    .tab-label {
+      display: inline-flex;
+      flex: 1 1 120px;
+      align-items: center;
+      gap: 8px;
+      min-width: 0;
+    }
+    .tag {
+      padding: 1px 8px;
+      border: 1px solid;
+      border-radius: 999px;
+      font-size: 11px;
+      font-weight: 600;
+      @include m.tint(accent);
+    }
+    .action {
+      display: inline-flex;
+      align-items: center;
+      height: var(--control-h);
+      padding: 0 12px;
+      border: 1px solid var(--border-strong);
+      border-radius: var(--radius-sm);
+      background: var(--surface-2);
+      color: var(--text);
+      font: inherit;
+      font-weight: 500;
+      cursor: pointer;
+      &.small {
+        height: 28px;
+        padding: 0 10px;
+        font-size: 12px;
+      }
+      &[aria-pressed='true'] {
+        border-color: var(--accent-line);
+        background: var(--accent-soft);
+        color: var(--text-strong);
+      }
+      &:hover:not(:disabled) {
+        background: var(--surface-3);
+      }
+      &:disabled {
+        color: var(--text-3);
+        cursor: default;
+      }
+      &:focus-visible {
+        @include m.focus-ring;
+      }
+    }
+    .check {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      color: var(--text-2);
+      font-size: 12px;
+      cursor: pointer;
+      input {
+        margin: 0;
+        accent-color: var(--accent);
+      }
+      input:focus-visible {
+        @include m.focus-ring;
+      }
+      &.wide {
+        color: var(--text);
+        font-size: 13px;
+      }
+    }
+    .moves {
+      display: inline-flex;
+      gap: 4px;
+      margin-left: auto;
+    }
+    .icon {
+      display: grid;
+      place-items: center;
+      width: 28px;
+      height: 28px;
+      padding: 0;
+      border: 1px solid var(--border-strong);
+      border-radius: var(--radius-sm);
+      background: var(--surface-2);
+      color: var(--text);
+      cursor: pointer;
+      svg {
+        width: 16px;
+        height: 16px;
+        fill: none;
+        stroke: currentColor;
+        stroke-width: 2;
+      }
+      &:hover:not(:disabled) {
+        background: var(--surface-3);
+      }
+      &:disabled {
+        color: var(--text-3);
+        opacity: 0.6;
+        cursor: default;
+      }
+      &:focus-visible {
+        @include m.focus-ring;
+      }
+    }
+    kbd {
+      padding: 1px 6px;
+      border: 1px solid var(--border-strong);
+      border-radius: 4px;
+      background: var(--surface-2);
+      color: var(--text);
+      font-family: var(--font-mono);
+      font-size: 11px;
+    }
+    code {
+      font-family: var(--font-mono);
+    }
+    .keys {
+      width: 100%;
+      border-collapse: collapse;
+      font-size: 13px;
+      th {
+        padding: 6px 8px;
+        text-align: left;
+        @include m.label;
+      }
+      td {
+        padding: 8px;
+        border-top: 1px solid var(--border);
+        color: var(--text);
+      }
+    }
+  `,
+})
+export class Settings {
+  /** Every tab the panel can show here, in the default order. */
+  readonly tabs = input<readonly SettingsTab[]>([]);
+  readonly layout = model<TabLayout>(DEFAULT_TAB_LAYOUT);
+  readonly theme = model<ThemePreference>('system');
+  readonly passive = model(false);
+  /** The popup shortcut as the platform writes it, or `false` when it is off. */
+  readonly hotkey = input<string | false>(false);
+  readonly paletteShortcut = input('Ctrl+K');
+
+  protected readonly themes = THEMES;
+  protected readonly announcement = signal('');
+  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);
+  private readonly injector = inject(Injector);
+
+  private readonly ids = computed(() => this.tabs().map((tab) => tab.id));
+  readonly orderedTabs = computed(() => {
+    const byId = new Map(this.tabs().map((tab) => [tab.id, tab]));
+    return orderedTabIds(this.ids(), this.layout()).map((id) => byId.get(id)!);
+  });
+  protected readonly isDefaultLayout = computed(() => {
+    const { order, hidden, pinned } = this.layout();
+    const shown = orderedTabIds(this.ids(), this.layout());
+    return (
+      !hidden.length &&
+      !pinned.length &&
+      (!order.length || shown.every((id, index) => id === this.ids()[index]))
+    );
+  });
+
+  isPinned(id: string) {
+    return this.layout().pinned.includes(id);
+  }
+
+  isHidden(id: string) {
+    return this.layout().hidden.includes(id) && !this.isPinned(id);
+  }
+
+  canMove(id: string, delta: -1 | 1) {
+    return moveTab(this.ids(), this.layout(), id, delta) !== this.layout();
+  }
+
+  move(id: string, delta: -1 | 1) {
+    const next = moveTab(this.ids(), this.layout(), id, delta);
+    if (next === this.layout()) return;
+    this.layout.set(next);
+    const order = orderedTabIds(this.ids(), next);
+    const label = this.label(id);
+    this.say(`${label} moved to position ${order.indexOf(id) + 1} of ${order.length}.`);
+    // Keep focus on the moved row, on the same button, or the other one at an end.
+    afterNextRender(
+      () => {
+        const row = [...this.host.nativeElement.querySelectorAll<HTMLElement>('.tab-row')].find(
+          (candidate) => candidate.dataset['tab'] === id,
+        );
+        const wanted = row?.querySelector<HTMLButtonElement>(
+          `[data-move="${delta < 0 ? 'up' : 'down'}"]`,
+        );
+        const other = row?.querySelector<HTMLButtonElement>(
+          `[data-move="${delta < 0 ? 'down' : 'up'}"]`,
+        );
+        (wanted && !wanted.disabled ? wanted : other)?.focus();
+      },
+      { injector: this.injector },
+    );
+  }
+
+  onRowKey(event: KeyboardEvent, id: string) {
+    if (!event.altKey || (event.key !== 'ArrowUp' && event.key !== 'ArrowDown')) return;
+    event.preventDefault();
+    this.move(id, event.key === 'ArrowUp' ? -1 : 1);
+  }
+
+  togglePinned(id: string) {
+    const pinned = !this.isPinned(id);
+    this.layout.set(setTabPinned(this.ids(), this.layout(), id, pinned));
+    this.say(pinned ? `${this.label(id)} pinned.` : `${this.label(id)} unpinned.`);
+  }
+
+  setShown(id: string, shown: boolean) {
+    this.layout.set(setTabHidden(this.layout(), id, !shown));
+    this.say(shown ? `${this.label(id)} shown.` : `${this.label(id)} hidden.`);
+  }
+
+  resetTabs() {
+    this.layout.set(DEFAULT_TAB_LAYOUT);
+    this.say('Tabs reset to the default order.');
+  }
+
+  private label(id: string) {
+    return this.tabs().find((tab) => tab.id === id)?.label ?? id;
+  }
+
+  private say(message: string) {
+    this.announcement.update((current) => (current === message ? `${message} ` : message));
+  }
+}
diff --git a/app/src/pages/tab-icon.ts b/app/src/pages/tab-icon.ts
index 53fdba4b..50079c0d 100644
--- a/app/src/pages/tab-icon.ts
+++ b/app/src/pages/tab-icon.ts
@@ -63,6 +63,17 @@ import { Component, input } from '@angular/core';
           <path d="M10 17h8" />
           <circle cx="18" cy="7" r="3" />
         }
+        @case ('settings') {
+          <circle cx="12" cy="12" r="3" />
+          <path
+            d="M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z"
+          />
+        }
+        @case ('errors') {
+          <circle cx="12" cy="12" r="9" />
+          <path d="M12 7v6" />
+          <path d="M12 16.5v.01" />
+        }
         @case ('analog') {
           <path d="m8 3 4 8 5-5 5 15H2L8 3z" />
         }
diff --git a/app/src/palette-filter.ts b/app/src/palette-filter.ts
new file mode 100644
index 00000000..67e252f0
--- /dev/null
+++ b/app/src/palette-filter.ts
@@ -0,0 +1,57 @@
+/** A command as the palette lists it. */
+export interface PaletteCommand {
+  id: string;
+  title: string;
+  group: string;
+  keywords?: string;
+  /** A shortcut that also runs it, shown beside the title. */
+  shortcut?: string;
+}
+
+/**
+ * How well `query` matches `text` as a subsequence, or `-1` when it doesn't.
+ * Consecutive letters and letters at the start of a word score higher, so
+ * `gtsig` finds "Go to Signals" and `sig` puts it before "Design".
+ */
+export function fuzzyScore(text: string, query: string): number {
+  const haystack = text.toLowerCase();
+  const needle = query.toLowerCase().replace(/\s+/g, '');
+  if (!needle) return 0;
+  let score = 0;
+  let from = 0;
+  let previous = -2;
+  for (const char of needle) {
+    const index = haystack.indexOf(char, from);
+    if (index < 0) return -1;
+    const wordStart = index === 0 || /[\s:&/-]/.test(haystack[index - 1]);
+    score += 1;
+    if (index === previous + 1) score += 3;
+    if (wordStart) score += 4;
+    previous = index;
+    from = index + 1;
+  }
+  // Shorter texts with the same letters read as the closer match.
+  return score - haystack.length / 100;
+}
+
+/**
+ * The commands that match `query`, best first. A title match beats one in
+ * the group or keywords. An empty query keeps the given order.
+ */
+export function filterCommands<T extends PaletteCommand>(
+  commands: readonly T[],
+  query: string,
+): T[] {
+  const trimmed = query.trim();
+  if (!trimmed) return [...commands];
+  return commands
+    .map((command, index) => {
+      const title = fuzzyScore(command.title, trimmed);
+      const extra = fuzzyScore(`${command.group} ${command.keywords ?? ''}`, trimmed);
+      const score = Math.max(title >= 0 ? title + 10 : -1, extra);
+      return { command, index, score };
+    })
+    .filter((entry) => entry.score >= 0)
+    .sort((a, b) => b.score - a.score || a.index - b.index)
+    .map((entry) => entry.command);
+}
diff --git a/app/src/shell-prefs.ts b/app/src/shell-prefs.ts
new file mode 100644
index 00000000..c0c274a5
--- /dev/null
+++ b/app/src/shell-prefs.ts
@@ -0,0 +1,187 @@
+const PREF_KEY = 'pangular-pref';
+
+/** The theme the viewer picked in Settings; `system` follows the hub or the system. */
+export type ThemePreference = 'system' | 'light' | 'dark';
+
+/**
+ * How the viewer arranged the tab bar in Settings. `order` lists tab ids in
+ * the order they chose; tabs it doesn't name keep their default place after
+ * the ones it does. Pinned tabs come first, and a pinned tab is never hidden.
+ */
+export interface TabLayout {
+  order: string[];
+  hidden: string[];
+  pinned: string[];
+}
+
+export const DEFAULT_TAB_LAYOUT: TabLayout = { order: [], hidden: [], pinned: [] };
+
+function read(name: string): string | null {
+  try {
+    return localStorage.getItem(`${PREF_KEY}:${name}`);
+  } catch {
+    return null;
+  }
+}
+
+function write(name: string, value: string | null) {
+  try {
+    if (value === null) localStorage.removeItem(`${PREF_KEY}:${name}`);
+    else localStorage.setItem(`${PREF_KEY}:${name}`, value);
+  } catch {
+    // Blocked storage only forgets the preference on the next reload.
+  }
+}
+
+export function storedThemePreference(): ThemePreference {
+  const value = read('theme');
+  return value === 'light' || value === 'dark' ? value : 'system';
+}
+
+export function storeThemePreference(value: ThemePreference) {
+  write('theme', value === 'system' ? null : value);
+}
+
+function ids(value: unknown): string[] {
+  if (!Array.isArray(value)) return [];
+  const valid = value.filter(
+    (id): id is string => typeof id === 'string' && id.length > 0 && id.length <= 40,
+  );
+  return [...new Set(valid)].slice(0, 50);
+}
+
+export function storedTabLayout(): TabLayout {
+  const raw = read('tabs');
+  if (!raw) return DEFAULT_TAB_LAYOUT;
+  try {
+    const parsed: unknown = JSON.parse(raw);
+    if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) return DEFAULT_TAB_LAYOUT;
+    // Anything in storage may be stale or hand edited, so each list is checked.
+    const saved = parsed as Record<string, unknown>;
+    return {
+      order: ids(saved['order']),
+      hidden: ids(saved['hidden']),
+      pinned: ids(saved['pinned']),
+    };
+  } catch {
+    return DEFAULT_TAB_LAYOUT;
+  }
+}
+
+export function storeTabLayout(layout: TabLayout) {
+  const empty = !layout.order.length && !layout.hidden.length && !layout.pinned.length;
+  write('tabs', empty ? null : JSON.stringify(layout));
+}
+
+/** Passive mode, as the panel last set it. The popup on the page keeps its own copy. */
+export function storedPassive(): boolean {
+  return read('passive') === 'true';
+}
+
+export function storePassive(value: boolean) {
+  write('passive', value ? 'true' : null);
+}
+
+/** `ids` in the viewer's order: pinned first, then the rest, each in `layout.order`. */
+export function orderedTabIds(all: readonly string[], layout: TabLayout): string[] {
+  const rank = (id: string) => {
+    const index = layout.order.indexOf(id);
+    return index < 0 ? layout.order.length + all.indexOf(id) : index;
+  };
+  const sorted = [...all].sort((a, b) => rank(a) - rank(b));
+  const pinned = sorted.filter((id) => layout.pinned.includes(id));
+  return [...pinned, ...sorted.filter((id) => !layout.pinned.includes(id))];
+}
+
+/**
+ * The tabs of the bar in the viewer's order, without the hidden ones. `keep`
+ * stays even when hidden, so the open tab is always in the bar.
+ */
+export function arrangeTabs<T extends { id: string }>(
+  tabs: readonly T[],
+  layout: TabLayout,
+  keep?: string,
+): T[] {
+  const byId = new Map(tabs.map((tab) => [tab.id, tab]));
+  return orderedTabIds(
+    tabs.map((tab) => tab.id),
+    layout,
+  )
+    .filter((id) => id === keep || layout.pinned.includes(id) || !layout.hidden.includes(id))
+    .map((id) => byId.get(id)!);
+}
+
+/**
+ * Moves a tab one place up (`-1`) or down (`1`) among `all`, as Settings
+ * shows them. A tab stays inside its section: pinned tabs move among the
+ * pinned ones, the others among the others.
+ */
+export function moveTab(
+  all: readonly string[],
+  layout: TabLayout,
+  id: string,
+  delta: -1 | 1,
+): TabLayout {
+  const order = orderedTabIds(all, layout);
+  const index = order.indexOf(id);
+  const target = index + delta;
+  if (index < 0 || target < 0 || target >= order.length) return layout;
+  const pinned = layout.pinned.includes(id);
+  if (layout.pinned.includes(order[target]) !== pinned) return layout;
+  const next = [...order];
+  [next[index], next[target]] = [next[target], next[index]];
+  return { ...layout, order: next };
+}
+
+export function setTabHidden(layout: TabLayout, id: string, hidden: boolean): TabLayout {
+  const rest = layout.hidden.filter((other) => other !== id);
+  return {
+    ...layout,
+    hidden: hidden ? [...rest, id] : rest,
+    pinned: hidden ? layout.pinned.filter((other) => other !== id) : layout.pinned,
+  };
+}
+
+export function setTabPinned(
+  all: readonly string[],
+  layout: TabLayout,
+  id: string,
+  pinned: boolean,
+): TabLayout {
+  const rest = layout.pinned.filter((other) => other !== id);
+  // Keep today's visible order, so pinning moves only the pinned tab.
+  const order = orderedTabIds(all, layout);
+  return {
+    order,
+    pinned: pinned ? [...rest, id] : rest,
+    hidden: pinned ? layout.hidden.filter((other) => other !== id) : layout.hidden,
+  };
+}
+
+/** Whether the viewer is on macOS or iOS, where `Mod` shortcuts use Cmd. */
+export function isMacPlatform(): boolean {
+  try {
+    const nav = navigator as Navigator & { userAgentData?: { platform?: string } };
+    return /mac|iphone|ipad|ipod/i.test(nav.userAgentData?.platform ?? nav.platform ?? '');
+  } catch {
+    return false;
+  }
+}
+
+/**
+ * Whether the panel runs in the popup on the app's page, which has dock
+ * modes and passive mode. Only frames on the same origin can tell.
+ */
+export function inPopup(win: Window = window): boolean {
+  try {
+    for (let current = win; current !== current.parent; current = current.parent) {
+      const root = current.frameElement?.getRootNode();
+      if (root && 'host' in root && (root.host as Element | null)?.id === 'pangular-popup-root') {
+        return true;
+      }
+    }
+  } catch {
+    // a frame on another origin; the popup can't be named
+  }
+  return false;
+}
diff --git a/app/src/theme.service.ts b/app/src/theme.service.ts
index a2aca7af..87d3e0a7 100644
--- a/app/src/theme.service.ts
+++ b/app/src/theme.service.ts
@@ -1,10 +1,17 @@
 import { DestroyRef, Service, effect, inject, signal } from '@angular/core';
+import { storeThemePreference, storedThemePreference, type ThemePreference } from './shell-prefs';
 
 export type Theme = 'dark' | 'light';
 
 @Service()
 export class ThemeService {
   readonly current = signal<Theme>('dark');
+  /** What the viewer picked in Settings. `system` follows the hub, the extension or the system. */
+  readonly preference = signal<ThemePreference>(storedThemePreference());
+  /** The theme the hub, the extension, a `data-theme` attribute or the system asks for. */
+  private source: Theme = 'dark';
+  /** Whether the source set `data-theme`, which the system preference never does. */
+  private sourceAttr = false;
 
   constructor() {
     const destroyRef = inject(DestroyRef);
@@ -13,19 +20,21 @@ export class ThemeService {
     let pinned = attr === 'light' || attr === 'dark';
 
     if (attr === 'light' || attr === 'dark') {
-      this.current.set(attr);
+      this.fromSource(attr, true);
     } else if (colorRoot) {
       pinned = true;
-      this.apply(hubTheme(colorRoot));
+      this.fromSource(hubTheme(colorRoot), true);
     } else {
       const query = prefersLight();
       if (query) {
-        this.current.set(query.matches ? 'light' : 'dark');
+        this.fromSource(query.matches ? 'light' : 'dark', false);
         const onChange = (e: MediaQueryListEvent) => {
-          if (!pinned) this.current.set(e.matches ? 'light' : 'dark');
+          if (!pinned) this.fromSource(e.matches ? 'light' : 'dark', false);
         };
         query.addEventListener('change', onChange);
         destroyRef.onDestroy(() => query.removeEventListener('change', onChange));
+      } else {
+        this.resolve();
       }
     }
 
@@ -50,13 +59,13 @@ export class ThemeService {
       const msg = e.data as { type?: unknown; theme?: unknown } | null;
       if (msg?.type !== 'pangular:theme-change') return;
       pinned = true;
-      this.apply(msg.theme === 'dark' ? 'dark' : 'light');
+      this.fromSource(msg.theme === 'dark' ? 'dark' : 'light', true);
     };
     window.addEventListener('message', onMessage);
 
     let observer: MutationObserver | undefined;
     if (colorRoot) {
-      observer = new MutationObserver(() => this.apply(hubTheme(colorRoot)));
+      observer = new MutationObserver(() => this.fromSource(hubTheme(colorRoot), true));
       observer.observe(colorRoot, { attributes: true, attributeFilter: ['class'] });
     }
 
@@ -67,9 +76,28 @@ export class ThemeService {
     });
   }
 
-  private apply(theme: Theme) {
+  /** Picks light, dark or the source's theme, and keeps the choice for the next visit. */
+  setPreference(preference: ThemePreference) {
+    this.preference.set(preference);
+    storeThemePreference(preference);
+    this.resolve();
+  }
+
+  private fromSource(theme: Theme, attr: boolean) {
+    this.source = theme;
+    this.sourceAttr = attr;
+    this.resolve();
+  }
+
+  private resolve() {
+    const preference = this.preference();
+    const theme = preference === 'system' ? this.source : preference;
     this.current.set(theme);
-    document.documentElement.dataset['theme'] = theme;
+    const root = document.documentElement;
+    // The system preference reaches the styles through the media query, so
+    // `data-theme` is only set when something picked a theme.
+    if (preference !== 'system' || this.sourceAttr) root.dataset['theme'] = theme;
+    else delete root.dataset['theme'];
   }
 }
 
diff --git a/app/src/types/component-command.types.ts b/app/src/types/component-command.types.ts
new file mode 100644
index 00000000..1c201a06
--- /dev/null
+++ b/app/src/types/component-command.types.ts
@@ -0,0 +1,7 @@
+/**
+ * An action for the Components tab to run, from the command palette or the
+ * hub's. A new object each time, so running the same command again counts.
+ */
+export interface ComponentCommand {
+  kind: 'pick' | 'cd-start' | 'cd-stop' | 'cd-clear';
+}
diff --git a/app/src/types/tab.types.ts b/app/src/types/tab.types.ts
index bf2c8b01..340cad06 100644
--- a/app/src/types/tab.types.ts
+++ b/app/src/types/tab.types.ts
@@ -9,7 +9,9 @@ export type Tab =
   | 'forms'
   | 'network'
   | 'analog'
-  | 'capacitor';
+  | 'capacitor'
+  | 'settings'
+  | 'errors';
 
 export type Tabs = {
   id: Tab;
diff --git a/app/src/ui/command-palette.ts b/app/src/ui/command-palette.ts
new file mode 100644
index 00000000..3bc421a3
--- /dev/null
+++ b/app/src/ui/command-palette.ts
@@ -0,0 +1,324 @@
+import {
+  Component,
+  ElementRef,
+  Injector,
+  afterNextRender,
+  computed,
+  effect,
+  inject,
+  input,
+  linkedSignal,
+  model,
+  output,
+  signal,
+  untracked,
+  viewChild,
+} from '@angular/core';
+import { filterCommands, type PaletteCommand } from '../palette-filter';
+
+let nextId = 0;
+
+/**
+ * The panel's own command palette: a modal dialog with a combobox that
+ * filters a listbox of commands. Arrow keys move, Enter runs, Escape closes,
+ * and focus goes back to where it was when the palette opened.
+ */
+@Component({
+  selector: 'app-command-palette',
+  template: `
+    @if (open()) {
+      <div class="backdrop" aria-hidden="true" (pointerdown)="close()"></div>
+      <div
+        class="palette"
+        role="dialog"
+        aria-modal="true"
+        [attr.aria-labelledby]="uid + '-title'"
+        (keydown)="onKey($event)"
+      >
+        <h2 class="sr-only" [attr.id]="uid + '-title'">Command palette</h2>
+        <div class="field">
+          <svg class="search-icon" viewBox="0 0 24 24" aria-hidden="true">
+            <circle cx="11" cy="11" r="7" />
+            <path d="m20 20-3.5-3.5" />
+          </svg>
+          <input
+            #input
+            type="text"
+            role="combobox"
+            aria-autocomplete="list"
+            aria-expanded="true"
+            autocomplete="off"
+            spellcheck="false"
+            placeholder="Type a command or a tab…"
+            [attr.aria-controls]="uid + '-list'"
+            [attr.aria-activedescendant]="activeId()"
+            [attr.aria-describedby]="uid + '-help'"
+            aria-label="Command"
+            [value]="query()"
+            (input)="query.set($any($event.target).value)"
+          />
+        </div>
+        <ul
+          class="list"
+          role="listbox"
+          aria-label="Commands"
+          [attr.id]="uid + '-list'"
+          [hidden]="!results().length"
+          (pointerdown)="$event.preventDefault()"
+        >
+          @for (command of results(); track command.id; let i = $index) {
+            <li
+              role="option"
+              [attr.id]="uid + '-opt-' + i"
+              [attr.aria-selected]="i === active()"
+              [class.active]="i === active()"
+              (pointermove)="active.set(i)"
+              (click)="run(command)"
+            >
+              <span class="title">{{ command.title }}</span>
+              @if (command.shortcut) {
+                <kbd>{{ command.shortcut }}</kbd>
+              }
+              <span class="group">{{ command.group }}</span>
+            </li>
+          }
+        </ul>
+        @if (!results().length) {
+          <p class="empty">No commands match “{{ query().trim() }}”.</p>
+        }
+        <p class="help" [attr.id]="uid + '-help'">
+          <kbd>↑</kbd> <kbd>↓</kbd> to move, <kbd>Enter</kbd> to run, <kbd>Esc</kbd> to close
+        </p>
+        <p class="sr-only" role="status">{{ status() }}</p>
+      </div>
+    }
+  `,
+  styles: `
+    @use 'mixins' as m;
+
+    .backdrop {
+      position: fixed;
+      inset: 0;
+      z-index: 100;
+      background: color-mix(in srgb, var(--bg) 55%, transparent);
+      backdrop-filter: blur(2px);
+    }
+    .palette {
+      position: fixed;
+      top: min(12vh, 96px);
+      right: 0;
+      left: 0;
+      z-index: 101;
+      display: flex;
+      flex-direction: column;
+      width: min(560px, calc(100vw - 32px));
+      max-height: min(70vh, 520px);
+      margin-inline: auto;
+      @include m.panel(1);
+      box-shadow: 0 24px 64px -24px rgba(0, 0, 0, 0.6);
+      overflow: hidden;
+      @include m.enter(0.18s);
+    }
+    .field {
+      position: relative;
+      flex-shrink: 0;
+      padding: 10px;
+      border-bottom: 1px solid var(--border);
+    }
+    .search-icon {
+      position: absolute;
+      top: 50%;
+      left: 22px;
+      width: 16px;
+      height: 16px;
+      transform: translateY(-50%);
+      fill: none;
+      stroke: var(--text-3);
+      stroke-width: 2;
+      pointer-events: none;
+    }
+    input {
+      box-sizing: border-box;
+      width: 100%;
+      height: var(--control-h);
+      padding: 0 12px 0 36px;
+      border: 1px solid var(--border-strong);
+      border-radius: var(--radius-sm);
+      background: var(--bg);
+      color: var(--text-strong);
+      font: inherit;
+      font-size: 14px;
+      &::placeholder {
+        color: var(--text-3);
+      }
+      &:focus {
+        @include m.field-focus;
+      }
+    }
+    .list {
+      flex: 1;
+      min-height: 0;
+      margin: 0;
+      padding: 6px;
+      overflow-y: auto;
+      list-style: none;
+      &[hidden] {
+        display: none;
+      }
+    }
+    li {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      min-height: var(--control-h);
+      padding: 0 10px;
+      border-radius: var(--radius-sm);
+      color: var(--text);
+      cursor: pointer;
+    }
+    li.active {
+      background: var(--accent-soft);
+      color: var(--text-strong);
+      box-shadow: inset 2px 0 0 var(--accent);
+    }
+    .title {
+      flex: 1;
+      @include m.truncate;
+    }
+    .group {
+      flex-shrink: 0;
+      color: var(--text-2);
+      font-size: 12px;
+    }
+    kbd {
+      padding: 1px 6px;
+      border: 1px solid var(--border-strong);
+      border-radius: 4px;
+      background: var(--surface-2);
+      color: var(--text);
+      font-family: var(--font-mono);
+      font-size: 11px;
+    }
+    .empty {
+      margin: 0;
+      padding: 16px;
+      color: var(--text-2);
+    }
+    .help {
+      flex-shrink: 0;
+      margin: 0;
+      padding: 8px 12px;
+      border-top: 1px solid var(--border);
+      color: var(--text-2);
+      font-size: 12px;
+    }
+    @media (max-width: 480px) {
+      .group,
+      .help {
+        display: none;
+      }
+    }
+  `,
+})
+export class CommandPalette {
+  readonly commands = input<readonly PaletteCommand[]>([]);
+  readonly open = model(false);
+  /** The id of the command picked, sent after the palette closed and gave focus back. */
+  readonly picked = output<string>();
+
+  protected readonly uid = `cp${nextId++}`;
+  readonly query = signal('');
+  readonly results = computed(() => filterCommands(this.commands(), this.query()));
+  readonly active = linkedSignal<number>(() => (this.results().length ? 0 : -1));
+  protected readonly activeId = computed(() =>
+    this.active() >= 0 ? `${this.uid}-opt-${this.active()}` : null,
+  );
+  protected readonly status = computed(() => {
+    const count = this.results().length;
+    if (!count) return 'No commands match.';
+    return `${count} ${count === 1 ? 'command' : 'commands'}.`;
+  });
+
+  private readonly input = viewChild<ElementRef<HTMLInputElement>>('input');
+  private readonly injector = inject(Injector);
+  private returnFocus: HTMLElement | null = null;
+
+  constructor() {
+    effect(() => {
+      if (!this.open()) return;
+      untracked(() => {
+        const active = document.activeElement;
+        this.returnFocus =
+          active instanceof HTMLElement && active !== document.body ? active : null;
+        this.query.set('');
+        afterNextRender(() => this.input()?.nativeElement.focus(), { injector: this.injector });
+      });
+    });
+  }
+
+  close(then?: () => void) {
+    if (!this.open()) return;
+    this.open.set(false);
+    const back = this.returnFocus;
+    this.returnFocus = null;
+    afterNextRender(
+      () => {
+        if (back?.isConnected) back.focus();
+        then?.();
+      },
+      { injector: this.injector },
+    );
+  }
+
+  run(command: PaletteCommand) {
+    this.close(() => this.picked.emit(command.id));
+  }
+
+  onKey(event: KeyboardEvent) {
+    const count = this.results().length;
+    switch (event.key) {
+      case 'ArrowDown':
+      case 'ArrowUp': {
+        event.preventDefault();
+        if (!count) return;
+        const step = event.key === 'ArrowDown' ? 1 : -1;
+        this.active.set((this.active() + step + count) % count);
+        this.reveal();
+        return;
+      }
+      case 'PageDown':
+      case 'PageUp':
+        event.preventDefault();
+        if (!count) return;
+        this.active.set(event.key === 'PageDown' ? count - 1 : 0);
+        this.reveal();
+        return;
+      case 'Enter': {
+        event.preventDefault();
+        const command = this.results()[this.active()];
+        if (command) this.run(command);
+        return;
+      }
+      case 'Escape':
+        event.preventDefault();
+        // The popup closes on Escape too; this one belongs to the palette.
+        event.stopPropagation();
+        this.close();
+        return;
+      case 'Tab':
+        // The input is the only stop in the dialog, so focus stays in it.
+        event.preventDefault();
+        return;
+    }
+  }
+
+  private reveal() {
+    afterNextRender(
+      () => {
+        const id = this.activeId();
+        if (id) document.getElementById(id)?.scrollIntoView?.({ block: 'nearest' });
+      },
+      { injector: this.injector },
+    );
+  }
+}
diff --git a/apps/docs/src/content/agents/resources.md b/apps/docs/src/content/agents/resources.md
index b9ef96ee..a68346db 100644
--- a/apps/docs/src/content/agents/resources.md
+++ b/apps/docs/src/content/agents/resources.md
@@ -94,6 +94,7 @@ This table covers the data that has no resource of its own.
 | `pangular:http-payloads`    | The TransferState payload of each page, by page id                    |
 | `pangular:change-detection` | Change detection recordings, by page id                               |
 | `pangular:pipe-usage`       | Live pipe instances and recorded calls                                |
+| `pangular:errors`           | Error groups and console calls, by page id                            |
 | `pangular:analog`           | Analog page data and the server call log                              |
 | `pangular:routes`           | Declared but not filled. Use `get-routes` or `list-routes` instead.   |
 
diff --git a/apps/docs/src/content/agents/tools.md b/apps/docs/src/content/agents/tools.md
index 01fd217a..fc37c233 100644
--- a/apps/docs/src/content/agents/tools.md
+++ b/apps/docs/src/content/agents/tools.md
@@ -4,7 +4,7 @@ description: Every agent tool the devtools expose, grouped by inspector, with wh
 ---
 
 <ngmd-hero title="Tools" logo="https://cdn.simpleicons.org/modelcontextprotocol/71717A" gradient>
-  Sixty-seven tools, grouped by inspector. Each one answers a question you would otherwise answer by clicking through the panel.
+  Seventy-one tools, grouped by inspector. Each one answers a question you would otherwise answer by clicking through the panel.
 </ngmd-hero>
 
 # Tools
@@ -45,6 +45,18 @@ Lists the tabs, [Angular Native](../getting-started/angular-native.md) apps, [Na
 
 The URL comes from the HTTP or router report. A page that sends neither (no router, and no [HTTP setup](../getting-started/express.md)) still shows the URL its component tree reports, which also stands in when the other reports are more than 15 seconds older. A tab in the background stops reporting until it is shown again, so its last report is marked `(background)`: an old time there means the data is the last known state, not that the page is gone.
 
+### open-in-panel
+
+Gives the user a link that opens the panel on one tab with one item selected, and switches the panels that are open to it. Reads: page. Use it to point the user at what you found.
+
+| Argument | Required | What it is                                                                                                                                                                               |
+| -------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `tab`    | Yes      | The tab: `dashboard`, `components`, `routes`, `signals`, `injectors`, `store`, `forms`, `pipes`, `network` (SSR & HTTP), `errors`, `analog` or `capacitor`. Only tabs that are on count. |
+| `id`     | No       | The item to select: a component id on `components`, the id of the component whose element injector to show on `injectors`, a form id on `forms`. Other tabs ignore it.                   |
+| `page`   | No       | The page the item belongs to, from `list-pages`.                                                                                                                                         |
+
+The answer is a full URL, such as `http://localhost:4200/__devframes/pangular/#tab=components&id=12&page=k3x9`, when the hub serves the panel and a page has reported its address. Otherwise it is the hash to add to the panel's address. Each panel that is open and not in a background tab opens the link at once. The tool is `read`: it changes what the panel shows, not the app. See [Deep links](../getting-started/popup-and-hub.md#deep-links).
+
 ### Action tools
 
 Every tool has one of three safety tiers. The server sends the tier to your client as the tool's read-only and destructive hints.
@@ -535,6 +547,18 @@ These tools read what a Capacitor app reported: its platform, its plugins and th
 
 `plugin` keeps calls to one plugin, ignoring case. `failed` keeps calls that failed. `slowMs` keeps calls that took at least that many milliseconds, counting a pending call's time so far. `limit` defaults to 30 (at most 200). Without `page`, both tools answer for the most recent page with a native bridge, so a desktop tab of the same app doesn't hide the device, and they name the other pages that report. A long answer is cut at about 20,000 characters with a note on how to narrow it, and a plugin lists its first 20 methods. Native calls are logged on iOS and Android. Calls a web implementation answers are logged only when the app loads `@pangular-inspector/devtools/capacitor-hook` before `@capacitor/core`, and the answer says so when it doesn't. Arguments, results and errors are masked with the server's redaction too.
 
+## Errors
+
+These tools read what a page captured: errors from Angular's `ErrorHandler`, uncaught errors, unhandled promise rejections and console calls. See [Errors](../inspectors/errors.md). Reads: page.
+
+| Tool            | What it answers                                                                                                                                                                                                                                 | Arguments                  |
+| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- |
+| `list-errors`   | Error groups, most recent first: id, count, when last seen, the Angular error code linked to its reference page, the message, the owning component with its instance id, and the source (`handler`, `window` or `promise`).                     | `code`, `limit`            |
+| `explain-error` | One error by `id`: message, count, sources, the owning component, the stack of the first occurrence, and for an Angular code its reference page and a short known cause. With `code` instead, the reference entry and the errors that carry it. | `id`, `code`               |
+| `list-console`  | Console calls, newest first: when, level, the text of the arguments and the Angular code it mentions. Calls repeated in a row show once with a count.                                                                                           | `level`, `search`, `limit` |
+
+`code` accepts `NG0100`, `ng100` or `NG01203`. `explain-error` says so when Angular's error reference has no page for a code, and gives no known cause then. Pass the owner's instance id to `inspect-component` for its inputs and state. `list-errors` takes `limit` up to 100 (default 30), and `list-console` up to 200 (default 50). Messages, stacks and console text are masked like other live values.
+
 ## Analog
 
 These tools cover *Analog apps. Most read your source. Some also read what the Vite plugin recorded.
diff --git a/apps/docs/src/content/getting-started/command-palette.md b/apps/docs/src/content/getting-started/command-palette.md
new file mode 100644
index 00000000..191b402d
--- /dev/null
+++ b/apps/docs/src/content/getting-started/command-palette.md
@@ -0,0 +1,63 @@
+---
+title: Command palette
+description: Open any tab and run the main panel actions from the keyboard with the command palette.
+---
+
+<ngmd-hero title="Command palette" gradient>
+  Press Cmd+K or Ctrl+K in the panel to jump to a tab or run an action without the mouse.
+</ngmd-hero>
+
+# Command palette
+
+The command palette lists a command for every tab and for the main actions of the panel. Type a few letters to filter it, then press <kbd>Enter</kbd>.
+
+## Open it
+
+| Where you are                                                                                                    | What <kbd>Cmd</kbd>+<kbd>K</kbd> or <kbd>Ctrl</kbd>+<kbd>K</kbd> opens                   |
+| ---------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- |
+| The panel in the [hub](./popup-and-hub.md#the-hub), in the popup or at `/__devframes/`                           | The hub's palette, which lists the Pangular commands next to the commands of other tools |
+| The panel without the hub: the standalone CLI, `initDevframe()` or the [Chrome extension](./chrome-extension.md) | The panel's own palette                                                                  |
+
+Use <kbd>Cmd</kbd> on macOS and <kbd>Ctrl</kbd> elsewhere. The palette button in the panel header opens it too.
+
+## Commands
+
+| Command                                                                       | What it does                                                                                         |
+| ----------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- |
+| **Go to** a tab                                                               | Opens the tab. Hidden tabs are listed too. Tabs that are turned off or have nothing to show are not. |
+| **Open settings**                                                             | Opens [Settings](./settings.md).                                                                     |
+| **Pick component on page**                                                    | Opens **Components** and starts **Pick component on page**.                                          |
+| **Start recording change detection**                                          | Opens **Components** and starts the change detection recording.                                      |
+| **Stop recording change detection**                                           | Opens **Components** and stops the recording.                                                        |
+| **Clear change detection recording**                                          | Opens **Components** and clears the recorded cycles.                                                 |
+| **Theme: follow the system**, **Theme: light**, **Theme: dark**               | Sets the panel theme, like the [Settings](./settings.md#theme) page.                                 |
+| **Popup: float**, **Popup: dock to the bottom**, **Popup: dock to the right** | Changes the [dock mode](./popup-and-hub.md#dock-modes). Only in the popup's own palette.             |
+
+The **Components** commands need the Components inspector on and a page connected. Without a live page the tab shows why, and the command does nothing.
+
+## Filter and run
+
+The filter matches the letters you type in order, anywhere in the title, so `gtsig` finds **Go to Signals**. Letters at the start of a word and letters next to each other rank higher. It also matches the group (**Go to**, **Actions**, **Theme**, **Popup**) and a few extra words, such as `profiler` for the recording commands.
+
+| Key                                         | Action                                        |
+| ------------------------------------------- | --------------------------------------------- |
+| <kbd>↑</kbd> and <kbd>↓</kbd>               | Move through the list. It wraps at both ends. |
+| <kbd>Page Up</kbd> and <kbd>Page Down</kbd> | Jump to the first or the last command.        |
+| <kbd>Enter</kbd>                            | Run the highlighted command.                  |
+| <kbd>Escape</kbd>                           | Close the palette without running anything.   |
+
+The palette is a modal dialog. The filter box is a combobox that controls the list, and screen readers hear the highlighted command and how many commands match. When the palette closes, focus goes back to where it was, then the command runs.
+
+## In the hub
+
+In the hub, the Pangular commands are in the hub's command palette, in the **Pangular Inspector** category. **Pangular: open a tab** groups the tab commands. A **Go to** or **Components** command first opens the **All tools** dock, so the panel is on screen.
+
+The server registers the commands through Devframe's command registry when the hub starts, and each one asks the open panels to run it. A panel in a background browser tab ignores it. If you have the hub open in two windows, both run the command. The dock mode commands stay out of the hub's palette, because the hub has its own.
+
+## Where to next
+
+<ngmd-pill-row>
+  <ngmd-pill href="/getting-started/settings" title="Settings"></ngmd-pill>
+  <ngmd-pill href="/getting-started/popup-and-hub" title="Popup and hub"></ngmd-pill>
+  <ngmd-pill href="/inspectors/components" title="Components"></ngmd-pill>
+</ngmd-pill-row>
diff --git a/apps/docs/src/content/getting-started/configuration.md b/apps/docs/src/content/getting-started/configuration.md
index e7e1c7d0..cec10c52 100644
--- a/apps/docs/src/content/getting-started/configuration.md
+++ b/apps/docs/src/content/getting-started/configuration.md
@@ -99,7 +99,8 @@ type PangularInspector =
   | 'pipes'
   | 'http'
   | 'analog'
-  | 'capacitor';
+  | 'capacitor'
+  | 'errors';
 
 type PangularAction = 'forms' | 'router' | 'ngrx' | 'http' | 'analog' | 'components';
 
@@ -117,6 +118,7 @@ interface PangularConfig {
     cdCycles?: number;
     capacitorCalls?: number;
   };
+  popup?: {hotkey?: string | false};
 }
 ```
 
@@ -179,6 +181,33 @@ When a timeline reaches its limit, the oldest entries are dropped. The timeline
 
 On Angular 20 and later, the page reports about 250 ms after Angular runs change detection, plus a heartbeat every 4 seconds. `refreshMs` doesn't change that. The page polls every `refreshMs` instead when it can't follow change detection, such as until the app bootstraps. The Analog inspector also reads the page every `refreshMs`. At any value, the page sends its data at least every 8 seconds, even when nothing changed, so the server never drops a page that is still open.
 
+### Popup
+
+| Option         | Default       | What it does                                                                                                                    |
+| -------------- | ------------- | ------------------------------------------------------------------------------------------------------------------------------- |
+| `popup.hotkey` | `Alt+Shift+P` | The shortcut that opens and closes the [popup](./popup-and-hub.md#keyboard-and-mouse) on your app's page. `false` turns it off. |
+
+Write the shortcut as modifiers and one key joined with `+`, such as `Mod+Shift+K` or `Ctrl+Alt+D`:
+
+| Part      | Values                                                                                                          |
+| --------- | --------------------------------------------------------------------------------------------------------------- |
+| Modifiers | `Mod` (<kbd>Cmd</kbd> on macOS, <kbd>Ctrl</kbd> elsewhere), `Ctrl`, `Meta` or `Cmd`, `Alt` or `Option`, `Shift` |
+| Key       | One letter, one digit, or `F1` to `F12`                                                                         |
+
+It needs at least one modifier other than `Shift`, so typing in your app never sets it off. Letters and digits match by key position, so an <kbd>Option</kbd> combination that types another character on macOS still works. A value that is not a shortcut prints a warning and keeps `Alt+Shift+P`.
+
+```ts {6}
+// src/server.ts
+import {initPangularHub} from '@pangular-inspector/devtools/hub';
+
+const devtools = initPangularHub({
+  ws: false,
+  popup: {hotkey: 'Mod+Shift+K'},
+});
+```
+
+The overlay reads the option from the server when it connects, so the default works until then. With `false`, [passive mode](./settings.md#passive-mode) has no effect and the floating button always shows.
+
 ## Check the active configuration
 
 The server checks the options when it starts. An unknown key, a value of the wrong type or a limit outside its bounds prints one `[pangular]` warning in the terminal that lists each problem and the value used instead. An unknown key names the closest known key:
@@ -202,6 +231,7 @@ The [Dashboard](../inspectors/dashboard.md#configuration-block) has a **Configur
 | **Extra secret names**    | `redaction.secretNames`.                       |
 | **Unmasked names**        | `redaction.unmask`.                            |
 | **Limits**                | Limits that differ from the defaults.          |
+| **Popup shortcut**        | `popup.hotkey`, or **Off** when it is `false`. |
 
 ## Where to next
 
diff --git a/apps/docs/src/content/getting-started/popup-and-hub.md b/apps/docs/src/content/getting-started/popup-and-hub.md
index de6a3f10..dcce8708 100644
--- a/apps/docs/src/content/getting-started/popup-and-hub.md
+++ b/apps/docs/src/content/getting-started/popup-and-hub.md
@@ -90,6 +90,8 @@ The button and the panel sit in the browser top layer, like a `<dialog>`, a popo
 | Action                    | How                                                                                                                                                                                 |
 | ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | Open the panel            | Click the button, or focus it and press <kbd>Enter</kbd> or <kbd>Space</kbd>; from the keyboard, focus moves into the panel                                                         |
+| Open or close the panel   | Press <kbd>Alt</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd> anywhere on the page, or the shortcut in [`popup.hotkey`](./configuration.md#popup). Closing gives focus back to where it was    |
+| Run a command             | <kbd>Cmd</kbd>+<kbd>K</kbd> or <kbd>Ctrl</kbd>+<kbd>K</kbd> in the panel opens the [command palette](./command-palette.md)                                                          |
 | Move between tabs         | Arrow keys, <kbd>Home</kbd> and <kbd>End</kbd> in the tab bar, then <kbd>Enter</kbd> to open a tab                                                                                  |
 | Move through a long list  | <kbd>↑</kbd>, <kbd>↓</kbd>, <kbd>Home</kbd> and <kbd>End</kbd> in the SSR & HTTP timeline, the Store changes and events, and the Signals list. Each list is one <kbd>Tab</kbd> stop |
 | Close the panel           | <kbd>Escape</kbd>, outside a search box with text                                                                                                                                   |
@@ -103,11 +105,15 @@ In a search box that has text, <kbd>Escape</kbd> clears the box and leaves the p
 
 ### Saved layout
 
-The panel saves its position, size and dock mode in `localStorage` under `pangular-popup`, so it keeps its layout across reloads. Clear that key to reset it.
+The panel saves its position, size, dock mode and [passive mode](./settings.md#passive-mode) in `localStorage` under `pangular-popup`, so it keeps its layout across reloads. Clear that key to reset it.
+
+### Passive mode
+
+In passive mode the floating button stays hidden until you press the popup shortcut. Turn it on in [Settings](./settings.md#passive-mode).
 
 ### Theme
 
-The panel follows the color scheme of the hub, which follows your system unless you pick light or dark in the hub. Without the hub, the panel follows your system. The popup frame around the panel switches with it and saves the last theme with the layout. It takes the theme only from the panel's own frame, so other frames on your page cannot change it.
+The panel follows the color scheme of the hub, which follows your system unless you pick light or dark in the hub. Without the hub, the panel follows your system. To keep the panel light or dark whatever the hub does, pick it in [Settings](./settings.md#theme). The popup frame around the panel switches with it and saves the last theme with the layout. It takes the theme only from the panel's own frame, so other frames on your page cannot change it.
 
 ## The hub
 
@@ -186,8 +192,22 @@ The URL hash selects a tab. Open `/__devframes/pangular/#tab=signals` to land on
 | Forms      | `#tab=forms`      |
 | Pipes      | `#tab=pipes`      |
 | SSR & HTTP | `#tab=network`    |
+| Errors     | `#tab=errors`     |
 | Analog     | `#tab=analog`     |
 | Capacitor  | `#tab=capacitor`  |
+| Settings   | `#tab=settings`   |
+
+### Link to an item
+
+A link can also select an item on its tab, on one page: `#tab=<tab>&id=<id>&page=<pageId>`. Open `/__devframes/pangular/#tab=components&id=12&page=k3x9` to land on Components with that component instance selected.
+
+| Tab        | `id` selects                                               |
+| ---------- | ---------------------------------------------------------- |
+| Components | A component instance, by its id in the component tree      |
+| Injectors  | The element injector of a component, by the component's id |
+| Forms      | A form, by its id                                          |
+
+On other tabs, `id` is ignored and the link opens the tab. `page` is the page id from `list-pages`. Without it, the tab looks on the page it shows. If the item is not on the page, the tab says so. The [`open-in-panel`](../agents/tools.md#open-in-panel) agent tool builds these links and switches the panels that are open to them.
 
 ### Last tab
 
diff --git a/apps/docs/src/content/getting-started/settings.md b/apps/docs/src/content/getting-started/settings.md
new file mode 100644
index 00000000..260797dd
--- /dev/null
+++ b/apps/docs/src/content/getting-started/settings.md
@@ -0,0 +1,65 @@
+---
+title: Settings
+description: Pick the panel theme, hide, pin and reorder tabs, and hide the popup button until you press its shortcut.
+---
+
+<ngmd-hero title="Settings" gradient>
+  Your own preferences for the panel: theme, tab bar and the popup on your app's page.
+</ngmd-hero>
+
+# Settings
+
+Open **Settings** with the gear button in the panel header, or with **Open settings** in the [command palette](./command-palette.md). Press the gear button again to go back to the tab you had open. The page is also at `#tab=settings`.
+
+## Where settings are saved
+
+Settings belong to you, not to the project. The panel saves them in the browser's `localStorage`, so every panel on the same address uses them, and they survive reloads. The Chrome extension and the panel on your dev server have different addresses, so each keeps its own.
+
+| Key                     | Holds                                        |
+| ----------------------- | -------------------------------------------- |
+| `pangular-pref:theme`   | `light` or `dark`. Missing means **System**. |
+| `pangular-pref:tabs`    | The order, hidden tabs and pinned tabs.      |
+| `pangular-pref:passive` | `true` when passive mode is on.              |
+
+If the browser blocks storage, the settings apply until the panel reloads. Remove the keys to go back to the defaults.
+
+## Theme
+
+| Choice     | The panel                                                                                                      |
+| ---------- | -------------------------------------------------------------------------------------------------------------- |
+| **System** | Follows the hub, the Chrome DevTools theme in the extension, or your system color scheme. This is the default. |
+| **Light**  | Stays light.                                                                                                   |
+| **Dark**   | Stays dark.                                                                                                    |
+
+The popup frame on your app's page follows the panel's theme. The command palette has the same three choices.
+
+## Tabs
+
+The **Tabs** list shows every tab the panel can show, in tab bar order.
+
+| Control            | What it does                                                                                                                       |
+| ------------------ | ---------------------------------------------------------------------------------------------------------------------------------- |
+| **Pin**            | Moves the tab to the start of the tab bar, with the other pinned tabs. A pinned tab is always shown.                               |
+| **Shown**          | Clear it to hide the tab from the tab bar. A hidden tab stays reachable from the command palette and from links. Hiding unpins it. |
+| Up and down arrows | Move the tab one place. Pinned tabs move among the pinned ones, the others among the others.                                       |
+| **Reset tabs**     | Back to the default order, with every tab shown and none pinned.                                                                   |
+
+Each row works with the keyboard: <kbd>Tab</kbd> reaches its buttons, and <kbd>Alt</kbd>+<kbd>↑</kbd> or <kbd>Alt</kbd>+<kbd>↓</kbd> on any control in the row moves the tab. After a move, focus stays on the row and a screen reader hears the new position, such as **Signals moved to position 2 of 11.** Dragging is not needed.
+
+The tab you have open stays in the tab bar while it is open, even when it is hidden. Turning an inspector off in the [configuration](./configuration.md) removes its tab whatever the settings say.
+
+## Passive mode
+
+Passive mode hides the floating button on your app's page until you press the popup shortcut, `Alt+Shift+P` unless [`popup.hotkey`](./configuration.md#popup) sets another one. The button shows while the panel is open and hides again when it closes.
+
+The popup saves passive mode with its layout, under `pangular-popup` in your app's `localStorage`, so it stays on after a reload. Turn it on or off from the panel in the popup: the panel sends the change to the popup around it, and the button hides as soon as you close the panel. A panel opened elsewhere, such as the Chrome extension, saves the setting but has no popup to change.
+
+With `popup.hotkey: false` there is no shortcut to bring the button back, so passive mode is off and the checkbox is disabled.
+
+## Where to next
+
+<ngmd-pill-row>
+  <ngmd-pill href="/getting-started/command-palette" title="Command palette"></ngmd-pill>
+  <ngmd-pill href="/getting-started/popup-and-hub" title="Popup and hub"></ngmd-pill>
+  <ngmd-pill href="/getting-started/configuration" title="Configuration"></ngmd-pill>
+</ngmd-pill-row>
diff --git a/apps/docs/src/content/inspectors/errors.md b/apps/docs/src/content/inspectors/errors.md
new file mode 100644
index 00000000..6a6e44e2
--- /dev/null
+++ b/apps/docs/src/content/inspectors/errors.md
@@ -0,0 +1,132 @@
+---
+title: Errors
+description: Errors from Angular's ErrorHandler, uncaught errors, unhandled promise rejections and the console log of the running page.
+---
+
+<ngmd-hero title="Errors" gradient>
+  The errors your page hit, grouped by message, with their Angular error code, the component they came from and the page's console log.
+</ngmd-hero>
+
+# Errors
+
+The Errors tab collects what goes wrong on the running page: errors that reach Angular's `ErrorHandler`, uncaught errors and unhandled promise rejections. It groups them by message, links Angular error codes to their reference page, and points at the component that threw when it can find it. A second view shows the page's console calls.
+
+## What it shows
+
+### Errors
+
+Each row is one message with:
+
+| Part               | What it shows                                                                                                                                       |
+| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Count              | How many times the page hit this message, as **3×**.                                                                                                |
+| Message            | The error name and message, masked and cut to 500 characters.                                                                                       |
+| Code chip          | The Angular error code, such as **NG0100**. It links to the code's page in [Angular's error reference](https://angular.dev/errors) when it has one. |
+| Source             | **ErrorHandler**, **Uncaught** (a `window` error) or **Unhandled rejection**.                                                                       |
+| Time               | When the page last hit it.                                                                                                                          |
+| **Show component** | Opens the [Components](./components.md) tab with the owning component selected.                                                                     |
+| **Stack**          | The stack of the first occurrence, collapsed until you open it.                                                                                     |
+
+The list is newest first. Search by message, code or component name, and press `Escape` to clear the search.
+
+### Console
+
+Click **Console** to see the page's `console.log`, `info`, `warn`, `error` and `debug` calls, newest first. Pick a level in **Console level**, or search the text. A call repeated in a row shows once with a count. A call that mentions an Angular code gets a code chip too.
+
+### Pages
+
+When several tabs report, **Page** picks one, or **All pages** to see them together. The panel of a tab starts on that tab.
+
+## Where the data comes from
+
+<ngmd-card-grid columns="3">
+  <ngmd-card icon="shield" title="ErrorHandler">
+    The overlay wraps the <code>handleError</code> method of the app's <code>ErrorHandler</code>, your own or Angular's. Your handler still runs, with the same arguments, after the overlay records the error.
+  </ngmd-card>
+  <ngmd-card icon="zap" title="Window">
+    Listeners for <code>error</code> and <code>unhandledrejection</code> on <code>window</code>. They only listen, so the browser and Angular handle the event as before.
+  </ngmd-card>
+  <ngmd-card icon="terminal" title="Console">
+    One shared tap on <code>console</code>, the same one the Forms, Analog and SSR & HTTP inspectors read their messages from. Every call still prints.
+  </ngmd-card>
+</ngmd-card-grid>
+
+Angular forwards `window` errors to its `ErrorHandler` when the app uses `provideBrowserGlobalErrorListeners()`. The overlay counts that error once.
+
+### The owning component
+
+The tab looks for the component in this order:
+
+1. The element whose event listener threw, through `ng.getOwningComponent`. This covers template listeners such as `(click)`.
+2. A component Angular names in the message, as in `used in the 'TripCard' component template`.
+3. A component class in the stack, such as `_TripCard.book` or a compiled template function such as `TripList_Template`.
+
+A name from the message or the stack counts only when a component with that class name is on the page. The tab uses the same component ids as the Components tab, so **Show component** selects that instance.
+
+### Angular error codes
+
+A `RuntimeError` carries its code, and other errors carry it in the message. The tab reads `NG0` codes (runtime, such as `NG0100` and `NG01203`) and compiler codes (such as `NG8001`).
+
+## Agent tools
+
+| Tool                     | What it does                                                                                                         |
+| ------------------------ | -------------------------------------------------------------------------------------------------------------------- |
+| `pangular:list-errors`   | The error groups, with count, code link, owning component and source.                                                |
+| `pangular:explain-error` | One error by `id`, or an Angular `code`: the message, the owning component, the stack, the reference page and cause. |
+| `pangular:list-console`  | The console calls, by `level` or `search`.                                                                           |
+
+The known causes come from Angular's error reference, in a sentence or two. For a code without a reference page, `explain-error` says so. See [Tools](../agents/tools.md#errors).
+
+## Limits and gotchas
+
+<ngmd-callout type="info" title="Values are redacted">
+  Messages, stacks and console text are masked like other live values: secret field names, JWTs, bearer tokens and secret <code>key=value</code> pairs. See <a href="../security.md#what-is-redacted">Access and redaction</a>.
+</ngmd-callout>
+
+### Caps
+
+| What                  | Kept per page                         |
+| --------------------- | ------------------------------------- |
+| Error groups          | 100. The least recent one goes first. |
+| Console calls         | 200. The oldest one goes first.       |
+| Message, console text | 500 characters.                       |
+| Stack                 | 40 lines and 4,000 characters.        |
+
+The tab says how many groups or calls a page dropped.
+
+### Capture starts with the overlay
+
+The overlay starts after the page claims its page id, so errors and console calls from before it connects are not in the list. The `ErrorHandler` is wrapped as soon as the app has bootstrapped. Until then, the tab counts the `ERROR` lines Angular's default handler logs, and says the handler isn't wrapped yet.
+
+### It needs a development build
+
+Finding the `ErrorHandler` and the owning component uses Angular's debug APIs, which only development builds have.
+
+### Turn it off
+
+Set `inspectors: {errors: false}` to drop the tab, the collector and the agent tools. See [Inspectors and agent tools](../getting-started/configuration.md#inspectors-and-agent-tools).
+
+## FAQ
+
+<ngmd-accordion>
+  <ngmd-accordion-item title="Why does an error have no component?">
+    It did not come from a template listener, and no component on the page matches a class name in its message or stack. Errors from services, timers and promises often have none.
+  </ngmd-accordion-item>
+  <ngmd-accordion-item title="Why does a code chip have no link?">
+    Angular's error reference has no page for that code.
+  </ngmd-accordion-item>
+  <ngmd-accordion-item title="Does the overlay change how my ErrorHandler behaves?">
+    No. Your handler gets every error, with the same arguments, and its return value is passed back. Stopping the overlay puts the method back.
+  </ngmd-accordion-item>
+</ngmd-accordion>
+
+## Where to next
+
+<ngmd-card-grid columns="2">
+  <ngmd-card icon="layers" title="Components" link="/inspectors/components" cta="Open">
+    The component an error points at.
+  </ngmd-card>
+  <ngmd-card icon="sparkles" title="Agent tools" link="/agents/tools" cta="Browse">
+    Every tool a coding agent can call.
+  </ngmd-card>
+</ngmd-card-grid>
diff --git a/apps/docs/src/ngmd.config.ts b/apps/docs/src/ngmd.config.ts
index 0dae9dd7..5779cdac 100644
--- a/apps/docs/src/ngmd.config.ts
+++ b/apps/docs/src/ngmd.config.ts
@@ -183,6 +183,8 @@ const config: NgmdConfig = {
         {label: 'Standalone CLI', href: '/getting-started/cli'},
         {label: 'Configuration', href: '/getting-started/configuration', status: 'new'},
         {label: 'Popup and hub', href: '/getting-started/popup-and-hub', status: 'new'},
+        {label: 'Command palette', href: '/getting-started/command-palette', status: 'new'},
+        {label: 'Settings', href: '/getting-started/settings', status: 'new'},
         {label: 'Browser overlay', href: '/getting-started/overlay', status: 'updated'},
         {label: 'Chrome extension', href: '/getting-started/chrome-extension'},
         {label: 'Angular Native', href: '/getting-started/angular-native', status: 'new'},
@@ -203,6 +205,7 @@ const config: NgmdConfig = {
         {label: 'SSR & HTTP', href: '/inspectors/ssr-http', status: 'new'},
         {label: 'Analog', href: '/inspectors/analog', status: 'new'},
         {label: 'Capacitor', href: '/inspectors/capacitor', status: 'new'},
+        {label: 'Errors', href: '/inspectors/errors', status: 'new'},
       ],
     },
     {
diff --git a/extension/ui/assets/browser-agent-rpc-BXhoSh1z-CQE1-tGR.js b/extension/ui/assets/browser-agent-rpc-BXhoSh1z-DTULcebV.js
similarity index 93%
rename from extension/ui/assets/browser-agent-rpc-BXhoSh1z-CQE1-tGR.js
rename to extension/ui/assets/browser-agent-rpc-BXhoSh1z-DTULcebV.js
index 45b55a01..9377ec72 100644
--- a/extension/ui/assets/browser-agent-rpc-BXhoSh1z-CQE1-tGR.js
+++ b/extension/ui/assets/browser-agent-rpc-BXhoSh1z-DTULcebV.js
@@ -1 +1 @@
-import{t as e}from"./index-BwYb2ll8.js";var t=Symbol.for(`devframe:browser-agent-registry`),{tools:n,listeners:r}=globalThis[t]??={tools:new Map,listeners:new Set};function i(){return[...n.values()]}function a(e){return r.add(e),()=>r.delete(e)}var o=`devframe:client-id`,s;function c(t=globalThis.window){try{let n=t?.sessionStorage;if(n){let t=n.getItem(o);return t||(t=e(),n.setItem(o,t)),t}}catch{}return s??=e(),s}function l(e){e.client.register({name:`devframe:agent:invoke-client-tool`,type:`action`,jsonSerializable:!0,handler:async(e,t)=>{let n=i().find(t=>t.id===e);if(!n)throw Error(`[devframe/agent] browser tool "${e}" not found`);return await n.invoke(t)}});let t=!1,n=!1,r=0,o=()=>{t||n||(t=!0,queueMicrotask(async()=>{if(t=!1,n)return;let a=i().map(({invoke:e,...t})=>t);(a.length!==0||r!==0)&&(r=a.length,await e.callOptional(`devframe:agent:sync-client-tools`,c(),a).catch(()=>{}))}))},s=a(o),l=e.events.on(`connection:status`,e=>{e===`connected`&&o()});return o(),()=>{n=!0,s(),l()}}export{l as setupBrowserAgentRpcBridge};
\ No newline at end of file
+import{t as e}from"./index-qtNa3SVJ.js";var t=Symbol.for(`devframe:browser-agent-registry`),{tools:n,listeners:r}=globalThis[t]??={tools:new Map,listeners:new Set};function i(){return[...n.values()]}function a(e){return r.add(e),()=>r.delete(e)}var o=`devframe:client-id`,s;function c(t=globalThis.window){try{let n=t?.sessionStorage;if(n){let t=n.getItem(o);return t||(t=e(),n.setItem(o,t)),t}}catch{}return s??=e(),s}function l(e){e.client.register({name:`devframe:agent:invoke-client-tool`,type:`action`,jsonSerializable:!0,handler:async(e,t)=>{let n=i().find(t=>t.id===e);if(!n)throw Error(`[devframe/agent] browser tool "${e}" not found`);return await n.invoke(t)}});let t=!1,n=!1,r=0,o=()=>{t||n||(t=!0,queueMicrotask(async()=>{if(t=!1,n)return;let a=i().map(({invoke:e,...t})=>t);(a.length!==0||r!==0)&&(r=a.length,await e.callOptional(`devframe:agent:sync-client-tools`,c(),a).catch(()=>{}))}))},s=a(o),l=e.events.on(`connection:status`,e=>{e===`connected`&&o()});return o(),()=>{n=!0,s(),l()}}export{l as setupBrowserAgentRpcBridge};
\ No newline at end of file
diff --git a/extension/ui/assets/index-BwYb2ll8.js b/extension/ui/assets/index-qtNa3SVJ.js
similarity index 79%
rename from extension/ui/assets/index-BwYb2ll8.js
rename to extension/ui/assets/index-qtNa3SVJ.js
index 5463128f..3ff4646b 100644
--- a/extension/ui/assets/index-BwYb2ll8.js
+++ b/extension/ui/assets/index-qtNa3SVJ.js
@@ -5,10 +5,10 @@
   `):``,this.name=`UnsubscriptionError`,this.errors=t}});function hr(e,t){if(e){var n=e.indexOf(t);0<=n&&e.splice(n,1)}}var gr=function(){function e(e){this.initialTeardown=e,this.closed=!1,this._parentage=null,this._finalizers=null}return e.prototype.unsubscribe=function(){var e,t,n,r,i;if(!this.closed){this.closed=!0;var a=this._parentage;if(a){if(this._parentage=null,Array.isArray(a))try{for(var o=lr(a),s=o.next();!s.done;s=o.next())s.value.remove(this)}catch(t){e={error:t}}finally{try{s&&!s.done&&(t=o.return)&&t.call(o)}finally{if(e)throw e.error}}else a.remove(this)}var c=this.initialTeardown;if(fr(c))try{c()}catch(e){i=e instanceof mr?e.errors:[e]}var l=this._finalizers;if(l){this._finalizers=null;try{for(var u=lr(l),d=u.next();!d.done;d=u.next()){var f=d.value;try{yr(f)}catch(e){i??=[],e instanceof mr?i=dr(dr([],ur(i)),ur(e.errors)):i.push(e)}}}catch(e){n={error:e}}finally{try{d&&!d.done&&(r=u.return)&&r.call(u)}finally{if(n)throw n.error}}}if(i)throw new mr(i)}},e.prototype.add=function(t){if(t&&t!==this){if(this.closed)yr(t);else{if(t instanceof e){if(t.closed||t._hasParent(this))return;t._addParent(this)}(this._finalizers=this._finalizers??[]).push(t)}}},e.prototype._hasParent=function(e){var t=this._parentage;return t===e||Array.isArray(t)&&t.includes(e)},e.prototype._addParent=function(e){var t=this._parentage;this._parentage=Array.isArray(t)?(t.push(e),t):t?[t,e]:e},e.prototype._removeParent=function(e){var t=this._parentage;t===e?this._parentage=null:Array.isArray(t)&&hr(t,e)},e.prototype.remove=function(t){var n=this._finalizers;n&&hr(n,t),t instanceof e&&t._removeParent(this)},e.EMPTY=(function(){var t=new e;return t.closed=!0,t})(),e}(),_r=gr.EMPTY;function vr(e){return e instanceof gr||e&&`closed`in e&&fr(e.remove)&&fr(e.add)&&fr(e.unsubscribe)}function yr(e){fr(e)?e():e.unsubscribe()}var br={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},xr={setTimeout:function(e,t){var n=[...arguments].slice(2),r=xr.delegate;return r?.setTimeout?r.setTimeout.apply(r,dr([e,t],ur(n))):setTimeout.apply(void 0,dr([e,t],ur(n)))},clearTimeout:function(e){return(xr.delegate?.clearTimeout||clearTimeout)(e)},delegate:void 0};function Sr(e){xr.setTimeout(function(){var t=br.onUnhandledError;if(t)t(e);else throw e})}function Cr(){}var wr=(function(){return Dr(`C`,void 0,void 0)})();function Tr(e){return Dr(`E`,void 0,e)}function Er(e){return Dr(`N`,e,void 0)}function Dr(e,t,n){return{kind:e,value:t,error:n}}var Or=null;function kr(e){if(br.useDeprecatedSynchronousErrorHandling){var t=!Or;if(t&&(Or={errorThrown:!1,error:null}),e(),t){var n=Or,r=n.errorThrown,i=n.error;if(Or=null,r)throw i}}else e()}function Ar(e){br.useDeprecatedSynchronousErrorHandling&&Or&&(Or.errorThrown=!0,Or.error=e)}var jr=function(e){cr(t,e);function t(t){var n=e.call(this)||this;return n.isStopped=!1,t?(n.destination=t,vr(t)&&t.add(n)):n.destination=zr,n}return t.create=function(e,t,n){return new Fr(e,t,n)},t.prototype.next=function(e){this.isStopped?Rr(Er(e),this):this._next(e)},t.prototype.error=function(e){this.isStopped?Rr(Tr(e),this):(this.isStopped=!0,this._error(e))},t.prototype.complete=function(){this.isStopped?Rr(wr,this):(this.isStopped=!0,this._complete())},t.prototype.unsubscribe=function(){this.closed||(this.isStopped=!0,e.prototype.unsubscribe.call(this),this.destination=null)},t.prototype._next=function(e){this.destination.next(e)},t.prototype._error=function(e){try{this.destination.error(e)}finally{this.unsubscribe()}},t.prototype._complete=function(){try{this.destination.complete()}finally{this.unsubscribe()}},t}(gr),Mr=Function.prototype.bind;function Nr(e,t){return Mr.call(e,t)}var Pr=function(){function e(e){this.partialObserver=e}return e.prototype.next=function(e){var t=this.partialObserver;if(t.next)try{t.next(e)}catch(e){Ir(e)}},e.prototype.error=function(e){var t=this.partialObserver;if(t.error)try{t.error(e)}catch(e){Ir(e)}else Ir(e)},e.prototype.complete=function(){var e=this.partialObserver;if(e.complete)try{e.complete()}catch(e){Ir(e)}},e}(),Fr=function(e){cr(t,e);function t(t,n,r){var i=e.call(this)||this,a;if(fr(t)||!t)a={next:t??void 0,error:n??void 0,complete:r??void 0};else{var o;i&&br.useDeprecatedNextContext?(o=Object.create(t),o.unsubscribe=function(){return i.unsubscribe()},a={next:t.next&&Nr(t.next,o),error:t.error&&Nr(t.error,o),complete:t.complete&&Nr(t.complete,o)}):a=t}return i.destination=new Pr(a),i}return t}(jr);function Ir(e){br.useDeprecatedSynchronousErrorHandling?Ar(e):Sr(e)}function Lr(e){throw e}function Rr(e,t){var n=br.onStoppedNotification;n&&xr.setTimeout(function(){return n(e,t)})}var zr={closed:!0,next:Cr,error:Lr,complete:Cr},Br=(function(){return typeof Symbol==`function`&&Symbol.observable||`@@observable`})();function Vr(e){return e}function Hr(e){return e.length===0?Vr:e.length===1?e[0]:function(t){return e.reduce(function(e,t){return t(e)},t)}}var Ur=function(){function e(e){e&&(this._subscribe=e)}return e.prototype.lift=function(t){var n=new e;return n.source=this,n.operator=t,n},e.prototype.subscribe=function(e,t,n){var r=this,i=Kr(e)?e:new Fr(e,t,n);return kr(function(){var e=r,t=e.operator,n=e.source;i.add(t?t.call(i,n):n?r._subscribe(i):r._trySubscribe(i))}),i},e.prototype._trySubscribe=function(e){try{return this._subscribe(e)}catch(t){e.error(t)}},e.prototype.forEach=function(e,t){var n=this;return t=Wr(t),new t(function(t,r){var i=new Fr({next:function(t){try{e(t)}catch(e){r(e),i.unsubscribe()}},error:r,complete:t});n.subscribe(i)})},e.prototype._subscribe=function(e){return this.source?.subscribe(e)},e.prototype[Br]=function(){return this},e.prototype.pipe=function(){return Hr([...arguments])(this)},e.prototype.toPromise=function(e){var t=this;return e=Wr(e),new e(function(e,n){var r;t.subscribe(function(e){return r=e},function(e){return n(e)},function(){return e(r)})})},e.create=function(t){return new e(t)},e}();function Wr(e){return e??br.Promise??Promise}function Gr(e){return e&&fr(e.next)&&fr(e.error)&&fr(e.complete)}function Kr(e){return e&&e instanceof jr||Gr(e)&&vr(e)}function qr(e){return fr(e?.lift)}function Jr(e){return function(t){if(qr(t))return t.lift(function(t){try{return e(t,this)}catch(e){this.error(e)}});throw TypeError(`Unable to lift unknown Observable type`)}}function Yr(e,t,n,r,i){return new Xr(e,t,n,r,i)}var Xr=function(e){cr(t,e);function t(t,n,r,i,a,o){var s=e.call(this,t)||this;return s.onFinalize=a,s.shouldUnsubscribe=o,s._next=n?function(e){try{n(e)}catch(e){t.error(e)}}:e.prototype._next,s._error=i?function(e){try{i(e)}catch(e){t.error(e)}finally{this.unsubscribe()}}:e.prototype._error,s._complete=r?function(){try{r()}catch(e){t.error(e)}finally{this.unsubscribe()}}:e.prototype._complete,s}return t.prototype.unsubscribe=function(){var t;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){var n=this.closed;e.prototype.unsubscribe.call(this),!n&&((t=this.onFinalize)==null||t.call(this))}},t}(jr),Zr=pr(function(e){return function(){e(this),this.name=`ObjectUnsubscribedError`,this.message=`object unsubscribed`}}),Qr=function(e){cr(t,e);function t(){var t=e.call(this)||this;return t.closed=!1,t.currentObservers=null,t.observers=[],t.isStopped=!1,t.hasError=!1,t.thrownError=null,t}return t.prototype.lift=function(e){var t=new $r(this,this);return t.operator=e,t},t.prototype._throwIfClosed=function(){if(this.closed)throw new Zr},t.prototype.next=function(e){var t=this;kr(function(){var n,r;if(t._throwIfClosed(),!t.isStopped){t.currentObservers||=Array.from(t.observers);try{for(var i=lr(t.currentObservers),a=i.next();!a.done;a=i.next())a.value.next(e)}catch(e){n={error:e}}finally{try{a&&!a.done&&(r=i.return)&&r.call(i)}finally{if(n)throw n.error}}}})},t.prototype.error=function(e){var t=this;kr(function(){if(t._throwIfClosed(),!t.isStopped){t.hasError=t.isStopped=!0,t.thrownError=e;for(var n=t.observers;n.length;)n.shift().error(e)}})},t.prototype.complete=function(){var e=this;kr(function(){if(e._throwIfClosed(),!e.isStopped){e.isStopped=!0;for(var t=e.observers;t.length;)t.shift().complete()}})},t.prototype.unsubscribe=function(){this.isStopped=this.closed=!0,this.observers=this.currentObservers=null},Object.defineProperty(t.prototype,"observed",{get:function(){return this.observers?.length>0},enumerable:!1,configurable:!0}),t.prototype._trySubscribe=function(t){return this._throwIfClosed(),e.prototype._trySubscribe.call(this,t)},t.prototype._subscribe=function(e){return this._throwIfClosed(),this._checkFinalizedStatuses(e),this._innerSubscribe(e)},t.prototype._innerSubscribe=function(e){var t=this,n=this,r=n.hasError,i=n.isStopped,a=n.observers;return r||i?_r:(this.currentObservers=null,a.push(e),new gr(function(){t.currentObservers=null,hr(a,e)}))},t.prototype._checkFinalizedStatuses=function(e){var t=this,n=t.hasError,r=t.thrownError,i=t.isStopped;n?e.error(r):i&&e.complete()},t.prototype.asObservable=function(){var e=new Ur;return e.source=this,e},t.create=function(e,t){return new $r(e,t)},t}(Ur),$r=function(e){cr(t,e);function t(t,n){var r=e.call(this)||this;return r.destination=t,r.source=n,r}return t.prototype.next=function(e){var t,n;(n=(t=this.destination)?.next)==null||n.call(t,e)},t.prototype.error=function(e){var t,n;(n=(t=this.destination)?.error)==null||n.call(t,e)},t.prototype.complete=function(){var e,t;(t=(e=this.destination)?.complete)==null||t.call(e)},t.prototype._subscribe=function(e){return this.source?.subscribe(e)??_r},t}(Qr),ei=function(e){cr(t,e);function t(t){var n=e.call(this)||this;return n._value=t,n}return Object.defineProperty(t.prototype,"value",{get:function(){return this.getValue()},enumerable:!1,configurable:!0}),t.prototype._subscribe=function(t){var n=e.prototype._subscribe.call(this,t);return!n.closed&&t.next(this._value),n},t.prototype.getValue=function(){var e=this,t=e.hasError,n=e.thrownError,r=e._value;if(t)throw n;return this._throwIfClosed(),r},t.prototype.next=function(t){e.prototype.next.call(this,this._value=t)},t}(Qr);function ti(e,t){return Jr(function(n,r){var i=0;n.subscribe(Yr(r,function(n){r.next(e.call(t,n,i++))}))})}var ni=`https://angular.dev/best-practices/security#preventing-cross-site-scripting-xss`,ri=class extends Error{code;constructor(e,t){super(ai(e,t)),this.code=e}};function ii(e){return`NG0${Math.abs(e)}`}function ai(e,t){return`${ii(e)}${t?`: `+t:``}`}function oi(e){for(let t in e)if(e[t]===oi)return t;throw Error(``)}function si(e){if(typeof e==`string`)return e;if(Array.isArray(e))return`[${e.map(si).join(`, `)}]`;if(e==null)return``+e;let t=e.overriddenName||e.name;if(t)return`${t}`;let n=e.toString();if(n==null)return``+n;let r=n.indexOf(`
 `);return r>=0?n.slice(0,r):n}function ci(e,t){return e?t?`${e} ${t}`:e:t||``}var li=oi({__forward_ref__:oi});function ui(e){return e.__forward_ref__=ui,e}function di(e){return fi(e)?e():e}function fi(e){return typeof e==`function`&&Object.hasOwn(e,li)&&e.__forward_ref__===ui}function pi(e){return{token:e.token,providedIn:e.providedIn||null,factory:e.factory,value:void 0}}function mi(e){return hi(e,vi)}function hi(e,t){return Object.hasOwn(e,t)&&e[t]||null}function gi(e){return(e?.[vi]??null)||null}function _i(e){return e&&Object.hasOwn(e,yi)?e[yi]:null}var vi=oi({ɵprov:oi}),yi=oi({ɵinj:oi}),bi=class{_desc;ngMetadataName=`InjectionToken`;ɵprov;constructor(e,t){this._desc=e,this.ɵprov=void 0,typeof t==`number`?this.__NG_ELEMENT_ID__=t:t!==void 0&&(this.ɵprov=pi({token:this,providedIn:t.providedIn||`root`,factory:t.factory}))}get multi(){return this}toString(){return`InjectionToken ${this._desc}`}};function xi(e){return e&&!!e.ɵproviders}var Si=oi({ɵcmp:oi}),Ci=oi({ɵdir:oi}),wi=oi({ɵpipe:oi}),Ti=oi({ɵfac:oi}),Ei=oi({__NG_ELEMENT_ID__:oi}),Di=oi({__NG_ENV_ID__:oi});function Oi(e){return ji(e,`@Component`),e[Si]||null}function ki(e){return ji(e,`@Directive`),e[Ci]||null}function Ai(e){return ji(e,`@Pipe`),e[wi]||null}function ji(e,t){if(e==null)throw new ri(-919,!1)}function Mi(e){return typeof e==`string`?e:e==null?``:String(e)}var Ni=oi({ngErrorCode:oi}),Pi=oi({ngErrorMessage:oi}),Fi=oi({ngTokenPath:oi});function Ii(e,t){return Ri(``,-200,t)}function Li(e,t){throw new ri(-201,!1)}function Ri(e,t,n){let r=new ri(t,e);return r[Ni]=t,r[Pi]=e,n&&(r[Fi]=n),r}function zi(e){return e[Ni]}var Bi;function Vi(){return Bi}function Hi(e){let t=Bi;return Bi=e,t}function Ui(e,t,n){let r=mi(e);if(r&&r.providedIn==`root`)return r.value===void 0?r.value=r.factory():r.value;if(n&8)return null;if(t!==void 0)return t;Li(e,``)}var Wi=globalThis,Gi={},Ki=`__NG_DI_FLAG__`,qi=class{injector;constructor(e){this.injector=e}retrieve(e,t){let n=Xi(t)||0;try{return this.injector.get(e,n&8?null:Gi,n)}catch(e){if(tr(e))return e;throw e}}};function Ji(e,t=0){let n=Qn();if(n===void 0)throw new ri(-203,!1);if(n===null)return Ui(e,void 0,t);{let r=Zi(t),i=n.retrieve(e,r);if(tr(i)){if(r.optional)return null;throw i}return i}}function Yi(e,t=0){return(Vi()||Ji)(di(e),t)}function w(e,t){return Yi(e,Xi(t))}function Xi(e){return e===void 0||typeof e==`number`?e:0|(e.optional&&8)|(e.host&&1)|(e.self&&2)|(e.skipSelf&&4)}function Zi(e){return{optional:!!(e&8),host:!!(e&1),self:!!(e&2),skipSelf:!!(e&4)}}function Qi(e){let t=[];for(let n=0;n<e.length;n++){let r=di(e[n]);if(Array.isArray(r)){if(r.length===0)throw new ri(900,!1);let e,n=0;for(let t=0;t<r.length;t++){let i=r[t],a=$i(i);typeof a==`number`?a===-1?e=i.token:n|=a:e=i}t.push(Yi(e,n))}else t.push(Yi(r))}return t}function $i(e){return e[Ki]}function ea(e,t){return Object.hasOwn(e,Ti)?e[Ti]:null}function ta(e,t,n){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++){let i=e[r],a=t[r];if(n&&(i=n(i),a=n(a)),a!==i)return!1}return!0}function na(e){return e.flat(1/0)}function ra(e,t){e.forEach(e=>Array.isArray(e)?ra(e,t):t(e))}function ia(e,t,n){t>=e.length?e.push(n):e.splice(t,0,n)}function aa(e,t){return t>=e.length-1?e.pop():e.splice(t,1)[0]}function oa(e,t){let n=[];for(let r=0;r<e;r++)n.push(t);return n}function sa(e,t,n,r){let i=e.length;if(i==t)e.push(n,r);else if(i===1)e.push(r,e[0]),e[0]=n;else{for(i--,e.push(e[i-1],e[i]);i>t;){let t=i-2;e[i]=e[t],i--}e[t]=n,e[t+1]=r}}function ca(e,t,n){let r=ua(e,t);return r>=0?e[r|1]=n:(r=~r,sa(e,r,t,n)),r}function la(e,t){let n=ua(e,t);if(n>=0)return e[n|1]}function ua(e,t){return da(e,t,1)}function da(e,t,n){let r=0,i=e.length>>n;for(;i!==r;){let a=r+(i-r>>1),o=e[a<<n];if(t===o)return a<<n;o>t?i=a:r=a+1}return~(i<<n)}var fa={},pa=[],ma=new bi(``),ha=new bi(``,-1),ga=new bi(``),_a=class{get(e,t=Gi){if(t===Gi){let e=Ri(``,-201);throw e.name=`ɵNotFound`,e}return t}};function va(...e){return{ɵproviders:ya(!0,e),ɵfromNgModule:!0}}function ya(e,...t){let n=[],r=new Set,i,a=e=>{n.push(e)};return ra(t,e=>{let t=e;xa(t,a,[],r)&&(i||=[],i.push(t))}),i!==void 0&&ba(i,a),n}function ba(e,t){for(let n=0;n<e.length;n++){let{ngModule:r,providers:i}=e[n];Sa(i,e=>{t(e,r)})}}function xa(e,t,n,r){if(e=di(e),!e)return!1;let i=null,a=_i(e),o=!a&&Oi(e);if(!a&&!o){let t=e.ngModule;if(a=_i(t),a)i=t;else return!1}else if(o&&!o.standalone)return!1;else i=e;let s=r.has(i);if(o){if(s)return!1;if(r.add(i),o.dependencies){let e=typeof o.dependencies==`function`?o.dependencies():o.dependencies;for(let i of e)xa(i,t,n,r)}}else if(a){if(a.imports!=null&&!s){r.add(i);let e;try{ra(a.imports,i=>{xa(i,t,n,r)&&(e||=[],e.push(i))})}finally{}e!==void 0&&ba(e,t)}if(!s){let e=ea(i)||(()=>new i);t({provide:i,useFactory:e,deps:pa},i),t({provide:ga,useValue:i,multi:!0},i),t({provide:ma,useValue:()=>Yi(i),multi:!0},i)}let o=a.providers;if(o!=null&&!s){let n=e;Sa(o,e=>{t(e,n)})}}else return!1;return i!==e&&e.providers!==void 0}function Sa(e,t){for(let n of e)xi(n)&&(n=n.ɵproviders),Array.isArray(n)?Sa(n,t):t(n)}var Ca=oi({provide:String,useValue:oi});function wa(e){return typeof e==`object`&&!!e&&Ca in e}function Ta(e){return!!(e&&e.useExisting)}function Ea(e){return!!(e&&e.useFactory)}function Da(e){return typeof e==`function`}var Oa=new bi(``),ka={},Aa={},ja=void 0;function Ma(){return ja===void 0&&(ja=new _a),ja}var Na=class{},Pa=class extends Na{parent;source;scopes;records=new Map;_ngOnDestroyHooks=new Set;_onDestroyHooks=[];get destroyed(){return this._destroyed}_destroyed=!1;injectorDefTypes;constructor(e,t,n,r){super(),this.parent=t,this.source=n,this.scopes=r,Wa(e,e=>this.processProvider(e)),this.records.set(ha,Ba(void 0,this)),r.has(`environment`)&&this.records.set(Na,Ba(void 0,this));let i=this.records.get(Oa);i!=null&&typeof i.value==`string`&&this.scopes.add(i.value),this.injectorDefTypes=new Set(this.get(ga,pa,{self:!0}))}retrieve(e,t){let n=Xi(t)||0;try{return this.get(e,Gi,n)}catch(e){if(tr(e))return e;throw e}}destroy(){za(this),this._destroyed=!0;let e=C(null);try{for(let e of this._ngOnDestroyHooks)e.ngOnDestroy();let e=this._onDestroyHooks;this._onDestroyHooks=[];for(let t of e)t()}finally{this.records.clear(),this._ngOnDestroyHooks.clear(),this.injectorDefTypes.clear(),C(e)}}onDestroy(e){return za(this),this._onDestroyHooks.push(e),()=>this.removeOnDestroy(e)}runInContext(e){za(this);let t=$n(this),n=Hi(void 0);try{return e()}finally{$n(t),Hi(n)}}get(e,t=Gi,n){if(za(this),Object.hasOwn(e,Di))return e[Di](this);let r=Xi(n),i=$n(this),a=Hi(void 0);try{if(!(r&4)){let t=this.records.get(e);if(t===void 0){let n=Ua(e)&&mi(e);t=n&&this.injectableDefInScope(n)?Ba(Fa(e),ka):null,this.records.set(e,t)}if(t!=null)return this.hydrate(e,t,r)}let n=r&2?Ma():this.parent;return t=r&8&&t===Gi?null:t,n.get(e,t)}catch(e){let t=zi(e);throw t===-200||t===-201?new ri(t,null):e}finally{Hi(a),$n(i)}}resolveInjectorInitializers(){let e=C(null),t=$n(this),n=Hi(void 0);try{let e=this.get(ma,pa,{self:!0});for(let t of e)t()}finally{$n(t),Hi(n),C(e)}}toString(){return`R3Injector[...]`}processProvider(e){e=di(e);let t=Da(e)?e:di(e&&e.provide),n=La(e);if(!Da(e)&&e.multi===!0){let n=this.records.get(t);n||(n=Ba(void 0,ka,!0),n.factory=()=>Qi(n.multi),this.records.set(t,n)),t=e,n.multi.push(e)}this.records.set(t,n)}hydrate(e,t,n){let r=C(null);try{if(t.value===Aa)throw Ii(``);return t.value===ka&&(t.value=Aa,t.value=t.factory(void 0,n)),typeof t.value==`object`&&t.value&&Ha(t.value)&&this._ngOnDestroyHooks.add(t.value),t.value}finally{C(r)}}injectableDefInScope(e){if(!e.providedIn)return!1;let t=di(e.providedIn);return typeof t==`string`?t===`any`||this.scopes.has(t):this.injectorDefTypes.has(t)}removeOnDestroy(e){let t=this._onDestroyHooks.indexOf(e);t!==-1&&this._onDestroyHooks.splice(t,1)}};function Fa(e){let t=mi(e),n=t===null?ea(e):t.factory;if(n!==null)return n;if(e instanceof bi)throw new ri(-204,!1);if(e instanceof Function)return Ia(e);throw new ri(-204,!1)}function Ia(e){if(e.length>0)throw new ri(-204,!1);let t=gi(e);return t===null?()=>new e:()=>t.factory(e)}function La(e){return wa(e)?Ba(void 0,e.useValue):Ba(Ra(e),ka)}function Ra(e,t,n){let r;if(Da(e)){let t=di(e);return ea(t)||Fa(t)}if(wa(e))r=()=>di(e.useValue);else if(Ea(e))r=()=>e.useFactory(...Qi(e.deps||[]));else if(Ta(e))r=(t,n)=>Yi(di(e.useExisting),n!==void 0&&n&8?8:void 0);else{let t=di(e&&(e.useClass||e.provide));if(Va(e))r=()=>new t(...Qi(e.deps));else return ea(t)||Fa(t)}return r}function za(e){if(e.destroyed)throw new ri(-205,!1)}function Ba(e,t,n=!1){return{factory:e,value:t,multi:n?[]:void 0}}function Va(e){return!!e.deps}function Ha(e){return typeof e==`object`&&!!e&&typeof e.ngOnDestroy==`function`}function Ua(e){return typeof e==`function`||typeof e==`object`&&e.ngMetadataName===`InjectionToken`}function Wa(e,t){for(let n of e)Array.isArray(n)?Wa(n,t):n&&xi(n)?Wa(n.ɵproviders,t):t(n)}function Ga(e,t){let n;e instanceof Pa?(za(e),n=e):n=new qi(e);let r=$n(n),i=Hi(void 0);try{return t()}finally{$n(r),Hi(i)}}function Ka(){return Vi()!==void 0||Qn()!=null}var qa=1;function Ja(e){return Array.isArray(e)&&typeof e[qa]==`object`}function Ya(e){return Array.isArray(e)&&e[qa]===!0}function Xa(e){return!!(e.flags&4)}function Za(e){return e.componentOffset>-1}function Qa(e){return(e.flags&1)==1}function $a(e){return!!e.template}function eo(e){return!!(e[2]&512)}function to(e){return(e[2]&256)==256}var no=(function(e){return e[e.NONE=0]=`NONE`,e[e.HTML=1]=`HTML`,e[e.STYLE=2]=`STYLE`,e[e.SCRIPT=3]=`SCRIPT`,e[e.URL=4]=`URL`,e[e.RESOURCE_URL=5]=`RESOURCE_URL`,e[e.ATTRIBUTE_NO_BINDING=6]=`ATTRIBUTE_NO_BINDING`,e})(no||{}),ro=`math`;function io(e){for(;Array.isArray(e);)e=e[0];return e}function ao(e,t){return io(t[e])}function oo(e,t){return io(t[e.index])}function so(e,t){return e.data[t]}function co(e,t){return e[t]}function lo(e,t,n,r){n>=e.data.length&&(e.data[n]=null,e.blueprint[n]=null),t[n]=r}function uo(e,t){let n=t[e];return Ja(n)?n:n[0]}function fo(e){return(e[2]&128)==128}function po(e){return Ya(e[3])}function mo(e,t){return t==null?null:e[t]}function ho(e){e[17]=0}function go(e){e[2]&1024||(e[2]|=1024,fo(e)&&bo(e))}function _o(e,t){for(;e>0;)t=t[14],e--;return t}function vo(e){return!!(e[2]&9216||e[24]?.dirty)}function yo(e){e[10].changeDetectionScheduler?.notify(8),e[2]&64&&(e[2]|=1024),vo(e)&&bo(e)}function bo(e){e[10].changeDetectionScheduler?.notify(0);let t=Co(e);for(;t!==null&&!(t[2]&8192||(t[2]|=8192,!fo(t)));)t=Co(t)}function xo(e,t){if(to(e))throw new ri(911,!1);e[21]===null&&(e[21]=[]),e[21].push(t)}function So(e,t){if(e[21]===null)return;let n=e[21].indexOf(t);n!==-1&&e[21].splice(n,1)}function Co(e){let t=e[3];return Ya(t)?t[3]:t}function wo(e){return e[7]??=[]}function To(e){return e.cleanup??=[]}function Eo(e,t,n,r){let i=wo(t);i.push(n),e.firstCreatePass&&To(e).push(r,i.length-1)}var Do={lFrame:cs(null),bindingsEnabled:!0,skipHydrationRootTNode:null},Oo=!1;function ko(){return Do.lFrame.elementDepthCount}function Ao(){Do.lFrame.elementDepthCount++}function jo(){Do.lFrame.elementDepthCount--}function Mo(){return Do.bindingsEnabled}function No(){return Do.skipHydrationRootTNode!==null}function Po(e){return Do.skipHydrationRootTNode===e}function Fo(){Do.skipHydrationRootTNode=null}function T(){return Do.lFrame.lView}function Io(){return Do.lFrame.tView}function E(e){return Do.lFrame.contextLView=e,e[8]}function D(e){return Do.lFrame.contextLView=null,e}function Lo(){let e=Ro();for(;e!==null&&e.type===64;)e=e.parent;return e}function Ro(){return Do.lFrame.currentTNode}function zo(){let e=Do.lFrame,t=e.currentTNode;return e.isParent?t:t.parent}function Bo(e,t){let n=Do.lFrame;n.currentTNode=e,n.isParent=t}function Vo(){return Do.lFrame.isParent}function Ho(){Do.lFrame.isParent=!1}function Uo(){return Do.lFrame.contextLView}function Wo(){return Oo}function Go(e){let t=Oo;return Oo=e,t}function Ko(){let e=Do.lFrame,t=e.bindingRootIndex;return t===-1&&(t=e.bindingRootIndex=e.tView.bindingStartIndex),t}function qo(){return Do.lFrame.bindingIndex}function Jo(e){return Do.lFrame.bindingIndex=e}function Yo(){return Do.lFrame.bindingIndex++}function Xo(e){let t=Do.lFrame,n=t.bindingIndex;return t.bindingIndex+=e,n}function Zo(){return Do.lFrame.inI18n}function Qo(e,t){let n=Do.lFrame;n.bindingIndex=n.bindingRootIndex=e,es(t)}function $o(){return Do.lFrame.currentDirectiveIndex}function es(e){Do.lFrame.currentDirectiveIndex=e}function ts(e){let t=Do.lFrame.currentDirectiveIndex;return t===-1?null:e[t]}function ns(){return Do.lFrame.currentQueryIndex}function rs(e){Do.lFrame.currentQueryIndex=e}function is(e){let t=e[1];return t.type===2?t.declTNode:t.type===1?e[5]:null}function as(e,t,n){if(n&4){let r=t,i=e;for(;r=r.parent,r===null&&!(n&1)&&(r=is(i),!(r===null||(i=i[14],r.type&10))););if(r===null)return!1;t=r,e=i}let r=Do.lFrame=ss();return r.currentTNode=t,r.lView=e,!0}function os(e){let t=ss(),n=e[1];Do.lFrame=t,t.currentTNode=n.firstChild,t.lView=e,t.tView=n,t.contextLView=e,t.bindingIndex=n.bindingStartIndex,t.inI18n=!1}function ss(){let e=Do.lFrame,t=e===null?null:e.child;return t===null?cs(e):t}function cs(e){let t={currentTNode:null,isParent:!0,lView:null,tView:null,selectedIndex:-1,contextLView:null,elementDepthCount:0,currentNamespace:null,currentDirectiveIndex:-1,bindingRootIndex:-1,bindingIndex:-1,currentQueryIndex:0,parent:e,child:null,inI18n:!1};return e!==null&&(e.child=t),t}function ls(){let e=Do.lFrame;return Do.lFrame=e.parent,e.currentTNode=null,e.lView=null,e}var us=ls;function ds(){let e=ls();e.isParent=!0,e.tView=null,e.selectedIndex=-1,e.contextLView=null,e.elementDepthCount=0,e.currentDirectiveIndex=-1,e.currentNamespace=null,e.bindingRootIndex=-1,e.bindingIndex=-1,e.currentQueryIndex=0}function fs(e){return(Do.lFrame.contextLView=_o(e,Do.lFrame.contextLView))[8]}function ps(){return Do.lFrame.selectedIndex}function ms(e){Do.lFrame.selectedIndex=e}function hs(){let e=Do.lFrame;return so(e.tView,e.selectedIndex)}function O(){Do.lFrame.currentNamespace=`svg`}function gs(){_s()}function _s(){Do.lFrame.currentNamespace=null}function vs(){return Do.lFrame.currentNamespace}var ys=!0;function bs(){return ys}function xs(e){ys=e}function Ss(e,t=null,n=null,r){let i=Cs(e,t,n,r);return i.resolveInjectorInitializers(),i}function Cs(e,t=null,n=null,r,i=new Set){return new Pa([n||pa,va(e)],t||Ma(),null,i)}var ws=class e{static THROW_IF_NOT_FOUND=Gi;static NULL=new _a;static create(e,t){if(Array.isArray(e))return Ss({name:``},t,e,``);{let t=e.name??``;return Ss({name:t},e.parent,e.providers,t)}}static ɵprov=pi({token:e,providedIn:`any`,factory:()=>Yi(ha)});static __NG_ELEMENT_ID__=-1},Ts=new bi(``),Es=class{static __NG_ELEMENT_ID__=Os;static __NG_ENV_ID__=e=>e},Ds=class extends Es{_lView;constructor(e){super(),this._lView=e}get destroyed(){return to(this._lView)}onDestroy(e){let t=this._lView;return xo(t,e),()=>So(t,e)}};function Os(){return new Ds(T())}var ks=new bi(``),As=(()=>{class e{taskId=0;pendingTasks=new Set;destroyed=!1;pendingTask=new ei(!1);debugTaskTracker=w(ks,{optional:!0});get hasPendingTasks(){return!this.destroyed&&this.pendingTask.value}get hasPendingTasksObservable(){return this.destroyed?new Ur(e=>{e.next(!1),e.complete()}):this.pendingTask}add(){!this.hasPendingTasks&&!this.destroyed&&this.pendingTask.next(!0);let e=this.taskId++;return this.pendingTasks.add(e),this.debugTaskTracker?.add(e),e}has(e){return this.pendingTasks.has(e)}remove(e){this.pendingTasks.delete(e),this.debugTaskTracker?.remove(e),this.pendingTasks.size===0&&this.hasPendingTasks&&this.pendingTask.next(!1)}ngOnDestroy(){this.pendingTasks.clear(),this.hasPendingTasks&&this.pendingTask.next(!1),this.destroyed=!0,this.pendingTask.unsubscribe()}static ɵprov=pi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),js=class extends Qr{__isAsync;destroyRef=void 0;pendingTasks=void 0;constructor(e=!1){super(),this.__isAsync=e,Ka()&&(this.destroyRef=w(Es,{optional:!0})??void 0,this.pendingTasks=w(As,{optional:!0})??void 0)}emit(e){let t=C(null);try{super.next(e)}finally{C(t)}}subscribe(e,t,n){let r=e,i=t||(()=>null),a=n;if(e&&typeof e==`object`){let t=e;r=t.next?.bind(t),i=t.error?.bind(t),a=t.complete?.bind(t)}this.__isAsync&&(i=this.wrapInTimeout(i),r&&=this.wrapInTimeout(r),a&&=this.wrapInTimeout(a));let o=super.subscribe({next:r,error:i,complete:a});return e instanceof gr&&e.add(o),o}wrapInTimeout(e){return t=>{let n=this.pendingTasks?.add();setTimeout(()=>{try{e(t)}finally{n!==void 0&&this.pendingTasks?.remove(n)}})}}};function Ms(...e){}function Ns(e){let t,n;function r(){e=Ms;try{n!==void 0&&typeof cancelAnimationFrame==`function`&&cancelAnimationFrame(n),t!==void 0&&clearTimeout(t)}catch{}}return t=setTimeout(()=>{e(),r()}),typeof requestAnimationFrame==`function`&&(n=requestAnimationFrame(()=>{e(),r()})),()=>r()}function Ps(e){return queueMicrotask(()=>e()),()=>{e=Ms}}var Fs=`isAngularZone`,Is=`isAngularZone_ID`,Ls=0,Rs=class e{hasPendingMacrotasks=!1;hasPendingMicrotasks=!1;isStable=!0;onUnstable=new js(!1);onMicrotaskEmpty=new js(!1);onStable=new js(!1);onError=new js(!1);constructor(e){let{enableLongStackTrace:t=!1,shouldCoalesceEventChangeDetection:n=!1,shouldCoalesceRunChangeDetection:r=!1,scheduleInRootZone:i=!1}=e;if(typeof Zone>`u`)throw new ri(908,!1);Zone.assertZonePatched();let a=this;a._nesting=0,a._outer=a._inner=Zone.current,Zone.TaskTrackingZoneSpec&&(a._inner=a._inner.fork(new Zone.TaskTrackingZoneSpec)),t&&Zone.longStackTraceZoneSpec&&(a._inner=a._inner.fork(Zone.longStackTraceZoneSpec)),a.shouldCoalesceEventChangeDetection=!r&&n,a.shouldCoalesceRunChangeDetection=r,a.callbackScheduled=!1,a.scheduleInRootZone=i,Hs(a)}static isInAngularZone(){return typeof Zone<`u`&&Zone.current.get(Fs)===!0}static assertInAngularZone(){if(!e.isInAngularZone())throw new ri(909,!1)}static assertNotInAngularZone(){if(e.isInAngularZone())throw new ri(909,!1)}run(e,t,n){return this._inner.run(e,t,n)}runTask(e,t,n,r){let i=this._inner,a=i.scheduleEventTask(`NgZoneEvent: `+r,e,zs,Ms,Ms);try{return i.runTask(a,t,n)}finally{i.cancelTask(a)}}runGuarded(e,t,n){return this._inner.runGuarded(e,t,n)}runOutsideAngular(e){return this._outer.run(e)}},zs={};function Bs(e){if(e._nesting==0&&!e.hasPendingMicrotasks&&!e.isStable)try{e._nesting++,e.onMicrotaskEmpty.emit(null)}finally{if(e._nesting--,!e.hasPendingMicrotasks)try{e.runOutsideAngular(()=>e.onStable.emit(null))}finally{e.isStable=!0}}}function Vs(e){if(e.isCheckStableRunning||e.callbackScheduled)return;e.callbackScheduled=!0;function t(){Ns(()=>{e.callbackScheduled=!1,Us(e),e.isCheckStableRunning=!0,Bs(e),e.isCheckStableRunning=!1})}e.scheduleInRootZone?Zone.root.run(()=>{t()}):e._outer.run(()=>{t()}),Us(e)}function Hs(e){let t=()=>{Vs(e)},n=Ls++;e._inner=e._inner.fork({name:`angular`,properties:{[Fs]:!0,[Is]:n,[Is+n]:!0},onInvokeTask:(n,r,i,a,o,s)=>{if(qs(s))return n.invokeTask(i,a,o,s);try{return Ws(e),n.invokeTask(i,a,o,s)}finally{(e.shouldCoalesceEventChangeDetection&&a.type===`eventTask`||e.shouldCoalesceRunChangeDetection)&&t(),Gs(e)}},onInvoke:(n,r,i,a,o,s,c)=>{try{return Ws(e),n.invoke(i,a,o,s,c)}finally{e.shouldCoalesceRunChangeDetection&&!e.callbackScheduled&&!Js(s)&&t(),Gs(e)}},onHasTask:(t,n,r,i)=>{t.hasTask(r,i),n===r&&(i.change==`microTask`?(e._hasPendingMicrotasks=i.microTask,Us(e),Bs(e)):i.change==`macroTask`&&(e.hasPendingMacrotasks=i.macroTask))},onHandleError:(t,n,r,i)=>(t.handleError(r,i),e.runOutsideAngular(()=>e.onError.emit(i)),!1)})}function Us(e){e.hasPendingMicrotasks=!!(e._hasPendingMicrotasks||(e.shouldCoalesceEventChangeDetection||e.shouldCoalesceRunChangeDetection)&&e.callbackScheduled===!0)}function Ws(e){e._nesting++,e.isStable&&(e.isStable=!1,e.onUnstable.emit(null))}function Gs(e){e._nesting--,Bs(e)}var Ks=class{hasPendingMicrotasks=!1;hasPendingMacrotasks=!1;isStable=!0;onUnstable=new js;onMicrotaskEmpty=new js;onStable=new js;onError=new js;run(e,t,n){return e.apply(t,n)}runGuarded(e,t,n){return e.apply(t,n)}runOutsideAngular(e){return e()}runTask(e,t,n,r){return e.apply(t,n)}};function qs(e){return Ys(e,`__ignore_ng_zone__`)}function Js(e){return Ys(e,`__scheduler_tick__`)}function Ys(e,t){return!Array.isArray(e)||e.length!==1?!1:e[0]?.data?.[t]===!0}var Xs=class{_console=console;handleError(e){this._console.error(`ERROR`,e)}},Zs=new bi(``,{factory:()=>{let e=w(Rs),t=w(Na),n;return r=>{e.runOutsideAngular(()=>{t.destroyed&&!n?setTimeout(()=>{throw r}):(n??=t.get(Xs),n.handleError(r))})}}}),Qs={provide:ma,useValue:()=>{w(Xs,{optional:!0})},multi:!0};function k(e,t){let[n,r,i]=Un(e,t?.equal),a=n;return a[fn],a.set=r,a.update=i,a.asReadonly=$s.bind(a),a}function $s(){let e=this[fn];if(e.readonlyFn===void 0){let t=()=>this();t[fn]=e,e.readonlyFn=t}return e.readonlyFn}var ec=new bi(``,{factory:()=>tc}),tc=`ng`,nc=new bi(``),rc=new bi(``,{providedIn:`platform`,factory:()=>`unknown`}),ic=new bi(``,{factory:()=>w(Ts).body?.querySelector(`[ngCspNonce]`)?.getAttribute(`ngCspNonce`)||null}),ac=(()=>{class e{view;node;constructor(e,t){this.view=e,this.node=t}static __NG_ELEMENT_ID__=oc}return e})();function oc(){return new ac(T(),Lo())}var sc=class{},cc=new bi(``,{factory:()=>!0}),lc=new bi(``),uc=(()=>{class e{static ɵprov=pi({token:e,providedIn:`root`,factory:()=>new dc})}return e})(),dc=class{dirtyEffectCount=0;queues=new Map;add(e){this.enqueue(e),this.schedule(e)}schedule(e){e.dirty&&this.dirtyEffectCount++}remove(e){let t=e.zone,n=this.queues.get(t);n.has(e)&&(n.delete(e),e.dirty&&this.dirtyEffectCount--)}enqueue(e){let t=e.zone;this.queues.has(t)||this.queues.set(t,new Set);let n=this.queues.get(t);n.has(e)||n.add(e)}flush(){for(;this.dirtyEffectCount>0;){let e=!1;for(let[t,n]of this.queues)e||=t===null?this.flushQueue(n):t.run(()=>this.flushQueue(n));e||(this.dirtyEffectCount=0)}}flushQueue(e){let t=!1;for(let n of e)n.dirty&&(this.dirtyEffectCount--,t=!0,n.run());return t}},fc=class{[fn];constructor(e){this[fn]=e}destroy(){this[fn].destroy()}};function pc(e,t){let n=t?.injector??w(ws),r=t?.manualCleanup===!0?null:n.get(Es),i,a=n.get(ac,null,{optional:!0}),o=n.get(sc);return a===null?i=vc(e,n.get(uc),o):(i=_c(a.view,o,e),r instanceof Ds&&r._lView===a.view&&(r=null)),i.injector=n,r!==null&&(i.onDestroyFns=[r.onDestroy(()=>i.destroy())]),new fc(i)}var mc={...Yn,cleanupFns:void 0,zone:null,onDestroyFns:null,run(){let e=Go(!1);try{Xn(this)}finally{Go(e)}},cleanup(){if(!this.cleanupFns?.length)return;let e=C(null);try{for(;this.cleanupFns.length;)this.cleanupFns.pop()()}finally{this.cleanupFns=[],C(e)}}},hc={...mc,consumerMarkedDirty(){this.scheduler.schedule(this),this.notifier.notify(12)},destroy(){if(Dn(this),this.onDestroyFns!==null)for(let e of this.onDestroyFns)e();this.cleanup(),this.scheduler.remove(this)}},gc={...mc,consumerMarkedDirty(){this.view[2]|=8192,bo(this.view),this.notifier.notify(13)},destroy(){if(Dn(this),this.onDestroyFns!==null)for(let e of this.onDestroyFns)e();this.cleanup(),this.view[23]?.delete(this)}};function _c(e,t,n){let r=Object.create(gc);return r.view=e,r.zone=typeof Zone<`u`?Zone.current:null,r.notifier=t,r.fn=yc(r,n),e[23]??=new Set,e[23].add(r),r.consumerMarkedDirty(r),r}function vc(e,t,n){let r=Object.create(hc);return r.fn=yc(r,e),r.scheduler=t,r.notifier=n,r.zone=typeof Zone<`u`?Zone.current:null,r.scheduler.add(r),r.notifier.notify(12),r}function yc(e,t){return()=>{t(t=>(e.cleanupFns??=[]).push(t))}}function bc(e){return typeof e==`function`&&e[fn]!==void 0}function xc(e){return bc(e)&&typeof e.set==`function`}var Sc=Symbol(`InputSignalNode#UNSET`),Cc={...qn,transformFn:void 0,applyValueToInputSignal(e,t){Gn(e,t)}};function wc(e){return{toString:e}.toString()}var Tc=(function(e){return e[e.TemplateCreateStart=0]=`TemplateCreateStart`,e[e.TemplateCreateEnd=1]=`TemplateCreateEnd`,e[e.TemplateUpdateStart=2]=`TemplateUpdateStart`,e[e.TemplateUpdateEnd=3]=`TemplateUpdateEnd`,e[e.LifecycleHookStart=4]=`LifecycleHookStart`,e[e.LifecycleHookEnd=5]=`LifecycleHookEnd`,e[e.OutputStart=6]=`OutputStart`,e[e.OutputEnd=7]=`OutputEnd`,e[e.BootstrapApplicationStart=8]=`BootstrapApplicationStart`,e[e.BootstrapApplicationEnd=9]=`BootstrapApplicationEnd`,e[e.BootstrapComponentStart=10]=`BootstrapComponentStart`,e[e.BootstrapComponentEnd=11]=`BootstrapComponentEnd`,e[e.ChangeDetectionStart=12]=`ChangeDetectionStart`,e[e.ChangeDetectionEnd=13]=`ChangeDetectionEnd`,e[e.ChangeDetectionSyncStart=14]=`ChangeDetectionSyncStart`,e[e.ChangeDetectionSyncEnd=15]=`ChangeDetectionSyncEnd`,e[e.AfterRenderHooksStart=16]=`AfterRenderHooksStart`,e[e.AfterRenderHooksEnd=17]=`AfterRenderHooksEnd`,e[e.ComponentStart=18]=`ComponentStart`,e[e.ComponentEnd=19]=`ComponentEnd`,e[e.DeferBlockStateStart=20]=`DeferBlockStateStart`,e[e.DeferBlockStateEnd=21]=`DeferBlockStateEnd`,e[e.DynamicComponentStart=22]=`DynamicComponentStart`,e[e.DynamicComponentEnd=23]=`DynamicComponentEnd`,e[e.HostBindingsUpdateStart=24]=`HostBindingsUpdateStart`,e[e.HostBindingsUpdateEnd=25]=`HostBindingsUpdateEnd`,e})(Tc||{}),Ec=class{previousValue;currentValue;firstChange;constructor(e,t,n){this.previousValue=e,this.currentValue=t,this.firstChange=n}isFirstChange(){return this.firstChange}};function Dc(e,t,n,r){t===null?e[n]=r:t.applyValueToInputSignal(t,r)}var Oc=null,kc=(()=>{Oc=jc;let e=()=>jc;return e.ngInherit=!0,e})();function Ac(){return Oc}function jc(e){return e.type.prototype.ngOnChanges&&(e.setInput=Nc),Mc}function Mc(){let e=Fc(this),t=e?.current;if(t){let n=e.previous;if(n===fa)e.previous=t;else for(let e in t)n[e]=t[e];e.current=null,this.ngOnChanges(t)}}function Nc(e,t,n,r,i){let a=this.declaredInputs[r],o=Fc(e)||Ic(e,{previous:fa,current:null}),s=o.current||={},c=o.previous,l=c[a];s[a]=new Ec(l&&l.currentValue,n,c===fa),Dc(e,t,i,n)}var Pc=`__ngSimpleChanges__`;function Fc(e){return Object.hasOwn(e,Pc)&&e[Pc]||null}function Ic(e,t){return e[Pc]=t}var Lc=[],Rc=function(e,t=null,n){for(let r=0;r<Lc.length;r++){let i=Lc[r];i(e,t,n)}};function zc(e,t,n){let{ngOnChanges:r,ngOnInit:i,ngDoCheck:a}=t.type.prototype;if(r){let r=Ac()(t);(n.preOrderHooks??=[]).push(e,r),(n.preOrderCheckHooks??=[]).push(e,r)}i&&(n.preOrderHooks??=[]).push(0-e,i),a&&((n.preOrderHooks??=[]).push(e,a),(n.preOrderCheckHooks??=[]).push(e,a))}function Bc(e,t){for(let n=t.directiveStart,r=t.directiveEnd;n<r;n++){let{ngAfterContentInit:t,ngAfterContentChecked:r,ngAfterViewInit:i,ngAfterViewChecked:a,ngOnDestroy:o}=e.data[n].type.prototype;t&&(e.contentHooks??=[]).push(-n,t),r&&((e.contentHooks??=[]).push(n,r),(e.contentCheckHooks??=[]).push(n,r)),i&&(e.viewHooks??=[]).push(-n,i),a&&((e.viewHooks??=[]).push(n,a),(e.viewCheckHooks??=[]).push(n,a)),o!=null&&(e.destroyHooks??=[]).push(n,o)}}function Vc(e,t,n){Wc(e,t,3,n)}function Hc(e,t,n,r){(e[2]&3)===n&&Wc(e,t,n,r)}function Uc(e,t){let n=e[2];(n&3)===t&&(n&=16383,n+=1,e[2]=n)}function Wc(e,t,n,r){let i=r===void 0?0:e[17]&65535,a=r??-1,o=t.length-1,s=0;for(let c=i;c<o;c++)if(typeof t[c+1]==`number`){if(s=t[c],r!=null&&s>=r)break}else t[c]<0&&(e[17]+=65536),(s<a||a==-1)&&(Kc(e,n,t,c),e[17]=(e[17]&4294901760)+c+2),c++}function Gc(e,t){Rc(Tc.LifecycleHookStart,e,t);let n=C(null);try{t.call(e)}finally{C(n),Rc(Tc.LifecycleHookEnd,e,t)}}function Kc(e,t,n,r){let i=n[r]<0,a=n[r+1],o=e[i?-n[r]:n[r]];i?e[2]>>14<e[17]>>16&&(e[2]&3)===t&&(e[2]+=16384,Gc(o,a)):Gc(o,a)}var qc=-1,Jc=class{factory;name;injectImpl;resolving=!1;canSeeViewProviders;multi;componentProviders;index;providerFactory;constructor(e,t,n,r){this.factory=e,this.name=r,this.canSeeViewProviders=t,this.injectImpl=n}};function Yc(e){return!!(e.flags&8)}function Xc(e){return!!(e.flags&16)}function Zc(e,t,n){let r=0;for(;r<n.length;){let i=n[r];if(typeof i==`number`){if(i!==0)break;r++;let a=n[r++],o=n[r++],s=n[r++];e.setAttribute(t,o,s,a)}else{let a=i,o=n[++r];$c(a)?e.setProperty(t,a,o):e.setAttribute(t,a,o),r++}}return r}function Qc(e){return e===3||e===4||e===6}function $c(e){return e.charCodeAt(0)===64}function el(e,t){if(t!==null&&t.length!==0){if(e===null||e.length===0)e=t.slice();else{let n=-1;for(let r=0;r<t.length;r++){let i=t[r];typeof i==`number`?n=i:n===0||(n===-1||n===2?tl(e,n,i,null,t[++r]):tl(e,n,i,null,null))}}}return e}function tl(e,t,n,r,i){let a=0,o=e.length;if(t===-1)o=-1;else for(;a<e.length;){let n=e[a++];if(typeof n==`number`){if(n===t){o=-1;break}if(n>t){o=a-1;break}}}for(;a<e.length;){let t=e[a];if(typeof t==`number`)break;if(t===n){i!==null&&(e[a+1]=i);return}a++,i!==null&&a++}o!==-1&&(e.splice(o,0,t),a=o+1),e.splice(a++,0,n),i!==null&&e.splice(a++,0,i)}function nl(e){return e!==qc}function rl(e){return e&32767}function il(e){return e>>16}function al(e,t){let n=il(e),r=t;for(;n>0;)r=r[14],n--;return r}var ol=!0;function sl(e){let t=ol;return ol=e,t}var cl=255,ll=5,ul=0,dl={};function fl(e,t,n){let r;typeof n==`string`?r=n.charCodeAt(0)||0:Object.hasOwn(n,Ei)&&(r=n[Ei]),r??=n[Ei]=ul++;let i=r&cl,a=1<<i;t.data[e+(i>>ll)]|=a}function pl(e,t){let n=hl(e,t);if(n!==-1)return n;let r=t[1];r.firstCreatePass&&(e.injectorIndex=t.length,ml(r.data,e),ml(t,null),ml(r.blueprint,null));let i=gl(e,t),a=e.injectorIndex;if(nl(i)){let e=rl(i),n=al(i,t),r=n[1].data;for(let i=0;i<8;i++)t[a+i]=n[e+i]|r[e+i]}return t[a+8]=i,a}function ml(e,t){e.push(0,0,0,0,0,0,0,0,t)}function hl(e,t){return e.injectorIndex===-1||e.parent&&e.parent.injectorIndex===e.injectorIndex||t[e.injectorIndex+8]===null?-1:e.injectorIndex}function gl(e,t){if(e.parent&&e.parent.injectorIndex!==-1)return e.parent.injectorIndex;let n=0,r=null,i=t;for(;i!==null;){if(r=jl(i),r===null)return qc;if(n++,i=i[14],r.injectorIndex!==-1)return r.injectorIndex|n<<16}return qc}function _l(e,t,n){fl(e,t,n)}function vl(e,t,n){if(n&8||e!==void 0)return e;Li(t,`NodeInjector`)}function yl(e,t,n,r){if(n&8&&r===void 0&&(r=null),!(n&3)){let i=e[9],a=Hi(void 0);try{return i?i.get(t,r,n&8):Ui(t,r,n&8)}finally{Hi(a)}}return vl(r,t,n)}function bl(e,t,n,r=0,i){if(e!==null){if(t[2]&2048&&!(r&2)){let i=Al(e,t,n,r,dl);if(i!==dl)return i}let i=xl(e,t,n,r,dl);if(i!==dl)return i}return yl(t,n,r,i)}function xl(e,t,n,r,i){let a=Tl(n);if(typeof a==`function`){if(!as(t,e,r))return r&1?vl(i,n,r):yl(t,n,r,i);try{let e;if(e=a(r),e==null&&!(r&8))Li(n);else return e}finally{us()}}else if(typeof a==`number`){let i=null,o=hl(e,t),s=qc,c=r&1?t[15][5]:null;for((o===-1||r&4)&&(s=o===-1?gl(e,t):t[o+8],s===qc||!Dl(r,!1)?o=-1:(i=t[1],o=rl(s),t=al(s,t)));o!==-1;){let e=t[1];if(El(a,o,e.data)){let e=Sl(o,t,n,i,r,c);if(e!==dl)return e}s=t[o+8],s!==qc&&Dl(r,t[1].data[o+8]===c)&&El(a,o,t)?(i=e,o=rl(s),t=al(s,t)):o=-1}}return i}function Sl(e,t,n,r,i,a){let o=t[1],s=o.data[e+8],c=Cl(s,o,n,r==null?Za(s)&&ol:r!=o&&!!(s.type&3),i&1&&a===s);return c===null?dl:wl(t,o,c,s,i)}function Cl(e,t,n,r,i){let a=e.providerIndexes,o=t.data,s=a&1048575,c=e.directiveStart,l=e.directiveEnd,u=a>>20,d=r?s:s+u,f=i?s+u:l;for(let e=d;e<f;e++){let t=o[e];if(e<c&&n===t||e>=c&&t.type===n)return e}if(i){let e=o[c];if(e&&$a(e)&&e.type===n)return c}return null}function wl(e,t,n,r,i){let a=e[n],o=t.data;if(a instanceof Jc){let s=a;if(s.resolving)throw Ii(``);let c=sl(s.canSeeViewProviders);s.resolving=!0,o[n].type||o[n];let l=s.injectImpl?Hi(s.injectImpl):null;as(e,r,0);try{a=e[n]=s.factory(void 0,i,o,e,r),t.firstCreatePass&&n>=r.directiveStart&&zc(n,o[n],t)}finally{l!==null&&Hi(l),sl(c),s.resolving=!1,us()}}return a}function Tl(e){if(typeof e==`string`)return e.charCodeAt(0)||0;let t=Object.hasOwn(e,Ei)?e[Ei]:void 0;return typeof t==`number`?t>=0?t&cl:kl:t}function El(e,t,n){let r=1<<e;return!!(n[t+(e>>ll)]&r)}function Dl(e,t){return!(e&2)&&!(e&1&&t)}var Ol=class{_tNode;_lView;constructor(e,t){this._tNode=e,this._lView=t}get(e,t,n){return bl(this._tNode,this._lView,e,Xi(n),t)}};function kl(){return new Ol(Lo(),T())}function Al(e,t,n,r,i){let a=e,o=t;for(;a!==null&&o!==null&&o[2]&2048&&!eo(o);){let e=xl(a,o,n,r|2,dl);if(e!==dl)return e;r&=-5;let t=a.parent;if(!t){let e=o[20];if(e){let t=e.get(n,dl,r);if(t!==dl)return t}t=jl(o),o=o[14]}a=t}return i}function jl(e){let t=e[1],n=t.type;return n===2?t.declTNode:n===1?e[5]:null}function Ml(e){return{token:e.token,providedIn:e.autoProvided===!1?null:`root`,factory:e.factory,value:void 0}}function Nl(){return Pl(Lo(),T())}function Pl(e,t){return new Fl(oo(e,t))}var Fl=(()=>{class e{nativeElement;constructor(e){this.nativeElement=e}static __NG_ELEMENT_ID__=Nl}return e})();function Il(e){return e instanceof Fl?e.nativeElement:e}function Ll(){return this._results[Symbol.iterator]()}var Rl=class{_emitDistinctChangesOnly;dirty=!0;_onDirty=void 0;_results=[];_changesDetected=!1;_changes=void 0;length=0;first=void 0;last=void 0;get changes(){return this._changes??=new Qr}constructor(e=!1){this._emitDistinctChangesOnly=e}get(e){return this._results[e]}map(e){return this._results.map(e)}filter(e){return this._results.filter(e)}find(e){return this._results.find(e)}reduce(e,t){return this._results.reduce(e,t)}forEach(e){this._results.forEach(e)}some(e){return this._results.some(e)}toArray(){return this._results.slice()}toString(){return this._results.toString()}reset(e,t){this.dirty=!1;let n=na(e);(this._changesDetected=!ta(this._results,n,t))&&(this._results=n,this.length=n.length,this.last=n[this.length-1],this.first=n[0])}notifyOnChanges(){this._changes!==void 0&&(this._changesDetected||!this._emitDistinctChangesOnly)&&this._changes.next(this)}onDirty(e){this._onDirty=e}setDirty(){this.dirty=!0,this._onDirty?.()}destroy(){this._changes!==void 0&&(this._changes.complete(),this._changes.unsubscribe())}[Symbol.iterator]=Ll};function zl(e){return(e.flags&128)==128}var Bl=(function(e){return e[e.OnPush=0]=`OnPush`,e[e.Eager=1]=`Eager`,e[e.Default=1]=`Default`,e})(Bl||{}),Vl=new Map,Hl=0;function Ul(){return Hl++}function Wl(e){Vl.set(e[19],e)}function Gl(e){Vl.delete(e[19])}var Kl=`__ngContext__`;function ql(e,t){Ja(t)?(e[Kl]=t[19],Wl(t)):e[Kl]=t}function Jl(e){return Xl(e[12])}function Yl(e){return Xl(e[4])}function Xl(e){for(;e!==null&&!Ya(e);)e=e[4];return e}var Zl=void 0;function Ql(e){Zl=e}function $l(){if(Zl!==void 0)return Zl;if(typeof document<`u`)return document;throw new ri(210,!1)}var eu=!1,tu=new bi(``,{factory:()=>eu}),nu=new WeakMap;function ru(e,t){if(typeof e!=`object`||!e)return;let n=nu.get(e);n||(n=new WeakSet,nu.set(e,n)),n.add(t)}function iu(e){return(e.flags&32)==32}var au=()=>null;function ou(e,t,n=!1){return au(e,t,n)}function su(e,t){let n=e.contentQueries;if(n!==null){let r=C(null);try{for(let r=0;r<n.length;r+=2){let i=n[r],a=n[r+1];if(a!==-1){let n=e.data[a];rs(i),n.contentQueries(2,t[a],a)}}}finally{C(r)}}}function cu(e,t,n){rs(0);let r=C(null);try{t(e,n)}finally{C(r)}}function lu(e,t,n){if(Xa(t)){let r=C(null);try{let r=t.directiveStart,i=t.directiveEnd;for(let t=r;t<i;t++){let r=e.data[t];if(r.contentQueries){let e=n[t];r.contentQueries(1,e,t)}}}finally{C(r)}}}var uu=(function(e){return e[e.Emulated=0]=`Emulated`,e[e.None=2]=`None`,e[e.ShadowDom=3]=`ShadowDom`,e[e.ExperimentalIsolatedShadowDom=4]=`ExperimentalIsolatedShadowDom`,e})(uu||{}),du=class{changingThisBreaksApplicationSecurity;constructor(e){this.changingThisBreaksApplicationSecurity=e}toString(){return`SafeValue must use [property]=binding: ${this.changingThisBreaksApplicationSecurity} (see ${ni})`}};function fu(e){return e instanceof du?e.changingThisBreaksApplicationSecurity:e}function pu(e,t){let n=mu(e);if(n!=null&&n!==t){if(n===`ResourceURL`&&t===`URL`)return!0;throw Error(`Required a safe ${t}, got a ${n} (see ${ni})`)}return n===t}function mu(e){return e instanceof du&&e.getTypeName()||null}var hu=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:\/?#]*(?:[\/?#]|$))/i;function gu(e){return e=String(e),e.match(hu)?e:`unsafe:`+e}var _u=/^>|^->|<!--|-->|--!>|<!-$/g,vu=/(<|>)/g,yu=`​$1​`;function bu(e){return e.replace(_u,e=>e.replace(vu,yu))}function xu(e,t){return e.createText(t)}function Su(e,t,n){e.setValue(t,n)}function Cu(e,t){return e.createComment(bu(t))}function wu(e,t,n){return e.createElement(t,n)}function Tu(e,t,n,r,i){e.insertBefore(t,n,r,i)}function Eu(e,t,n){e.appendChild(t,n)}function Du(e,t,n,r,i){r===null?Eu(e,t,n):Tu(e,t,n,r,i)}function Ou(e,t,n,r){e.removeChild(null,t,n,r)}function ku(e,t,n){e.setAttribute(t,`style`,n)}function Au(e,t,n){n===``?e.removeAttribute(t,`class`):e.setAttribute(t,`class`,n)}function ju(e,t,n){let{mergedAttrs:r,classes:i,styles:a}=n;r!==null&&Zc(e,t,r),i!==null&&Au(e,t,i),a!==null&&ku(e,t,a)}function Mu(e){let t=Nu();return t?t.sanitize(no.URL,e)||``:pu(e,`URL`)?fu(e):gu(Mi(e))}function Nu(){let e=T();return e&&e[10].sanitizer}function Pu(e){return e.ownerDocument.defaultView}function Fu(e){return e.ownerDocument}function Iu(e,t,n){let r=e.length;for(;;){let i=e.indexOf(t,n);if(i===-1)return i;if(i===0||e.charCodeAt(i-1)<=32){let n=t.length;if(i+n===r||e.charCodeAt(i+n)<=32)return i}n=i+1}}var Lu=`ng-template`;function Ru(e,t,n,r){let i=0;if(r){for(;i<t.length&&typeof t[i]==`string`;i+=2)if(t[i]===`class`&&Iu(t[i+1].toLowerCase(),n,0)!==-1)return!0}else if(zu(e))return!1;if(i=t.indexOf(1,i),i>-1){let e;for(;++i<t.length&&typeof(e=t[i])==`string`;)if(e.toLowerCase()===n)return!0}return!1}function zu(e){return e.type===4&&e.value!==Lu}function Bu(e,t,n){return t===(e.type===4&&!n?Lu:e.value)}function Vu(e,t,n){let r=4,i=e.attrs,a=i===null?0:Ku(i),o=!1;for(let s=0;s<t.length;s++){let c=t[s];if(typeof c==`number`){if(!o&&!Hu(r)&&!Hu(c))return!1;if(o&&Hu(c))continue;o=!1,r=c|r&1;continue}if(!o){if(r&4){if(r=2|r&1,c!==``&&!Bu(e,c,n)||c===``&&t.length===1){if(Hu(r))return!1;o=!0}}else if(r&8){if(i===null||!Ru(e,i,c,n)){if(Hu(r))return!1;o=!0}}else{let l=t[++s],u=Uu(c,i,zu(e),n);if(u===-1){if(Hu(r))return!1;o=!0;continue}if(l!==``){let e;if(e=u>a?``:i[u+1].toLowerCase(),r&2&&l!==e){if(Hu(r))return!1;o=!0}}}}}return Hu(r)||o}function Hu(e){return!(e&1)}function Uu(e,t,n,r){if(t===null)return-1;let i=0;if(r||!n){let n=!1;for(;i<t.length;){let r=t[i];if(r===e)return i;if(r===3||r===6)n=!0;else if(r===1||r===2){let e=t[++i];for(;typeof e==`string`;)e=t[++i];continue}else if(r===4)break;else if(r===0){i+=4;continue}i+=n?1:2}return-1}return qu(t,e)}function Wu(e,t,n=!1){for(let r=0;r<t.length;r++)if(Vu(e,t[r],n))return!0;return!1}function Gu(e){let t=e.attrs;if(t!=null){let e=t.indexOf(5);if(!(e&1))return t[e+1]}return null}function Ku(e){for(let t=0;t<e.length;t++){let n=e[t];if(Qc(n))return t}return e.length}function qu(e,t){let n=e.indexOf(4);if(n>-1)for(n++;n<e.length;){let r=e[n];if(typeof r==`number`)return-1;if(r===t)return n;n++}return-1}function Ju(e,t){selectorListLoop:for(let n=0;n<t.length;n++){let r=t[n];if(e.length===r.length){for(let t=0;t<e.length;t++)if(e[t]!==r[t])continue selectorListLoop;return!0}}return!1}function Yu(e,t){return e?`:not(`+t.trim()+`)`:t}function Xu(e){let t=e[0],n=1,r=2,i=``,a=!1;for(;n<e.length;){let o=e[n];if(typeof o==`string`){if(r&2){let t=e[++n];i+=`[`+o+(t.length>0?`="`+t+`"`:``)+`]`}else r&8?i+=`.`+o:r&4&&(i+=` `+o)}else i!==``&&!Hu(o)&&(t+=Yu(a,i),i=``),r=o,a||=!Hu(r);n++}return i!==``&&(t+=Yu(a,i)),t}function Zu(e){return e.map(Xu).join(`,`)}function Qu(e){let t=[],n=[],r=1,i=2;for(;r<e.length;){let a=e[r];if(typeof a==`string`)i===2?a!==``&&t.push(a,e[++r]):i===8&&n.push(a);else{if(!Hu(i))break;i=a}r++}return n.length&&t.push(1,...n),t}var $u={},ed=(function(e){return e[e.Important=1]=`Important`,e[e.DashCase=2]=`DashCase`,e})(ed||{}),td;function nd(e,t){return td(e,t)}var rd=new bi(``,{factory:()=>!1});function id(e){if(!e)return 0;let t=e.toLowerCase().indexOf(`ms`)>-1?1:1e3;return parseFloat(e)*t}function ad(e,t){return e.getPropertyValue(t).split(`,`).map(e=>e.trim())}function od(e){let t=ad(e,`transition-property`),n=ad(e,`transition-duration`),r=ad(e,`transition-delay`),i={propertyName:``,duration:0,animationName:void 0};for(let e=0;e<t.length;e++){let a=id(r[e])+id(n[e]);a>i.duration&&(i.propertyName=t[e],i.duration=a)}return i}function sd(e){let t=ad(e,`animation-name`),n=ad(e,`animation-delay`),r=ad(e,`animation-duration`),i=ad(e,`animation-iteration-count`),a={animationName:``,propertyName:void 0,duration:0};for(let e=0;e<t.length;e++){let o=id(n[e])+id(r[e]),s=i[e];o>a.duration&&s!==`infinite`&&(a.animationName=t[e],a.duration=o)}return a}function cd(e,t){return e!==void 0&&e.duration>t.duration}function ld(e){return(e.animationName!=null||e.propertyName!=null)&&e.duration>0}function ud(e){let t=e.effect?.getTiming();if(t===void 0)return;let n=typeof t.duration==`number`?t.duration:0,r=(t.delay??0)+n,i=e.playbackRate;return i!==void 0&&i!==0&&i!==1&&(r/=Math.abs(i)),r}function dd(e,t){let n=getComputedStyle(e),r=sd(n),i=od(n),a=r.duration>i.duration?r:i;cd(t.get(e),a)||ld(a)&&t.set(e,a)}function fd(e,t,n){if(!n)return;let r=e.getAnimations();return r.length===0?dd(e,t):pd(e,t,r)}function pd(e,t,n){let r={animationName:void 0,propertyName:void 0,duration:0};for(let e of n){if(e.effect?.getTiming()?.iterations===1/0)continue;let t=ud(e)??0,n,i;e.animationName?i=e.animationName:n=e.transitionProperty,t>=r.duration&&(r={animationName:i,propertyName:n,duration:t})}cd(t.get(e),r)||ld(r)&&t.set(e,r)}var md=new Set,hd=!1,gd=1,_d=typeof document<`u`&&typeof document?.documentElement?.getAnimations==`function`;function vd(e){return e[9].get(rd,hd)}function yd(e,t,n){let r=xd.get(e);if(r){for(let e of t)r.classList.push(e);for(let e of n)r.cleanupFns.push(e)}else xd.set(e,{classList:t,cleanupFns:n})}function bd(e){let t=xd.get(e);if(t){for(let e of t.cleanupFns)e();xd.delete(e)}Sd.delete(e)}var xd=new WeakMap,Sd=new WeakMap,Cd=new WeakMap;function wd(e){return e?e[14]??e:null}var Td=new WeakSet;function Ed(e,t,n){let r=Cd.get(e);if(!r||r.length===0)return;let i=t.parentNode,a=t.previousSibling,o=wd(n);for(let e=r.length-1;e>=0;e--){let{el:n,declarationView:s}=r[e],c=n.parentNode;n===t?(r.splice(e,1),Td.add(n),n.dispatchEvent(new CustomEvent(`animationend`,{detail:{cancel:!0}}))):(a&&n===a||c&&i&&c!==i&&(o===null||s===null||o===s))&&(r.splice(e,1),n.dispatchEvent(new CustomEvent(`animationend`,{detail:{cancel:!0}})),n.parentNode?.removeChild(n))}}function Dd(e,t,n){let r=wd(n),i=Cd.get(e);i?i.some(e=>e.el===t)||i.push({el:t,declarationView:r}):Cd.set(e,[{el:t,declarationView:r}])}function Od(e){let t=e[26]??={};return t.enter??=new Map}function kd(e){let t=typeof e==`function`?e():e,n=Array.isArray(t)?t:null;return typeof t==`string`&&(n=t.trim().split(/\s+/).filter(e=>e)),n}function Ad(e){return e.composedPath?e.composedPath()[0]:e.target}function jd(e,t){let n=Sd.get(t);if(n===void 0)return!0;if(t!==Ad(e))return!1;let r=e.animation;if(r){let e=ud(r);if(e!==void 0&&e+gd<n.duration)return!1}return n.animationName===void 0?n.propertyName===void 0?!1:n.propertyName===`all`||e.propertyName===n.propertyName:e.animationName===n.animationName}function Md(e,t,n){let r=e.get(t.index)??{animateFns:[]};r.animateFns.push(n),e.set(t.index,r)}var Nd=(function(e){return e[e.CHANGE_DETECTION=0]=`CHANGE_DETECTION`,e[e.AFTER_NEXT_RENDER=1]=`AFTER_NEXT_RENDER`,e})(Nd||{}),Pd=new bi(``),Fd=new Set;function Id(e){Fd.has(e)||(Fd.add(e),performance?.mark?.(`mark_feature_usage`,{detail:{feature:e}}))}var Ld=(()=>{class e{impl=null;execute(){this.impl?.execute()}static ɵprov=pi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),Rd=[0,1,2,3],zd=(()=>{class e{ngZone=w(Rs);scheduler=w(sc);errorHandler=w(Xs,{optional:!0});sequences=new Set;deferredRegistrations=new Set;executing=!1;constructor(){w(Pd,{optional:!0})}execute(){let e=this.sequences.size>0;e&&Rc(Tc.AfterRenderHooksStart),this.executing=!0;for(let e of Rd)for(let t of this.sequences)if(!t.erroredOrDestroyed&&t.hooks[e])try{t.pipelinedValue=this.ngZone.runOutsideAngular(()=>this.maybeTrace(()=>{let n=t.hooks[e];return n(t.pipelinedValue)},t.snapshot))}catch(e){t.erroredOrDestroyed=!0,this.errorHandler?.handleError(e)}this.executing=!1;for(let e of this.sequences)e.afterRun(),e.once&&(this.sequences.delete(e),e.destroy());for(let e of this.deferredRegistrations)this.sequences.add(e);this.deferredRegistrations.size>0&&this.scheduler.notify(7),this.deferredRegistrations.clear(),e&&Rc(Tc.AfterRenderHooksEnd)}register(e){let{view:t}=e;t===void 0?this.executing?this.deferredRegistrations.add(e):this.addSequence(e):((t[25]??=[]).push(e),bo(t),t[2]|=8192)}addSequence(e){this.sequences.add(e),this.scheduler.notify(7)}unregister(e){this.executing&&this.sequences.has(e)?(e.erroredOrDestroyed=!0,e.pipelinedValue=void 0,e.once=!0):(this.sequences.delete(e),this.deferredRegistrations.delete(e))}maybeTrace(e,t){return t?t.run(Nd.AFTER_NEXT_RENDER,e):e()}static ɵprov=pi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),Bd=class{impl;hooks;view;once;snapshot;erroredOrDestroyed=!1;pipelinedValue=void 0;unregisterOnDestroy;constructor(e,t,n,r,i,a=null){this.impl=e,this.hooks=t,this.view=n,this.once=r,this.snapshot=a,this.unregisterOnDestroy=i?.onDestroy(()=>this.destroy())}afterRun(){this.erroredOrDestroyed=!1,this.pipelinedValue=void 0,this.snapshot?.dispose(),this.snapshot=null}destroy(){this.impl.unregister(this),this.unregisterOnDestroy?.();let e=this.view?.[25];e&&(this.view[25]=e.filter(e=>e!==this))}};function Vd(e,t){let n=t?.injector??w(ws);return Id(`NgAfterNextRender`),Ud(e,n,t,!0)}function Hd(e){return e instanceof Function?[void 0,void 0,e,void 0]:[e.earlyRead,e.write,e.mixedReadWrite,e.read]}function Ud(e,t,n,r){let i=t.get(Ld);i.impl??=t.get(zd);let a=t.get(Pd,null,{optional:!0}),o=n?.manualCleanup===!0?null:t.get(Es),s=t.get(ac,null,{optional:!0}),c=new Bd(i.impl,Hd(e),s?.view,r,o,a?.snapshot(null));return i.impl.register(c),c}var Wd=new bi(``,{factory:()=>{let e=w(Na),t=new Set;return e.onDestroy(()=>t.clear()),{queue:t,isScheduled:!1,scheduler:null,injector:e}}});function Gd(e,t,n){let r=e.get(Wd);if(Array.isArray(t))for(let e of t)r.queue.add(e),n?.detachedLeaveAnimationFns?.push(e);else r.queue.add(t),n?.detachedLeaveAnimationFns?.push(t);r.scheduler&&r.scheduler(e)}function Kd(e,t){let n=e.get(Wd);if(Array.isArray(t))for(let e of t)n.queue.delete(e);else n.queue.delete(t)}function qd(e,t){let n=e.get(Wd);if(t.detachedLeaveAnimationFns){for(let e of t.detachedLeaveAnimationFns)n.queue.delete(e);t.detachedLeaveAnimationFns=void 0}}function Jd(e){let t=e.get(Wd);t.isScheduled||=(Vd(()=>{t.isScheduled=!1;for(let e of t.queue)e();t.queue.clear()},{injector:t.injector}),!0)}function Yd(e){let t=e.get(Wd);t.scheduler=Jd,t.scheduler(e)}function Xd(e,t){for(let[n,r]of t)Gd(e,r.animateFns)}function Zd(e,t,n,r){let i=e?.[26]?.enter;t!==null&&i&&i.has(n.index)&&Xd(r,i)}function Qd(e,t,n,r){try{n.get(ha)}catch{return r(!1)}let i=e?.[26];i?.enter?.has(t.index)&&Kd(n,i.enter.get(t.index).animateFns);let a=$d(e,t,i);if(a.size===0){let n=!1;if(e){let r=[];tf(e,t,r),n=r.length>0}if(!n)return r(!1)}e&&md.add(e[19]),Gd(n,()=>ef(e,t,i||void 0,a,r),i||void 0)}function $d(e,t,n){let r=new Map,i=n?.leave;if(i&&i.has(t.index)&&r.set(t.index,i.get(t.index)),e&&i)for(let[n,a]of i){if(r.has(n))continue;let i=e[1].data[n].parent;for(;i;){if(i===t){r.set(n,a);break}i=i.parent}}return r}function ef(e,t,n,r,i){let a=[];if(n&&n.leave)for(let[e]of r){if(!n.leave.has(e))continue;let t=n.leave.get(e);for(let e of t.animateFns){let{promise:t}=e();a.push(t)}n.detachedLeaveAnimationFns=void 0}if(e&&tf(e,t,a),a.length>0){let t=n||e?.[26];if(t){let n=t.running;n&&a.push(n),t.running=Promise.allSettled(a),rf(e,t.running,i)}else Promise.allSettled(a).then(()=>{e&&md.delete(e[19]),i(!0)})}else e&&md.delete(e[19]),i(!1)}function tf(e,t,n){if(t.type&12){let r=e[t.index];if(Ya(r))for(let e=10;e<r.length;e++){let t=r[e];t[1].type===2&&nf(t,n)}}let r=t.child;for(;r;)tf(e,r,n),r=r.next}function nf(e,t){let n=e[26];if(n&&n.leave)for(let e of n.leave.values())for(let n of e.animateFns){let{promise:e}=n();t.push(e)}let r=e[1].firstChild;for(;r;)tf(e,r,t),r=r.next}function rf(e,t,n){t.then(()=>{e[26]?.running===t&&(e[26].running=void 0,md.delete(e[19])),n(!0)})}function af(e,t,n,r,i,a,o,s){if(i!=null){let c,l=!1;Ya(i)?c=i:Ja(i)&&(l=!0,i=i[0]);let u=io(i);e===0&&r!==null?(Zd(s,r,a,n),o==null?Eu(t,r,u):Tu(t,r,u,o||null,!0)):e===1&&r!==null?(Zd(s,r,a,n),Tu(t,r,u,o||null,!0),Ed(a,u,s)):e===2?(s?.[26]?.leave?.has(a.index)&&Dd(a,u,s),Td.delete(u),Qd(s,a,n,e=>{if(Td.has(u)){Td.delete(u);return}Ou(t,u,l,e)})):e===3&&(Td.delete(u),Qd(s,a,n,()=>{t.destroyNode(u)})),c!=null&&kf(t,e,n,c,a,r,o)}}function of(e,t){cf(e,t),t[0]=null,t[5]=null}function sf(e,t,n,r,i,a){r[0]=i,r[5]=t,Tf(e,r,n,1,i,a)}function cf(e,t){t[10].changeDetectionScheduler?.notify(9),Tf(e,t,t[11],2,null,null)}function lf(e){let t=e[12];if(!t)return ff(e[1],e);for(;t;){let n=null;if(Ja(t))n=t[12];else{let e=t[10];e&&(n=e)}if(!n){for(;t&&!t[4]&&t!==e;)Ja(t)&&ff(t[1],t),t=t[3];t===null&&(t=e),Ja(t)&&ff(t[1],t),n=t&&t[4]}t=n}}function uf(e,t){let n=e[9],r=n.indexOf(t);n.splice(r,1)}function df(e,t){if(to(t))return;let n=t[11];n.destroyNode&&Tf(e,t,n,3,null,null),lf(t)}function ff(e,t){if(to(t))return;let n=C(null);try{t[2]&=-129,t[2]|=256,t[24]&&Dn(t[24]),mf(e,t),pf(e,t),t[1].type===1&&t[11].destroy();let n=t[16];if(n!==null&&Ya(t[3])){n!==t[3]&&uf(n,t);let r=t[18];r!==null&&r.detachView(e)}Gl(t)}finally{C(n)}}function pf(e,t){let n=e.cleanup,r=t[7];if(n!==null)for(let e=0;e<n.length-1;e+=2)if(typeof n[e]==`string`){let t=n[e+3];t>=0?r[t]():r[-t].unsubscribe(),e+=2}else{let t=r[n[e+1]];n[e].call(t)}r!==null&&(t[7]=null);let i=t[21];if(i!==null){t[21]=null;for(let e=0;e<i.length;e++){let t=i[e];t()}}let a=t[23];if(a!==null){t[23]=null;for(let e of a)e.destroy()}}function mf(e,t){let n;if(e!=null&&(n=e.destroyHooks)!=null)for(let e=0;e<n.length;e+=2){let r=t[n[e]];if(!(r instanceof Jc)){let t=n[e+1];if(Array.isArray(t))for(let e=0;e<t.length;e+=2){let n=r[t[e]],i=t[e+1];Rc(Tc.LifecycleHookStart,n,i);try{i.call(n)}finally{Rc(Tc.LifecycleHookEnd,n,i)}}else{Rc(Tc.LifecycleHookStart,r,t);try{t.call(r)}finally{Rc(Tc.LifecycleHookEnd,r,t)}}}}}function hf(e,t,n){if(t===null)throw new ri(510,!1);return gf(e,t.parent,n)}function gf(e,t,n){let r=t;for(;r!==null&&r.type&168;)t=r,r=t.parent;if(r===null)return n[0];if(Za(r)){let{encapsulation:t}=e.data[r.directiveStart+r.componentOffset];if(t===uu.None||t===uu.Emulated)return null}return oo(r,n)}function _f(e,t,n){return yf(e,t,n)}function vf(e,t,n){return e.type&40?oo(e,n):null}var yf=vf;function bf(e,t,n,r){let i=hf(e,r,t),a=t[11],o=_f(r.parent||t[5],r,t);if(i!=null){if(Array.isArray(n))for(let e=0;e<n.length;e++)Du(a,i,n[e],o,!1);else Du(a,i,n,o,!1)}}function xf(e,t){if(t!==null){let n=t.type;if(n&3)return oo(t,e);if(n&4)return Cf(-1,e[t.index]);if(n&8){let n=t.child;if(n!==null)return xf(e,n);{let n=e[t.index];return Ya(n)?Cf(-1,n):io(n)}}if(n&128)return xf(e,t.next);if(n&32)return nd(t,e)()||io(e[t.index]);{let n=Sf(e,t);return n===null?xf(e,t.next):Array.isArray(n)?n[0]:xf(Co(e[15]),n)}}return null}function Sf(e,t){if(t!==null){let n=e[15][5],r=t.projection;return n.projection[r]}return null}function Cf(e,t){let n=10+e+1;if(n<t.length){let e=t[n],r=e[1].firstChild;if(r!==null)return xf(e,r)}return t[7]}function wf(e,t,n,r,i,a,o){for(;n!=null;){let s=r[9];if(n.type===128){n=n.next;continue}let c=r[n.index],l=n.type;if(o&&t===0&&(c&&ql(io(c),r),n.flags|=2),!iu(n)){if(l&8)wf(e,t,n.child,r,i,a,!1),af(t,e,s,i,c,n,a,r);else if(l&32){let o=nd(n,r),l;for(;l=o();)af(t,e,s,i,l,n,a,r);af(t,e,s,i,c,n,a,r)}else l&16?Of(e,t,r,n,i,a):af(t,e,s,i,c,n,a,r)}n=o?n.projectionNext:n.next}}function Tf(e,t,n,r,i,a){e.type===3?Ef(n,r,t,i,a):wf(n,r,e.firstChild,t,i,a,!1)}function Ef(e,t,n,r,i){let a=n[1].firstChild,o=a.next,s=io(n[a.index]),c=io(n[o.index]),l=o.index+1,u=n[l];if(t===1||t===0)r!==null&&(u&&u.hasChildNodes()?Tu(e,r,u,i,!0):(Tu(e,r,s,i,!0),Tu(e,r,c,i,!0)));else if(t===2){if(u||(u=document.createDocumentFragment(),n[l]=u),s&&s.parentNode===u)return;let e=s;for(;e!==null;){let t=e.nextSibling;if(u.appendChild(e),e===c)break;e=t}}}function Df(e,t,n){let r=t[11];Of(r,0,t,n,hf(e,n,t),_f(n.parent||t[5],n,t))}function Of(e,t,n,r,i,a){let o=n[15],s=o[5].projection[r.projection];if(Array.isArray(s))for(let o=0;o<s.length;o++){let c=s[o];af(t,e,n[9],i,c,r,a,n)}else{let n=s,c=o[3];zl(r)&&(n.flags|=128),wf(e,t,n,c,i,a,!0)}}function kf(e,t,n,r,i,a,o){let s=r[7];if(s!==io(r)&&af(t,e,n,a,s,i,o),!(r[2]&4))for(let n=10;n<r.length;n++){let i=r[n];Tf(i[1],i,e,t,a,s)}}function Af(e,t,n,r,i){if(t)i?e.addClass(n,r):e.removeClass(n,r);else{let t=r.indexOf(`-`)===-1?void 0:ed.DashCase;i==null?e.removeStyle(n,r,t):(typeof i==`string`&&i.endsWith(`!important`)&&(i=i.slice(0,-10),t|=ed.Important),e.setStyle(n,r,i,t))}}function jf(e,t,n,r,i,a,o,s,c,l,u){let d=27+r,f=d+i,p=Mf(d,f),m=typeof l==`function`?l():l;return p[1]={type:e,blueprint:p,template:n,queries:null,viewQuery:s,declTNode:t,data:p.slice().fill(null,d),bindingStartIndex:d,expandoStartIndex:f,hostBindingOpCodes:null,firstCreatePass:!0,firstUpdatePass:!0,staticViewQueries:!1,staticContentQueries:!1,preOrderHooks:null,preOrderCheckHooks:null,contentHooks:null,contentCheckHooks:null,viewHooks:null,viewCheckHooks:null,destroyHooks:null,cleanup:null,contentQueries:null,components:null,directiveRegistry:typeof a==`function`?a():a,pipeRegistry:typeof o==`function`?o():o,firstChild:null,schemas:c,consts:m,incompleteFirstPass:!1,ssrId:u}}function Mf(e,t){let n=[];for(let r=0;r<t;r++)n.push(r<e?null:$u);return n}function Nf(e){let t=e.tView;return t===null||t.incompleteFirstPass?e.tView=jf(1,null,e.template,e.decls,e.vars,e.directiveDefs,e.pipeDefs,e.viewQuery,e.schemas,e.consts,e.id):t}function Pf(e,t,n,r,i,a,o,s,c,l,u){let d=t.blueprint.slice();return d[0]=i,d[2]=r|1228,(l!==null||e&&e[2]&2048)&&(d[2]|=2048),ho(d),d[3]=d[14]=e,d[8]=n,d[10]=o||e&&e[10],d[11]=s||e&&e[11],d[9]=c||e&&e[9]||null,d[5]=a,d[19]=Ul(),d[6]=u,d[20]=l,d[15]=t.type==2?e[15]:d,d}function Ff(e,t,n){let r=oo(t,e),i=Nf(n),a=e[10].rendererFactory,o=Rf(e,Pf(e,i,null,If(n),r,t,null,a.createRenderer(r,n),null,null,null));return e[t.index]=o}function If(e){let t=16;return e.signals?t=4096:e.onPush&&(t=64),t}function Lf(e,t,n,r){if(n===0)return-1;let i=t.length;for(let i=0;i<n;i++)t.push(r),e.blueprint.push(r),e.data.push(null);return i}function Rf(e,t){return e[12]?e[13][4]=t:e[12]=t,e[13]=t,t}function A(e=1){zf(Io(),T(),ps()+e,!1)}function zf(e,t,n,r){if(!r){if((t[2]&3)==3){let r=e.preOrderCheckHooks;r!==null&&Vc(t,r,n)}else{let r=e.preOrderHooks;r!==null&&Hc(t,r,0,n)}}ms(n)}var Bf=(function(e){return e[e.None=0]=`None`,e[e.SignalBased=1]=`SignalBased`,e[e.HasDecoratorInputTransform=2]=`HasDecoratorInputTransform`,e})(Bf||{});function Vf(e,t,n,r){let i=C(null);try{let[i,a,o]=e.inputs[n],s=null;(a&Bf.SignalBased)!==0&&(s=t[i][fn]),s!==null&&s.transformFn!==void 0?r=s.transformFn(r):o!==null&&(r=o.call(t,r)),e.setInput===null?Dc(t,s,i,r):e.setInput(t,s,r,n,i)}finally{C(i)}}function Hf(e,t,n,r,i){let a=ps(),o=r&2;try{ms(-1),o&&t.length>27&&zf(e,t,27,!1),Rc(o?Tc.TemplateUpdateStart:Tc.TemplateCreateStart,i,n),n(r,i)}finally{ms(a),Rc(o?Tc.TemplateUpdateEnd:Tc.TemplateCreateEnd,i,n)}}function Uf(e,t,n){Xf(e,t,n),(n.flags&64)==64&&Zf(e,t,n)}function Wf(e,t,n=oo){let r=t.localNames;if(r!==null){let i=t.index+1;for(let a=0;a<r.length;a+=2){let o=r[a+1],s=o===-1?n(t,e):e[o];e[i++]=s}}}function Gf(e,t,n,r){let i=r.get(tu,eu)||n===uu.ShadowDom||n===uu.ExperimentalIsolatedShadowDom;return e.selectRootElement(t,i)}function Kf(e){return e===`class`?`className`:e===`for`?`htmlFor`:e===`formaction`?`formAction`:e===`innerHtml`?`innerHTML`:e===`readonly`?`readOnly`:e===`tabindex`?`tabIndex`:e}function qf(e,t,n,r,i,a){let o=t[1];if(op(e,o,t,n,r)){Za(e)&&Yf(t,e.index);return}e.type&3&&(n=Kf(n)),Jf(e,t,n,r,i,a)}function Jf(e,t,n,r,i,a){if(e.type&3){let o=oo(e,t);r=a==null?r:a(r,e.value||``,n),i.setProperty(o,n,r)}else e.type&12}function Yf(e,t){let n=uo(t,e);n[2]&16||(n[2]|=64)}function Xf(e,t,n){let r=n.directiveStart,i=n.directiveEnd;Za(n)&&Ff(t,n,e.data[r+n.componentOffset]),e.firstCreatePass||pl(n,t);let a=n.initialInputs;for(let o=r;o<i;o++){let i=e.data[o],s=wl(t,e,o,n);if(ql(s,t),a!==null&&np(t,o-r,s,i,n,a),$a(i)){let r=uo(n.index,t);r[8]=wl(t,e,o,n)}}}function Zf(e,t,n){let r=n.directiveStart,i=n.directiveEnd,a=n.index,o=$o();try{ms(a);for(let n=r;n<i;n++){let r=e.data[n],i=t[n];es(n),(r.hostBindings!==null||r.hostVars!==0||r.hostAttrs!==null)&&Qf(r,i)}}finally{ms(-1),es(o)}}function Qf(e,t){e.hostBindings!==null&&e.hostBindings(1,t)}function $f(e,t){let n=e.directiveRegistry,r=null;if(n)for(let e=0;e<n.length;e++){let i=n[e];Wu(t,i.selectors,!1)&&(r??=[],$a(i)?r.unshift(i):r.push(i))}return r}function ep(e,t,n,r,i,a){let o=oo(e,t);tp(t[11],o,a,e.value,n,r,i)}function tp(e,t,n,r,i,a,o){if(a==null)o?.(a,r||``,i),e.removeAttribute(t,i,n);else{let s=o==null?Mi(a):o(a,r||``,i);e.setAttribute(t,i,s,n)}}function np(e,t,n,r,i,a){let o=a[t];if(o!==null)for(let e=0;e<o.length;e+=2){let t=o[e],i=o[e+1];Vf(r,n,t,i)}}function rp(e,t,n,r,i){let a=27+n,o=t[1],s=i(o,t,e,r,n);t[a]=s,Bo(e,!0);let c=e.type===2;return c?(ju(t[11],s,e),(ko()===0||Qa(e))&&ql(s,t),Ao()):ql(s,t),bs()&&(!c||!iu(e))&&bf(o,t,s,e),e}function ip(e){let t=e;return Vo()?Ho():(t=t.parent,Bo(t,!1)),t}function ap(e,t){let n=e[9];if(!n)return;let r;try{r=n.get(Zs,null)}catch{r=null}r?.(t)}function op(e,t,n,r,i){let a=e.inputs?.[r],o=e.hostDirectiveInputs?.[r],s=!1;if(o)for(let e=0;e<o.length;e+=2){let r=o[e],a=o[e+1],c=t.data[r];Vf(c,n[r],a,i),s=!0}if(a)for(let e of a){let a=n[e],o=t.data[e];Vf(o,a,r,i),s=!0}return s}function sp(e,t){let n=uo(t,e),r=n[1];cp(r,n);let i=n[0];i!==null&&n[6]===null&&(n[6]=ou(i,n[9])),Rc(Tc.ComponentStart);try{lp(r,n,n[8])}finally{Rc(Tc.ComponentEnd,n[8])}}function cp(e,t){for(let n=t.length;n<e.blueprint.length;n++)t.push(e.blueprint[n])}function lp(e,t,n){os(t);try{let r=e.viewQuery;r!==null&&cu(1,r,n);let i=e.template;i!==null&&Hf(e,t,i,1,n),e.firstCreatePass&&=!1,t[18]?.finishViewCreation(e),e.staticContentQueries&&su(e,t),e.staticViewQueries&&cu(2,e.viewQuery,n);let a=e.components;a!==null&&up(t,a)}catch(t){throw e.firstCreatePass&&=(e.incompleteFirstPass=!0,!1),t}finally{t[2]&=-5,ds()}}function up(e,t){for(let n=0;n<t.length;n++)sp(e,t[n])}function dp(e,t,n,r){let i=C(null);try{let i=t.tView,a=Pf(e,i,n,e[2]&4096?4096:16,null,t,null,null,r?.injector??null,r?.embeddedViewInjector??null,r?.dehydratedView??null);a[16]=e[t.index];let o=e[18];return o!==null&&(a[18]=o.createEmbeddedView(i)),lp(i,a,n),a}finally{C(i)}}function fp(e,t){return!t||t.firstChild===null||zl(e)}function pp(e,t,n,r,i=!1){if(e.type===3){let n=e.firstChild,i=n.next,a=io(t[n.index]),o=io(t[i.index]),s=a;for(;s!==null&&(r.push(s),s!==o);)s=s.nextSibling;return r}for(;n!==null;){if(n.type===128){n=i?n.projectionNext:n.next;continue}let a=t[n.index];if(a!==null){if(Ya(a)){let e=a[7];e!==a[0]&&r.push(io(a)),a[2]&4||mp(a,r),r.push(e)}else r.push(io(a))}let o=n.type;if(o&8)pp(e,t,n.child,r);else if(o&32){let e=nd(n,t),i;for(;i=e();)r.push(i)}else if(o&16){let e=Sf(t,n);if(Array.isArray(e))r.push(...e);else{let n=Co(t[15]);pp(n[1],n,e,r,!0)}}n=i?n.projectionNext:n.next}return r}function mp(e,t){for(let n=10;n<e.length;n++){let r=e[n],i=r[1].firstChild;i!==null&&pp(r[1],r,i,t)}}function hp(e){if(e[25]!==null){for(let t of e[25])t.impl.addSequence(t);e[25].length=0}}var gp=[];function _p(e){return e[24]??vp(e)}function vp(e){let t=gp.pop()??Object.create(bp);return t.lView=e,t}function yp(e){e.lView[24]!==e&&(e.lView=null,gp.push(e))}var bp={...mn,consumerIsAlwaysLive:!0,kind:`template`,consumerMarkedDirty:e=>{bo(e.lView)},consumerOnSignalRead(){this.lView[24]=this}};function xp(e){let t=e[24]??Object.create(Sp);return t.lView=e,t}var Sp={...mn,consumerIsAlwaysLive:!0,kind:`template`,consumerMarkedDirty:e=>{let t=Co(e.lView);for(;t&&!Cp(t[1]);)t=Co(t);t&&go(t)},consumerOnSignalRead(){this.lView[24]=this}};function Cp(e){return e.type!==2}function wp(e){if(e[23]===null)return;let t=!0;for(;t;){let n=!1;for(let t of e[23])if(t.dirty&&(n=!0,t.zone===null||Zone.current===t.zone?t.run():t.zone.run(()=>t.run()),e[23]===null))return;t=n&&!!(e[2]&8192)}}var Tp=100;function Ep(e,t=0){let n=e[10].rendererFactory;n.begin?.();try{Dp(e,t)}finally{n.end?.()}}function Dp(e,t){let n=Wo();try{Go(!0),Np(e,t);let n=0;for(;vo(e);){if(n===Tp)throw new ri(103,!1);n++,Np(e,1)}}finally{Go(n)}}function Op(e,t,n,r){if(to(t))return;let i=t[2];os(t);let a=!0,o=null,s=null;Cp(e)?(s=_p(t),o=Sn(s)):pn()===null?(a=!1,s=xp(t),o=Sn(s)):t[24]&&=(Dn(t[24]),null);try{ho(t),Jo(e.bindingStartIndex),n!==null&&Hf(e,t,n,2,r);let a=(i&3)==3;if(a){let n=e.preOrderCheckHooks;n!==null&&Vc(t,n,null)}else{let n=e.preOrderHooks;n!==null&&Hc(t,n,0,null),Uc(t,0)}if(Ap(t),wp(t),kp(t,0),e.contentQueries!==null&&su(e,t),a){let n=e.contentCheckHooks;n!==null&&Vc(t,n)}else{let n=e.contentHooks;n!==null&&Hc(t,n,1),Uc(t,1)}Fp(e,t);let o=e.components;o!==null&&Pp(t,o,0);let s=e.viewQuery;if(s!==null&&cu(2,s,r),a){let n=e.viewCheckHooks;n!==null&&Vc(t,n)}else{let n=e.viewHooks;n!==null&&Hc(t,n,2),Uc(t,2)}if(e.firstUpdatePass===!0&&(e.firstUpdatePass=!1),t[22]){for(let e of t[22])e();t[22]=null}hp(t),t[2]&=-73}catch(e){throw bo(t),e}finally{s!==null&&(wn(s,o),a&&yp(s)),ds()}}function kp(e,t){for(let n=Jl(e);n!==null;n=Yl(n))for(let e=10;e<n.length;e++){let r=n[e];Mp(r,t)}}function Ap(e){for(let t=Jl(e);t!==null;t=Yl(t)){if(!(t[2]&2))continue;let e=t[9];for(let t=0;t<e.length;t++){let n=e[t];go(n)}}}function jp(e,t,n){Rc(Tc.ComponentStart);let r=uo(t,e);try{Mp(r,n)}finally{Rc(Tc.ComponentEnd,r[8])}}function Mp(e,t){fo(e)&&Np(e,t)}function Np(e,t){let n=e[1],r=e[2],i=e[24],a=!!(t===0&&r&16);if(a||=!!(r&64&&t===0),a||=!!(r&1024),a||=!!(i?.dirty&&En(i)),a||=!1,i&&(i.dirty=!1),e[2]&=-9217,a)Op(n,e,n.template,e[8]);else if(r&8192){let t=C(null);try{wp(e),kp(e,1);let t=n.components;t!==null&&Pp(e,t,1),hp(e)}finally{C(t)}}}function Pp(e,t,n){for(let r=0;r<t.length;r++)jp(e,t[r],n)}function Fp(e,t){let n=e.hostBindingOpCodes;if(n!==null)try{for(let e=0;e<n.length;e++){let r=n[e];if(r<0)ms(~r);else{let i=r,a=n[++e],o=n[++e];Qo(a,i);let s=t[i];Rc(Tc.HostBindingsUpdateStart,s);try{o(2,s)}finally{Rc(Tc.HostBindingsUpdateEnd,s)}}}}finally{ms(-1)}}function Ip(e,t){let n=Wo()?64:1088;for(e[10].changeDetectionScheduler?.notify(t);e;){e[2]|=n;let t=Co(e);if(eo(e)&&!t)return e;e=t}return null}function Lp(e,t,n,r){return[e,!0,0,t,null,r,null,n,null,null]}function Rp(e,t){let n=10+t;if(n<e.length)return e[n]}function zp(e,t,n,r=!0){let i=t[1];if(Hp(i,t,e,n),r){let r=Cf(n,e),a=t[11],o=a.parentNode(e[7]);o!==null&&sf(i,e[5],a,t,o,r)}let a=t[6];a!==null&&a.firstChild!==null&&(a.firstChild=null)}function Bp(e,t){let n=Vp(e,t);return n!==void 0&&df(n[1],n),n}function Vp(e,t){if(e.length<=10)return;let n=10+t,r=e[n];if(r){let i=r[16];i!==null&&i!==e&&uf(i,r),t>0&&(e[n-1][4]=r[4]);let a=aa(e,10+t);of(r[1],r);let o=a[18];o!==null&&o.detachView(a[1]),r[3]=null,r[4]=null,r[2]&=-129}return r}function Hp(e,t,n,r){let i=10+r,a=n.length;r>0&&(n[i-1][4]=t),r<a-10?(t[4]=n[i],ia(n,10+r,t)):(n.push(t),t[4]=null),t[3]=n;let o=t[16];o!==null&&n!==o&&Up(o,t);let s=t[18];s!==null&&s.insertView(e),yo(t),t[2]|=128}function Up(e,t){let n=e[9],r=t[3];if(Ja(r))e[2]|=2;else{let n=r[3][15];t[15]!==n&&(e[2]|=2)}n===null?e[9]=[t]:n.push(t)}var Wp=class{_lView;_cdRefInjectingView;_appRef=null;_attachedToViewContainer=!1;exhaustive;get rootNodes(){let e=this._lView,t=e[1];return pp(t,e,t.firstChild,[])}constructor(e,t){this._lView=e,this._cdRefInjectingView=t}get context(){return this._lView[8]}set context(e){this._lView[8]=e}get destroyed(){return to(this._lView)}destroy(){if(this._appRef)this._appRef.detachView(this);else if(this._attachedToViewContainer){let e=this._lView[3];if(Ya(e)){let t=e[8],n=t?t.indexOf(this):-1;n>-1&&(Vp(e,n),aa(t,n))}this._attachedToViewContainer=!1}df(this._lView[1],this._lView)}onDestroy(e){xo(this._lView,e)}markForCheck(){Ip(this._cdRefInjectingView||this._lView,4)}detach(){this._lView[2]&=-129}reattach(){yo(this._lView),this._lView[2]|=128}detectChanges(){this._lView[2]|=1024,Ep(this._lView)}checkNoChanges(){}attachToViewContainerRef(){if(this._appRef)throw new ri(902,!1);this._attachedToViewContainer=!0}detachFromAppRef(){this._appRef=null;let e=eo(this._lView),t=this._lView[16];t!==null&&!e&&uf(t,this._lView),cf(this._lView[1],this._lView)}attachToAppRef(e){if(this._attachedToViewContainer)throw new ri(902,!1);this._appRef=e;let t=eo(this._lView),n=this._lView[16];n!==null&&!t&&Up(n,this._lView),yo(this._lView)}},Gp=(()=>{class e{_declarationLView;_declarationTContainer;elementRef;static __NG_ELEMENT_ID__=Kp;constructor(e,t,n){this._declarationLView=e,this._declarationTContainer=t,this.elementRef=n}get ssrId(){return this._declarationTContainer.tView?.ssrId||null}createEmbeddedView(e,t){return this.createEmbeddedViewImpl(e,t)}createEmbeddedViewImpl(e,t,n){return new Wp(dp(this._declarationLView,this._declarationTContainer,e,{embeddedViewInjector:t,dehydratedView:n}))}}return e})();function Kp(){return qp(Lo(),T())}function qp(e,t){return e.type&4?new Gp(t,e,Pl(e,t)):null}function Jp(e,t,n,r,i){let a=e.data[t];if(a===null)a=Yp(e,t,n,r,i),Zo()&&(a.flags|=32);else if(a.type&64){a.type=n,a.value=r,a.attrs=i;let e=zo();a.injectorIndex=e===null?-1:e.injectorIndex}return Bo(a,!0),a}function Yp(e,t,n,r,i){let a=Ro(),o=Vo(),s=o?a:a&&a.parent,c=e.data[t]=Zp(e,s,n,t,r,i);return Xp(e,c,a,o),c}function Xp(e,t,n,r){e.firstChild===null&&(e.firstChild=t),n!==null&&(r?n.child==null&&t.parent!==null&&(n.child=t):n.next===null&&(n.next=t,t.prev=n))}function Zp(e,t,n,r,i,a){let o=t?t.injectorIndex:-1,s=0;return No()&&(s|=128),{type:n,index:r,insertBeforeIndex:null,injectorIndex:o,directiveStart:-1,directiveEnd:-1,directiveStylingLast:-1,componentOffset:-1,controlDirectiveIndex:-1,customControlIndex:-1,propertyBindings:null,flags:s,providerIndexes:0,value:i,namespace:vs(),attrs:a,mergedAttrs:null,localNames:null,initialInputs:null,inputs:null,hostDirectiveInputs:null,outputs:null,hostDirectiveOutputs:null,directiveToIndex:null,tView:null,next:null,prev:null,projectionNext:null,child:null,parent:t,projection:null,styles:null,stylesWithoutHost:null,residualStyles:void 0,classes:null,classesWithoutHost:null,residualClasses:void 0,classBindings:0,styleBindings:0}}function Qp(e){let t=e[6]??[],n=e[3][11],r=[];for(let e of t)e.data.di===void 0?$p(e,n):r.push(e);e[6]=r}function $p(e,t){let n=0,r=e.firstChild;if(r){let i=e.data.r;for(;n<i;){let e=r.nextSibling;Ou(t,r,!1),r=e,n++}}}var em=()=>null,tm=()=>null;function nm(e,t){return em(e,t)}function rm(e,t,n){return tm(e,t,n)}var im=class{},am=class{},om=(()=>{class e{static ɵprov=pi({token:e,providedIn:`root`,factory:()=>null})}return e})();function sm(e){return e.debugInfo?.className||e.type.name||null}var cm={},lm=class{injector;parentInjector;constructor(e,t){this.injector=e,this.parentInjector=t}get(e,t,n){let r=this.injector.get(e,cm,n);return r!==cm||t===cm?r:this.parentInjector.get(e,t,n)}};function um(e,t,n){return e[t]=n}function dm(e,t){return e[t]}function fm(e,t,n){if(n===$u)return!1;let r=e[t];return!Object.is(r,n)&&(e[t]=n,!0)}function pm(e,t,n,r){let i=fm(e,t,n);return fm(e,t+1,r)||i}function mm(e,t,n,r,i){let a=pm(e,t,n,r);return fm(e,t+2,i)||a}function hm(e,t,n,r,i,a){let o=pm(e,t,n,r);return pm(e,t+2,i,a)||o}function gm(e,t,n){return function r(i){let a=r.__ngNativeEl__;a!==void 0&&ru(i,a),Ip(Za(e)?uo(e.index,t):t,5);let o=t[8],s=_m(t,o,n,i),c=r.__ngNextListenerFn__;for(;c;)s=_m(t,o,c,i)&&s,c=c.__ngNextListenerFn__;return s}}function _m(e,t,n,r){let i=C(null);try{return Rc(Tc.OutputStart,t,n),n(r)!==!1}catch(t){return ap(e,t),!1}finally{Rc(Tc.OutputEnd,t,n),C(i)}}function vm(e,t,n,r,i,a,o,s){let c=Qa(e),l=!1,u=null;if(!r&&c&&(u=bm(t,n,a,e.index)),u!==null){let e=u.__ngLastListenerFn__||u;e.__ngNextListenerFn__=o,u.__ngLastListenerFn__=o,l=!0}else{let o=oo(e,n),c=r?r(o):o;r||(s.__ngNativeEl__=o);let l=i.listen(c,a,s);ym(a)||xm(r?t=>r(io(t[e.index])):e.index,t,n,a,s,l,!1)}return l}function ym(e){return e.startsWith(`animation`)||e.startsWith(`transition`)}function bm(e,t,n,r){let i=e.cleanup;if(i!=null)for(let e=0;e<i.length-1;e+=2){let a=i[e];if(a===n&&i[e+1]===r){let n=t[7],r=i[e+2];return n&&n.length>r?n[r]:null}typeof a==`string`&&(e+=2)}return null}function xm(e,t,n,r,i,a,o){let s=t.firstCreatePass?To(t):null,c=wo(n),l=c.length;c.push(i,a),s&&s.push(r,e,l,(l+1)*(o?-1:1))}function Sm(e,t,n,r,i,a){let o=t[n],s=t[1],c=o[s.data[n].outputs[r]].subscribe(a);xm(e.index,s,t,i,a,c,!0)}var Cm=Symbol(`BINDING`),wm=new bi(``);function Tm(e,t,n){let r=n?e.styles:null,i=n?e.classes:null,a=0;if(t!==null)for(let e=0;e<t.length;e++){let n=t[e];if(typeof n==`number`)a=n;else if(a==1)i=ci(i,n);else if(a==2){let i=n,a=t[++e];r=ci(r,i+`: `+a+`;`)}}n?e.styles=r:e.stylesWithoutHost=r,n?e.classes=i:e.classesWithoutHost=i}function Em(e,t=0){let n=T();return n===null?Yi(e,t):bl(Lo(),n,di(e),t)}function Dm(e,t,n,r,i){let a=r===null?null:{"":-1},o=i(e,n);if(o!==null){let r=o,i=null,s=null;for(let e of o)if(e.resolveHostDirectives!==null){[r,i,s]=e.resolveHostDirectives(o);break}Am(e,t,n,r,a,i,s)}a!==null&&r!==null&&Om(n,r,a)}function Om(e,t,n){let r=e.localNames=[];for(let e=0;e<t.length;e+=2){let i=n[t[e+1]];if(i==null)throw new ri(-301,!1);r.push(t[e],i)}}function km(e,t,n){t.componentOffset=n,(e.components??=[]).push(t.index)}function Am(e,t,n,r,i,a,o){let s=r.length,c=null;for(let i=0;i<s;i++){let a=r[i];c===null&&$a(a)&&(c=a,km(e,n,i)),_l(pl(n,t),e,a.type)}Bm(n,e.data.length,s),c?.viewProvidersResolver&&c.viewProvidersResolver(c);for(let e=0;e<s;e++){let t=r[e];t.providersResolver&&t.providersResolver(t)}let l=!1,u=!1,d=Lf(e,t,s,null);s>0&&(n.directiveToIndex=new Map);for(let c=0;c<s;c++){let s=r[c];if(n.mergedAttrs=el(n.mergedAttrs,s.hostAttrs),Im(e,n,t,d,s),zm(d,s,i),o!==null&&o.has(s)){let[e,t]=o.get(s);n.directiveToIndex.set(s.type,[d,e+n.directiveStart,t+n.directiveStart])}else(a===null||!a.has(s))&&n.directiveToIndex.set(s.type,d);s.contentQueries!==null&&(n.flags|=4),(s.hostBindings!==null||s.hostAttrs!==null||s.hostVars!==0)&&(n.flags|=64);let f=s.type.prototype;!l&&(f.ngOnChanges||f.ngOnInit||f.ngDoCheck)&&((e.preOrderHooks??=[]).push(n.index),l=!0),!u&&(f.ngOnChanges||f.ngDoCheck)&&((e.preOrderCheckHooks??=[]).push(n.index),u=!0),d++}jm(e,n,a)}function jm(e,t,n){for(let r=t.directiveStart;r<t.directiveEnd;r++){let i=e.data[r];if(n===null||!n.has(i))Mm(0,t,i,r),Mm(1,t,i,r),Fm(t,r,!1);else{let e=n.get(i);Nm(0,t,e,r),Nm(1,t,e,r),Fm(t,r,!0)}}}function Mm(e,t,n,r){let i=e===0?n.inputs:n.outputs;for(let n in i)if(Object.hasOwn(i,n)){let i;i=e===0?t.inputs??={}:t.outputs??={},i[n]??=[],i[n].push(r),Pm(t,n)}}function Nm(e,t,n,r){let i=e===0?n.inputs:n.outputs;for(let n in i)if(Object.hasOwn(i,n)){let a=i[n],o;o=e===0?t.hostDirectiveInputs??={}:t.hostDirectiveOutputs??={},o[a]??=[],o[a].push(r,n),Pm(t,a)}}function Pm(e,t){t===`class`?e.flags|=8:t===`style`&&(e.flags|=16)}function Fm(e,t,n){let{attrs:r,inputs:i,hostDirectiveInputs:a}=e;if(r===null||!n&&i===null||n&&a===null||zu(e)){e.initialInputs??=[],e.initialInputs.push(null);return}let o=null,s=0;for(;s<r.length;){let e=r[s];if(e===0){s+=4;continue}if(e===5){s+=2;continue}if(typeof e==`number`)break;if(!n&&Object.hasOwn(i,e)){let n=i[e];for(let i of n)if(i===t){o??=[],o.push(e,r[s+1]);break}}else if(n&&Object.hasOwn(a,e)){let n=a[e];for(let e=0;e<n.length;e+=2)if(n[e]===t){o??=[],o.push(n[e+1],r[s+1]);break}}s+=2}e.initialInputs??=[],e.initialInputs.push(o)}function Im(e,t,n,r,i){e.data[r]=i;let a=new Jc(i.factory||=ea(i.type,!0),$a(i),Em,null);e.blueprint[r]=a,n[r]=a,Lm(e,t,r,Lf(e,n,i.hostVars,$u),i)}function Lm(e,t,n,r,i){let a=i.hostBindings;if(a){let i=e.hostBindingOpCodes;i===null&&(i=e.hostBindingOpCodes=[]);let o=~t.index;Rm(i)!=o&&i.push(o),i.push(n,r,a)}}function Rm(e){let t=e.length;for(;t>0;){let n=e[--t];if(typeof n==`number`&&n<0)return n}return 0}function zm(e,t,n){if(n){if(t.exportAs)for(let r=0;r<t.exportAs.length;r++)n[t.exportAs[r]]=e;$a(t)&&(n[``]=e)}}function Bm(e,t,n){e.flags|=1,e.directiveStart=t,e.directiveEnd=t+n,e.providerIndexes=t}function Vm(e,t,n,r,i,a,o,s){let c=t[1],l=c.consts,u=Jp(c,e,n,r,mo(l,o));return a&&Dm(c,t,u,mo(l,s),i),u.mergedAttrs=el(u.mergedAttrs,u.attrs),u.attrs!==null&&Tm(u,u.attrs,!1),u.mergedAttrs!==null&&Tm(u,u.mergedAttrs,!0),c.queries!==null&&c.queries.elementStart(c,u),u}function Hm(e,t){Bc(e,t),Xa(t)&&e.queries.elementEnd(t)}function Um(e,t,n,r,i,a){let o=t.consts,s=Jp(t,e,n,r,mo(o,i));if(s.mergedAttrs=el(s.mergedAttrs,s.attrs),a!=null){let e=mo(o,a);s.localNames=[];for(let t=0;t<e.length;t+=2)s.localNames.push(e[t],-1)}return s.attrs!==null&&Tm(s,s.attrs,!1),s.mergedAttrs!==null&&Tm(s,s.mergedAttrs,!0),t.queries!==null&&t.queries.elementStart(t,s),s}var Wm=typeof ShadowRoot<`u`,Gm=typeof Document<`u`;function Km(e){return Object.keys(e).map(t=>{let[n,r,i]=e[t],a={propName:n,templateName:t,isSignal:(r&Bf.SignalBased)!==0};return i&&(a.transform=i),a})}function qm(e){return Object.keys(e).map(t=>({propName:e[t],templateName:t}))}function Jm(e,t,n){let r=t instanceof Na?t:t?.injector;return r&&e.getStandaloneInjector!==null&&(r=e.getStandaloneInjector(r)||r),r?new lm(n,r):n}function Ym(e){let t=e.get(am,null);if(t===null)throw new ri(407,!1);return{rendererFactory:t,sanitizer:e.get(om,null),changeDetectionScheduler:e.get(sc,null),ngReflect:!1,tracingService:e.get(Pd,null,{optional:!0})}}function Xm(e,t,n){let r=Qm(e);return wu(t,r,r===`svg`?`svg`:r===`math`?ro:n)}function Zm(e){if((e&&`localName`in e&&typeof e.localName==`string`?e.localName:e?.tagName)?.toLowerCase()===`script`)throw new ri(905,!1)}function Qm(e){return(e.selectors[0][0]||`div`).toLowerCase()}var $m=class{componentDef;ngModule;selector;componentType;ngContentSelectors;isBoundToModule;cachedInputs=null;cachedOutputs=null;get inputs(){return this.cachedInputs??=Km(this.componentDef.inputs),this.cachedInputs}get outputs(){return this.cachedOutputs??=qm(this.componentDef.outputs),this.cachedOutputs}constructor(e,t){this.componentDef=e,this.ngModule=t,this.componentType=e.type,this.selector=Zu(e.selectors),this.ngContentSelectors=e.ngContentSelectors??[],this.isBoundToModule=!!t}create(e,t,n,r,i,a,o){Rc(Tc.DynamicComponentStart);let s=C(null);try{let s=this.componentDef,c=Jm(s,r||this.ngModule,e),l=Ym(c),u=l.tracingService;return u&&u.componentCreate?u.componentCreate(sm(s),()=>this.createComponentRef(l,c,t,n,i,a,o)):this.createComponentRef(l,c,t,n,i,a,o)}finally{C(s)}}createComponentRef(e,t,n,r,i,a,o){let s=this.componentDef,c=eh(r,s,a,i),l=e.rendererFactory.createRenderer(null,s),u=r?Gf(l,r,s.encapsulation,t):Xm(s,l,o??null);Zm(u);let d=t.get(wm,null),f=th(u,()=>t.get(Ts,null)??$l());d&&d.addHost(f);let p=a?.some(rh)||i?.some(e=>typeof e!=`function`&&e.bindings.some(rh)),m=Pf(null,c,null,512|If(s),null,null,e,l,t,null,ou(u,t,!0));d&&Wm&&f instanceof ShadowRoot&&xo(m,()=>{d.removeHost(f)}),m[27]=u,os(m);let h=null;try{let e=Vm(27,m,2,`#host`,()=>c.directiveRegistry,!0,0);ju(l,u,e),ql(u,m),Uf(c,m,e),lu(c,e,m),Hm(c,e),n!==void 0&&ah(e,this.ngContentSelectors,n),h=uo(e.index,m),m[8]=h[8],lp(c,m,null)}catch(e){throw h!==null&&Gl(h),Gl(m),e}finally{Rc(Tc.DynamicComponentEnd),ds()}return new ih(this.componentType,m,!!p)}};function eh(e,t,n,r){let i=e?[`ng-version`,`22.1.7`]:Qu(t.selectors[0]),a=null,o=null,s=0;if(n)for(let e of n)s+=e[Cm].requiredVars,e.create&&(e.targetIdx=0,(a??=[]).push(e)),e.update&&(e.targetIdx=0,(o??=[]).push(e));if(r)for(let e=0;e<r.length;e++){let t=r[e];if(typeof t!=`function`)for(let n of t.bindings){s+=n[Cm].requiredVars;let t=e+1;n.create&&(n.targetIdx=t,(a??=[]).push(n)),n.update&&(n.targetIdx=t,(o??=[]).push(n))}}let c=[t];if(r)for(let e of r){let t=ki(typeof e==`function`?e:e.type);c.push(t)}return jf(0,null,nh(a,o),1,s,c,null,null,null,[i],null)}function th(e,t){let n=e.getRootNode?.();return Gm&&n instanceof Document?n.head:n&&Wm&&n instanceof ShadowRoot?n:t().head}function nh(e,t){return!e&&!t?null:n=>{if(n&1&&e)for(let t of e)t.create();if(n&2&&t)for(let e of t)e.update()}}function rh(e){let t=e[Cm].kind;return t===`input`||t===`twoWay`}var ih=class extends im{_rootLView;_hasInputBindings;instance;hostView;changeDetectorRef;componentType;location;previousInputValues=null;_tNode;constructor(e,t,n){super(),this._rootLView=t,this._hasInputBindings=n,this._tNode=so(t[1],27),this.location=Pl(this._tNode,t),this.instance=uo(this._tNode.index,t)[8],this.hostView=this.changeDetectorRef=new Wp(t,void 0),this.componentType=e}setInput(e,t){this._hasInputBindings;let n=this._tNode;if(this.previousInputValues??=new Map,this.previousInputValues.has(e)&&Object.is(this.previousInputValues.get(e),t))return;let r=this._rootLView;op(n,r[1],r,e,t),this.previousInputValues.set(e,t),Ip(uo(n.index,r),1)}get injector(){return new Ol(this._tNode,this._rootLView)}destroy(){this.hostView.destroy()}onDestroy(e){this.hostView.onDestroy(e)}};function ah(e,t,n){let r=e.projection=[];for(let e=0;e<t.length;e++){let t=n[e];r.push(t!=null&&t.length?Array.from(t):null)}}var oh=(()=>{class e{static __NG_ELEMENT_ID__=sh}return e})();function sh(){return dh(Lo(),T())}var ch=class e extends oh{_lContainer;_hostTNode;_hostLView;constructor(e,t,n){super(),this._lContainer=e,this._hostTNode=t,this._hostLView=n}get element(){return Pl(this._hostTNode,this._hostLView)}get injector(){return new Ol(this._hostTNode,this._hostLView)}get parentInjector(){let e=gl(this._hostTNode,this._hostLView);if(nl(e)){let t=al(e,this._hostLView),n=rl(e),r=t[1].data[n+8];return new Ol(r,t)}return new Ol(null,this._hostLView)}clear(){for(;this.length>0;)this.remove(this.length-1)}get(e){let t=lh(this._lContainer);return t!==null&&t[e]||null}get length(){return this._lContainer.length-10}createEmbeddedView(e,t,n){let r,i;typeof n==`number`?r=n:n!=null&&(r=n.index,i=n.injector);let a=nm(this._lContainer,e.ssrId),o=e.createEmbeddedViewImpl(t||{},i,a);return this.insertImpl(o,r,fp(this._hostTNode,a)),o}createComponent(e,t,n,r,i,a,o){let s,c=t||{};s=c.index,n=c.injector,r=c.projectableNodes,i=c.environmentInjector||c.ngModuleRef,a=c.directives,o=c.bindings;let l=new $m(Oi(e)),u=n||this.parentInjector;if(!i&&l.ngModule==null){let e=this.parentInjector.get(Na,null);e&&(i=e)}let d=Oi(l.componentType??{}),f=nm(this._lContainer,d?.id??null),p=f?.firstChild??null,m=l.create(u,r,p,i,a,o,this._getHostElementNamespace());return this.insertImpl(m.hostView,s,fp(this._hostTNode,f)),m}_getHostElementNamespace(){if(this._hostTNode.type&2){let e=this._hostTNode.parent??this._hostLView[5];return e!==null&&e.type&2&&typeof e.value==`string`&&e.value.toLowerCase()===`foreignobject`?null:e?.namespace??null}return this._hostTNode.namespace}insert(e,t){return this.insertImpl(e,t,!0)}insertImpl(t,n,r){let i=t._lView;if(po(i)){let n=this.indexOf(t);if(n!==-1)this.detach(n);else{let n=i[3],r=new e(n,n[5],n[3]);r.detach(r.indexOf(t))}}let a=this._adjustIndex(n),o=this._lContainer;return zp(o,i,a,r),t.attachToViewContainerRef(),ia(uh(o),a,t),t}move(e,t){return this.insert(e,t)}indexOf(e){let t=lh(this._lContainer);return t===null?-1:t.indexOf(e)}remove(e){let t=this._adjustIndex(e,-1),n=Vp(this._lContainer,t);n&&(aa(uh(this._lContainer),t),df(n[1],n))}detach(e){let t=this._adjustIndex(e,-1),n=Vp(this._lContainer,t);return n&&aa(uh(this._lContainer),t)!=null?new Wp(n):null}_adjustIndex(e,t=0){return e??this.length+t}};function lh(e){return e[8]}function uh(e){return e[8]||=[]}function dh(e,t){let n,r=t[e.index];return Ya(r)?n=r:(n=Lp(r,t,null,e),t[e.index]=n,Rf(t,n)),ph(n,t,e,r),new ch(n,e,t)}function fh(e,t){let n=e[11],r=n.createComment(``),i=oo(t,e);return Tu(n,n.parentNode(i),r,n.nextSibling(i),!1),r}var ph=gh,mh=()=>!1;function hh(e,t,n){return mh(e,t,n)}function gh(e,t,n,r){if(e[7])return;let i;i=n.type&8?io(r):fh(t,n),e[7]=i}var _h=class e{queryList;matches=null;constructor(e){this.queryList=e}clone(){return new e(this.queryList)}setDirty(){this.queryList.setDirty()}},vh=class e{queries;constructor(e=[]){this.queries=e}createEmbeddedView(t){let n=t.queries;if(n!==null){let r=t.contentQueries===null?n.length:t.contentQueries[0],i=[];for(let e=0;e<r;e++){let t=n.getByIndex(e),r=this.queries[t.indexInDeclarationView];i.push(r.clone())}return new e(i)}return null}insertView(e){this.dirtyQueriesWithMatches(e)}detachView(e){this.dirtyQueriesWithMatches(e)}finishViewCreation(e){this.dirtyQueriesWithMatches(e)}dirtyQueriesWithMatches(e){for(let t=0;t<this.queries.length;t++)Nh(e,t).matches!==null&&this.queries[t].setDirty()}},yh=class{flags;read;predicate;constructor(e,t,n=null){this.flags=t,this.read=n,this.predicate=typeof e==`string`?jh(e):e}},bh=class e{queries;constructor(e=[]){this.queries=e}elementStart(e,t){for(let n=0;n<this.queries.length;n++)this.queries[n].elementStart(e,t)}elementEnd(e){for(let t=0;t<this.queries.length;t++)this.queries[t].elementEnd(e)}embeddedTView(t){let n=null;for(let e=0;e<this.length;e++){let r=n===null?0:n.length,i=this.getByIndex(e).embeddedTView(t,r);i&&(i.indexInDeclarationView=e,n===null?n=[i]:n.push(i))}return n===null?null:new e(n)}template(e,t){for(let n=0;n<this.queries.length;n++)this.queries[n].template(e,t)}getByIndex(e){return this.queries[e]}get length(){return this.queries.length}track(e){this.queries.push(e)}},xh=class e{metadata;matches=null;indexInDeclarationView=-1;crossesNgTemplate=!1;_declarationNodeIndex;_appliesToNextNode=!0;constructor(e,t=-1){this.metadata=e,this._declarationNodeIndex=t}elementStart(e,t){this.isApplyingToNode(t)&&this.matchTNode(e,t)}elementEnd(e){this._declarationNodeIndex===e.index&&(this._appliesToNextNode=!1)}template(e,t){this.elementStart(e,t)}embeddedTView(t,n){return this.isApplyingToNode(t)?(this.crossesNgTemplate=!0,this.addMatch(-t.index,n),new e(this.metadata)):null}isApplyingToNode(e){if(this._appliesToNextNode&&(this.metadata.flags&1)!=1){let t=this._declarationNodeIndex,n=e.parent;for(;n!==null&&n.type&8&&n.index!==t;)n=n.parent;return t===(n===null?-1:n.index)}return this._appliesToNextNode}matchTNode(e,t){let n=this.metadata.predicate;if(Array.isArray(n))for(let r=0;r<n.length;r++){let i=n[r];this.matchTNodeWithReadOption(e,t,Sh(t,i)),this.matchTNodeWithReadOption(e,t,Cl(t,e,i,!1,!1))}else n===Gp?t.type&4&&this.matchTNodeWithReadOption(e,t,-1):this.matchTNodeWithReadOption(e,t,Cl(t,e,n,!1,!1))}matchTNodeWithReadOption(e,t,n){if(n!==null){let r=this.metadata.read;if(r!==null){if(r===Fl||r===oh||r===Gp&&t.type&4)this.addMatch(t.index,-2);else{let n=Cl(t,e,r,!1,!1);n!==null&&this.addMatch(t.index,n)}}else this.addMatch(t.index,n)}}addMatch(e,t){this.matches===null?this.matches=[e,t]:this.matches.push(e,t)}};function Sh(e,t){let n=e.localNames;if(n!==null){for(let e=0;e<n.length;e+=2)if(n[e]===t)return n[e+1]}return null}function Ch(e,t){return e.type&11?Pl(e,t):e.type&4?qp(e,t):null}function wh(e,t,n,r){return n===-1?Ch(t,e):n===-2?Th(e,t,r):wl(e,e[1],n,t)}function Th(e,t,n){if(n===Fl)return Pl(t,e);if(n===Gp)return qp(t,e);if(n===oh)return dh(t,e)}function Eh(e,t,n,r){let i=t[18].queries[r];if(i.matches===null){let r=e.data,a=n.matches,o=[];for(let e=0;a!==null&&e<a.length;e+=2){let i=a[e];if(i<0)o.push(null);else{let s=r[i];o.push(wh(t,s,a[e+1],n.metadata.read))}}i.matches=o}return i.matches}function Dh(e,t,n,r){let i=e.queries.getByIndex(n),a=i.matches;if(a!==null){let o=Eh(e,t,i,n);for(let e=0;e<a.length;e+=2){let n=a[e];if(n>0)r.push(o[e/2]);else{let i=a[e+1],o=t[-n];for(let e=10;e<o.length;e++){let t=o[e];t[16]===t[3]&&Dh(t[1],t,i,r)}if(o[9]!==null){let e=o[9];for(let t=0;t<e.length;t++){let n=e[t];Dh(n[1],n,i,r)}}}}}return r}function Oh(e,t){return e[18].queries[t].queryList}function kh(e,t,n){let r=new Rl((n&4)==4);return Eo(e,t,r,r.destroy),(t[18]??=new vh).queries.push(new _h(r))-1}function Ah(e,t,n){let r=Io();return r.firstCreatePass&&(Mh(r,new yh(e,t,n),-1),(t&2)==2&&(r.staticViewQueries=!0)),kh(r,T(),t)}function jh(e){return e.split(`,`).map(e=>e.trim())}function Mh(e,t,n){e.queries===null&&(e.queries=new bh),e.queries.track(new xh(t,n))}function Nh(e,t){return e.queries.getByIndex(t)}function Ph(e,t){let n=e[1],r=Nh(n,t);return r.crossesNgTemplate?Dh(n,e,t,[]):Eh(n,e,r,t)}function Fh(e,t,n){let r,i=Nn(()=>{r._dirtyCounter();let n=zh(r,e);if(t&&n===void 0)throw new ri(-951,!1);return n});return r=i[fn],r._dirtyCounter=k(0),r._flatValue=void 0,i}function Ih(e){return Fh(!0,!1,e)}function Lh(e){return Fh(!0,!0,e)}function Rh(e,t){let n=e[fn];n._lView=T(),n._queryIndex=t,n._queryList=Oh(n._lView,t),n._queryList.onDirty(()=>n._dirtyCounter.update(e=>e+1))}function zh(e,t){let n=e._lView,r=e._queryIndex;if(n===void 0||r===void 0||n[2]&4)return t?void 0:pa;let i=Oh(n,r),a=Ph(n,r);return i.reset(a,Il),t?i.first:i._changesDetected||e._flatValue===void 0?e._flatValue=i.toArray():e._flatValue}function Bh(e){return!!e&&typeof e.then==`function`}function Vh(e){return!!e&&typeof e.subscribe==`function`}var Hh=class{},Uh=class extends Hh{injector;instance=null;constructor(e){super();let t=new Pa([...e.providers,{provide:Hh,useValue:this}],e.parent||Ma(),e.debugName,new Set([`environment`]));this.injector=t,e.runEnvironmentInitializers&&t.resolveInjectorInitializers()}destroy(){this.injector.destroy()}onDestroy(e){this.injector.onDestroy(e)}};function Wh(e,t,n=null){return new Uh({providers:e,parent:t,debugName:n,runEnvironmentInitializers:!0}).injector}var Gh=(()=>{class e{_injector;cachedInjectors=new Map;constructor(e){this._injector=e}getOrCreateStandaloneInjector(e){if(!e.standalone)return null;if(!this.cachedInjectors.has(e)){let t=ya(!1,e.type),n=t.length>0?Wh([t],this._injector,``):null;this.cachedInjectors.set(e,n)}return this.cachedInjectors.get(e)}ngOnDestroy(){try{for(let e of this.cachedInjectors.values())e!==null&&e.destroy()}finally{this.cachedInjectors.clear()}}static ɵprov=pi({token:e,providedIn:`environment`,factory:()=>new e(Yi(Na))})}return e})();function Kh(e){return wc(()=>{let t=Qh(e),n={...t,decls:e.decls,vars:e.vars,template:e.template,consts:e.consts||null,ngContentSelectors:e.ngContentSelectors,onPush:e.changeDetection!==Bl.Eager,directiveDefs:null,pipeDefs:null,dependencies:t.standalone&&e.dependencies||null,getStandaloneInjector:t.standalone?e=>e.get(Gh).getOrCreateStandaloneInjector(n):null,getExternalStyles:null,signals:e.signals??!1,data:e.data||{},encapsulation:e.encapsulation||uu.Emulated,styles:e.styles||pa,_:null,schemas:e.schemas||null,tView:null,id:``};t.standalone&&Id(`NgStandalone`),$h(n);let r=e.dependencies;return n.directiveDefs=eg(r,qh),n.pipeDefs=eg(r,Ai),n.id=tg(n),n})}function qh(e){return Oi(e)||ki(e)}function Jh(e,t){if(e==null)return fa;let n={};for(let r in e)if(Object.hasOwn(e,r)){let i=e[r],a,o,s,c;Array.isArray(i)?(s=i[0],a=i[1],o=i[2]??a,c=i[3]||null):(a=i,o=i,s=Bf.None,c=null),n[a]=[r,s,c],t[a]=o}return n}function Yh(e){if(e==null)return fa;let t={};for(let n in e)Object.hasOwn(e,n)&&(t[e[n]]=n);return t}function Xh(e){return wc(()=>{let t=Qh(e);return $h(t),t})}function Zh(e){return{type:e.type,name:e.name,factory:null,pure:e.pure!==!1,standalone:e.standalone??!0,onDestroy:e.type.prototype.ngOnDestroy||null}}function Qh(e){let t={};return{type:e.type,providersResolver:null,viewProvidersResolver:null,factory:null,hostBindings:e.hostBindings||null,hostVars:e.hostVars||0,hostAttrs:e.hostAttrs||null,contentQueries:e.contentQueries||null,declaredInputs:t,inputConfig:e.inputs||fa,exportAs:e.exportAs||null,standalone:e.standalone??!0,signals:e.signals===!0,selectors:e.selectors||pa,viewQuery:e.viewQuery||null,features:e.features||null,setInput:null,resolveHostDirectives:null,hostDirectives:null,controlDef:null,signalFormsInputPresence:null,inputs:Jh(e.inputs,t),outputs:Yh(e.outputs),debugInfo:null}}function $h(e){e.features?.forEach(t=>t(e))}function eg(e,t){return e?()=>{let n=typeof e==`function`?e():e,r=[];for(let e of n){let n=t(e);n!==null&&r.push(n)}return r}:null}function tg(e){let t=0,n=typeof e.consts==`function`?``:e.consts,r=[e.selectors,e.ngContentSelectors,e.hostVars,e.hostAttrs,n,e.vars,e.decls,e.encapsulation,e.standalone,e.signals,e.exportAs,JSON.stringify(e.inputs),JSON.stringify(e.outputs),Object.getOwnPropertyNames(e.type.prototype),!!e.contentQueries,!!e.viewQuery];for(let e of r.join(`|`))t=Math.imul(31,t)+e.charCodeAt(0)<<0;return t+=2147483648,`c`+t}var ng=new bi(``),rg=(()=>{class e{resolve;reject;initialized=!1;done=!1;donePromise=new Promise((e,t)=>{this.resolve=e,this.reject=t});appInits=w(ng,{optional:!0})??[];injector=w(ws);constructor(){}runInitializers(){if(this.initialized)return;let e=[];for(let t of this.appInits){let n=Ga(this.injector,t);if(Bh(n))e.push(n);else if(Vh(n)){let t=new Promise((e,t)=>{n.subscribe({complete:e,error:t})});e.push(t)}}let t=()=>{this.done=!0,this.resolve()};Promise.all(e).then(()=>{t()}).catch(e=>{this.reject(e)}),e.length===0&&t(),this.initialized=!0}static ɵfac=function(t){return new(t||e)};static ɵprov=Ml({token:e,factory:e.ɵfac})}return e})();function ig(e,t,n,r,i,a,o,s){if(n.firstCreatePass){e.mergedAttrs=el(e.mergedAttrs,e.attrs);let t=e.tView=jf(2,e,i,a,o,n.directiveRegistry,n.pipeRegistry,null,n.schemas,n.consts,null);n.queries!==null&&(n.queries.template(n,e),t.queries=n.queries.embeddedTView(e))}s&&(e.flags|=s),Bo(e,!1);let c=cg(n,t,e,r);bs()&&bf(n,t,c,e),ql(c,t);let l=Lp(c,t,c,e);t[r+27]=l,Rf(t,l),hh(l,e,t)}function ag(e,t,n,r,i,a,o,s,c,l,u){let d=n+27,f;return t.firstCreatePass?(f=Jp(t,d,4,o||null,s||null),Mo()&&Dm(t,e,f,mo(t.consts,l),$f),Bc(t,f)):f=t.data[d],ig(f,e,t,n,r,i,a,c),Qa(f)&&Uf(t,e,f),l!=null&&Wf(e,f,u),f}function og(e,t,n,r,i,a,o,s,c,l,u){let d=n+27,f;if(t.firstCreatePass){if(f=Jp(t,d,4,o||null,s||null),l!=null){let e=mo(t.consts,l);f.localNames=[];for(let t=0;t<e.length;t+=2)f.localNames.push(e[t],-1)}}else f=t.data[d];return ig(f,e,t,n,r,i,a,c),l!=null&&Wf(e,f,u),f}function sg(e,t,n,r,i,a,o,s){let c=T(),l=Io();return ag(c,l,e,t,n,r,i,mo(l.consts,a),void 0,o,s),sg}var cg=lg;function lg(e,t,n,r){return xs(!0),t[11].createComment(``)}var ug=new bi(``),dg=new bi(``);function fg(){Vn(()=>{throw new ri(600,``)})}var pg=10,mg=(()=>{class e{_runningTick=!1;_destroyed=!1;_destroyListeners=[];_views=[];internalErrorHandler=w(Zs);afterRenderManager=w(Ld);zonelessEnabled=w(cc);rootEffectScheduler=w(uc);dirtyFlags=0;tracingSnapshot=null;allTestViews=new Set;autoDetectTestViews=new Set;includeAllTestViews=!1;afterTick=new Qr;get allViews(){return[...(this.includeAllTestViews?this.allTestViews:this.autoDetectTestViews).keys(),...this._views]}get destroyed(){return this._destroyed}componentTypes=[];components=[];internalPendingTask=w(As);get isStable(){return this.internalPendingTask.hasPendingTasksObservable.pipe(ti(e=>!e))}constructor(){w(Pd,{optional:!0})}whenStable(){let e;return new Promise(t=>{e=this.isStable.subscribe({next:e=>{e&&t()}})}).finally(()=>{e.unsubscribe()})}_injector=w(Na);_rendererFactory=null;get injector(){return this._injector}bootstrap(e,t){return this.bootstrapImpl(e,t)}bootstrapImpl(e,t,n=ws.NULL){return this._injector.get(Rs).run(()=>{if(Rc(Tc.BootstrapComponentStart),!this._injector.get(rg).done)throw new ri(405,``);let r=Oi(e),i=this._injector.get(Hh),a=new $m(r,i);this.componentTypes.push(e);let{hostElement:o,directives:s,bindings:c}=hg(t),l=o||a.selector,u=a.create(n,[],l,i.injector,s,c),d=u.location.nativeElement,f=u.injector.get(ug,null);return f?.registerApplication(d),u.onDestroy(()=>{this.detachView(u.hostView),gg(this.components,u),f?.unregisterApplication(d)}),this._loadComponent(u),Rc(Tc.BootstrapComponentEnd,u),u})}tick(){this.zonelessEnabled||(this.dirtyFlags|=1),this._tick()}_tick(){Rc(Tc.ChangeDetectionStart),this.tracingSnapshot===null?this.tickImpl():this.tracingSnapshot.run(Nd.CHANGE_DETECTION,this.tickImpl)}tickImpl=()=>{if(this._runningTick)throw Rc(Tc.ChangeDetectionEnd),new ri(101,!1);let e=C(null);try{this._runningTick=!0,this.synchronize()}finally{this._runningTick=!1,this.tracingSnapshot?.dispose(),this.tracingSnapshot=null,C(e),this.afterTick.next(),Rc(Tc.ChangeDetectionEnd)}};synchronize(){this._rendererFactory===null&&!this._injector.destroyed&&(this._rendererFactory=this._injector.get(am,null,{optional:!0}));let e=0;for(;this.dirtyFlags!==0&&e++<pg;){Rc(Tc.ChangeDetectionSyncStart);try{this.synchronizeOnce()}finally{Rc(Tc.ChangeDetectionSyncEnd)}}}synchronizeOnce(){this.dirtyFlags&16&&(this.dirtyFlags&=-17,this.rootEffectScheduler.flush());let e=!1;if(this.dirtyFlags&7){let t=!!(this.dirtyFlags&1);this.dirtyFlags&=-8,this.dirtyFlags|=8;for(let{_lView:n}of this.allViews)(t||vo(n))&&(Ep(n,t&&!this.zonelessEnabled?0:1),e=!0);if(this.dirtyFlags&=-5,this.syncDirtyFlagsWithViews(),this.dirtyFlags&23)return}e||(this._rendererFactory?.begin?.(),this._rendererFactory?.end?.()),this.dirtyFlags&8&&(this.dirtyFlags&=-9,this.afterRenderManager.execute()),this.syncDirtyFlagsWithViews()}syncDirtyFlagsWithViews(){if(this.allViews.some(({_lView:e})=>vo(e))){this.dirtyFlags|=2;return}this.dirtyFlags&=-8}attachView(e){let t=e;this._views.push(t),t.attachToAppRef(this)}detachView(e){let t=e;gg(this._views,t),t.detachFromAppRef()}_loadComponent(e){this.attachView(e.hostView);try{this.tick()}catch(e){this.internalErrorHandler(e)}this.components.push(e),this._injector.get(dg,[]).forEach(t=>t(e))}ngOnDestroy(){if(!this._destroyed)try{this._destroyListeners.forEach(e=>e()),this._views.slice().forEach(e=>e.destroy())}finally{this._destroyed=!0,this._views=[],this._destroyListeners=[]}}onDestroy(e){return this._destroyListeners.push(e),()=>gg(this._destroyListeners,e)}destroy(){if(this._destroyed)throw new ri(406,!1);let e=this._injector;e.destroy&&!e.destroyed&&e.destroy()}get viewCount(){return this._views.length}static ɵfac=function(t){return new(t||e)};static ɵprov=Ml({token:e,factory:e.ɵfac})}return e})();function hg(e){return e===void 0||typeof e==`string`||e instanceof Element?{hostElement:e}:e}function gg(e,t){let n=e.indexOf(t);n>-1&&e.splice(n,1)}function j(e,t,n,r){let i=T();return fm(i,Yo(),t)&&(Io(),ep(hs(),i,e,t,n,r)),j}function _g(e){if(Id(`NgAnimateEnter`),!_d)return _g;let t=T();if(vd(t))return _g;let n=Lo(),r=t[9].get(Rs);return Md(Od(t),n,()=>vg(t,n,e,r)),Yd(t[9]),Xd(t[9],Od(t)),_g}function vg(e,t,n,r){let i=oo(t,e),a=e[11],o=kd(n),s=[],c=!1,l=e=>{if(Ad(e)!==i)return;let t=e instanceof AnimationEvent?`animationend`:`transitionend`;r.runOutsideAngular(()=>{a.listen(i,t,u)})},u=e=>{Ad(e)===i&&(jd(e,i)&&(c=!0),yg(e,i,a))};if(o&&o.length>0){r.runOutsideAngular(()=>{s.push(a.listen(i,`animationstart`,l)),s.push(a.listen(i,`transitionstart`,l))}),yd(i,o,s);for(let e of o)a.addClass(i,e);r.runOutsideAngular(()=>{requestAnimationFrame(()=>{if(!c&&(fd(i,Sd,_d),!Sd.has(i))){for(let e of o)a.removeClass(i,e);bd(i)}})})}}function yg(e,t,n){let r=xd.get(t);if(Ad(e)===t&&r&&jd(e,t)){e.stopPropagation();for(let e of r.classList)n.removeClass(t,e);bd(t)}}var bg=class{destroy(e){}updateValue(e,t){}swap(e,t){let n=Math.min(e,t),r=Math.max(e,t),i=this.detach(r);if(r-n>1){let e=this.detach(n);this.attach(n,i),this.attach(r,e)}else this.attach(n,i)}move(e,t){this.attach(t,this.detach(e))}};function xg(e,t,n,r,i){return e===n&&Object.is(t,r)?1:Object.is(i(e,t),i(n,r))?-1:0}function Sg(e,t,n,r){let i,a,o=0,s=e.length-1;if(Array.isArray(t)){C(r);let c=t.length-1;for(C(null);o<=s&&o<=c;){let r=e.at(o),l=t[o],u=xg(o,r,o,l,n);if(u!==0){u<0&&e.updateValue(o,l),o++;continue}let d=e.at(s),f=t[c],p=xg(s,d,c,f,n);if(p!==0){p<0&&e.updateValue(s,f),s--,c--;continue}let m=n(o,r),h=n(s,d),g=n(o,l);if(Object.is(g,h)){let t=n(c,f);Object.is(t,m)?(e.swap(o,s),e.updateValue(s,f),c--,s--):e.move(s,o),e.updateValue(o,l),o++;continue}if(i??=new Eg,a??=Tg(e,o,s,n),Cg(e,i,o,g))e.updateValue(o,l),o++,s++;else if(a.has(g))i.set(m,e.detach(o)),s--;else{let n=e.create(o,t[o]);e.attach(o,n),o++,s++}}for(;o<=c;)wg(e,i,n,o,t[o]),o++}else if(t!=null){C(r);let c=t[Symbol.iterator]();C(null);let l=c.next();for(;!l.done&&o<=s;){let t=e.at(o),r=l.value,u=xg(o,t,o,r,n);if(u!==0)u<0&&e.updateValue(o,r),o++,l=c.next();else{i??=new Eg,a??=Tg(e,o,s,n);let u=n(o,r);if(Cg(e,i,o,u))e.updateValue(o,r),o++,s++,l=c.next();else if(!a.has(u))e.attach(o,e.create(o,r)),o++,s++,l=c.next();else{let r=n(o,t);i.set(r,e.detach(o)),s--}}}for(;!l.done;)wg(e,i,n,e.length,l.value),l=c.next()}for(;o<=s;)e.destroy(e.detach(s--));i?.forEach(t=>{e.destroy(t)})}function Cg(e,t,n,r){return t!==void 0&&t.has(r)?(e.attach(n,t.get(r)),t.delete(r),!0):!1}function wg(e,t,n,r,i){if(Cg(e,t,r,n(r,i)))e.updateValue(r,i);else{let t=e.create(r,i);e.attach(r,t)}}function Tg(e,t,n,r){let i=new Set;for(let a=t;a<=n;a++)i.add(r(a,e.at(a)));return i}var Eg=class{kvMap=new Map;_vMap=void 0;has(e){return this.kvMap.has(e)}delete(e){if(!this.has(e))return!1;let t=this.kvMap.get(e);return this._vMap!==void 0&&this._vMap.has(t)?(this.kvMap.set(e,this._vMap.get(t)),this._vMap.delete(t)):this.kvMap.delete(e),!0}get(e){return this.kvMap.get(e)}set(e,t){if(this.kvMap.has(e)){let n=this.kvMap.get(e);this._vMap===void 0&&(this._vMap=new Map);let r=this._vMap;for(;r.has(n);)n=r.get(n);r.set(n,t)}else this.kvMap.set(e,t)}forEach(e){for(let[t,n]of this.kvMap)if(e(n,t),this._vMap!==void 0){let r=this._vMap;for(;r.has(n);)n=r.get(n),e(n,t)}}};function M(e,t,n,r,i,a,o,s){Id(`NgControlFlow`);let c=T(),l=Io();return og(c,l,e,t,n,r,i,mo(l.consts,a),256,o,s),Dg}function Dg(e,t,n,r,i,a,o,s){Id(`NgControlFlow`);let c=T(),l=Io();return og(c,l,e,t,n,r,i,mo(l.consts,a),512,o,s),Dg}function N(e,t){Id(`NgControlFlow`);let n=T(),r=Yo(),i=n[r]===$u?-1:n[r],a=i===-1?void 0:Ng(n,27+i);if(fm(n,r,e)){let r=C(null);try{if(a!==void 0&&Bp(a,0),e!==-1){let r=27+e,i=Ng(n,r),a=Rg(n[1],r),o=rm(i,a,n);zp(i,dp(n,a,t,{dehydratedView:o}),0,fp(a,o))}}finally{C(r)}}else if(a!==void 0){let e=Rp(a,0);e!==void 0&&(e[8]=t)}}var Og=class{lContainer;$implicit;$index;constructor(e,t,n){this.lContainer=e,this.$implicit=t,this.$index=n}get $count(){return this.lContainer.length-10}};function kg(e){return e}function Ag(e,t){return t}var jg=class{hasEmptyBlock;trackByFn;liveCollection;constructor(e,t,n){this.hasEmptyBlock=e,this.trackByFn=t,this.liveCollection=n}};function P(e,t,n,r,i,a,o,s,c,l,u,d,f){Id(`NgControlFlow`);let p=T(),m=Io(),h=c!==void 0,g=T(),_=new jg(h,s?o.bind(g[15][8]):o);g[27+e]=_,og(p,m,e+1,t,n,r,i,mo(m.consts,a),256),h&&og(p,m,e+2,c,l,u,d,mo(m.consts,f),512)}var Mg=class extends bg{lContainer;hostLView;templateTNode;operationsCounter=void 0;needsIndexUpdate=!1;constructor(e,t,n){super(),this.lContainer=e,this.hostLView=t,this.templateTNode=n}get length(){return this.lContainer.length-10}at(e){return this.getLView(e)[8].$implicit}attach(e,t){let n=t[6];this.needsIndexUpdate||=e!==this.length,zp(this.lContainer,t,e,fp(this.templateTNode,n)),Pg(this.lContainer,e)}detach(e){return this.needsIndexUpdate||=e!==this.length-1,Fg(this.lContainer,e),Ig(this.lContainer,e)}create(e,t){let n=nm(this.lContainer,this.templateTNode.tView.ssrId);return dp(this.hostLView,this.templateTNode,new Og(this.lContainer,t,e),{dehydratedView:n})}destroy(e){df(e[1],e)}updateValue(e,t){this.getLView(e)[8].$implicit=t}reset(){this.needsIndexUpdate=!1}updateIndexes(){if(this.needsIndexUpdate)for(let e=0;e<this.length;e++)this.getLView(e)[8].$index=e}getLView(e){return Lg(this.lContainer,e)}};function F(e){let t=C(null),n=ps();try{let r=T(),i=r[1],a=r[n],o=n+1,s=Ng(r,o);a.liveCollection===void 0?a.liveCollection=new Mg(s,r,Rg(i,o)):a.liveCollection.reset();let c=a.liveCollection;if(Sg(c,e,a.trackByFn,t),c.updateIndexes(),a.hasEmptyBlock){let e=Yo(),t=c.length===0;if(fm(r,e,t)){let e=n+2,a=Ng(r,e);if(t){let t=Rg(i,e),n=rm(a,t,r);zp(a,dp(r,t,void 0,{dehydratedView:n}),0,fp(t,n))}else i.firstUpdatePass&&Qp(a),Bp(a,0)}}}finally{C(t)}}function Ng(e,t){return e[t]}function Pg(e,t){if(e.length<=10)return;let n=e[10+t],r=n?n[26]:void 0;if(n&&r&&r.detachedLeaveAnimationFns&&r.detachedLeaveAnimationFns.length>0){let e=n[9];qd(e,r),md.delete(n[19]),r.detachedLeaveAnimationFns=void 0}}function Fg(e,t){if(e.length<=10)return;let n=e[10+t],r=n?n[26]:void 0;r&&r.leave&&r.leave.size>0&&(r.detachedLeaveAnimationFns=[])}function Ig(e,t){return Vp(e,t)}function Lg(e,t){return Rp(e,t)}function Rg(e,t){return so(e,t)}function I(e,t,n){let r=T();return fm(r,Yo(),t)&&(Io(),qf(hs(),r,e,t,r[11],n)),I}function zg(e,t,n,r,i){op(t,e,n,i?`class`:`style`,r)}function L(e,t,n,r){let i=T(),a=i[1],o=e+27,s=a.firstCreatePass?Vm(o,i,2,t,$f,Mo(),n,r):a.data[o];if(Za(s)){let n=i[10].tracingService;if(n&&n.componentCreate){let o=a.data[s.directiveStart+s.componentOffset];return n.componentCreate(sm(o),()=>(Bg(e,t,i,s,r),L))}}return Bg(e,t,i,s,r),L}function Bg(e,t,n,r,i){if(rp(r,n,e,t,Hg),Qa(r)){let e=n[1];Uf(e,n,r),lu(e,r,n)}i!=null&&Wf(n,r)}function R(){let e=Io(),t=ip(Lo());return e.firstCreatePass&&Hm(e,t),Po(t)&&Fo(),jo(),t.classesWithoutHost!=null&&Yc(t)&&zg(e,t,T(),t.classesWithoutHost,!0),t.stylesWithoutHost!=null&&Xc(t)&&zg(e,t,T(),t.stylesWithoutHost,!1),R}function z(e,t,n,r){return L(e,t,n,r),R(),z}function B(e,t,n,r){let i=T(),a=i[1],o=e+27,s=a.firstCreatePass?Um(o,a,2,t,n,r):a.data[o];return rp(s,i,e,t,Hg),r!=null&&Wf(i,s),B}function V(){return Po(ip(Lo()))&&Fo(),jo(),V}function Vg(e,t,n,r){return B(e,t,n,r),V(),Vg}var Hg=(e,t,n,r,i)=>(xs(!0),wu(t[11],r,vs()));function Ug(e,t,n){let r=T(),i=r[1],a=e+27,o=i.firstCreatePass?Vm(a,r,8,`ng-container`,$f,Mo(),t,n):i.data[a];if(rp(o,r,e,`ng-container`,Kg),Qa(o)){let e=r[1];Uf(e,r,o),lu(e,o,r)}return n!=null&&Wf(r,o),Ug}function Wg(){let e=Io(),t=ip(Lo());return e.firstCreatePass&&Hm(e,t),Wg}function Gg(e,t,n){return Ug(e,t,n),Wg(),Gg}var Kg=(e,t,n,r,i)=>(xs(!0),Cu(t[11],``));function H(){return T()}function qg(e,t,n){let r=T();return fm(r,Yo(),t)&&(Io(),Jf(hs(),r,e,t,r[11],n)),qg}var Jg=void 0;function Yg(e){let t=Math.floor(Math.abs(e)),n=e.toString().replace(/^[^.]*\.?/,``).length;return t===1&&n===0?1:5}var Xg=[`en`,[[`a`,`p`],[`AM`,`PM`]],[[`AM`,`PM`]],[[`S`,`M`,`T`,`W`,`T`,`F`,`S`],[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`],[`Su`,`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`]],Jg,[[`J`,`F`,`M`,`A`,`M`,`J`,`J`,`A`,`S`,`O`,`N`,`D`],[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`]],Jg,[[`B`,`A`],[`BC`,`AD`],[`Before Christ`,`Anno Domini`]],0,[6,0],[`M/d/yy`,`MMM d, y`,`MMMM d, y`,`EEEE, MMMM d, y`],[`h:mm a`,`h:mm:ss a`,`h:mm:ss a z`,`h:mm:ss a zzzz`],[`{1}, {0}`,Jg,Jg,Jg],[`.`,`,`,`;`,`%`,`+`,`-`,`E`,`×`,`‰`,`∞`,`NaN`,`:`],[`#,##0.###`,`#,##0%`,`¤#,##0.00`,`#E0`],`USD`,`$`,`US Dollar`,{},`ltr`,Yg],Zg=Object.create(null);function Qg(e){let t=t_(e),n=$g(t);if(n)return n;let r=t.split(`-`)[0];if(n=$g(r),n)return n;if(r===`en`)return Xg;throw new ri(701,!1)}function $g(e){if(!(e in Zg)){let t=Wi.ng&&Wi.ng.common&&Wi.ng.common.locales&&Wi.ng.common.locales[e];return t!==void 0&&(Zg[e]=t),t}return Zg[e]}var e_={LocaleId:0,DayPeriodsFormat:1,DayPeriodsStandalone:2,DaysFormat:3,DaysStandalone:4,MonthsFormat:5,MonthsStandalone:6,Eras:7,FirstDayOfWeek:8,WeekendRange:9,DateFormat:10,TimeFormat:11,DateTimeFormat:12,NumberSymbols:13,NumberFormats:14,CurrencyCode:15,CurrencySymbol:16,CurrencyName:17,Currencies:18,Directionality:19,PluralCase:20,ExtraData:21};function t_(e){return e.toLowerCase().replace(/_/g,`-`)}var n_=`en-US`;function r_(e){typeof e==`string`&&e.toLowerCase().replace(/_/g,`-`)}function U(e,t,n){let r=T(),i=Io(),a=Lo();return i_(i,r,r[11],a,e,t,n),U}function W(e,t,n){let r=T(),i=Io(),a=Lo();return(a.type&3||n)&&vm(a,i,r,n,r[11],e,t,gm(a,r,t)),W}function i_(e,t,n,r,i,a,o){let s=!0,c=null;if((r.type&3||o)&&(c??=gm(r,t,a),vm(r,e,t,o,n,i,a,c)&&(s=!1)),s){let e=r.outputs?.[i],n=r.hostDirectiveOutputs?.[i];if(n&&n.length)for(let e=0;e<n.length;e+=2){let o=n[e],s=n[e+1];c??=gm(r,t,a),Sm(r,t,o,s,i,c)}if(e&&e.length)for(let n of e)c??=gm(r,t,a),Sm(r,t,n,i,i,c)}}function G(e=1){return fs(e)}function a_(e,t){let n=null,r=Gu(e);for(let i=0;i<t.length;i++){let a=t[i];if(a===`*`){n=i;continue}if(r===null?Wu(e,a,!0):Ju(r,a))return i}return n}function o_(e){let t=T()[15][5];if(!t.projection){let n=t.projection=oa(e?e.length:1,null),r=n.slice(),i=t.child;for(;i!==null;){if(i.type!==128){let t=e?a_(i,e):0;t!==null&&(r[t]?r[t].projectionNext=i:n[t]=i,r[t]=i)}i=i.next}}}function s_(e,t=0,n,r,i,a){let o=T(),s=Io(),c=r?e+1:null;c!==null&&og(o,s,c,r,i,a,null,n);let l=Jp(s,27+e,16,null,n||null);l.projection===null&&(l.projection=t),Ho();let u=!o[6]||No();o[15][5].projection[l.projection]===null&&c!==null?c_(o,s,c):u&&!iu(l)&&Df(s,o,l)}function c_(e,t,n){let r=27+n,i=t.data[r],a=e[r],o=nm(a,i.tView.ssrId);zp(a,dp(e,i,void 0,{dehydratedView:o}),0,fp(i,o))}function l_(e,t,n,r){return Rh(e,Ah(t,n,r)),l_}function u_(e=1){rs(ns()+e)}function d_(e){return co(Uo(),27+e)}function f_(e,t){return e<<17|t<<2}function p_(e){return e>>17&32767}function m_(e){return(e&2)==2}function h_(e,t){return e&131071|t<<17}function g_(e){return e|2}function __(e){return(e&131068)>>2}function v_(e,t){return e&-131069|t<<2}function y_(e){return(e&1)==1}function b_(e){return e|1}function x_(e,t,n,r,i,a){let o=a?t.classBindings:t.styleBindings,s=p_(o),c=__(o);e[r]=n;let l=!1,u;if(Array.isArray(n)){let e=n;u=e[1],(u===null||ua(e,u)>0)&&(l=!0)}else u=n;if(i){if(c!==0){let t=p_(e[s+1]);e[r+1]=f_(t,s),t!==0&&(e[t+1]=v_(e[t+1],r)),e[s+1]=h_(e[s+1],r)}else e[r+1]=f_(s,0),s!==0&&(e[s+1]=v_(e[s+1],r)),s=r}else e[r+1]=f_(c,0),s===0?s=r:e[c+1]=v_(e[c+1],r),c=r;l&&(e[r+1]=g_(e[r+1])),C_(e,u,r,!0),C_(e,u,r,!1),S_(t,u,e,r,a),o=f_(s,c),a?t.classBindings=o:t.styleBindings=o}function S_(e,t,n,r,i){let a=i?e.residualClasses:e.residualStyles;a!=null&&typeof t==`string`&&ua(a,t)>=0&&(n[r+1]=b_(n[r+1]))}function C_(e,t,n,r){let i=e[n+1],a=t===null,o=r?p_(i):__(i),s=!1;for(;o!==0&&(s===!1||a);){let n=e[o],i=e[o+1];w_(n,t)&&(s=!0,e[o+1]=r?b_(i):g_(i)),o=r?p_(i):__(i)}s&&(e[n+1]=r?g_(i):b_(i))}function w_(e,t){return e===null||t==null||(Array.isArray(e)?e[1]:e)===t?!0:Array.isArray(e)&&typeof t==`string`?ua(e,t)>=0:!1}var T_={textEnd:0,key:0,keyEnd:0,value:0,valueEnd:0};function E_(e){return e.substring(T_.key,T_.keyEnd)}function D_(e){return k_(e),O_(e,A_(e,0,T_.textEnd))}function O_(e,t){let n=T_.textEnd;return n===t?-1:(t=T_.keyEnd=j_(e,T_.key=t,n),A_(e,t,n))}function k_(e){T_.key=0,T_.keyEnd=0,T_.value=0,T_.valueEnd=0,T_.textEnd=e.length}function A_(e,t,n){for(;t<n&&e.charCodeAt(t)<=32;)t++;return t}function j_(e,t,n){for(;t<n&&e.charCodeAt(t)>32;)t++;return t}function K(e,t,n){return P_(e,t,n,!1),K}function q(e,t){return P_(e,t,null,!0),q}function M_(e){F_(G_,N_,e,!0)}function N_(e,t){for(let n=D_(t);n>=0;n=O_(t,n))ca(e,E_(t),!0)}function P_(e,t,n,r){let i=T(),a=Io(),o=Xo(2);if(a.firstUpdatePass&&L_(a,e,o,r),t!==$u&&fm(i,o,t)){let s=a.data[ps()];q_(a,s,i,i[11],e,i[o+1]=X_(t,n),r,o)}}function F_(e,t,n,r){let i=Io(),a=Xo(2);i.firstUpdatePass&&L_(i,null,a,r);let o=T();if(n!==$u&&fm(o,a,n)){let s=i.data[ps()];if(Z_(s,r)&&!I_(i,a)){let e=r?s.classesWithoutHost:s.stylesWithoutHost;e!==null&&(n=ci(e,n||``)),zg(i,s,o,n,r)}else K_(i,s,o,o[11],o[a+1],o[a+1]=W_(e,t,n),r,a)}}function I_(e,t){return t>=e.expandoStartIndex}function L_(e,t,n,r){let i=e.data;if(i[n+1]===null){let a=i[ps()],o=I_(e,n);Z_(a,r)&&t===null&&!o&&(t=!1),t=R_(i,a,t,r),x_(i,a,t,n,o,r)}}function R_(e,t,n,r){let i=ts(e),a=r?t.residualClasses:t.residualStyles;if(i===null)(r?t.classBindings:t.styleBindings)===0&&(n=H_(null,e,t,n,r),n=U_(n,t.attrs,r),a=null);else{let o=t.directiveStylingLast;if(o===-1||e[o]!==i){if(n=H_(i,e,t,n,r),a===null){let n=z_(e,t,r);n!==void 0&&Array.isArray(n)&&(n=H_(null,e,t,n[1],r),n=U_(n,t.attrs,r),B_(e,t,r,n))}else a=V_(e,t,r)}}return a!==void 0&&(r?t.residualClasses=a:t.residualStyles=a),n}function z_(e,t,n){let r=n?t.classBindings:t.styleBindings;if(__(r)!==0)return e[p_(r)]}function B_(e,t,n,r){let i=n?t.classBindings:t.styleBindings;e[p_(i)]=r}function V_(e,t,n){let r,i=t.directiveEnd;for(let a=1+t.directiveStylingLast;a<i;a++){let t=e[a].hostAttrs;r=U_(r,t,n)}return U_(r,t.attrs,n)}function H_(e,t,n,r,i){let a=null,o=n.directiveEnd,s=n.directiveStylingLast;for(s===-1?s=n.directiveStart:s++;s<o&&(a=t[s],r=U_(r,a.hostAttrs,i),a!==e);)s++;return e!==null&&(n.directiveStylingLast=s),r}function U_(e,t,n){let r=n?1:2,i=-1;if(t!==null)for(let a=0;a<t.length;a++){let o=t[a];typeof o==`number`?i=o:i===r&&(Array.isArray(e)||(e=e===void 0?[]:[``,e]),ca(e,o,n?!0:t[++a]))}return e===void 0?null:e}function W_(e,t,n){if(n==null||n===``)return pa;let r=[],i=fu(n);if(Array.isArray(i))for(let t=0;t<i.length;t++)e(r,i[t],!0);else if(i instanceof Set)for(let t of i)e(r,t,!0);else if(typeof i==`object`)for(let t in i)Object.hasOwn(i,t)&&e(r,t,i[t]);else typeof i==`string`&&t(r,i);return r}function G_(e,t,n){let r=String(t);r!==``&&!r.includes(` `)&&ca(e,r,n)}function K_(e,t,n,r,i,a,o,s){i===$u&&(i=pa);let c=0,l=0,u=0<i.length?i[0]:null,d=0<a.length?a[0]:null;for(;u!==null||d!==null;){let f=c<i.length?i[c+1]:void 0,p=l<a.length?a[l+1]:void 0,m=null,h;u===d?(c+=2,l+=2,f!==p&&(m=d,h=p)):d===null||u!==null&&u<d?(c+=2,m=u):(l+=2,m=d,h=p),m!==null&&q_(e,t,n,r,m,h,o,s),u=c<i.length?i[c]:null,d=l<a.length?a[l]:null}}function q_(e,t,n,r,i,a,o,s){if(!(t.type&3))return;let c=e.data,l=c[s+1];Y_(y_(l)?J_(c,t,n,i,__(l),o):void 0)||(Y_(a)||m_(l)&&(a=J_(c,null,n,i,s,o)),Af(r,o,ao(ps(),n),i,a))}function J_(e,t,n,r,i,a){let o=t===null,s;for(;i>0;){let t=e[i],a=Array.isArray(t),c=a?t[1]:t,l=c===null,u=n[i+1];u===$u&&(u=l?pa:void 0);let d=l?la(u,r):c===r?u:void 0;if(a&&!Y_(d)&&(d=la(t,r)),Y_(d)&&(s=d,o))return s;let f=e[i+1];i=o?p_(f):__(f)}if(t!==null){let e=a?t.residualClasses:t.residualStyles;e!=null&&(s=la(e,r))}return s}function Y_(e){return e!==void 0}function X_(e,t){return e==null||e===``||(typeof t==`string`?e=fu(e)+t:typeof e==`object`&&(e=si(fu(e)))),e}function Z_(e,t){return!!(e.flags&(t?8:16))}function J(e,t=``){let n=T(),r=Io(),i=e+27,a=r.firstCreatePass?Jp(r,i,1,t,null):r.data[i],o=Q_(r,n,a,t);n[i]=o,bs()&&bf(r,n,o,a),Bo(a,!1)}var Q_=(e,t,n,r)=>(xs(!0),xu(t[11],r));function $_(e,t,n,r=``){return fm(e,Yo(),n)?t+Mi(n)+r:$u}function ev(e,t,n,r,i,a=``){let o=pm(e,qo(),n,i);return Xo(2),o?t+Mi(n)+r+Mi(i)+a:$u}function tv(e,t,n,r,i,a,o,s=``){let c=mm(e,qo(),n,i,o);return Xo(3),c?t+Mi(n)+r+Mi(i)+a+Mi(o)+s:$u}function nv(e,t,n,r,i,a,o,s,c,l=``){let u=hm(e,qo(),n,i,o,c);return Xo(4),u?t+Mi(n)+r+Mi(i)+a+Mi(o)+s+Mi(c)+l:$u}function Y(e){return X(``,e),Y}function X(e,t,n){let r=T(),i=$_(r,e,t,n);return i!==$u&&av(r,ps(),i),X}function Z(e,t,n,r,i){let a=T(),o=ev(a,e,t,n,r,i);return o!==$u&&av(a,ps(),o),Z}function rv(e,t,n,r,i,a,o){let s=T(),c=tv(s,e,t,n,r,i,a,o);return c!==$u&&av(s,ps(),c),rv}function iv(e,t,n,r,i,a,o,s,c){let l=T(),u=nv(l,e,t,n,r,i,a,o,s,c);return u!==$u&&av(l,ps(),u),iv}function av(e,t,n){let r=ao(t,e);Su(e[11],r,n)}function ov(e,t,n){xc(t)&&(t=t());let r=T();return fm(r,Yo(),t)&&(Io(),qf(hs(),r,e,t,r[11],n)),ov}function sv(e,t){let n=xc(e);return n&&e.set(t),n}function cv(e,t){let n=T(),r=Io(),i=Lo();return i_(r,n,n[11],i,e,t),cv}var lv={};function uv(e){Id(`NgLet`);let t=Io(),n=T(),r=e+27;return Bo(Jp(t,r,128,null,null),!1),lo(t,n,r,lv),uv}function dv(e){return lo(Io(),T(),ps(),e),e}function fv(e){let t=co(Uo(),27+e);if(t===lv)throw new ri(314,!1);return t}function pv(e,t,n=``){return $_(T(),e,t,n)}function mv(e,t){let n=Ko()+e,r=T();return r[n]===$u?um(r,n,t()):dm(r,n)}function hv(e,t,n){return vv(T(),Ko(),e,t,n)}function gv(e,t,n,r,i){return bv(T(),Ko(),e,t,n,r,i)}function _v(e,t){let n=e[t];return n===$u?void 0:n}function vv(e,t,n,r,i,a){let o=t+n;return fm(e,o,i)?um(e,o+1,a?r.call(a,i):r(i)):_v(e,o+1)}function yv(e,t,n,r,i,a,o){let s=t+n;return pm(e,s,i,a)?um(e,s+2,o?r.call(o,i,a):r(i,a)):_v(e,s+2)}function bv(e,t,n,r,i,a,o,s){let c=t+n;return mm(e,c,i,a,o)?um(e,c+3,s?r.call(s,i,a,o):r(i,a,o)):_v(e,c+3)}function xv(e,t){let n=Io(),r,i=e+27;n.firstCreatePass?(r=Sv(t,n.pipeRegistry),n.data[i]=r,r.onDestroy&&(n.destroyHooks??=[]).push(i,r.onDestroy)):r=n.data[i];let a=r.factory||(r.factory=ea(r.type,!0)),o=Hi(Em);try{let e=sl(!1),t=a();return sl(e),lo(n,T(),i,t),t}finally{Hi(o)}}function Sv(e,t){if(t)for(let n=t.length-1;n>=0;n--){let r=t[n];if(e===r.name)return r}}function Cv(e,t,n){let r=e+27,i=T(),a=co(i,r);return Tv(i,r)?vv(i,Ko(),t,a.transform,n,a):a.transform(n)}function wv(e,t,n,r){let i=e+27,a=T(),o=co(a,i);return Tv(a,i)?yv(a,Ko(),t,o.transform,n,r,o):o.transform(n,r)}function Tv(e,t){return e[1].data[t].pure}function Ev(e,t){return qp(e,t)}var Dv=(()=>{class e{applicationErrorHandler=w(Zs);appRef=w(mg);taskService=w(As);ngZone=w(Rs);zonelessEnabled=w(cc);tracing=w(Pd,{optional:!0});zoneIsDefined=typeof Zone<`u`&&!!Zone.root.run;schedulerTickApplyArgs=[{data:{__scheduler_tick__:!0}}];subscriptions=new gr;angularZoneId=this.zoneIsDefined?this.ngZone._inner?.get(Is):null;scheduleInRootZone=!this.zonelessEnabled&&this.zoneIsDefined&&(w(lc,{optional:!0})??!1);cancelScheduledCallback=null;useMicrotaskScheduler=!1;runningTick=!1;pendingRenderTaskId=null;constructor(){this.subscriptions.add(this.appRef.afterTick.subscribe(()=>{let e=this.taskService.add();if(!this.runningTick&&(this.cleanup(),!this.zonelessEnabled||this.appRef.includeAllTestViews)){this.taskService.remove(e);return}this.switchToMicrotaskScheduler(),this.taskService.remove(e)})),this.subscriptions.add(this.ngZone.onUnstable.subscribe(()=>{this.runningTick||this.cleanup()}))}switchToMicrotaskScheduler(){this.ngZone.runOutsideAngular(()=>{let e=this.taskService.add();this.useMicrotaskScheduler=!0,queueMicrotask(()=>{this.useMicrotaskScheduler=!1,this.taskService.remove(e)})})}notify(e){if(!this.zonelessEnabled&&e===5)return;switch(e){case 0:case 2:this.appRef.dirtyFlags|=2;break;case 3:case 4:case 5:case 1:this.appRef.dirtyFlags|=4;break;case 6:this.appRef.dirtyFlags|=2;break;case 12:this.appRef.dirtyFlags|=16;break;case 13:this.appRef.dirtyFlags|=2;break;case 11:break;default:this.appRef.dirtyFlags|=8}if(this.appRef.tracingSnapshot=this.tracing?.snapshot(this.appRef.tracingSnapshot)??null,!this.shouldScheduleTick())return;let t=this.useMicrotaskScheduler?Ps:Ns;this.pendingRenderTaskId=this.taskService.add(),this.cancelScheduledCallback=this.scheduleInRootZone?Zone.root.run(()=>t(()=>this.tick())):this.ngZone.runOutsideAngular(()=>t(()=>this.tick()))}shouldScheduleTick(){return!(this.appRef.destroyed||this.pendingRenderTaskId!==null||this.runningTick||this.appRef._runningTick||!this.zonelessEnabled&&this.zoneIsDefined&&Zone.current.get(`isAngularZone_ID`+this.angularZoneId))}tick(){if(this.runningTick||this.appRef.destroyed)return;if(this.appRef.dirtyFlags===0){this.cleanup();return}!this.zonelessEnabled&&this.appRef.dirtyFlags&7&&(this.appRef.dirtyFlags|=1);let e=this.taskService.add();try{this.ngZone.run(()=>{this.runningTick=!0,this.appRef._tick()},void 0,this.schedulerTickApplyArgs)}catch(e){this.applicationErrorHandler(e)}finally{this.taskService.remove(e),this.cleanup()}}ngOnDestroy(){this.subscriptions.unsubscribe(),this.cleanup()}cleanup(){if(this.runningTick=!1,this.cancelScheduledCallback?.(),this.cancelScheduledCallback=null,this.pendingRenderTaskId!==null){let e=this.pendingRenderTaskId;this.pendingRenderTaskId=null,this.taskService.remove(e)}}static ɵfac=function(t){return new(t||e)};static ɵprov=Ml({token:e,factory:e.ɵfac})}return e})();function Ov(){return[{provide:sc,useExisting:Dv},{provide:Rs,useClass:Ks},{provide:cc,useValue:!0}]}function kv(){return typeof $localize<`u`&&$localize.locale||`en-US`}var Av=new bi(``,{factory:()=>w(Av,{optional:!0,skipSelf:!0})||kv()}),jv=class{destroyed=!1;listeners=null;errorHandler=w(Xs,{optional:!0});isEmitting=!1;hasNullListeners=!1;destroyRef=w(Es);constructor(){this.destroyRef.onDestroy(()=>{this.destroyed=!0,this.listeners=null})}subscribe(e){if(this.destroyed)throw new ri(953,!1);return(this.listeners??=[]).push(e),{unsubscribe:()=>{let t=this.listeners?this.listeners.indexOf(e):-1;t>-1&&(this.isEmitting?(this.hasNullListeners=!0,this.listeners[t]=null):this.listeners.splice(t,1))}}}emit(e){if(this.destroyed){console.warn(ai(953,!1));return}if(this.listeners===null)return;this.isEmitting=!0;let t=C(null);try{for(let t of this.listeners)try{t!==null&&t(e)}catch(e){this.errorHandler?.handleError(e)}}finally{this.hasNullListeners&&(this.hasNullListeners=!1,this.listeners&&Mv(this.listeners)),C(t),this.isEmitting=!1}}};function Mv(e){let t=e.length-1;for(;t>-1;)e[t]===null&&e.splice(t,1),t--}function Q(e,t){return Nn(e,t?.equal)}function Nv(e){return or(e)}(class e extends Error{_brand;constructor(e){super(e)}static IDLE=new e(`IDLE`);static LOADING=new e(`LOADING`)});var Pv=e=>e;function Fv(e,t){return typeof e==`function`?Iv(nr(e,Pv,t?.equal),t?.debugName,t?.set):Iv(nr(e.source,e.computation,e.equal),e.debugName,e.set)}function Iv(e,t,n){let r=e[fn],i=e;if(n!==void 0){let t=e=>rr(r,e);i.set=e=>n(e,t),i.update=r=>n(r(Nv(e)),t)}else i.set=e=>rr(r,e),i.update=e=>ir(r,e);return i.asReadonly=$s.bind(e),i}function Lv(e,t){let n=Object.create(Cc);n.value=e,n.transformFn=t?.transform;function r(){if(hn(n),n.value===Sc)throw new ri(-950,null);return n.value}return r[fn]=n,r}function Rv(e){return new jv}function zv(e,t){return Lv(e,t)}function Bv(e){return Lv(Sc,e)}var $=(zv.required=Bv,zv);function Vv(e,t){let n=Object.create(Cc),r=new jv;n.value=e;function i(){return hn(n),Hv(n.value),n.value}return i[fn]=n,i.asReadonly=$s.bind(i),i.set=e=>{n.equal(n.value,e)||(Gn(n,e),r.emit(e))},i.update=e=>{Hv(n.value),i.set(e(n.value))},i.subscribe=r.subscribe.bind(r),i.destroyRef=r.destroyRef,i}function Hv(e){if(e===Sc)throw new ri(952,!1)}function Uv(e,t){return Vv(e,t)}function Wv(e){return Vv(Sc,e)}var Gv=(Uv.required=Wv,Uv);function Kv(e,t){return Ih(t)}function qv(e,t){return Lh(t)}var Jv=(Kv.required=qv,Kv),Yv=new bi(``),Xv=new bi(``);function Zv(e){return!e.moduleRef}function Qv(e){let t=Zv(e)?e.r3Injector:e.moduleRef.injector,n=t.get(Rs);return n.run(()=>{Zv(e)?e.r3Injector.resolveInjectorInitializers():e.moduleRef.resolveInjectorInitializers();let r=t.get(Zs),i;if(n.runOutsideAngular(()=>{i=n.onError.subscribe({next:r})}),Zv(e)){let n=()=>t.destroy(),r=e.platformInjector.get(Yv);r.add(n),t.onDestroy(()=>{i.unsubscribe(),r.delete(n)})}else{let t=()=>e.moduleRef.destroy(),n=e.platformInjector.get(Yv);n.add(t),e.moduleRef.onDestroy(()=>{gg(e.allPlatformModules,e.moduleRef),i.unsubscribe(),n.delete(t)})}return ey(r,n,()=>{let n=t.get(As),r=n.add(),i=t.get(rg);return i.runInitializers(),i.donePromise.then(()=>{if(r_(t.get(Av,n_)||`en-US`),!t.get(Xv,!0))return Zv(e)?t.get(mg):(e.allPlatformModules.push(e.moduleRef),e.moduleRef);if(Zv(e)){let n=t.get(mg);return e.rootComponent!==void 0&&n.bootstrap(e.rootComponent),n}return $v?.(e.moduleRef,e.allPlatformModules),e.moduleRef}).finally(()=>void n.remove(r))})})}var $v;function ey(e,t,n){try{let r=n();return Bh(r)?r.catch(n=>{throw t.runOutsideAngular(()=>e(n)),n}):r}catch(n){throw t.runOutsideAngular(()=>e(n)),n}}var ty=null;function ny(e=[],t){return ws.create({name:t,providers:[{provide:Oa,useValue:`platform`},{provide:Yv,useValue:new Set([()=>ty=null])},...e]})}function ry(e=[]){if(ty)return ty;let t=ny(e);return ty=t,fg(),iy(t),t}function iy(e){let t=e.get(nc,null);Ga(e,()=>{t?.forEach(e=>e())})}function ay(e){let{rootComponent:t,appProviders:n,platformProviders:r,platformRef:i}=e;Rc(Tc.BootstrapApplicationStart);try{let e=i?.injector??ry(r);return Qv({r3Injector:new Uh({providers:[Ov(),Qs,...n||[]],parent:e,debugName:``,runEnvironmentInitializers:!1}).injector,platformInjector:e,rootComponent:t})}catch(e){return Promise.reject(e)}finally{Rc(Tc.BootstrapApplicationEnd)}}var oy=Symbol(`NOT_SET`),sy=new Set,cy={...qn,kind:`afterRenderEffectPhase`,consumerIsAlwaysLive:!0,consumerAllowSignalWrites:!0,value:oy,cleanup:null,consumerMarkedDirty(){if(this.sequence.impl.executing){if(this.sequence.lastPhase===null||this.sequence.lastPhase<this.phase)return;this.sequence.erroredOrDestroyed=!0}this.sequence.scheduler.notify(7)},phaseFn(e){if(this.sequence.lastPhase=this.phase,!this.dirty||(this.dirty=!1,this.value!==oy&&!En(this)))return this.signal;try{for(let e of this.cleanup??sy)e()}finally{this.cleanup?.clear()}let t=[];e!==void 0&&t.push(e),t.push(this.registerCleanupFn);let n=Sn(this),r;try{r=this.userFn.apply(null,t)}finally{wn(this,n)}return(this.value===oy||!this.equal(this.value,r))&&(this.value=r,this.version++),this.signal}},ly=class extends Bd{scheduler;lastPhase=null;nodes=[void 0,void 0,void 0,void 0];onDestroyFns=null;constructor(e,t,n,r,i,a=null){super(e,[void 0,void 0,void 0,void 0],n,!1,i.get(Es),a),this.scheduler=r;for(let e of Rd){let n=t[e];if(n===void 0)continue;let r=Object.create(cy);r.sequence=this,r.phase=e,r.userFn=n,r.dirty=!0,r.signal=()=>(hn(r),r.value),r.signal[fn]=r,r.registerCleanupFn=e=>(r.cleanup??=new Set).add(e),this.nodes[e]=r,this.hooks[e]=e=>r.phaseFn(e)}}afterRun(){super.afterRun(),this.lastPhase=null}destroy(){if(this.onDestroyFns!==null)for(let e of this.onDestroyFns)e();super.destroy();for(let e of this.nodes)if(e)try{for(let t of e.cleanup??sy)t()}finally{Dn(e)}}};function uy(e,t){let n=t?.injector??w(ws),r=n.get(sc),i=n.get(Ld),a=n.get(Pd,null,{optional:!0});i.impl??=n.get(zd);let o=e;typeof o==`function`&&(o={mixedReadWrite:e});let s=n.get(ac,null,{optional:!0}),c=new ly(i.impl,[o.earlyRead,o.write,o.mixedReadWrite,o.read],s?.view,r,n,a?.snapshot(null));return i.impl.register(c),c}var dy=null;function fy(){return dy}function py(e){dy??=e}var my=class{},hy=(function(e){return e[e.Format=0]=`Format`,e[e.Standalone=1]=`Standalone`,e})(hy||{}),gy=(function(e){return e[e.Narrow=0]=`Narrow`,e[e.Abbreviated=1]=`Abbreviated`,e[e.Wide=2]=`Wide`,e[e.Short=3]=`Short`,e})(gy||{}),_y=(function(e){return e[e.Short=0]=`Short`,e[e.Medium=1]=`Medium`,e[e.Long=2]=`Long`,e[e.Full=3]=`Full`,e})(_y||{}),vy={Decimal:0,Group:1,List:2,PercentSign:3,PlusSign:4,MinusSign:5,Exponential:6,SuperscriptingExponent:7,PerMille:8,Infinity:9,NaN:10,TimeSeparator:11,CurrencyDecimal:12,CurrencyGroup:13};function yy(e){return Qg(e)[e_.LocaleId]}function by(e,t,n){let r=Qg(e);return jy(jy([r[e_.DayPeriodsFormat],r[e_.DayPeriodsStandalone]],t),n)}function xy(e,t,n){let r=Qg(e);return jy(jy([r[e_.DaysFormat],r[e_.DaysStandalone]],t),n)}function Sy(e,t,n){let r=Qg(e);return jy(jy([r[e_.MonthsFormat],r[e_.MonthsStandalone]],t),n)}function Cy(e,t){let n=Qg(e)[e_.Eras];return jy(n,t)}function wy(e,t){return jy(Qg(e)[e_.DateFormat],t)}function Ty(e,t){return jy(Qg(e)[e_.TimeFormat],t)}function Ey(e,t){let n=Qg(e)[e_.DateTimeFormat];return jy(n,t)}function Dy(e,t){let n=Qg(e),r=n[e_.NumberSymbols][t];if(r===void 0){if(t===vy.CurrencyDecimal)return n[e_.NumberSymbols][vy.Decimal];if(t===vy.CurrencyGroup)return n[e_.NumberSymbols][vy.Group]}return r}function Oy(e){if(!e[e_.ExtraData])throw new ri(2303,!1)}function ky(e){let t=Qg(e);return Oy(t),(t[e_.ExtraData][2]||[]).map(e=>typeof e==`string`?My(e):[My(e[0]),My(e[1])])}function Ay(e,t,n){let r=Qg(e);return Oy(r),jy(jy([r[e_.ExtraData][0],r[e_.ExtraData][1]],t)||[],n)||[]}function jy(e,t){for(let n=t;n>-1;n--)if(e[n]!==void 0)return e[n];throw new ri(2304,!1)}function My(e){let[t,n]=e.split(`:`);return{hours:+t,minutes:+n}}var Ny=/^(\d{4,})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/,Py=Object.create(null),Fy=/((?:[^BEGHLMOSWYZabcdhmswyz']+)|(?:'(?:[^']|'')*')|(?:G{1,5}|y{1,4}|Y{1,4}|M{1,5}|L{1,5}|w{1,2}|W{1}|d{1,2}|E{1,6}|c{1,6}|a{1,5}|b{1,5}|B{1,5}|h{1,2}|H{1,2}|m{1,2}|s{1,2}|S{1,3}|z{1,4}|Z{1,5}|O{1,4}))([\s\S]*)/,Iy=256;function Ly(e,t,n,r){let i=ob(e);Ry(t),t=By(n,t)||t;let a=[],o;for(;t;)if(o=Fy.exec(t),o){a=a.concat(o.slice(1));let e=a.pop();if(!e)break;t=e}else{a.push(t);break}let s=i.getTimezoneOffset();r&&(s=rb(r,s),i=ab(i,r));let c=``;return a.forEach(e=>{let t=nb(e);c+=t?t(i,n,s):e===`''`?`'`:e.replace(/(^'|'$)/g,``).replace(/''/g,`'`)}),c}function Ry(e){if(e.length>Iy)throw new ri(2300,!1)}function zy(e,t,n){let r=new Date(0);return r.setFullYear(e,t,n),r.setHours(0,0,0),r}function By(e,t){let n=yy(e);if(Py[n]??=Object.create(null),Py[n][t])return Py[n][t];let r=``;switch(t){case`shortDate`:r=wy(e,_y.Short);break;case`mediumDate`:r=wy(e,_y.Medium);break;case`longDate`:r=wy(e,_y.Long);break;case`fullDate`:r=wy(e,_y.Full);break;case`shortTime`:r=Ty(e,_y.Short);break;case`mediumTime`:r=Ty(e,_y.Medium);break;case`longTime`:r=Ty(e,_y.Long);break;case`fullTime`:r=Ty(e,_y.Full);break;case`short`:let t=By(e,`shortTime`),n=By(e,`shortDate`);r=Vy(Ey(e,_y.Short),[t,n]);break;case`medium`:let i=By(e,`mediumTime`),a=By(e,`mediumDate`);r=Vy(Ey(e,_y.Medium),[i,a]);break;case`long`:let o=By(e,`longTime`),s=By(e,`longDate`);r=Vy(Ey(e,_y.Long),[o,s]);break;case`full`:let c=By(e,`fullTime`),l=By(e,`fullDate`);r=Vy(Ey(e,_y.Full),[c,l])}return r&&(Py[n][t]=r),r}function Vy(e,t){return t&&(e=e.replace(/\{([^}]+)}/g,function(e,n){return Object.hasOwn(t,n)?t[n]:e})),e}function Hy(e,t,n=`-`,r,i){let a=``;(e<0||i&&e<=0)&&(i?e=-e+1:(e=-e,a=n));let o=String(e);for(;o.length<t;)o=`0`+o;return r&&(o=o.slice(o.length-t)),a+o}function Uy(e,t){return Hy(e,3).substring(0,t)}function Wy(e,t,n=0,r=!1,i=!1){return function(a,o){let s=Gy(e,a);if((n>0||s>-n)&&(s+=n),e===3)s===0&&n===-12&&(s=12);else if(e===6)return Uy(s,t);let c=Dy(o,vy.MinusSign);return Hy(s,t,c,r,i)}}function Gy(e,t){switch(e){case 0:return t.getFullYear();case 1:return t.getMonth();case 2:return t.getDate();case 3:return t.getHours();case 4:return t.getMinutes();case 5:return t.getSeconds();case 6:return t.getMilliseconds();case 7:return t.getDay();default:throw new ri(2301,!1)}}function Ky(e,t,n=hy.Format,r=!1){return function(i,a){return qy(i,a,e,t,n,r)}}function qy(e,t,n,r,i,a){switch(n){case 2:return Sy(t,i,r)[e.getMonth()];case 1:return xy(t,i,r)[e.getDay()];case 0:let n=e.getHours(),o=e.getMinutes();if(a){let e=ky(t),a=Ay(t,i,r),s=e.findIndex(e=>{if(Array.isArray(e)){let[t,r]=e,i=n>=t.hours&&o>=t.minutes,a=n<r.hours||n===r.hours&&o<r.minutes;if(t.hours<r.hours){if(i&&a)return!0}else if(i||a)return!0}else if(e.hours===n&&e.minutes===o)return!0;return!1});if(s!==-1)return a[s]}return by(t,i,r)[n<12?0:1];case 3:return Cy(t,r)[e.getFullYear()<=0?0:1];default:throw new ri(2302,!1)}}function Jy(e){return function(t,n,r){let i=-1*r,a=Dy(n,vy.MinusSign),o=i>0?Math.floor(i/60):Math.ceil(i/60);switch(e){case 0:return(i>=0?`+`:``)+Hy(o,2,a)+Hy(Math.abs(i%60),2,a);case 1:return`GMT`+(i>=0?`+`:``)+Hy(o,1,a);case 2:return`GMT`+(i>=0?`+`:``)+Hy(o,2,a)+`:`+Hy(Math.abs(i%60),2,a);case 3:return r===0?`Z`:(i>=0?`+`:``)+Hy(o,2,a)+`:`+Hy(Math.abs(i%60),2,a);default:throw new ri(2310,!1)}}}var Yy=0,Xy=4;function Zy(e){let t=zy(e,Yy,1).getDay();return zy(e,0,1+(t<=Xy?Xy:11)-t)}function Qy(e){let t=e.getDay(),n=t===0?-3:Xy-t;return zy(e.getFullYear(),e.getMonth(),e.getDate()+n)}function $y(e,t=!1){return function(n,r){let i;if(t){let e=new Date(n.getFullYear(),n.getMonth(),1).getDay()-1,t=n.getDate();i=1+Math.floor((t+e)/7)}else{let e=Qy(n),t=Zy(e.getFullYear()),r=e.getTime()-t.getTime();i=1+Math.round(r/6048e5)}return Hy(i,e,Dy(r,vy.MinusSign))}}function eb(e,t=!1){return function(n,r){return Hy(Qy(n).getFullYear(),e,Dy(r,vy.MinusSign),t)}}var tb=Object.create(null);function nb(e){if(tb[e])return tb[e];let t;switch(e){case`G`:case`GG`:case`GGG`:t=Ky(3,gy.Abbreviated);break;case`GGGG`:t=Ky(3,gy.Wide);break;case`GGGGG`:t=Ky(3,gy.Narrow);break;case`y`:t=Wy(0,1,0,!1,!0);break;case`yy`:t=Wy(0,2,0,!0,!0);break;case`yyy`:t=Wy(0,3,0,!1,!0);break;case`yyyy`:t=Wy(0,4,0,!1,!0);break;case`Y`:t=eb(1);break;case`YY`:t=eb(2,!0);break;case`YYY`:t=eb(3);break;case`YYYY`:t=eb(4);break;case`M`:case`L`:t=Wy(1,1,1);break;case`MM`:case`LL`:t=Wy(1,2,1);break;case`MMM`:t=Ky(2,gy.Abbreviated);break;case`MMMM`:t=Ky(2,gy.Wide);break;case`MMMMM`:t=Ky(2,gy.Narrow);break;case`LLL`:t=Ky(2,gy.Abbreviated,hy.Standalone);break;case`LLLL`:t=Ky(2,gy.Wide,hy.Standalone);break;case`LLLLL`:t=Ky(2,gy.Narrow,hy.Standalone);break;case`w`:t=$y(1);break;case`ww`:t=$y(2);break;case`W`:t=$y(1,!0);break;case`d`:t=Wy(2,1);break;case`dd`:t=Wy(2,2);break;case`c`:case`cc`:t=Wy(7,1);break;case`ccc`:t=Ky(1,gy.Abbreviated,hy.Standalone);break;case`cccc`:t=Ky(1,gy.Wide,hy.Standalone);break;case`ccccc`:t=Ky(1,gy.Narrow,hy.Standalone);break;case`cccccc`:t=Ky(1,gy.Short,hy.Standalone);break;case`E`:case`EE`:case`EEE`:t=Ky(1,gy.Abbreviated);break;case`EEEE`:t=Ky(1,gy.Wide);break;case`EEEEE`:t=Ky(1,gy.Narrow);break;case`EEEEEE`:t=Ky(1,gy.Short);break;case`a`:case`aa`:case`aaa`:t=Ky(0,gy.Abbreviated);break;case`aaaa`:t=Ky(0,gy.Wide);break;case`aaaaa`:t=Ky(0,gy.Narrow);break;case`b`:case`bb`:case`bbb`:t=Ky(0,gy.Abbreviated,hy.Standalone,!0);break;case`bbbb`:t=Ky(0,gy.Wide,hy.Standalone,!0);break;case`bbbbb`:t=Ky(0,gy.Narrow,hy.Standalone,!0);break;case`B`:case`BB`:case`BBB`:t=Ky(0,gy.Abbreviated,hy.Format,!0);break;case`BBBB`:t=Ky(0,gy.Wide,hy.Format,!0);break;case`BBBBB`:t=Ky(0,gy.Narrow,hy.Format,!0);break;case`h`:t=Wy(3,1,-12);break;case`hh`:t=Wy(3,2,-12);break;case`H`:t=Wy(3,1);break;case`HH`:t=Wy(3,2);break;case`m`:t=Wy(4,1);break;case`mm`:t=Wy(4,2);break;case`s`:t=Wy(5,1);break;case`ss`:t=Wy(5,2);break;case`S`:t=Wy(6,1);break;case`SS`:t=Wy(6,2);break;case`SSS`:t=Wy(6,3);break;case`Z`:case`ZZ`:case`ZZZ`:t=Jy(0);break;case`ZZZZZ`:t=Jy(3);break;case`O`:case`OO`:case`OOO`:case`z`:case`zz`:case`zzz`:t=Jy(1);break;case`OOOO`:case`ZZZZ`:case`zzzz`:t=Jy(2);break;default:return null}return tb[e]=t,t}function rb(e,t){e=e.replace(/:/g,``);let n=Date.parse(`Jan 01, 1970 00:00:00 `+e)/6e4;return isNaN(n)?t:n}function ib(e,t){return e=new Date(e.getTime()),e.setMinutes(e.getMinutes()+t),e}function ab(e,t,n){let r=e.getTimezoneOffset();return ib(e,-1*(rb(t,r)-r))}function ob(e){if(cb(e))return e;if(typeof e==`number`&&!isNaN(e))return new Date(e);if(typeof e==`string`){if(e=e.trim(),/^(\d{4}(-\d{1,2}(-\d{1,2})?)?)$/.test(e)){let[t,n=1,r=1]=e.split(`-`).map(e=>+e);return zy(t,n-1,r)}let t=parseFloat(e);if(!isNaN(e-t))return new Date(t);let n;if(n=e.match(Ny))return sb(n)}let t=new Date(e);if(!cb(t))throw new ri(2311,!1);return t}function sb(e){let t=new Date(0),n=0,r=0,i=e[8]?t.setUTCFullYear:t.setFullYear,a=e[8]?t.setUTCHours:t.setHours;e[9]&&(n=Number(e[9]+e[10]),r=Number(e[9]+e[11])),i.call(t,Number(e[1]),Number(e[2])-1,Number(e[3]));let o=Number(e[4]||0)-n,s=Number(e[5]||0)-r,c=Number(e[6]||0),l=Math.floor(parseFloat(`0.`+(e[7]||0))*1e3);return a.call(t,o,s,c,l),t}function cb(e){return e instanceof Date&&!isNaN(e.valueOf())}var lb=(()=>{class e{_viewContainerRef;_viewRef=null;ngTemplateOutletContext=null;ngTemplateOutlet=null;ngTemplateOutletInjector=null;injector=w(ws);constructor(e){this._viewContainerRef=e}ngOnChanges(e){if(this._shouldRecreateView(e)){let e=this._viewContainerRef;if(this._viewRef&&e.remove(e.indexOf(this._viewRef)),!this.ngTemplateOutlet){this._viewRef=null;return}let t=this._createContextForwardProxy();this._viewRef=e.createEmbeddedView(this.ngTemplateOutlet,t,{injector:this._getInjector()})}}_getInjector(){return this.ngTemplateOutletInjector===`outlet`?this.injector:this.ngTemplateOutletInjector??void 0}_shouldRecreateView(e){return!!e.ngTemplateOutlet||!!e.ngTemplateOutletInjector}_createContextForwardProxy(){return new Proxy({},{set:(e,t,n)=>this.ngTemplateOutletContext?Reflect.set(this.ngTemplateOutletContext,t,n):!1,get:(e,t,n)=>{if(this.ngTemplateOutletContext)return Reflect.get(this.ngTemplateOutletContext,t,n)}})}static ɵfac=function(t){return new(t||e)(Em(oh))};static ɵdir=Xh({type:e,selectors:[[``,`ngTemplateOutlet`,``]],inputs:{ngTemplateOutletContext:`ngTemplateOutletContext`,ngTemplateOutlet:`ngTemplateOutlet`,ngTemplateOutletInjector:`ngTemplateOutletInjector`},features:[kc]})}return e})();function ub(e,t){return new ri(2100,!1)}var db=`mediumDate`,fb=new bi(``),pb=new bi(``),mb=(()=>{class e{locale;defaultTimezone;defaultOptions;constructor(e,t,n){this.locale=e,this.defaultTimezone=t,this.defaultOptions=n}transform(t,n,r,i){if(t==null||t===``||t!==t)return null;try{let e=n??this.defaultOptions?.dateFormat??db,a=r??this.defaultOptions?.timezone??this.defaultTimezone??void 0;return Ly(t,e,i||this.locale,a)}catch(t){throw ub(e,t.message)}}static ɵfac=function(t){return new(t||e)(Em(Av,16),Em(fb,24),Em(pb,24))};static ɵpipe=Zh({name:`date`,type:e,pure:!0})}return e})(),hb=(()=>{class e{transform(e){return JSON.stringify(e,null,2)}static ɵfac=function(t){return new(t||e)};static ɵpipe=Zh({name:`json`,type:e,pure:!1})}return e})();function gb(e,t){t=encodeURIComponent(t);for(let n of e.split(`;`)){let e=n.indexOf(`=`),[r,i]=e==-1?[n,``]:[n.slice(0,e),n.slice(e+1)];if(r.trim()!==t)continue;let a=i;try{a=decodeURIComponent(i)}catch{}return a.length>1&&a[0]===`"`&&a[a.length-1]===`"`&&(a=a.slice(1,-1)),a}return null}var _b=`browser`,vb=class{_doc;constructor(e){this._doc=e}manager},yb=(()=>{class e extends vb{constructor(e){super(e)}supports(e){return!0}addEventListener(e,t,n,r){return e.addEventListener(t,n,r),()=>this.removeEventListener(e,t,n,r)}removeEventListener(e,t,n,r){return e.removeEventListener(t,n,r)}static ɵfac=function(t){return new(t||e)(Yi(Ts))};static ɵprov=pi({token:e,factory:e.ɵfac})}return e})(),bb=new bi(``),xb=(()=>{class e{_zone;_plugins;_eventNameToPlugin=new Map;constructor(e,t){this._zone=t,e.forEach(e=>{e.manager=this});let n=e.filter(e=>!(e instanceof yb));this._plugins=n.slice().reverse();let r=e.find(e=>e instanceof yb);r&&this._plugins.push(r)}addEventListener(e,t,n,r){return this._findPluginFor(t).addEventListener(e,t,n,r)}getZone(){return this._zone}_findPluginFor(e){let t=this._eventNameToPlugin.get(e);if(t)return t;if(t=this._plugins.find(t=>t.supports(e)),!t)throw new ri(-5101,!1);return this._eventNameToPlugin.set(e,t),t}static ɵfac=function(t){return new(t||e)(Yi(bb),Yi(Rs))};static ɵprov=pi({token:e,factory:e.ɵfac})}return e})(),Sb=`ng-app-id`;function Cb(e){for(let t of e)t.remove()}function wb(e,t){let n=t.createElement(`style`);return n.textContent=e,n}function Tb(e,t,n,r){let i=e.head?.querySelectorAll(`style[${Sb}="${t}"],link[${Sb}="${t}"]`);if(!i||i.length===0)return!1;for(let e of i)e.removeAttribute(Sb),e instanceof HTMLLinkElement?r.set(e.href.slice(e.href.lastIndexOf(`/`)+1),{usage:0,elements:[e]}):e.textContent&&n.set(e.textContent,{usage:0,elements:[e]});return!0}function Eb(e,t){let n=t.createElement(`link`);return n.setAttribute(`rel`,`stylesheet`),n.setAttribute(`href`,e),n}var Db=(()=>{class e{doc;appId;nonce;inline=new Map;external=new Map;hosts=new Set;constructor(e,t,n,r={}){this.doc=e,this.appId=t,this.nonce=n,Tb(e,t,this.inline,this.external)&&this.hosts.add(e.head)}addStyles(e,t){for(let t of e)this.addUsage(t,this.inline,wb);t?.forEach(e=>this.addUsage(e,this.external,Eb))}removeStyles(e,t){for(let t of e)this.removeUsage(t,this.inline);t?.forEach(e=>this.removeUsage(e,this.external))}addUsage(e,t,n){let r=t.get(e);r?r.usage++:t.set(e,{usage:1,elements:[...this.hosts].map(t=>this.addElement(t,n(e,this.doc)))})}removeUsage(e,t){let n=t.get(e);n&&(n.usage--,n.usage<=0&&(Cb(n.elements),t.delete(e)))}ngOnDestroy(){for(let[,{elements:e}]of[...this.inline,...this.external])Cb(e);this.hosts.clear()}addHost(e){if(!this.hosts.has(e)){this.hosts.add(e);for(let[t,{elements:n}]of this.inline)n.push(this.addElement(e,wb(t,this.doc)));for(let[t,{elements:n}]of this.external)n.push(this.addElement(e,Eb(t,this.doc)))}}removeHost(e){this.hosts.delete(e);for(let t of[...this.inline.values(),...this.external.values()]){let n=[];for(let r of t.elements)r.parentNode===e?r.remove():n.push(r);t.elements=n}}addElement(e,t){return this.nonce&&t.setAttribute(`nonce`,this.nonce),e.appendChild(t)}static ɵfac=function(t){return new(t||e)(Yi(Ts),Yi(ec),Yi(ic,8),Yi(rc))};static ɵprov=pi({token:e,factory:e.ɵfac})}return e})(),Ob={svg:`http://www.w3.org/2000/svg`,xhtml:`http://www.w3.org/1999/xhtml`,xlink:`http://www.w3.org/1999/xlink`,xml:`http://www.w3.org/XML/1998/namespace`,xmlns:`http://www.w3.org/2000/xmlns/`,math:`http://www.w3.org/1998/Math/MathML`},kb=/%COMP%/g,Ab=`%COMP%`,jb=`_nghost-${Ab}`,Mb=`_ngcontent-${Ab}`,Nb=!0,Pb=new bi(``,{factory:()=>Nb}),Fb=new bi(``);function Ib(e){return Mb.replace(kb,e)}function Lb(e){return jb.replace(kb,e)}function Rb(e,t){return t.map(t=>t.replace(kb,e))}var zb=(()=>{class e{eventManager;sharedStylesHost;appId;removeStylesOnCompDestroy;doc;ngZone;nonce;tracingService;rendererByCompId=new Map;defaultRenderer;cssVarNamespace;constructor(e,t,n,r,i,a,o=null,s=null,c=null){this.eventManager=e,this.sharedStylesHost=t,this.appId=n,this.removeStylesOnCompDestroy=r,this.doc=i,this.ngZone=a,this.nonce=o,this.tracingService=s,this.cssVarNamespace=c??``,this.defaultRenderer=new Bb(e,i,a,this.tracingService,this.cssVarNamespace)}createRenderer(e,t){if(!e||!t)return this.defaultRenderer;let n=this.getOrCreateRenderer(e,t);return n instanceof Wb?n.applyToHost(e):n instanceof Ub&&n.applyStyles(),n}getOrCreateRenderer(e,t){let n=this.rendererByCompId,r=n.get(t.id);if(!r){let i=this.doc,a=this.ngZone,o=this.eventManager,s=this.sharedStylesHost,c=this.removeStylesOnCompDestroy,l=this.tracingService;switch(t.encapsulation){case uu.Emulated:r=new Wb(o,s,t,this.appId,c,i,a,l,this.cssVarNamespace);break;case uu.ShadowDom:return new Hb(o,e,t,i,a,this.nonce,l,this.cssVarNamespace,s);case uu.ExperimentalIsolatedShadowDom:return new Hb(o,e,t,i,a,this.nonce,l,this.cssVarNamespace);default:r=new Ub(o,s,t,c,i,a,l,this.cssVarNamespace)}n.set(t.id,r)}return r}ngOnDestroy(){this.rendererByCompId.clear()}componentReplaced(e){this.rendererByCompId.delete(e)}static ɵfac=function(t){return new(t||e)(Yi(xb),Yi(wm),Yi(ec),Yi(Pb),Yi(Ts),Yi(Rs),Yi(ic),Yi(Pd,8),Yi(Fb,8))};static ɵprov=pi({token:e,factory:e.ɵfac})}return e})(),Bb=class{eventManager;doc;ngZone;tracingService;cssVarNamespace;data=Object.create(null);throwOnSyntheticProps=!0;constructor(e,t,n,r,i=``){this.eventManager=e,this.doc=t,this.ngZone=n,this.tracingService=r,this.cssVarNamespace=i}destroy(){}destroyNode=null;createElement(e,t){return t?this.doc.createElementNS(Ob[t]||t,e):this.doc.createElement(e)}createComment(e){return this.doc.createComment(e)}createText(e){return this.doc.createTextNode(e)}appendChild(e,t){(Vb(e)?e.content:e).appendChild(t)}insertBefore(e,t,n){if(e){let r=Vb(e)?e.content:e;if(n!=null&&n.parentNode!==r)throw new ri(-5106,!1);r.insertBefore(t,n)}}removeChild(e,t){t.remove()}selectRootElement(e,t){let n=typeof e==`string`?this.doc.querySelector(e):e;if(!n)throw new ri(-5104,!1);return t||(n.textContent=``),n}parentNode(e){return e.parentNode}nextSibling(e){return e.nextSibling}setAttribute(e,t,n,r){if(r){t=r+`:`+t;let i=Ob[r];i?e.setAttributeNS(i,t,n):e.setAttribute(t,n)}else e.setAttribute(t,n)}removeAttribute(e,t,n){if(n){let r=Ob[n];r?e.removeAttributeNS(r,t):e.removeAttribute(`${n}:${t}`)}else e.removeAttribute(t)}addClass(e,t){e.classList.add(t)}removeClass(e,t){e.classList.remove(t)}setStyle(e,t,n,r){let i=t.startsWith(`--`);i&&(t=t.replace(`%NS%`,this.cssVarNamespace)),i||r&(ed.DashCase|ed.Important)?e.style.setProperty(t,n,r&ed.Important?`important`:``):e.style[t]=n}removeStyle(e,t,n){let r=t.startsWith(`--`);r&&(t=t.replace(`%NS%`,this.cssVarNamespace)),r||n&ed.DashCase?e.style.removeProperty(t):e.style[t]=``}setProperty(e,t,n){e!=null&&(e[t]=n)}setValue(e,t){e.nodeValue=t}listen(e,t,n,r){if(typeof e==`string`&&(e=fy().getGlobalEventTarget(this.doc,e),!e))throw new ri(-5102,!1);let i=this.decoratePreventDefault(n);return this.tracingService?.wrapEventListener&&(i=this.tracingService.wrapEventListener(e,t,i)),this.eventManager.addEventListener(e,t,i,r)}decoratePreventDefault(e){return t=>{if(t===`__ngUnwrap__`)return e;e(t)===!1&&t.preventDefault()}}};function Vb(e){return e.tagName===`TEMPLATE`&&e.content!==void 0}var Hb=class extends Bb{hostEl;sharedStylesHost;shadowRoot;constructor(e,t,n,r,i,a,o,s,c){super(e,r,i,o,s),this.hostEl=t,this.sharedStylesHost=c,this.shadowRoot=t.attachShadow({mode:`open`}),this.sharedStylesHost&&this.sharedStylesHost.addHost(this.shadowRoot);let l=n.styles;l=Rb(n.id,l).map(e=>e.replace(/%NS%/g,s));for(let e of l){let t=document.createElement(`style`);a&&t.setAttribute(`nonce`,a),t.textContent=e,this.shadowRoot.appendChild(t)}let u=n.getExternalStyles?.();if(u)for(let e of u){let t=Eb(e,r);a&&t.setAttribute(`nonce`,a),this.shadowRoot.appendChild(t)}}nodeOrShadowRoot(e){return e===this.hostEl?this.shadowRoot:e}appendChild(e,t){return super.appendChild(this.nodeOrShadowRoot(e),t)}insertBefore(e,t,n){return super.insertBefore(this.nodeOrShadowRoot(e),t,n)}removeChild(e,t){return super.removeChild(null,t)}parentNode(e){return this.nodeOrShadowRoot(super.parentNode(this.nodeOrShadowRoot(e)))}destroy(){this.sharedStylesHost&&this.sharedStylesHost.removeHost(this.shadowRoot)}},Ub=class extends Bb{sharedStylesHost;removeStylesOnCompDestroy;styles;styleUrls;constructor(e,t,n,r,i,a,o,s,c){super(e,i,a,o,s),this.sharedStylesHost=t,this.removeStylesOnCompDestroy=r;let l=n.styles,u=c?Rb(c,l):l;this.styles=u.map(e=>e.replace(/%NS%/g,s)),this.styleUrls=n.getExternalStyles?.(c)}applyStyles(){this.sharedStylesHost.addStyles(this.styles,this.styleUrls)}destroy(){this.removeStylesOnCompDestroy&&md.size===0&&this.sharedStylesHost.removeStyles(this.styles,this.styleUrls)}},Wb=class extends Ub{contentAttr;hostAttr;constructor(e,t,n,r,i,a,o,s,c){let l=r+`-`+n.id;super(e,t,n,i,a,o,s,c,l),this.contentAttr=Ib(l),this.hostAttr=Lb(l)}applyToHost(e){this.applyStyles(),this.setAttribute(e,this.hostAttr,``)}createElement(e,t){let n=super.createElement(e,t);return super.setAttribute(n,this.contentAttr,``),n}},Gb=class e extends my{supportsDOMEvents=!0;static makeCurrent(){py(new e)}onAndCancel(e,t,n,r){return e.addEventListener(t,n,r),()=>{e.removeEventListener(t,n,r)}}dispatchEvent(e,t){e.dispatchEvent(t)}remove(e){e.remove()}createElement(e,t){return t||=this.getDefaultDocument(),t.createElement(e)}createHtmlDocument(){return document.implementation.createHTMLDocument(`fakeTitle`)}getDefaultDocument(){return document}isElementNode(e){return e.nodeType===Node.ELEMENT_NODE}isShadowRoot(e){return e instanceof DocumentFragment}getGlobalEventTarget(e,t){return t===`window`?window:t===`document`?e:t===`body`?e.body:null}getBaseHref(e){let t=qb();return t==null?null:Jb(t)}resetBaseElement(){Kb=null}getUserAgent(){return window.navigator.userAgent}getCookie(e){return gb(document.cookie,e)}},Kb=null;function qb(){return Kb||=document.head.querySelector(`base`),Kb?Kb.getAttribute(`href`):null}function Jb(e){return new URL(e,document.baseURI).pathname}var Yb=[`alt`,`control`,`meta`,`shift`],Xb={"\b":`Backspace`,"	":`Tab`,"":`Delete`,"\x1B":`Escape`,Del:`Delete`,Esc:`Escape`,Left:`ArrowLeft`,Right:`ArrowRight`,Up:`ArrowUp`,Down:`ArrowDown`,Menu:`ContextMenu`,Scroll:`ScrollLock`,Win:`OS`},Zb={alt:e=>e.altKey,control:e=>e.ctrlKey,meta:e=>e.metaKey,shift:e=>e.shiftKey},Qb=(()=>{class e extends vb{constructor(e){super(e)}supports(t){return e.parseEventName(t)!=null}addEventListener(t,n,r,i){let a=e.parseEventName(n),o=e.eventCallback(a.fullKey,r,this.manager.getZone());return this.manager.getZone().runOutsideAngular(()=>fy().onAndCancel(t,a.domEventName,o,i))}static parseEventName(t){let n=t.toLowerCase().split(`.`),r=n.shift();if(n.length===0||r!==`keydown`&&r!==`keyup`)return null;let i=e._normalizeKey(n.pop()),a=``,o=n.indexOf(`code`);if(o>-1&&(n.splice(o,1),a=`code.`),Yb.forEach(e=>{let t=n.indexOf(e);t>-1&&(n.splice(t,1),a+=e+`.`)}),a+=i,n.length!=0||i.length===0)return null;let s={};return s.domEventName=r,s.fullKey=a,s}static matchEventFullKeyCode(e,t){let n=Xb[e.key]||e.key,r=``;return t.indexOf(`code.`)>-1&&(n=e.code,r=`code.`),n==null||!n?!1:(n=n.toLowerCase(),n===` `?n=`space`:n===`.`&&(n=`dot`),Yb.forEach(t=>{if(t!==n){let n=Zb[t];n(e)&&(r+=t+`.`)}}),r+=n,r===t)}static eventCallback(t,n,r){return i=>{e.matchEventFullKeyCode(i,t)&&r.runGuarded(()=>n(i))}}static _normalizeKey(e){return e===`esc`?`escape`:e}static ɵfac=function(t){return new(t||e)(Yi(Ts))};static ɵprov=pi({token:e,factory:e.ɵfac})}return e})();async function $b(e,t,n){return ay({rootComponent:e,...ex(t,n)})}function ex(e,t){return{platformRef:t?.platformRef,appProviders:[...ax,...e?.providers??[]],platformProviders:ix}}function tx(){Gb.makeCurrent()}function nx(){return new Xs}function rx(){return Ql(document),document}var ix=[{provide:rc,useValue:_b},{provide:nc,useValue:tx,multi:!0},{provide:Ts,useFactory:rx}],ax=[{provide:Oa,useValue:`root`},{provide:Xs,useFactory:nx},{provide:bb,useClass:yb,multi:!0},{provide:bb,useClass:Qb,multi:!0},zb,{provide:wm,useClass:Db},{provide:Db,useExisting:wm},xb,{provide:am,useExisting:zb},[]];function ox(e,t){let n=`\x1B[${e}m`,r=`\x1B[${t}m`;return((e,...t)=>{if(Array.isArray(e)&&`raw`in e){let i=e,a=``;for(let e=0;e<i.length;e++)a+=i[e],e<t.length&&(a+=String(t[e]));return`${n}${a}${r}`}return`${n}${String(e)}${r}`})}var sx={blue:ox(34,39),cyan:ox(36,39),gray:ox(90,39),green:ox(32,39),red:ox(31,39),yellow:ox(33,39),bold:ox(1,22),dim:ox(2,22),reset:ox(0,0),underline:ox(4,24)};function cx(e,...t){return typeof e==`function`?e(...t):e}var lx=Error.captureStackTrace,ux=class e extends Error{name;code;docs;fix;sources;data;get why(){return this.message}constructor(t,n=e){super(t.why,{cause:t.cause}),this.code=this.name=t.code,this.fix=t.fix,this.docs=t.docs,this.sources=t.sources,this.data=t.data,lx?.(this,n)}toJSON(){return{name:this.name,why:this.why,fix:this.fix,docs:this.docs,sources:this.sources,cause:this.cause,data:this.data,stack:this.stack}}};function dx(e,t){return typeof e==`string`?`${e}/${t.toLowerCase()}`:e?.(t)}function fx(e){let t=e.reporters??[],n={},{docsBase:r}=e;for(let i of Object.keys(e.codes)){let a=e.codes[i],o=a.docs===!1?void 0:a.docs||dx(r,i),s=(e={},n={})=>{let r=new ux({code:i,why:cx(a.why,e),fix:cx(a.fix,e),docs:o,cause:e.cause,sources:e.sources,data:cx(a.data,e)},s);for(let e of t)e(r,n);return r};n[i]=s}return n}function px(e){return t=>{let n=`${e.bold(e.red(`[${t.name}]`))} ${t.message}`,r=[];return t.fix&&r.push(`${e.dim(`fix:`)} ${t.fix}`),t.sources?.length&&r.push(`${e.dim(`sources:`)} ${t.sources.join(`, `)}`),t.docs&&r.push(`${e.dim(`see:`)} ${e.cyan(t.docs)}`),r.length===0?n:[n,...r.map((t,n)=>`${e.dim(n<r.length-1?`├▶`:`╰▶`)} ${t}`)].join(`
 `)}}var mx={bus:{agentManifestChanged:`agent:manifest:changed`,agentToolRegistered:`agent:tool:registered`,agentToolUnregistered:`agent:tool:unregistered`,agentResourceRegistered:`agent:resource:registered`,agentResourceUnregistered:`agent:resource:unregistered`},client:{isTrustedUpdated:`rpc:is-trusted:updated`,error:`rpc:error`,connectionStatus:`connection:status`,connectionError:`connection:error`},broadcast:{authRevoked:`devframe:auth:revoked`,clientStateUpdated:`devframe:rpc:client-state:updated`,clientStatePatch:`devframe:rpc:client-state:patch`,streamingChunk:`devframe:streaming:chunk`,streamingEnd:`devframe:streaming:end`,streamingUploadCancel:`devframe:streaming:upload-cancel`},inPageChannel:{panelStateUpdated:`devframe:in-page:panel-state:updated`,panelStatePatch:`devframe:in-page:panel-state:patch`},postMessage:{remoteAssetsError:`devframe:remote-assets-error`,inPageChannel:`devframe:in-page-channel`}},hx=px(sx);function gx(e,{method:t=`warn`}={}){console[t](hx(e))}function _x(e){return fx({...e,reporters:[gx,...e.reporters??[]]})}function vx(){let e,t;return{promise:new Promise((n,r)=>{e=n,t=r}),resolve:e,reject:t}}var yx=Math.random.bind(Math),bx=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`;function xx(e=21){let t=``,n=e;for(;n--;)t+=bx[yx()*64|0];return t}var Sx=6e4,Cx=e=>e,wx=Cx,{clearTimeout:Tx,setTimeout:Ex}=globalThis;function Dx(e,t){let{post:n,on:r,off:i=()=>{},eventNames:a=[],serialize:o=Cx,deserialize:s=wx,resolver:c,bind:l=`rpc`,timeout:u=Sx,proxify:d=!0}=t,f=!1,p=new Map,m,h;async function g(e,r,i,a){if(f)throw Error(`[birpc] rpc is closed, cannot call "${e}"`);let s={m:e,a:r,t:`q`};a&&(s.o=!0);let c=async e=>n(o(e));if(i){await c(s);return}if(m)try{await m}finally{m=void 0}let{promise:l,resolve:d,reject:g}=vx(),_=xx();s.i=_;let ee;async function te(n=s){return u>=0&&(ee=Ex(()=>{try{if(t.onTimeoutError?.call(h,e,r)!==!0)throw Error(`[birpc] timeout on calling "${e}"`)}catch(e){g(e)}p.delete(_)},u),typeof ee==`object`&&(ee=ee.unref?.())),p.set(_,{resolve:d,reject:g,timeoutId:ee,method:e}),await c(n),l}try{t.onRequest?await t.onRequest.call(h,s,te,d):await te()}catch(e){if(t.onGeneralError?.call(h,e)!==!0)throw e;return}finally{Tx(ee),p.delete(_)}return l}let _={$call:(e,...t)=>g(e,t,!1),$callOptional:(e,...t)=>g(e,t,!1,!0),$callEvent:(e,...t)=>g(e,t,!0),$callRaw:e=>g(e.method,e.args,e.event,e.optional),$rejectPendingCalls:te,get $closed(){return f},get $meta(){return t.meta},$close:ee,$functions:e};h=d?new Proxy({},{get(t,n){if(Object.hasOwn(_,n))return _[n];if(n===`then`&&!a.includes(`then`)&&!(`then`in e))return;let r=(...e)=>g(n,e,!0);if(a.includes(n))return r.asEvent=r,r;let i=(...e)=>g(n,e,!1);return i.asEvent=r,i}}):_;function ee(e){f=!0,p.forEach(({reject:t,method:n})=>{let r=Error(`[birpc] rpc is closed, cannot call "${n}"`);if(e)return e.cause??=r,t(e);t(r)}),p.clear(),i(ne)}function te(e){let t=Array.from(p.values()).map(({method:t,reject:n})=>e?e({method:t,reject:n}):n(Error(`[birpc]: rejected pending call "${t}".`)));return p.clear(),t}async function ne(r,...i){let a;try{a=s(r)}catch(e){if(t.onGeneralError?.call(h,e)!==!0)throw e;return}if(a.t===`q`){let{m:r,a:s,o:u}=a,d,f,p=await(c?c.call(h,r,e[r]):e[r]);if(u&&(p||=()=>void 0),!p)f=Error(`[birpc] function "${r}" not found`);else try{d=await p.apply(l===`rpc`?h:e,s)}catch(e){f=e}if(a.i){if(f&&t.onFunctionError&&t.onFunctionError.call(h,f,r,s)===!0)return;if(!f)try{await n(o({t:`s`,i:a.i,r:d}),...i);return}catch(e){if(f=e,t.onGeneralError?.call(h,e,r,s)!==!0)throw e}try{await n(o({t:`s`,i:a.i,e:f}),...i)}catch(e){if(t.onGeneralError?.call(h,e,r,s)!==!0)throw e}}}else{let{i:e,r:t,e:n}=a,r=p.get(e);r&&(Tx(r.timeoutId),n?r.reject(n):r.resolve(t)),p.delete(e)}}return m=r(ne),h}function Ox(e,t){return t.safety?t.safety:e===`static`||e===`query`||e==null?`read`:`action`}var kx=Object.freeze({type:`object`,additionalProperties:!0});function Ax(e){let t=e[`~standard`];if(t.jsonSchema)try{return t.jsonSchema.input({target:`draft-2020-12`})}catch{return kx}return kx}function jx(e){if(!e||e.length===0)return{type:`object`,properties:{}};let t={},n=[];for(let r=0;r<e.length;r++){let i=`arg${r}`;t[i]=Ax(e[r]),n.push(i)}return{type:`object`,properties:t,required:n,additionalProperties:!1}}function Mx(e,t){if(Array.isArray(e))return e;if(e==null)return[];if(typeof e!=`object`)return;let n=e;if(t!=null)return Array.from({length:t},(e,t)=>n[`arg${t}`]);if(`arg0`in n){let e=[];for(;`arg${e.length}`in n;)e.push(n[`arg${e.length}`]);return e}return Object.keys(n).length===0?[]:void 0}function Nx(e,t){return Mx(e,t)??[e]}function Px(e){return typeof e==`string`?`'${e}'`:new Rx().serialize(e)}var Fx=` _-,;:!?.'"()[]{}@*/\\&#%\`^+<=>|~$0123456789abcdefghijklmnopqrstuvwxyz`,Ix=(function(){let e=new Uint8Array(128);for(let t=0;t<69;t++)e[Fx.charCodeAt(t)]=t+1;for(let t=65;t<=90;t++)e[t]=e[t+32];return e})();function Lx(e,t){if(e===t)return 0;let n=Math.min(e.length,t.length),r=0;for(let i=0;i<n;i++){let n=e.charCodeAt(i),a=t.charCodeAt(i);if(n===a)continue;let o=n<128&&Ix[n]?Ix[n]:n+128,s=a<128&&Ix[a]?Ix[a]:a+128;if(o!==s)return o<s?-1:1;r===0&&(r=n>a?-1:1)}return e.length===t.length?r:e.length<t.length?-1:1}var Rx=(function(){class e{#e=new Map;compare(e,t){let n=typeof e,r=typeof t;return n===`string`&&r===`string`?Lx(e,t):n===`number`&&r===`number`?e-t:Lx(this.serialize(e,!0),this.serialize(t,!0))}serialize(e,t){if(e===null)return`null`;switch(typeof e){case`string`:return t?e:`'${e}'`;case`bigint`:return`${e}n`;case`object`:return this.$object(e);case`function`:return this.$function(e)}return String(e)}serializeObject(e){let t=Object.prototype.toString.call(e);if(t!==`[object Object]`)return this.serializeBuiltInType(t.length<10?`unknown:${t}`:t.slice(8,-1),e);let n=e.constructor,r=n===Object||n===void 0?``:n.name;if(r!==``&&globalThis[r]===n)return this.serializeBuiltInType(r,e);if(`toJSON`in e&&typeof e.toJSON==`function`){let t=e.toJSON();return r+(typeof t==`object`&&t?this.$object(t):`(${this.serialize(t)})`)}let i=Object.keys(e).sort(Lx),a=`${r}{`;for(let t=0;t<i.length;t++){let n=i[t];a+=`${n}:${this.serialize(e[n])}`,t<i.length-1&&(a+=`,`)}return a+`}`}serializeBuiltInType(e,t){let n=this[`$`+e];if(n)return n.call(this,t);if(typeof t.entries==`function`)return this.serializeObjectEntries(e,t.entries());throw Error(`Cannot serialize ${e}`)}serializeObjectEntries(e,t){let n=Array.from(t).sort((e,t)=>this.compare(e[0],t[0])),r=`${e}{`;for(let e=0;e<n.length;e++){let[t,i]=n[e];r+=`${this.serialize(t,!0)}:${this.serialize(i)}`,e<n.length-1&&(r+=`,`)}return r+`}`}$object(e){let t=this.#e.get(e);return t===void 0&&(this.#e.set(e,`#${this.#e.size}`),t=this.serializeObject(e),this.#e.set(e,t)),t}$function(e){let t=Function.prototype.toString.call(e);return t.slice(-15)===`[native code] }`?`${e.name||``}()[native]`:`${e.name}(${e.length})${t.replace(/\s*\n\s*/g,``)}`}$Array(e){let t=`[`;for(let n=0;n<e.length;n++)t+=this.serialize(e[n]),n<e.length-1&&(t+=`,`);return t+`]`}$Date(e){try{return`Date(${e.toISOString()})`}catch{return`Date(null)`}}$ArrayBuffer(e){return`ArrayBuffer[${new Uint8Array(e).join(`,`)}]`}$Set(e){return`Set${this.$Array(Array.from(e).sort((e,t)=>this.compare(e,t)))}`}$Map(e){return this.serializeObjectEntries(`Map`,e.entries())}}for(let t of[`Error`,`RegExp`,`URL`])e.prototype[`$`+t]=function(e){return`${t}(${e})`};for(let t of[`Int8Array`,`Uint8Array`,`Uint8ClampedArray`,`Int16Array`,`Uint16Array`,`Int32Array`,`Uint32Array`,`Float32Array`,`Float64Array`])e.prototype[`$`+t]=function(e){return`${t}[${e.join(`,`)}]`};for(let t of[`BigInt64Array`,`BigUint64Array`])e.prototype[`$`+t]=function(e){return`${t}[${e.join(`n,`)}${e.length>0?`n`:``}]`};return e})(),zx=[1779033703,-1150833019,1013904242,-1521486534,1359893119,-1694144372,528734635,1541459225],Bx=[1116352408,1899447441,-1245643825,-373957723,961987163,1508970993,-1841331548,-1424204075,-670586216,310598401,607225278,1426881987,1925078388,-2132889090,-1680079193,-1046744716,-459576895,-272742522,264347078,604807628,770255983,1249150122,1555081692,1996064986,-1740746414,-1473132947,-1341970488,-1084653625,-958395405,-710438585,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,-2117940946,-1838011259,-1564481375,-1474664885,-1035236496,-949202525,-778901479,-694614492,-200395387,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,-2067236844,-1933114872,-1866530822,-1538233109,-1090935817,-965641998],Vx=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_`,Hx=[],Ux=class{_data=new Wx;_hash=new Wx([...zx]);_nDataBytes=0;_minBufferSize=0;finalize(e){e&&this._append(e);let t=this._nDataBytes*8,n=this._data.sigBytes*8;return this._data.words[n>>>5]|=128<<24-n%32,this._data.words[(n+64>>>9<<4)+14]=Math.floor(t/4294967296),this._data.words[(n+64>>>9<<4)+15]=t,this._data.sigBytes=this._data.words.length*4,this._process(),this._hash}_doProcessBlock(e,t){let n=this._hash.words,r=n[0],i=n[1],a=n[2],o=n[3],s=n[4],c=n[5],l=n[6],u=n[7];for(let n=0;n<64;n++){if(n<16)Hx[n]=e[t+n]|0;else{let e=Hx[n-15],t=(e<<25|e>>>7)^(e<<14|e>>>18)^e>>>3,r=Hx[n-2],i=(r<<15|r>>>17)^(r<<13|r>>>19)^r>>>10;Hx[n]=t+Hx[n-7]+i+Hx[n-16]}let d=s&c^~s&l,f=r&i^r&a^i&a,p=(r<<30|r>>>2)^(r<<19|r>>>13)^(r<<10|r>>>22),m=(s<<26|s>>>6)^(s<<21|s>>>11)^(s<<7|s>>>25),h=u+m+d+Bx[n]+Hx[n],g=p+f;u=l,l=c,c=s,s=o+h|0,o=a,a=i,i=r,r=h+g|0}n[0]=n[0]+r|0,n[1]=n[1]+i|0,n[2]=n[2]+a|0,n[3]=n[3]+o|0,n[4]=n[4]+s|0,n[5]=n[5]+c|0,n[6]=n[6]+l|0,n[7]=n[7]+u|0}_append(e){typeof e==`string`&&(e=Wx.fromUtf8(e)),this._data.concat(e),this._nDataBytes+=e.sigBytes}_process(e){let t,n=this._data.sigBytes/64;n=e?Math.ceil(n):Math.max((n|0)-this._minBufferSize,0);let r=n*16,i=Math.min(r*4,this._data.sigBytes);if(r){for(let e=0;e<r;e+=16)this._doProcessBlock(this._data.words,e);t=this._data.words.splice(0,r),this._data.sigBytes-=i}return new Wx(t,i)}},Wx=class e{words;sigBytes;constructor(e,t){e=this.words=e||[],this.sigBytes=t===void 0?e.length*4:t}static fromUtf8(t){let n=unescape(encodeURIComponent(t)),r=n.length,i=[];for(let e=0;e<r;e++)i[e>>>2]|=(n.charCodeAt(e)&255)<<24-e%4*8;return new e(i,r)}toBase64(){let e=[];for(let t=0;t<this.sigBytes;t+=3){let n=this.words[t>>>2]>>>24-t%4*8&255,r=this.words[t+1>>>2]>>>24-(t+1)%4*8&255,i=this.words[t+2>>>2]>>>24-(t+2)%4*8&255,a=n<<16|r<<8|i;for(let n=0;n<4&&t*8+n*6<this.sigBytes*8;n++)e.push(Vx.charAt(a>>>6*(3-n)&63))}return e.join(``)}concat(e){if(this.words[this.sigBytes>>>2]&=4294967295<<32-this.sigBytes%4*8,this.words.length=Math.ceil(this.sigBytes/4),this.sigBytes%4)for(let t=0;t<e.sigBytes;t++){let n=e.words[t>>>2]>>>24-t%4*8&255;this.words[this.sigBytes+t>>>2]|=n<<24-(this.sigBytes+t)%4*8}else for(let t=0;t<e.sigBytes;t+=4)this.words[this.sigBytes+t>>>2]=e.words[t>>>2];this.sigBytes+=e.sigBytes}};function Gx(e){return new Ux().finalize(e).toBase64()}function Kx(e){return Gx(Px(e))}function qx(e){return Kx(e)}function Jx(){let e={};function t(t,...n){let r=e[t]||[];for(let e=0,t=r.length;e<t;e++){let t=r[e];t&&t(...n)}}function n(n,...r){t(n,...r),delete e[n]}function r(t,n){return(e[t]||=[]).push(n),()=>{e[t]=e[t]?.filter(e=>n!==e)}}function i(e,t){let n=r(e,((...e)=>(n(),t(...e))));return n}return{_listeners:e,emit:t,emitOnce:n,on:r,once:i}}var Yx=/^[\w+.-]{2,}:\/\//;function Xx(e){return e.endsWith(`/`)?e:`${e}/`}function Zx(e){return(e.endsWith(`/`)?e.slice(0,-1):e)||`/`}function Qx(e,...t){let n=e;for(let e of t)e&&e!==`/`&&(n=n?Xx(n)+e.replace(/^\.?\//,``):e);return n}function $x(e,t){if(!t||t===`/`||Yx.test(e))return e;let n=Zx(t);return e.startsWith(n)?e:Qx(n,e)}function eS(e,t){let n=e.match(Yx);return t+(n?e.slice(n[0].length):e)}var tS=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`;function nS(e=21){let t=``,n=e;for(;n--;)t+=tS[Math.random()*64|0];return t}var rS=Symbol.for(`immer-nothing`),iS=Symbol.for(`immer-draftable`),aS=Symbol.for(`immer-state`),oS=[function(e){return`The plugin for '${e}' has not been loaded into Immer. To enable the plugin, import and call \`enable${e}()\` when initializing your application.`},function(e){return`produce can only be called on things that are draftable: plain objects, arrays, Map, Set or classes that are marked with '[immerable]: true'. Got '${e}'`},`This object has been frozen and should not be mutated`,function(e){return`Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? `+e},`An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.`,`Immer forbids circular references`,"The first or second argument to `produce` must be a function","The third argument to `produce` must be a function or undefined","First argument to `createDraft` must be a plain object, an array, or an immerable object","First argument to `finishDraft` must be a draft returned by `createDraft`",function(e){return`'current' expects a draft, got: ${e}`},`Object.defineProperty() cannot be used on an Immer draft`,`Object.setPrototypeOf() cannot be used on an Immer draft`,`Immer only supports deleting array indices`,`Immer only supports setting array indices and the 'length' property`,function(e){return`'original' expects a draft, got: ${e}`}];function sS(e,...t){{let n=oS[e],r=jS(n)?n.apply(null,t):n;throw Error(`[Immer] ${r}`)}}var cS=Object,lS=cS.getPrototypeOf,uS=`constructor`,dS=`prototype`,fS=`configurable`,pS=`enumerable`,mS=`writable`,hS=`value`,gS=e=>!!e&&!!e[aS];function _S(e){return e?bS(e)||DS(e)||!!e[iS]||!!e[uS]?.[iS]||OS(e)||kS(e):!1}var vS=cS[dS][uS].toString(),yS=new WeakMap;function bS(e){if(!e||!AS(e))return!1;let t=lS(e);if(t===null||t===cS[dS])return!0;let n=cS.hasOwnProperty.call(t,uS)&&t[uS];if(n===Object)return!0;if(!jS(n))return!1;let r=yS.get(n);return r===void 0&&(r=Function.toString.call(n),yS.set(n,r)),r===vS}function xS(e,t,n=!0){SS(e)===0?(n?Reflect.ownKeys(e):cS.keys(e)).forEach(n=>{t(n,e[n],e)}):e.forEach((n,r)=>t(r,n,e))}function SS(e){let t=e[aS];return t?t.type_:DS(e)?1:OS(e)?2:kS(e)?3:0}var CS=(e,t,n=SS(e))=>n===2?e.has(t):cS[dS].hasOwnProperty.call(e,t),wS=(e,t,n=SS(e))=>n===2?e.get(t):e[t],TS=(e,t,n,r=SS(e))=>{r===2?e.set(t,n):r===3?e.add(n):e[t]=n};function ES(e,t){return e===t?e!==0||1/e==1/t:e!==e&&t!==t}var DS=Array.isArray,OS=e=>e instanceof Map,kS=e=>e instanceof Set,AS=e=>typeof e==`object`,jS=e=>typeof e==`function`,MS=e=>typeof e==`boolean`;function NS(e){let t=+e;return Number.isInteger(t)&&String(t)===e}var PS=e=>AS(e)?e?.[aS]:null,FS=e=>e.copy_||e.base_,IS=e=>e.modified_?e.copy_:e.base_;function LS(e,t){if(OS(e))return new Map(e);if(kS(e))return new Set(e);if(DS(e))return Array[dS].slice.call(e);let n=bS(e);if(t===!0||t===`class_only`&&!n){let t=cS.getOwnPropertyDescriptors(e);delete t[aS];let n=Reflect.ownKeys(t);for(let r=0;r<n.length;r++){let i=n[r],a=t[i];a[mS]===!1&&(a[mS]=!0,a[fS]=!0),(a.get||a.set)&&(t[i]={[fS]:!0,[mS]:!0,[pS]:a[pS],[hS]:e[i]})}return cS.create(lS(e),t)}{let t=lS(e);if(t!==null&&n)return{...e};let r=cS.create(t);return cS.assign(r,e)}}function RS(e,t=!1){return VS(e)||gS(e)||!_S(e)?e:(SS(e)>1&&cS.defineProperties(e,{set:BS,add:BS,clear:BS,delete:BS}),cS.freeze(e),t&&xS(e,(e,t)=>{RS(t,!0)},!1),e)}function zS(){sS(2)}var BS={[hS]:zS};function VS(e){return e===null||!AS(e)||cS.isFrozen(e)}var HS=`MapSet`,US=`Patches`,WS=`ArrayMethods`,GS={};function KS(e){let t=GS[e];return t||sS(0,e),t}var qS=e=>!!GS[e];function JS(e,t){GS[e]||(GS[e]=t)}var YS,XS=()=>YS,ZS=(e,t)=>({drafts_:[],parent_:e,immer_:t,canAutoFreeze_:!0,unfinalizedDrafts_:0,handledSet_:new Set,processedForPatches_:new Set,mapSetPlugin_:qS(HS)?KS(HS):void 0,arrayMethodsPlugin_:qS(WS)?KS(WS):void 0});function QS(e,t){t&&(e.patchPlugin_=KS(US),e.patches_=[],e.inversePatches_=[],e.patchListener_=t)}function $S(e){eC(e),e.drafts_.forEach(nC),e.drafts_=null}function eC(e){e===YS&&(YS=e.parent_)}var tC=e=>YS=ZS(YS,e);function nC(e){let t=e[aS];t.type_===0||t.type_===1?t.revoke_():t.revoked_=!0}function rC(e,t){t.unfinalizedDrafts_=t.drafts_.length;let n=t.drafts_[0];if(e!==void 0&&e!==n){n[aS].modified_&&($S(t),sS(4)),_S(e)&&(e=iC(t,e));let{patchPlugin_:r}=t;r&&r.generateReplacementPatches_(n[aS].base_,e,t)}else e=iC(t,n);return aC(t,e,!0),$S(t),t.patches_&&t.patchListener_(t.patches_,t.inversePatches_),e===rS?void 0:e}function iC(e,t){if(VS(t))return t;let n=t[aS];if(!n)return pC(t,e.handledSet_,e);if(!sC(n,e))return t;if(!n.modified_)return n.base_;if(!n.finalized_){let{callbacks_:t}=n;if(t)for(;t.length>0;)t.pop()(e);dC(n,e)}return n.copy_}function aC(e,t,n=!1){!e.parent_&&e.immer_.autoFreeze_&&e.canAutoFreeze_&&RS(t,n)}function oC(e){e.finalized_=!0,e.scope_.unfinalizedDrafts_--}var sC=(e,t)=>e.scope_===t,cC=[];function lC(e,t,n,r){let i=FS(e),a=e.type_;if(r!==void 0&&wS(i,r,a)===t){TS(i,r,n,a);return}if(!e.draftLocations_){let t=e.draftLocations_=new Map;xS(i,(e,n)=>{if(gS(n)){let r=t.get(n)||[];r.push(e),t.set(n,r)}})}let o=e.draftLocations_.get(t)??cC;for(let e of o)TS(i,e,n,a)}function uC(e,t,n){e.callbacks_.push(function(r){let i=t;if(!i||!sC(i,r))return;r.mapSetPlugin_?.fixSetContents(i);let a=IS(i);lC(e,i.draft_??i,a,n),dC(i,r)})}function dC(e,t){if(e.modified_&&!e.finalized_&&(e.type_===3||e.type_===1&&e.allIndicesReassigned_||(e.assigned_?.size??0)>0)){let{patchPlugin_:n}=t;if(n){let r=n.getPath(e);r&&n.generatePatches_(e,r,t)}oC(e)}}function fC(e,t,n){let{scope_:r}=e;if(gS(n)){let i=n[aS];sC(i,r)&&i.callbacks_.push(function(){SC(e),lC(e,n,IS(i),t)})}else _S(n)&&e.callbacks_.push(function(){let i=FS(e);e.type_===3?i.has(n)&&pC(n,r.handledSet_,r):wS(i,t,e.type_)===n&&r.drafts_.length>1&&(e.assigned_.get(t)??!1)===!0&&e.copy_&&pC(wS(e.copy_,t,e.type_),r.handledSet_,r)})}function pC(e,t,n){return!n.immer_.autoFreeze_&&n.unfinalizedDrafts_<1||gS(e)||t.has(e)||!_S(e)||VS(e)?e:(t.add(e),xS(e,(r,i)=>{if(gS(i)){let t=i[aS];sC(t,n)&&(TS(e,r,IS(t),e.type_),oC(t))}else _S(i)&&pC(i,t,n)}),e)}function mC(e,t){let n=DS(e),r={type_:+!!n,scope_:t?t.scope_:XS(),modified_:!1,finalized_:!1,assigned_:void 0,parent_:t,base_:e,draft_:null,copy_:null,revoke_:null,isManual_:!1,callbacks_:void 0},i=r,a=hC;n&&(i=[r],a=gC);let{revoke:o,proxy:s}=Proxy.revocable(i,a);return r.draft_=s,r.revoke_=o,[s,r]}var hC={get(e,t){if(t===aS)return e;let n=e.scope_.arrayMethodsPlugin_,r=e.type_===1&&typeof t==`string`;if(r&&n?.isArrayOperationMethod(t))return n.createMethodInterceptor(e,t);let i=FS(e);if(!CS(i,t,e.type_))return yC(e,i,t);let a=i[t];if(e.finalized_||!_S(a)||r&&e.operationMethod&&n?.isMutatingArrayMethod(e.operationMethod)&&NS(t))return a;if(a===_C(e.base_,t)||vC(e,t,a)){SC(e);let n=e.type_===1?+t:t,r=wC(e.scope_,a,e,n);return e.copy_[n]=r}return a},has(e,t){return t in FS(e)},ownKeys(e){return Reflect.ownKeys(FS(e))},set(e,t,n){let r=bC(FS(e),t);if(r?.set)return r.set.call(e.draft_,n),!0;if(!e.modified_){let r=_C(FS(e),t),i=r?.[aS];if(i&&i.base_===n)return e.copy_[t]=n,e.assigned_.delete(t),!0;if(ES(n,r)&&(n!==void 0||CS(e.base_,t,e.type_)))return!0;SC(e),xC(e)}return e.copy_[t]===n&&(n!==void 0||CS(e.copy_,t,e.type_))||Number.isNaN(n)&&Number.isNaN(e.copy_[t])?!0:(e.copy_[t]=n,e.assigned_.set(t,!0),fC(e,t,n),!0)},deleteProperty(e,t){return SC(e),_C(e.base_,t)!==void 0||t in e.base_?(e.assigned_.set(t,!1),xC(e)):e.assigned_.delete(t),e.copy_&&delete e.copy_[t],!0},getOwnPropertyDescriptor(e,t){let n=FS(e),r=Reflect.getOwnPropertyDescriptor(n,t);return r&&{[mS]:!0,[fS]:e.type_!==1||t!==`length`,[pS]:r[pS],[hS]:n[t]}},defineProperty(){sS(11)},getPrototypeOf(e){return lS(e.base_)},setPrototypeOf(){sS(12)}},gC={};for(let e in hC){let t=hC[e];gC[e]=function(){let e=arguments;return e[0]=e[0][0],t.apply(this,e)}}gC.deleteProperty=function(e,t){return isNaN(parseInt(t))&&sS(13),gC.set.call(this,e,t,void 0)},gC.set=function(e,t,n){return t!==`length`&&isNaN(parseInt(t))&&sS(14),hC.set.call(this,e[0],t,n,e[0])};function _C(e,t){let n=e[aS];return(n?FS(n):e)[t]}function vC(e,t,n){return e.type_!==1||!e.allIndicesReassigned_||e.assigned_?.get(t)||!_S(n)||n[aS]?!1:e.baseRefs_.has(n)}function yC(e,t,n){let r=bC(t,n);return r?hS in r?r[hS]:r.get?.call(e.draft_):void 0}function bC(e,t){if(!(t in e))return;let n=lS(e);for(;n;){let e=Object.getOwnPropertyDescriptor(n,t);if(e)return e;n=lS(n)}}function xC(e){e.modified_||(e.modified_=!0,e.parent_&&xC(e.parent_))}function SC(e){e.copy_||=(e.assigned_=new Map,LS(e.base_,e.scope_.immer_.useStrictShallowCopy_))}var CC=class{constructor(e){this.autoFreeze_=!0,this.useStrictShallowCopy_=!1,this.useStrictIteration_=!1,this.produce=(e,t,n)=>{if(jS(e)&&!jS(t)){let n=t;t=e;let r=this;return function(e=n,...i){return r.produce(e,e=>t.call(this,e,...i))}}jS(t)||sS(6),n!==void 0&&!jS(n)&&sS(7);let r;if(_S(e)){let i=tC(this),a=wC(i,e,void 0),o=!0;try{r=t(a),o=!1}finally{o?$S(i):eC(i)}return QS(i,n),rC(r,i)}if(!e||!AS(e)){if(r=t(e),r===void 0&&(r=e),r===rS&&(r=void 0),this.autoFreeze_&&RS(r,!0),n){let t=[],i=[];KS(US).generateReplacementPatches_(e,r,{patches_:t,inversePatches_:i}),n(t,i)}return r}sS(1,e)},this.produceWithPatches=(e,t)=>{if(jS(e))return(t,...n)=>this.produceWithPatches(t,t=>e(t,...n));let n,r;return[this.produce(e,t,(e,t)=>{n=e,r=t}),n,r]},MS(e?.autoFreeze)&&this.setAutoFreeze(e.autoFreeze),MS(e?.useStrictShallowCopy)&&this.setUseStrictShallowCopy(e.useStrictShallowCopy),MS(e?.useStrictIteration)&&this.setUseStrictIteration(e.useStrictIteration)}createDraft(e){_S(e)||sS(8),gS(e)&&(e=TC(e));let t=tC(this),n=wC(t,e,void 0);return n[aS].isManual_=!0,eC(t),n}finishDraft(e,t){let n=e&&e[aS];(!n||!n.isManual_)&&sS(9);let{scope_:r}=n;return QS(r,t),rC(void 0,r)}setAutoFreeze(e){this.autoFreeze_=e}setUseStrictShallowCopy(e){this.useStrictShallowCopy_=e}setUseStrictIteration(e){this.useStrictIteration_=e}shouldUseStrictIteration(){return this.useStrictIteration_}applyPatches(e,t){let n;for(n=t.length-1;n>=0;n--){let r=t[n];if(r.path.length===0&&r.op===`replace`){e=r.value;break}}n>-1&&(t=t.slice(n+1));let r=KS(US).applyPatches_;return gS(e)?r(e,t):this.produce(e,e=>r(e,t))}};function wC(e,t,n,r){let[i,a]=OS(t)?KS(HS).proxyMap_(t,n):kS(t)?KS(HS).proxySet_(t,n):mC(t,n);return(n?.scope_??XS()).drafts_.push(i),a.callbacks_=n?.callbacks_??[],a.key_=r,n&&r!==void 0?uC(n,a,r):a.callbacks_.push(function(e){e.mapSetPlugin_?.fixSetContents(a);let{patchPlugin_:t}=e;a.modified_&&t&&t.generatePatches_(a,[],e)}),i}function TC(e){return gS(e)||sS(10,e),EC(e)}function EC(e){if(!_S(e)||VS(e))return e;let t=e[aS],n,r=!0;if(t){if(!t.modified_)return t.base_;t.finalized_=!0,n=LS(e,t.scope_.immer_.useStrictShallowCopy_),r=t.scope_.immer_.shouldUseStrictIteration()}else n=LS(e,!0);return xS(n,(e,t)=>{TS(n,e,EC(t))},r),t&&(t.finalized_=!1),n}function DC(){oS.push(`Sets cannot have "replace" patches.`,function(e){return`Unsupported patch operation: `+e},function(e){return`Cannot apply patch, path doesn't resolve: `+e},`Patching reserved attributes like __proto__, prototype and constructor is not allowed`);function e(n,r=[]){if(n.key_!==void 0){let e=n.parent_.copy_??n.parent_.base_,t=PS(wS(e,n.key_)),i=wS(e,n.key_);if(i===void 0||i!==n.draft_&&i!==n.base_&&i!==n.copy_||t!=null&&t.base_!==n.base_)return null;let a=n.parent_.type_===3,o;if(a){let e=n.parent_;o=Array.from(e.drafts_.keys()).indexOf(n.key_)}else o=n.key_;if(!(a&&e.size>o||CS(e,o)))return null;r.push(o)}if(n.parent_)return e(n.parent_,r);r.reverse();try{t(n.copy_,r)}catch{return null}return r}function t(e,t){let n=e;for(let e=0;e<t.length-1;e++){let r=t[e];if(n=wS(n,r),!AS(n)||n===null)throw Error(`Cannot resolve path at '${t.join(`/`)}'`)}return n}let n=`replace`,r=`remove`;function i(e,t,n){if(e.scope_.processedForPatches_.has(e))return;e.scope_.processedForPatches_.add(e);let{patches_:r,inversePatches_:i}=n;switch(e.type_){case 0:case 2:return o(e,t,r,i);case 1:return a(e,t,r,i);case 3:return s(e,t,r,i)}}function a(e,t,i,a){let{base_:o,assigned_:s}=e,c=e.copy_;c.length<o.length&&([o,c]=[c,o],[i,a]=[a,i]);let l=e.allIndicesReassigned_===!0;for(let e=0;e<o.length;e++){let r=c[e],u=o[e];if((l||s?.get(e.toString()))&&r!==u){let o=r?.[aS];if(o&&o.modified_)continue;let s=t.concat([e]);i.push({op:n,path:s,value:d(r)}),a.push({op:n,path:s,value:d(u)})}}for(let e=o.length;e<c.length;e++){let n=t.concat([e]);i.push({op:`add`,path:n,value:d(c[e])})}for(let e=c.length-1;o.length<=e;--e){let n=t.concat([e]);a.push({op:r,path:n})}}function o(e,t,i,a){let{base_:o,copy_:s,type_:c}=e;xS(e.assigned_,(e,l)=>{let u=wS(o,e,c),f=wS(s,e,c),p=l?CS(o,e)?n:`add`:r;if(u===f&&p===n)return;let m=t.concat(e);i.push(p===r?{op:p,path:m}:{op:p,path:m,value:d(f)}),a.push(p===`add`?{op:r,path:m}:p===r?{op:`add`,path:m,value:d(u)}:{op:n,path:m,value:d(u)})})}function s(e,t,n,i){let{base_:a,copy_:o}=e,s=0;a.forEach(e=>{if(!o.has(e)){let a=t.concat([s]);n.push({op:r,path:a,value:e}),i.unshift({op:`add`,path:a,value:e})}s++}),s=0,o.forEach(e=>{if(!a.has(e)){let a=t.concat([s]);n.push({op:`add`,path:a,value:e}),i.unshift({op:r,path:a,value:e})}s++})}function c(e,t,r){let{patches_:i,inversePatches_:a}=r;i.push({op:n,path:[],value:t===rS?void 0:t}),a.push({op:n,path:[],value:e})}function l(e,t){return t.forEach(t=>{let{path:i,op:a}=t,o=e;for(let e=0;e<i.length-1;e++){let t=SS(o),n=i[e];typeof n!=`string`&&typeof n!=`number`&&(n=``+n),(t===0||t===1)&&(n===`__proto__`||n===uS)&&sS(19),jS(o)&&n===dS&&sS(19),o=wS(o,n),(o===null||!AS(o))&&sS(18,i.join(`/`))}let s=SS(o),c=u(t.value),l=i[i.length-1];switch(a){case n:switch(s){case 2:return o.set(l,c);case 3:sS(16);default:return o[l]=c}case`add`:switch(s){case 1:return l===`-`?o.push(c):o.splice(l,0,c);case 2:return o.set(l,c);case 3:return o.add(c);default:return o[l]=c}case r:switch(s){case 1:return o.splice(l,1);case 2:return o.delete(l);case 3:return o.delete(t.value);default:return delete o[l]}default:sS(17,a)}}),e}function u(e){if(!_S(e))return e;if(DS(e))return e.map(u);if(OS(e))return new Map(Array.from(e.entries()).map(([e,t])=>[e,u(t)]));if(kS(e))return new Set(Array.from(e).map(u));let t=Object.create(lS(e));for(let n in e)t[n]=u(e[n]);return CS(e,iS)&&(t[iS]=e[iS]),t}function d(e){return gS(e)?u(e):e}JS(US,{applyPatches_:l,generatePatches_:i,generateReplacementPatches_:c,getPath:e})}globalThis.Iterator?.from;var OC=new CC,kC=OC.produce,AC=OC.produceWithPatches.bind(OC),jC=OC.applyPatches.bind(OC),MC=1e3;function NC(e,t){if(e.add(t),e.size>MC){let t=e.values().next().value;t!==void 0&&e.delete(t)}}function PC(e){let{enablePatches:t=!1}=e;t&&DC();let n=Jx(),r=e.initialValue,i=new Set;return{on:n.on,value:()=>r,patch:(e,t=nS())=>{i.has(t)||(DC(),r=jC(r,e),NC(i,t),n.emit(`updated`,r,void 0,t))},mutate:(e,a=nS())=>{if(!i.has(a)){if(NC(i,a),t){let[t,i]=AC(r,e);if(t===r)return;r=t,n.emit(`updated`,r,i,a)}else{let t=kC(r,e);if(t===r)return;r=t,n.emit(`updated`,r,void 0,a)}}},syncIds:i}}var FC=typeof self==`object`?self:globalThis,IC=new Set([`Error`,`EvalError`,`RangeError`,`ReferenceError`,`SyntaxError`,`TypeError`,`URIError`,`AggregateError`]),LC=new Set([`Boolean`,`Number`,`String`,`Int8Array`,`Uint8Array`,`Uint8ClampedArray`,`Int16Array`,`Uint16Array`,`Int32Array`,`Uint32Array`,`Float16Array`,`Float32Array`,`Float64Array`,`BigInt64Array`,`BigUint64Array`]);function RC(e,t){let n=(t,n)=>(e.set(n,t),t),r=i=>{if(e.has(i))return e.get(i);let[a,o]=t[i];switch(a){case 0:case-1:return n(o,i);case 1:{let e=n([],i);for(let t of o)e.push(r(t));return e}case 2:{let e=n({},i);for(let[t,n]of o)e[r(t)]=r(n);return e}case 3:return n(new Date(o),i);case 4:{let{source:e,flags:t}=o;return n(new RegExp(e,t),i)}case 5:{let e=n(new Map,i);for(let[t,n]of o)e.set(r(t),r(n));return e}case 6:{let e=n(new Set,i);for(let t of o)e.add(r(t));return e}case 7:{let{name:e,message:t}=o,r=IC.has(e)?FC[e]:void 0;return n(new(r??FC.Error)(t),i)}case 8:return n(BigInt(o),i);case`BigInt`:return n(Object(BigInt(o)),i);case`ArrayBuffer`:return n(new Uint8Array(o).buffer,o);case`DataView`:{let{buffer:e}=new Uint8Array(o);return n(new DataView(e),o)}}if(typeof a==`string`&&LC.has(a))return n(new FC[a](o),i);throw TypeError(`unable to deserialize unsafe or unknown type: ${String(a)}`)};return r}function zC(e){return RC(new Map,e)(0)}var BC=``,{toString:VC}={},{keys:HC}=Object;function UC(e){let t=typeof e;if(t!==`object`||!e)return[0,t];let n=VC.call(e).slice(8,-1);switch(n){case`Array`:return[1,BC];case`Object`:return[2,BC];case`Date`:return[3,BC];case`RegExp`:return[4,BC];case`Map`:return[5,BC];case`Set`:return[6,BC];case`DataView`:return[1,n]}return n.includes(`Array`)?[1,n]:n.includes(`Error`)?[7,n]:[2,n]}function WC([e,t]){return e===0&&(t===`function`||t===`symbol`)}function GC(e,t,n,r){let i=(e,t)=>{let i=r.push(e)-1;return n.set(t,i),i},a=r=>{if(n.has(r))return n.get(r);let[o,s]=UC(r);switch(o){case 0:{let t=r;switch(s){case`bigint`:o=8,t=r.toString();break;case`function`:case`symbol`:if(e)throw TypeError(`unable to serialize ${s}`);t=null;break;case`undefined`:return i([-1],r)}return i([o,t],r)}case 1:{if(s){let e=r;return s===`DataView`?e=new Uint8Array(r.buffer):s===`ArrayBuffer`&&(e=new Uint8Array(r)),i([s,[...e]],r)}let e=[],t=i([o,e],r);for(let t of r)e.push(a(t));return t}case 2:{if(s)switch(s){case`BigInt`:return i([s,r.toString()],r);case`Boolean`:case`Number`:case`String`:return i([s,r.valueOf()],r)}if(t&&`toJSON`in r)return a(r.toJSON());let n=[],c=i([o,n],r);for(let t of HC(r))(e||!WC(UC(r[t])))&&n.push([a(t),a(r[t])]);return c}case 3:return i([o,r.toISOString()],r);case 4:{let{source:e,flags:t}=r;return i([o,{source:e,flags:t}],r)}case 5:{let t=[],n=i([o,t],r);for(let[n,i]of r)(e||!(WC(UC(n))||WC(UC(i))))&&t.push([a(n),a(i)]);return n}case 6:{let t=[],n=i([o,t],r);for(let n of r)(e||!WC(UC(n)))&&t.push(a(n));return n}}let{message:c}=r;return i([o,{name:s,message:c}],r)};return a}function KC(e,t={}){let n=[];return GC(!(t.json||t.lossy),!!t.json,new Map,n)(e),n}var{parse:qC,stringify:JC}=JSON,YC={json:!0,lossy:!0};function XC(e){return zC(qC(e))}function ZC(e){return JC(KC(e,YC))}function QC(e){return zC(e)}function $C(e){return ZC(e)}function ew(e){return XC(e)}var tw=256,nw=class extends Error{name=`StreamClosedError`};function rw(e={}){let t=e.id??nS(),n=Math.max(0,e.replayWindow??0),r=Jx(),i=new AbortController,a=[],o=!1,s=0;function c(e){if(o)throw new nw(`Cannot write to a closed stream "${t}"`);s+=1,n>0&&(a.push({seq:s,chunk:e}),a.length>n&&(a.length-n===1?a.shift():a.splice(0,a.length-n))),r.emit(`chunk`,s,e)}function l(e){if(o)return;o=!0;let t=aw(e);i.abort(e),r.emit(`end`,t)}function u(){o||(o=!0,i.signal.aborted||i.abort(`stream closed`),r.emit(`end`,void 0))}function d(e){o||i.signal.aborted||i.abort(e??`aborted`)}let f=new WritableStream({write(e){c(e)},close(){u()},abort(e){l(e)}});return{id:t,signal:i.signal,get closed(){return o},get lastSeq(){return s},write:c,error:l,close:u,abort:d,writable:f,events:r,buffer:a}}function iw(e={}){let t=e.id??nS(),n=Math.max(1,e.highWaterMark??tw),r=[],i=0,a=!1,o=!1,s,c,l,u;function d(){if(c){if(r.length>0){let e=r.shift(),t=c;c=void 0,t.resolve({value:e,done:!1});return}if(a){let e=c;if(c=void 0,s){let t=Error(s.message);t.name=s.name,e.reject(t)}else e.resolve({value:void 0,done:!0})}}}function f(){if(l){for(;r.length>0;){let e=r.shift();try{l.enqueue(e)}catch{break}}if(a&&l){try{if(s){let e=Error(s.message);e.name=s.name,l.error(e)}else l.close()}catch{}l=void 0}}}function p(t,s){if(!(a||o)&&!(t<=i)){if(i=t,r.push(s),r.length>n){let t=r.length-n;r.splice(0,t),e.onOverflow?.(t)}d(),u&&f()}}function m(e){a||(a=!0,s=e,d(),u&&f())}function h(){o||a||(o=!0,e.onCancel?.(),m(void 0))}function g(){return u||(u=new ReadableStream({start(e){l=e,f()},cancel(){h()}}),u)}return{id:t,get cancelled(){return o},get done(){return a},get lastSeenSeq(){return i},get readable(){return g()},cancel:h,_push:p,_end:m,[Symbol.asyncIterator](){return{next(){if(r.length>0)return Promise.resolve({value:r.shift(),done:!1});if(a){if(s){let e=Error(s.message);return e.name=s.name,Promise.reject(e)}return Promise.resolve({value:void 0,done:!0})}return new Promise((e,t)=>{c={resolve:e,reject:t}})},return(){return h(),Promise.resolve({value:void 0,done:!0})}}}}}function aw(e){if(e instanceof Error)return{name:e.name||`Error`,message:e.message};if(typeof e==`string`)return{name:`Error`,message:e};try{return{name:`Error`,message:JSON.stringify(e)}}catch{return{name:`Error`,message:String(e)}}}var ow=128;function sw(e){return e.replace(/[^\w-]+/g,`_`).slice(0,ow)}var cw=`modulepreload`,lw=function(e,t){return new URL(e,t).href},uw={},dw=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),a=i?.nonce||i?.getAttribute(`nonce`);function o(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}function s(e){return import.meta.resolve?import.meta.resolve(e):new URL(e,import.meta.url).href}r=o(t.map(t=>{if(t=lw(t,n),t=s(t),t in uw)return;uw[t]=!0;let r=t.endsWith(`.css`);for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}let i=document.createElement(`link`);if(i.rel=r?`stylesheet`:cw,r||(i.as=`script`),i.crossOrigin=``,i.href=t,a&&i.setAttribute(`nonce`,a),document.head.appendChild(i),r)return new Promise((e,n)=>{i.addEventListener(`load`,e),i.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}).filter(e=>e!==void 0))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})},fw=`__connection.json`,pw=`__DEVFRAME_CONNECTION__`,mw=`x-birpc-session`,hw=`__rpc-dump/index.json`,gw=`devframe:services`,_w=`devframe_otp`,vw=`devframe_auth_token`;mx.postMessage.remoteAssetsError;var yw=class{cacheMap=new Map;options;keySerializer;constructor(e){this.options=e,this.keySerializer=e.keySerializer||(e=>qx(e))}updateOptions(e){this.options={...this.options,...e}}cached(e,t){let n=this.cacheMap.get(e);if(n)return n.get(this.keySerializer(t))}has(e,t){return this.cacheMap.get(e)?.has(this.keySerializer(t))??!1}apply(e,t){let n=this.cacheMap.get(e.m)||new Map;n.set(this.keySerializer(e.a),t),this.cacheMap.set(e.m,n)}validate(e){return this.options.functions.includes(e)}clear(e){e?this.cacheMap.delete(e):this.cacheMap.clear()}},bw=_x({docsBase:`https://devfra.me/errors`,codes:{DF0019:{why:e=>`RPC function "${e.name}" has \`agent\` set but \`jsonSerializable\` is \`false\`; MCP requires JSON-serializable data.`,fix:"Remove `jsonSerializable: false`, or remove `agent` to keep it RPC-only."},DF0020:{why:e=>`RPC function "${e.name}" declares \`jsonSerializable: true\` but the value at "${e.path}" is a ${e.type}.`,fix:"Either drop `jsonSerializable: true` (falls back to structured-clone) or change the value to a JSON-safe shape."},DF0021:{why:e=>`RPC function "${e.name}" is already registered`,fix:"Use the `force` parameter to overwrite an existing registration."},DF0022:{why:e=>`RPC function "${e.name}" is not registered. Use register() to add new functions.`},DF0023:{why:e=>`RPC function "${e.name}" is not registered`},DF0024:{why:e=>`Either handler or setup function must be provided for RPC function "${e.name}"`},DF0025:{why:e=>`Function "${e.name}" not found in dump store`},DF0026:{why:e=>`No dump match for "${e.name}" with args: ${e.args}`},DF0027:{why:e=>`Function "${e.name}" with type "${e.type}" cannot have dump configuration. Only "static" and "query" types support dumps.`},DF0028:{why:e=>`Function "${e.name}" with type "${e.type}" cannot use \`snapshot: true\`. Only "query" functions support this sugar; "static" functions have equivalent default behavior already.`,fix:"Remove `snapshot: true`, or change the function type to `query`."},DF0043:{why:e=>`RPC function "${e.name}" received an invalid argument at position ${e.index}: ${e.issues}`,fix:"Pass a value that satisfies the `args` schema declared for this function."},DF0044:{why:e=>`RPC function "${e.name}" returned a value that failed its \`returns\` schema: ${e.issues}`,fix:"Make the handler return a value that satisfies the `returns` schema, or relax the schema."}}});function xw(e){if(e.agent&&e.jsonSerializable===!1)throw bw.DF0019({name:e.name});e.agent&&!e.jsonSerializable&&(e.jsonSerializable=!0)}async function Sw(e,t){let n=e[`~standard`].validate(t);return n instanceof Promise?await n:n}function Cw(e){return e.map(e=>{let t=e.path?.map(e=>typeof e==`object`?e.key:e).join(`.`);return t?`${t}: ${e.message}`:e.message}).join(`; `)}async function ww(e,t,n){let r=n.slice();if(!t||t.length===0)return r;for(let r=0;r<t.length;r++){let i=t[r];if(!i)continue;let a=await Sw(i,n[r]);if(a.issues)throw bw.DF0043({name:e,index:r,issues:Cw(a.issues)})}return r}async function Tw(e,t,n){if(!t)return n;let r=await Sw(t,n);if(r.issues)throw bw.DF0044({name:e,issues:Cw(r.issues)});return n}async function Ew(e,t){if(!e.setup)return{};if(typeof t==`object`&&t){e.__cache??=new WeakMap;let n=e.__cache,r=n.get(t);return r||(r=Promise.resolve(e.setup(t)),r.catch(()=>{n.get(t)===r&&n.delete(t)}),n.set(t,r)),await r}if(!e.__promise){let n=Promise.resolve(e.setup(t));n.catch(()=>{e.__promise===n&&(e.__promise=void 0)}),e.__promise=n}return await e.__promise}async function Dw(e,t){let n=e.handler;if(!n){let r=await Ew(e,t);if(!r.handler)throw bw.DF0024({name:e.name});n=r.handler}let r=e.args,i=e.returns;if(!r&&!i)return n;let a=n;return async(...t)=>{let n=await ww(e.name,r,t),o=await a(...n);return await Tw(e.name,i,o)}}var Ow=class{context;definitions=new Map;functions;_onChanged=[];constructor(e){this.context=e;let t=this.definitions,n=this;this.functions=new Proxy({},{get(e,r){let i=t.get(r);if(i)return Dw(i,n.context)},has(e,n){return t.has(n)},getOwnPropertyDescriptor(e,n){return{value:t.get(n)?.handler,configurable:!0,enumerable:!0}},ownKeys(){return Array.from(t.keys())}})}register(e,t=!1){if(this.definitions.has(e.name)&&!t)throw bw.DF0021({name:e.name});xw(e),this.definitions.set(e.name,e),this._onChanged.forEach(t=>t(e.name))}update(e,t=!1){if(!this.definitions.has(e.name)&&!t)throw bw.DF0022({name:e.name});xw(e),this.definitions.set(e.name,e),this._onChanged.forEach(t=>t(e.name))}onChanged(e){return this._onChanged.push(e),()=>{let t=this._onChanged.indexOf(e);t!==-1&&this._onChanged.splice(t,1)}}async getHandler(e){return await Dw(this.definitions.get(e),this.context)}getSchema(e){let t=this.definitions.get(e);if(!t)throw bw.DF0023({name:String(e)});return{args:t.args,returns:t.returns}}has(e){return this.definitions.has(e)}get(e){return this.definitions.get(e)}list(){return Array.from(this.definitions.keys())}};function kw(e,t=``){return JSON.stringify(e,function(e,n){let r=this,i=r==null?n:r[e];if(i===void 0){if(Array.isArray(r))throw jw(t,`undefined`,r,e);return n}return i!==null&&Aw(i,r,e,t),n})}function Aw(e,t,n,r){if(typeof e==`bigint`)throw jw(r,`BigInt`,t,n);if(typeof e!=`object`)return;if(e instanceof Map)throw jw(r,`Map`,t,n);if(e instanceof Set)throw jw(r,`Set`,t,n);if(e instanceof Date)throw jw(r,`Date`,t,n);if(Array.isArray(e))return;let i=Object.getPrototypeOf(e);if(i!==null&&i!==Object.prototype)throw jw(r,e.constructor?.name??`class instance`,t,n)}function jw(e,t,n,r){let i=Mw(n,r);return bw.DF0020({name:e||`<anonymous>`,type:t,path:i})}function Mw(e,t){return Array.isArray(e)?`[${t}]`:t===``?`<root>`:t}var Nw=`__DEVFRAME_CONNECTION_META__`,Pw=`__DEVFRAME_CONNECTION_AUTH_TOKEN__`;function Fw(e){let t=[()=>window?.[e],()=>globalThis?.[e],()=>parent.window?.[e]];for(let e of t)try{let t=e();if(t)return t}catch{}}function Iw(){return Fw(pw)}function Lw(){return Fw(Nw)}function Rw(e){if(e)return e;try{let e=localStorage.getItem(Pw);if(e)return e}catch{}return Fw(Pw)}function zw(e){globalThis[pw]=e,globalThis[Nw]={...e.connectionMeta,baseUrl:e.metaBaseUrl},e.authToken&&Bw(e.authToken)}function Bw(e){try{localStorage.setItem(Pw,e)}catch{}globalThis[Pw]=e;let t=Iw();t&&(globalThis[pw]={...t,authToken:e})}function Vw(e){let t=$x(fw,e);try{return new URL(t,globalThis.location?.href).href}catch{return t}}function Hw(e,t){return t&&t!==e.authToken?{...e,authToken:t}:e}function Uw(){let e=Iw();if(e)return Hw(e,Rw()??e.authToken??e.connectionMeta.authToken);let t=Lw();if(t)return{connectionMeta:t,metaBaseUrl:t.baseUrl??Vw(`./`),authToken:Rw(t.authToken)}}async function Ww(e={}){if(e.connection){let t=Hw(e.connection,Rw(e.authToken??e.connection.authToken??e.connection.connectionMeta.authToken));return zw(t),t}let t=Array.isArray(e.baseURL)?e.baseURL:[e.baseURL??`./`];if(e.connectionMeta){let n={connectionMeta:e.connectionMeta,metaBaseUrl:Vw(t[0]??`./`),authToken:Rw(e.authToken??e.connectionMeta.authToken)};return zw(n),n}let n=Uw();if(n){let t=Hw(n,Rw(e.authToken??n.authToken??n.connectionMeta.authToken));return zw(t),t}let r=[];for(let n of t){let t=$x(fw,n),i=Vw(n);try{let n=await fetch(t);if(!n.ok)throw Error(`Failed to fetch connection meta from ${i}: ${n.status}`);let r=await n.json(),a=n.url||i,o={connectionMeta:r,metaBaseUrl:r.baseUrl?new URL(r.baseUrl,a).href:a,authToken:Rw(e.authToken??r.authToken)};return zw(o),o}catch(e){r.push(e)}}throw Error(`Failed to get connection meta from ${t.join(`, `)}`,{cause:r})}var Gw=class extends Error{name=`DevframeConnectionError`;kind;constructor(e,t,n){super(t,n),this.kind=e}};function Kw(e=_w){try{let t=globalThis.location?.hash?.replace(/^#/,``)??``;return new URLSearchParams(t).get(e)||void 0}catch{return}}function qw(e){try{let t=new URL(globalThis.location.href),n=new URLSearchParams(t.hash.replace(/^#/,``));if(!n.has(e))return;n.delete(e),t.hash=n.toString(),globalThis.history?.replaceState(globalThis.history.state,``,t.href)}catch{}}function Jw(e=_w){let t=Kw(e);return t&&qw(e),t}async function Yw(e,t={}){let n=Jw(t.param??`devframe_otp`);return n?e.isTrusted?!0:e.requestTrustWithCode(n):!1}function Xw(e){let t={},n=new WeakMap,r,i=()=>(r??=e.sharedState.get(gw,{initialValue:{}}).then(e=>(t=e.value(),e.on(`updated`,e=>{t=e}),e)),r);return i(),{state:i,has:e=>e in t,keys:()=>Object.keys(t),get:r=>{let i=t[r];if(!i)return;let a=n.get(i);return a||(a={...i,rpc:e.scope(i.scope).rpc},n.set(i,a)),a}}}function Zw(e){let t=new Map,n=new Map,r=new Map,i=new Set,a=e.connectionMeta.backend===`static`;function o(e,t){let n=r.get(e);return n&&typeof n==`object`&&!Array.isArray(n)&&typeof t==`object`&&!Array.isArray(t)?{...n,...t}:t}e.client.register({name:mx.broadcast.clientStateUpdated,type:`event`,handler:(e,n,r)=>{let i=t.get(e);i&&!i.syncIds.has(r)&&i.mutate(()=>o(e,n),r)}}),e.client.register({name:mx.broadcast.clientStatePatch,type:`event`,handler:(e,n,r)=>{let i=t.get(e);i&&!i.syncIds.has(r)&&i.patch(n,r)}});function s(t,n){let r=[];return r.push(n.on(`updated`,(n,r,i)=>{a||(r?e.callEvent(`devframe:rpc:server-state:patch`,t,r,i):e.callEvent(`devframe:rpc:server-state:set`,t,n,i))})),()=>{for(let e of r)e()}}return{keys:()=>Array.from(t.keys()),onKeyAdded(e){return i.add(e),()=>{i.delete(e)}},delete(e){let i=n.get(e);n.delete(e);let a=t.delete(e);return r.delete(e),i?.(),a},get:async(c,l)=>{if(l?.initialValue!==void 0&&r.set(c,l.initialValue),t.has(c))return t.get(c);let u=PC({initialValue:l?.initialValue,enablePatches:!1});async function d(){if(a||e.callEvent(`devframe:rpc:server-state:subscribe`,c),l?.initialValue!==void 0){t.set(c,u);for(let e of i)e(c);return e.call(`devframe:rpc:server-state:get`,c).then(e=>{e!==void 0&&u.mutate(()=>o(c,e))}).catch(e=>{console.error(`Error getting server state`,e)}),n.set(c,s(c,u)),u}{let r=await e.call(`devframe:rpc:server-state:get`,c);u.mutate(()=>o(c,r)),t.set(c,u);for(let e of i)e(c);return n.set(c,s(c,u)),u}}return new Promise(t=>{if(e.isTrusted)d().then(t);else{t(u);let n=!1;e.events.on(mx.client.isTrustedUpdated,e=>{e&&!n&&(n=!0,d())})}})}}}var Qw=new Map;function $w(e=Qw){let t=new Map;return{serialize:n=>{let r;return n.t===`q`?r=n.m:(r=t.get(n.i),t.delete(n.i)),!(n.t===`s`&&`e`in n)&&r&&e.get(r)?.jsonSerializable===!0?kw(n,r??``):`s:${$C(n)}`},deserialize:e=>{let n=e.startsWith(`s:`)?ew(e.slice(2)):JSON.parse(e);return n.t===`q`&&n.i&&n.m&&t.set(n.i,n.m),n}}}function eT(){}function tT(e){let t=e.search(/\n\n|\r\n\r\n/);if(!(t<0))return{frame:e.slice(0,t),rest:e.slice(t+(e[t]===`\r`?4:2))}}function nT(e){let t=`message`,n=[];for(let r of e.split(/\r?\n/))r.startsWith(`:`)||(r.startsWith(`event:`)?t=r.slice(6).trimStart():r.startsWith(`data:`)&&n.push(r.slice(5).replace(/^ /,``)));return{event:t,data:n}}function rT(e){let{onConnected:t=eT,onError:n=eT,onDisconnected:r=eT,definitions:i,fetch:a=globalThis.fetch.bind(globalThis)}=e,o=e.url;e.authToken&&(o=`${o}${o.includes(`?`)?`&`:`?`}${vw}=${encodeURIComponent(e.authToken)}`);let s=$w(i),c=new AbortController,l=!1,u,d,f,p,m=new Promise((e,t)=>{f=e,p=t});m.catch(()=>{});function h(e){l||(l=!0,p(e),n(e),r())}function g(){l||(l=!0,p(Error(`Devframe SSE stream closed`)),r())}function _(e,n){if(e===`session`){f(n),t();return}u?.(n)}async function ee(e){let t=e.getReader();d=t;let n=new TextDecoder,r=``;for(;;){let{done:e,value:i}=await t.read();if(e)break;for(r+=n.decode(i,{stream:!0});;){let e=tT(r);if(!e)break;r=e.rest;let{event:t,data:n}=nT(e.frame);n.length>0&&_(t,n.join(`
-`))}}g()}return(async()=>{try{let e=await a(o,{headers:{accept:`text/event-stream`},signal:c.signal});if(!e.ok||!e.body)throw Error(`Devframe SSE stream request failed: ${e.status}`);await ee(e.body)}catch(e){if(c.signal.aborted){g();return}h(e instanceof Error?e:Error(String(e)))}})(),{close:()=>{l=!0,c.abort(),d?.cancel().catch(()=>{})},on:e=>{u=e},post:async e=>{let t;try{t=await m}catch{return}if(l){n(Error(`Devframe SSE channel is closed; message dropped`));return}try{let n=await a(o,{method:`POST`,headers:{"content-type":`text/plain; charset=utf-8`,[mw]:t},body:e});if(n.status===200){let e=await n.text();e&&u?.(e);return}if(!n.ok)throw Error(`Devframe SSE POST failed: ${n.status}`)}catch(e){n(e instanceof Error?e:Error(String(e)))}},serialize:s.serialize,deserialize:s.deserialize}}function iT(e,t){let{channel:n,rpcOptions:r={}}=t;return Dx(e,{...n,timeout:-1,...r,proxify:!1})}function aT(e){let{transport:t,authToken:n,connectionMeta:r,events:i,clientRpc:a,rpcOptions:o={},callTimeout:s=0}=e,c=!1,l=`connecting`,u=null,d=Promise.withResolvers();function f(e,t=null){if(t?u=t:e===`connected`&&(u=null),e===l)return;let n=l;l=e,i.emit(mx.client.connectionStatus,e,n)}let p=new Set;function m(e){for(let t of[...p])t.reject(e)}function h(){return l===`disconnected`||l===`error`?new Gw(`connection`,`[devframe] Not connected to the devframe server`,{cause:u??void 0}):l===`unauthorized`?new Gw(`auth`,`[devframe] Not authorized by the devframe server`,{cause:u??void 0}):null}function g(e,t){return new Promise((n,r)=>{let a=!1,o,c={reject(e){a||(l(),i.emit(mx.client.error,e,t),r(e))}};function l(){a=!0,p.delete(c),o&&clearTimeout(o)}p.add(c),s>0&&(o=setTimeout(()=>{c.reject(new Gw(`timeout`,`[devframe] RPC call "${t}" timed out after ${s}ms`))},s)),e.then(e=>{a||(l(),n(e))},e=>{if(a)return;l();let n=e instanceof Error?e:Error(String(e));i.emit(mx.client.error,n,t),r(n)})})}let _=new Map;for(let e of r.jsonSerializableMethods??[])_.set(e,{jsonSerializable:!0});let ee=e.createChannel({definitions:_,onError(e){f(`error`,e),i.emit(mx.client.connectionError,e),m(new Gw(`connection`,`[devframe] Connection to the devframe server failed`,{cause:e}))},onDisconnected(){l!==`error`&&f(`disconnected`),m(new Gw(`connection`,`[devframe] Disconnected from the devframe server`,{cause:u??void 0}))}}),te=iT(a.functions,{channel:ee,rpcOptions:o});a.register({name:mx.broadcast.authRevoked,type:`event`,handler:()=>{c=!1;let e=new Gw(`auth`,`[devframe] The devframe server revoked this client's trust`);f(`unauthorized`,e),i.emit(mx.client.connectionError,e),m(e),i.emit(mx.client.isTrustedUpdated,!1)}});let ne=n;async function re(e){ne=e;let t=await te.$call(`anonymous:devframe:auth`,{authToken:e,ua:navigator.userAgent,origin:location.origin});if(c=t.isTrusted,c)d.resolve(!0),f(`connected`);else{let e=new Gw(`auth`,`[devframe] The devframe server refused this client's credentials`);f(`unauthorized`,e),i.emit(mx.client.connectionError,e)}return i.emit(mx.client.isTrustedUpdated,c),t.isTrusted}async function ie(e){let t=(await te.$call(`anonymous:devframe:auth:exchange`,{code:e,ua:navigator.userAgent,origin:location.origin}))?.authToken??null;return t&&(ne=t,c=!0,d.resolve(!0),f(`connected`),i.emit(mx.client.isTrustedUpdated,!0)),t}async function ae(e={}){await te.$call(`anonymous:devframe:auth:request-code`,{ua:navigator.userAgent,origin:location.origin,...e.reissue?{reissue:!0}:{}})}async function oe(){return c?!0:re(ne??``)}async function se(e=6e4){if(c&&d.resolve(!0),e<=0)return d.promise;let t;try{return await Promise.race([d.promise,new Promise((n,r)=>{t=setTimeout(()=>{r(Error(`[devframe] Timeout waiting for rpc to be trusted`))},e)})]),c}finally{clearTimeout(t)}}return{transport:t,get isTrusted(){return c},get status(){return l},get connectionError(){return u},requestTrust:oe,requestTrustWithToken:re,requestTrustWithCode:ie,requestAuthCode:ae,ensureTrusted:se,call:(...e)=>{let t=String(e[0]),n=h();return n?(i.emit(mx.client.error,n,t),Promise.reject(n)):g(te.$call(...e),t)},callEvent:(...e)=>{let t=h();if(t){i.emit(mx.client.error,t,String(e[0]));return}return te.$callEvent(...e)},callOptional:(...e)=>{let t=String(e[0]),n=h();return n?(i.emit(mx.client.error,n,t),Promise.reject(n)):g(te.$callOptional(...e),t)},close:()=>{ee.close()}}}function oT(e,t,n){let r=(()=>{try{return new URL(t,n.href)}catch{return new URL(n.href)}})();if(e&&typeof e==`object`){if(e.host!=null||e.port!=null){let t=e.host??`${r.hostname}:${e.port}`;return new URL(e.path??`/`,`${r.protocol}//${t}`).href}return new URL(e.path??``,r).href}let i=e??``;return/^https?:\/\//i.test(i)?i:new URL(i,r).href}function sT(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},sseOptions:s={},callTimeout:c=0}=e,l=oT(n.sse,r??`./`,location);return aT({transport:`sse`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>rT({url:l,authToken:t,definitions:e.definitions,...s,onConnected(){s.onConnected?.()},onError(t){e.onError(t),s.onError?.(t)},onDisconnected(){e.onDisconnected(),s.onDisconnected?.()}})})}function cT(e){let{name:t,message:n,cause:r,...i}=e,a=r instanceof Error?r:lT(r)?cT(r):r,o=a===void 0?Error(n):Error(n,{cause:a});return o.name=t,Object.assign(o,i),o}function lT(e){return typeof e==`object`&&!!e&&typeof e.message==`string`&&typeof e.name==`string`}function uT(e){return typeof e==`object`&&!!e&&e.type===`static`&&typeof e.path==`string`}function dT(e){return typeof e==`object`&&!!e&&e.type===`query`&&typeof e.records==`object`&&e.records!==null}function fT(e){return typeof e==`object`&&!!e&&(`output`in e||`error`in e)}function pT(e){if(e.error)throw cT(e.error);return e.output}function mT(e){return e.some(e=>e!=null)}function hT(e){return typeof e==`object`&&e&&`serialization`in e&&`data`in e?e.data:e}function gT(e,t){let n=new Map,r=new Map;function i(e,t){return t===`structured-clone`&&Array.isArray(e)?QC(e):e}function a(e,t){return i(hT(e),t)}async function o(e){n.has(e.path)||n.set(e.path,t(e.path).then(t=>a(t,e.serialization)));let r=await n.get(e.path);return fT(r)?pT(r):r}async function s(e,n){return r.has(e)||r.set(e,t(e).then(e=>a(e,n))),await r.get(e)}async function c(t,n){if(!(t in e))throw Error(`[devframe-rpc] Function "${t}" not found in dump store`);let r=e[t];if(uT(r)){if(mT(n))throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`);return await o(r)}if(dT(r)){let e=qx(n),i=r.records[e];if(i)return pT(await s(i,r.serialization));if(r.fallback)return pT(await s(r.fallback,r.serialization));throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`)}if(!mT(n))return r;throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`)}return{call:async(e,t)=>await c(e,t),callOptional:async(t,n)=>{if(t in e)return await c(t,n)},callEvent:async(e,t)=>{}}}async function _T(e){let t=gT(await e.fetchJsonFromBases(hw),e.fetchJsonFromBases);return{transport:`static`,isTrusted:!0,status:`connected`,connectionError:null,requestTrust:async()=>!0,requestTrustWithToken:async()=>!0,requestTrustWithCode:async()=>null,requestAuthCode:async()=>{},ensureTrusted:async()=>!0,call:(...e)=>t.call(e[0],e.slice(1)),callEvent:(...e)=>t.callEvent(e[0],e.slice(1)),callOptional:(...e)=>t.callOptional(e[0],e.slice(1)),close:()=>{}}}var vT=``;function yT(e,t){return`${e}${vT}${t}`}function bT(e){let t=new Map,n=new Map;e.client.register({name:mx.broadcast.streamingChunk,type:`event`,handler(e,n,r,i){t.get(yT(e,n))?._push(r,i)}}),e.client.register({name:mx.broadcast.streamingEnd,type:`event`,handler(e,n,r){let i=yT(e,n),a=t.get(i);a&&(a._end(r),t.delete(i))}}),e.client.register({name:mx.broadcast.streamingUploadCancel,type:`event`,handler(e,t){let r=yT(e,t),i=n.get(r);i&&(i.abort(`server cancelled upload`),n.delete(r))}}),e.events.on(mx.client.isTrustedUpdated,n=>{if(n)for(let[n,r]of t){if(r.cancelled||r.done)continue;let t=n.indexOf(vT);if(t<0)continue;let i=n.slice(0,t),a=n.slice(t+1);e.callEvent(`devframe:streaming:subscribe`,i,a,{afterSeq:r.lastSeenSeq})}});function r(n,r,i={}){let a=yT(n,r),o=t.get(a);if(o)return o;let s=iw({id:r,highWaterMark:i.highWaterMark,onOverflow(e){console.warn(`[devframe] DF0029: Stream "${n}#${r}" dropped ${e} chunk(s) after exceeding the client high-water mark.`)},onCancel(){e.callEvent(`devframe:streaming:cancel`,n,r),t.delete(a)}});if(t.set(a,s),e.isTrusted)e.callEvent(`devframe:streaming:subscribe`,n,r,{afterSeq:0});else{let i=e.events.on(mx.client.isTrustedUpdated,o=>{o&&(i(),t.has(a)&&!s.cancelled&&!s.done&&e.callEvent(`devframe:streaming:subscribe`,n,r,{afterSeq:s.lastSeenSeq}))})}return s}function i(t,r){let i=yT(t,r),a=n.get(i);if(a)return a;let o=rw({id:r});return o.events.on(`chunk`,(n,i)=>{e.callEvent(`devframe:streaming:upload-chunk`,t,r,n,i)}),o.events.on(`end`,a=>{e.callEvent(`devframe:streaming:upload-end`,t,r,a),n.delete(i)}),n.set(i,o),o}return{subscribe:r,upload:i}}function xT(){}var ST=new Map;function CT(e){let t=e.url;e.authToken&&(t=`${t}?${vw}=${encodeURIComponent(e.authToken)}`);let n=new WebSocket(t),{onConnected:r=xT,onError:i=xT,onDisconnected:a=xT,definitions:o=ST}=e;n.addEventListener(`open`,e=>{r(e)}),n.addEventListener(`error`,e=>{let t=e instanceof Error?e:Error(e.type);i(t)}),n.addEventListener(`close`,e=>{a(e)});let s=$w(o);return{close:()=>{n.close()},on:e=>{n.addEventListener(`message`,t=>{e(t.data)})},post:e=>{if(n.readyState===WebSocket.OPEN){n.send(e);return}if(n.readyState===WebSocket.CONNECTING){let t=()=>{i(),n.readyState===WebSocket.OPEN&&n.send(e)},r=()=>i();function i(){n.removeEventListener(`open`,t),n.removeEventListener(`close`,r)}n.addEventListener(`open`,t),n.addEventListener(`close`,r);return}i(Error(`Devframe WebSocket is not open; message dropped`))},serialize:s.serialize,deserialize:s.deserialize}}function wT(e,t,n){let r=(()=>{try{return new URL(t,n.href)}catch{return new URL(n.href)}})(),i=r.protocol===`https:`?`wss:`:`ws:`;if(e&&typeof e==`object`){if(e.host!=null||e.port!=null){let t=e.host??`${r.hostname}:${e.port}`,n=new URL(e.path??`/`,`${i}//${t}`);return n.protocol=i,n.href}let t=new URL(e.path??``,r);return t.protocol=i,t.href}if(typeof e==`number`)return`${i}//${r.hostname}:${e}`;let a=e??``;if(/^wss?:\/\//i.test(a))return a;if(/^https?:\/\//i.test(a))return eS(a,/^https/i.test(a)?`wss://`:`ws://`);let o=new URL(a,r);return o.protocol=i,o.href}function TT(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},wsOptions:s={},callTimeout:c=0}=e,l=wT(n.websocket,r??`./`,location);return aT({transport:`websocket`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>CT({url:l,authToken:t,definitions:e.definitions,...s,onConnected(e){s.onConnected?.(e)},onError(t){e.onError(t),s.onError?.(t)},onDisconnected(t){e.onDisconnected(),s.onDisconnected?.(t)}})})}function ET(e){return e.includes(`:`)}function DT(e,t){return ET(t)?t:`${e}:${t}`}function OT(e){return{async get(t){return(await e()).value()[t]},async set(t,n){(await e()).mutate(e=>{e[t]=n})},async delete(t){(await e()).mutate(e=>{delete e[t]})},async all(){return(await e()).value()},async onChange(t){return(await e()).on(`updated`,e=>t(e))}}}function kT(e,t,n){let r=`devframe:settings:${n}:${t}`,i;function a(){return i||=e.sharedState.get(r,{initialValue:{}}),i}return OT(a)}function AT(e,t){return{global:kT(e,t,`global`),project:kT(e,t,`project`)}}function jT(e,t){return{namespace:t,base:e,rpc:{namespace:t,register(n){if(ET(n.name))throw Error(`[devframe] Scoped client RPC registration for namespace "${t}" received an already-namespaced function name "${n.name}". Pass a bare name without a ":" separator.`);e.client.register({...n,name:`${t}:${n.name}`})},call:((n,...r)=>e.call(DT(t,n),...r)),callEvent:((n,...r)=>e.callEvent(DT(t,n),...r)),callOptional:((n,...r)=>e.callOptional(DT(t,n),...r)),sharedState:((n,r)=>e.sharedState.get(DT(t,n),r)),streaming:{subscribe:(n,r,i)=>e.streaming.subscribe(DT(t,n),r,i),upload:(n,r)=>e.streaming.upload(DT(t,n),r)}},settings:AT(e,t),scope:e.scope}}function MT(){if(typeof document<`u`){let e=document.modelContext;if(e)return e}if(typeof navigator<`u`){let e=navigator.modelContext;if(e)return e}}function NT(e,t={}){let n=t.modelContext??MT();if(!n)return()=>{};let r=n,i=new Map,a=new Map;function o(t,n){let o=sw(t.name),s=a.get(o);if(s&&s!==t.name){console.warn(`[devframe] WebMCP tool name "${o}" (from "${t.name}") collides with "${s}"; keeping the first registration.`);return}let c=new AbortController,l=Ox(t.type,n),u=r.registerTool({name:o,description:n.description,inputSchema:jx(t.args),annotations:{title:n.title??t.name,readOnlyHint:l===`read`,destructiveHint:l===`destructive`},execute:n=>PT(t,e.context,n)},{signal:c.signal});u&&`then`in u&&u.then(()=>{},()=>{}),a.set(o,t.name),i.set(t.name,()=>{c.abort(),u&&`unregister`in u&&typeof u.unregister==`function`&&u.unregister(),a.delete(o)})}function s(t){let n=t?[t]:[...e.definitions.keys()];for(let t of n){i.get(t)?.(),i.delete(t);let n=e.definitions.get(t),r=n?.agent;n&&r&&o(n,r)}}s();let c=e.onChanged(e=>s(e));return()=>{c();for(let e of i.values())e();i.clear()}}async function PT(e,t,n){try{let r=Nx(n,e.args?.length);return{content:[{type:`text`,text:FT(await(await Dw(e,t))(...r))}]}}catch(e){return{isError:!0,content:[{type:`text`,text:IT(e)}]}}}function FT(e){return e===void 0?`undefined`:typeof e==`string`?e:JSON.stringify(e,null,2)}function IT(e){if(!(e instanceof Error))return String(e);let t=e.cause instanceof Error?` (cause: ${e.cause.message})`:``;return`${e.name}: ${e.message}${t}`}function LT(e,t){if(t.backend===`static`)return`static`;let n=t.websocket!==void 0,r=t.sse!==void 0;if(e===`websocket`){if(!n)throw Error(`[devframe] transport: 'websocket' was requested, but this server does not advertise a WebSocket endpoint`);return`websocket`}if(e===`sse`){if(!r)throw Error(`[devframe] transport: 'sse' was requested, but this server does not advertise an SSE endpoint`);return`sse`}if(t.backend===`sse`&&r)return`sse`;if(n)return`websocket`;if(r)return`sse`;throw Error(`[devframe] This server advertises no RPC transport (backend "none"), so there is nothing to connect to. Enable the WebSocket or SSE endpoint on the server, or use its static/MCP surfaces instead.`)}async function RT(e={}){let{baseURL:t=`./`,rpcOptions:n={},cacheOptions:r=!1}=e,i=Jx(),a=Array.isArray(t)?t:[t],o=await Ww(e),{connectionMeta:s,metaBaseUrl:c,authToken:l}=o,u=a[0]??`./`;try{u=new URL(`.`,c).href}catch{}let d=new yw({functions:[],...typeof e.cacheOptions==`object`?e.cacheOptions:{}}),f={rpc:void 0},p=new Ow(f),m=e.webmcp===!1?void 0:NT(p),h,g=!1;async function _(e){let t=[u,...a.filter(e=>e!==u)].filter(e=>e!=null),n=[];for(let r of t)try{return await fetch($x(e,r)).then(t=>{if(!t.ok)throw Error(`Failed to fetch ${e} from ${r}: ${t.status}`);return t.json()})}catch(e){n.push(e)}throw Error(`Failed to load ${e} from ${t.join(`, `)}`,{cause:n})}let ee={authToken:l,connectionMeta:s,metaBaseUrl:c,events:i,clientRpc:p,callTimeout:e.callTimeout,rpcOptions:{...n,async onRequest(e,t,i){if(await n.onRequest?.call(this,e,t,i),r&&d?.validate(e.m)){if(d.has(e.m,e.a))return i(d.cached(e.m,e.a));let n=await t(e);d.apply(e,n)}else await t(e)}}},te=LT(e.transport??`auto`,s),ne=te===`static`?await _T({fetchJsonFromBases:_}):te===`sse`?sT({...ee,sseOptions:e.sseOptions}):TT({...ee,wsOptions:e.wsOptions}),re;try{re=new BroadcastChannel(`devframe-auth`)}catch{}let ie,ae=!1;function oe(e){return((...t)=>ae||!ie?e(...t):ie.then(()=>e(...t)))}function se(){g=!0;try{h?.(),m?.()}finally{try{re?.close()}finally{ne.close?.()}}}let ce={events:i,get isTrusted(){return ne.isTrusted},get status(){return ne.status},get connectionError(){return ne.connectionError},get transport(){return ne.transport??te},get connection(){return o},connectionMeta:s,ensureTrusted:ne.ensureTrusted,requestTrust:ne.requestTrust,requestTrustWithToken:async e=>(Bw(e),o={...o,authToken:e},ne.requestTrustWithToken(e)),requestTrustWithCode:async e=>{let t=await ne.requestTrustWithCode(e);if(!t)return!1;Bw(t),o={...o,authToken:t};try{re?.postMessage({type:`auth-update`,authToken:t})}catch{}return!0},requestAuthCode:e=>ne.requestAuthCode(e),call:oe(ne.call),callEvent:oe(ne.callEvent),callOptional:oe(ne.callOptional),client:p,sharedState:void 0,services:void 0,streaming:void 0,cacheManager:d,scope:void 0,close:se};ce.sharedState=Zw(ce),ce.streaming=bT(ce),ce.services=Xw(ce);let le=new Map;ce.scope=(e=>{if(!e)return ce;let t=le.get(e);return t||(t=jT(ce,e),le.set(e,t)),t}),f.rpc=ce;function ue(){try{return typeof window<`u`&&window.self===window.top}catch{return!1}}async function de(){if(e.simpleAuth!==!1&&ue()&&typeof globalThis.prompt==`function`)for(await ce.requestAuthCode().catch(()=>{});!ce.isTrusted;){let e=globalThis.prompt(`devframe: enter the authentication code shown in your terminal`);if(e==null)return;let t=e.trim();if(t&&await ce.requestTrustWithCode(t))return}}async function fe(){let t=await ne.requestTrust(),n=e.otpParam??`devframe_otp`,r=n?await Yw(ce,{param:n}):!1;t||r||ce.isTrusted||await de()}return ie=fe().then(()=>{ae=!0},()=>{ae=!0}),s.mcp&&dw(async()=>{let{setupBrowserAgentRpcBridge:e}=await import(`./browser-agent-rpc-BXhoSh1z-CQE1-tGR.js`);return{setupBrowserAgentRpcBridge:e}},[],import.meta.url).then(({setupBrowserAgentRpcBridge:e})=>{g||(h=e(ce))}).catch(()=>{}),re&&(re.onmessage=e=>{e.data?.type===`auth-update`&&e.data.authToken&&ce.requestTrustWithToken(e.data.authToken)}),ce}var zT=RT,BT=[`components`,`injectors`,`signals`,`ngrx`,`forms`,`router`,`pipes`,`http`,`analog`,`capacitor`],VT=[`angular`,`ngrx`,`analog`,`angular-native`,`nativescript`,`capacitor`];function HT(e){return`pangular:${e}`}var UT=[`forms`,`router`,`ngrx`,`http`,`analog`,`components`],WT={refreshMs:{default:3e3,min:500,max:8e3},navigations:{default:50,min:5,max:500},formTimeline:{default:200,min:10,max:2e3},httpCalls:{default:200,min:10,max:2e3},changeLog:{default:200,min:10,max:2e3},cdCycles:{default:200,min:10,max:2e3},capacitorCalls:{default:200,min:10,max:2e3}},GT={"opted-out":`the request sets transferCache: false`,post:`POST requests are left out unless includePostRequests is set`,method:`only GET, HEAD and POST requests are cached`,"auth-headers":`it sends an Authorization, Proxy-Authorization or Cookie header`,credentials:`it sends credentials (withCredentials or credentials: include/same-origin)`,"no-cache-request":`the request asks for no-store, no-cache or private`,"no-cache-response":`the response has Cache-Control no-store, no-cache or private`,"set-cookie":`the response sets a cookie`,error:`failed responses are not stored`,mocked:`a fault rule answered before the transfer cache ran`,"cache-off-or-filter":`the transfer cache is off, or its filter (or another withHttpTransferCacheOptions setting) left it out`},KT=[[200,`OK`],[201,`Created`],[202,`Accepted`],[203,`Non-Authoritative Information`],[204,`No Content`],[205,`Reset Content`],[206,`Partial Content`],[207,`Multi-Status`],[208,`Already Reported`],[226,`IM Used`],[300,`Multiple Choices`],[301,`Moved Permanently`],[302,`Found`],[303,`See Other`],[304,`Not Modified`],[307,`Temporary Redirect`],[308,`Permanent Redirect`],[400,`Bad Request`],[401,`Unauthorized`],[402,`Payment Required`],[403,`Forbidden`],[404,`Not Found`],[405,`Method Not Allowed`],[406,`Not Acceptable`],[407,`Proxy Authentication Required`],[408,`Request Timeout`],[409,`Conflict`],[410,`Gone`],[411,`Length Required`],[412,`Precondition Failed`],[413,`Content Too Large`],[414,`URI Too Long`],[415,`Unsupported Media Type`],[416,`Range Not Satisfiable`],[417,`Expectation Failed`],[418,`I'm a Teapot`],[421,`Misdirected Request`],[422,`Unprocessable Content`],[423,`Locked`],[424,`Failed Dependency`],[425,`Too Early`],[426,`Upgrade Required`],[428,`Precondition Required`],[429,`Too Many Requests`],[431,`Request Header Fields Too Large`],[451,`Unavailable For Legal Reasons`],[499,`Client Closed Request`],[500,`Internal Server Error`],[501,`Not Implemented`],[502,`Bad Gateway`],[503,`Service Unavailable`],[504,`Gateway Timeout`],[505,`HTTP Version Not Supported`],[506,`Variant Also Negotiates`],[507,`Insufficient Storage`],[508,`Loop Detected`],[510,`Not Extended`],[511,`Network Authentication Required`],[520,`Web Server Returned an Unknown Error`],[521,`Web Server Is Down`],[522,`Connection Timed Out`],[523,`Origin Is Unreachable`],[524,`A Timeout Occurred`]];function qT(e){return KT.some(([t])=>t===e)}var JT=`pangular`;function YT(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function XT(e,t){return typeof e==`boolean`?e:t}var ZT=100,QT=100;function $T(e){if(!Array.isArray(e))return[];let t=e.filter(e=>typeof e==`string`).map(e=>e.trim()).filter(e=>e&&e.length<=QT);return[...new Set(t)].slice(0,ZT)}function eE(e,t){let{default:n,min:r,max:i}=WT[t];return typeof e!=`number`||!Number.isFinite(e)?n:Math.min(i,Math.max(r,Math.round(e)))}function tE(e,t){return Object.fromEntries(e.map(e=>[e,t(e)]))}function nE(e){let t=YT(e),n=YT(t.agent),r=YT(t.inspectors),i=YT(n.tools),a=YT(t.actions),o=XT(t.actions,!0),s=YT(t.redaction),c=YT(t.limits),l=tE(BT,e=>XT(r[e],!0));return{inspectors:l,agent:{readOnly:XT(n.readOnly,!1),tools:tE(BT,e=>l[e]&&XT(i[e],!0))},actions:tE(UT,e=>l[e]&&XT(a[e],o)),redaction:{secretNames:$T(s.secretNames),unmask:$T(s.unmask)},limits:Object.fromEntries(Object.keys(WT).map(e=>[e,eE(c[e],e)]))}}function rE(e){let t=e?.configs;return nE(t?.[JT])}function iE(e){return`${{forms:`Writing to forms`,router:`Navigating and clearing navigations`,ngrx:`Restoring NgRx state and dispatching actions`,http:`Changing HTTP mock rules and clearing HTTP calls`,analog:`Calling API routes and clearing server calls`,components:`Editing component properties and signals`}[e]} is turned off in the devtools config (actions.${e}).`}var aE={components:`Components`,injectors:`Injectors`,signals:`Signals`,ngrx:`NgRx`,forms:`Forms`,router:`Router`,pipes:`Pipes`,http:`HTTP`,analog:`Analog`,capacitor:`Capacitor`},oE={forms:`Form writes`,router:`Navigation`,ngrx:`NgRx restore and dispatch`,http:`HTTP mocking`,analog:`Analog API calls`,components:`Component edits`},sE={refreshMs:e=>`poll every ${e} ms`,navigations:e=>`${e} navigations`,formTimeline:e=>`${e} form events`,httpCalls:e=>`${e} HTTP calls`,changeLog:e=>`${e} NgRx changes`,cdCycles:e=>`${e} change detection cycles`,capacitorCalls:e=>`${e} Capacitor plugin calls`};function cE(e){let t=[],n=(e,n)=>{n.length&&t.push({label:e,value:n.join(`, `)})},r=BT.filter(t=>e.inspectors[t]);return n(`Inspectors off`,BT.filter(t=>!e.inspectors[t]).map(e=>aE[e])),n(`Agent`,e.agent.readOnly?[`Read-only`]:[]),n(`Hidden from the agent`,r.filter(t=>!e.agent.tools[t]).map(e=>aE[e])),n(`Blocked actions`,UT.filter(t=>e.inspectors[t]&&!e.actions[t]).map(e=>oE[e])),n(`Extra secret names`,e.redaction.secretNames),n(`Unmasked names`,e.redaction.unmask),n(`Limits`,Object.keys(WT).filter(t=>e.limits[t]!==WT[t].default).map(t=>sE[t](e.limits[t]))),t}function lE(e){let t={tags:[],directives:[],text:``},n=e.toLowerCase();return n=n.replace(/<\s*([^<>\s]+)\s*>/g,(e,n)=>(t.tags.push({value:n,exact:!0}),` `)),n=n.replace(/\[\s*([^[\]\s]+)\s*\]/g,(e,n)=>(t.directives.push({value:n,exact:!0}),` `)),n=n.replace(/(^|\s)([<[])([^<>[\]\s]*)$/,(e,n,r,i)=>(i&&(r===`<`?t.tags:t.directives).push({value:i,exact:!1}),n)),t.text=n.replace(/\s+/g,` `).trim(),t}function uE(e){return!e.tags.length&&!e.directives.length&&!e.text}function dE(e,t){let n=e.tag.toLowerCase(),r=(e.directives??[]).map(e=>e.toLowerCase()),i=(e.attributes??[]).map(e=>e.toLowerCase()),a=[...r,...r.map(e=>e.replace(/directive$/,``)),...i];for(let{value:e,exact:r}of t.tags)if(r?n!==e:!n.startsWith(e))return!1;for(let{value:e,exact:n}of t.directives)if(!a.some(t=>n?t===e:t.includes(e)))return!1;if(t.text){let a=t.text;if(!(e.name.toLowerCase().includes(a)||n.includes(a)||r.some(e=>e.includes(a))||i.some(e=>e.includes(a))))return!1}return!0}var fE=`pangular-page-id`,pE=null;function mE(e){pE=e}function hE(){if(pE)return pE;try{return new URLSearchParams(location.search).get(`pageId`)||(window.top===window?null:sessionStorage.getItem(fE)||null)}catch{return null}}function gE(e,t){if(t.chosen&&e[t.chosen])return t.chosen;if(t.host)return t.host;if(t.previous&&e[t.previous])return t.previous;let n=null;for(let t of Object.values(e))(!n||t.reportedAt>n.reportedAt)&&(n=t);return n?.pageId??null}function _E(e,t){return e?t?e.pages?.[t]??null:e:null}function vE(e,t){return e?t?e.pages?.[t]??null:e.graph??null:null}function yE(e,t,n){return e?e.scope(`pangular`).rpc.call(t,...n===void 0?[]:[n]):Promise.resolve(null)}function bE(e,t,n){return yE(e,t,n).then(e=>e,()=>null)}function xE(e){return e?.connectionMeta.backend===`static`}function SE(e){let t=()=>{let t=e()?.scope(`pangular`).rpc;t&&(t.callEvent(`request-page-highlight`,null),t.callEvent(`request-form-highlight`,null))};return addEventListener(`pagehide`,t),()=>{removeEventListener(`pagehide`,t),t()}}function CE(e){return e.split(`@`)[1]??``}var wE={signal:`Signal Forms`,reactive:`Reactive`,template:`Template-driven`},TE={own:`validator`,directive:`template attribute`,tree:`cross-field rule`,async:`async`,parse:`parse`,submission:`server`,schema:`schema`,manual:`setErrors`},EE=bE,DE={key:`name looks secret`,"input-type":`password input`,autocomplete:`autocomplete is a secret kind`,marker:`marked as mask`,parent:`inside a secret group`,config:`listed in mask`};function OE(e){return DE[e]??e}var kE=`https://pangular-inspector.dev/security/#opt-fields-in-or-out`;async function AE(e,t){return await EE(e,`request-form-action`,t)??{ok:!1,error:`The devtools server did not answer.`}}function jE(e){return`${e.ok?e.message??`Done.`:e.error??`Failed.`}${e.skipped?.length?` Skipped: ${e.skipped.map(e=>`${e.path} (${e.reason})`).join(`, `)}.`:``}${e.status?` Status: ${e.status}.`:``}`}var ME=/"(?:[^"\\\n]|\\.)*"|`([^`\n]*)`|\*\*/g;function NE(e){return(e??``).replace(/^_Labels, paths.*_\n\n/,``).replace(ME,(e,t)=>t??(e===`**`?``:e))}function PE(e){return rE(e?.connectionMeta)}function FE(e,t){return PE(e).actions[t]}var IE={components:`components`,routes:`router`,signals:`signals`,injectors:`injectors`,store:`ngrx`,forms:`forms`,pipes:`pipes`,network:`http`,analog:`analog`,capacitor:`capacitor`};function LE(e){return IE[e]}var RE=`https://pangular-inspector.dev/getting-started/configuration/#inspectors-and-agent-tools`;function zE(e,t){let n=IE[e];return!n||t.inspectors[n]}function BE(e,t){e&1&&(O(),Vg(0,`rect`,4)(1,`rect`,5)(2,`rect`,6)(3,`rect`,7))}function VE(e,t){e&1&&(O(),Vg(0,`path`,8)(1,`path`,9)(2,`path`,10))}function HE(e,t){e&1&&(O(),Vg(0,`circle`,11)(1,`path`,12)(2,`circle`,13))}function UE(e,t){e&1&&(O(),Vg(0,`path`,1))}function WE(e,t){e&1&&(O(),Vg(0,`path`,14)(1,`path`,15)(2,`path`,16)(3,`path`,17))}function GE(e,t){e&1&&(O(),Vg(0,`ellipse`,18)(1,`path`,19)(2,`path`,20))}function KE(e,t){e&1&&(O(),Vg(0,`rect`,21)(1,`path`,22)(2,`path`,23)(3,`path`,24))}function qE(e,t){e&1&&(O(),Vg(0,`circle`,25)(1,`path`,26)(2,`path`,27))}function JE(e,t){e&1&&(O(),Vg(0,`path`,28)(1,`path`,29)(2,`path`,30)(3,`path`,31)(4,`circle`,32))}function YE(e,t){e&1&&(O(),Vg(0,`path`,2))}function XE(e,t){e&1&&(O(),Vg(0,`path`,3))}var ZE=class e{name=$.required();static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-tab-icon`]],inputs:{name:[1,`name`]},decls:12,vars:1,consts:[[`viewBox`,`0 0 24 24`,`width`,`16`,`height`,`16`,`fill`,`none`,`stroke`,`currentColor`,`stroke-width`,`1.8`,`stroke-linecap`,`round`,`stroke-linejoin`,`round`,`aria-hidden`,`true`],[`d`,`M22 12h-4l-3 9L9 3l-3 9H2`],[`d`,`m8 3 4 8 5-5 5 15H2L8 3z`],[`fill`,`currentColor`,`stroke`,`none`,`transform`,`translate(1.8 1.8) scale(0.85)`,`d`,`M24 3.7l-5.766 5.766 5.725 5.736-3.713 3.712L5.073 3.742 8.786.03l5.736 5.726L20.284 0 24 3.7zM.029 8.785l3.713-3.713 15.173 15.173-3.713 3.714-5.732-5.726L3.7 24 0 20.285l5.754-5.764L.029 8.785z`],[`x`,`3`,`y`,`3`,`width`,`7`,`height`,`9`,`rx`,`1.5`],[`x`,`14`,`y`,`3`,`width`,`7`,`height`,`5`,`rx`,`1.5`],[`x`,`14`,`y`,`12`,`width`,`7`,`height`,`9`,`rx`,`1.5`],[`x`,`3`,`y`,`16`,`width`,`7`,`height`,`5`,`rx`,`1.5`],[`d`,`M12 2 3 7l9 5 9-5-9-5Z`],[`d`,`m3 12 9 5 9-5`],[`d`,`m3 17 9 5 9-5`],[`cx`,`6`,`cy`,`19`,`r`,`3`],[`d`,`M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15`],[`cx`,`18`,`cy`,`5`,`r`,`3`],[`d`,`M12 22v-5`],[`d`,`M9 8V2`],[`d`,`M15 8V2`],[`d`,`M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z`],[`cx`,`12`,`cy`,`5`,`rx`,`9`,`ry`,`3`],[`d`,`M3 5v14a9 3 0 0 0 18 0V5`],[`d`,`M3 12a9 3 0 0 0 18 0`],[`x`,`3`,`y`,`4`,`width`,`18`,`height`,`16`,`rx`,`2`],[`d`,`M7 9h10`],[`d`,`M7 13h6`],[`d`,`M7 17h8`],[`cx`,`12`,`cy`,`12`,`r`,`9`],[`d`,`M3 12h18`],[`d`,`M12 3a14 14 0 0 1 0 18a14 14 0 0 1 0-18Z`],[`d`,`M4 7h10`],[`d`,`M4 17h6`],[`d`,`m14 13 4 4-4 4`],[`d`,`M10 17h8`],[`cx`,`18`,`cy`,`7`,`r`,`3`]],template:function(e,t){if(e&1&&(O(),B(0,`svg`,0),M(1,BE,4,0)(2,VE,3,0)(3,HE,3,0)(4,UE,1,0,`:svg:path`,1)(5,WE,4,0)(6,GE,3,0)(7,KE,4,0)(8,qE,3,0)(9,JE,5,0)(10,YE,1,0,`:svg:path`,2)(11,XE,1,0,`:svg:path`,3),V()),e&2){let e;A(),N((e=t.name())===`dashboard`?1:e===`components`?2:e===`routes`?3:e===`signals`?4:e===`injectors`?5:e===`store`?6:e===`forms`?7:e===`network`?8:e===`pipes`?9:e===`analog`?10:e===`capacitor`?11:-1)}},styles:[`[_nghost-%COMP%] {
+`))}}g()}return(async()=>{try{let e=await a(o,{headers:{accept:`text/event-stream`},signal:c.signal});if(!e.ok||!e.body)throw Error(`Devframe SSE stream request failed: ${e.status}`);await ee(e.body)}catch(e){if(c.signal.aborted){g();return}h(e instanceof Error?e:Error(String(e)))}})(),{close:()=>{l=!0,c.abort(),d?.cancel().catch(()=>{})},on:e=>{u=e},post:async e=>{let t;try{t=await m}catch{return}if(l){n(Error(`Devframe SSE channel is closed; message dropped`));return}try{let n=await a(o,{method:`POST`,headers:{"content-type":`text/plain; charset=utf-8`,[mw]:t},body:e});if(n.status===200){let e=await n.text();e&&u?.(e);return}if(!n.ok)throw Error(`Devframe SSE POST failed: ${n.status}`)}catch(e){n(e instanceof Error?e:Error(String(e)))}},serialize:s.serialize,deserialize:s.deserialize}}function iT(e,t){let{channel:n,rpcOptions:r={}}=t;return Dx(e,{...n,timeout:-1,...r,proxify:!1})}function aT(e){let{transport:t,authToken:n,connectionMeta:r,events:i,clientRpc:a,rpcOptions:o={},callTimeout:s=0}=e,c=!1,l=`connecting`,u=null,d=Promise.withResolvers();function f(e,t=null){if(t?u=t:e===`connected`&&(u=null),e===l)return;let n=l;l=e,i.emit(mx.client.connectionStatus,e,n)}let p=new Set;function m(e){for(let t of[...p])t.reject(e)}function h(){return l===`disconnected`||l===`error`?new Gw(`connection`,`[devframe] Not connected to the devframe server`,{cause:u??void 0}):l===`unauthorized`?new Gw(`auth`,`[devframe] Not authorized by the devframe server`,{cause:u??void 0}):null}function g(e,t){return new Promise((n,r)=>{let a=!1,o,c={reject(e){a||(l(),i.emit(mx.client.error,e,t),r(e))}};function l(){a=!0,p.delete(c),o&&clearTimeout(o)}p.add(c),s>0&&(o=setTimeout(()=>{c.reject(new Gw(`timeout`,`[devframe] RPC call "${t}" timed out after ${s}ms`))},s)),e.then(e=>{a||(l(),n(e))},e=>{if(a)return;l();let n=e instanceof Error?e:Error(String(e));i.emit(mx.client.error,n,t),r(n)})})}let _=new Map;for(let e of r.jsonSerializableMethods??[])_.set(e,{jsonSerializable:!0});let ee=e.createChannel({definitions:_,onError(e){f(`error`,e),i.emit(mx.client.connectionError,e),m(new Gw(`connection`,`[devframe] Connection to the devframe server failed`,{cause:e}))},onDisconnected(){l!==`error`&&f(`disconnected`),m(new Gw(`connection`,`[devframe] Disconnected from the devframe server`,{cause:u??void 0}))}}),te=iT(a.functions,{channel:ee,rpcOptions:o});a.register({name:mx.broadcast.authRevoked,type:`event`,handler:()=>{c=!1;let e=new Gw(`auth`,`[devframe] The devframe server revoked this client's trust`);f(`unauthorized`,e),i.emit(mx.client.connectionError,e),m(e),i.emit(mx.client.isTrustedUpdated,!1)}});let ne=n;async function re(e){ne=e;let t=await te.$call(`anonymous:devframe:auth`,{authToken:e,ua:navigator.userAgent,origin:location.origin});if(c=t.isTrusted,c)d.resolve(!0),f(`connected`);else{let e=new Gw(`auth`,`[devframe] The devframe server refused this client's credentials`);f(`unauthorized`,e),i.emit(mx.client.connectionError,e)}return i.emit(mx.client.isTrustedUpdated,c),t.isTrusted}async function ie(e){let t=(await te.$call(`anonymous:devframe:auth:exchange`,{code:e,ua:navigator.userAgent,origin:location.origin}))?.authToken??null;return t&&(ne=t,c=!0,d.resolve(!0),f(`connected`),i.emit(mx.client.isTrustedUpdated,!0)),t}async function ae(e={}){await te.$call(`anonymous:devframe:auth:request-code`,{ua:navigator.userAgent,origin:location.origin,...e.reissue?{reissue:!0}:{}})}async function oe(){return c?!0:re(ne??``)}async function se(e=6e4){if(c&&d.resolve(!0),e<=0)return d.promise;let t;try{return await Promise.race([d.promise,new Promise((n,r)=>{t=setTimeout(()=>{r(Error(`[devframe] Timeout waiting for rpc to be trusted`))},e)})]),c}finally{clearTimeout(t)}}return{transport:t,get isTrusted(){return c},get status(){return l},get connectionError(){return u},requestTrust:oe,requestTrustWithToken:re,requestTrustWithCode:ie,requestAuthCode:ae,ensureTrusted:se,call:(...e)=>{let t=String(e[0]),n=h();return n?(i.emit(mx.client.error,n,t),Promise.reject(n)):g(te.$call(...e),t)},callEvent:(...e)=>{let t=h();if(t){i.emit(mx.client.error,t,String(e[0]));return}return te.$callEvent(...e)},callOptional:(...e)=>{let t=String(e[0]),n=h();return n?(i.emit(mx.client.error,n,t),Promise.reject(n)):g(te.$callOptional(...e),t)},close:()=>{ee.close()}}}function oT(e,t,n){let r=(()=>{try{return new URL(t,n.href)}catch{return new URL(n.href)}})();if(e&&typeof e==`object`){if(e.host!=null||e.port!=null){let t=e.host??`${r.hostname}:${e.port}`;return new URL(e.path??`/`,`${r.protocol}//${t}`).href}return new URL(e.path??``,r).href}let i=e??``;return/^https?:\/\//i.test(i)?i:new URL(i,r).href}function sT(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},sseOptions:s={},callTimeout:c=0}=e,l=oT(n.sse,r??`./`,location);return aT({transport:`sse`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>rT({url:l,authToken:t,definitions:e.definitions,...s,onConnected(){s.onConnected?.()},onError(t){e.onError(t),s.onError?.(t)},onDisconnected(){e.onDisconnected(),s.onDisconnected?.()}})})}function cT(e){let{name:t,message:n,cause:r,...i}=e,a=r instanceof Error?r:lT(r)?cT(r):r,o=a===void 0?Error(n):Error(n,{cause:a});return o.name=t,Object.assign(o,i),o}function lT(e){return typeof e==`object`&&!!e&&typeof e.message==`string`&&typeof e.name==`string`}function uT(e){return typeof e==`object`&&!!e&&e.type===`static`&&typeof e.path==`string`}function dT(e){return typeof e==`object`&&!!e&&e.type===`query`&&typeof e.records==`object`&&e.records!==null}function fT(e){return typeof e==`object`&&!!e&&(`output`in e||`error`in e)}function pT(e){if(e.error)throw cT(e.error);return e.output}function mT(e){return e.some(e=>e!=null)}function hT(e){return typeof e==`object`&&e&&`serialization`in e&&`data`in e?e.data:e}function gT(e,t){let n=new Map,r=new Map;function i(e,t){return t===`structured-clone`&&Array.isArray(e)?QC(e):e}function a(e,t){return i(hT(e),t)}async function o(e){n.has(e.path)||n.set(e.path,t(e.path).then(t=>a(t,e.serialization)));let r=await n.get(e.path);return fT(r)?pT(r):r}async function s(e,n){return r.has(e)||r.set(e,t(e).then(e=>a(e,n))),await r.get(e)}async function c(t,n){if(!(t in e))throw Error(`[devframe-rpc] Function "${t}" not found in dump store`);let r=e[t];if(uT(r)){if(mT(n))throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`);return await o(r)}if(dT(r)){let e=qx(n),i=r.records[e];if(i)return pT(await s(i,r.serialization));if(r.fallback)return pT(await s(r.fallback,r.serialization));throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`)}if(!mT(n))return r;throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`)}return{call:async(e,t)=>await c(e,t),callOptional:async(t,n)=>{if(t in e)return await c(t,n)},callEvent:async(e,t)=>{}}}async function _T(e){let t=gT(await e.fetchJsonFromBases(hw),e.fetchJsonFromBases);return{transport:`static`,isTrusted:!0,status:`connected`,connectionError:null,requestTrust:async()=>!0,requestTrustWithToken:async()=>!0,requestTrustWithCode:async()=>null,requestAuthCode:async()=>{},ensureTrusted:async()=>!0,call:(...e)=>t.call(e[0],e.slice(1)),callEvent:(...e)=>t.callEvent(e[0],e.slice(1)),callOptional:(...e)=>t.callOptional(e[0],e.slice(1)),close:()=>{}}}var vT=``;function yT(e,t){return`${e}${vT}${t}`}function bT(e){let t=new Map,n=new Map;e.client.register({name:mx.broadcast.streamingChunk,type:`event`,handler(e,n,r,i){t.get(yT(e,n))?._push(r,i)}}),e.client.register({name:mx.broadcast.streamingEnd,type:`event`,handler(e,n,r){let i=yT(e,n),a=t.get(i);a&&(a._end(r),t.delete(i))}}),e.client.register({name:mx.broadcast.streamingUploadCancel,type:`event`,handler(e,t){let r=yT(e,t),i=n.get(r);i&&(i.abort(`server cancelled upload`),n.delete(r))}}),e.events.on(mx.client.isTrustedUpdated,n=>{if(n)for(let[n,r]of t){if(r.cancelled||r.done)continue;let t=n.indexOf(vT);if(t<0)continue;let i=n.slice(0,t),a=n.slice(t+1);e.callEvent(`devframe:streaming:subscribe`,i,a,{afterSeq:r.lastSeenSeq})}});function r(n,r,i={}){let a=yT(n,r),o=t.get(a);if(o)return o;let s=iw({id:r,highWaterMark:i.highWaterMark,onOverflow(e){console.warn(`[devframe] DF0029: Stream "${n}#${r}" dropped ${e} chunk(s) after exceeding the client high-water mark.`)},onCancel(){e.callEvent(`devframe:streaming:cancel`,n,r),t.delete(a)}});if(t.set(a,s),e.isTrusted)e.callEvent(`devframe:streaming:subscribe`,n,r,{afterSeq:0});else{let i=e.events.on(mx.client.isTrustedUpdated,o=>{o&&(i(),t.has(a)&&!s.cancelled&&!s.done&&e.callEvent(`devframe:streaming:subscribe`,n,r,{afterSeq:s.lastSeenSeq}))})}return s}function i(t,r){let i=yT(t,r),a=n.get(i);if(a)return a;let o=rw({id:r});return o.events.on(`chunk`,(n,i)=>{e.callEvent(`devframe:streaming:upload-chunk`,t,r,n,i)}),o.events.on(`end`,a=>{e.callEvent(`devframe:streaming:upload-end`,t,r,a),n.delete(i)}),n.set(i,o),o}return{subscribe:r,upload:i}}function xT(){}var ST=new Map;function CT(e){let t=e.url;e.authToken&&(t=`${t}?${vw}=${encodeURIComponent(e.authToken)}`);let n=new WebSocket(t),{onConnected:r=xT,onError:i=xT,onDisconnected:a=xT,definitions:o=ST}=e;n.addEventListener(`open`,e=>{r(e)}),n.addEventListener(`error`,e=>{let t=e instanceof Error?e:Error(e.type);i(t)}),n.addEventListener(`close`,e=>{a(e)});let s=$w(o);return{close:()=>{n.close()},on:e=>{n.addEventListener(`message`,t=>{e(t.data)})},post:e=>{if(n.readyState===WebSocket.OPEN){n.send(e);return}if(n.readyState===WebSocket.CONNECTING){let t=()=>{i(),n.readyState===WebSocket.OPEN&&n.send(e)},r=()=>i();function i(){n.removeEventListener(`open`,t),n.removeEventListener(`close`,r)}n.addEventListener(`open`,t),n.addEventListener(`close`,r);return}i(Error(`Devframe WebSocket is not open; message dropped`))},serialize:s.serialize,deserialize:s.deserialize}}function wT(e,t,n){let r=(()=>{try{return new URL(t,n.href)}catch{return new URL(n.href)}})(),i=r.protocol===`https:`?`wss:`:`ws:`;if(e&&typeof e==`object`){if(e.host!=null||e.port!=null){let t=e.host??`${r.hostname}:${e.port}`,n=new URL(e.path??`/`,`${i}//${t}`);return n.protocol=i,n.href}let t=new URL(e.path??``,r);return t.protocol=i,t.href}if(typeof e==`number`)return`${i}//${r.hostname}:${e}`;let a=e??``;if(/^wss?:\/\//i.test(a))return a;if(/^https?:\/\//i.test(a))return eS(a,/^https/i.test(a)?`wss://`:`ws://`);let o=new URL(a,r);return o.protocol=i,o.href}function TT(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},wsOptions:s={},callTimeout:c=0}=e,l=wT(n.websocket,r??`./`,location);return aT({transport:`websocket`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>CT({url:l,authToken:t,definitions:e.definitions,...s,onConnected(e){s.onConnected?.(e)},onError(t){e.onError(t),s.onError?.(t)},onDisconnected(t){e.onDisconnected(),s.onDisconnected?.(t)}})})}function ET(e){return e.includes(`:`)}function DT(e,t){return ET(t)?t:`${e}:${t}`}function OT(e){return{async get(t){return(await e()).value()[t]},async set(t,n){(await e()).mutate(e=>{e[t]=n})},async delete(t){(await e()).mutate(e=>{delete e[t]})},async all(){return(await e()).value()},async onChange(t){return(await e()).on(`updated`,e=>t(e))}}}function kT(e,t,n){let r=`devframe:settings:${n}:${t}`,i;function a(){return i||=e.sharedState.get(r,{initialValue:{}}),i}return OT(a)}function AT(e,t){return{global:kT(e,t,`global`),project:kT(e,t,`project`)}}function jT(e,t){return{namespace:t,base:e,rpc:{namespace:t,register(n){if(ET(n.name))throw Error(`[devframe] Scoped client RPC registration for namespace "${t}" received an already-namespaced function name "${n.name}". Pass a bare name without a ":" separator.`);e.client.register({...n,name:`${t}:${n.name}`})},call:((n,...r)=>e.call(DT(t,n),...r)),callEvent:((n,...r)=>e.callEvent(DT(t,n),...r)),callOptional:((n,...r)=>e.callOptional(DT(t,n),...r)),sharedState:((n,r)=>e.sharedState.get(DT(t,n),r)),streaming:{subscribe:(n,r,i)=>e.streaming.subscribe(DT(t,n),r,i),upload:(n,r)=>e.streaming.upload(DT(t,n),r)}},settings:AT(e,t),scope:e.scope}}function MT(){if(typeof document<`u`){let e=document.modelContext;if(e)return e}if(typeof navigator<`u`){let e=navigator.modelContext;if(e)return e}}function NT(e,t={}){let n=t.modelContext??MT();if(!n)return()=>{};let r=n,i=new Map,a=new Map;function o(t,n){let o=sw(t.name),s=a.get(o);if(s&&s!==t.name){console.warn(`[devframe] WebMCP tool name "${o}" (from "${t.name}") collides with "${s}"; keeping the first registration.`);return}let c=new AbortController,l=Ox(t.type,n),u=r.registerTool({name:o,description:n.description,inputSchema:jx(t.args),annotations:{title:n.title??t.name,readOnlyHint:l===`read`,destructiveHint:l===`destructive`},execute:n=>PT(t,e.context,n)},{signal:c.signal});u&&`then`in u&&u.then(()=>{},()=>{}),a.set(o,t.name),i.set(t.name,()=>{c.abort(),u&&`unregister`in u&&typeof u.unregister==`function`&&u.unregister(),a.delete(o)})}function s(t){let n=t?[t]:[...e.definitions.keys()];for(let t of n){i.get(t)?.(),i.delete(t);let n=e.definitions.get(t),r=n?.agent;n&&r&&o(n,r)}}s();let c=e.onChanged(e=>s(e));return()=>{c();for(let e of i.values())e();i.clear()}}async function PT(e,t,n){try{let r=Nx(n,e.args?.length);return{content:[{type:`text`,text:FT(await(await Dw(e,t))(...r))}]}}catch(e){return{isError:!0,content:[{type:`text`,text:IT(e)}]}}}function FT(e){return e===void 0?`undefined`:typeof e==`string`?e:JSON.stringify(e,null,2)}function IT(e){if(!(e instanceof Error))return String(e);let t=e.cause instanceof Error?` (cause: ${e.cause.message})`:``;return`${e.name}: ${e.message}${t}`}function LT(e,t){if(t.backend===`static`)return`static`;let n=t.websocket!==void 0,r=t.sse!==void 0;if(e===`websocket`){if(!n)throw Error(`[devframe] transport: 'websocket' was requested, but this server does not advertise a WebSocket endpoint`);return`websocket`}if(e===`sse`){if(!r)throw Error(`[devframe] transport: 'sse' was requested, but this server does not advertise an SSE endpoint`);return`sse`}if(t.backend===`sse`&&r)return`sse`;if(n)return`websocket`;if(r)return`sse`;throw Error(`[devframe] This server advertises no RPC transport (backend "none"), so there is nothing to connect to. Enable the WebSocket or SSE endpoint on the server, or use its static/MCP surfaces instead.`)}async function RT(e={}){let{baseURL:t=`./`,rpcOptions:n={},cacheOptions:r=!1}=e,i=Jx(),a=Array.isArray(t)?t:[t],o=await Ww(e),{connectionMeta:s,metaBaseUrl:c,authToken:l}=o,u=a[0]??`./`;try{u=new URL(`.`,c).href}catch{}let d=new yw({functions:[],...typeof e.cacheOptions==`object`?e.cacheOptions:{}}),f={rpc:void 0},p=new Ow(f),m=e.webmcp===!1?void 0:NT(p),h,g=!1;async function _(e){let t=[u,...a.filter(e=>e!==u)].filter(e=>e!=null),n=[];for(let r of t)try{return await fetch($x(e,r)).then(t=>{if(!t.ok)throw Error(`Failed to fetch ${e} from ${r}: ${t.status}`);return t.json()})}catch(e){n.push(e)}throw Error(`Failed to load ${e} from ${t.join(`, `)}`,{cause:n})}let ee={authToken:l,connectionMeta:s,metaBaseUrl:c,events:i,clientRpc:p,callTimeout:e.callTimeout,rpcOptions:{...n,async onRequest(e,t,i){if(await n.onRequest?.call(this,e,t,i),r&&d?.validate(e.m)){if(d.has(e.m,e.a))return i(d.cached(e.m,e.a));let n=await t(e);d.apply(e,n)}else await t(e)}}},te=LT(e.transport??`auto`,s),ne=te===`static`?await _T({fetchJsonFromBases:_}):te===`sse`?sT({...ee,sseOptions:e.sseOptions}):TT({...ee,wsOptions:e.wsOptions}),re;try{re=new BroadcastChannel(`devframe-auth`)}catch{}let ie,ae=!1;function oe(e){return((...t)=>ae||!ie?e(...t):ie.then(()=>e(...t)))}function se(){g=!0;try{h?.(),m?.()}finally{try{re?.close()}finally{ne.close?.()}}}let ce={events:i,get isTrusted(){return ne.isTrusted},get status(){return ne.status},get connectionError(){return ne.connectionError},get transport(){return ne.transport??te},get connection(){return o},connectionMeta:s,ensureTrusted:ne.ensureTrusted,requestTrust:ne.requestTrust,requestTrustWithToken:async e=>(Bw(e),o={...o,authToken:e},ne.requestTrustWithToken(e)),requestTrustWithCode:async e=>{let t=await ne.requestTrustWithCode(e);if(!t)return!1;Bw(t),o={...o,authToken:t};try{re?.postMessage({type:`auth-update`,authToken:t})}catch{}return!0},requestAuthCode:e=>ne.requestAuthCode(e),call:oe(ne.call),callEvent:oe(ne.callEvent),callOptional:oe(ne.callOptional),client:p,sharedState:void 0,services:void 0,streaming:void 0,cacheManager:d,scope:void 0,close:se};ce.sharedState=Zw(ce),ce.streaming=bT(ce),ce.services=Xw(ce);let le=new Map;ce.scope=(e=>{if(!e)return ce;let t=le.get(e);return t||(t=jT(ce,e),le.set(e,t)),t}),f.rpc=ce;function ue(){try{return typeof window<`u`&&window.self===window.top}catch{return!1}}async function de(){if(e.simpleAuth!==!1&&ue()&&typeof globalThis.prompt==`function`)for(await ce.requestAuthCode().catch(()=>{});!ce.isTrusted;){let e=globalThis.prompt(`devframe: enter the authentication code shown in your terminal`);if(e==null)return;let t=e.trim();if(t&&await ce.requestTrustWithCode(t))return}}async function fe(){let t=await ne.requestTrust(),n=e.otpParam??`devframe_otp`,r=n?await Yw(ce,{param:n}):!1;t||r||ce.isTrusted||await de()}return ie=fe().then(()=>{ae=!0},()=>{ae=!0}),s.mcp&&dw(async()=>{let{setupBrowserAgentRpcBridge:e}=await import(`./browser-agent-rpc-BXhoSh1z-DTULcebV.js`);return{setupBrowserAgentRpcBridge:e}},[],import.meta.url).then(({setupBrowserAgentRpcBridge:e})=>{g||(h=e(ce))}).catch(()=>{}),re&&(re.onmessage=e=>{e.data?.type===`auth-update`&&e.data.authToken&&ce.requestTrustWithToken(e.data.authToken)}),ce}var zT=RT,BT=[`components`,`injectors`,`signals`,`ngrx`,`forms`,`router`,`pipes`,`http`,`analog`,`capacitor`,`errors`],VT=[`angular`,`ngrx`,`analog`,`angular-native`,`nativescript`,`capacitor`];function HT(e){return`pangular:${e}`}var UT=[`forms`,`router`,`ngrx`,`http`,`analog`,`components`],WT={refreshMs:{default:3e3,min:500,max:8e3},navigations:{default:50,min:5,max:500},formTimeline:{default:200,min:10,max:2e3},httpCalls:{default:200,min:10,max:2e3},changeLog:{default:200,min:10,max:2e3},cdCycles:{default:200,min:10,max:2e3},capacitorCalls:{default:200,min:10,max:2e3}},GT={"opted-out":`the request sets transferCache: false`,post:`POST requests are left out unless includePostRequests is set`,method:`only GET, HEAD and POST requests are cached`,"auth-headers":`it sends an Authorization, Proxy-Authorization or Cookie header`,credentials:`it sends credentials (withCredentials or credentials: include/same-origin)`,"no-cache-request":`the request asks for no-store, no-cache or private`,"no-cache-response":`the response has Cache-Control no-store, no-cache or private`,"set-cookie":`the response sets a cookie`,error:`failed responses are not stored`,mocked:`a fault rule answered before the transfer cache ran`,"cache-off-or-filter":`the transfer cache is off, or its filter (or another withHttpTransferCacheOptions setting) left it out`},KT=[[200,`OK`],[201,`Created`],[202,`Accepted`],[203,`Non-Authoritative Information`],[204,`No Content`],[205,`Reset Content`],[206,`Partial Content`],[207,`Multi-Status`],[208,`Already Reported`],[226,`IM Used`],[300,`Multiple Choices`],[301,`Moved Permanently`],[302,`Found`],[303,`See Other`],[304,`Not Modified`],[307,`Temporary Redirect`],[308,`Permanent Redirect`],[400,`Bad Request`],[401,`Unauthorized`],[402,`Payment Required`],[403,`Forbidden`],[404,`Not Found`],[405,`Method Not Allowed`],[406,`Not Acceptable`],[407,`Proxy Authentication Required`],[408,`Request Timeout`],[409,`Conflict`],[410,`Gone`],[411,`Length Required`],[412,`Precondition Failed`],[413,`Content Too Large`],[414,`URI Too Long`],[415,`Unsupported Media Type`],[416,`Range Not Satisfiable`],[417,`Expectation Failed`],[418,`I'm a Teapot`],[421,`Misdirected Request`],[422,`Unprocessable Content`],[423,`Locked`],[424,`Failed Dependency`],[425,`Too Early`],[426,`Upgrade Required`],[428,`Precondition Required`],[429,`Too Many Requests`],[431,`Request Header Fields Too Large`],[451,`Unavailable For Legal Reasons`],[499,`Client Closed Request`],[500,`Internal Server Error`],[501,`Not Implemented`],[502,`Bad Gateway`],[503,`Service Unavailable`],[504,`Gateway Timeout`],[505,`HTTP Version Not Supported`],[506,`Variant Also Negotiates`],[507,`Insufficient Storage`],[508,`Loop Detected`],[510,`Not Extended`],[511,`Network Authentication Required`],[520,`Web Server Returned an Unknown Error`],[521,`Web Server Is Down`],[522,`Connection Timed Out`],[523,`Origin Is Unreachable`],[524,`A Timeout Occurred`]];function qT(e){return KT.some(([t])=>t===e)}var JT=`pangular`,YT={mod:`Mod`,ctrl:`Ctrl`,control:`Ctrl`,meta:`Meta`,cmd:`Meta`,command:`Meta`,alt:`Alt`,option:`Alt`,opt:`Alt`,shift:`Shift`},XT=[`Mod`,`Ctrl`,`Meta`,`Alt`,`Shift`];function ZT(e){if(typeof e!=`string`||e.length>40)return;let t=e.split(`+`).map(e=>e.trim());if(t.some(e=>!e))return;let n=new Set,r;for(let e of t){let t=YT[e.toLowerCase()];if(t){if(n.has(t))return;n.add(t);continue}if(r!==void 0)return;if(/^[a-z0-9]$/i.test(e))r=e.toUpperCase();else if(/^f([1-9]|1[0-2])$/i.test(e))r=e.toUpperCase();else return}if(r&&[...n].some(e=>e!==`Shift`)&&!(n.has(`Mod`)&&(n.has(`Ctrl`)||n.has(`Meta`))))return[...XT.filter(e=>n.has(e)),r].join(`+`)}function QT(e,t,n){let r=t.split(`+`),i=r.pop(),a=new Set(r),o=a.has(`Ctrl`)||a.has(`Mod`)&&!n,s=a.has(`Meta`)||a.has(`Mod`)&&n;if(e.ctrlKey!==o||e.metaKey!==s||e.altKey!==a.has(`Alt`)||e.shiftKey!==a.has(`Shift`))return!1;if(/^F\d+$/.test(i))return e.key.toUpperCase()===i;let c=/^\d$/.test(i)?`Digit${i}`:`Key${i}`;return e.code?e.code===c:e.key.toUpperCase()===i}function $T(e,t){if(!t)return e.replace(/^Mod\b/,`Ctrl`);let n={Mod:`⌘`,Meta:`⌘`,Ctrl:`⌃`,Alt:`⌥`,Shift:`⇧`};return e.split(`+`).map(e=>n[e]??e).join(``)}var eE=[{id:`dashboard`,label:`Dashboard`},{id:`analog`,label:`Analog`,inspector:`analog`},{id:`components`,label:`Components`,inspector:`components`},{id:`routes`,label:`Routes`,inspector:`router`},{id:`signals`,label:`Signals`,inspector:`signals`},{id:`injectors`,label:`Injectors`,inspector:`injectors`},{id:`store`,label:`Store`,inspector:`ngrx`},{id:`forms`,label:`Forms`,inspector:`forms`},{id:`pipes`,label:`Pipes`,inspector:`pipes`},{id:`network`,label:`SSR & HTTP`,inspector:`http`},{id:`errors`,label:`Errors`,inspector:`errors`},{id:`capacitor`,label:`Capacitor`,inspector:`capacitor`}];function tE(e){return eE.filter(t=>!(`inspector`in t)||e.inspectors[t.inspector])}var nE={components:`a component instance, by its id in the component tree`,injectors:`a component's element injector, by the component's id`,forms:`a form, by its id`},rE=200;function iE(e){let t=new URLSearchParams({tab:e.tab});return e.id&&t.set(`id`,e.id),e.page&&t.set(`page`,e.page),`#${t.toString()}`}function aE(e){let t=new URLSearchParams(e.replace(/^#/,``)),n=e=>{let n=t.get(e)?.trim();return n&&n.length<=rE?n:void 0},r=n(`tab`);if(!r)return null;let i=n(`id`),a=n(`page`);return{tab:r,...i?{id:i}:{},...a?{page:a}:{}}}var oE=[{id:`settings`,title:`Open settings`,group:`Go to`,keywords:`preferences tabs`},{id:`pick-component`,title:`Pick component on page`,group:`Actions`,keywords:`select inspect element`,inspector:`components`},{id:`cd-record-start`,title:`Start recording change detection`,group:`Actions`,keywords:`profiler cycles`,inspector:`components`},{id:`cd-record-stop`,title:`Stop recording change detection`,group:`Actions`,keywords:`profiler cycles`,inspector:`components`},{id:`cd-clear`,title:`Clear change detection recording`,group:`Actions`,keywords:`reset recordings cycles`,inspector:`components`},{id:`theme:system`,title:`Theme: follow the system`,group:`Theme`,keywords:`auto`},{id:`theme:light`,title:`Theme: light`,group:`Theme`},{id:`theme:dark`,title:`Theme: dark`,group:`Theme`},{id:`dock:float`,title:`Popup: float`,group:`Popup`,keywords:`dock`,popupOnly:!0},{id:`dock:bottom`,title:`Popup: dock to the bottom`,group:`Popup`,keywords:`dock`,popupOnly:!0},{id:`dock:right`,title:`Popup: dock to the right`,group:`Popup`,keywords:`dock`,popupOnly:!0}];function sE(e){let t=tE(e).map(e=>({id:`tab:${e.id}`,title:`Go to ${e.label}`,group:`Go to`,keywords:`tab open`})),n=oE.filter(t=>!t.inspector||e.inspectors[t.inspector]).map(({inspector:e,...t})=>t);return[...t,...n]}function cE(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function lE(e,t){return typeof e==`boolean`?e:t}var uE=100,dE=100;function fE(e){if(!Array.isArray(e))return[];let t=e.filter(e=>typeof e==`string`).map(e=>e.trim()).filter(e=>e&&e.length<=dE);return[...new Set(t)].slice(0,uE)}function pE(e,t){let{default:n,min:r,max:i}=WT[t];return typeof e!=`number`||!Number.isFinite(e)?n:Math.min(i,Math.max(r,Math.round(e)))}function mE(e,t){return Object.fromEntries(e.map(e=>[e,t(e)]))}function hE(e){let t=cE(e),n=cE(t.agent),r=cE(t.inspectors),i=cE(n.tools),a=cE(t.actions),o=lE(t.actions,!0),s=cE(t.redaction),c=cE(t.limits),l=mE(BT,e=>lE(r[e],!0));return{inspectors:l,agent:{readOnly:lE(n.readOnly,!1),tools:mE(BT,e=>l[e]&&lE(i[e],!0))},actions:mE(UT,e=>l[e]&&lE(a[e],o)),redaction:{secretNames:fE(s.secretNames),unmask:fE(s.unmask)},limits:Object.fromEntries(Object.keys(WT).map(e=>[e,pE(c[e],e)])),popup:{hotkey:gE(cE(t.popup).hotkey)}}}function gE(e){return e===!1?!1:ZT(e)??`Alt+Shift+P`}function _E(e){let t=e?.configs;return hE(t?.[JT])}function vE(e){return`${{forms:`Writing to forms`,router:`Navigating and clearing navigations`,ngrx:`Restoring NgRx state and dispatching actions`,http:`Changing HTTP mock rules and clearing HTTP calls`,analog:`Calling API routes and clearing server calls`,components:`Editing component properties and signals`}[e]} is turned off in the devtools config (actions.${e}).`}var yE={components:`Components`,injectors:`Injectors`,signals:`Signals`,ngrx:`NgRx`,forms:`Forms`,router:`Router`,pipes:`Pipes`,http:`HTTP`,analog:`Analog`,capacitor:`Capacitor`,errors:`Errors`},bE={forms:`Form writes`,router:`Navigation`,ngrx:`NgRx restore and dispatch`,http:`HTTP mocking`,analog:`Analog API calls`,components:`Component edits`},xE={refreshMs:e=>`poll every ${e} ms`,navigations:e=>`${e} navigations`,formTimeline:e=>`${e} form events`,httpCalls:e=>`${e} HTTP calls`,changeLog:e=>`${e} NgRx changes`,cdCycles:e=>`${e} change detection cycles`,capacitorCalls:e=>`${e} Capacitor plugin calls`};function SE(e){let t=[],n=(e,n)=>{n.length&&t.push({label:e,value:n.join(`, `)})},r=BT.filter(t=>e.inspectors[t]);return n(`Inspectors off`,BT.filter(t=>!e.inspectors[t]).map(e=>yE[e])),n(`Agent`,e.agent.readOnly?[`Read-only`]:[]),n(`Hidden from the agent`,r.filter(t=>!e.agent.tools[t]).map(e=>yE[e])),n(`Blocked actions`,UT.filter(t=>e.inspectors[t]&&!e.actions[t]).map(e=>bE[e])),n(`Extra secret names`,e.redaction.secretNames),n(`Unmasked names`,e.redaction.unmask),n(`Limits`,Object.keys(WT).filter(t=>e.limits[t]!==WT[t].default).map(t=>xE[t](e.limits[t]))),e.popup.hotkey!==`Alt+Shift+P`&&n(`Popup shortcut`,[e.popup.hotkey===!1?`Off`:e.popup.hotkey]),t}function CE(e){let t={tags:[],directives:[],text:``},n=e.toLowerCase();return n=n.replace(/<\s*([^<>\s]+)\s*>/g,(e,n)=>(t.tags.push({value:n,exact:!0}),` `)),n=n.replace(/\[\s*([^[\]\s]+)\s*\]/g,(e,n)=>(t.directives.push({value:n,exact:!0}),` `)),n=n.replace(/(^|\s)([<[])([^<>[\]\s]*)$/,(e,n,r,i)=>(i&&(r===`<`?t.tags:t.directives).push({value:i,exact:!1}),n)),t.text=n.replace(/\s+/g,` `).trim(),t}function wE(e){return!e.tags.length&&!e.directives.length&&!e.text}function TE(e,t){let n=e.tag.toLowerCase(),r=(e.directives??[]).map(e=>e.toLowerCase()),i=(e.attributes??[]).map(e=>e.toLowerCase()),a=[...r,...r.map(e=>e.replace(/directive$/,``)),...i];for(let{value:e,exact:r}of t.tags)if(r?n!==e:!n.startsWith(e))return!1;for(let{value:e,exact:n}of t.directives)if(!a.some(t=>n?t===e:t.includes(e)))return!1;if(t.text){let a=t.text;if(!(e.name.toLowerCase().includes(a)||n.includes(a)||r.some(e=>e.includes(a))||i.some(e=>e.includes(a))))return!1}return!0}var EE=`pangular-page-id`,DE=null;function OE(e){DE=e}function kE(){if(DE)return DE;try{return new URLSearchParams(location.search).get(`pageId`)||(window.top===window?null:sessionStorage.getItem(EE)||null)}catch{return null}}function AE(e,t){if(t.chosen&&e[t.chosen])return t.chosen;if(t.host)return t.host;if(t.previous&&e[t.previous])return t.previous;let n=null;for(let t of Object.values(e))(!n||t.reportedAt>n.reportedAt)&&(n=t);return n?.pageId??null}function jE(e,t){return e?t?e.pages?.[t]??null:e:null}function ME(e,t){return e?t?e.pages?.[t]??null:e.graph??null:null}function NE(e,t,n){return e?e.scope(`pangular`).rpc.call(t,...n===void 0?[]:[n]):Promise.resolve(null)}function PE(e,t,n){return NE(e,t,n).then(e=>e,()=>null)}function FE(e){return e?.connectionMeta.backend===`static`}function IE(e){let t=()=>{let t=e()?.scope(`pangular`).rpc;t&&(t.callEvent(`request-page-highlight`,null),t.callEvent(`request-form-highlight`,null))};return addEventListener(`pagehide`,t),()=>{removeEventListener(`pagehide`,t),t()}}function LE(e){return e.split(`@`)[1]??``}var RE={signal:`Signal Forms`,reactive:`Reactive`,template:`Template-driven`},zE={own:`validator`,directive:`template attribute`,tree:`cross-field rule`,async:`async`,parse:`parse`,submission:`server`,schema:`schema`,manual:`setErrors`},BE=PE,VE={key:`name looks secret`,"input-type":`password input`,autocomplete:`autocomplete is a secret kind`,marker:`marked as mask`,parent:`inside a secret group`,config:`listed in mask`};function HE(e){return VE[e]??e}var UE=`https://pangular-inspector.dev/security/#opt-fields-in-or-out`;async function WE(e,t){return await BE(e,`request-form-action`,t)??{ok:!1,error:`The devtools server did not answer.`}}function GE(e){return`${e.ok?e.message??`Done.`:e.error??`Failed.`}${e.skipped?.length?` Skipped: ${e.skipped.map(e=>`${e.path} (${e.reason})`).join(`, `)}.`:``}${e.status?` Status: ${e.status}.`:``}`}var KE=/"(?:[^"\\\n]|\\.)*"|`([^`\n]*)`|\*\*/g;function qE(e){return(e??``).replace(/^_Labels, paths.*_\n\n/,``).replace(KE,(e,t)=>t??(e===`**`?``:e))}function JE(e){return _E(e?.connectionMeta)}function YE(e,t){return JE(e).actions[t]}var XE={components:`components`,routes:`router`,signals:`signals`,injectors:`injectors`,store:`ngrx`,forms:`forms`,pipes:`pipes`,network:`http`,analog:`analog`,capacitor:`capacitor`,errors:`errors`};function ZE(e){return XE[e]}var QE=`https://pangular-inspector.dev/getting-started/configuration/#inspectors-and-agent-tools`;function $E(e,t){let n=XE[e];return!n||t.inspectors[n]}function eD(e,t){e&1&&(O(),Vg(0,`rect`,4)(1,`rect`,5)(2,`rect`,6)(3,`rect`,7))}function tD(e,t){e&1&&(O(),Vg(0,`path`,8)(1,`path`,9)(2,`path`,10))}function nD(e,t){e&1&&(O(),Vg(0,`circle`,11)(1,`path`,12)(2,`circle`,13))}function rD(e,t){e&1&&(O(),Vg(0,`path`,1))}function iD(e,t){e&1&&(O(),Vg(0,`path`,14)(1,`path`,15)(2,`path`,16)(3,`path`,17))}function aD(e,t){e&1&&(O(),Vg(0,`ellipse`,18)(1,`path`,19)(2,`path`,20))}function oD(e,t){e&1&&(O(),Vg(0,`rect`,21)(1,`path`,22)(2,`path`,23)(3,`path`,24))}function sD(e,t){e&1&&(O(),Vg(0,`circle`,25)(1,`path`,26)(2,`path`,27))}function cD(e,t){e&1&&(O(),Vg(0,`path`,28)(1,`path`,29)(2,`path`,30)(3,`path`,31)(4,`circle`,32))}function lD(e,t){e&1&&(O(),Vg(0,`circle`,33)(1,`path`,34))}function uD(e,t){e&1&&(O(),Vg(0,`circle`,25)(1,`path`,35)(2,`path`,36))}function dD(e,t){e&1&&(O(),Vg(0,`path`,2))}function fD(e,t){e&1&&(O(),Vg(0,`path`,3))}var pD=class e{name=$.required();static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-tab-icon`]],inputs:{name:[1,`name`]},decls:14,vars:1,consts:[[`viewBox`,`0 0 24 24`,`width`,`16`,`height`,`16`,`fill`,`none`,`stroke`,`currentColor`,`stroke-width`,`1.8`,`stroke-linecap`,`round`,`stroke-linejoin`,`round`,`aria-hidden`,`true`],[`d`,`M22 12h-4l-3 9L9 3l-3 9H2`],[`d`,`m8 3 4 8 5-5 5 15H2L8 3z`],[`fill`,`currentColor`,`stroke`,`none`,`transform`,`translate(1.8 1.8) scale(0.85)`,`d`,`M24 3.7l-5.766 5.766 5.725 5.736-3.713 3.712L5.073 3.742 8.786.03l5.736 5.726L20.284 0 24 3.7zM.029 8.785l3.713-3.713 15.173 15.173-3.713 3.714-5.732-5.726L3.7 24 0 20.285l5.754-5.764L.029 8.785z`],[`x`,`3`,`y`,`3`,`width`,`7`,`height`,`9`,`rx`,`1.5`],[`x`,`14`,`y`,`3`,`width`,`7`,`height`,`5`,`rx`,`1.5`],[`x`,`14`,`y`,`12`,`width`,`7`,`height`,`9`,`rx`,`1.5`],[`x`,`3`,`y`,`16`,`width`,`7`,`height`,`5`,`rx`,`1.5`],[`d`,`M12 2 3 7l9 5 9-5-9-5Z`],[`d`,`m3 12 9 5 9-5`],[`d`,`m3 17 9 5 9-5`],[`cx`,`6`,`cy`,`19`,`r`,`3`],[`d`,`M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15`],[`cx`,`18`,`cy`,`5`,`r`,`3`],[`d`,`M12 22v-5`],[`d`,`M9 8V2`],[`d`,`M15 8V2`],[`d`,`M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z`],[`cx`,`12`,`cy`,`5`,`rx`,`9`,`ry`,`3`],[`d`,`M3 5v14a9 3 0 0 0 18 0V5`],[`d`,`M3 12a9 3 0 0 0 18 0`],[`x`,`3`,`y`,`4`,`width`,`18`,`height`,`16`,`rx`,`2`],[`d`,`M7 9h10`],[`d`,`M7 13h6`],[`d`,`M7 17h8`],[`cx`,`12`,`cy`,`12`,`r`,`9`],[`d`,`M3 12h18`],[`d`,`M12 3a14 14 0 0 1 0 18a14 14 0 0 1 0-18Z`],[`d`,`M4 7h10`],[`d`,`M4 17h6`],[`d`,`m14 13 4 4-4 4`],[`d`,`M10 17h8`],[`cx`,`18`,`cy`,`7`,`r`,`3`],[`cx`,`12`,`cy`,`12`,`r`,`3`],[`d`,`M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z`],[`d`,`M12 7v6`],[`d`,`M12 16.5v.01`]],template:function(e,t){if(e&1&&(O(),B(0,`svg`,0),M(1,eD,4,0)(2,tD,3,0)(3,nD,3,0)(4,rD,1,0,`:svg:path`,1)(5,iD,4,0)(6,aD,3,0)(7,oD,4,0)(8,sD,3,0)(9,cD,5,0)(10,lD,2,0)(11,uD,3,0)(12,dD,1,0,`:svg:path`,2)(13,fD,1,0,`:svg:path`,3),V()),e&2){let e;A(),N((e=t.name())===`dashboard`?1:e===`components`?2:e===`routes`?3:e===`signals`?4:e===`injectors`?5:e===`store`?6:e===`forms`?7:e===`network`?8:e===`pipes`?9:e===`settings`?10:e===`errors`?11:e===`analog`?12:e===`capacitor`?13:-1)}},styles:[`[_nghost-%COMP%] {
   display: inline-flex;
   flex-shrink: 0;
-}`]})},QE=(e,t)=>t.tab,$E=(e,t)=>t.label;function eD(e,t){e&1&&J(0),e&2&&X(` `,G().meta()?.projectName,` `)}function tD(e,t){e&1&&J(0,` Project details unavailable `)}function nD(e,t){e&1&&J(0,` Loading… `)}function rD(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function iD(e,t){e&1&&J(0,` Check that the dev server is running. `)}function aD(e,t){if(e&1){let e=H();L(0,`button`,12),U(`click`,function(){return E(e),D(G(2).loadMeta())}),J(1,`Try again`),R()}}function oD(e,t){if(e&1&&(L(0,`p`,10),M(1,rD,4,0)(2,iD,1,0),R(),M(3,aD,2,0,`button`,11)),e&2){let e=G();A(),N(e.staticReport()?1:2),A(2),N(e.staticReport()?-1:3)}}function sD(e,t){e&1&&(L(0,`li`,5)(1,`span`),J(2,`Analog`),R(),J(3),R()),e&2&&(A(3),Y(t))}function cD(e,t){e&1&&(L(0,`li`)(1,`span`),J(2,`Change detection`),R(),J(3),R()),e&2&&(A(3),Y(t))}function lD(e,t){if(e&1&&(L(0,`span`,19),J(1),R(),L(2,`span`,20),J(3),R()),e&2){let e=G().$implicit,t=G();A(),Y(t.cards()[e.tab]?.value),A(2),Y(t.cards()[e.tab]?.sub)}}function uD(e,t){e&1&&(L(0,`span`,21),J(1,`–`),R(),L(2,`span`,20),J(3,`Count unavailable`),R())}function dD(e,t){e&1&&(z(0,`span`,22),L(1,`span`,20),J(2,`Counting…`),R())}function fD(e,t){if(e&1){let e=H();L(0,`button`,13),U(`click`,function(){let t=E(e).$implicit;return D(G().navigate.emit(t.tab))}),L(1,`span`,14)(2,`span`,15),z(3,`app-tab-icon`,16),R(),L(4,`span`,17),J(5,`→`),R()(),L(6,`span`,18),J(7),R(),M(8,lD,4,2)(9,uD,4,0)(10,dD,3,0),R()}if(e&2){let e,n=t.$implicit,r=t.$index,i=G().stateOf(n.tab);K(`animation-delay`,60*r,`ms`),j(`aria-busy`,i===`loading`),A(3),I(`name`,n.tab),A(4),Y(n.label),A(),N((e=i)===`ready`?8:e===`error`?9:10)}}function pD(e,t){e&1&&(L(0,`p`),J(1,`Loading…`),R())}function mD(e,t){if(e&1&&(L(0,`div`)(1,`dt`),J(2),R(),L(3,`dd`),J(4),R()()),e&2){let e=t.$implicit;A(2),Y(e.label),A(2),Y(e.value)}}function hD(e,t){if(e&1&&(L(0,`dl`),P(1,mD,5,2,`div`,null,$E),R()),e&2){let e=G();A(),F(e.configItems())}}function gD(e,t){e&1&&(L(0,`p`),J(1,`Defaults`),R())}var _D=[{tab:`components`,label:`Components`},{tab:`routes`,label:`Routes`},{tab:`signals`,label:`Signals`},{tab:`injectors`,label:`Injectors`},{tab:`store`,label:`NgRx declarations`},{tab:`pipes`,label:`Pipes`},{tab:`forms`,label:`Forms`},{tab:`network`,label:`SSR & HTTP`}];function vD(e){return _D.filter(t=>zE(t.tab,e))}var yD={zoneless:`Zoneless`,zone:`zone.js`,"zone-unused":`Zoneless, zone.js loaded`};function bD(e){return e&&Object.hasOwn(yD,e)?yD[e]:null}var xD=new Set([`signal`,`computed`,`linkedSignal`,`effect`]),SD={action:[`action`,`actions`],reducer:[`reducer`,`reducers`],effect:[`effect`,`effects`],selector:[`selector`,`selectors`],feature:[`feature`,`features`],"store-setup":[`setup call`,`setup calls`],"signal-store":[`signal store`,`signal stores`],"signal-state":[`signal state`,`signal states`],"signal-method":[`signal method`,`signal methods`]};function CD(e,t,n){return`${e} ${e===1?t:n}`}function wD(e,t){for(let n of e??[])t(n),wD(n.children,t)}function TD(e){if(!e.some(e=>e.kind))return{value:e.length,sub:`discovered in source`};let t=e.filter(e=>e.kind===`directive`).length;return{value:e.length-t,sub:`components · ${CD(t,`directive`,`directives`)}`}}function ED(e){if(!e.some(e=>e.kind))return{value:e.length,sub:`route entries in source`};let t=e.filter(e=>e.kind===`redirect`).length;return{value:new Set(e.filter(e=>e.kind===`page`).map(e=>e.fullPath??e.path??``)).size,sub:`navigable paths · ${CD(t,`redirect`,`redirects`)}`}}function DD(e){let t=new Map;for(let n of e)n.kind&&t.set(n.kind,(t.get(n.kind)??0)+1);if(!t.size)return{value:e.length,sub:`declarations in source`};let n=[...t].sort((e,t)=>t[1]-e[1]).map(([e,t])=>{let[n,r]=SD[e]??[e,e];return CD(t,n,r)});return{value:e.length,sub:n.join(` · `)}}function OD(e,t){let n=e?.forms??[],r=t?n.filter(e=>CE(e.id)===t):n;if(!r.length)return{value:0,sub:`no forms on the page yet`};let i=r.filter(e=>e.root?.status===`INVALID`).length;return{value:r.length,sub:`${r.length===1?`form`:`forms`} · ${i} invalid`}}function kD(e){return e.cancelled||e.status===void 0?!1:e.status===0||e.status>=400}function AD(e,t){let n=e?.pages??[],r=t?n.find(e=>e.pageId===t)??null:n.reduce((e,t)=>!e||t.reportedAt>e.reportedAt?t:e,null),i=t&&!r?[]:e?.serverCalls??[],a=r?.initialUrl,o=[...a?i.filter(e=>!e.pageUrl||e.pageUrl===a):i,...r?.calls??[]];if(!o.length)return{value:0,sub:`no calls recorded yet`};let s=o.filter(kD).length;return{value:o.length,sub:`${o.length===1?`call`:`calls`} · ${s} failed`}}var jD=class e{rpc=$(null);navigate=Rv();staticReport=Q(()=>xE(this.rpc()));meta=k(null);config=Q(()=>PE(this.rpc()));stats=Q(()=>this.rpc()?vD(this.config()):[]);configItems=Q(()=>cE(this.config()));metaState=k(`loading`);states=k({});rows=k({});injectorTree=k(null);signalGraph=k(null);formsState=k(null);httpState=k(null);pageId=hE();destroyRef=w(Es);stopLive=[];zone=Q(()=>bD(_E(this.injectorTree(),this.pageId)?.zone));liveInjectors=Q(()=>{let e=_E(this.injectorTree(),this.pageId);if(!e?.roots?.length)return null;let t=0,n=0,r=e=>{t++,n+=e.providers?.length??0};return wD(e.roots,r),wD(e.environment,r),{injectors:t,providers:n}});liveSignals=Q(()=>{let e=vE(this.signalGraph(),this.pageId);return e?.nodes?.length?e.nodes.filter(e=>xD.has(e.kind??``)).length:null});cards=Q(()=>{let e=this.rows(),t={};if(e.components&&(t.components=TD(e.components)),e.routes&&(t.routes=ED(e.routes)),e.store&&(t.store=DD(e.store)),e.pipes){let n=e.pipes.filter(e=>e.builtin).length;t.pipes={value:e.pipes.length-n,sub:n?`custom pipes · ${n} built-in in use`:`custom pipes in source`}}let n=this.liveSignals();n===null?e.signals&&(t.signals={value:e.signals.length,sub:`signal declarations in source`}):t.signals={value:n,sub:e.signals?`live on the page · ${e.signals.length} declared in source`:`live on the page`};let r=this.liveInjectors();r?t.injectors={value:r.injectors,sub:`live injectors · ${CD(r.providers,`provider`,`providers`)}`}:e.injectors&&(t.injectors={value:e.injectors.filter(e=>e.type!==`injection`).length,sub:`provider declarations in source`});let i=this.formsState();i&&(t.forms=OD(i,this.pageId));let a=this.httpState();return a&&(t.network=AD(a,this.pageId)),t});loadMeta(e=this.rpc()){e&&(this.metaState.set(`loading`),e.scope(`pangular`).rpc.call(`build-meta`).then(t=>{this.rpc()===e&&(this.meta.set(t),this.metaState.set(`ready`))}).catch(()=>{this.rpc()===e&&this.metaState.set(`error`)}))}constructor(){pc(()=>{let e=this.rpc();if(!e)return;let t=e.scope(`pangular`);this.states.set({}),this.rows.set({}),this.formsState.set(null),this.httpState.set(null),this.loadMeta(e);let n=PE(e),r=e=>zE(e,n);r(`components`)&&this.load(t.rpc.call(`get-components`),`components`),r(`routes`)&&this.load(t.rpc.call(`get-routes`),`routes`),r(`signals`)&&this.load(t.rpc.call(`get-signals`),`signals`),r(`injectors`)&&this.load(t.rpc.call(`get-providers`),`injectors`),r(`store`)&&this.load(t.rpc.call(`get-ngrx-store`),`store`),r(`pipes`)&&this.load(t.rpc.call(`get-pipes`),`pipes`),this.watchLive(e,n)}),this.destroyRef.onDestroy(()=>this.unwatch())}stateOf(e){return(e===`signals`?this.liveSignals():e===`injectors`?this.liveInjectors():null)===null?this.states()[e]??`loading`:`ready`}load(e,t){let n=e=>this.states.update(n=>({...n,[t]:e}));e.then(e=>{this.rows.update(n=>({...n,[t]:Array.isArray(e)?e:[]})),n(`ready`)}).catch(()=>n(`error`))}async watchLive(e,t){this.unwatch();let n=e.scope(`pangular`).rpc,r=async(t,r,i)=>{let a=e=>i&&this.states.update(t=>({...t,[i]:e}));try{let i=await n.sharedState(t);if(this.destroyRef.destroyed||this.rpc()!==e)return;r(i.value()),a(`ready`),this.stopLive.push(i.on(`updated`,e=>r(e)))}catch{if(this.destroyRef.destroyed||this.rpc()!==e)return;r(null),a(`error`)}};await Promise.all([t.inspectors.injectors&&r(`injector-tree`,e=>this.injectorTree.set(e)),t.inspectors.signals&&r(`signal-graph`,e=>this.signalGraph.set(e)),zE(`forms`,t)&&r(`forms`,e=>this.formsState.set(e??{}),`forms`),zE(`network`,t)&&r(`http`,e=>this.httpState.set(e??{}),`network`)])}unwatch(){for(let e of this.stopLive.splice(0))e()}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-dashboard`]],inputs:{rpc:[1,`rpc`]},outputs:{navigate:`navigate`},decls:33,vars:14,consts:[[`aria-labelledby`,`project-title`,1,`project`],[1,`project-head`],[1,`eyebrow`],[`id`,`project-title`],[1,`chips`],[1,`analog`],[1,`grid`],[`type`,`button`,1,`stat`,3,`animation-delay`],[`aria-labelledby`,`config-title`,1,`config`],[`id`,`config-title`],[1,`hint`],[`type`,`button`,1,`retry`],[`type`,`button`,1,`retry`,3,`click`],[`type`,`button`,1,`stat`,3,`click`],[1,`top`],[1,`icon`],[3,`name`],[`aria-hidden`,`true`,1,`go`],[1,`label`],[1,`big`],[1,`sub`],[1,`big`,`muted`],[`aria-hidden`,`true`,1,`big`,`skeleton`]],template:function(e,t){if(e&1&&(L(0,`section`,0)(1,`div`,1)(2,`p`,2),J(3,`Project`),R(),L(4,`h2`,3),M(5,eD,1,1)(6,tD,1,0)(7,nD,1,0),R(),M(8,oD,4,2),R(),L(9,`ul`,4)(10,`li`)(11,`span`),J(12,`Angular`),R(),J(13),R(),L(14,`li`)(15,`span`),J(16,`TypeScript`),R(),J(17),R(),L(18,`li`)(19,`span`),J(20,`SSR`),R(),J(21),R(),M(22,sD,4,1,`li`,5),M(23,cD,4,1,`li`),R()(),L(24,`div`,6),P(25,fD,11,6,`button`,7,QE),R(),L(27,`section`,8)(28,`h2`,9),J(29,`Configuration`),R(),M(30,pD,2,0,`p`)(31,hD,3,0,`dl`)(32,gD,2,0,`p`),R()),e&2){let e,n,r;j(`aria-busy`,t.metaState()===`loading`),A(4),q(`muted`,t.metaState()!==`ready`),A(),N((e=t.metaState())===`ready`?5:e===`error`?6:7),A(3),N(t.metaState()===`error`?8:-1),A(),q(`pending`,t.metaState()===`loading`),A(4),Y(t.meta()?.angularVersion??`…`),A(4),Y(t.meta()?.typescript??`…`),A(4),Y(t.meta()?t.meta()?.ssr?`On`:`Off`:`…`),A(),N((n=t.meta()?.analog)?22:-1,n),A(),N((r=t.zone())?23:-1,r),A(2),F(t.stats()),A(2),j(`aria-busy`,!t.rpc()),A(3),N(t.rpc()?t.configItems().length?31:32:30)}},dependencies:[ZE],styles:[`[_nghost-%COMP%] {
+}`]})},mD=(e,t)=>t.tab,hD=(e,t)=>t.label;function gD(e,t){e&1&&J(0),e&2&&X(` `,G().meta()?.projectName,` `)}function _D(e,t){e&1&&J(0,` Project details unavailable `)}function vD(e,t){e&1&&J(0,` Loading… `)}function yD(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function bD(e,t){e&1&&J(0,` Check that the dev server is running. `)}function xD(e,t){if(e&1){let e=H();L(0,`button`,12),U(`click`,function(){return E(e),D(G(2).loadMeta())}),J(1,`Try again`),R()}}function SD(e,t){if(e&1&&(L(0,`p`,10),M(1,yD,4,0)(2,bD,1,0),R(),M(3,xD,2,0,`button`,11)),e&2){let e=G();A(),N(e.staticReport()?1:2),A(2),N(e.staticReport()?-1:3)}}function CD(e,t){e&1&&(L(0,`li`,5)(1,`span`),J(2,`Analog`),R(),J(3),R()),e&2&&(A(3),Y(t))}function wD(e,t){e&1&&(L(0,`li`)(1,`span`),J(2,`Change detection`),R(),J(3),R()),e&2&&(A(3),Y(t))}function TD(e,t){if(e&1&&(L(0,`span`,19),J(1),R(),L(2,`span`,20),J(3),R()),e&2){let e=G().$implicit,t=G();A(),Y(t.cards()[e.tab]?.value),A(2),Y(t.cards()[e.tab]?.sub)}}function ED(e,t){e&1&&(L(0,`span`,21),J(1,`–`),R(),L(2,`span`,20),J(3,`Count unavailable`),R())}function DD(e,t){e&1&&(z(0,`span`,22),L(1,`span`,20),J(2,`Counting…`),R())}function OD(e,t){if(e&1){let e=H();L(0,`button`,13),U(`click`,function(){let t=E(e).$implicit;return D(G().navigate.emit(t.tab))}),L(1,`span`,14)(2,`span`,15),z(3,`app-tab-icon`,16),R(),L(4,`span`,17),J(5,`→`),R()(),L(6,`span`,18),J(7),R(),M(8,TD,4,2)(9,ED,4,0)(10,DD,3,0),R()}if(e&2){let e,n=t.$implicit,r=t.$index,i=G().stateOf(n.tab);K(`animation-delay`,60*r,`ms`),j(`aria-busy`,i===`loading`),A(3),I(`name`,n.tab),A(4),Y(n.label),A(),N((e=i)===`ready`?8:e===`error`?9:10)}}function kD(e,t){e&1&&(L(0,`p`),J(1,`Loading…`),R())}function AD(e,t){if(e&1&&(L(0,`div`)(1,`dt`),J(2),R(),L(3,`dd`),J(4),R()()),e&2){let e=t.$implicit;A(2),Y(e.label),A(2),Y(e.value)}}function jD(e,t){if(e&1&&(L(0,`dl`),P(1,AD,5,2,`div`,null,hD),R()),e&2){let e=G();A(),F(e.configItems())}}function MD(e,t){e&1&&(L(0,`p`),J(1,`Defaults`),R())}var ND=[{tab:`components`,label:`Components`},{tab:`routes`,label:`Routes`},{tab:`signals`,label:`Signals`},{tab:`injectors`,label:`Injectors`},{tab:`store`,label:`NgRx declarations`},{tab:`pipes`,label:`Pipes`},{tab:`forms`,label:`Forms`},{tab:`network`,label:`SSR & HTTP`}];function PD(e){return ND.filter(t=>$E(t.tab,e))}var FD={zoneless:`Zoneless`,zone:`zone.js`,"zone-unused":`Zoneless, zone.js loaded`};function ID(e){return e&&Object.hasOwn(FD,e)?FD[e]:null}var LD=new Set([`signal`,`computed`,`linkedSignal`,`effect`]),RD={action:[`action`,`actions`],reducer:[`reducer`,`reducers`],effect:[`effect`,`effects`],selector:[`selector`,`selectors`],feature:[`feature`,`features`],"store-setup":[`setup call`,`setup calls`],"signal-store":[`signal store`,`signal stores`],"signal-state":[`signal state`,`signal states`],"signal-method":[`signal method`,`signal methods`]};function zD(e,t,n){return`${e} ${e===1?t:n}`}function BD(e,t){for(let n of e??[])t(n),BD(n.children,t)}function VD(e){if(!e.some(e=>e.kind))return{value:e.length,sub:`discovered in source`};let t=e.filter(e=>e.kind===`directive`).length;return{value:e.length-t,sub:`components · ${zD(t,`directive`,`directives`)}`}}function HD(e){if(!e.some(e=>e.kind))return{value:e.length,sub:`route entries in source`};let t=e.filter(e=>e.kind===`redirect`).length;return{value:new Set(e.filter(e=>e.kind===`page`).map(e=>e.fullPath??e.path??``)).size,sub:`navigable paths · ${zD(t,`redirect`,`redirects`)}`}}function UD(e){let t=new Map;for(let n of e)n.kind&&t.set(n.kind,(t.get(n.kind)??0)+1);if(!t.size)return{value:e.length,sub:`declarations in source`};let n=[...t].sort((e,t)=>t[1]-e[1]).map(([e,t])=>{let[n,r]=RD[e]??[e,e];return zD(t,n,r)});return{value:e.length,sub:n.join(` · `)}}function WD(e,t){let n=e?.forms??[],r=t?n.filter(e=>LE(e.id)===t):n;if(!r.length)return{value:0,sub:`no forms on the page yet`};let i=r.filter(e=>e.root?.status===`INVALID`).length;return{value:r.length,sub:`${r.length===1?`form`:`forms`} · ${i} invalid`}}function GD(e){return e.cancelled||e.status===void 0?!1:e.status===0||e.status>=400}function KD(e,t){let n=e?.pages??[],r=t?n.find(e=>e.pageId===t)??null:n.reduce((e,t)=>!e||t.reportedAt>e.reportedAt?t:e,null),i=t&&!r?[]:e?.serverCalls??[],a=r?.initialUrl,o=[...a?i.filter(e=>!e.pageUrl||e.pageUrl===a):i,...r?.calls??[]];if(!o.length)return{value:0,sub:`no calls recorded yet`};let s=o.filter(GD).length;return{value:o.length,sub:`${o.length===1?`call`:`calls`} · ${s} failed`}}var qD=class e{rpc=$(null);navigate=Rv();staticReport=Q(()=>FE(this.rpc()));meta=k(null);config=Q(()=>JE(this.rpc()));stats=Q(()=>this.rpc()?PD(this.config()):[]);configItems=Q(()=>SE(this.config()));metaState=k(`loading`);states=k({});rows=k({});injectorTree=k(null);signalGraph=k(null);formsState=k(null);httpState=k(null);pageId=kE();destroyRef=w(Es);stopLive=[];zone=Q(()=>ID(jE(this.injectorTree(),this.pageId)?.zone));liveInjectors=Q(()=>{let e=jE(this.injectorTree(),this.pageId);if(!e?.roots?.length)return null;let t=0,n=0,r=e=>{t++,n+=e.providers?.length??0};return BD(e.roots,r),BD(e.environment,r),{injectors:t,providers:n}});liveSignals=Q(()=>{let e=ME(this.signalGraph(),this.pageId);return e?.nodes?.length?e.nodes.filter(e=>LD.has(e.kind??``)).length:null});cards=Q(()=>{let e=this.rows(),t={};if(e.components&&(t.components=VD(e.components)),e.routes&&(t.routes=HD(e.routes)),e.store&&(t.store=UD(e.store)),e.pipes){let n=e.pipes.filter(e=>e.builtin).length;t.pipes={value:e.pipes.length-n,sub:n?`custom pipes · ${n} built-in in use`:`custom pipes in source`}}let n=this.liveSignals();n===null?e.signals&&(t.signals={value:e.signals.length,sub:`signal declarations in source`}):t.signals={value:n,sub:e.signals?`live on the page · ${e.signals.length} declared in source`:`live on the page`};let r=this.liveInjectors();r?t.injectors={value:r.injectors,sub:`live injectors · ${zD(r.providers,`provider`,`providers`)}`}:e.injectors&&(t.injectors={value:e.injectors.filter(e=>e.type!==`injection`).length,sub:`provider declarations in source`});let i=this.formsState();i&&(t.forms=WD(i,this.pageId));let a=this.httpState();return a&&(t.network=KD(a,this.pageId)),t});loadMeta(e=this.rpc()){e&&(this.metaState.set(`loading`),e.scope(`pangular`).rpc.call(`build-meta`).then(t=>{this.rpc()===e&&(this.meta.set(t),this.metaState.set(`ready`))}).catch(()=>{this.rpc()===e&&this.metaState.set(`error`)}))}constructor(){pc(()=>{let e=this.rpc();if(!e)return;let t=e.scope(`pangular`);this.states.set({}),this.rows.set({}),this.formsState.set(null),this.httpState.set(null),this.loadMeta(e);let n=JE(e),r=e=>$E(e,n);r(`components`)&&this.load(t.rpc.call(`get-components`),`components`),r(`routes`)&&this.load(t.rpc.call(`get-routes`),`routes`),r(`signals`)&&this.load(t.rpc.call(`get-signals`),`signals`),r(`injectors`)&&this.load(t.rpc.call(`get-providers`),`injectors`),r(`store`)&&this.load(t.rpc.call(`get-ngrx-store`),`store`),r(`pipes`)&&this.load(t.rpc.call(`get-pipes`),`pipes`),this.watchLive(e,n)}),this.destroyRef.onDestroy(()=>this.unwatch())}stateOf(e){return(e===`signals`?this.liveSignals():e===`injectors`?this.liveInjectors():null)===null?this.states()[e]??`loading`:`ready`}load(e,t){let n=e=>this.states.update(n=>({...n,[t]:e}));e.then(e=>{this.rows.update(n=>({...n,[t]:Array.isArray(e)?e:[]})),n(`ready`)}).catch(()=>n(`error`))}async watchLive(e,t){this.unwatch();let n=e.scope(`pangular`).rpc,r=async(t,r,i)=>{let a=e=>i&&this.states.update(t=>({...t,[i]:e}));try{let i=await n.sharedState(t);if(this.destroyRef.destroyed||this.rpc()!==e)return;r(i.value()),a(`ready`),this.stopLive.push(i.on(`updated`,e=>r(e)))}catch{if(this.destroyRef.destroyed||this.rpc()!==e)return;r(null),a(`error`)}};await Promise.all([t.inspectors.injectors&&r(`injector-tree`,e=>this.injectorTree.set(e)),t.inspectors.signals&&r(`signal-graph`,e=>this.signalGraph.set(e)),$E(`forms`,t)&&r(`forms`,e=>this.formsState.set(e??{}),`forms`),$E(`network`,t)&&r(`http`,e=>this.httpState.set(e??{}),`network`)])}unwatch(){for(let e of this.stopLive.splice(0))e()}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-dashboard`]],inputs:{rpc:[1,`rpc`]},outputs:{navigate:`navigate`},decls:33,vars:14,consts:[[`aria-labelledby`,`project-title`,1,`project`],[1,`project-head`],[1,`eyebrow`],[`id`,`project-title`],[1,`chips`],[1,`analog`],[1,`grid`],[`type`,`button`,1,`stat`,3,`animation-delay`],[`aria-labelledby`,`config-title`,1,`config`],[`id`,`config-title`],[1,`hint`],[`type`,`button`,1,`retry`],[`type`,`button`,1,`retry`,3,`click`],[`type`,`button`,1,`stat`,3,`click`],[1,`top`],[1,`icon`],[3,`name`],[`aria-hidden`,`true`,1,`go`],[1,`label`],[1,`big`],[1,`sub`],[1,`big`,`muted`],[`aria-hidden`,`true`,1,`big`,`skeleton`]],template:function(e,t){if(e&1&&(L(0,`section`,0)(1,`div`,1)(2,`p`,2),J(3,`Project`),R(),L(4,`h2`,3),M(5,gD,1,1)(6,_D,1,0)(7,vD,1,0),R(),M(8,SD,4,2),R(),L(9,`ul`,4)(10,`li`)(11,`span`),J(12,`Angular`),R(),J(13),R(),L(14,`li`)(15,`span`),J(16,`TypeScript`),R(),J(17),R(),L(18,`li`)(19,`span`),J(20,`SSR`),R(),J(21),R(),M(22,CD,4,1,`li`,5),M(23,wD,4,1,`li`),R()(),L(24,`div`,6),P(25,OD,11,6,`button`,7,mD),R(),L(27,`section`,8)(28,`h2`,9),J(29,`Configuration`),R(),M(30,kD,2,0,`p`)(31,jD,3,0,`dl`)(32,MD,2,0,`p`),R()),e&2){let e,n,r;j(`aria-busy`,t.metaState()===`loading`),A(4),q(`muted`,t.metaState()!==`ready`),A(),N((e=t.metaState())===`ready`?5:e===`error`?6:7),A(3),N(t.metaState()===`error`?8:-1),A(),q(`pending`,t.metaState()===`loading`),A(4),Y(t.meta()?.angularVersion??`…`),A(4),Y(t.meta()?.typescript??`…`),A(4),Y(t.meta()?t.meta()?.ssr?`On`:`Off`:`…`),A(),N((n=t.meta()?.analog)?22:-1,n),A(),N((r=t.zone())?23:-1,r),A(2),F(t.stats()),A(2),j(`aria-busy`,!t.rpc()),A(3),N(t.rpc()?t.configItems().length?31:32:30)}},dependencies:[pD],styles:[`[_nghost-%COMP%] {
   display: block;
   max-width: 1200px;
 }
@@ -325,7 +325,7 @@ h2.muted[_ngcontent-%COMP%] {
   .skeleton[_ngcontent-%COMP%] {
     animation: none;
   }
-}`]})},MD=`pangular:panel-action-result`,ND=6e3,PD=0;function FD(e=window){return e.location.protocol===`chrome-extension:`&&e.parent!==e}function ID(e,t=window){let n=`pa-${Date.now().toString(36)}-${++PD}`;return new Promise(r=>{let i=e=>{t.clearTimeout(o),t.removeEventListener(`message`,a),r(e)},a=({source:e,origin:r,data:a})=>{if(e!==t.parent||r!==t.location.origin)return;let o=a;if(o?.type!==MD||o.requestId!==n)return;let{opened:s,error:c}=a;i({ok:o.ok===!0,...s===`file`||s===`class`?{opened:s}:{},...typeof c==`string`?{error:c}:{}})},o=t.setTimeout(()=>i({ok:!1,error:`timeout`}),ND);t.addEventListener(`message`,a),t.parent.postMessage({...e,requestId:n},t.location.origin)})}var LD=class e{available=FD();reveal(e,t){return ID({type:`pangular:reveal-element`,pageId:e,id:t})}openSource(e,t,n){return ID({type:`pangular:open-source`,pageId:e,id:t,...n?{file:n.file,line:n.line}:{}})}static ɵfac=function(t){return new(t||e)};static ɵprov=Ml({token:e,factory:e.ɵfac})};function RD(e){return e?.platform===`angular-native`}function zD(e){return RD(e)||e?.platform===`nativescript`}function BD(e,t){let n=Object.values(e??{}).filter(RD);if(t&&n.some(e=>e.pageId===t))return t;let r=null;for(let e of n)(!r||e.reportedAt>r.reportedAt)&&(r=e);return r?.pageId??null}var VD=[`trigger`],HD=[`list`],UD=(e,t)=>t.value;function WD(e,t){if(e&1&&(B(0,`span`,4),J(1),V()),e&2){let e=G();A(),Y(e.current().hint)}}function GD(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=G().$implicit;A(),Y(e.hint)}}function KD(e,t){if(e&1){let e=H();B(0,`li`,11),W(`pointerenter`,function(){let t=E(e).$index;return D(G(2).active.set(t))})(`pointerdown`,function(e){return e.preventDefault()})(`click`,function(){let t=E(e).$index;return D(G(2).choose(t))}),O(),B(1,`svg`,12),Vg(2,`path`,13),V(),gs(),B(3,`span`,14),J(4),V(),M(5,GD,2,1,`span`,15),V()}if(e&2){let e=t.$implicit,n=t.$index,r=G(2);q(`active`,n===r.active())(`selected`,e.value===r.value()),j(`id`,r.uid+`-opt-`+n)(`aria-selected`,e.value===r.value())(`aria-disabled`,e.disabled||null),A(4),Y(e.label),A(),N(e.hint?5:-1)}}function qD(e,t){if(e&1&&(B(0,`li`,10),J(1),V()),e&2){let e=G(2);A(),Y(e.emptyText())}}function JD(e,t){if(e&1&&(B(0,`ul`,8,1),_g(`list-in`),W(`pointerdown`,function(e){return e.preventDefault()}),P(2,KD,6,9,`li`,9,UD,!1,qD,2,1,`li`,10),V()),e&2){let e=G();q(`up`,e.dropUp()),j(`id`,e.uid+`-list`)(`aria-labelledby`,e.labelledBy()||e.uid+`-trigger`),A(2),F(e.options())}}var YD=0,XD=class e{options=$.required();value=Gv(null);placeholder=$(`Select…`);ariaLabel=$(``);labelledBy=$(``);describedBy=$(``);disabled=$(!1);emptyText=$(`Nothing to choose`);uid=`app-select-${++YD}`;open=k(!1);active=k(-1);dropUp=k(!1);current=Q(()=>this.options().find(e=>e.value===this.value())??null);host=w(Fl);injector=w(ws);trigger=Jv.required(`trigger`);list=Jv(`list`);typed=``;typedAt=0;toggle(){this.open()?this.close():this.show()}choose(e){let t=this.options()[e];t&&!t.disabled&&(this.value.set(t.value),this.close(),this.trigger().nativeElement.focus())}onKey(e){let t=this.options(),n=this.open();switch(e.key){case`ArrowDown`:case`ArrowUp`:if(e.preventDefault(),!n){this.show();return}this.move(e.key===`ArrowDown`?1:-1);return;case`Home`:case`End`:if(!n)return;e.preventDefault(),this.setActive(e.key===`Home`?this.firstEnabled(0,1):this.firstEnabled(t.length-1,-1));return;case`Enter`:case` `:e.preventDefault(),n&&this.active()>=0?this.choose(this.active()):this.show();return;case`Escape`:if(!n)return;e.preventDefault(),e.stopPropagation(),this.close();return;case`Tab`:n&&this.close();return;default:e.key.length===1&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&this.typeAhead(e.key)}}onBlur(e){let t=e.relatedTarget;t&&this.host.nativeElement.contains(t)||this.close()}onOutside(e){this.open()&&!this.host.nativeElement.contains(e.target)&&this.close()}show(){if(this.disabled())return;let e=this.host.nativeElement.getBoundingClientRect(),t=window.innerHeight-e.bottom;this.dropUp.set(t<220&&e.top>t);let n=this.options().findIndex(e=>e.value===this.value());this.open.set(!0),this.setActive(n>=0?n:this.firstEnabled(0,1))}close(){this.open.set(!1),this.active.set(-1)}move(e){let t=this.firstEnabled(this.active()+e,e);t>=0&&this.setActive(t)}firstEnabled(e,t){let n=this.options();for(let r=e;r>=0&&r<n.length;r+=t)if(!n[r].disabled)return r;return-1}setActive(e){this.active.set(e),!(e<0)&&Vd(()=>{(this.list()?.nativeElement.querySelector(`#${this.uid}-opt-${e}`))?.scrollIntoView({block:`nearest`})},{injector:this.injector})}typeAhead(e){let t=performance.now();this.typed=t-this.typedAt>600?e.toLowerCase():this.typed+e.toLowerCase(),this.typedAt=t;let n=this.options().findIndex(e=>!e.disabled&&e.label.toLowerCase().startsWith(this.typed));n<0||(this.open()?this.setActive(n):this.value.set(this.options()[n].value))}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-select`]],viewQuery:function(e,t){e&1&&l_(t.trigger,VD,5)(t.list,HD,5),e&2&&u_(2)},hostAttrs:[1,`app-select`],hostVars:2,hostBindings:function(e,t){e&1&&U(`pointerdown`,function(e){return t.onOutside(e)},Fu),e&2&&q(`open`,t.open())},inputs:{options:[1,`options`],value:[1,`value`],placeholder:[1,`placeholder`],ariaLabel:[1,`ariaLabel`],labelledBy:[1,`labelledBy`],describedBy:[1,`describedBy`],disabled:[1,`disabled`],emptyText:[1,`emptyText`]},outputs:{value:`valueChange`},decls:8,vars:13,consts:[[`trigger`,``],[`list`,``],[`type`,`button`,`role`,`combobox`,`aria-haspopup`,`listbox`,1,`trigger`,3,`click`,`keydown`,`blur`,`disabled`],[1,`value`],[1,`value-hint`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`chevron`],[`d`,`m6 9 6 6 6-6`],[`role`,`listbox`,`tabindex`,`-1`,1,`list`,3,`up`],[`role`,`listbox`,`tabindex`,`-1`,1,`list`,3,`pointerdown`],[`role`,`option`,3,`active`,`selected`],[`role`,`option`,`aria-disabled`,`true`,1,`empty`],[`role`,`option`,3,`pointerenter`,`pointerdown`,`click`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`check`],[`d`,`m5 12 5 5 9-10`],[1,`label`],[1,`hint`]],template:function(e,t){e&1&&(B(0,`button`,2,0),W(`click`,function(){return t.toggle()})(`keydown`,function(e){return t.onKey(e)})(`blur`,function(e){return t.onBlur(e)}),B(2,`span`,3),J(3),V(),M(4,WD,2,1,`span`,4),O(),B(5,`svg`,5),Vg(6,`path`,6),V()(),M(7,JD,5,5,`ul`,7)),e&2&&(qg(`disabled`,t.disabled()),j(`id`,t.uid+`-trigger`)(`aria-controls`,t.uid+`-list`)(`aria-expanded`,t.open())(`aria-label`,t.ariaLabel()||null)(`aria-labelledby`,t.labelledBy()||null)(`aria-describedby`,t.describedBy()||null)(`aria-activedescendant`,t.open()&&t.active()>=0?t.uid+`-opt-`+t.active():null),A(2),q(`placeholder`,!t.current()),A(),X(` `,t.current()?.label??t.placeholder(),` `),A(),N(t.current()?.hint?4:-1),A(3),N(t.open()?7:-1))},styles:[`[_nghost-%COMP%] {
+}`]})},JD=`pangular:panel-action-result`,YD=6e3,XD=0;function ZD(e=window){return e.location.protocol===`chrome-extension:`&&e.parent!==e}function QD(e,t=window){let n=`pa-${Date.now().toString(36)}-${++XD}`;return new Promise(r=>{let i=e=>{t.clearTimeout(o),t.removeEventListener(`message`,a),r(e)},a=({source:e,origin:r,data:a})=>{if(e!==t.parent||r!==t.location.origin)return;let o=a;if(o?.type!==JD||o.requestId!==n)return;let{opened:s,error:c}=a;i({ok:o.ok===!0,...s===`file`||s===`class`?{opened:s}:{},...typeof c==`string`?{error:c}:{}})},o=t.setTimeout(()=>i({ok:!1,error:`timeout`}),YD);t.addEventListener(`message`,a),t.parent.postMessage({...e,requestId:n},t.location.origin)})}var $D=class e{available=ZD();reveal(e,t){return QD({type:`pangular:reveal-element`,pageId:e,id:t})}openSource(e,t,n){return QD({type:`pangular:open-source`,pageId:e,id:t,...n?{file:n.file,line:n.line}:{}})}static ɵfac=function(t){return new(t||e)};static ɵprov=Ml({token:e,factory:e.ɵfac})};function eO(e){return e?.platform===`angular-native`}function tO(e){return eO(e)||e?.platform===`nativescript`}function nO(e,t){let n=Object.values(e??{}).filter(eO);if(t&&n.some(e=>e.pageId===t))return t;let r=null;for(let e of n)(!r||e.reportedAt>r.reportedAt)&&(r=e);return r?.pageId??null}var rO=[`trigger`],iO=[`list`],aO=(e,t)=>t.value;function oO(e,t){if(e&1&&(B(0,`span`,4),J(1),V()),e&2){let e=G();A(),Y(e.current().hint)}}function sO(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=G().$implicit;A(),Y(e.hint)}}function cO(e,t){if(e&1){let e=H();B(0,`li`,11),W(`pointerenter`,function(){let t=E(e).$index;return D(G(2).active.set(t))})(`pointerdown`,function(e){return e.preventDefault()})(`click`,function(){let t=E(e).$index;return D(G(2).choose(t))}),O(),B(1,`svg`,12),Vg(2,`path`,13),V(),gs(),B(3,`span`,14),J(4),V(),M(5,sO,2,1,`span`,15),V()}if(e&2){let e=t.$implicit,n=t.$index,r=G(2);q(`active`,n===r.active())(`selected`,e.value===r.value()),j(`id`,r.uid+`-opt-`+n)(`aria-selected`,e.value===r.value())(`aria-disabled`,e.disabled||null),A(4),Y(e.label),A(),N(e.hint?5:-1)}}function lO(e,t){if(e&1&&(B(0,`li`,10),J(1),V()),e&2){let e=G(2);A(),Y(e.emptyText())}}function uO(e,t){if(e&1&&(B(0,`ul`,8,1),_g(`list-in`),W(`pointerdown`,function(e){return e.preventDefault()}),P(2,cO,6,9,`li`,9,aO,!1,lO,2,1,`li`,10),V()),e&2){let e=G();q(`up`,e.dropUp()),j(`id`,e.uid+`-list`)(`aria-labelledby`,e.labelledBy()||e.uid+`-trigger`),A(2),F(e.options())}}var dO=0,fO=class e{options=$.required();value=Gv(null);placeholder=$(`Select…`);ariaLabel=$(``);labelledBy=$(``);describedBy=$(``);disabled=$(!1);emptyText=$(`Nothing to choose`);uid=`app-select-${++dO}`;open=k(!1);active=k(-1);dropUp=k(!1);current=Q(()=>this.options().find(e=>e.value===this.value())??null);host=w(Fl);injector=w(ws);trigger=Jv.required(`trigger`);list=Jv(`list`);typed=``;typedAt=0;toggle(){this.open()?this.close():this.show()}choose(e){let t=this.options()[e];t&&!t.disabled&&(this.value.set(t.value),this.close(),this.trigger().nativeElement.focus())}onKey(e){let t=this.options(),n=this.open();switch(e.key){case`ArrowDown`:case`ArrowUp`:if(e.preventDefault(),!n){this.show();return}this.move(e.key===`ArrowDown`?1:-1);return;case`Home`:case`End`:if(!n)return;e.preventDefault(),this.setActive(e.key===`Home`?this.firstEnabled(0,1):this.firstEnabled(t.length-1,-1));return;case`Enter`:case` `:e.preventDefault(),n&&this.active()>=0?this.choose(this.active()):this.show();return;case`Escape`:if(!n)return;e.preventDefault(),e.stopPropagation(),this.close();return;case`Tab`:n&&this.close();return;default:e.key.length===1&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&this.typeAhead(e.key)}}onBlur(e){let t=e.relatedTarget;t&&this.host.nativeElement.contains(t)||this.close()}onOutside(e){this.open()&&!this.host.nativeElement.contains(e.target)&&this.close()}show(){if(this.disabled())return;let e=this.host.nativeElement.getBoundingClientRect(),t=window.innerHeight-e.bottom;this.dropUp.set(t<220&&e.top>t);let n=this.options().findIndex(e=>e.value===this.value());this.open.set(!0),this.setActive(n>=0?n:this.firstEnabled(0,1))}close(){this.open.set(!1),this.active.set(-1)}move(e){let t=this.firstEnabled(this.active()+e,e);t>=0&&this.setActive(t)}firstEnabled(e,t){let n=this.options();for(let r=e;r>=0&&r<n.length;r+=t)if(!n[r].disabled)return r;return-1}setActive(e){this.active.set(e),!(e<0)&&Vd(()=>{(this.list()?.nativeElement.querySelector(`#${this.uid}-opt-${e}`))?.scrollIntoView({block:`nearest`})},{injector:this.injector})}typeAhead(e){let t=performance.now();this.typed=t-this.typedAt>600?e.toLowerCase():this.typed+e.toLowerCase(),this.typedAt=t;let n=this.options().findIndex(e=>!e.disabled&&e.label.toLowerCase().startsWith(this.typed));n<0||(this.open()?this.setActive(n):this.value.set(this.options()[n].value))}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-select`]],viewQuery:function(e,t){e&1&&l_(t.trigger,rO,5)(t.list,iO,5),e&2&&u_(2)},hostAttrs:[1,`app-select`],hostVars:2,hostBindings:function(e,t){e&1&&U(`pointerdown`,function(e){return t.onOutside(e)},Fu),e&2&&q(`open`,t.open())},inputs:{options:[1,`options`],value:[1,`value`],placeholder:[1,`placeholder`],ariaLabel:[1,`ariaLabel`],labelledBy:[1,`labelledBy`],describedBy:[1,`describedBy`],disabled:[1,`disabled`],emptyText:[1,`emptyText`]},outputs:{value:`valueChange`},decls:8,vars:13,consts:[[`trigger`,``],[`list`,``],[`type`,`button`,`role`,`combobox`,`aria-haspopup`,`listbox`,1,`trigger`,3,`click`,`keydown`,`blur`,`disabled`],[1,`value`],[1,`value-hint`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`chevron`],[`d`,`m6 9 6 6 6-6`],[`role`,`listbox`,`tabindex`,`-1`,1,`list`,3,`up`],[`role`,`listbox`,`tabindex`,`-1`,1,`list`,3,`pointerdown`],[`role`,`option`,3,`active`,`selected`],[`role`,`option`,`aria-disabled`,`true`,1,`empty`],[`role`,`option`,3,`pointerenter`,`pointerdown`,`click`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`check`],[`d`,`m5 12 5 5 9-10`],[1,`label`],[1,`hint`]],template:function(e,t){e&1&&(B(0,`button`,2,0),W(`click`,function(){return t.toggle()})(`keydown`,function(e){return t.onKey(e)})(`blur`,function(e){return t.onBlur(e)}),B(2,`span`,3),J(3),V(),M(4,oO,2,1,`span`,4),O(),B(5,`svg`,5),Vg(6,`path`,6),V()(),M(7,uO,5,5,`ul`,7)),e&2&&(qg(`disabled`,t.disabled()),j(`id`,t.uid+`-trigger`)(`aria-controls`,t.uid+`-list`)(`aria-expanded`,t.open())(`aria-label`,t.ariaLabel()||null)(`aria-labelledby`,t.labelledBy()||null)(`aria-describedby`,t.describedBy()||null)(`aria-activedescendant`,t.open()&&t.active()>=0?t.uid+`-opt-`+t.active():null),A(2),q(`placeholder`,!t.current()),A(),X(` `,t.current()?.label??t.placeholder(),` `),A(),N(t.current()?.hint?4:-1),A(3),N(t.open()?7:-1))},styles:[`[_nghost-%COMP%] {
   position: relative;
   display: inline-flex;
   min-width: 0;
@@ -520,7 +520,7 @@ li.selected[_ngcontent-%COMP%]   .check[_ngcontent-%COMP%] {
   .chevron[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})};function ZD(e,t){let n=lE(t);if(uE(n))return{nodes:e,matches:0};let r=0,i=e=>e.flatMap(e=>{let t=dE(e,n);t&&r++;let a=i(e.children);return t||a.length?[{...e,children:a}]:[]});return{nodes:i(e),matches:r}}function QD(e){return e.flatMap(e=>e.kind===`directive`?QD(e.children):[{...e,children:QD(e.children)}])}function $D(e){return(e.attributes?.length?e.attributes:e.directives??[e.name]).map(e=>`[${e}]`).join(` `)}var eO={hydrated:`Hydrated`,skipped:`Skipped`,mismatched:`Mismatch`,client:`Client`};function tO(e){return eO[e]}function nO(e,t,n,r=!1,i=0){let a=r?`${e}+`:`${e}`;if(n)return`${t} of ${r?`${e+i}+`:e+i}`;let o=i?` · ${i} directive ${i===1?`host`:`hosts`}`:``;return`${a} ${e===1&&!r?`instance`:`instances`}${o}`}function rO(e,t,n,r=!1,i=0){if(!n.trim())return``;if(!t)return`No components match.`;let a=e+i,o=r?`${a}+`:`${a}`,s=!r&&a===1;return`${t} of ${o} ${i?s?`row`:`rows`:s?`instance`:`instances`} match.`}function iO(e){let t=e?.components,n=e?.depth;return t&&n?`Showing the first ${t} component instances, and none nested more than ${n} elements deep. Others are not listed or searchable.`:t?`Showing the first ${t} component instances. Others are not listed or searchable.`:n?`Components nested more than ${n} elements deep are not listed or searchable.`:`The page has more components than the tree shows.`}function aO(e,t){let n=t?.detail?.id??null,r=t?.pageId??null;if(r!==e.pageId)return{pageId:r,selectedId:n,detailId:n,destroyed:null};let i=e.selectedId;return n&&n!==e.detailId&&n!==i&&(i=n),i&&t&&!t.truncated&&!oO(t.roots,i)?{pageId:r,selectedId:null,detailId:n,destroyed:i}:{pageId:r,selectedId:i,detailId:n,destroyed:null}}function oO(e,t){return e.some(e=>e.id===t||oO(e.children,t))}function sO(e,t,n){let r=e.indexOf(n);if(r<0)return null;for(let n=r+1;n<e.length;n++)if(t.has(e[n]))return e[n];for(let n=r-1;n>=0;n--)if(t.has(e[n]))return e[n];return null}var cO=(e,t)=>t.key,lO=(e,t)=>t.id;function uO(e,t){e&1&&(B(0,`p`,2),J(1,` The HTML came from the server, but no component was hydrated, so the app rendered again on the client. Add `),B(2,`code`),J(3,`provideClientHydration()`),V(),J(4,` and use a development build to see each component's status. `),V())}function dO(e,t){if(e&1&&(B(0,`li`)(1,`span`,9),J(2),V(),J(3),V()),e&2){let e=t.$implicit;M_(`count count-`+e.key),A(2),Y(e.value),A(),X(` `,e.label,` `)}}function fO(e,t){if(e&1&&(B(0,`span`,15),J(1,`Expected `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;A(3),Y(e.expected)}}function pO(e,t){if(e&1&&(B(0,`span`,15),J(1,`Found `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;A(3),Y(e.actual)}}function mO(e,t){if(e&1){let e=H();B(0,`li`)(1,`button`,12),W(`click`,function(){let t=E(e).$implicit;return D(G(4).showNode.emit(t.id))})(`focus`,function(){let t=E(e).$implicit;return D(G(4).highlight.emit(t.id))})(`blur`,function(){return E(e),D(G(4).highlight.emit(null))})(`mouseenter`,function(){let t=E(e).$implicit;return D(G(4).highlight.emit(t.id))})(`mouseleave`,function(){return E(e),D(G(4).highlight.emit(null))}),B(2,`span`,13),J(3),V(),B(4,`span`,14),J(5),V(),M(6,fO,4,1,`span`,15),M(7,pO,4,1,`span`,15),V()()}if(e&2){let e=t.$implicit;A(3),Y(e.name),A(2),X(`<`,e.tag,`>`),A(),N(e.expected?6:-1),A(),N(e.actual?7:-1)}}function hO(e,t){if(e&1&&(B(0,`h3`,10),J(1,`Mismatches`),V(),B(2,`ul`,11),P(3,mO,8,4,`li`,null,lO),V()),e&2){let e=G(2);A(3),F(e.mismatches)}}function gO(e,t){if(e&1){let e=H();B(0,`div`,3)(1,`ul`,4),P(2,dO,4,4,`li`,5,cO),V(),B(4,`button`,6),W(`click`,function(){return E(e),D(G(2).toggleOverlay())}),O(),B(5,`svg`,7),Vg(6,`rect`,8),V(),J(7,` Outline on page `),V()(),M(8,hO,5,0)}if(e&2){let e=G(),t=G();A(2),F(t.counts()),A(2),j(`aria-pressed`,t.overlayOn()),A(4),N(e.mismatches.length?8:-1)}}function _O(e,t){e&1&&M(0,uO,5,0,`p`,2)(1,gO,9,2),e&2&&N(+!!t.hydrated)}function vO(e,t){e&1&&(B(0,`p`,2),J(1,` This page was not rendered on the server, so there is nothing to hydrate. With server-side rendering and `),B(2,`code`),J(3,`provideClientHydration()`),V(),J(4,`, each component shows whether it was hydrated, skipped or mismatched. `),V())}var yO=class e{report=$(void 0);overlay=Rv();showNode=Rv();highlight=Rv();overlayOn=Fv(()=>this.report()?.overlay===!0);counts=Q(()=>{let e=this.report()?.counts;return e?[{key:`hydrated`,label:`hydrated`,value:e.hydrated},{key:`skipped`,label:`skipped`,value:e.skipped},{key:`mismatched`,label:`mismatched`,value:e.mismatched},{key:`client`,label:`created on the client`,value:e.client},{key:`dehydratedBlocks`,label:e.dehydratedBlocks===1?`dehydrated @defer block`:`dehydrated @defer blocks`,value:e.dehydratedBlocks}]:[]});toggleOverlay(){let e=!this.overlayOn();this.overlayOn.set(e),this.overlay.emit(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-hydration-section`]],inputs:{report:[1,`report`]},outputs:{overlay:`overlay`,showNode:`showNode`,highlight:`highlight`},decls:5,vars:1,consts:[[`aria-labelledby`,`ct-hydration-title`,1,`hydration`],[`id`,`ct-hydration-title`,1,`title`],[1,`empty`],[1,`summary`],[`aria-label`,`Hydration summary`,1,`counts`],[3,`class`],[`type`,`button`,1,`outline`,3,`click`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`],[`x`,`3`,`y`,`3`,`width`,`18`,`height`,`18`,`rx`,`2`,`stroke-dasharray`,`4 3`],[1,`num`],[1,`label`],[1,`mismatches`],[`type`,`button`,1,`mismatch`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`],[1,`name`,`mono`],[1,`mono`,`muted`],[1,`detail-line`]],template:function(e,t){if(e&1&&(B(0,`section`,0)(1,`h2`,1),J(2,`Hydration`),V(),M(3,_O,2,1)(4,vO,5,0,`p`,2),V()),e&2){let e;A(3),N((e=t.report())?3:4,e)}},styles:[`.hydration[_ngcontent-%COMP%] {
+}`]})};function pO(e,t){let n=CE(t);if(wE(n))return{nodes:e,matches:0};let r=0,i=e=>e.flatMap(e=>{let t=TE(e,n);t&&r++;let a=i(e.children);return t||a.length?[{...e,children:a}]:[]});return{nodes:i(e),matches:r}}function mO(e){return e.flatMap(e=>e.kind===`directive`?mO(e.children):[{...e,children:mO(e.children)}])}function hO(e){return(e.attributes?.length?e.attributes:e.directives??[e.name]).map(e=>`[${e}]`).join(` `)}var gO={hydrated:`Hydrated`,skipped:`Skipped`,mismatched:`Mismatch`,client:`Client`};function _O(e){return gO[e]}function vO(e,t,n,r=!1,i=0){let a=r?`${e}+`:`${e}`;if(n)return`${t} of ${r?`${e+i}+`:e+i}`;let o=i?` · ${i} directive ${i===1?`host`:`hosts`}`:``;return`${a} ${e===1&&!r?`instance`:`instances`}${o}`}function yO(e,t,n,r=!1,i=0){if(!n.trim())return``;if(!t)return`No components match.`;let a=e+i,o=r?`${a}+`:`${a}`,s=!r&&a===1;return`${t} of ${o} ${i?s?`row`:`rows`:s?`instance`:`instances`} match.`}function bO(e){let t=e?.components,n=e?.depth;return t&&n?`Showing the first ${t} component instances, and none nested more than ${n} elements deep. Others are not listed or searchable.`:t?`Showing the first ${t} component instances. Others are not listed or searchable.`:n?`Components nested more than ${n} elements deep are not listed or searchable.`:`The page has more components than the tree shows.`}function xO(e,t){let n=t?.detail?.id??null,r=t?.pageId??null;if(r!==e.pageId)return{pageId:r,selectedId:n,detailId:n,destroyed:null};let i=e.selectedId;return n&&n!==e.detailId&&n!==i&&(i=n),i&&t&&!t.truncated&&!SO(t.roots,i)?{pageId:r,selectedId:null,detailId:n,destroyed:i}:{pageId:r,selectedId:i,detailId:n,destroyed:null}}function SO(e,t){return e.some(e=>e.id===t||SO(e.children,t))}function CO(e,t,n){let r=e.indexOf(n);if(r<0)return null;for(let n=r+1;n<e.length;n++)if(t.has(e[n]))return e[n];for(let n=r-1;n>=0;n--)if(t.has(e[n]))return e[n];return null}var wO=(e,t)=>t.key,TO=(e,t)=>t.id;function EO(e,t){e&1&&(B(0,`p`,2),J(1,` The HTML came from the server, but no component was hydrated, so the app rendered again on the client. Add `),B(2,`code`),J(3,`provideClientHydration()`),V(),J(4,` and use a development build to see each component's status. `),V())}function DO(e,t){if(e&1&&(B(0,`li`)(1,`span`,9),J(2),V(),J(3),V()),e&2){let e=t.$implicit;M_(`count count-`+e.key),A(2),Y(e.value),A(),X(` `,e.label,` `)}}function OO(e,t){if(e&1&&(B(0,`span`,15),J(1,`Expected `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;A(3),Y(e.expected)}}function kO(e,t){if(e&1&&(B(0,`span`,15),J(1,`Found `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;A(3),Y(e.actual)}}function AO(e,t){if(e&1){let e=H();B(0,`li`)(1,`button`,12),W(`click`,function(){let t=E(e).$implicit;return D(G(4).showNode.emit(t.id))})(`focus`,function(){let t=E(e).$implicit;return D(G(4).highlight.emit(t.id))})(`blur`,function(){return E(e),D(G(4).highlight.emit(null))})(`mouseenter`,function(){let t=E(e).$implicit;return D(G(4).highlight.emit(t.id))})(`mouseleave`,function(){return E(e),D(G(4).highlight.emit(null))}),B(2,`span`,13),J(3),V(),B(4,`span`,14),J(5),V(),M(6,OO,4,1,`span`,15),M(7,kO,4,1,`span`,15),V()()}if(e&2){let e=t.$implicit;A(3),Y(e.name),A(2),X(`<`,e.tag,`>`),A(),N(e.expected?6:-1),A(),N(e.actual?7:-1)}}function jO(e,t){if(e&1&&(B(0,`h3`,10),J(1,`Mismatches`),V(),B(2,`ul`,11),P(3,AO,8,4,`li`,null,TO),V()),e&2){let e=G(2);A(3),F(e.mismatches)}}function MO(e,t){if(e&1){let e=H();B(0,`div`,3)(1,`ul`,4),P(2,DO,4,4,`li`,5,wO),V(),B(4,`button`,6),W(`click`,function(){return E(e),D(G(2).toggleOverlay())}),O(),B(5,`svg`,7),Vg(6,`rect`,8),V(),J(7,` Outline on page `),V()(),M(8,jO,5,0)}if(e&2){let e=G(),t=G();A(2),F(t.counts()),A(2),j(`aria-pressed`,t.overlayOn()),A(4),N(e.mismatches.length?8:-1)}}function NO(e,t){e&1&&M(0,EO,5,0,`p`,2)(1,MO,9,2),e&2&&N(+!!t.hydrated)}function PO(e,t){e&1&&(B(0,`p`,2),J(1,` This page was not rendered on the server, so there is nothing to hydrate. With server-side rendering and `),B(2,`code`),J(3,`provideClientHydration()`),V(),J(4,`, each component shows whether it was hydrated, skipped or mismatched. `),V())}var FO=class e{report=$(void 0);overlay=Rv();showNode=Rv();highlight=Rv();overlayOn=Fv(()=>this.report()?.overlay===!0);counts=Q(()=>{let e=this.report()?.counts;return e?[{key:`hydrated`,label:`hydrated`,value:e.hydrated},{key:`skipped`,label:`skipped`,value:e.skipped},{key:`mismatched`,label:`mismatched`,value:e.mismatched},{key:`client`,label:`created on the client`,value:e.client},{key:`dehydratedBlocks`,label:e.dehydratedBlocks===1?`dehydrated @defer block`:`dehydrated @defer blocks`,value:e.dehydratedBlocks}]:[]});toggleOverlay(){let e=!this.overlayOn();this.overlayOn.set(e),this.overlay.emit(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-hydration-section`]],inputs:{report:[1,`report`]},outputs:{overlay:`overlay`,showNode:`showNode`,highlight:`highlight`},decls:5,vars:1,consts:[[`aria-labelledby`,`ct-hydration-title`,1,`hydration`],[`id`,`ct-hydration-title`,1,`title`],[1,`empty`],[1,`summary`],[`aria-label`,`Hydration summary`,1,`counts`],[3,`class`],[`type`,`button`,1,`outline`,3,`click`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`],[`x`,`3`,`y`,`3`,`width`,`18`,`height`,`18`,`rx`,`2`,`stroke-dasharray`,`4 3`],[1,`num`],[1,`label`],[1,`mismatches`],[`type`,`button`,1,`mismatch`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`],[1,`name`,`mono`],[1,`mono`,`muted`],[1,`detail-line`]],template:function(e,t){if(e&1&&(B(0,`section`,0)(1,`h2`,1),J(2,`Hydration`),V(),M(3,NO,2,1)(4,PO,5,0,`p`,2),V()),e&2){let e;A(3),N((e=t.report())?3:4,e)}},styles:[`.hydration[_ngcontent-%COMP%] {
   margin-top: 16px;
 }
 
@@ -691,7 +691,7 @@ svg[_ngcontent-%COMP%] {
   button[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})};function bO(e){return new Date(e).toLocaleTimeString()}var xO=/[ \t\n\r]/;function SO(e){let t=e.trim(),n;try{n=JSON.parse(t)}catch{return null}if(typeof n!=`object`||!n)return null;let r=``,i=0,a=()=>`\n${`  `.repeat(i)}`;for(let e=0;e<t.length;e++){let n=t[e];if(n===`"`){let n=e+1;for(;t[n]!==`"`;)n+=t[n]===`\\`?2:1;r+=t.slice(e,n+1),e=n}else if(n===`{`||n===`[`){let o=n===`{`?`}`:`]`,s=e+1;for(;xO.test(t[s]);)s++;t[s]===o?(r+=n+o,e=s):(i++,r+=n+a())}else n===`}`||n===`]`?(i--,r+=a()+n):n===`,`?r+=`,${a()}`:n===`:`?r+=`: `:xO.test(n)||(r+=n)}return r}function CO(e,t){if(e&1&&(B(0,`p`,0),J(1),B(2,`code`),J(3),V(),J(4,` to keep more. `),B(5,`a`,1),J(6,`About limits`),V()()),e&2){let e=G();A(),iv(` Showing the latest `,e.max(),` `,e.what(),`. `,e.dropped(),` older `,e.dropped()===1?`entry was`:`entries were`,` dropped. Raise `),A(2),X(`limits.`,e.limit()),A(2),qg(`href`,e.docsUrl,Mu)}}var wO=`https://pangular-inspector.dev/getting-started/configuration/#limits`,TO=class e{dropped=$(0);max=$.required();what=$.required();limit=$.required();docsUrl=wO;static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-limit-note`]],inputs:{dropped:[1,`dropped`],max:[1,`max`],what:[1,`what`],limit:[1,`limit`]},decls:1,vars:1,consts:[[1,`note`],[`target`,`_blank`,`rel`,`noopener noreferrer`,3,`href`]],template:function(e,t){e&1&&M(0,CO,7,6,`p`,0),e&2&&N(t.dropped()>0?0:-1)},styles:[`[_nghost-%COMP%] {
+}`]})};function IO(e){return new Date(e).toLocaleTimeString()}var LO=/[ \t\n\r]/;function RO(e){let t=e.trim(),n;try{n=JSON.parse(t)}catch{return null}if(typeof n!=`object`||!n)return null;let r=``,i=0,a=()=>`\n${`  `.repeat(i)}`;for(let e=0;e<t.length;e++){let n=t[e];if(n===`"`){let n=e+1;for(;t[n]!==`"`;)n+=t[n]===`\\`?2:1;r+=t.slice(e,n+1),e=n}else if(n===`{`||n===`[`){let o=n===`{`?`}`:`]`,s=e+1;for(;LO.test(t[s]);)s++;t[s]===o?(r+=n+o,e=s):(i++,r+=n+a())}else n===`}`||n===`]`?(i--,r+=a()+n):n===`,`?r+=`,${a()}`:n===`:`?r+=`: `:LO.test(n)||(r+=n)}return r}function zO(e,t){if(e&1&&(B(0,`p`,0),J(1),B(2,`code`),J(3),V(),J(4,` to keep more. `),B(5,`a`,1),J(6,`About limits`),V()()),e&2){let e=G();A(),iv(` Showing the latest `,e.max(),` `,e.what(),`. `,e.dropped(),` older `,e.dropped()===1?`entry was`:`entries were`,` dropped. Raise `),A(2),X(`limits.`,e.limit()),A(2),qg(`href`,e.docsUrl,Mu)}}var BO=`https://pangular-inspector.dev/getting-started/configuration/#limits`,VO=class e{dropped=$(0);max=$.required();what=$.required();limit=$.required();docsUrl=BO;static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-limit-note`]],inputs:{dropped:[1,`dropped`],max:[1,`max`],what:[1,`what`],limit:[1,`limit`]},decls:1,vars:1,consts:[[1,`note`],[`target`,`_blank`,`rel`,`noopener noreferrer`,3,`href`]],template:function(e,t){e&1&&M(0,zO,7,6,`p`,0),e&2&&N(t.dropped()>0?0:-1)},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -718,7 +718,7 @@ a[_ngcontent-%COMP%] {
 a[_ngcontent-%COMP%]:focus-visible {
   outline: 2px solid var(--%NS%accent);
   outline-offset: 2px;
-}`]})},EO=16.6;function DO(e){return e.ms>EO}function OO(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}function kO(e,t){if(!t)return[...e];let n=Math.min(t.from,t.to),r=Math.max(t.from,t.to),i=e.filter(e=>e.id>=n&&e.id<=r);return i.length?i:[...e]}function AO(e){let t=new Map;for(let n of e)for(let e of n.components){let n=t.get(e.name);n?(n.checks+=e.checks,n.ms+=e.ms,n.maxMs=Math.max(n.maxMs,e.ms),n.cycles+=1):t.set(e.name,{name:e.name,checks:e.checks,ms:e.ms,maxMs:e.ms,cycles:1})}return[...t.values()].sort((e,t)=>t.ms-e.ms||e.name.localeCompare(t.name))}function jO(e){let t=e.reduce((e,t)=>Math.max(e,t.ms),0);return Math.max(t,EO*1.25)}function MO(e,t,n=3){let r=e.map(e=>({item:e,value:t(e)})).filter(e=>e.value>0).sort((e,t)=>t.value-e.value),i=r.reduce((e,t)=>e+t.value,0);if(!i)return[];let a=n/i,o=[],s=0,c=0,l=n,u=1,d=[],f=(e,t)=>{let n=e.reduce((e,t)=>e+t,0),r=Math.max(...e),i=Math.min(...e);return Math.max(t*t*r/(n*n),n*n/(t*t*i))},p=()=>{let e=d.reduce((e,t)=>e+t.area,0);if(l>=u){let t=e/u,n=c;for(let e of d){let r=e.area/t;o.push({item:e.item,x:s,y:n,w:t,h:r}),n+=r}s+=t,l-=t}else{let t=e/l,n=s;for(let e of d){let r=e.area/t;o.push({item:e.item,x:n,y:c,w:r,h:t}),n+=r}c+=t,u-=t}d=[]};for(let e of r){let t=e.value*a,n=Math.min(l,u),r=d.map(e=>e.area);d.length&&f([...r,t],n)>f(r,n)&&p(),d.push({item:e.item,area:t})}return d.length&&p(),o.map(e=>({item:e.item,x:e.x/n*100,y:e.y*100,w:e.w/n*100,h:e.h*100}))}var NO={c:`component`,h:`hook`,r:`afterRender`,o:`output`};function PO(e,t){if(t===`c`)return e||null;if(t===`h`){let t=e.lastIndexOf(`.`);return t>0?e.slice(0,t):null}if(t===`o`){let t=e.indexOf(` (`),n=t>0?e.slice(0,t):e;return n&&n!==`?`?n:null}return null}function FO(e,t){let n=e.filter(e=>e.spans?.length);if(!n.length)return null;let r=n.map(e=>{let t=e.spans,n=Math.min(0,...t.map(e=>e[1])),r=Math.max(e.ms,...t.map(e=>e[1]+e[2]));return{cycle:e,spans:t,from:n,width:Math.max(r-n,.001)}}),i=r.reduce((e,t)=>e+t.width,0),a=[],o=[],s=0,c=0;for(let{cycle:e,spans:n,from:l,width:u}of r){o.push({id:e.id,x:s/i*100,w:u/i*100,droppedSpans:e.droppedSpans??0});let r=[...n].sort((e,t)=>e[1]-t[1]||e[3]-t[3]),d=[];for(let[n,o,u,f,p]of r){let r=t[n]??`unknown`,m=d[f-1],h=f>0&&m!==void 0&&o<a[m].start+a[m].ms+1e-6?m:null,g={index:a.length,cycleId:e.id,name:r,kind:p,start:o,ms:u,selfMs:u,depth:f,parent:h,component:PO(r,p),x:(s+o-l)/i*100,w:u/i*100};h!==null&&(a[h].selfMs=Math.max(a[h].selfMs-u,0)),a.push(g),d[f]=g.index,d.length=f+1,c=Math.max(c,f+1)}s+=u}return{blocks:a,cycles:o,depth:c,totalMs:i}}var IO=(e,t)=>t.cycle.id,LO=(e,t)=>t.id;function RO(e,t){if(e&1){let e=H();B(0,`button`,27),W(`click`,function(){return E(e),D(G().showAll())}),J(1,`Show all cycles`),V()}}function zO(e,t){if(e&1&&Vg(0,`div`,28),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function BO(e,t){if(e&1&&(B(0,`div`,29),Vg(1,`span`,30),V()),e&2){let e=t.$implicit,n=G();q(`over`,e.over)(`out`,!n.inRange(e.index)&&!!n.range())(`active`,n.focused()&&n.active()===e.index),qg(`id`,n.optionId(e.index)),j(`data-index`,e.index)(`aria-selected`,n.inRange(e.index))(`aria-label`,e.label),A(),K(`height`,e.height,`%`)}}function VO(e,t){e&1&&(B(0,`span`,33),J(1,`over budget`),V())}function HO(e,t){if(e&1&&(B(0,`p`),J(1,` after `),B(2,`span`,35),J(3),V()()),e&2){let e=G();A(3),Y(e.cycle.trigger)}}function UO(e,t){if(e&1&&(B(0,`p`,34)(1,`span`,36),J(2),V(),B(3,`span`),J(4),V()()),e&2){let e=t.$implicit,n=G(2);A(2),Y(e.name),A(2),Y(n.fmt(e.ms))}}function WO(e,t){if(e&1&&(B(0,`div`,31)(1,`p`,32)(2,`strong`),J(3),V(),B(4,`span`),J(5),V(),M(6,VO,2,0,`span`,33),V(),M(7,HO,4,1,`p`),B(8,`p`),J(9),V(),P(10,UO,5,2,`p`,34,kg),V()),e&2){let e=t,n=G();K(`left`,e.left)(`right`,e.right),A(3),Y(n.fmt(e.cycle.ms)),A(2),X(`cycle `,e.cycle.id),A(),N(e.over?6:-1),A(),N(e.cycle.trigger?7:-1),A(2),iv(` `,e.cycle.checks,` `,e.cycle.checks===1?`check`:`checks`,`, `,e.cycle.passes,` `,e.cycle.passes===1?`pass`:`passes`,` `),A(),F(e.top)}}function GO(e,t){if(e&1&&Vg(0,`span`),e&2){let e=t.$implicit;q(`over`,e.over)}}function KO(e,t){if(e&1&&J(0),e&2){let e=t,n=G(2);Z(` `,e.name,` (`,n.fmt(e.ms),`) `)}}function qO(e,t){if(e&1&&(B(0,`tr`)(1,`td`,37),J(2),V(),B(3,`td`,37),J(4),V(),B(5,`td`),J(6),V(),B(7,`td`,37),J(8),V(),B(9,`td`,37),J(10),V(),B(11,`td`,35),J(12),V(),B(13,`td`,35),M(14,KO,1,2),V()()),e&2){let e,n=t.$implicit,r=G();A(2),Y(n.id),A(2),Y(r.fmt(n.ms)),A(2),Y(r.isOver(n)?`Over`:`Within`),A(2),Y(n.checks),A(2),Y(n.passes),A(2),Y(n.trigger??``),A(2),N((e=n.components[0])?14:-1,e)}}var JO=0,YO=80,XO=10,ZO=class e{cycles=$([]);range=Gv(null);gapUntil=YO;budgetLabel=`${EO} ms budget`;uid=`cd-chart-${JO++}`;hintId=`${this.uid}-hint`;active=k(null);anchor=null;dragging=!1;hover=k(null);focused=k(!1);max=Q(()=>jO(this.cycles()));budgetAt=Q(()=>EO/this.max()*100);bars=Q(()=>{let e=this.max();return this.cycles().map((t,n)=>({cycle:t,index:n,height:t.ms/e*100,over:DO(t),label:this.describe(t)}))});firstId=Q(()=>this.cycles()[0]?.id??0);lastId=Q(()=>this.cycles().at(-1)?.id??0);span=Q(()=>{let e=this.range();if(!e)return null;let t=this.cycles(),n=Math.min(e.from,e.to),r=Math.max(e.from,e.to),i=t.findIndex(e=>e.id>=n),a=-1;for(let e=t.length-1;e>=0;e--)if(t[e].id<=r){a=e;break}return i<0||a<i?null:{start:i,end:a}});selected=Q(()=>kO(this.cycles(),this.range()));startId=Q(()=>this.selected()[0]?.id??``);endId=Q(()=>this.selected().at(-1)?.id??``);band=Q(()=>{let e=this.span(),t=this.cycles().length;return!e||!t?null:{left:e.start/t*100,width:(e.end-e.start+1)/t*100}});summary=Q(()=>{let e=this.selected(),t=e.filter(DO).length;return`${this.span()?e.length===1?`Cycle ${e[0].id}`:`Cycles ${e[0].id} to ${e.at(-1).id} (${e.length})`:`All ${e.length} ${e.length===1?`cycle`:`cycles`}`}. ${t} over the ${EO} ms budget.`});tableLabel=Q(()=>this.span()?`Picked cycles, ${this.summary()}`:`All recorded cycles`);activeOptionId=Q(()=>{let e=this.active();return this.focused()&&e!==null&&e<this.cycles().length?this.optionId(e):null});tip=Q(()=>{let e=this.hover()??(this.focused()?this.active():null),t=e===null?void 0:this.cycles()[e];return!t||e===null?null:{cycle:t,over:DO(t),top:t.components.slice(0,3),...this.tipSide(e)}});tipSide(e){let t=this.cycles().length;return e+.5<t/2?{left:`min(calc(${(e+1)/t*100}% + 6px), max(0px, calc(100% - 240px)))`,right:null}:{left:null,right:`min(calc(${(t-e)/t*100}% + 6px), max(0px, calc(100% - 240px)))`}}fmt(e){return OO(e)}isOver(e){return DO(e)}optionId(e){return`${this.uid}-${e}`}inRange(e){let t=this.span();return!!t&&e>=t.start&&e<=t.end}describe(e){let t=[`Cycle ${e.id}`,OO(e.ms)];DO(e)&&t.push(`over budget`),e.trigger&&t.push(`after ${e.trigger}`),t.push(`${e.checks} ${e.checks===1?`check`:`checks`}`);let n=e.components[0];return n&&t.push(`slowest ${n.name} ${OO(n.ms)}`),t.join(`, `)}select(e,t){let n=this.cycles(),r=n[Math.min(e,t)],i=n[Math.max(e,t)];r&&i&&this.range.set({from:r.id,to:i.id})}showAll(){this.range.set(null),this.anchor=null}setEnd(e,t){if(!this.cycles().length)return;let n=t.target,r=Number.parseInt(n.value,10);if(Number.isNaN(r)){n.value=String(e===`from`?this.startId():this.endId());return}let i=Math.min(Math.max(r,this.firstId()),this.lastId()),a=this.selected(),o=e===`from`?i:a[0]?.id??this.firstId(),s=e===`to`?i:a.at(-1)?.id??this.lastId();this.range.set({from:Math.min(o,s),to:Math.max(o,s)}),n.value=String(e===`from`?Math.min(o,s):Math.max(o,s))}onFocus(){this.focused.set(!0),(this.active()===null||this.active()>=this.cycles().length)&&this.active.set(this.span()?.start??Math.max(this.cycles().length-1,0)),this.anchor??=this.active()}onKey(e){let t=this.cycles().length;if(!t)return;let n=Math.min(this.active()??t-1,t-1),r=null;switch(e.key){case`ArrowRight`:case`ArrowDown`:r=n+1;break;case`ArrowLeft`:case`ArrowUp`:r=n-1;break;case`PageDown`:r=n+XO;break;case`PageUp`:r=n-XO;break;case`Home`:r=0;break;case`End`:r=t-1;break;case`Enter`:case` `:e.preventDefault(),this.anchor=n,this.select(n,n);return;case`Escape`:this.range()&&(e.preventDefault(),this.showAll());return;default:return}e.preventDefault(),r=Math.min(Math.max(r,0),t-1),this.active.set(r),this.hover.set(null),e.shiftKey?(this.anchor??=n,this.select(this.anchor,r)):this.anchor=r}indexAt(e){let t=e.target?.closest?.(`[data-index]`);if(t)return Number(t.getAttribute(`data-index`));let n=e.currentTarget?.getBoundingClientRect(),r=this.cycles().length;if(!n?.width||!r)return null;let i=(e.clientX-n.left)/n.width;return Math.min(Math.max(Math.floor(i*r),0),r-1)}startDrag(e){if(e.button!==0)return;let t=this.indexAt(e);t!==null&&(this.dragging=!0,this.anchor=t,this.active.set(t),this.select(t,t))}onPointerMove(e){let t=this.indexAt(e);this.hover.set(t),this.dragging&&t!==null&&this.anchor!==null&&(this.active.set(t),this.select(this.anchor,t))}endDrag(){this.dragging=!1}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-cd-cycle-chart`]],hostBindings:function(e,t){e&1&&U(`pointerup`,function(){return t.endDrag()},Pu)(`pointercancel`,function(){return t.endDrag()},Pu)},inputs:{cycles:[1,`cycles`],range:[1,`range`]},outputs:{range:`rangeChange`},decls:69,vars:25,consts:[[1,`range`],[`type`,`number`,`inputmode`,`numeric`,3,`change`,`min`,`max`,`value`],[`type`,`button`],[1,`summary`],[1,`hint`,3,`id`],[1,`plot`],[`aria-hidden`,`true`,1,`axis`],[1,`tick`,`top`],[1,`tick`,`zero`],[1,`area`],[`aria-hidden`,`true`,1,`band`,3,`left`,`width`],[`aria-hidden`,`true`,1,`budget`],[`role`,`listbox`,`aria-multiselectable`,`true`,`aria-orientation`,`horizontal`,`tabindex`,`0`,1,`bars`,3,`keydown`,`focus`,`blur`,`pointerdown`,`pointermove`,`pointerleave`],[`role`,`option`,1,`col`,3,`id`,`over`,`out`,`active`],[`aria-hidden`,`true`,1,`tip`,3,`left`,`right`],[`aria-hidden`,`true`,1,`markers`],[3,`over`],[`aria-label`,`Chart key`,1,`legend`],[`aria-hidden`,`true`,1,`key`,`ok`],[`aria-hidden`,`true`,1,`key`,`over`],[`aria-hidden`,`true`,1,`key-marker`],[`aria-hidden`,`true`,1,`key`,`line`],[1,`table`],[`tabindex`,`0`,`role`,`region`,1,`table-wrap`],[1,`sr-only`],[`scope`,`col`,1,`num`],[`scope`,`col`],[`type`,`button`,3,`click`],[`aria-hidden`,`true`,1,`band`],[`role`,`option`,1,`col`,3,`id`],[1,`bar`],[`aria-hidden`,`true`,1,`tip`],[1,`tip-head`],[1,`flag`],[1,`tip-row`],[1,`mono`],[1,`mono`,`name`],[1,`num`]],template:function(e,t){if(e&1&&(B(0,`div`,0)(1,`label`)(2,`span`),J(3,`Start`),V(),B(4,`input`,1),W(`change`,function(e){return t.setEnd(`from`,e)}),V()(),B(5,`label`)(6,`span`),J(7,`End`),V(),B(8,`input`,1),W(`change`,function(e){return t.setEnd(`to`,e)}),V()(),M(9,RO,2,0,`button`,2),B(10,`p`,3),J(11),V()(),B(12,`p`,4),J(13,` Drag across the bars to pick a range of cycles. With the chart focused, the arrow keys move between cycles, Shift with an arrow key extends the range, Enter picks one cycle and Escape shows all cycles again. `),V(),B(14,`div`,5)(15,`div`,6)(16,`span`,7),J(17),V(),B(18,`span`,8),J(19,`0 ms`),V()(),B(20,`div`,9),M(21,zO,1,4,`div`,10),B(22,`div`,11)(23,`span`),J(24),V()(),B(25,`div`,12),W(`keydown`,function(e){return t.onKey(e)})(`focus`,function(){return t.onFocus()})(`blur`,function(){return t.focused.set(!1)})(`pointerdown`,function(e){return t.startDrag(e)})(`pointermove`,function(e){return t.onPointerMove(e)})(`pointerleave`,function(){return t.hover.set(null)}),P(26,BO,2,12,`div`,13,IO),V(),M(28,WO,12,12,`div`,14),V()(),B(29,`div`,15),P(30,GO,1,2,`span`,16,IO),V(),B(32,`ul`,17)(33,`li`),Vg(34,`span`,18),J(35,`Within budget`),V(),B(36,`li`),Vg(37,`span`,19)(38,`span`,20),J(39,`Over budget `),V(),B(40,`li`),Vg(41,`span`,21),J(42),V()(),B(43,`details`,22)(44,`summary`),J(45,`Show the cycles as a table`),V(),B(46,`div`,23)(47,`table`)(48,`caption`,24),J(49),V(),B(50,`thead`)(51,`tr`)(52,`th`,25),J(53,`Cycle`),V(),B(54,`th`,25),J(55,`Duration`),V(),B(56,`th`,26),J(57,`Budget`),V(),B(58,`th`,25),J(59,`Checks`),V(),B(60,`th`,25),J(61,`Passes`),V(),B(62,`th`,26),J(63,`After`),V(),B(64,`th`,26),J(65,`Slowest component`),V()()(),B(66,`tbody`),P(67,qO,15,7,`tr`,null,LO),V()()()()),e&2){let e,n;A(4),qg(`min`,t.firstId())(`max`,t.lastId())(`value`,t.startId()),A(4),qg(`min`,t.firstId())(`max`,t.lastId())(`value`,t.endId()),A(),N(t.range()?9:-1),A(2),Y(t.summary()),A(),qg(`id`,t.hintId),A(2),q(`flush`,t.bars().length>t.gapUntil),A(3),Y(t.fmt(t.max())),A(4),N((e=t.band())?21:-1,e),A(),K(`bottom`,t.budgetAt(),`%`),A(2),Y(t.budgetLabel),A(),j(`aria-label`,`Change detection cycles, `+t.summary())(`aria-describedby`,t.hintId)(`aria-activedescendant`,t.activeOptionId()),A(),F(t.bars()),A(2),N((n=t.tip())?28:-1,n),A(),q(`flush`,t.bars().length>t.gapUntil),A(),F(t.bars()),A(12),Y(t.budgetLabel),A(4),j(`aria-label`,t.tableLabel()),A(3),X(` `,t.tableLabel(),` `),A(18),F(t.selected())}},styles:[`[_nghost-%COMP%] {
+}`]})},HO=16.6;function UO(e){return e.ms>HO}function WO(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}function GO(e,t){if(!t)return[...e];let n=Math.min(t.from,t.to),r=Math.max(t.from,t.to),i=e.filter(e=>e.id>=n&&e.id<=r);return i.length?i:[...e]}function KO(e){let t=new Map;for(let n of e)for(let e of n.components){let n=t.get(e.name);n?(n.checks+=e.checks,n.ms+=e.ms,n.maxMs=Math.max(n.maxMs,e.ms),n.cycles+=1):t.set(e.name,{name:e.name,checks:e.checks,ms:e.ms,maxMs:e.ms,cycles:1})}return[...t.values()].sort((e,t)=>t.ms-e.ms||e.name.localeCompare(t.name))}function qO(e){let t=e.reduce((e,t)=>Math.max(e,t.ms),0);return Math.max(t,HO*1.25)}function JO(e,t,n=3){let r=e.map(e=>({item:e,value:t(e)})).filter(e=>e.value>0).sort((e,t)=>t.value-e.value),i=r.reduce((e,t)=>e+t.value,0);if(!i)return[];let a=n/i,o=[],s=0,c=0,l=n,u=1,d=[],f=(e,t)=>{let n=e.reduce((e,t)=>e+t,0),r=Math.max(...e),i=Math.min(...e);return Math.max(t*t*r/(n*n),n*n/(t*t*i))},p=()=>{let e=d.reduce((e,t)=>e+t.area,0);if(l>=u){let t=e/u,n=c;for(let e of d){let r=e.area/t;o.push({item:e.item,x:s,y:n,w:t,h:r}),n+=r}s+=t,l-=t}else{let t=e/l,n=s;for(let e of d){let r=e.area/t;o.push({item:e.item,x:n,y:c,w:r,h:t}),n+=r}c+=t,u-=t}d=[]};for(let e of r){let t=e.value*a,n=Math.min(l,u),r=d.map(e=>e.area);d.length&&f([...r,t],n)>f(r,n)&&p(),d.push({item:e.item,area:t})}return d.length&&p(),o.map(e=>({item:e.item,x:e.x/n*100,y:e.y*100,w:e.w/n*100,h:e.h*100}))}var YO={c:`component`,h:`hook`,r:`afterRender`,o:`output`};function XO(e,t){if(t===`c`)return e||null;if(t===`h`){let t=e.lastIndexOf(`.`);return t>0?e.slice(0,t):null}if(t===`o`){let t=e.indexOf(` (`),n=t>0?e.slice(0,t):e;return n&&n!==`?`?n:null}return null}function ZO(e,t){let n=e.filter(e=>e.spans?.length);if(!n.length)return null;let r=n.map(e=>{let t=e.spans,n=Math.min(0,...t.map(e=>e[1])),r=Math.max(e.ms,...t.map(e=>e[1]+e[2]));return{cycle:e,spans:t,from:n,width:Math.max(r-n,.001)}}),i=r.reduce((e,t)=>e+t.width,0),a=[],o=[],s=0,c=0;for(let{cycle:e,spans:n,from:l,width:u}of r){o.push({id:e.id,x:s/i*100,w:u/i*100,droppedSpans:e.droppedSpans??0});let r=[...n].sort((e,t)=>e[1]-t[1]||e[3]-t[3]),d=[];for(let[n,o,u,f,p]of r){let r=t[n]??`unknown`,m=d[f-1],h=f>0&&m!==void 0&&o<a[m].start+a[m].ms+1e-6?m:null,g={index:a.length,cycleId:e.id,name:r,kind:p,start:o,ms:u,selfMs:u,depth:f,parent:h,component:XO(r,p),x:(s+o-l)/i*100,w:u/i*100};h!==null&&(a[h].selfMs=Math.max(a[h].selfMs-u,0)),a.push(g),d[f]=g.index,d.length=f+1,c=Math.max(c,f+1)}s+=u}return{blocks:a,cycles:o,depth:c,totalMs:i}}var QO=(e,t)=>t.cycle.id,$O=(e,t)=>t.id;function ek(e,t){if(e&1){let e=H();B(0,`button`,27),W(`click`,function(){return E(e),D(G().showAll())}),J(1,`Show all cycles`),V()}}function tk(e,t){if(e&1&&Vg(0,`div`,28),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function nk(e,t){if(e&1&&(B(0,`div`,29),Vg(1,`span`,30),V()),e&2){let e=t.$implicit,n=G();q(`over`,e.over)(`out`,!n.inRange(e.index)&&!!n.range())(`active`,n.focused()&&n.active()===e.index),qg(`id`,n.optionId(e.index)),j(`data-index`,e.index)(`aria-selected`,n.inRange(e.index))(`aria-label`,e.label),A(),K(`height`,e.height,`%`)}}function rk(e,t){e&1&&(B(0,`span`,33),J(1,`over budget`),V())}function ik(e,t){if(e&1&&(B(0,`p`),J(1,` after `),B(2,`span`,35),J(3),V()()),e&2){let e=G();A(3),Y(e.cycle.trigger)}}function ak(e,t){if(e&1&&(B(0,`p`,34)(1,`span`,36),J(2),V(),B(3,`span`),J(4),V()()),e&2){let e=t.$implicit,n=G(2);A(2),Y(e.name),A(2),Y(n.fmt(e.ms))}}function ok(e,t){if(e&1&&(B(0,`div`,31)(1,`p`,32)(2,`strong`),J(3),V(),B(4,`span`),J(5),V(),M(6,rk,2,0,`span`,33),V(),M(7,ik,4,1,`p`),B(8,`p`),J(9),V(),P(10,ak,5,2,`p`,34,kg),V()),e&2){let e=t,n=G();K(`left`,e.left)(`right`,e.right),A(3),Y(n.fmt(e.cycle.ms)),A(2),X(`cycle `,e.cycle.id),A(),N(e.over?6:-1),A(),N(e.cycle.trigger?7:-1),A(2),iv(` `,e.cycle.checks,` `,e.cycle.checks===1?`check`:`checks`,`, `,e.cycle.passes,` `,e.cycle.passes===1?`pass`:`passes`,` `),A(),F(e.top)}}function sk(e,t){if(e&1&&Vg(0,`span`),e&2){let e=t.$implicit;q(`over`,e.over)}}function ck(e,t){if(e&1&&J(0),e&2){let e=t,n=G(2);Z(` `,e.name,` (`,n.fmt(e.ms),`) `)}}function lk(e,t){if(e&1&&(B(0,`tr`)(1,`td`,37),J(2),V(),B(3,`td`,37),J(4),V(),B(5,`td`),J(6),V(),B(7,`td`,37),J(8),V(),B(9,`td`,37),J(10),V(),B(11,`td`,35),J(12),V(),B(13,`td`,35),M(14,ck,1,2),V()()),e&2){let e,n=t.$implicit,r=G();A(2),Y(n.id),A(2),Y(r.fmt(n.ms)),A(2),Y(r.isOver(n)?`Over`:`Within`),A(2),Y(n.checks),A(2),Y(n.passes),A(2),Y(n.trigger??``),A(2),N((e=n.components[0])?14:-1,e)}}var uk=0,dk=80,fk=10,pk=class e{cycles=$([]);range=Gv(null);gapUntil=dk;budgetLabel=`${HO} ms budget`;uid=`cd-chart-${uk++}`;hintId=`${this.uid}-hint`;active=k(null);anchor=null;dragging=!1;hover=k(null);focused=k(!1);max=Q(()=>qO(this.cycles()));budgetAt=Q(()=>HO/this.max()*100);bars=Q(()=>{let e=this.max();return this.cycles().map((t,n)=>({cycle:t,index:n,height:t.ms/e*100,over:UO(t),label:this.describe(t)}))});firstId=Q(()=>this.cycles()[0]?.id??0);lastId=Q(()=>this.cycles().at(-1)?.id??0);span=Q(()=>{let e=this.range();if(!e)return null;let t=this.cycles(),n=Math.min(e.from,e.to),r=Math.max(e.from,e.to),i=t.findIndex(e=>e.id>=n),a=-1;for(let e=t.length-1;e>=0;e--)if(t[e].id<=r){a=e;break}return i<0||a<i?null:{start:i,end:a}});selected=Q(()=>GO(this.cycles(),this.range()));startId=Q(()=>this.selected()[0]?.id??``);endId=Q(()=>this.selected().at(-1)?.id??``);band=Q(()=>{let e=this.span(),t=this.cycles().length;return!e||!t?null:{left:e.start/t*100,width:(e.end-e.start+1)/t*100}});summary=Q(()=>{let e=this.selected(),t=e.filter(UO).length;return`${this.span()?e.length===1?`Cycle ${e[0].id}`:`Cycles ${e[0].id} to ${e.at(-1).id} (${e.length})`:`All ${e.length} ${e.length===1?`cycle`:`cycles`}`}. ${t} over the ${HO} ms budget.`});tableLabel=Q(()=>this.span()?`Picked cycles, ${this.summary()}`:`All recorded cycles`);activeOptionId=Q(()=>{let e=this.active();return this.focused()&&e!==null&&e<this.cycles().length?this.optionId(e):null});tip=Q(()=>{let e=this.hover()??(this.focused()?this.active():null),t=e===null?void 0:this.cycles()[e];return!t||e===null?null:{cycle:t,over:UO(t),top:t.components.slice(0,3),...this.tipSide(e)}});tipSide(e){let t=this.cycles().length;return e+.5<t/2?{left:`min(calc(${(e+1)/t*100}% + 6px), max(0px, calc(100% - 240px)))`,right:null}:{left:null,right:`min(calc(${(t-e)/t*100}% + 6px), max(0px, calc(100% - 240px)))`}}fmt(e){return WO(e)}isOver(e){return UO(e)}optionId(e){return`${this.uid}-${e}`}inRange(e){let t=this.span();return!!t&&e>=t.start&&e<=t.end}describe(e){let t=[`Cycle ${e.id}`,WO(e.ms)];UO(e)&&t.push(`over budget`),e.trigger&&t.push(`after ${e.trigger}`),t.push(`${e.checks} ${e.checks===1?`check`:`checks`}`);let n=e.components[0];return n&&t.push(`slowest ${n.name} ${WO(n.ms)}`),t.join(`, `)}select(e,t){let n=this.cycles(),r=n[Math.min(e,t)],i=n[Math.max(e,t)];r&&i&&this.range.set({from:r.id,to:i.id})}showAll(){this.range.set(null),this.anchor=null}setEnd(e,t){if(!this.cycles().length)return;let n=t.target,r=Number.parseInt(n.value,10);if(Number.isNaN(r)){n.value=String(e===`from`?this.startId():this.endId());return}let i=Math.min(Math.max(r,this.firstId()),this.lastId()),a=this.selected(),o=e===`from`?i:a[0]?.id??this.firstId(),s=e===`to`?i:a.at(-1)?.id??this.lastId();this.range.set({from:Math.min(o,s),to:Math.max(o,s)}),n.value=String(e===`from`?Math.min(o,s):Math.max(o,s))}onFocus(){this.focused.set(!0),(this.active()===null||this.active()>=this.cycles().length)&&this.active.set(this.span()?.start??Math.max(this.cycles().length-1,0)),this.anchor??=this.active()}onKey(e){let t=this.cycles().length;if(!t)return;let n=Math.min(this.active()??t-1,t-1),r=null;switch(e.key){case`ArrowRight`:case`ArrowDown`:r=n+1;break;case`ArrowLeft`:case`ArrowUp`:r=n-1;break;case`PageDown`:r=n+fk;break;case`PageUp`:r=n-fk;break;case`Home`:r=0;break;case`End`:r=t-1;break;case`Enter`:case` `:e.preventDefault(),this.anchor=n,this.select(n,n);return;case`Escape`:this.range()&&(e.preventDefault(),this.showAll());return;default:return}e.preventDefault(),r=Math.min(Math.max(r,0),t-1),this.active.set(r),this.hover.set(null),e.shiftKey?(this.anchor??=n,this.select(this.anchor,r)):this.anchor=r}indexAt(e){let t=e.target?.closest?.(`[data-index]`);if(t)return Number(t.getAttribute(`data-index`));let n=e.currentTarget?.getBoundingClientRect(),r=this.cycles().length;if(!n?.width||!r)return null;let i=(e.clientX-n.left)/n.width;return Math.min(Math.max(Math.floor(i*r),0),r-1)}startDrag(e){if(e.button!==0)return;let t=this.indexAt(e);t!==null&&(this.dragging=!0,this.anchor=t,this.active.set(t),this.select(t,t))}onPointerMove(e){let t=this.indexAt(e);this.hover.set(t),this.dragging&&t!==null&&this.anchor!==null&&(this.active.set(t),this.select(this.anchor,t))}endDrag(){this.dragging=!1}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-cd-cycle-chart`]],hostBindings:function(e,t){e&1&&U(`pointerup`,function(){return t.endDrag()},Pu)(`pointercancel`,function(){return t.endDrag()},Pu)},inputs:{cycles:[1,`cycles`],range:[1,`range`]},outputs:{range:`rangeChange`},decls:69,vars:25,consts:[[1,`range`],[`type`,`number`,`inputmode`,`numeric`,3,`change`,`min`,`max`,`value`],[`type`,`button`],[1,`summary`],[1,`hint`,3,`id`],[1,`plot`],[`aria-hidden`,`true`,1,`axis`],[1,`tick`,`top`],[1,`tick`,`zero`],[1,`area`],[`aria-hidden`,`true`,1,`band`,3,`left`,`width`],[`aria-hidden`,`true`,1,`budget`],[`role`,`listbox`,`aria-multiselectable`,`true`,`aria-orientation`,`horizontal`,`tabindex`,`0`,1,`bars`,3,`keydown`,`focus`,`blur`,`pointerdown`,`pointermove`,`pointerleave`],[`role`,`option`,1,`col`,3,`id`,`over`,`out`,`active`],[`aria-hidden`,`true`,1,`tip`,3,`left`,`right`],[`aria-hidden`,`true`,1,`markers`],[3,`over`],[`aria-label`,`Chart key`,1,`legend`],[`aria-hidden`,`true`,1,`key`,`ok`],[`aria-hidden`,`true`,1,`key`,`over`],[`aria-hidden`,`true`,1,`key-marker`],[`aria-hidden`,`true`,1,`key`,`line`],[1,`table`],[`tabindex`,`0`,`role`,`region`,1,`table-wrap`],[1,`sr-only`],[`scope`,`col`,1,`num`],[`scope`,`col`],[`type`,`button`,3,`click`],[`aria-hidden`,`true`,1,`band`],[`role`,`option`,1,`col`,3,`id`],[1,`bar`],[`aria-hidden`,`true`,1,`tip`],[1,`tip-head`],[1,`flag`],[1,`tip-row`],[1,`mono`],[1,`mono`,`name`],[1,`num`]],template:function(e,t){if(e&1&&(B(0,`div`,0)(1,`label`)(2,`span`),J(3,`Start`),V(),B(4,`input`,1),W(`change`,function(e){return t.setEnd(`from`,e)}),V()(),B(5,`label`)(6,`span`),J(7,`End`),V(),B(8,`input`,1),W(`change`,function(e){return t.setEnd(`to`,e)}),V()(),M(9,ek,2,0,`button`,2),B(10,`p`,3),J(11),V()(),B(12,`p`,4),J(13,` Drag across the bars to pick a range of cycles. With the chart focused, the arrow keys move between cycles, Shift with an arrow key extends the range, Enter picks one cycle and Escape shows all cycles again. `),V(),B(14,`div`,5)(15,`div`,6)(16,`span`,7),J(17),V(),B(18,`span`,8),J(19,`0 ms`),V()(),B(20,`div`,9),M(21,tk,1,4,`div`,10),B(22,`div`,11)(23,`span`),J(24),V()(),B(25,`div`,12),W(`keydown`,function(e){return t.onKey(e)})(`focus`,function(){return t.onFocus()})(`blur`,function(){return t.focused.set(!1)})(`pointerdown`,function(e){return t.startDrag(e)})(`pointermove`,function(e){return t.onPointerMove(e)})(`pointerleave`,function(){return t.hover.set(null)}),P(26,nk,2,12,`div`,13,QO),V(),M(28,ok,12,12,`div`,14),V()(),B(29,`div`,15),P(30,sk,1,2,`span`,16,QO),V(),B(32,`ul`,17)(33,`li`),Vg(34,`span`,18),J(35,`Within budget`),V(),B(36,`li`),Vg(37,`span`,19)(38,`span`,20),J(39,`Over budget `),V(),B(40,`li`),Vg(41,`span`,21),J(42),V()(),B(43,`details`,22)(44,`summary`),J(45,`Show the cycles as a table`),V(),B(46,`div`,23)(47,`table`)(48,`caption`,24),J(49),V(),B(50,`thead`)(51,`tr`)(52,`th`,25),J(53,`Cycle`),V(),B(54,`th`,25),J(55,`Duration`),V(),B(56,`th`,26),J(57,`Budget`),V(),B(58,`th`,25),J(59,`Checks`),V(),B(60,`th`,25),J(61,`Passes`),V(),B(62,`th`,26),J(63,`After`),V(),B(64,`th`,26),J(65,`Slowest component`),V()()(),B(66,`tbody`),P(67,lk,15,7,`tr`,null,$O),V()()()()),e&2){let e,n;A(4),qg(`min`,t.firstId())(`max`,t.lastId())(`value`,t.startId()),A(4),qg(`min`,t.firstId())(`max`,t.lastId())(`value`,t.endId()),A(),N(t.range()?9:-1),A(2),Y(t.summary()),A(),qg(`id`,t.hintId),A(2),q(`flush`,t.bars().length>t.gapUntil),A(3),Y(t.fmt(t.max())),A(4),N((e=t.band())?21:-1,e),A(),K(`bottom`,t.budgetAt(),`%`),A(2),Y(t.budgetLabel),A(),j(`aria-label`,`Change detection cycles, `+t.summary())(`aria-describedby`,t.hintId)(`aria-activedescendant`,t.activeOptionId()),A(),F(t.bars()),A(2),N((n=t.tip())?28:-1,n),A(),q(`flush`,t.bars().length>t.gapUntil),A(),F(t.bars()),A(12),Y(t.budgetLabel),A(4),j(`aria-label`,t.tableLabel()),A(3),X(` `,t.tableLabel(),` `),A(18),F(t.selected())}},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -1098,7 +1098,7 @@ td.mono[_ngcontent-%COMP%] {
   .bar[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})},QO=(e,t)=>t.id,$O=(e,t)=>t.index,ek=(e,t)=>t.kind;function tk(e,t){if(e&1&&(B(0,`p`,0),J(1),V()),e&2){let e=G(2);A(),Z(` Pick `,e.max,` cycles or fewer to see their spans. `,e.count(),` are picked. `)}}function nk(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=t.$implicit;K(`left`,e.x,`%`)(`width`,e.w,`%`),A(),X(`cycle `,e.id)}}function rk(e,t){if(e&1){let e=H();B(0,`button`,11),W(`focus`,function(){let t=E(e).$implicit;return D(G(3).current.set(t.index))})(`mouseenter`,function(){let t=E(e).$implicit;return D(G(3).hover.set(t.index))})(`mouseleave`,function(){return E(e),D(G(3).hover.set(null))})(`click`,function(){let t=E(e).$implicit;return D(G(3).choose(t))}),B(1,`span`,12),J(2),V()()}if(e&2){let e=t.$implicit,n=G(3);M_(pv(`block kind-`,e.kind)),K(`left`,e.x,`%`)(`width`,e.w,`%`)(`top`,e.depth*n.row,`px`),q(`narrow`,e.w<4),j(`tabindex`,e.index===n.tabStop()?0:-1)(`data-index`,e.index)(`aria-label`,n.describe(e))(`aria-disabled`,e.component?null:`true`),A(2),Y(e.name)}}function ik(e,t){if(e&1&&(B(0,`li`),Vg(1,`span`,13),J(2),V()),e&2){let e=t.$implicit;A(),M_(pv(`key kind-`,e.kind)),A(),Y(e.label)}}function ak(e,t){if(e&1&&(B(0,`p`,0),J(1),V()),e&2){let e=G(3);A(),Z(` Each cycle keeps its longest spans. `,e.dropped(),` shorter `,e.dropped()===1?`span was`:`spans were`,` left out. `)}}function ok(e,t){if(e&1&&(B(0,`tr`)(1,`td`,17),J(2),V(),B(3,`td`,18),J(4),V(),B(5,`td`),J(6),V(),B(7,`td`,17),J(8),V(),B(9,`td`,17),J(10),V(),B(11,`td`,17),J(12),V(),B(13,`td`,17),J(14),V()()),e&2){let e=t.$implicit,n=G(4);A(2),Y(e.cycleId),A(),K(`padding-left`,6+e.depth*8,`px`),A(),Y(e.name),A(2),Y(n.kindLabel(e)),A(2),Y(e.depth),A(2),Y(n.fmt(e.start)),A(2),Y(n.fmt(e.ms)),A(2),Y(n.fmt(e.selfMs))}}function sk(e,t){if(e&1&&(B(0,`div`,10)(1,`table`)(2,`caption`,14),J(3),V(),B(4,`thead`)(5,`tr`)(6,`th`,15),J(7,`Cycle`),V(),B(8,`th`,16),J(9,`Span`),V(),B(10,`th`,16),J(11,`Kind`),V(),B(12,`th`,15),J(13,`Depth`),V(),B(14,`th`,15),J(15,`Start`),V(),B(16,`th`,15),J(17,`Total`),V(),B(18,`th`,15),J(19,`Self`),V()()(),B(20,`tbody`),P(21,ok,15,9,`tr`,null,$O),V()()()),e&2){let e=G(),t=G(2);j(`aria-label`,t.tableLabel()),A(3),X(` `,t.tableLabel(),` `),A(18),F(e.blocks)}}function ck(e,t){if(e&1){let e=H();B(0,`div`,1),W(`keydown`,function(t){return E(e),D(G(2).onKey(t))}),B(1,`div`,2),P(2,nk,2,5,`span`,3,QO),V(),B(4,`div`,4),P(5,rk,3,16,`button`,5,$O),V()(),B(7,`p`,6),J(8),V(),B(9,`ul`,7),P(10,ik,3,4,`li`,null,ek),V(),B(12,`p`,8),J(13,` Arrow keys move along a row, Up goes to the enclosing span and Down to the first nested one. Enter on a component shows it in the tree. `),V(),M(14,ak,2,2,`p`,0),B(15,`details`,9),W(`toggle`,function(t){return E(e),D(G(2).onToggle(t))}),B(16,`summary`),J(17,`Show the spans as a table`),V(),M(18,sk,23,2,`div`,10),V()}if(e&2){let e=t,n=G(2);j(`aria-label`,n.label()),A(2),F(e.cycles),A(2),K(`height`,e.depth*n.row,`px`),A(),F(e.blocks),A(3),Y(n.readout()),A(2),F(n.kinds),A(4),N(n.dropped()?14:-1),A(4),N(n.tableOpen()?18:-1)}}function lk(e,t){if(e&1&&(B(0,`h3`),J(1,`Spans in the picked cycles`),V(),M(2,tk,2,2,`p`,0)(3,ck,19,6)),e&2){let e,t=G();A(2),N(t.tooMany()?2:(e=t.graph())?3:-1,e)}}var uk=22;function dk(e,t){for(let n=e.length-1;n>=0;n--)if(t(e[n]))return e[n]}var fk=class e{cycles=$([]);names=$([]);scope=$(`the recording`);pick=Rv();row=uk;max=30;kinds=[`c`,`h`,`r`,`o`].map(e=>({kind:e,label:NO[e]}));current=k(0);tableOpen=k(!1);hover=k(null);hasSpans=Q(()=>this.cycles().some(e=>e.spans?.length));count=Q(()=>this.cycles().length);tooMany=Q(()=>this.count()>30);graph=Q(()=>this.tooMany()?null:FO(this.cycles(),this.names()));tabStop=Q(()=>Math.min(this.current(),Math.max((this.graph()?.blocks.length??1)-1,0)));dropped=Q(()=>this.graph()?.cycles.reduce((e,t)=>e+t.droppedSpans,0)??0);label=Q(()=>`Spans in ${this.scope()} over time, nested by depth. Pick a component to show it in the tree.`);readout=Q(()=>{let e=(this.graph()?.blocks??[])[this.hover()??this.tabStop()];return e?this.describe(e):``});tableLabel=Q(()=>`Timed spans in ${this.scope()}`);fmt(e){return OO(e)}kindLabel(e){return NO[e.kind]}onToggle(e){this.tableOpen.set(e.target.open)}describe(e){let t=[e.name,NO[e.kind],`${OO(e.ms)} total`];return e.selfMs!==e.ms&&t.push(`${OO(e.selfMs)} self`),t.push(e.start<0?`cycle ${e.cycleId}, ${OO(-e.start)} before it started`:`cycle ${e.cycleId} at ${OO(e.start)}`),t.join(`, `)}choose(e){this.current.set(e.index),e.component&&this.pick.emit(e.component)}onKey(e){let t=this.graph()?.blocks??[];if(!t.length)return;let n=t[this.tabStop()],r;switch(e.key){case`ArrowRight`:r=t.find(e=>e.index>n.index&&e.depth===n.depth);break;case`ArrowLeft`:r=dk(t,e=>e.index<n.index&&e.depth===n.depth);break;case`ArrowUp`:r=n.parent===null?dk(t,e=>e.index<n.index&&e.depth===n.depth-1):t[n.parent];break;case`ArrowDown`:r=t.find(e=>e.parent===n.index)??t.find(e=>e.index>n.index&&e.depth===n.depth+1);break;case`Home`:r=t[0];break;case`End`:r=t.at(-1);break;default:return}e.preventDefault(),this.hover.set(null),r&&(this.current.set(r.index),e.currentTarget.querySelector(`button[data-index="${r.index}"]`)?.focus())}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-cd-flame-graph`]],inputs:{cycles:[1,`cycles`],names:[1,`names`],scope:[1,`scope`]},outputs:{pick:`pick`},decls:1,vars:1,consts:[[1,`note`],[`role`,`group`,1,`flame`,3,`keydown`],[`aria-hidden`,`true`,1,`cycles`],[3,`left`,`width`],[1,`rows`],[`type`,`button`,3,`class`,`narrow`,`left`,`width`,`top`],[`aria-hidden`,`true`,1,`readout`],[`aria-label`,`Span kinds`,1,`legend`],[1,`hint`],[1,`table`,3,`toggle`],[`tabindex`,`0`,`role`,`region`,1,`table-wrap`],[`type`,`button`,3,`focus`,`mouseenter`,`mouseleave`,`click`],[1,`text`],[`aria-hidden`,`true`],[1,`sr-only`],[`scope`,`col`,1,`num`],[`scope`,`col`],[1,`num`],[1,`mono`]],template:function(e,t){e&1&&M(0,lk,4,1),e&2&&N(t.hasSpans()?0:-1)},styles:[`[_nghost-%COMP%] {
+}`]})},mk=(e,t)=>t.id,hk=(e,t)=>t.index,gk=(e,t)=>t.kind;function _k(e,t){if(e&1&&(B(0,`p`,0),J(1),V()),e&2){let e=G(2);A(),Z(` Pick `,e.max,` cycles or fewer to see their spans. `,e.count(),` are picked. `)}}function vk(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=t.$implicit;K(`left`,e.x,`%`)(`width`,e.w,`%`),A(),X(`cycle `,e.id)}}function yk(e,t){if(e&1){let e=H();B(0,`button`,11),W(`focus`,function(){let t=E(e).$implicit;return D(G(3).current.set(t.index))})(`mouseenter`,function(){let t=E(e).$implicit;return D(G(3).hover.set(t.index))})(`mouseleave`,function(){return E(e),D(G(3).hover.set(null))})(`click`,function(){let t=E(e).$implicit;return D(G(3).choose(t))}),B(1,`span`,12),J(2),V()()}if(e&2){let e=t.$implicit,n=G(3);M_(pv(`block kind-`,e.kind)),K(`left`,e.x,`%`)(`width`,e.w,`%`)(`top`,e.depth*n.row,`px`),q(`narrow`,e.w<4),j(`tabindex`,e.index===n.tabStop()?0:-1)(`data-index`,e.index)(`aria-label`,n.describe(e))(`aria-disabled`,e.component?null:`true`),A(2),Y(e.name)}}function bk(e,t){if(e&1&&(B(0,`li`),Vg(1,`span`,13),J(2),V()),e&2){let e=t.$implicit;A(),M_(pv(`key kind-`,e.kind)),A(),Y(e.label)}}function xk(e,t){if(e&1&&(B(0,`p`,0),J(1),V()),e&2){let e=G(3);A(),Z(` Each cycle keeps its longest spans. `,e.dropped(),` shorter `,e.dropped()===1?`span was`:`spans were`,` left out. `)}}function Sk(e,t){if(e&1&&(B(0,`tr`)(1,`td`,17),J(2),V(),B(3,`td`,18),J(4),V(),B(5,`td`),J(6),V(),B(7,`td`,17),J(8),V(),B(9,`td`,17),J(10),V(),B(11,`td`,17),J(12),V(),B(13,`td`,17),J(14),V()()),e&2){let e=t.$implicit,n=G(4);A(2),Y(e.cycleId),A(),K(`padding-left`,6+e.depth*8,`px`),A(),Y(e.name),A(2),Y(n.kindLabel(e)),A(2),Y(e.depth),A(2),Y(n.fmt(e.start)),A(2),Y(n.fmt(e.ms)),A(2),Y(n.fmt(e.selfMs))}}function Ck(e,t){if(e&1&&(B(0,`div`,10)(1,`table`)(2,`caption`,14),J(3),V(),B(4,`thead`)(5,`tr`)(6,`th`,15),J(7,`Cycle`),V(),B(8,`th`,16),J(9,`Span`),V(),B(10,`th`,16),J(11,`Kind`),V(),B(12,`th`,15),J(13,`Depth`),V(),B(14,`th`,15),J(15,`Start`),V(),B(16,`th`,15),J(17,`Total`),V(),B(18,`th`,15),J(19,`Self`),V()()(),B(20,`tbody`),P(21,Sk,15,9,`tr`,null,hk),V()()()),e&2){let e=G(),t=G(2);j(`aria-label`,t.tableLabel()),A(3),X(` `,t.tableLabel(),` `),A(18),F(e.blocks)}}function wk(e,t){if(e&1){let e=H();B(0,`div`,1),W(`keydown`,function(t){return E(e),D(G(2).onKey(t))}),B(1,`div`,2),P(2,vk,2,5,`span`,3,mk),V(),B(4,`div`,4),P(5,yk,3,16,`button`,5,hk),V()(),B(7,`p`,6),J(8),V(),B(9,`ul`,7),P(10,bk,3,4,`li`,null,gk),V(),B(12,`p`,8),J(13,` Arrow keys move along a row, Up goes to the enclosing span and Down to the first nested one. Enter on a component shows it in the tree. `),V(),M(14,xk,2,2,`p`,0),B(15,`details`,9),W(`toggle`,function(t){return E(e),D(G(2).onToggle(t))}),B(16,`summary`),J(17,`Show the spans as a table`),V(),M(18,Ck,23,2,`div`,10),V()}if(e&2){let e=t,n=G(2);j(`aria-label`,n.label()),A(2),F(e.cycles),A(2),K(`height`,e.depth*n.row,`px`),A(),F(e.blocks),A(3),Y(n.readout()),A(2),F(n.kinds),A(4),N(n.dropped()?14:-1),A(4),N(n.tableOpen()?18:-1)}}function Tk(e,t){if(e&1&&(B(0,`h3`),J(1,`Spans in the picked cycles`),V(),M(2,_k,2,2,`p`,0)(3,wk,19,6)),e&2){let e,t=G();A(2),N(t.tooMany()?2:(e=t.graph())?3:-1,e)}}var Ek=22;function Dk(e,t){for(let n=e.length-1;n>=0;n--)if(t(e[n]))return e[n]}var Ok=class e{cycles=$([]);names=$([]);scope=$(`the recording`);pick=Rv();row=Ek;max=30;kinds=[`c`,`h`,`r`,`o`].map(e=>({kind:e,label:YO[e]}));current=k(0);tableOpen=k(!1);hover=k(null);hasSpans=Q(()=>this.cycles().some(e=>e.spans?.length));count=Q(()=>this.cycles().length);tooMany=Q(()=>this.count()>30);graph=Q(()=>this.tooMany()?null:ZO(this.cycles(),this.names()));tabStop=Q(()=>Math.min(this.current(),Math.max((this.graph()?.blocks.length??1)-1,0)));dropped=Q(()=>this.graph()?.cycles.reduce((e,t)=>e+t.droppedSpans,0)??0);label=Q(()=>`Spans in ${this.scope()} over time, nested by depth. Pick a component to show it in the tree.`);readout=Q(()=>{let e=(this.graph()?.blocks??[])[this.hover()??this.tabStop()];return e?this.describe(e):``});tableLabel=Q(()=>`Timed spans in ${this.scope()}`);fmt(e){return WO(e)}kindLabel(e){return YO[e.kind]}onToggle(e){this.tableOpen.set(e.target.open)}describe(e){let t=[e.name,YO[e.kind],`${WO(e.ms)} total`];return e.selfMs!==e.ms&&t.push(`${WO(e.selfMs)} self`),t.push(e.start<0?`cycle ${e.cycleId}, ${WO(-e.start)} before it started`:`cycle ${e.cycleId} at ${WO(e.start)}`),t.join(`, `)}choose(e){this.current.set(e.index),e.component&&this.pick.emit(e.component)}onKey(e){let t=this.graph()?.blocks??[];if(!t.length)return;let n=t[this.tabStop()],r;switch(e.key){case`ArrowRight`:r=t.find(e=>e.index>n.index&&e.depth===n.depth);break;case`ArrowLeft`:r=Dk(t,e=>e.index<n.index&&e.depth===n.depth);break;case`ArrowUp`:r=n.parent===null?Dk(t,e=>e.index<n.index&&e.depth===n.depth-1):t[n.parent];break;case`ArrowDown`:r=t.find(e=>e.parent===n.index)??t.find(e=>e.index>n.index&&e.depth===n.depth+1);break;case`Home`:r=t[0];break;case`End`:r=t.at(-1);break;default:return}e.preventDefault(),this.hover.set(null),r&&(this.current.set(r.index),e.currentTarget.querySelector(`button[data-index="${r.index}"]`)?.focus())}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-cd-flame-graph`]],inputs:{cycles:[1,`cycles`],names:[1,`names`],scope:[1,`scope`]},outputs:{pick:`pick`},decls:1,vars:1,consts:[[1,`note`],[`role`,`group`,1,`flame`,3,`keydown`],[`aria-hidden`,`true`,1,`cycles`],[3,`left`,`width`],[1,`rows`],[`type`,`button`,3,`class`,`narrow`,`left`,`width`,`top`],[`aria-hidden`,`true`,1,`readout`],[`aria-label`,`Span kinds`,1,`legend`],[1,`hint`],[1,`table`,3,`toggle`],[`tabindex`,`0`,`role`,`region`,1,`table-wrap`],[`type`,`button`,3,`focus`,`mouseenter`,`mouseleave`,`click`],[1,`text`],[`aria-hidden`,`true`],[1,`sr-only`],[`scope`,`col`,1,`num`],[`scope`,`col`],[1,`num`],[1,`mono`]],template:function(e,t){e&1&&M(0,Tk,4,1),e&2&&N(t.hasSpans()?0:-1)},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -1305,7 +1305,7 @@ td.mono[_ngcontent-%COMP%] {
 .num[_ngcontent-%COMP%] {
   text-align: right;
   font-variant-numeric: tabular-nums;
-}`]})};function pk(e,t){if(e&1&&(B(0,`tr`)(1,`td`,5),J(2),V(),B(3,`td`,6),J(4),V(),B(5,`td`,6),J(6),V(),B(7,`td`,6),J(8),V()()),e&2){let e=t.$implicit,n=G(3);A(2),Z(``,e.name,`.`,e.hook),A(2),Y(e.calls),A(2),Y(n.ms(e.ms)),A(2),Y(n.ms(e.maxMs))}}function mk(e,t){if(e&1&&(B(0,`div`)(1,`h3`),J(2,`Lifecycle hooks`),V(),B(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,3),J(7,`Hook`),V(),B(8,`th`,4),J(9,`Calls`),V(),B(10,`th`,4),J(11,`Time`),V(),B(12,`th`,4),J(13,`Slowest`),V()()(),B(14,`tbody`),P(15,pk,9,5,`tr`,null,kg),V()()()),e&2){let e=G(2);A(15),F(e.hooks())}}function hk(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` (`,e.listener,`) `)}}function gk(e,t){if(e&1&&(B(0,`tr`)(1,`td`,5),J(2),M(3,hk,1,1),V(),B(4,`td`,6),J(5),V(),B(6,`td`,6),J(7),V(),B(8,`td`,6),J(9),V()()),e&2){let e=t.$implicit,n=G(3);A(2),X(` `,e.name,` `),A(),N(e.listener?3:-1),A(2),Y(e.calls),A(2),Y(n.ms(e.ms)),A(2),Y(n.ms(e.maxMs))}}function _k(e,t){if(e&1&&(B(0,`div`)(1,`h3`),J(2,`Output listeners`),V(),B(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,3),J(7,`Listener`),V(),B(8,`th`,4),J(9,`Calls`),V(),B(10,`th`,4),J(11,`Time`),V(),B(12,`th`,4),J(13,`Slowest`),V()()(),B(14,`tbody`),P(15,gk,10,5,`tr`,null,kg),V()()()),e&2){let e=G(2);A(15),F(e.outputs())}}function vk(e,t){if(e&1&&(B(0,`p`,1),J(1),V()),e&2){let e=t,n=G(2);A(),iv(` afterRender callbacks ran `,e.runs,` `,e.runs===1?`time`:`times`,`, `,n.ms(e.ms),` in total, slowest `,n.ms(e.maxMs),`. `)}}function yk(e,t){if(e&1&&(B(0,`p`,2),J(1),V()),e&2){let e=G(2);A(),Z(` `,e.dropped(),` more hook or output `,e.dropped()===1?`row is`:`rows are`,` left out. A recording lists at most 100 of each. `)}}function bk(e,t){if(e&1&&(B(0,`div`,0),M(1,mk,17,0,`div`),M(2,_k,17,0,`div`),V(),M(3,vk,2,4,`p`,1),M(4,yk,2,2,`p`,2)),e&2){let e,t=G();A(),N(t.hooks().length?1:-1),A(),N(t.outputs().length?2:-1),A(),N((e=t.afterRender())?3:-1,e),A(),N(t.dropped()?4:-1)}}var xk=10;function Sk(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}var Ck=class e{page=$(null);hooks=Q(()=>(this.page()?.hooks??[]).slice(0,xk));outputs=Q(()=>(this.page()?.outputs??[]).slice(0,xk));afterRender=Q(()=>{let e=this.page()?.afterRender;return e?.runs?e:null});dropped=Q(()=>this.page()?.droppedTimings??0);ms(e){return Sk(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-cd-timing`]],inputs:{page:[1,`page`]},decls:1,vars:1,consts:[[1,`timing`],[1,`after-render`],[1,`note`],[`scope`,`col`],[`scope`,`col`,1,`num`],[1,`mono`],[1,`num`]],template:function(e,t){e&1&&M(0,bk,5,4),e&2&&N(t.hooks().length||t.outputs().length||t.afterRender()?0:-1)},styles:[`[_nghost-%COMP%] {
+}`]})};function kk(e,t){if(e&1&&(B(0,`tr`)(1,`td`,5),J(2),V(),B(3,`td`,6),J(4),V(),B(5,`td`,6),J(6),V(),B(7,`td`,6),J(8),V()()),e&2){let e=t.$implicit,n=G(3);A(2),Z(``,e.name,`.`,e.hook),A(2),Y(e.calls),A(2),Y(n.ms(e.ms)),A(2),Y(n.ms(e.maxMs))}}function Ak(e,t){if(e&1&&(B(0,`div`)(1,`h3`),J(2,`Lifecycle hooks`),V(),B(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,3),J(7,`Hook`),V(),B(8,`th`,4),J(9,`Calls`),V(),B(10,`th`,4),J(11,`Time`),V(),B(12,`th`,4),J(13,`Slowest`),V()()(),B(14,`tbody`),P(15,kk,9,5,`tr`,null,kg),V()()()),e&2){let e=G(2);A(15),F(e.hooks())}}function jk(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` (`,e.listener,`) `)}}function Mk(e,t){if(e&1&&(B(0,`tr`)(1,`td`,5),J(2),M(3,jk,1,1),V(),B(4,`td`,6),J(5),V(),B(6,`td`,6),J(7),V(),B(8,`td`,6),J(9),V()()),e&2){let e=t.$implicit,n=G(3);A(2),X(` `,e.name,` `),A(),N(e.listener?3:-1),A(2),Y(e.calls),A(2),Y(n.ms(e.ms)),A(2),Y(n.ms(e.maxMs))}}function Nk(e,t){if(e&1&&(B(0,`div`)(1,`h3`),J(2,`Output listeners`),V(),B(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,3),J(7,`Listener`),V(),B(8,`th`,4),J(9,`Calls`),V(),B(10,`th`,4),J(11,`Time`),V(),B(12,`th`,4),J(13,`Slowest`),V()()(),B(14,`tbody`),P(15,Mk,10,5,`tr`,null,kg),V()()()),e&2){let e=G(2);A(15),F(e.outputs())}}function Pk(e,t){if(e&1&&(B(0,`p`,1),J(1),V()),e&2){let e=t,n=G(2);A(),iv(` afterRender callbacks ran `,e.runs,` `,e.runs===1?`time`:`times`,`, `,n.ms(e.ms),` in total, slowest `,n.ms(e.maxMs),`. `)}}function Fk(e,t){if(e&1&&(B(0,`p`,2),J(1),V()),e&2){let e=G(2);A(),Z(` `,e.dropped(),` more hook or output `,e.dropped()===1?`row is`:`rows are`,` left out. A recording lists at most 100 of each. `)}}function Ik(e,t){if(e&1&&(B(0,`div`,0),M(1,Ak,17,0,`div`),M(2,Nk,17,0,`div`),V(),M(3,Pk,2,4,`p`,1),M(4,Fk,2,2,`p`,2)),e&2){let e,t=G();A(),N(t.hooks().length?1:-1),A(),N(t.outputs().length?2:-1),A(),N((e=t.afterRender())?3:-1,e),A(),N(t.dropped()?4:-1)}}var Lk=10;function Rk(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}var zk=class e{page=$(null);hooks=Q(()=>(this.page()?.hooks??[]).slice(0,Lk));outputs=Q(()=>(this.page()?.outputs??[]).slice(0,Lk));afterRender=Q(()=>{let e=this.page()?.afterRender;return e?.runs?e:null});dropped=Q(()=>this.page()?.droppedTimings??0);ms(e){return Rk(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-cd-timing`]],inputs:{page:[1,`page`]},decls:1,vars:1,consts:[[1,`timing`],[1,`after-render`],[1,`note`],[`scope`,`col`],[`scope`,`col`,1,`num`],[1,`mono`],[1,`num`]],template:function(e,t){e&1&&M(0,Ik,5,4),e&2&&N(t.hooks().length||t.outputs().length||t.afterRender()?0:-1)},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -1365,7 +1365,7 @@ td.mono[_ngcontent-%COMP%] {
   margin: 8px 0 0;
   color: var(--%NS%text-2);
   font-size: 12px;
-}`]})},wk=864e13,Tk=200,Ek=300,Dk=100,Ok=10,kk=100,Ak=2e3,jk=2e3,Mk=4e3,Nk=1e3,Pk=100,Fk={component:`c`,hook:`h`,afterRender:`r`,output:`o`},Ik=Object.values(Fk),Lk=e=>!!e&&typeof e==`object`&&!Array.isArray(e),Rk=e=>typeof e==`number`&&Number.isFinite(e)&&e>=0?e:0,zk=(e,t)=>typeof e==`string`?e.slice(0,t):``,Bk=e=>Rk(e)>0?Rk(e):void 0,Vk=(e,t)=>Array.isArray(e)?e.slice(0,t):[];function Hk(e){if(!Lk(e))return null;let t=zk(e.name,Tk);return t?{name:t,checks:Rk(e.checks),ms:Rk(e.ms)}:null}function Uk(e,t){if(!Array.isArray(e)||e.length!==5)return null;let[n,r,i,a,o]=e;return typeof n!=`number`||!Number.isInteger(n)||n<0||n>=t||typeof r!=`number`||!Number.isFinite(r)||Math.abs(r)>1e7||typeof a!=`number`||!Number.isInteger(a)||a<0||a>Nk||typeof o!=`string`||!Ik.includes(o)?null:[n,r,Rk(i),a,o]}function Wk(e,t){if(!Lk(e)||typeof e.id!=`number`)return null;let n=Vk(e.components,Ok).map(Hk).filter(e=>!!e),r=zk(e.trigger,Ek),i=Vk(e.spans,40).map(e=>Uk(e,t)).filter(e=>!!e),a=Array.isArray(e.spans)?e.spans.length-40:0,o=Math.floor(Rk(e.droppedSpans))+Math.max(0,a),s={t:typeof e.t==`number`?Rk(e.t):void 0,hookMs:Bk(e.hookMs),afterRenderMs:Bk(e.afterRenderMs),outputMs:Bk(e.outputMs)};return{id:Rk(e.id),at:Rk(e.at),ms:Rk(e.ms),passes:Rk(e.passes),...r?{trigger:r}:{},checks:Rk(e.checks),components:n,...Object.fromEntries(Object.entries(s).filter(([,e])=>e!==void 0)),...i.length?{spans:i}:{},...o?{droppedSpans:o}:{}}}function Gk(e){let t=Hk(e);return!t||!Lk(e)?null:{...t,maxMs:Rk(e.maxMs),cycles:Rk(e.cycles)}}function Kk(e){if(!Lk(e))return null;let t=zk(e.name,Tk),n=zk(e.hook,Dk);if(!t||!n)return null;let{calls:r,ms:i,maxMs:a}=e;return{name:t,hook:n,calls:Rk(r),ms:Rk(i),maxMs:Rk(a)}}function qk(e){if(!Lk(e))return null;let t=zk(e.name,Tk);if(!t)return null;let n=zk(e.listener,Tk);return{name:t,...n?{listener:n}:{},calls:Rk(e.calls),ms:Rk(e.ms),maxMs:Rk(e.maxMs)}}function Jk(e){if(Lk(e)&&Rk(e.runs))return{runs:Rk(e.runs),ms:Rk(e.ms),maxMs:Rk(e.maxMs)}}function Yk(e,t){if(!Lk(e))return null;let n=Vk(e.spanNames,Mk).map(e=>zk(e,Ek)),r=Array.isArray(e.cycles)?e.cycles.slice(-Math.min(t,jk)).map(e=>Wk(e,n.length)).filter(e=>!!e):[],i={},a=0;if(Lk(e.hosts)){let t=Object.entries(e.hosts);a=Math.max(0,t.length-Ak);for(let[e,n]of t.slice(0,Ak))e.length<50&&Rk(n)&&(i[e]=Rk(n))}let o=Array.isArray(e.components)?e.components:[],s=Math.floor(Rk(e.droppedClasses))+Math.max(0,o.length-kk),c=Math.floor(Rk(e.droppedHosts))+a,l=Vk(e.hooks,Pk).map(Kk).filter(e=>!!e),u=Vk(e.outputs,Pk).map(qk).filter(e=>!!e),d=Math.max(0,Vk(e.hooks,1/0).length-Pk)+Math.max(0,Vk(e.outputs,1/0).length-Pk),f=Math.floor(Rk(e.droppedTimings))+d,p=Jk(e.afterRender),m=r.some(e=>e.spans?.length);return{recording:e.recording===!0,startedAt:typeof e.startedAt==`number`&&e.startedAt<=wk?Rk(e.startedAt):null,dropped:Rk(e.dropped),cycles:r,components:o.slice(0,kk).map(Gk).filter(e=>!!e),...s?{droppedClasses:s}:{},hosts:i,...c?{droppedHosts:c}:{},...l.length?{hooks:l}:{},...u.length?{outputs:u}:{},...f?{droppedTimings:f}:{},...p?{afterRender:p}:{},...m?{spanNames:n}:{}}}var Xk=`pangular-inspector/change-detection`;function Zk(e,t,n=Date.now()){return{format:Xk,version:1,exportedAt:n,pageId:t,recording:{...Yk(e,jk)??e,recording:!1,hosts:{}}}}function Qk(e,t){if(e.length>2e7||e.length*3>2e7&&new TextEncoder().encode(e).byteLength>2e7)return{ok:!1,error:`The file is larger than 20 MB.`};let n;try{n=JSON.parse(e)}catch{return{ok:!1,error:`The file is not valid JSON.`}}if(!Lk(n))return{ok:!1,error:`The file is not a recording.`};if(n.format!==void 0&&n.format!==`pangular-inspector/change-detection`)return{ok:!1,error:`The file is not a change detection recording.`};let r=Lk(n.recording)?n.recording:n;if(!Array.isArray(r.cycles))return{ok:!1,error:`The file has no change detection cycles.`};let i=Yk(r,t);if(!i)return{ok:!1,error:`The file is not a recording.`};let a=zk(n.pageId??r.pageId,49)||`imported`,o=Bk(n.exportedAt);return{ok:!0,pageId:a,...o?{exportedAt:o}:{},recording:{...i,recording:!1}}}var $k=1,eA=1,tA=2,nA={c:`component`,h:`lifecycle-hook`,r:`after-render`,o:`output`},rA=e=>Math.round(e*1e6)/1e3;function iA(e,t){let n=e.spanNames??[],r=e.cycles[0]?.at??0,i=e.startedAt??r,a=[],o=0,s=0;for(let t of e.cycles){let e=t.t??Math.max(0,t.at-i),r=e+t.ms;a.push({name:`Change detection #${t.id}`,cat:`change-detection`,ph:`X`,pid:$k,tid:eA,ts:rA(e),dur:rA(t.ms),args:{checks:t.checks,passes:t.passes,...t.trigger?{trigger:t.trigger}:{},...t.hookMs?{hookMs:t.hookMs}:{},...t.afterRenderMs?{afterRenderMs:t.afterRenderMs}:{},...t.outputMs?{outputMs:t.outputMs}:{},slowest:t.components.map(e=>`${e.name} ${e.checks}x ${e.ms}ms`)}}),s+=t.droppedSpans??0;let c=[{end:r}],l=[...t.spans??[]].sort((e,t)=>e[1]-t[1]||t[2]-e[2]);for(let[r,i,s,u,d]of l){o++;let l=n[r]??`?`;if(d===Fk.output){let n=e+i;a.push({name:l,cat:nA[d],ph:`X`,pid:$k,tid:tA,ts:rA(n),dur:rA(i<0?Math.max(0,Math.min(s,-i)):s),args:{cycle:t.id}});continue}let f=Math.max(e,e+i);for(;c.length>1&&c.at(-1).end<=f;)c.pop();let p=c.at(-1).end,m=Math.min(f+s,p);m<f||(c.push({end:m}),a.push({name:l,cat:nA[d],ph:`X`,pid:$k,tid:eA,ts:rA(f),dur:rA(m-f),args:{cycle:t.id,depth:u}}))}}let c=Math.min(0,...a.map(e=>e.ts??0));if(c<0)for(let e of a)e.ts=rA((e.ts-c)/1e3);a.sort((e,t)=>e.ts-t.ts||t.dur-e.dur);let l=(e,t,n)=>({name:t,ph:`M`,pid:$k,tid:e,args:{name:n}});return{traceEvents:[l(0,`process_name`,`Angular change detection (page ${t})`),l(eA,`thread_name`,`Change detection`),l(tA,`thread_name`,`Outputs`),...a],displayTimeUnit:`ms`,otherData:{source:`Pangular Inspector change detection recording`,pageId:t,cycles:e.cycles.length,droppedCycles:e.dropped,spans:o,droppedSpans:s,...e.startedAt&&e.startedAt<=wk?{startedAt:new Date(e.startedAt).toISOString()}:{}}}}function aA(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=G();A(),Y(e.error())}}function oA(e,t){let n=new Blob([JSON.stringify(e,null,2)],{type:`application/json`}),r=URL.createObjectURL(n),i=document.createElement(`a`);i.href=r,i.download=t,document.body.append(i),i.click(),i.remove(),setTimeout(()=>URL.revokeObjectURL(r),0)}var sA=class e{page=$(null);maxCycles=$(200);imported=Rv();error=k(``);hasCycles(){return(this.page()?.cycles.length??0)>0}exportJson(){let e=this.page();e&&oA(Zk(e,e.pageId),`change-detection-${e.pageId}.json`)}exportTrace(){let e=this.page();e&&oA(iA(e,e.pageId),`change-detection-${e.pageId}.trace.json`)}async read(e){let t=e.files?.[0];if(e.value=``,!t)return;if(t.size>2e7){this.error.set(`${t.name}: The file is larger than 20 MB.`);return}let n;try{n=await t.text()}catch{this.error.set(`Could not read the file.`);return}let r=Qk(n,this.maxCycles());if(!r.ok){this.error.set(`${t.name}: ${r.error}`);return}this.error.set(``),this.imported.emit({fileName:t.name,page:{...r.recording,pageId:r.pageId,supported:!0}})}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-cd-transfer`]],inputs:{page:[1,`page`],maxCycles:[1,`maxCycles`]},outputs:{imported:`imported`},decls:10,vars:3,consts:[[`file`,``],[`role`,`group`,`aria-label`,`Export and import the recording`,1,`transfer`],[`type`,`button`,3,`click`,`disabled`],[`type`,`button`,3,`click`],[`type`,`file`,`accept`,`.json,application/json`,`hidden`,``,3,`change`],[`role`,`alert`,1,`error`]],template:function(e,t){if(e&1){let e=H();B(0,`div`,1)(1,`button`,2),W(`click`,function(){return t.exportJson()}),J(2,`Export JSON`),V(),B(3,`button`,2),W(`click`,function(){return t.exportTrace()}),J(4,` Export trace (Perfetto) `),V(),B(5,`button`,3),W(`click`,function(){return E(e),D(d_(8).click())}),J(6,`Import`),V(),B(7,`input`,4,0),W(`change`,function(){E(e);let n=d_(8);return D(t.read(n))}),V()(),M(9,aA,2,1,`p`,5)}e&2&&(A(),qg(`disabled`,!t.hasCycles()),A(2),qg(`disabled`,!t.hasCycles()),A(6),N(t.error()?9:-1))},styles:[`[_nghost-%COMP%] {
+}`]})},Bk=864e13,Vk=200,Hk=300,Uk=100,Wk=10,Gk=100,Kk=2e3,qk=2e3,Jk=4e3,Yk=1e3,Xk=100,Zk={component:`c`,hook:`h`,afterRender:`r`,output:`o`},Qk=Object.values(Zk),$k=e=>!!e&&typeof e==`object`&&!Array.isArray(e),eA=e=>typeof e==`number`&&Number.isFinite(e)&&e>=0?e:0,tA=(e,t)=>typeof e==`string`?e.slice(0,t):``,nA=e=>eA(e)>0?eA(e):void 0,rA=(e,t)=>Array.isArray(e)?e.slice(0,t):[];function iA(e){if(!$k(e))return null;let t=tA(e.name,Vk);return t?{name:t,checks:eA(e.checks),ms:eA(e.ms)}:null}function aA(e,t){if(!Array.isArray(e)||e.length!==5)return null;let[n,r,i,a,o]=e;return typeof n!=`number`||!Number.isInteger(n)||n<0||n>=t||typeof r!=`number`||!Number.isFinite(r)||Math.abs(r)>1e7||typeof a!=`number`||!Number.isInteger(a)||a<0||a>Yk||typeof o!=`string`||!Qk.includes(o)?null:[n,r,eA(i),a,o]}function oA(e,t){if(!$k(e)||typeof e.id!=`number`)return null;let n=rA(e.components,Wk).map(iA).filter(e=>!!e),r=tA(e.trigger,Hk),i=rA(e.spans,40).map(e=>aA(e,t)).filter(e=>!!e),a=Array.isArray(e.spans)?e.spans.length-40:0,o=Math.floor(eA(e.droppedSpans))+Math.max(0,a),s={t:typeof e.t==`number`?eA(e.t):void 0,hookMs:nA(e.hookMs),afterRenderMs:nA(e.afterRenderMs),outputMs:nA(e.outputMs)};return{id:eA(e.id),at:eA(e.at),ms:eA(e.ms),passes:eA(e.passes),...r?{trigger:r}:{},checks:eA(e.checks),components:n,...Object.fromEntries(Object.entries(s).filter(([,e])=>e!==void 0)),...i.length?{spans:i}:{},...o?{droppedSpans:o}:{}}}function sA(e){let t=iA(e);return!t||!$k(e)?null:{...t,maxMs:eA(e.maxMs),cycles:eA(e.cycles)}}function cA(e){if(!$k(e))return null;let t=tA(e.name,Vk),n=tA(e.hook,Uk);if(!t||!n)return null;let{calls:r,ms:i,maxMs:a}=e;return{name:t,hook:n,calls:eA(r),ms:eA(i),maxMs:eA(a)}}function lA(e){if(!$k(e))return null;let t=tA(e.name,Vk);if(!t)return null;let n=tA(e.listener,Vk);return{name:t,...n?{listener:n}:{},calls:eA(e.calls),ms:eA(e.ms),maxMs:eA(e.maxMs)}}function uA(e){if($k(e)&&eA(e.runs))return{runs:eA(e.runs),ms:eA(e.ms),maxMs:eA(e.maxMs)}}function dA(e,t){if(!$k(e))return null;let n=rA(e.spanNames,Jk).map(e=>tA(e,Hk)),r=Array.isArray(e.cycles)?e.cycles.slice(-Math.min(t,qk)).map(e=>oA(e,n.length)).filter(e=>!!e):[],i={},a=0;if($k(e.hosts)){let t=Object.entries(e.hosts);a=Math.max(0,t.length-Kk);for(let[e,n]of t.slice(0,Kk))e.length<50&&eA(n)&&(i[e]=eA(n))}let o=Array.isArray(e.components)?e.components:[],s=Math.floor(eA(e.droppedClasses))+Math.max(0,o.length-Gk),c=Math.floor(eA(e.droppedHosts))+a,l=rA(e.hooks,Xk).map(cA).filter(e=>!!e),u=rA(e.outputs,Xk).map(lA).filter(e=>!!e),d=Math.max(0,rA(e.hooks,1/0).length-Xk)+Math.max(0,rA(e.outputs,1/0).length-Xk),f=Math.floor(eA(e.droppedTimings))+d,p=uA(e.afterRender),m=r.some(e=>e.spans?.length);return{recording:e.recording===!0,startedAt:typeof e.startedAt==`number`&&e.startedAt<=Bk?eA(e.startedAt):null,dropped:eA(e.dropped),cycles:r,components:o.slice(0,Gk).map(sA).filter(e=>!!e),...s?{droppedClasses:s}:{},hosts:i,...c?{droppedHosts:c}:{},...l.length?{hooks:l}:{},...u.length?{outputs:u}:{},...f?{droppedTimings:f}:{},...p?{afterRender:p}:{},...m?{spanNames:n}:{}}}var fA=`pangular-inspector/change-detection`;function pA(e,t,n=Date.now()){return{format:fA,version:1,exportedAt:n,pageId:t,recording:{...dA(e,qk)??e,recording:!1,hosts:{}}}}function mA(e,t){if(e.length>2e7||e.length*3>2e7&&new TextEncoder().encode(e).byteLength>2e7)return{ok:!1,error:`The file is larger than 20 MB.`};let n;try{n=JSON.parse(e)}catch{return{ok:!1,error:`The file is not valid JSON.`}}if(!$k(n))return{ok:!1,error:`The file is not a recording.`};if(n.format!==void 0&&n.format!==`pangular-inspector/change-detection`)return{ok:!1,error:`The file is not a change detection recording.`};let r=$k(n.recording)?n.recording:n;if(!Array.isArray(r.cycles))return{ok:!1,error:`The file has no change detection cycles.`};let i=dA(r,t);if(!i)return{ok:!1,error:`The file is not a recording.`};let a=tA(n.pageId??r.pageId,49)||`imported`,o=nA(n.exportedAt);return{ok:!0,pageId:a,...o?{exportedAt:o}:{},recording:{...i,recording:!1}}}var hA=1,gA=1,_A=2,vA={c:`component`,h:`lifecycle-hook`,r:`after-render`,o:`output`},yA=e=>Math.round(e*1e6)/1e3;function bA(e,t){let n=e.spanNames??[],r=e.cycles[0]?.at??0,i=e.startedAt??r,a=[],o=0,s=0;for(let t of e.cycles){let e=t.t??Math.max(0,t.at-i),r=e+t.ms;a.push({name:`Change detection #${t.id}`,cat:`change-detection`,ph:`X`,pid:hA,tid:gA,ts:yA(e),dur:yA(t.ms),args:{checks:t.checks,passes:t.passes,...t.trigger?{trigger:t.trigger}:{},...t.hookMs?{hookMs:t.hookMs}:{},...t.afterRenderMs?{afterRenderMs:t.afterRenderMs}:{},...t.outputMs?{outputMs:t.outputMs}:{},slowest:t.components.map(e=>`${e.name} ${e.checks}x ${e.ms}ms`)}}),s+=t.droppedSpans??0;let c=[{end:r}],l=[...t.spans??[]].sort((e,t)=>e[1]-t[1]||t[2]-e[2]);for(let[r,i,s,u,d]of l){o++;let l=n[r]??`?`;if(d===Zk.output){let n=e+i;a.push({name:l,cat:vA[d],ph:`X`,pid:hA,tid:_A,ts:yA(n),dur:yA(i<0?Math.max(0,Math.min(s,-i)):s),args:{cycle:t.id}});continue}let f=Math.max(e,e+i);for(;c.length>1&&c.at(-1).end<=f;)c.pop();let p=c.at(-1).end,m=Math.min(f+s,p);m<f||(c.push({end:m}),a.push({name:l,cat:vA[d],ph:`X`,pid:hA,tid:gA,ts:yA(f),dur:yA(m-f),args:{cycle:t.id,depth:u}}))}}let c=Math.min(0,...a.map(e=>e.ts??0));if(c<0)for(let e of a)e.ts=yA((e.ts-c)/1e3);a.sort((e,t)=>e.ts-t.ts||t.dur-e.dur);let l=(e,t,n)=>({name:t,ph:`M`,pid:hA,tid:e,args:{name:n}});return{traceEvents:[l(0,`process_name`,`Angular change detection (page ${t})`),l(gA,`thread_name`,`Change detection`),l(_A,`thread_name`,`Outputs`),...a],displayTimeUnit:`ms`,otherData:{source:`Pangular Inspector change detection recording`,pageId:t,cycles:e.cycles.length,droppedCycles:e.dropped,spans:o,droppedSpans:s,...e.startedAt&&e.startedAt<=Bk?{startedAt:new Date(e.startedAt).toISOString()}:{}}}}function xA(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=G();A(),Y(e.error())}}function SA(e,t){let n=new Blob([JSON.stringify(e,null,2)],{type:`application/json`}),r=URL.createObjectURL(n),i=document.createElement(`a`);i.href=r,i.download=t,document.body.append(i),i.click(),i.remove(),setTimeout(()=>URL.revokeObjectURL(r),0)}var CA=class e{page=$(null);maxCycles=$(200);imported=Rv();error=k(``);hasCycles(){return(this.page()?.cycles.length??0)>0}exportJson(){let e=this.page();e&&SA(pA(e,e.pageId),`change-detection-${e.pageId}.json`)}exportTrace(){let e=this.page();e&&SA(bA(e,e.pageId),`change-detection-${e.pageId}.trace.json`)}async read(e){let t=e.files?.[0];if(e.value=``,!t)return;if(t.size>2e7){this.error.set(`${t.name}: The file is larger than 20 MB.`);return}let n;try{n=await t.text()}catch{this.error.set(`Could not read the file.`);return}let r=mA(n,this.maxCycles());if(!r.ok){this.error.set(`${t.name}: ${r.error}`);return}this.error.set(``),this.imported.emit({fileName:t.name,page:{...r.recording,pageId:r.pageId,supported:!0}})}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-cd-transfer`]],inputs:{page:[1,`page`],maxCycles:[1,`maxCycles`]},outputs:{imported:`imported`},decls:10,vars:3,consts:[[`file`,``],[`role`,`group`,`aria-label`,`Export and import the recording`,1,`transfer`],[`type`,`button`,3,`click`,`disabled`],[`type`,`button`,3,`click`],[`type`,`file`,`accept`,`.json,application/json`,`hidden`,``,3,`change`],[`role`,`alert`,1,`error`]],template:function(e,t){if(e&1){let e=H();B(0,`div`,1)(1,`button`,2),W(`click`,function(){return t.exportJson()}),J(2,`Export JSON`),V(),B(3,`button`,2),W(`click`,function(){return t.exportTrace()}),J(4,` Export trace (Perfetto) `),V(),B(5,`button`,3),W(`click`,function(){return E(e),D(d_(8).click())}),J(6,`Import`),V(),B(7,`input`,4,0),W(`change`,function(){E(e);let n=d_(8);return D(t.read(n))}),V()(),M(9,xA,2,1,`p`,5)}e&2&&(A(),qg(`disabled`,!t.hasCycles()),A(2),qg(`disabled`,!t.hasCycles()),A(6),N(t.error()?9:-1))},styles:[`[_nghost-%COMP%] {
   display: contents;
 }
 
@@ -1407,7 +1407,7 @@ button[_ngcontent-%COMP%]:disabled {
   margin: 0;
   color: var(--%NS%danger-text);
   font-size: 12px;
-}`]})},cA=(e,t)=>t.stat.name;function lA(e,t){if(e&1&&(B(0,`span`,8),J(1),V()),e&2){let e=G(2).$implicit;A(),X(``,e.other,` more`)}}function uA(e,t){if(e&1&&(B(0,`div`,6)(1,`span`,7),J(2),V(),M(3,lA,2,1,`span`,8),V()),e&2){let e=G().$implicit;K(`--%NS%tone`,e.tone+`%`),A(2),Y(e.label),A(),N(e.roomy?3:-1)}}function dA(e,t){if(e&1&&(B(0,`span`,10),J(1),V(),B(2,`span`,11),J(3),V()),e&2){let e=G(2).$implicit,t=G(2);A(),Y(e.stat.name),A(2),Y(t.fmt(e.stat.ms))}}function fA(e,t){if(e&1){let e=H();B(0,`button`,9),W(`focus`,function(){E(e);let t=G().$index;return D(G(2).current.set(t))})(`click`,function(){E(e);let t=G().$implicit;return D(G(2).pick.emit(t.stat.name))}),M(1,dA,4,2),V()}if(e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(2);K(`--%NS%tone`,t.tone+`%`),j(`tabindex`,n===r.tabStop()?0:-1)(`aria-label`,t.label)(`data-index`,n),A(),N(t.roomy?1:-1)}}function pA(e,t){if(e&1&&(B(0,`li`),M(1,uA,4,4,`div`,4)(2,fA,2,6,`button`,5),V()),e&2){let e=t.$implicit;K(`left`,e.x,`%`)(`top`,e.y,`%`)(`width`,e.w,`%`)(`height`,e.h,`%`),A(),N(e.other?1:2)}}function mA(e,t){if(e&1){let e=H();B(0,`ul`,2),W(`keydown`,function(t){return E(e),D(G().onKey(t))}),P(1,pA,3,9,`li`,3,cA),V()}if(e&2){let e=G();j(`aria-label`,e.label()),A(),F(e.cells())}}function hA(e,t){e&1&&(B(0,`p`,1),J(1,`No component time in these cycles.`),V())}var gA=24,_A=3,vA=class e{stats=$([]);scope=$(`the recording`);pick=Rv();current=k(0);label=Q(()=>`Self time per component in ${this.scope()}, largest first. Pick one to show it in the tree.`);cells=Q(()=>{let e=this.stats().filter(e=>e.ms>0),t=e.slice(0,gA),n=e.slice(gA),r=n.reduce((e,t)=>e+t.ms,0),i=t.map(e=>({stat:e,other:0}));n.length&&i.push({stat:{name:`Other components`,checks:0,ms:r,maxMs:0,cycles:0},other:n.length});let a=e.reduce((e,t)=>e+t.ms,0),o=t[0]?.ms??1,s=MO(i,e=>e.stat.ms,_A);return s.sort((e,t)=>Number(e.item.other>0)-Number(t.item.other>0)),s.map(e=>{let{stat:t,other:n}=e.item,r=a?Math.round(t.ms/a*100):0;return{stat:t,other:n,x:e.x,y:e.y,w:e.w,h:e.h,tone:n?0:14+Math.round(26*Math.min(t.ms/o,1)),roomy:e.w>=10&&e.h>=22,label:n?`${n} more components, ${OO(t.ms)}, ${r}% of self time`:`${t.name}, ${OO(t.ms)} self time, ${r}%, ${t.checks} ${t.checks===1?`check`:`checks`}`}})});tabStop=Q(()=>Math.min(this.current(),Math.max(this.cells().filter(e=>!e.other).length-1,0)));fmt(e){return OO(e)}onKey(e){let t=this.cells().filter(e=>!e.other).length;if(!t)return;let n=this.tabStop(),r;switch(e.key){case`ArrowRight`:case`ArrowDown`:r=Math.min(n+1,t-1);break;case`ArrowLeft`:case`ArrowUp`:r=Math.max(n-1,0);break;case`Home`:r=0;break;case`End`:r=t-1;break;default:return}e.preventDefault(),this.current.set(r),e.currentTarget.querySelector(`button[data-index="${r}"]`)?.focus()}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-cd-treemap`]],inputs:{stats:[1,`stats`],scope:[1,`scope`]},outputs:{pick:`pick`},decls:2,vars:1,consts:[[1,`map`],[1,`empty`],[1,`map`,3,`keydown`],[3,`left`,`top`,`width`,`height`],[1,`cell`,`other`,3,`--%NS%tone`],[`type`,`button`,1,`cell`,3,`--%NS%tone`],[1,`cell`,`other`],[1,`sr-only`],[`aria-hidden`,`true`,1,`name`],[`type`,`button`,1,`cell`,3,`focus`,`click`],[1,`name`,`mono`],[1,`ms`]],template:function(e,t){e&1&&M(0,mA,3,1,`ul`,0)(1,hA,2,0,`p`,1),e&2&&N(+!t.cells().length)},styles:[`[_nghost-%COMP%] {
+}`]})},wA=(e,t)=>t.stat.name;function TA(e,t){if(e&1&&(B(0,`span`,8),J(1),V()),e&2){let e=G(2).$implicit;A(),X(``,e.other,` more`)}}function EA(e,t){if(e&1&&(B(0,`div`,6)(1,`span`,7),J(2),V(),M(3,TA,2,1,`span`,8),V()),e&2){let e=G().$implicit;K(`--%NS%tone`,e.tone+`%`),A(2),Y(e.label),A(),N(e.roomy?3:-1)}}function DA(e,t){if(e&1&&(B(0,`span`,10),J(1),V(),B(2,`span`,11),J(3),V()),e&2){let e=G(2).$implicit,t=G(2);A(),Y(e.stat.name),A(2),Y(t.fmt(e.stat.ms))}}function OA(e,t){if(e&1){let e=H();B(0,`button`,9),W(`focus`,function(){E(e);let t=G().$index;return D(G(2).current.set(t))})(`click`,function(){E(e);let t=G().$implicit;return D(G(2).pick.emit(t.stat.name))}),M(1,DA,4,2),V()}if(e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(2);K(`--%NS%tone`,t.tone+`%`),j(`tabindex`,n===r.tabStop()?0:-1)(`aria-label`,t.label)(`data-index`,n),A(),N(t.roomy?1:-1)}}function kA(e,t){if(e&1&&(B(0,`li`),M(1,EA,4,4,`div`,4)(2,OA,2,6,`button`,5),V()),e&2){let e=t.$implicit;K(`left`,e.x,`%`)(`top`,e.y,`%`)(`width`,e.w,`%`)(`height`,e.h,`%`),A(),N(e.other?1:2)}}function AA(e,t){if(e&1){let e=H();B(0,`ul`,2),W(`keydown`,function(t){return E(e),D(G().onKey(t))}),P(1,kA,3,9,`li`,3,wA),V()}if(e&2){let e=G();j(`aria-label`,e.label()),A(),F(e.cells())}}function jA(e,t){e&1&&(B(0,`p`,1),J(1,`No component time in these cycles.`),V())}var MA=24,NA=3,PA=class e{stats=$([]);scope=$(`the recording`);pick=Rv();current=k(0);label=Q(()=>`Self time per component in ${this.scope()}, largest first. Pick one to show it in the tree.`);cells=Q(()=>{let e=this.stats().filter(e=>e.ms>0),t=e.slice(0,MA),n=e.slice(MA),r=n.reduce((e,t)=>e+t.ms,0),i=t.map(e=>({stat:e,other:0}));n.length&&i.push({stat:{name:`Other components`,checks:0,ms:r,maxMs:0,cycles:0},other:n.length});let a=e.reduce((e,t)=>e+t.ms,0),o=t[0]?.ms??1,s=JO(i,e=>e.stat.ms,NA);return s.sort((e,t)=>Number(e.item.other>0)-Number(t.item.other>0)),s.map(e=>{let{stat:t,other:n}=e.item,r=a?Math.round(t.ms/a*100):0;return{stat:t,other:n,x:e.x,y:e.y,w:e.w,h:e.h,tone:n?0:14+Math.round(26*Math.min(t.ms/o,1)),roomy:e.w>=10&&e.h>=22,label:n?`${n} more components, ${WO(t.ms)}, ${r}% of self time`:`${t.name}, ${WO(t.ms)} self time, ${r}%, ${t.checks} ${t.checks===1?`check`:`checks`}`}})});tabStop=Q(()=>Math.min(this.current(),Math.max(this.cells().filter(e=>!e.other).length-1,0)));fmt(e){return WO(e)}onKey(e){let t=this.cells().filter(e=>!e.other).length;if(!t)return;let n=this.tabStop(),r;switch(e.key){case`ArrowRight`:case`ArrowDown`:r=Math.min(n+1,t-1);break;case`ArrowLeft`:case`ArrowUp`:r=Math.max(n-1,0);break;case`Home`:r=0;break;case`End`:r=t-1;break;default:return}e.preventDefault(),this.current.set(r),e.currentTarget.querySelector(`button[data-index="${r}"]`)?.focus()}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-cd-treemap`]],inputs:{stats:[1,`stats`],scope:[1,`scope`]},outputs:{pick:`pick`},decls:2,vars:1,consts:[[1,`map`],[1,`empty`],[1,`map`,3,`keydown`],[3,`left`,`top`,`width`,`height`],[1,`cell`,`other`,3,`--%NS%tone`],[`type`,`button`,1,`cell`,3,`--%NS%tone`],[1,`cell`,`other`],[1,`sr-only`],[`aria-hidden`,`true`,1,`name`],[`type`,`button`,1,`cell`,3,`focus`,`click`],[1,`name`,`mono`],[1,`ms`]],template:function(e,t){e&1&&M(0,AA,3,1,`ul`,0)(1,jA,2,0,`p`,1),e&2&&N(+!t.cells().length)},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -1483,7 +1483,7 @@ button.cell[_ngcontent-%COMP%]:focus-visible {
 .empty[_ngcontent-%COMP%] {
   margin: 8px 0;
   color: var(--%NS%text-2);
-}`]})},yA=(e,t)=>t.id;function bA(e,t){if(e&1){let e=H();L(0,`button`,14),U(`click`,function(){return E(e),D(G(2).clear())}),J(1,`Clear`),R()}}function xA(e,t){if(e&1){let e=H();L(0,`button`,11),U(`click`,function(){return E(e),D(G().toggle())}),z(1,`span`,12),J(2),R(),M(3,bA,2,0,`button`,13)}if(e&2){let e=G();q(`on`,e.recording()),I(`disabled`,!e.pageId()),A(2),X(` `,e.recording()?`Stop recording`:`Record`,` `),A(),N(e.cycles().length?3:-1)}}function SA(e,t){if(e&1){let e=H();L(0,`p`,6)(1,`span`,15),J(2,`Imported recording`),R(),L(3,`span`,16),J(4),R(),L(5,`button`,14),U(`click`,function(){return E(e),D(G().closeImport())}),J(6,`Back to live recording`),R()()}e&2&&(A(4),Y(t.fileName))}function CA(e,t){e&1&&(L(0,`p`,8),J(1,`This page can't record change detection. It needs Angular 20 or later.`),R())}function wA(e,t){e&1&&(L(0,`p`,8),J(1,`Angular profiling stays on until the page reloads.`),R())}function TA(e,t){e&1&&(L(0,`p`,8),J(1,` This page has no `),L(2,`span`,16),J(3,`ng.enableProfiling`),R(),J(4,`. It needs Angular 20 or later in a development build. `),R())}function EA(e,t){if(e&1){let e=H();L(0,`div`,17)(1,`span`,18),J(2,`Live views`),R(),L(3,`button`,19),U(`click`,function(){E(e);let t=G();return D(t.setView(`flash`,!t.views().flash))}),z(4,`span`,12),J(5,` Flash checks `),R(),L(6,`button`,19),U(`click`,function(){E(e);let t=G();return D(t.setView(`track`,!t.views().track))}),z(7,`span`,12),J(8,` Performance track `),R(),L(9,`button`,19),U(`click`,function(){return E(e),D(G().setView(`angularProfiling`,!0))}),z(10,`span`,12),J(11,` Angular profiling `),R()(),L(12,`p`,7),J(13,` Flash checks draws a box over each component on the page as Angular checks it, with its name and how often it was checked, fading over a second. Performance track adds a Pangular track to the Chrome Performance panel with every component check, hook and output. Angular profiling turns on Angular's own track there. `),R(),M(14,wA,2,0,`p`,8)(15,TA,5,0,`p`,8)}if(e&2){let e=G();A(3),I(`disabled`,!e.canShowViews()),j(`aria-pressed`,e.views().flash),A(3),I(`disabled`,!e.canShowViews()),j(`aria-pressed`,e.views().track),A(3),I(`disabled`,!e.canShowViews()||e.views().angularProfiling||!e.views().angularProfilingAvailable),j(`aria-pressed`,e.views().angularProfiling),A(5),N(e.views().angularProfiling?14:e.views().angularProfilingAvailable?-1:15)}}function DA(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function OA(e,t){if(e&1&&(L(0,`p`,22),J(1),R()),e&2){let e=G(2);A(),X(` `,e.range()?`The picked cycles have no timed spans, so there is no flame graph for them.`:`This recording has no timed spans, so there is no flame graph. A recording from an older version, or a file saved without spans, has none.`,` `)}}function kA(e,t){e&1&&(L(0,`p`,8),J(1,` For picked cycles, totals come from the 10 slowest components each cycle lists. `),R())}function AA(e,t){if(e&1){let e=H();L(0,`h3`),J(1,`Cycles`),R(),L(2,`app-cd-cycle-chart`,20),cv(`rangeChange`,function(t){E(e);let n=G();return sv(n.range,t)||(n.range=t),D(t)}),R(),L(3,`app-cd-flame-graph`,21),U(`pick`,function(t){return E(e),D(G().showComponent.emit(t))}),R(),M(4,OA,2,1,`p`,22),L(5,`h3`),J(6,`Self time by component`),R(),M(7,kA,2,0,`p`,8),L(8,`app-cd-treemap`,23),U(`pick`,function(t){return E(e),D(G().showComponent.emit(t))}),R()}if(e&2){let e=G();A(2),I(`cycles`,e.cycles()),ov(`range`,e.range),A(),I(`cycles`,e.picked())(`names`,e.spanNames())(`scope`,e.scope()),A(),N(e.hasSpans()?-1:4),A(3),N(e.range()?7:-1),A(),I(`stats`,e.stats())(`scope`,e.scope())}}function jA(e,t){if(e&1&&(L(0,`tr`)(1,`td`,16),J(2),R(),L(3,`td`,29),J(4),R(),L(5,`td`,29),J(6),R(),L(7,`td`,29),J(8),R()()),e&2){let e=t.$implicit,n=G(2);A(2),Y(e.name),A(2),Y(e.checks),A(2),Y(n.ms(e.ms)),A(2),Y(n.ms(e.maxMs))}}function MA(e,t){e&1&&(L(0,`tr`)(1,`td`,30),J(2,`No component time in the picked cycles.`),R()())}function NA(e,t){if(e&1&&(L(0,`span`,32),J(1,`after `),L(2,`span`,16),J(3),R()()),e&2){let e=G().$implicit;A(3),Y(e.trigger)}}function PA(e,t){if(e&1&&(L(0,`span`,33),J(1),R()),e&2){let e=G().$implicit,t=G(2);A(),X(`hooks `,t.ms(e.hookMs))}}function FA(e,t){if(e&1&&(L(0,`span`,33),J(1),R()),e&2){let e=G().$implicit,t=G(2);A(),X(`afterRender `,t.ms(e.afterRenderMs))}}function IA(e,t){if(e&1&&(L(0,`span`,34),J(1,` slowest `),L(2,`span`,16),J(3),R(),J(4),R()),e&2){let e=t,n=G(3);A(3),Y(e.name),A(),X(` `,n.ms(e.ms),` `)}}function LA(e,t){if(e&1&&(L(0,`li`)(1,`span`,31),J(2),R(),L(3,`span`,16),J(4),R(),L(5,`span`),J(6),R(),M(7,NA,4,1,`span`,32),M(8,PA,2,1,`span`,33),M(9,FA,2,1,`span`,33),M(10,IA,5,2,`span`,34),R()),e&2){let e,n=t.$implicit,r=G(2);A(2),Y(r.clock(n.at)),A(2),Y(r.ms(n.ms)),A(2),iv(` `,n.checks,` `,n.checks===1?`check`:`checks`,`, `,n.passes,` `,n.passes===1?`pass`:`passes`,` `),A(),N(n.trigger?7:-1),A(),N(n.hookMs?8:-1),A(),N(n.afterRenderMs?9:-1),A(),N((e=n.components[0])?10:-1,e)}}function RA(e,t){if(e&1&&(L(0,`div`,24)(1,`div`)(2,`h3`),J(3),R(),L(4,`table`)(5,`thead`)(6,`tr`)(7,`th`,25),J(8,`Component`),R(),L(9,`th`,26),J(10,`Checks`),R(),L(11,`th`,26),J(12,`Self time`),R(),L(13,`th`,26),J(14,`Slowest`),R()()(),L(15,`tbody`),P(16,jA,9,4,`tr`,null,kg,!1,MA,3,0,`tr`),R()()(),L(19,`div`)(20,`h3`),J(21,`Latest cycles`),R(),L(22,`ol`,27),P(23,LA,11,10,`li`,null,yA),R()()(),z(25,`app-cd-timing`,28)),e&2){let e=G();A(3),X(` `,e.range()?`Slowest components in the picked cycles`:`Slowest components`,` `),A(13),F(e.slowest()),A(7),F(e.latest()),A(2),I(`page`,e.page())}}function zA(e,t){e&1&&(L(0,`p`,10),J(1,`Use the app. Cycles show up here as Angular runs change detection.`),R())}var BA=10,VA=class e{livePage=$(null,{alias:`page`});pageId=$(null);rpc=$(null);showComponent=Rv();range=k(null);imported=k(null);page=Q(()=>this.imported()?.page??this.livePage());views=Fv(()=>this.livePage()?.options??{flash:!1,track:!1,angularProfiling:!1,angularProfilingAvailable:!0});canShowViews=Q(()=>!!this.pageId()&&this.livePage()?.supported!==!1);message=k(``);announcement=k(``);recording=Q(()=>this.page()?.recording===!0);cycles=Q(()=>this.page()?.cycles??[]);maxCycles=Q(()=>PE(this.rpc()).limits.cdCycles);picked=Q(()=>kO(this.cycles(),this.range()));hasSpans=Q(()=>this.picked().some(e=>e.spans?.length));spanNames=Q(()=>this.page()?.spanNames??[]);stats=Q(()=>this.range()?AO(this.picked()):[...this.page()?.components??[]].sort((e,t)=>t.ms-e.ms));scope=Q(()=>{let e=this.range()?this.picked():[];return e.length?e.length===1?`cycle ${e[0].id}`:`cycles ${e[0].id} to ${e.at(-1).id}`:`the recording`});slowest=Q(()=>this.stats().slice(0,BA));latest=Q(()=>this.cycles().slice(-30).reverse());capNotes=Q(()=>{let e=this.page()?.droppedClasses??0,t=this.page()?.droppedHosts??0,n=[];return e>0&&n.push(`${e} more component ${e===1?`class was`:`classes were`} checked than a recording keeps, so ${e===1?`it is`:`they are`} left out of these totals.`),t>0&&n.push(`${t} component ${t===1?`instance was`:`instances were`} checked past the 2000 a recording counts, so ${t===1?`its tree row shows`:`their tree rows show`} no check count.`),n});status=Q(()=>{if(this.message())return this.message();let e=this.cycles().length;return this.imported()?`${e} ${e===1?`cycle`:`cycles`} imported.`:this.recording()?`Recording. ${e} ${e===1?`cycle`:`cycles`} so far.`:e?`${e} ${e===1?`cycle`:`cycles`} recorded.`:``});ms(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}clock(e){return bO(e)}async toggle(){this.recording()?await this.send({on:!1},``,()=>{let e=this.cycles().length;return`Recording stopped. ${e} ${e===1?`cycle`:`cycles`} recorded.`}):await this.send({on:!0},`Starting…`,()=>`Recording started.`)}showImport(e){this.message.set(``),this.range.set(null),this.imported.set(e);let t=e.page.cycles.length;this.announce(`Imported ${e.fileName}: ${t} ${t===1?`cycle`:`cycles`}. Showing the imported recording.`)}closeImport(){this.imported.set(null),this.range.set(null),this.announce(`Showing the live recording.`)}async clear(){this.range.set(null),await this.send({clear:!0},``,()=>`Cleared the recorded cycles.`)}async setView(e,t){let n=this.views();this.views.set({...n,[e]:t});let r={flash:t?`Flash checks on.`:`Flash checks off.`,track:t?`Performance track on. Record in the Chrome Performance panel to see it.`:`Performance track off.`,angularProfiling:`Angular profiling on. It stays on until the page reloads.`}[e];await this.send({[e]:t},``,()=>r,`request-change-detection-options`)||this.views.set(n)}async send(e,t,n,r=`request-change-detection-record`){this.message.set(t);try{if(!this.rpc())throw Error(`no client`);return await yE(this.rpc(),r,{pageId:this.pageId(),...e}),this.message.set(``),this.announce(n()),!0}catch{let e=`Could not reach the page.`;return this.message.set(e),this.announce(e),!1}}announce(e){this.announcement.update(t=>t===e?`${e} `:e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-cd-recording`]],inputs:{livePage:[1,`page`,`livePage`],pageId:[1,`pageId`],rpc:[1,`rpc`]},outputs:{showComponent:`showComponent`},decls:21,vars:12,consts:[[`aria-labelledby`,`cd-heading`,1,`cd`],[1,`cd-head`],[`id`,`cd-heading`],[3,`imported`,`page`,`maxCycles`],[1,`status`],[`role`,`status`,1,`sr-only`],[1,`imported`],[1,`hint`],[1,`note`],[`what`,`cycles`,`limit`,`cdCycles`,3,`dropped`,`max`],[1,`empty`],[`type`,`button`,3,`click`,`disabled`],[`aria-hidden`,`true`,1,`dot`],[`type`,`button`],[`type`,`button`,3,`click`],[1,`badge`],[1,`mono`],[`role`,`group`,`aria-labelledby`,`cd-views-label`,1,`views`],[`id`,`cd-views-label`,1,`views-label`],[`type`,`button`,1,`view`,3,`click`,`disabled`],[3,`rangeChange`,`cycles`,`range`],[3,`pick`,`cycles`,`names`,`scope`],[1,`spans-note`],[3,`pick`,`stats`,`scope`],[1,`cd-grid`],[`scope`,`col`],[`scope`,`col`,1,`num`],[`aria-label`,`Latest change detection cycles, newest first`,1,`cycles`],[3,`page`],[1,`num`],[`colspan`,`4`],[1,`when`],[1,`trigger`],[1,`timing`],[1,`top`]],template:function(e,t){if(e&1&&(L(0,`section`,0)(1,`div`,1)(2,`h2`,2),J(3,`Change detection`),R(),M(4,xA,4,5),L(5,`app-cd-transfer`,3),U(`imported`,function(e){return t.showImport(e)}),R(),L(6,`p`,4),J(7),R(),L(8,`p`,5),J(9),R()(),M(10,SA,7,1,`p`,6),L(11,`p`,7),J(12,` Records each change detection cycle with Angular's profiler: how long it took, how many components it checked and the output that ran before it. Tree rows show how often each instance was checked. Times come from a development build. `),R(),M(13,CA,2,0,`p`,8),M(14,EA,16,7),z(15,`app-limit-note`,9),P(16,DA,2,1,`p`,8,Ag),M(18,AA,9,9),M(19,RA,26,3)(20,zA,2,0,`p`,10),R()),e&2){let e;A(4),N(t.imported()?-1:4),A(),I(`page`,t.page())(`maxCycles`,t.maxCycles()),A(2),Y(t.status()),A(2),Y(t.announcement()),A(),N((e=t.imported())?10:-1,e),A(3),N(t.page()?.supported===!1?13:-1),A(),N(t.imported()?-1:14),A(),I(`dropped`,t.page()?.dropped??0)(`max`,t.maxCycles()),A(),F(t.capNotes()),A(2),N(t.cycles().length?18:-1),A(),N(t.page()?.components?.length?19:t.recording()?20:-1)}},dependencies:[TO,Ck,sA,ZO,fk,vA],styles:[`[_nghost-%COMP%] {
+}`]})},FA=(e,t)=>t.id;function IA(e,t){if(e&1){let e=H();L(0,`button`,14),U(`click`,function(){return E(e),D(G(2).clear())}),J(1,`Clear`),R()}}function LA(e,t){if(e&1){let e=H();L(0,`button`,11),U(`click`,function(){return E(e),D(G().toggle())}),z(1,`span`,12),J(2),R(),M(3,IA,2,0,`button`,13)}if(e&2){let e=G();q(`on`,e.recording()),I(`disabled`,!e.pageId()),A(2),X(` `,e.recording()?`Stop recording`:`Record`,` `),A(),N(e.cycles().length?3:-1)}}function RA(e,t){if(e&1){let e=H();L(0,`p`,6)(1,`span`,15),J(2,`Imported recording`),R(),L(3,`span`,16),J(4),R(),L(5,`button`,14),U(`click`,function(){return E(e),D(G().closeImport())}),J(6,`Back to live recording`),R()()}e&2&&(A(4),Y(t.fileName))}function zA(e,t){e&1&&(L(0,`p`,8),J(1,`This page can't record change detection. It needs Angular 20 or later.`),R())}function BA(e,t){e&1&&(L(0,`p`,8),J(1,`Angular profiling stays on until the page reloads.`),R())}function VA(e,t){e&1&&(L(0,`p`,8),J(1,` This page has no `),L(2,`span`,16),J(3,`ng.enableProfiling`),R(),J(4,`. It needs Angular 20 or later in a development build. `),R())}function HA(e,t){if(e&1){let e=H();L(0,`div`,17)(1,`span`,18),J(2,`Live views`),R(),L(3,`button`,19),U(`click`,function(){E(e);let t=G();return D(t.setView(`flash`,!t.views().flash))}),z(4,`span`,12),J(5,` Flash checks `),R(),L(6,`button`,19),U(`click`,function(){E(e);let t=G();return D(t.setView(`track`,!t.views().track))}),z(7,`span`,12),J(8,` Performance track `),R(),L(9,`button`,19),U(`click`,function(){return E(e),D(G().setView(`angularProfiling`,!0))}),z(10,`span`,12),J(11,` Angular profiling `),R()(),L(12,`p`,7),J(13,` Flash checks draws a box over each component on the page as Angular checks it, with its name and how often it was checked, fading over a second. Performance track adds a Pangular track to the Chrome Performance panel with every component check, hook and output. Angular profiling turns on Angular's own track there. `),R(),M(14,BA,2,0,`p`,8)(15,VA,5,0,`p`,8)}if(e&2){let e=G();A(3),I(`disabled`,!e.canShowViews()),j(`aria-pressed`,e.views().flash),A(3),I(`disabled`,!e.canShowViews()),j(`aria-pressed`,e.views().track),A(3),I(`disabled`,!e.canShowViews()||e.views().angularProfiling||!e.views().angularProfilingAvailable),j(`aria-pressed`,e.views().angularProfiling),A(5),N(e.views().angularProfiling?14:e.views().angularProfilingAvailable?-1:15)}}function UA(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function WA(e,t){if(e&1&&(L(0,`p`,22),J(1),R()),e&2){let e=G(2);A(),X(` `,e.range()?`The picked cycles have no timed spans, so there is no flame graph for them.`:`This recording has no timed spans, so there is no flame graph. A recording from an older version, or a file saved without spans, has none.`,` `)}}function GA(e,t){e&1&&(L(0,`p`,8),J(1,` For picked cycles, totals come from the 10 slowest components each cycle lists. `),R())}function KA(e,t){if(e&1){let e=H();L(0,`h3`),J(1,`Cycles`),R(),L(2,`app-cd-cycle-chart`,20),cv(`rangeChange`,function(t){E(e);let n=G();return sv(n.range,t)||(n.range=t),D(t)}),R(),L(3,`app-cd-flame-graph`,21),U(`pick`,function(t){return E(e),D(G().showComponent.emit(t))}),R(),M(4,WA,2,1,`p`,22),L(5,`h3`),J(6,`Self time by component`),R(),M(7,GA,2,0,`p`,8),L(8,`app-cd-treemap`,23),U(`pick`,function(t){return E(e),D(G().showComponent.emit(t))}),R()}if(e&2){let e=G();A(2),I(`cycles`,e.cycles()),ov(`range`,e.range),A(),I(`cycles`,e.picked())(`names`,e.spanNames())(`scope`,e.scope()),A(),N(e.hasSpans()?-1:4),A(3),N(e.range()?7:-1),A(),I(`stats`,e.stats())(`scope`,e.scope())}}function qA(e,t){if(e&1&&(L(0,`tr`)(1,`td`,16),J(2),R(),L(3,`td`,29),J(4),R(),L(5,`td`,29),J(6),R(),L(7,`td`,29),J(8),R()()),e&2){let e=t.$implicit,n=G(2);A(2),Y(e.name),A(2),Y(e.checks),A(2),Y(n.ms(e.ms)),A(2),Y(n.ms(e.maxMs))}}function JA(e,t){e&1&&(L(0,`tr`)(1,`td`,30),J(2,`No component time in the picked cycles.`),R()())}function YA(e,t){if(e&1&&(L(0,`span`,32),J(1,`after `),L(2,`span`,16),J(3),R()()),e&2){let e=G().$implicit;A(3),Y(e.trigger)}}function XA(e,t){if(e&1&&(L(0,`span`,33),J(1),R()),e&2){let e=G().$implicit,t=G(2);A(),X(`hooks `,t.ms(e.hookMs))}}function ZA(e,t){if(e&1&&(L(0,`span`,33),J(1),R()),e&2){let e=G().$implicit,t=G(2);A(),X(`afterRender `,t.ms(e.afterRenderMs))}}function QA(e,t){if(e&1&&(L(0,`span`,34),J(1,` slowest `),L(2,`span`,16),J(3),R(),J(4),R()),e&2){let e=t,n=G(3);A(3),Y(e.name),A(),X(` `,n.ms(e.ms),` `)}}function $A(e,t){if(e&1&&(L(0,`li`)(1,`span`,31),J(2),R(),L(3,`span`,16),J(4),R(),L(5,`span`),J(6),R(),M(7,YA,4,1,`span`,32),M(8,XA,2,1,`span`,33),M(9,ZA,2,1,`span`,33),M(10,QA,5,2,`span`,34),R()),e&2){let e,n=t.$implicit,r=G(2);A(2),Y(r.clock(n.at)),A(2),Y(r.ms(n.ms)),A(2),iv(` `,n.checks,` `,n.checks===1?`check`:`checks`,`, `,n.passes,` `,n.passes===1?`pass`:`passes`,` `),A(),N(n.trigger?7:-1),A(),N(n.hookMs?8:-1),A(),N(n.afterRenderMs?9:-1),A(),N((e=n.components[0])?10:-1,e)}}function ej(e,t){if(e&1&&(L(0,`div`,24)(1,`div`)(2,`h3`),J(3),R(),L(4,`table`)(5,`thead`)(6,`tr`)(7,`th`,25),J(8,`Component`),R(),L(9,`th`,26),J(10,`Checks`),R(),L(11,`th`,26),J(12,`Self time`),R(),L(13,`th`,26),J(14,`Slowest`),R()()(),L(15,`tbody`),P(16,qA,9,4,`tr`,null,kg,!1,JA,3,0,`tr`),R()()(),L(19,`div`)(20,`h3`),J(21,`Latest cycles`),R(),L(22,`ol`,27),P(23,$A,11,10,`li`,null,FA),R()()(),z(25,`app-cd-timing`,28)),e&2){let e=G();A(3),X(` `,e.range()?`Slowest components in the picked cycles`:`Slowest components`,` `),A(13),F(e.slowest()),A(7),F(e.latest()),A(2),I(`page`,e.page())}}function tj(e,t){e&1&&(L(0,`p`,10),J(1,`Use the app. Cycles show up here as Angular runs change detection.`),R())}var nj=10,rj=class e{livePage=$(null,{alias:`page`});pageId=$(null);rpc=$(null);showComponent=Rv();range=k(null);imported=k(null);page=Q(()=>this.imported()?.page??this.livePage());views=Fv(()=>this.livePage()?.options??{flash:!1,track:!1,angularProfiling:!1,angularProfilingAvailable:!0});canShowViews=Q(()=>!!this.pageId()&&this.livePage()?.supported!==!1);message=k(``);announcement=k(``);recording=Q(()=>this.page()?.recording===!0);cycles=Q(()=>this.page()?.cycles??[]);maxCycles=Q(()=>JE(this.rpc()).limits.cdCycles);picked=Q(()=>GO(this.cycles(),this.range()));hasSpans=Q(()=>this.picked().some(e=>e.spans?.length));spanNames=Q(()=>this.page()?.spanNames??[]);stats=Q(()=>this.range()?KO(this.picked()):[...this.page()?.components??[]].sort((e,t)=>t.ms-e.ms));scope=Q(()=>{let e=this.range()?this.picked():[];return e.length?e.length===1?`cycle ${e[0].id}`:`cycles ${e[0].id} to ${e.at(-1).id}`:`the recording`});slowest=Q(()=>this.stats().slice(0,nj));latest=Q(()=>this.cycles().slice(-30).reverse());capNotes=Q(()=>{let e=this.page()?.droppedClasses??0,t=this.page()?.droppedHosts??0,n=[];return e>0&&n.push(`${e} more component ${e===1?`class was`:`classes were`} checked than a recording keeps, so ${e===1?`it is`:`they are`} left out of these totals.`),t>0&&n.push(`${t} component ${t===1?`instance was`:`instances were`} checked past the 2000 a recording counts, so ${t===1?`its tree row shows`:`their tree rows show`} no check count.`),n});status=Q(()=>{if(this.message())return this.message();let e=this.cycles().length;return this.imported()?`${e} ${e===1?`cycle`:`cycles`} imported.`:this.recording()?`Recording. ${e} ${e===1?`cycle`:`cycles`} so far.`:e?`${e} ${e===1?`cycle`:`cycles`} recorded.`:``});ms(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}clock(e){return IO(e)}async toggle(){this.recording()?await this.send({on:!1},``,()=>{let e=this.cycles().length;return`Recording stopped. ${e} ${e===1?`cycle`:`cycles`} recorded.`}):await this.send({on:!0},`Starting…`,()=>`Recording started.`)}showImport(e){this.message.set(``),this.range.set(null),this.imported.set(e);let t=e.page.cycles.length;this.announce(`Imported ${e.fileName}: ${t} ${t===1?`cycle`:`cycles`}. Showing the imported recording.`)}closeImport(){this.imported.set(null),this.range.set(null),this.announce(`Showing the live recording.`)}async clear(){this.range.set(null),await this.send({clear:!0},``,()=>`Cleared the recorded cycles.`)}async setView(e,t){let n=this.views();this.views.set({...n,[e]:t});let r={flash:t?`Flash checks on.`:`Flash checks off.`,track:t?`Performance track on. Record in the Chrome Performance panel to see it.`:`Performance track off.`,angularProfiling:`Angular profiling on. It stays on until the page reloads.`}[e];await this.send({[e]:t},``,()=>r,`request-change-detection-options`)||this.views.set(n)}async send(e,t,n,r=`request-change-detection-record`){this.message.set(t);try{if(!this.rpc())throw Error(`no client`);return await NE(this.rpc(),r,{pageId:this.pageId(),...e}),this.message.set(``),this.announce(n()),!0}catch{let e=`Could not reach the page.`;return this.message.set(e),this.announce(e),!1}}announce(e){this.announcement.update(t=>t===e?`${e} `:e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-cd-recording`]],inputs:{livePage:[1,`page`,`livePage`],pageId:[1,`pageId`],rpc:[1,`rpc`]},outputs:{showComponent:`showComponent`},decls:21,vars:12,consts:[[`aria-labelledby`,`cd-heading`,1,`cd`],[1,`cd-head`],[`id`,`cd-heading`],[3,`imported`,`page`,`maxCycles`],[1,`status`],[`role`,`status`,1,`sr-only`],[1,`imported`],[1,`hint`],[1,`note`],[`what`,`cycles`,`limit`,`cdCycles`,3,`dropped`,`max`],[1,`empty`],[`type`,`button`,3,`click`,`disabled`],[`aria-hidden`,`true`,1,`dot`],[`type`,`button`],[`type`,`button`,3,`click`],[1,`badge`],[1,`mono`],[`role`,`group`,`aria-labelledby`,`cd-views-label`,1,`views`],[`id`,`cd-views-label`,1,`views-label`],[`type`,`button`,1,`view`,3,`click`,`disabled`],[3,`rangeChange`,`cycles`,`range`],[3,`pick`,`cycles`,`names`,`scope`],[1,`spans-note`],[3,`pick`,`stats`,`scope`],[1,`cd-grid`],[`scope`,`col`],[`scope`,`col`,1,`num`],[`aria-label`,`Latest change detection cycles, newest first`,1,`cycles`],[3,`page`],[1,`num`],[`colspan`,`4`],[1,`when`],[1,`trigger`],[1,`timing`],[1,`top`]],template:function(e,t){if(e&1&&(L(0,`section`,0)(1,`div`,1)(2,`h2`,2),J(3,`Change detection`),R(),M(4,LA,4,5),L(5,`app-cd-transfer`,3),U(`imported`,function(e){return t.showImport(e)}),R(),L(6,`p`,4),J(7),R(),L(8,`p`,5),J(9),R()(),M(10,RA,7,1,`p`,6),L(11,`p`,7),J(12,` Records each change detection cycle with Angular's profiler: how long it took, how many components it checked and the output that ran before it. Tree rows show how often each instance was checked. Times come from a development build. `),R(),M(13,zA,2,0,`p`,8),M(14,HA,16,7),z(15,`app-limit-note`,9),P(16,UA,2,1,`p`,8,Ag),M(18,KA,9,9),M(19,ej,26,3)(20,tj,2,0,`p`,10),R()),e&2){let e;A(4),N(t.imported()?-1:4),A(),I(`page`,t.page())(`maxCycles`,t.maxCycles()),A(2),Y(t.status()),A(2),Y(t.announcement()),A(),N((e=t.imported())?10:-1,e),A(3),N(t.page()?.supported===!1?13:-1),A(),N(t.imported()?-1:14),A(),I(`dropped`,t.page()?.dropped??0)(`max`,t.maxCycles()),A(),F(t.capNotes()),A(2),N(t.cycles().length?18:-1),A(),N(t.page()?.components?.length?19:t.recording()?20:-1)}},dependencies:[VO,zk,CA,pk,Ok,PA],styles:[`[_nghost-%COMP%] {
   display: block;
   margin-top: 16px;
 }
@@ -1685,7 +1685,7 @@ td.mono[_ngcontent-%COMP%] {
 .trigger[_ngcontent-%COMP%]   .mono[_ngcontent-%COMP%], 
 .top[_ngcontent-%COMP%]   .mono[_ngcontent-%COMP%] {
   overflow-wrap: anywhere;
-}`]})},HA=[`*`];function UA(e,t){e&1&&J(0),e&2&&Y(G(2).label())}function WA(e,t){e&1&&s_(0,0,null,UA,1,1)}function GA(e,t){if(e&1&&(L(0,`span`,4),J(1),R()),e&2){let e=G(2);A(),Y(e.message())}}function KA(e,t){if(e&1){let e=H();L(0,`button`,2),U(`click`,function(){return E(e),D(G().open())}),Gg(1,3),R(),M(2,GA,2,1,`span`,4)}if(e&2){let e=G(),t=d_(1);I(`title`,`Open `+e.label()+` in your editor`),j(`aria-label`,`Open `+e.label()+` in your editor`),A(),I(`ngTemplateOutlet`,t),A(),N(e.message()?2:-1)}}function qA(e,t){if(e&1&&(L(0,`span`,1),Gg(1,3),R()),e&2){let e=G(),t=d_(1);I(`title`,e.label()),A(),I(`ngTemplateOutlet`,t)}}var JA=class e{source=k(k(null));client=Q(()=>this.source()());available=Q(()=>{let e=this.client();return!!e&&!xE(e)});use(e){this.source.set(e)}async open(e,t){if(!this.available())return{ok:!1,error:`No server is connected.`};try{let n=await yE(this.client(),`open-in-editor`,{file:e,...t?{line:t}:{}});return n?.ok?{ok:!0}:{ok:!1,error:n?.error??`The server did not open it.`}}catch{return{ok:!1,error:`The server did not open it.`}}}static ɵfac=function(t){return new(t||e)};static ɵprov=Ml({token:e,factory:e.ɵfac})};function YA(e,t){return t?`${e}:${t}`:e}var XA=class e{editor=w(JA);file=$.required();line=$(void 0);label=Q(()=>YA(this.file(),this.line()));message=k(``);async open(){this.message.set(``);let e=await this.editor.open(this.file(),this.line()??void 0);e.ok||this.message.set(`Not opened: ${e.error}`)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-source-link`]],inputs:{file:[1,`file`],line:[1,`line`]},ngContentSelectors:HA,decls:4,vars:1,consts:[[`text`,``],[1,`source-text`,3,`title`],[`type`,`button`,1,`source-link`,3,`click`,`title`],[3,`ngTemplateOutlet`],[`role`,`alert`,1,`message`]],template:function(e,t){e&1&&(o_(),sg(0,WA,2,0,`ng-template`,null,0,Ev),M(2,KA,3,4)(3,qA,2,2,`span`,1)),e&2&&(A(2),N(t.editor.available()?2:3))},dependencies:[lb],styles:[`[_nghost-%COMP%] {
+}`]})},ij=[`*`];function aj(e,t){e&1&&J(0),e&2&&Y(G(2).label())}function oj(e,t){e&1&&s_(0,0,null,aj,1,1)}function sj(e,t){if(e&1&&(L(0,`span`,4),J(1),R()),e&2){let e=G(2);A(),Y(e.message())}}function cj(e,t){if(e&1){let e=H();L(0,`button`,2),U(`click`,function(){return E(e),D(G().open())}),Gg(1,3),R(),M(2,sj,2,1,`span`,4)}if(e&2){let e=G(),t=d_(1);I(`title`,`Open `+e.label()+` in your editor`),j(`aria-label`,`Open `+e.label()+` in your editor`),A(),I(`ngTemplateOutlet`,t),A(),N(e.message()?2:-1)}}function lj(e,t){if(e&1&&(L(0,`span`,1),Gg(1,3),R()),e&2){let e=G(),t=d_(1);I(`title`,e.label()),A(),I(`ngTemplateOutlet`,t)}}var uj=class e{source=k(k(null));client=Q(()=>this.source()());available=Q(()=>{let e=this.client();return!!e&&!FE(e)});use(e){this.source.set(e)}async open(e,t){if(!this.available())return{ok:!1,error:`No server is connected.`};try{let n=await NE(this.client(),`open-in-editor`,{file:e,...t?{line:t}:{}});return n?.ok?{ok:!0}:{ok:!1,error:n?.error??`The server did not open it.`}}catch{return{ok:!1,error:`The server did not open it.`}}}static ɵfac=function(t){return new(t||e)};static ɵprov=Ml({token:e,factory:e.ɵfac})};function dj(e,t){return t?`${e}:${t}`:e}var fj=class e{editor=w(uj);file=$.required();line=$(void 0);label=Q(()=>dj(this.file(),this.line()));message=k(``);async open(){this.message.set(``);let e=await this.editor.open(this.file(),this.line()??void 0);e.ok||this.message.set(`Not opened: ${e.error}`)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-source-link`]],inputs:{file:[1,`file`],line:[1,`line`]},ngContentSelectors:ij,decls:4,vars:1,consts:[[`text`,``],[1,`source-text`,3,`title`],[`type`,`button`,1,`source-link`,3,`click`,`title`],[3,`ngTemplateOutlet`],[`role`,`alert`,1,`message`]],template:function(e,t){e&1&&(o_(),sg(0,oj,2,0,`ng-template`,null,0,Ev),M(2,cj,3,4)(3,lj,2,2,`span`,1)),e&2&&(A(2),N(t.editor.available()?2:3))},dependencies:[lb],styles:[`[_nghost-%COMP%] {
   display: inline;
   min-width: 0;
 }
@@ -1720,7 +1720,7 @@ td.mono[_ngcontent-%COMP%] {
   color: var(--%NS%danger-text);
   font-family: var(--%NS%font-sans);
   font-size: 0.92em;
-}`]})},ZA=[`field`],QA=[`editButton`],$A=[`valueBox`];function ej(e,t){if(e&1){let e=H();B(0,`div`,5)(1,`label`,6),J(2),V(),B(3,`input`,7,0),W(`input`,function(t){return E(e),D(G().draft.set(t.target.value))})(`keydown.enter`,function(t){E(e);let n=G();return t.preventDefault(),D(n.apply())})(`keydown.escape`,function(t){E(e);let n=G();return t.preventDefault(),t.stopPropagation(),D(n.cancel())}),V(),B(5,`button`,8),W(`click`,function(){return E(e),D(G().apply())}),J(6,`Apply`),V(),B(7,`button`,9),W(`click`,function(){return E(e),D(G().cancel())}),J(8,`Cancel`),V()(),B(9,`p`,10),J(10),V()}if(e&2){let e=G();A(),qg(`htmlFor`,e.fieldId),A(),X(`New value of `,e.prop().name,`, as JSON`),A(),qg(`id`,e.fieldId)(`value`,e.draft())(`readOnly`,e.busy()),j(`aria-busy`,e.busy()?`true`:null)(`aria-invalid`,e.error()?`true`:null)(`aria-describedby`,e.hintId+(e.error()?` `+e.errorId:``)),A(2),qg(`disabled`,e.busy()),A(4),qg(`id`,e.hintId),A(),X(` JSON, such as "text", 42, true or `,e.objectSample,`. Enter applies, Escape cancels. `)}}function tj(e,t){if(e&1&&(B(0,`pre`,null,1),J(2),xv(3,`json`),V()),e&2){let e=G(2);j(`tabindex`,e.scrollable()?0:null)(`role`,e.scrollable()?`region`:null)(`aria-label`,e.scrollable()?`Value of `+e.prop().name:null),A(2),Y(Cv(3,4,e.prop().value))}}function nj(e,t){if(e&1){let e=H();B(0,`button`,14,2),W(`click`,function(){return E(e),D(G(2).start())}),J(2,` Edit `),V()}if(e&2){let e=G(2);qg(`disabled`,e.busy()),j(`aria-label`,`Edit `+e.prop().name)}}function rj(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G(2);A(),Y(e.prop().locked)}}function ij(e,t){if(e&1&&(B(0,`div`,11),M(1,tj,4,6,`pre`),M(2,nj,3,2,`button`,12),V(),M(3,rj,2,1,`p`,13)),e&2){let e=G();A(),N(e.bare()?-1:1),A(),N(e.editable()?2:-1),A(),N(e.writes()&&e.prop().locked?3:-1)}}function aj(e,t){if(e&1&&(B(0,`p`,3),J(1),V()),e&2){let e=G();qg(`id`,e.errorId),A(),Y(e.error())}}var oj=0;function sj(e){let t=e.trim();if(!t)return{error:`Type a JSON value, such as "text", 42, true, null or [1, 2].`};try{return{value:JSON.parse(t)}}catch{return{error:`Not valid JSON. Put text in double quotes, such as "Paris".`}}}var cj=class e{prop=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);bare=$(!1);readDraft=$(null);fieldId=`prop-edit-${++oj}`;hintId=`${this.fieldId}-hint`;errorId=`${this.fieldId}-error`;objectSample=`{"a": 1}`;editing=k(!1);draft=k(``);busy=k(!1);error=k(``);done=k(``);editable=Q(()=>this.writes()&&!!this.prop().edit&&!!this.pageId()&&!!this.rpc());field=Jv(`field`);editButton=Jv(`editButton`);valueBox=Jv(`valueBox`);injector=w(ws);scrollable=k(!1);constructor(){uy(()=>{this.prop();let e=this.valueBox()?.nativeElement;this.scrollable.set(!!e&&e.scrollHeight>e.clientHeight+1)})}async start(){let e=this.prop().value;this.error.set(``),this.done.set(``);let t=this.readDraft();if(t){this.busy.set(!0);let n=await t();if(this.busy.set(!1),n.error!==void 0){this.error.set(n.error);return}e=n.value}this.draft.set(e===void 0?``:JSON.stringify(e)),this.editing.set(!0),Vd(()=>{let e=this.field()?.nativeElement;e?.focus(),e?.select()},{injector:this.injector})}cancel(){this.editing()&&(this.editing.set(!1),this.busy.set(!1),this.error.set(``),this.focusEdit())}async apply(){if(this.busy())return;let e=sj(this.draft());if(`error`in e){this.error.set(e.error);return}let t=this.prop(),n=this.rpc(),r=this.pageId();if(!n||!r||!t.edit)return;this.busy.set(!0),this.error.set(``);let i;try{i=await n.scope(`pangular`).rpc.call(`request-component-edit`,{pageId:r,request:{id:this.componentId(),path:t.prop,value:e.value,kind:t.edit}})??{}}catch{i={error:`The devtools server did not answer. Try again.`}}this.busy.set(!1),this.editing()&&(i.ok?(this.editing.set(!1),this.done.set(`Set ${t.name}.`),this.focusEdit()):(this.error.set(i.error??`The page did not write it.`),this.field()?.nativeElement.focus()))}focusEdit(){Vd(()=>this.editButton()?.nativeElement.focus(),{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-prop-value`]],viewQuery:function(e,t){e&1&&l_(t.field,ZA,5)(t.editButton,QA,5)(t.valueBox,$A,5),e&2&&u_(3)},inputs:{prop:[1,`prop`],componentId:[1,`componentId`],pageId:[1,`pageId`],rpc:[1,`rpc`],writes:[1,`writes`],bare:[1,`bare`],readDraft:[1,`readDraft`]},decls:5,vars:3,consts:[[`field`,``],[`valueBox`,``],[`editButton`,``],[`role`,`alert`,1,`error`,3,`id`],[`role`,`status`,1,`sr-only`],[1,`editor`],[1,`sr-only`,3,`for`],[`type`,`text`,`autocomplete`,`off`,`spellcheck`,`false`,1,`field`,`mono`,3,`input`,`keydown.enter`,`keydown.escape`,`id`,`value`,`readOnly`],[`type`,`button`,1,`primary`,3,`click`,`disabled`],[`type`,`button`,3,`click`],[1,`hint`,3,`id`],[1,`view`],[`type`,`button`,1,`edit`,3,`disabled`],[1,`locked`],[`type`,`button`,1,`edit`,3,`click`,`disabled`]],template:function(e,t){e&1&&(M(0,ej,11,11)(1,ij,4,3),M(2,aj,2,2,`p`,3),B(3,`p`,4),J(4),V()),e&2&&(N(+!t.editing()),A(2),N(t.error()?2:-1),A(2),Y(t.done()))},dependencies:[hb],styles:[`[_nghost-%COMP%] {
+}`]})},pj=[`field`],mj=[`editButton`],hj=[`valueBox`];function gj(e,t){if(e&1){let e=H();B(0,`div`,5)(1,`label`,6),J(2),V(),B(3,`input`,7,0),W(`input`,function(t){return E(e),D(G().draft.set(t.target.value))})(`keydown.enter`,function(t){E(e);let n=G();return t.preventDefault(),D(n.apply())})(`keydown.escape`,function(t){E(e);let n=G();return t.preventDefault(),t.stopPropagation(),D(n.cancel())}),V(),B(5,`button`,8),W(`click`,function(){return E(e),D(G().apply())}),J(6,`Apply`),V(),B(7,`button`,9),W(`click`,function(){return E(e),D(G().cancel())}),J(8,`Cancel`),V()(),B(9,`p`,10),J(10),V()}if(e&2){let e=G();A(),qg(`htmlFor`,e.fieldId),A(),X(`New value of `,e.prop().name,`, as JSON`),A(),qg(`id`,e.fieldId)(`value`,e.draft())(`readOnly`,e.busy()),j(`aria-busy`,e.busy()?`true`:null)(`aria-invalid`,e.error()?`true`:null)(`aria-describedby`,e.hintId+(e.error()?` `+e.errorId:``)),A(2),qg(`disabled`,e.busy()),A(4),qg(`id`,e.hintId),A(),X(` JSON, such as "text", 42, true or `,e.objectSample,`. Enter applies, Escape cancels. `)}}function _j(e,t){if(e&1&&(B(0,`pre`,null,1),J(2),xv(3,`json`),V()),e&2){let e=G(2);j(`tabindex`,e.scrollable()?0:null)(`role`,e.scrollable()?`region`:null)(`aria-label`,e.scrollable()?`Value of `+e.prop().name:null),A(2),Y(Cv(3,4,e.prop().value))}}function vj(e,t){if(e&1){let e=H();B(0,`button`,14,2),W(`click`,function(){return E(e),D(G(2).start())}),J(2,` Edit `),V()}if(e&2){let e=G(2);qg(`disabled`,e.busy()),j(`aria-label`,`Edit `+e.prop().name)}}function yj(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G(2);A(),Y(e.prop().locked)}}function bj(e,t){if(e&1&&(B(0,`div`,11),M(1,_j,4,6,`pre`),M(2,vj,3,2,`button`,12),V(),M(3,yj,2,1,`p`,13)),e&2){let e=G();A(),N(e.bare()?-1:1),A(),N(e.editable()?2:-1),A(),N(e.writes()&&e.prop().locked?3:-1)}}function xj(e,t){if(e&1&&(B(0,`p`,3),J(1),V()),e&2){let e=G();qg(`id`,e.errorId),A(),Y(e.error())}}var Sj=0;function Cj(e){let t=e.trim();if(!t)return{error:`Type a JSON value, such as "text", 42, true, null or [1, 2].`};try{return{value:JSON.parse(t)}}catch{return{error:`Not valid JSON. Put text in double quotes, such as "Paris".`}}}var wj=class e{prop=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);bare=$(!1);readDraft=$(null);fieldId=`prop-edit-${++Sj}`;hintId=`${this.fieldId}-hint`;errorId=`${this.fieldId}-error`;objectSample=`{"a": 1}`;editing=k(!1);draft=k(``);busy=k(!1);error=k(``);done=k(``);editable=Q(()=>this.writes()&&!!this.prop().edit&&!!this.pageId()&&!!this.rpc());field=Jv(`field`);editButton=Jv(`editButton`);valueBox=Jv(`valueBox`);injector=w(ws);scrollable=k(!1);constructor(){uy(()=>{this.prop();let e=this.valueBox()?.nativeElement;this.scrollable.set(!!e&&e.scrollHeight>e.clientHeight+1)})}async start(){let e=this.prop().value;this.error.set(``),this.done.set(``);let t=this.readDraft();if(t){this.busy.set(!0);let n=await t();if(this.busy.set(!1),n.error!==void 0){this.error.set(n.error);return}e=n.value}this.draft.set(e===void 0?``:JSON.stringify(e)),this.editing.set(!0),Vd(()=>{let e=this.field()?.nativeElement;e?.focus(),e?.select()},{injector:this.injector})}cancel(){this.editing()&&(this.editing.set(!1),this.busy.set(!1),this.error.set(``),this.focusEdit())}async apply(){if(this.busy())return;let e=Cj(this.draft());if(`error`in e){this.error.set(e.error);return}let t=this.prop(),n=this.rpc(),r=this.pageId();if(!n||!r||!t.edit)return;this.busy.set(!0),this.error.set(``);let i;try{i=await n.scope(`pangular`).rpc.call(`request-component-edit`,{pageId:r,request:{id:this.componentId(),path:t.prop,value:e.value,kind:t.edit}})??{}}catch{i={error:`The devtools server did not answer. Try again.`}}this.busy.set(!1),this.editing()&&(i.ok?(this.editing.set(!1),this.done.set(`Set ${t.name}.`),this.focusEdit()):(this.error.set(i.error??`The page did not write it.`),this.field()?.nativeElement.focus()))}focusEdit(){Vd(()=>this.editButton()?.nativeElement.focus(),{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-prop-value`]],viewQuery:function(e,t){e&1&&l_(t.field,pj,5)(t.editButton,mj,5)(t.valueBox,hj,5),e&2&&u_(3)},inputs:{prop:[1,`prop`],componentId:[1,`componentId`],pageId:[1,`pageId`],rpc:[1,`rpc`],writes:[1,`writes`],bare:[1,`bare`],readDraft:[1,`readDraft`]},decls:5,vars:3,consts:[[`field`,``],[`valueBox`,``],[`editButton`,``],[`role`,`alert`,1,`error`,3,`id`],[`role`,`status`,1,`sr-only`],[1,`editor`],[1,`sr-only`,3,`for`],[`type`,`text`,`autocomplete`,`off`,`spellcheck`,`false`,1,`field`,`mono`,3,`input`,`keydown.enter`,`keydown.escape`,`id`,`value`,`readOnly`],[`type`,`button`,1,`primary`,3,`click`,`disabled`],[`type`,`button`,3,`click`],[1,`hint`,3,`id`],[1,`view`],[`type`,`button`,1,`edit`,3,`disabled`],[1,`locked`],[`type`,`button`,1,`edit`,3,`click`,`disabled`]],template:function(e,t){e&1&&(M(0,gj,11,11)(1,bj,4,3),M(2,xj,2,2,`p`,3),B(3,`p`,4),J(4),V()),e&2&&(N(+!t.editing()),A(2),N(t.error()?2:-1),A(2),Y(t.done()))},dependencies:[hb],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -1843,7 +1843,7 @@ button.edit[_ngcontent-%COMP%] {
 
 .error[_ngcontent-%COMP%] {
   color: var(--%NS%danger-text);
-}`]})},lj=1e3,uj={depth:5,limit:100},dj=`[redacted]`;function fj(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function pj(e){return fj(e)&&typeof e.$more==`number`&&Object.keys(e).length===1}function mj(e){return fj(e)&&typeof e.$collapsed==`string`&&typeof e.size==`number`&&Object.keys(e).length===2}function hj(e){return e===`Array`?`array`:e===`Map`?`map`:e===`Set`?`set`:`object`}function gj(e){return e.$type===`Map`&&Array.isArray(e.entries)}function _j(e){return e.$type===`Set`&&Array.isArray(e.values)}function vj(e){return Object.keys(e).filter(e=>e!==`$type`&&e!==`$more`)}function yj(e){if(!e||typeof e!=`object`)return null;if(mj(e))return e.size<=0?null:{kind:hj(e.$collapsed),type:e.$collapsed,size:e.size,collapsed:!0};if(pj(e))return null;if(Array.isArray(e)){let t=e.at(-1),n=pj(t)?t.$more:0,r=e.length-+!!n+n;return r?{kind:`array`,type:`Array`,size:r,collapsed:!1}:null}let t=e;if(gj(t)||_j(t)){let e=typeof t.size==`number`?t.size:0,n=gj(t)?`map`:`set`;return e?{kind:n,type:n===`map`?`Map`:`Set`,size:e,collapsed:!1}:null}let n=typeof t.$more==`number`?t.$more:0,r=vj(t).length+n,i=typeof t.$type==`string`?t.$type:`Object`;return r?{kind:`object`,type:i,size:r,collapsed:!1}:null}function bj(e){if(typeof e==`string`)return JSON.stringify(e);let t=yj(e);if(t)return Cj(t);try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function xj(e){let t=yj(e);if(!t||t.collapsed)return{children:[],more:0};if(Array.isArray(e)){let n=(pj(e.at(-1))?e.slice(0,-1):e).map((e,t)=>({key:String(t),label:String(t),value:e}));return{children:n,more:t.size-n.length}}let n=e;if(t.kind===`map`){let e=n.entries.map((e,t)=>{let[n,r]=Array.isArray(e)?e:[void 0,e];return{key:String(t),label:bj(n),value:r}});return{children:e,more:Math.max(0,t.size-e.length)}}if(t.kind===`set`){let e=n.values.map((e,t)=>({key:String(t),label:String(t),value:e}));return{children:e,more:Math.max(0,t.size-e.length)}}return{children:vj(n).map(e=>({key:e,label:e,value:n[e]})),more:typeof n.$more==`number`?n.$more:0}}function Sj(e,t,n){return`${e} ${e===1?t:n}`}function Cj(e){let t={array:Sj(e.size,`item`,`items`),object:Sj(e.size,`key`,`keys`),map:Sj(e.size,`entry`,`entries`),set:Sj(e.size,`value`,`values`)}[e.kind];return`${e.type} (${t})`}function wj(e,t){return JSON.stringify(t===void 0?e:[t,...e])}function Tj(e,t){return e.map((e,n)=>n===0?e:(t?t[n-1]!==`object`:/^\d+$/.test(e))?`[${e}]`:`.${e}`).join(``)}function Ej(e){return e.every(e=>e&&e===e.trim()&&!/[.[\]]/.test(e))?e.join(`.`):null}var Dj=/^\[(Getter|Unreadable|Circular|Truncated|Function\b.*|Promise)\]$/;function Oj(e){return e===null||typeof e==`boolean`?!0:typeof e==`number`?Number.isFinite(e):typeof e==`string`&&e!==dj&&!Dj.test(e)&&!e.endsWith(`…`)}function kj(e,t){return!e||t.kind===`map`||t.kind===`set`||e===`signal`&&t.kind===`object`&&t.type!==`Object`?null:e}function Aj(e,t,n,r,i=500){let a=[],o=r.trim().toLowerCase();if(!o)return a;let s=new Set,c=(e,t)=>{let r=wj(e);if(!(s.has(r)||a.length>=i)){s.add(r);for(let r of xj(t).children){let t=[...e,r.key];if(r.label.toLowerCase().includes(o)&&a.push(t),!yj(r.value))continue;let i=n(t)??(yj(r.value)?.collapsed?void 0:r.value);i!==void 0&&c(t,i)}}};return c(e,n(e)??t),a}var jj=(e,t)=>t.id;function Mj(e,t){if(e&1){let e=H();L(0,`button`,2),U(`click`,function(){E(e);let t=G().$implicit;return D(G(3).toggle(t))}),O(),L(1,`svg`,3),z(2,`path`,4),R(),gs(),L(3,`span`,14),J(4),R(),L(5,`span`,5),J(6),R()()}if(e&2){let e=G().$implicit;j(`aria-expanded`,e.open)(`aria-label`,e.label+`: `+e.text),A(4),X(``,e.label,`:`),A(2),Y(e.text)}}function Nj(e,t){if(e&1&&z(0,`app-prop-value`,15),e&2){let e=G(5);I(`prop`,t)(`componentId`,e.componentId())(`pageId`,e.pageId())(`rpc`,e.rpc())(`writes`,e.writes())}}function Pj(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G(2).$implicit;A(),Y(e.text)}}function Fj(e,t){if(e&1&&(L(0,`span`,14),J(1),R(),M(2,Nj,1,5,`app-prop-value`,15)(3,Pj,2,1,`span`,16)),e&2){let e,t=G().$implicit;A(),X(``,t.label,`:`),A(),N((e=t.edit)?2:3,e)}}function Ij(e,t){if(e&1){let e=H();L(0,`button`,17),U(`click`,function(){E(e);let t=G().$implicit;return D(G(3).more(t))}),J(1),L(2,`span`,18),J(3),R()()}if(e&2){let e=G().$implicit,t=G(3);A(),X(` Show `,t.step(e),` more `),A(2),X(`(`,e.more,` not listed)`)}}function Lj(e,t){e&1&&(L(0,`span`,12),J(1,`Reading from the page…`),R())}function Rj(e,t){if(e&1&&(L(0,`span`,13),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.text)}}function zj(e,t){if(e&1&&(L(0,`li`,9),M(1,Mj,7,4,`button`,10)(2,Fj,4,2)(3,Ij,4,2,`button`,11)(4,Lj,2,0,`span`,12)(5,Rj,2,1,`span`,13),R()),e&2){let e,n=t.$implicit;K(`padding-left`,n.depth*14,`px`),A(),N((e=n.kind)===`node`?1:e===`leaf`?2:e===`more`?3:e===`loading`?4:e===`error`?5:-1)}}function Bj(e,t){if(e&1&&(L(0,`ul`,7),P(1,zj,6,3,`li`,8,jj),R()),e&2){let e=G(2);I(`id`,e.listId),j(`aria-label`,e.prop().name+` entries`),A(),F(e.rows())}}function Vj(e,t){if(e&1){let e=H();L(0,`div`,1)(1,`button`,2),U(`click`,function(){return E(e),D(G().toggleRoot())}),O(),L(2,`svg`,3),z(3,`path`,4),R(),gs(),L(4,`span`,5),J(5),R()(),z(6,`app-prop-value`,6),R(),M(7,Bj,3,2,`ul`,7)}if(e&2){let e=t,n=G();A(),j(`aria-expanded`,n.rootOpen())(`aria-controls`,n.rootOpen()?n.listId:null)(`aria-label`,n.prop().name+`: `+n.summaryOf(e)),A(4),Y(n.summaryOf(e)),A(),I(`bare`,!0)(`prop`,n.prop())(`componentId`,n.componentId())(`pageId`,n.pageId())(`rpc`,n.rpc())(`writes`,n.writes())(`readDraft`,n.readWhole),A(),N(n.rootOpen()?7:-1)}}function Hj(e,t){if(e&1&&z(0,`app-prop-value`,0),e&2){let e=G();I(`prop`,e.prop())(`componentId`,e.componentId())(`pageId`,e.pageId())(`rpc`,e.rpc())(`writes`,e.writes())}}var Uj=0;function Wj(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function Gj(e){if(Array.isArray(e))return e.every(Gj);if(e&&typeof e==`object`){let t=e;return![`$collapsed`,`$more`,`$type`].some(e=>Object.hasOwn(t,e))&&Object.values(t).every(Gj)}return Oj(e)}var Kj=class e{prop=$.required();store=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);directive=$(void 0);query=$(``);listId=`value-tree-${++Uj}`;host=w(Fl);pendingMore=null;constructor(){uy(()=>{let e=this.rows(),t=this.pendingMore;if(!t)return;let n=e.findIndex(e=>(e.kind===`leaf`||e.kind===`node`)&&!t.has(e.id));if(n<0)return;this.pendingMore=null;let r=document.activeElement;r&&r!==document.body&&r.isConnected||this.focusNear(n)})}rootPath=Q(()=>[this.prop().prop]);rootValue=Q(()=>this.store().level(this.rootPath(),this.directive())??this.prop().value);root=Q(()=>yj(this.rootValue()));needle=Q(()=>this.query().trim().toLowerCase());matches=Q(()=>{let e=this.needle(),t=this.prop();if(!e||[t.name,t.prop].some(t=>t.toLowerCase().includes(e)))return null;let n=this.store(),r=this.directive();return Aj(this.rootPath(),this.rootValue(),e=>n.level(e,r),e)});rootOpen=Q(()=>!!this.matches()?.length||this.store().isOpen(this.rootPath(),this.directive()));rows=Q(()=>{let e=this.root();if(!e)return[];let t=this.store(),n=this.directive(),r=this.matches(),i=new Set,a=new Set;for(let e of r??[]){a.add(wj(e));for(let t=2;t<=e.length;t++)i.add(wj(e.slice(0,t)))}let o=this.prop(),s=this.writes()&&n===void 0,c=[],l=(e,o,d,f,p,m)=>{let{children:h,more:g}=xj(e);for(let e of h){let h=[...o,e.key],g=wj(h);if(r&&!m&&!i.has(g))continue;let _=yj(e.value),ee=wj(h,n);if(!_){let t=p&&Oj(e.value)?Ej(h):null;c.push({id:ee,kind:`leaf`,depth:f,path:h,label:e.label,text:Wj(e.value),edit:s&&t&&p?{name:Tj(h,[...d]),prop:t,value:e.value,edit:p}:void 0});continue}let te=!!r&&!m&&i.has(g)&&!a.has(g)||t.isOpen(h,n);if(c.push({id:ee,kind:`node`,depth:f,path:h,label:e.label,text:Cj(_),container:_,open:te}),!te)continue;let ne=t.level(h,n)??(_.collapsed?void 0:e.value),re=[...d,_.kind];ne===void 0?t.errors().has(ee)?c.push({...u(h,f+1,`error`),text:t.errors().get(ee)}):c.push(u(h,f+1,`loading`)):l(ne,h,re,f+1,kj(p,_),m||a.has(g))}g>0&&(!r||m)&&c.push({...u(o,f,`more`),more:g,listed:h.length})},u=(e,t,r)=>({id:`${wj(e,n)}:${r}`,kind:r,depth:t,path:e,label:``,text:``});return l(this.rootValue(),this.rootPath(),[e.kind],0,s?kj(o.editInside??null,e):null,!r),c});readWhole=async()=>{let e=await this.store().read(this.rootPath(),uj.depth,uj.limit);return e.ok?Gj(e.value)?{value:e.value}:{error:`Too large to edit as a whole. Open it to edit the values inside.`}:{error:e.error??`The page did not read it.`}};summaryOf(e){return Cj(e)}toggleRoot(){this.pendingMore=null,this.store().toggle(this.rootPath(),this.directive(),!1)}toggle(e){this.pendingMore=null,this.store().toggle(e.path,this.directive(),!!e.container?.collapsed)}more(e){this.pendingMore=new Set(this.rows().map(e=>e.id)),this.store().more(e.path,this.directive(),e.listed??0)}focusNear(e){let t=this.host.nativeElement,n=Array.from(t.querySelectorAll(`#${this.listId} > li`)),r=e=>e?.querySelector(`button:not([disabled]), input, textarea, [tabindex="0"]`);(n.slice(e).map(r).find(Boolean)??n.slice(0,e).reverse().map(r).find(Boolean)??t.querySelector(`.root > .toggle`))?.focus()}step(e){return Math.min(100,e.more??0)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-value-tree`]],inputs:{prop:[1,`prop`],store:[1,`store`],componentId:[1,`componentId`],pageId:[1,`pageId`],rpc:[1,`rpc`],writes:[1,`writes`],directive:[1,`directive`],query:[1,`query`]},decls:2,vars:1,consts:[[3,`prop`,`componentId`,`pageId`,`rpc`,`writes`],[1,`root`],[`type`,`button`,1,`toggle`,3,`click`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`chevron`],[`d`,`m9 6 6 6-6 6`],[1,`summary`,`mono`],[1,`whole`,3,`bare`,`prop`,`componentId`,`pageId`,`rpc`,`writes`,`readDraft`],[1,`entries`,3,`id`],[1,`entry`,3,`padding-left`],[1,`entry`],[`type`,`button`,1,`toggle`],[`type`,`button`,1,`more`],[`role`,`status`,1,`muted`],[`role`,`alert`,1,`error`],[1,`key`,`mono`],[1,`leaf-edit`,3,`prop`,`componentId`,`pageId`,`rpc`,`writes`],[1,`leaf`,`mono`],[`type`,`button`,1,`more`,3,`click`],[1,`muted`]],template:function(e,t){if(e&1&&M(0,Vj,8,12)(1,Hj,1,5,`app-prop-value`,0),e&2){let e;N((e=t.root())?0:1,e)}},dependencies:[cj],styles:[`[_nghost-%COMP%] {
+}`]})},Tj=1e3,Ej={depth:5,limit:100},Dj=`[redacted]`;function Oj(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function kj(e){return Oj(e)&&typeof e.$more==`number`&&Object.keys(e).length===1}function Aj(e){return Oj(e)&&typeof e.$collapsed==`string`&&typeof e.size==`number`&&Object.keys(e).length===2}function jj(e){return e===`Array`?`array`:e===`Map`?`map`:e===`Set`?`set`:`object`}function Mj(e){return e.$type===`Map`&&Array.isArray(e.entries)}function Nj(e){return e.$type===`Set`&&Array.isArray(e.values)}function Pj(e){return Object.keys(e).filter(e=>e!==`$type`&&e!==`$more`)}function Fj(e){if(!e||typeof e!=`object`)return null;if(Aj(e))return e.size<=0?null:{kind:jj(e.$collapsed),type:e.$collapsed,size:e.size,collapsed:!0};if(kj(e))return null;if(Array.isArray(e)){let t=e.at(-1),n=kj(t)?t.$more:0,r=e.length-+!!n+n;return r?{kind:`array`,type:`Array`,size:r,collapsed:!1}:null}let t=e;if(Mj(t)||Nj(t)){let e=typeof t.size==`number`?t.size:0,n=Mj(t)?`map`:`set`;return e?{kind:n,type:n===`map`?`Map`:`Set`,size:e,collapsed:!1}:null}let n=typeof t.$more==`number`?t.$more:0,r=Pj(t).length+n,i=typeof t.$type==`string`?t.$type:`Object`;return r?{kind:`object`,type:i,size:r,collapsed:!1}:null}function Ij(e){if(typeof e==`string`)return JSON.stringify(e);let t=Fj(e);if(t)return zj(t);try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function Lj(e){let t=Fj(e);if(!t||t.collapsed)return{children:[],more:0};if(Array.isArray(e)){let n=(kj(e.at(-1))?e.slice(0,-1):e).map((e,t)=>({key:String(t),label:String(t),value:e}));return{children:n,more:t.size-n.length}}let n=e;if(t.kind===`map`){let e=n.entries.map((e,t)=>{let[n,r]=Array.isArray(e)?e:[void 0,e];return{key:String(t),label:Ij(n),value:r}});return{children:e,more:Math.max(0,t.size-e.length)}}if(t.kind===`set`){let e=n.values.map((e,t)=>({key:String(t),label:String(t),value:e}));return{children:e,more:Math.max(0,t.size-e.length)}}return{children:Pj(n).map(e=>({key:e,label:e,value:n[e]})),more:typeof n.$more==`number`?n.$more:0}}function Rj(e,t,n){return`${e} ${e===1?t:n}`}function zj(e){let t={array:Rj(e.size,`item`,`items`),object:Rj(e.size,`key`,`keys`),map:Rj(e.size,`entry`,`entries`),set:Rj(e.size,`value`,`values`)}[e.kind];return`${e.type} (${t})`}function Bj(e,t){return JSON.stringify(t===void 0?e:[t,...e])}function Vj(e,t){return e.map((e,n)=>n===0?e:(t?t[n-1]!==`object`:/^\d+$/.test(e))?`[${e}]`:`.${e}`).join(``)}function Hj(e){return e.every(e=>e&&e===e.trim()&&!/[.[\]]/.test(e))?e.join(`.`):null}var Uj=/^\[(Getter|Unreadable|Circular|Truncated|Function\b.*|Promise)\]$/;function Wj(e){return e===null||typeof e==`boolean`?!0:typeof e==`number`?Number.isFinite(e):typeof e==`string`&&e!==Dj&&!Uj.test(e)&&!e.endsWith(`…`)}function Gj(e,t){return!e||t.kind===`map`||t.kind===`set`||e===`signal`&&t.kind===`object`&&t.type!==`Object`?null:e}function Kj(e,t,n,r,i=500){let a=[],o=r.trim().toLowerCase();if(!o)return a;let s=new Set,c=(e,t)=>{let r=Bj(e);if(!(s.has(r)||a.length>=i)){s.add(r);for(let r of Lj(t).children){let t=[...e,r.key];if(r.label.toLowerCase().includes(o)&&a.push(t),!Fj(r.value))continue;let i=n(t)??(Fj(r.value)?.collapsed?void 0:r.value);i!==void 0&&c(t,i)}}};return c(e,n(e)??t),a}var qj=(e,t)=>t.id;function Jj(e,t){if(e&1){let e=H();L(0,`button`,2),U(`click`,function(){E(e);let t=G().$implicit;return D(G(3).toggle(t))}),O(),L(1,`svg`,3),z(2,`path`,4),R(),gs(),L(3,`span`,14),J(4),R(),L(5,`span`,5),J(6),R()()}if(e&2){let e=G().$implicit;j(`aria-expanded`,e.open)(`aria-label`,e.label+`: `+e.text),A(4),X(``,e.label,`:`),A(2),Y(e.text)}}function Yj(e,t){if(e&1&&z(0,`app-prop-value`,15),e&2){let e=G(5);I(`prop`,t)(`componentId`,e.componentId())(`pageId`,e.pageId())(`rpc`,e.rpc())(`writes`,e.writes())}}function Xj(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G(2).$implicit;A(),Y(e.text)}}function Zj(e,t){if(e&1&&(L(0,`span`,14),J(1),R(),M(2,Yj,1,5,`app-prop-value`,15)(3,Xj,2,1,`span`,16)),e&2){let e,t=G().$implicit;A(),X(``,t.label,`:`),A(),N((e=t.edit)?2:3,e)}}function Qj(e,t){if(e&1){let e=H();L(0,`button`,17),U(`click`,function(){E(e);let t=G().$implicit;return D(G(3).more(t))}),J(1),L(2,`span`,18),J(3),R()()}if(e&2){let e=G().$implicit,t=G(3);A(),X(` Show `,t.step(e),` more `),A(2),X(`(`,e.more,` not listed)`)}}function $j(e,t){e&1&&(L(0,`span`,12),J(1,`Reading from the page…`),R())}function eM(e,t){if(e&1&&(L(0,`span`,13),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.text)}}function tM(e,t){if(e&1&&(L(0,`li`,9),M(1,Jj,7,4,`button`,10)(2,Zj,4,2)(3,Qj,4,2,`button`,11)(4,$j,2,0,`span`,12)(5,eM,2,1,`span`,13),R()),e&2){let e,n=t.$implicit;K(`padding-left`,n.depth*14,`px`),A(),N((e=n.kind)===`node`?1:e===`leaf`?2:e===`more`?3:e===`loading`?4:e===`error`?5:-1)}}function nM(e,t){if(e&1&&(L(0,`ul`,7),P(1,tM,6,3,`li`,8,qj),R()),e&2){let e=G(2);I(`id`,e.listId),j(`aria-label`,e.prop().name+` entries`),A(),F(e.rows())}}function rM(e,t){if(e&1){let e=H();L(0,`div`,1)(1,`button`,2),U(`click`,function(){return E(e),D(G().toggleRoot())}),O(),L(2,`svg`,3),z(3,`path`,4),R(),gs(),L(4,`span`,5),J(5),R()(),z(6,`app-prop-value`,6),R(),M(7,nM,3,2,`ul`,7)}if(e&2){let e=t,n=G();A(),j(`aria-expanded`,n.rootOpen())(`aria-controls`,n.rootOpen()?n.listId:null)(`aria-label`,n.prop().name+`: `+n.summaryOf(e)),A(4),Y(n.summaryOf(e)),A(),I(`bare`,!0)(`prop`,n.prop())(`componentId`,n.componentId())(`pageId`,n.pageId())(`rpc`,n.rpc())(`writes`,n.writes())(`readDraft`,n.readWhole),A(),N(n.rootOpen()?7:-1)}}function iM(e,t){if(e&1&&z(0,`app-prop-value`,0),e&2){let e=G();I(`prop`,e.prop())(`componentId`,e.componentId())(`pageId`,e.pageId())(`rpc`,e.rpc())(`writes`,e.writes())}}var aM=0;function oM(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function sM(e){if(Array.isArray(e))return e.every(sM);if(e&&typeof e==`object`){let t=e;return![`$collapsed`,`$more`,`$type`].some(e=>Object.hasOwn(t,e))&&Object.values(t).every(sM)}return Wj(e)}var cM=class e{prop=$.required();store=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);directive=$(void 0);query=$(``);listId=`value-tree-${++aM}`;host=w(Fl);pendingMore=null;constructor(){uy(()=>{let e=this.rows(),t=this.pendingMore;if(!t)return;let n=e.findIndex(e=>(e.kind===`leaf`||e.kind===`node`)&&!t.has(e.id));if(n<0)return;this.pendingMore=null;let r=document.activeElement;r&&r!==document.body&&r.isConnected||this.focusNear(n)})}rootPath=Q(()=>[this.prop().prop]);rootValue=Q(()=>this.store().level(this.rootPath(),this.directive())??this.prop().value);root=Q(()=>Fj(this.rootValue()));needle=Q(()=>this.query().trim().toLowerCase());matches=Q(()=>{let e=this.needle(),t=this.prop();if(!e||[t.name,t.prop].some(t=>t.toLowerCase().includes(e)))return null;let n=this.store(),r=this.directive();return Kj(this.rootPath(),this.rootValue(),e=>n.level(e,r),e)});rootOpen=Q(()=>!!this.matches()?.length||this.store().isOpen(this.rootPath(),this.directive()));rows=Q(()=>{let e=this.root();if(!e)return[];let t=this.store(),n=this.directive(),r=this.matches(),i=new Set,a=new Set;for(let e of r??[]){a.add(Bj(e));for(let t=2;t<=e.length;t++)i.add(Bj(e.slice(0,t)))}let o=this.prop(),s=this.writes()&&n===void 0,c=[],l=(e,o,d,f,p,m)=>{let{children:h,more:g}=Lj(e);for(let e of h){let h=[...o,e.key],g=Bj(h);if(r&&!m&&!i.has(g))continue;let _=Fj(e.value),ee=Bj(h,n);if(!_){let t=p&&Wj(e.value)?Hj(h):null;c.push({id:ee,kind:`leaf`,depth:f,path:h,label:e.label,text:oM(e.value),edit:s&&t&&p?{name:Vj(h,[...d]),prop:t,value:e.value,edit:p}:void 0});continue}let te=!!r&&!m&&i.has(g)&&!a.has(g)||t.isOpen(h,n);if(c.push({id:ee,kind:`node`,depth:f,path:h,label:e.label,text:zj(_),container:_,open:te}),!te)continue;let ne=t.level(h,n)??(_.collapsed?void 0:e.value),re=[...d,_.kind];ne===void 0?t.errors().has(ee)?c.push({...u(h,f+1,`error`),text:t.errors().get(ee)}):c.push(u(h,f+1,`loading`)):l(ne,h,re,f+1,Gj(p,_),m||a.has(g))}g>0&&(!r||m)&&c.push({...u(o,f,`more`),more:g,listed:h.length})},u=(e,t,r)=>({id:`${Bj(e,n)}:${r}`,kind:r,depth:t,path:e,label:``,text:``});return l(this.rootValue(),this.rootPath(),[e.kind],0,s?Gj(o.editInside??null,e):null,!r),c});readWhole=async()=>{let e=await this.store().read(this.rootPath(),Ej.depth,Ej.limit);return e.ok?sM(e.value)?{value:e.value}:{error:`Too large to edit as a whole. Open it to edit the values inside.`}:{error:e.error??`The page did not read it.`}};summaryOf(e){return zj(e)}toggleRoot(){this.pendingMore=null,this.store().toggle(this.rootPath(),this.directive(),!1)}toggle(e){this.pendingMore=null,this.store().toggle(e.path,this.directive(),!!e.container?.collapsed)}more(e){this.pendingMore=new Set(this.rows().map(e=>e.id)),this.store().more(e.path,this.directive(),e.listed??0)}focusNear(e){let t=this.host.nativeElement,n=Array.from(t.querySelectorAll(`#${this.listId} > li`)),r=e=>e?.querySelector(`button:not([disabled]), input, textarea, [tabindex="0"]`);(n.slice(e).map(r).find(Boolean)??n.slice(0,e).reverse().map(r).find(Boolean)??t.querySelector(`.root > .toggle`))?.focus()}step(e){return Math.min(100,e.more??0)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-value-tree`]],inputs:{prop:[1,`prop`],store:[1,`store`],componentId:[1,`componentId`],pageId:[1,`pageId`],rpc:[1,`rpc`],writes:[1,`writes`],directive:[1,`directive`],query:[1,`query`]},decls:2,vars:1,consts:[[3,`prop`,`componentId`,`pageId`,`rpc`,`writes`],[1,`root`],[`type`,`button`,1,`toggle`,3,`click`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`chevron`],[`d`,`m9 6 6 6-6 6`],[1,`summary`,`mono`],[1,`whole`,3,`bare`,`prop`,`componentId`,`pageId`,`rpc`,`writes`,`readDraft`],[1,`entries`,3,`id`],[1,`entry`,3,`padding-left`],[1,`entry`],[`type`,`button`,1,`toggle`],[`type`,`button`,1,`more`],[`role`,`status`,1,`muted`],[`role`,`alert`,1,`error`],[1,`key`,`mono`],[1,`leaf-edit`,3,`prop`,`componentId`,`pageId`,`rpc`,`writes`],[1,`leaf`,`mono`],[`type`,`button`,1,`more`,3,`click`],[1,`muted`]],template:function(e,t){if(e&1&&M(0,rM,8,12)(1,iM,1,5,`app-prop-value`,0),e&2){let e;N((e=t.root())?0:1,e)}},dependencies:[wj],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -1965,7 +1965,7 @@ button.edit[_ngcontent-%COMP%] {
    .more[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})};function qj(e,t){return e.length>t.length&&e.startsWith(`${t.slice(0,-1)},`)}var Jj=class{target={rpc:null,pageId:null,componentId:null};fetched=k(new Map);pushed=k({});open=k(new Set);loading=k(new Set);errors=k(new Map);limits=new Map;generation=0;follow(e,t){let n=e.componentId===this.target.componentId&&e.pageId===this.target.pageId;this.target=e,n||(this.generation++,this.fetched.set(new Map),this.open.set(new Set),this.loading.set(new Set),this.errors.set(new Map),this.limits.clear()),this.pushed.set(t??{})}level(e,t){let n=wj(e,t),r=this.pushed();return Object.hasOwn(r,n)?r[n]:this.fetched().get(n)}isOpen(e,t){return this.open().has(wj(e,t))}toggle(e,t,n){let r=wj(e,t),i=new Set(this.open());if(i.has(r)){for(let e of i)(e===r||qj(e,r))&&i.delete(e);this.open.set(i),this.send({path:e,directive:t,forget:!0});return}i.add(r),this.open.set(i),n&&this.load(e,t,this.limits.get(r)??30)}more(e,t,n){let r=wj(e,t),i=Math.min(lj,Math.max(n,this.limits.get(r)??0)+100);this.limits.set(r,i),this.load(e,t,i)}async read(e,t,n){return this.send({path:e,depth:t,limit:n})}async load(e,t,n){let r=wj(e,t),i=this.generation;this.loading.update(e=>new Set(e).add(r));let a=await this.send({path:e,directive:t,limit:n,watch:!0});i===this.generation&&(this.loading.update(e=>{let t=new Set(e);return t.delete(r),t}),this.errors.update(e=>{let t=new Map(e);return a.ok?t.delete(r):t.set(r,a.error??`The page did not read it.`),t}),a.ok&&this.fetched.update(e=>new Map(e).set(r,a.value)))}async send(e){let{rpc:t,pageId:n,componentId:r}=this.target;if(!t||!n||!r)return{error:`No live page to read from.`};let{directive:i,...a}=e;try{return await t.scope(`pangular`).rpc.call(`request-component-value`,{pageId:n,request:{id:r,...a,...i===void 0?{}:{directive:i}}})??{}}catch{return{error:`The devtools server did not answer. Try again.`}}}};function Yj(e,t){if(e&1&&(B(0,`span`,1),J(1),V()),e&2){let e=G(2);A(),X(`: `,e.label())}}function Xj(e,t){if(e&1&&(B(0,`span`,1),J(1),V()),e&2){let e=G(3);A(),X(`: `,e.label())}}function Zj(e,t){if(e&1){let e=H();B(0,`button`,4),W(`click`,function(){return E(e),D(G(2).store(`log`))}),J(1,` Log to console `),M(2,Xj,2,1,`span`,1),V()}if(e&2){let e=G(2);qg(`disabled`,e.busy()||!e.rpc()||!e.pageId()),A(2),N(e.label()?2:-1)}}function Qj(e,t){if(e&1){let e=H();B(0,`button`,0),W(`click`,function(){return E(e),D(G().store())}),J(1,` Store as global `),M(2,Yj,2,1,`span`,1),V(),M(3,Zj,3,2,`button`,2),B(4,`span`,3),J(5),V()}if(e&2){let e=G();qg(`disabled`,e.busy()||!e.rpc()||!e.pageId()),A(2),N(e.label()?2:-1),A(),N(e.canLog()?3:-1),A(2),Y(e.message())}}var $j=class e{rpc=$(null);pageId=$(null);target=$.required();label=$(``);canLog=$(!1);staticReport=Q(()=>xE(this.rpc()));busy=k(!1);message=k(``);async store(e=`store`){let t=this.rpc(),n=this.pageId();if(t&&n){this.busy.set(!0),this.message.set(``);try{let r=await t.scope(`pangular`).rpc.call(`request-console-global`,{pageId:n,target:this.target(),...e===`log`?{mode:e}:{}}),i=e===`log`?r?.ok?`Logged in the page console.`:`Not logged.`:r?.ok&&r.name?`Stored as ${r.name}.`:`Not stored.`;this.message.set(r?.message||i)}catch{this.message.set(`Could not reach the page.`)}finally{this.busy.set(!1)}}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-store-global`]],inputs:{rpc:[1,`rpc`],pageId:[1,`pageId`],target:[1,`target`],label:[1,`label`],canLog:[1,`canLog`]},decls:1,vars:1,consts:[[`type`,`button`,1,`store`,3,`click`,`disabled`],[1,`sr-only`],[`type`,`button`,1,`store`,`log`,3,`disabled`],[`role`,`status`,1,`status`],[`type`,`button`,1,`store`,`log`,3,`click`,`disabled`]],template:function(e,t){e&1&&M(0,Qj,6,4),e&2&&N(t.staticReport()?-1:0)},styles:[`[_nghost-%COMP%] {
+}`]})};function lM(e,t){return e.length>t.length&&e.startsWith(`${t.slice(0,-1)},`)}var uM=class{target={rpc:null,pageId:null,componentId:null};fetched=k(new Map);pushed=k({});open=k(new Set);loading=k(new Set);errors=k(new Map);limits=new Map;generation=0;follow(e,t){let n=e.componentId===this.target.componentId&&e.pageId===this.target.pageId;this.target=e,n||(this.generation++,this.fetched.set(new Map),this.open.set(new Set),this.loading.set(new Set),this.errors.set(new Map),this.limits.clear()),this.pushed.set(t??{})}level(e,t){let n=Bj(e,t),r=this.pushed();return Object.hasOwn(r,n)?r[n]:this.fetched().get(n)}isOpen(e,t){return this.open().has(Bj(e,t))}toggle(e,t,n){let r=Bj(e,t),i=new Set(this.open());if(i.has(r)){for(let e of i)(e===r||lM(e,r))&&i.delete(e);this.open.set(i),this.send({path:e,directive:t,forget:!0});return}i.add(r),this.open.set(i),n&&this.load(e,t,this.limits.get(r)??30)}more(e,t,n){let r=Bj(e,t),i=Math.min(Tj,Math.max(n,this.limits.get(r)??0)+100);this.limits.set(r,i),this.load(e,t,i)}async read(e,t,n){return this.send({path:e,depth:t,limit:n})}async load(e,t,n){let r=Bj(e,t),i=this.generation;this.loading.update(e=>new Set(e).add(r));let a=await this.send({path:e,directive:t,limit:n,watch:!0});i===this.generation&&(this.loading.update(e=>{let t=new Set(e);return t.delete(r),t}),this.errors.update(e=>{let t=new Map(e);return a.ok?t.delete(r):t.set(r,a.error??`The page did not read it.`),t}),a.ok&&this.fetched.update(e=>new Map(e).set(r,a.value)))}async send(e){let{rpc:t,pageId:n,componentId:r}=this.target;if(!t||!n||!r)return{error:`No live page to read from.`};let{directive:i,...a}=e;try{return await t.scope(`pangular`).rpc.call(`request-component-value`,{pageId:n,request:{id:r,...a,...i===void 0?{}:{directive:i}}})??{}}catch{return{error:`The devtools server did not answer. Try again.`}}}};function dM(e,t){if(e&1&&(B(0,`span`,1),J(1),V()),e&2){let e=G(2);A(),X(`: `,e.label())}}function fM(e,t){if(e&1&&(B(0,`span`,1),J(1),V()),e&2){let e=G(3);A(),X(`: `,e.label())}}function pM(e,t){if(e&1){let e=H();B(0,`button`,4),W(`click`,function(){return E(e),D(G(2).store(`log`))}),J(1,` Log to console `),M(2,fM,2,1,`span`,1),V()}if(e&2){let e=G(2);qg(`disabled`,e.busy()||!e.rpc()||!e.pageId()),A(2),N(e.label()?2:-1)}}function mM(e,t){if(e&1){let e=H();B(0,`button`,0),W(`click`,function(){return E(e),D(G().store())}),J(1,` Store as global `),M(2,dM,2,1,`span`,1),V(),M(3,pM,3,2,`button`,2),B(4,`span`,3),J(5),V()}if(e&2){let e=G();qg(`disabled`,e.busy()||!e.rpc()||!e.pageId()),A(2),N(e.label()?2:-1),A(),N(e.canLog()?3:-1),A(2),Y(e.message())}}var hM=class e{rpc=$(null);pageId=$(null);target=$.required();label=$(``);canLog=$(!1);staticReport=Q(()=>FE(this.rpc()));busy=k(!1);message=k(``);async store(e=`store`){let t=this.rpc(),n=this.pageId();if(t&&n){this.busy.set(!0),this.message.set(``);try{let r=await t.scope(`pangular`).rpc.call(`request-console-global`,{pageId:n,target:this.target(),...e===`log`?{mode:e}:{}}),i=e===`log`?r?.ok?`Logged in the page console.`:`Not logged.`:r?.ok&&r.name?`Stored as ${r.name}.`:`Not stored.`;this.message.set(r?.message||i)}catch{this.message.set(`Could not reach the page.`)}finally{this.busy.set(!1)}}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-store-global`]],inputs:{rpc:[1,`rpc`],pageId:[1,`pageId`],target:[1,`target`],label:[1,`label`],canLog:[1,`canLog`]},decls:1,vars:1,consts:[[`type`,`button`,1,`store`,3,`click`,`disabled`],[1,`sr-only`],[`type`,`button`,1,`store`,`log`,3,`disabled`],[`role`,`status`,1,`status`],[`type`,`button`,1,`store`,`log`,3,`click`,`disabled`]],template:function(e,t){e&1&&M(0,mM,6,4),e&2&&N(t.staticReport()?-1:0)},styles:[`[_nghost-%COMP%] {
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
@@ -1985,7 +1985,7 @@ button.edit[_ngcontent-%COMP%] {
 
 .status[_ngcontent-%COMP%]:empty {
   display: none;
-}`]})},eM=(e,t)=>t.id;function tM(e,t){if(e&1&&(B(0,`p`,4),J(1),V()),e&2){let e=G(2);A(),X(`The page has more @for blocks than the `,e.length,` listed.`)}}function nM(e,t){e&1&&(B(0,`span`,9),J(1,`@empty showing`),V())}function rM(e,t){e&1&&(B(0,`span`,10),J(1,`@empty`),V())}function iM(e,t){e&1&&(B(0,`span`,10),J(1,`renders nothing`),V())}function aM(e,t){if(e&1){let e=H();B(0,`li`)(1,`button`,6),W(`click`,function(){let t=E(e).$implicit;return D(G(3).showOwner.emit(t))})(`focus`,function(){let t=E(e).$implicit,n=G(3);return D(n.highlight.emit(n.target(t)))})(`blur`,function(){return E(e),D(G(3).highlight.emit(null))})(`mouseenter`,function(){let t=E(e).$implicit,n=G(3);return D(n.highlight.emit(n.target(t)))})(`mouseleave`,function(){return E(e),D(G(3).highlight.emit(null))}),B(2,`span`,7),J(3),V(),B(4,`span`,8),J(5),V(),M(6,nM,2,0,`span`,9)(7,rM,2,0,`span`,10)(8,iM,2,0,`span`,10),B(9,`span`,11),J(10),V()()()}if(e&2){let e=t.$implicit,n=G(3);A(),j(`aria-disabled`,e.owner?null:`true`),A(2),Y(e.owner?.name??`Unknown component`),A(2),Z(` `,e.count,` `,e.count===1?`item`:`items`,` `),A(),N(e.showingEmpty?6:e.hasEmptyBlock?7:e.count===0?8:-1),A(4),Y(n.trackLabel(e))}}function oM(e,t){if(e&1&&(B(0,`section`,1)(1,`h2`,2),J(2,` @for blocks `),B(3,`span`,3),J(4),V()(),M(5,tM,2,1,`p`,4),B(6,`ul`,5),P(7,aM,11,6,`li`,null,eM),V()()),e&2){let e=G(),t=G();A(4),Y(t.truncated()?e.length+`+`:e.length),A(),N(t.truncated()?5:-1),A(2),F(e)}}function sM(e,t){e&1&&M(0,oM,9,2,`section`,1),e&2&&N(t.length?0:-1)}function cM(e,t){e&1&&(B(0,`p`,0),J(1,` @for blocks are listed from Angular 22.0 in development builds. This page's Angular does not report them. `),V())}var lM={$index:`track $index`,item:`track item`,function:`track expression`},uM=class e{blocks=$(void 0);truncated=$(!1);supported=$(null);showOwner=Rv();highlight=Rv();target(e){return e.rootIds[0]??e.owner?.id??null}trackLabel(e){return e.track?lM[e.track]:`track unknown`}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-for-blocks`]],inputs:{blocks:[1,`blocks`],truncated:[1,`truncated`],supported:[1,`supported`]},outputs:{showOwner:`showOwner`,highlight:`highlight`},decls:2,vars:1,consts:[[1,`note`,`for`],[`aria-labelledby`,`ct-for-title`,1,`for`],[`id`,`ct-for-title`,1,`for-title`],[1,`pill`],[1,`note`],[1,`for-list`],[`type`,`button`,1,`for-row`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`],[1,`name`,`mono`],[1,`count`],[1,`flag`,`empty`],[1,`flag`],[1,`track`,`mono`]],template:function(e,t){if(e&1&&M(0,sM,1,1)(1,cM,2,0,`p`,0),e&2){let e;N((e=t.blocks())?0:t.supported()===!1?1:-1,e)}},styles:[`[_nghost-%COMP%] {
+}`]})},gM=(e,t)=>t.id;function _M(e,t){if(e&1&&(B(0,`p`,4),J(1),V()),e&2){let e=G(2);A(),X(`The page has more @for blocks than the `,e.length,` listed.`)}}function vM(e,t){e&1&&(B(0,`span`,9),J(1,`@empty showing`),V())}function yM(e,t){e&1&&(B(0,`span`,10),J(1,`@empty`),V())}function bM(e,t){e&1&&(B(0,`span`,10),J(1,`renders nothing`),V())}function xM(e,t){if(e&1){let e=H();B(0,`li`)(1,`button`,6),W(`click`,function(){let t=E(e).$implicit;return D(G(3).showOwner.emit(t))})(`focus`,function(){let t=E(e).$implicit,n=G(3);return D(n.highlight.emit(n.target(t)))})(`blur`,function(){return E(e),D(G(3).highlight.emit(null))})(`mouseenter`,function(){let t=E(e).$implicit,n=G(3);return D(n.highlight.emit(n.target(t)))})(`mouseleave`,function(){return E(e),D(G(3).highlight.emit(null))}),B(2,`span`,7),J(3),V(),B(4,`span`,8),J(5),V(),M(6,vM,2,0,`span`,9)(7,yM,2,0,`span`,10)(8,bM,2,0,`span`,10),B(9,`span`,11),J(10),V()()()}if(e&2){let e=t.$implicit,n=G(3);A(),j(`aria-disabled`,e.owner?null:`true`),A(2),Y(e.owner?.name??`Unknown component`),A(2),Z(` `,e.count,` `,e.count===1?`item`:`items`,` `),A(),N(e.showingEmpty?6:e.hasEmptyBlock?7:e.count===0?8:-1),A(4),Y(n.trackLabel(e))}}function SM(e,t){if(e&1&&(B(0,`section`,1)(1,`h2`,2),J(2,` @for blocks `),B(3,`span`,3),J(4),V()(),M(5,_M,2,1,`p`,4),B(6,`ul`,5),P(7,xM,11,6,`li`,null,gM),V()()),e&2){let e=G(),t=G();A(4),Y(t.truncated()?e.length+`+`:e.length),A(),N(t.truncated()?5:-1),A(2),F(e)}}function CM(e,t){e&1&&M(0,SM,9,2,`section`,1),e&2&&N(t.length?0:-1)}function wM(e,t){e&1&&(B(0,`p`,0),J(1,` @for blocks are listed from Angular 22.0 in development builds. This page's Angular does not report them. `),V())}var TM={$index:`track $index`,item:`track item`,function:`track expression`},EM=class e{blocks=$(void 0);truncated=$(!1);supported=$(null);showOwner=Rv();highlight=Rv();target(e){return e.rootIds[0]??e.owner?.id??null}trackLabel(e){return e.track?TM[e.track]:`track unknown`}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-for-blocks`]],inputs:{blocks:[1,`blocks`],truncated:[1,`truncated`],supported:[1,`supported`]},outputs:{showOwner:`showOwner`,highlight:`highlight`},decls:2,vars:1,consts:[[1,`note`,`for`],[`aria-labelledby`,`ct-for-title`,1,`for`],[`id`,`ct-for-title`,1,`for-title`],[1,`pill`],[1,`note`],[1,`for-list`],[`type`,`button`,1,`for-row`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`],[1,`name`,`mono`],[1,`count`],[1,`flag`,`empty`],[1,`flag`],[1,`track`,`mono`]],template:function(e,t){if(e&1&&M(0,CM,1,1)(1,wM,2,0,`p`,0),e&2){let e;N((e=t.blocks())?0:t.supported()===!1?1:-1,e)}},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -2103,7 +2103,7 @@ button.edit[_ngcontent-%COMP%] {
   min-width: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-}`]})},dM=[`filterInput`],fM=[`propFilterInput`],pM=()=>[],mM=e=>({kind:`component`,id:e}),hM=(e,t)=>t.node.id,gM=(e,t)=>t.outlet+t.route,_M=(e,t)=>t+e,vM=(e,t)=>t.formId,yM=(e,t)=>t.name+t.index,bM=(e,t)=>t.name,xM=(e,t)=>t.token+e,SM=(e,t)=>t.id;function CM(e,t){return this.sourceKey(t)}function wM(e,t){if(e&1){let e=H();L(0,`span`,33),J(1,`Page`),R(),L(2,`app-select`,34),U(`valueChange`,function(t){return E(e),D(G(2).selectPage(t))}),R()}if(e&2){let e=G(2);A(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function TM(e,t){if(e&1){let e=H();L(0,`button`,35),U(`click`,function(){return E(e),D(G(2).toggleDirectiveHosts())}),O(),L(1,`svg`,13),z(2,`path`,36)(3,`path`,37),R(),J(4,` Directive hosts `),R()}e&2&&j(`aria-pressed`,G(2).showDirectiveHosts())}function EM(e,t){if(e&1){let e=H();L(0,`button`,38),U(`click`,function(){E(e);let t=G(2);return D(t.picking()?t.cancelPick():t.pick())}),O(),L(1,`svg`,13),z(2,`path`,39),R(),J(3),R()}if(e&2){let e=G(2);q(`on`,e.picking()),A(3),X(` `,e.picking()?`Cancel pick`:`Pick component on page`,` `)}}function DM(e,t){if(e&1&&(L(0,`p`,20),J(1),R()),e&2){let e=G(2);A(),Y(e.pickMessage())}}function OM(e,t){if(e&1&&(L(0,`p`,21),J(1),R()),e&2){let e=G(2);A(),Y(e.truncationText())}}function kM(e,t){e&1&&(L(0,`p`,41),J(1,`The filter only searches the components the tree lists.`),R())}function AM(e,t){e&1&&(L(0,`p`,41),J(1,`Directive hosts are hidden, so they are not searched.`),R())}function jM(e,t){if(e&1){let e=H();L(0,`div`,24)(1,`p`,40),J(2),R(),M(3,kM,2,0,`p`,41),M(4,AM,2,0,`p`,41),L(5,`button`,42),U(`click`,function(){return E(e),D(G(2).clearFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);A(2),X(`No components match “`,e.filter().trim(),`”`),A(),N(e.page().truncated?3:-1),A(),N(!e.showDirectiveHosts()&&e.page().directiveHostCount?4:-1)}}function MM(e,t){if(e&1){let e=H();L(0,`span`,50),U(`click`,function(t){E(e);let n=G().$implicit;return D(G(2).toggle(n.node.id,t))}),O(),L(1,`svg`,51),z(2,`path`,52),R()()}if(e&2){let e=G().$implicit;q(`open`,e.expanded)}}function NM(e,t){e&1&&z(0,`span`,45)}function PM(e,t){if(e&1&&(L(0,`span`,53),J(1),R(),L(2,`span`,54),J(3),R(),L(4,`span`,23),J(5,`directive host`),R()),e&2){let e=G().$implicit,t=G(2);A(),X(`<`,e.node.tag,`>`),A(),j(`title`,e.node.directives?.join(`, `)),A(),Y(t.hostLabel(e.node))}}function FM(e,t){if(e&1&&(L(0,`span`,55),J(1),R(),L(2,`span`,56),J(3),R()),e&2){let e=G().$implicit;A(),Y(e.node.name),A(2),X(`<`,e.node.tag,`>`)}}function IM(e,t){if(e&1&&(L(0,`span`)(1,`span`,23),J(2,`Hydration: `),R(),J(3),R()),e&2){let e=t,n=G(3);M_(`hyd hyd-`+e),A(3),Y(n.hydrationText(e))}}function LM(e,t){if(e&1&&(L(0,`span`,47),J(1),R()),e&2){let e=t.$implicit;A(),Y(e.route||`/`)}}function RM(e,t){if(e&1&&(L(0,`span`,48),J(1),L(2,`span`,23),J(3),R()()),e&2){let e=t;A(),X(` `,e),A(2),X(` `,e===1?`check`:`checks`,` while recording`)}}function zM(e,t){if(e&1&&(L(0,`span`,49),J(1),L(2,`span`,23),J(3),R()()),e&2){let e=G().$implicit;j(`title`,e.node.directives.join(`, `)),A(),X(` +`,e.node.directives.length,` `),A(2),X(` `,e.node.directives.length===1?`directive`:`directives`,` `)}}function BM(e,t){if(e&1){let e=H();L(0,`div`,43),U(`click`,function(){let t=E(e).$implicit;return D(G(2).select(t.node.id))})(`focus`,function(){let t=E(e).$implicit,n=G(2);return n.focusId.set(t.node.id),D(n.highlight(t.node.id))})(`blur`,function(){return E(e),D(G(2).highlight(null))})(`mouseenter`,function(){let t=E(e).$implicit;return D(G(2).highlight(t.node.id))})(`mouseleave`,function(){return E(e),D(G(2).highlight(null))}),M(1,MM,3,2,`span`,44)(2,NM,1,0,`span`,45),M(3,PM,6,3)(4,FM,4,2),M(5,IM,4,3,`span`,46),P(6,LM,2,1,`span`,47,gM),M(8,RM,4,2,`span`,48),M(9,zM,4,3,`span`,49),R()}if(e&2){let e,n,r=t.$implicit,i=G(2);K(`--%NS%depth`,r.depth),q(`selected`,i.selectedId()===r.node.id)(`dir-host`,r.node.kind===`directive`),j(`aria-level`,r.depth+1)(`aria-expanded`,r.hasChildren?r.expanded:null)(`aria-selected`,i.selectedId()===r.node.id)(`tabindex`,i.rovingId()===r.node.id?0:-1)(`data-id`,r.node.id),A(),N(r.hasChildren?1:2),A(2),N(r.node.kind===`directive`?3:4),A(2),N((e=r.node.hydration)?5:-1,e),A(),F(i.routedById().get(r.node.id)??mv(16,pM)),A(2),N((n=i.cdHosts()[r.node.id])?8:-1,n),A(),N(r.node.kind!==`directive`&&r.node.directives?.length?9:-1)}}function VM(e,t){if(e&1&&(L(0,`li`,64),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function HM(e,t){if(e&1){let e=H();L(0,`div`,66)(1,`button`,42),U(`click`,function(){let t=E(e);return D(G(3).reveal(t.id,!0))}),J(2),R()()}e&2&&(A(2),X(` Show `,t.name,` `))}function UM(e,t){if(e&1&&(L(0,`section`,27)(1,`header`,57)(2,`span`,58),J(3,`directive host`),R(),L(4,`h2`,59),J(5),R(),L(6,`span`,60),J(7),R()(),L(8,`div`,61)(9,`h3`),J(10,` Directives `),L(11,`span`,62),J(12),R()(),L(13,`ul`,63),P(14,VM,2,1,`li`,64,_M),R()(),L(16,`div`,61)(17,`p`,65),J(18,` This element hosts directives but no component. Their inputs are bound in the template of the component that renders it. `),R(),M(19,HM,3,1,`div`,66),R()()),e&2){let e,n=t,r=G(2);A(5),X(`<`,n.tag,`>`),A(2),Y(r.hostLabel(n)),A(5),Y(n.directives?.length??0),A(2),F(n.directives??mv(4,pM)),A(5),N((e=r.ownerOf(n.id))?19:-1,e)}}function WM(e,t){if(e&1&&(L(0,`p`,67),z(1,`app-source-link`,71),R()),e&2){let e=t;A(),I(`file`,e.file)(`line`,e.line)}}function GM(e,t){if(e&1){let e=H();L(0,`div`,72)(1,`button`,42),U(`click`,function(){E(e);let t=G();return D(G(2).revealInElements(t))}),J(2,`Reveal in Elements`),R(),L(3,`button`,42),U(`click`,function(){E(e);let t=G();return D(G(2).openSource(t))}),J(4,`Open source`),R()(),L(5,`p`,73),J(6),R()}if(e&2){let e=G(3);A(6),Y(e.actionMessage())}}function KM(e,t){if(e&1){let e=H();L(0,`button`,75),U(`click`,function(){let t=E(e).$implicit;return D(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;A(),X(` Show `,e.label,` in Forms `)}}function qM(e,t){if(e&1&&(L(0,`div`,68),P(1,KM,2,1,`button`,74,vM),R()),e&2){let e=G(),t=G(3);A(),F(t.formsIn(e.file))}}function JM(e,t){e&1&&M(0,qM,3,0,`div`,68),e&2&&N(G(3).formsIn(t.file).length?0:-1)}function YM(e,t){if(e&1){let e=H();L(0,`div`,68)(1,`button`,42),U(`click`,function(){E(e);let t=G();return D(G(2).openInjector(t))}),J(2,` Show in Injectors `),L(3,`span`,23),J(4),R()()()}if(e&2){let e=G();A(4),X(`: `,e.name)}}function XM(e,t){if(e&1&&z(0,`app-store-global`,69),e&2){let e=G(),t=G(2);I(`rpc`,t.rpc())(`pageId`,t.page()?.pageId)(`target`,hv(4,mM,e.id))(`label`,e.name)}}function ZM(e,t){if(e&1&&(L(0,`dt`),J(1,`Routed`),R(),L(2,`dd`,77),J(3),R()),e&2){let e=t.$implicit;A(3),Z(``,e.route||`/`,` in outlet `,e.outlet)}}function QM(e,t){if(e&1&&(L(0,`span`,10),J(1),R()),e&2){let e=G(4);A(),Z(``,e.shownValues()?.count??0,` of `,e.valueTotal())}}function $M(e,t){if(e&1){let e=H();L(0,`div`,81)(1,`p`,40),J(2),R(),L(3,`p`,41),J(4,` The filter searches names, and the nested keys of values you opened. `),R(),L(5,`button`,42),U(`click`,function(){return E(e),D(G(5).clearPropFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(5);A(2),X(` No inputs, outputs or properties match “`,e.propFilter().trim(),`” `)}}function eN(e,t){if(e&1&&(L(0,`span`,85),J(1),R()),e&2){let e=G().$implicit;A(),X(`(`,e.prop,`)`)}}function tN(e,t){if(e&1&&(L(0,`li`,83)(1,`span`,84),J(2),M(3,eN,2,1,`span`,85),R(),z(4,`app-value-tree`,86),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);A(2),X(` `,e.name,` `),A(),N(e.prop===e.name?-1:3),A(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function nN(e,t){if(e&1&&(L(0,`ul`,82),P(1,tN,5,9,`li`,83,bM),R()),e&2){let e=G(2);A(),F(e.inputs)}}function rN(e,t){e&1&&(L(0,`p`,65),J(1,`No inputs.`),R())}function iN(e,t){if(e&1&&(L(0,`div`,61)(1,`h3`),J(2,` Inputs `),L(3,`span`,62),J(4),R()(),M(5,nN,3,0,`ul`,82)(6,rN,2,0,`p`,65),R()),e&2){let e=G();A(4),Y(e.inputs.length),A(),N(e.inputs.length?5:6)}}function aN(e,t){if(e&1&&(L(0,`li`,88)(1,`span`,77),J(2),R(),L(3,`span`,89),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),A(2),Y(e.name),A(2),Y(e.listened?`listened`:`no listener`)}}function oN(e,t){if(e&1&&(L(0,`ul`,63),P(1,aN,5,4,`li`,87,bM),R()),e&2){let e=G(2);A(),F(e.outputs)}}function sN(e,t){e&1&&(L(0,`p`,65),J(1,`No outputs.`),R())}function cN(e,t){if(e&1&&(L(0,`div`,61)(1,`h3`),J(2,` Outputs `),L(3,`span`,62),J(4),R()(),M(5,oN,3,0,`ul`,63)(6,sN,2,0,`p`,65),R()),e&2){let e=G();A(4),Y(e.outputs.length),A(),N(e.outputs.length?5:6)}}function lN(e,t){if(e&1&&(L(0,`span`,90),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.kind)}}function uN(e,t){if(e&1&&(L(0,`li`,83)(1,`span`,84),J(2),M(3,lN,2,1,`span`,90),R(),z(4,`app-value-tree`,86),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);A(2),X(` `,e.name,` `),A(),N(e.kind?3:-1),A(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function dN(e,t){if(e&1&&(L(0,`ul`,82),P(1,uN,5,9,`li`,83,bM),R()),e&2){let e=G(2);A(),F(e.properties)}}function fN(e,t){e&1&&(L(0,`p`,65),J(1,`No other properties.`),R())}function pN(e,t){if(e&1&&(L(0,`div`,61)(1,`h3`),J(2,` Properties `),L(3,`span`,62),J(4),R()(),M(5,dN,3,0,`ul`,82)(6,fN,2,0,`p`,65),R()),e&2){let e=G();A(4),Y(e.properties.length),A(),N(e.properties.length?5:6)}}function mN(e,t){if(e&1&&(L(0,`li`,64),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function hN(e,t){if(e&1&&(L(0,`div`,61)(1,`h3`),J(2,` DOM listeners `),L(3,`span`,62),J(4),R()(),L(5,`ul`,63),P(6,mN,2,1,`li`,64,Ag),R()()),e&2){let e=G(2);A(4),Y(e.listeners.length),A(2),F(e.listeners)}}function gN(e,t){if(e&1&&(L(0,`li`,83)(1,`span`,84),J(2),R(),z(3,`app-value-tree`,91),R()),e&2){let e=t.$implicit,n=G(2).$implicit,r=G(2),i=G(3);A(2),Y(e.name),A(),I(`prop`,e)(`store`,i.values)(`query`,i.propFilter())(`directive`,n.index)(`componentId`,r.id)(`pageId`,i.page()?.pageId??null)(`rpc`,i.rpc())}}function _N(e,t){if(e&1&&(L(0,`ul`,82),P(1,gN,4,8,`li`,83,bM),R()),e&2){let e=G().$implicit;A(),F(e.inputs)}}function vN(e,t){if(e&1&&(L(0,`li`,88)(1,`span`,77),J(2),R(),L(3,`span`,89),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),A(2),Y(e.name),A(2),Y(e.listened?`listened`:`no listener`)}}function yN(e,t){if(e&1&&(L(0,`ul`,63),P(1,vN,5,4,`li`,87,bM),R()),e&2){let e=G().$implicit;A(),F(e.outputs)}}function bN(e,t){e&1&&(L(0,`p`,65),J(1,`No inputs or outputs.`),R())}function xN(e,t){if(e&1&&(L(0,`div`,61)(1,`h3`)(2,`span`,77),J(3),R(),L(4,`span`,90),J(5,`directive on host`),R()(),M(6,_N,3,0,`ul`,82),M(7,yN,3,0,`ul`,63),M(8,bN,2,0,`p`,65),R()),e&2){let e=t.$implicit;A(3),Y(e.name),A(3),N(e.inputs.length?6:-1),A(),N(e.outputs.length?7:-1),A(),N(!e.inputs.length&&!e.outputs.length?8:-1)}}function SN(e,t){if(e&1&&(M(0,$M,7,1,`div`,81),M(1,iN,7,2,`div`,61),M(2,cN,7,2,`div`,61),M(3,pN,7,2,`div`,61),M(4,hN,8,1,`div`,61),P(5,xN,9,4,`div`,61,yM)),e&2){let e=t,n=G(),r=G(3);N(r.propQuery()&&!e.count?0:-1),A(),N(!r.propQuery()||e.inputs.length?1:-1),A(),N(!r.propQuery()||e.outputs.length?2:-1),A(),N(!r.propQuery()||e.properties.length?3:-1),A(),N(!r.propQuery()&&n.listeners.length?4:-1),A(),F(e.directives)}}function CN(e,t){if(e&1&&(L(0,`span`,90),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function wN(e,t){if(e&1&&(L(0,`span`,94),J(1,`from `),L(2,`span`,77),J(3),R()()),e&2){let e=G().$implicit;A(3),Y(e.providedByName??`an injector`)}}function TN(e,t){e&1&&(L(0,`span`,95),J(1,`not provided`),R())}function EN(e,t){if(e&1&&(L(0,`li`,92)(1,`span`,93),J(2),R(),P(3,CN,2,1,`span`,90,Ag),M(5,wN,4,1,`span`,94)(6,TN,2,0,`span`,95),R()),e&2){let e=t.$implicit;A(2),Y(e.token),A(),F(e.flags),A(2),N(e.providedBy?5:6)}}function DN(e,t){if(e&1&&(L(0,`ul`,80),P(1,EN,7,2,`li`,92,xM),R()),e&2){let e=G();A(),F(e.dependencies)}}function ON(e,t){e&1&&(L(0,`p`,65),J(1,`Nothing is injected through the constructor or inject().`),R())}function kN(e,t){if(e&1){let e=H();L(0,`dl`,76)(1,`dt`),J(2,`Change detection`),R(),L(3,`dd`),J(4),R(),L(5,`dt`),J(6,`Encapsulation`),R(),L(7,`dd`),J(8),R(),L(9,`dt`),J(10,`Host path`),R(),L(11,`dd`,77),J(12),R(),P(13,ZM,4,2,null,null,gM),R(),L(15,`div`,78)(16,`div`,4),O(),L(17,`svg`,5),z(18,`circle`,6)(19,`path`,7),R(),gs(),L(20,`input`,79,1),U(`input`,function(t){return E(e),D(G(3).propFilter.set(t.target.value))})(`keydown.escape`,function(t){return E(e),D(G(3).clearPropFilter(t))}),R()(),M(22,QM,2,2,`span`,10),L(23,`p`,19),J(24),R()(),M(25,SN,7,5),L(26,`div`,61)(27,`h3`),J(28,` Injected `),L(29,`span`,62),J(30),R()(),M(31,DN,3,0,`ul`,80)(32,ON,2,0,`p`,65),R()}if(e&2){let e,n=t,r=G(),i=G(2);A(4),Y(n.changeDetection??`Unknown`),A(4),Y(n.encapsulation??`Unknown`),A(4),Y(n.path),A(),F(i.routedById().get(r.id)??mv(9,pM)),A(7),I(`value`,i.propFilter()),A(2),N(i.propQuery()?22:-1),A(2),Y(i.propFilterStatus()),A(),N((e=i.shownValues())?25:-1,e),A(5),Y(n.dependencies.length),A(),N(n.dependencies.length?31:32)}}function AN(e,t){e&1&&(L(0,`div`,70),z(1,`span`,96),L(2,`p`,41),J(3,`Reading live values from the page…`),R()())}function jN(e,t){if(e&1&&(L(0,`section`,27)(1,`header`,57)(2,`span`,58),J(3,`component`),R(),L(4,`h2`,59),J(5),R(),L(6,`span`,60),J(7),R(),M(8,WM,2,2,`p`,67),M(9,GM,7,1),M(10,JM,1,1),M(11,YM,5,1,`div`,68),M(12,XM,1,6,`app-store-global`,69),R(),M(13,kN,33,10)(14,AN,4,0,`div`,70),R()),e&2){let e,n,r,i=t,a=G(2);A(5),Y(i.name),A(2),X(`<`,i.tag,`>`),A(),N((e=a.whereOf(i))?8:-1,e),A(),N(a.devtoolsActions()?9:-1),A(),N((n=a.sourceFor(i))?10:-1,n),A(),N(a.canShowInjector()&&!a.staticReport()?11:-1),A(),N(!a.staticReport()&&!a.native()?12:-1),A(),N((r=a.detail())?13:14,r)}}function MN(e,t){e&1&&(L(0,`p`,40),J(1,`The selected component was destroyed`),R(),L(2,`p`,41)(3,`span`,77),J(4),R(),J(5,` is no longer on the page. Select another component to see its live values. `),R()),e&2&&(A(4),Y(t))}function NN(e,t){e&1&&(L(0,`p`,41),J(1,` Select a component to see its live inputs, properties, outputs, change detection and injected services. `),R())}function PN(e,t){if(e&1&&(L(0,`div`,28),M(1,MN,6,1)(2,NN,2,0,`p`,41),R()),e&2){let e,t=G(2);A(),N((e=t.destroyed())?1:2,e)}}function FN(e,t){e&1&&(L(0,`span`,90),J(1,`hydrate never`),R())}function IN(e,t){if(e&1&&(L(0,`span`,90),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.hydration)}}function LN(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,99),U(`click`,function(){let t=E(e).$implicit;return D(G(3).showOwner(t))})(`focus`,function(){let t=E(e).$implicit;return D(G(3).highlightBlock(t))})(`blur`,function(){return E(e),D(G(3).highlight(null))})(`mouseenter`,function(){let t=E(e).$implicit;return D(G(3).highlightBlock(t))})(`mouseleave`,function(){return E(e),D(G(3).highlight(null))}),L(2,`span`,55),J(3),R(),L(4,`span`,100),J(5),R(),M(6,FN,2,0,`span`,90)(7,IN,2,1,`span`,90),L(8,`span`,101),J(9),R()()()}if(e&2){let e=t.$implicit;A(),j(`aria-disabled`,e.owner?null:`true`),A(2),Y(e.owner?.name??`Unknown component`),A(),M_(`defer-state-`+e.state),A(),Y(e.state),A(),N(e.hydrateNever?6:e.hydration===`not-configured`?-1:7),A(3),Y(e.triggers.join(`, `)||`no triggers`)}}function RN(e,t){if(e&1&&(L(0,`section`,29)(1,`h2`,97),J(2,` Defer blocks `),L(3,`span`,62),J(4),R()(),L(5,`ul`,98),P(6,LN,10,7,`li`,null,SM),R()()),e&2){let e=G(2);A(4),Y(e.deferCount()),A(2),F(e.deferBlocks())}}function zN(e,t){if(e&1){let e=H();L(0,`app-hydration-section`,102),U(`overlay`,function(t){return E(e),D(G(2).setHydrationOverlay(t))})(`showNode`,function(t){return E(e),D(G(2).revealNode(t))})(`highlight`,function(t){return E(e),D(G(2).highlight(t))}),R()}e&2&&I(`report`,G(2).page()?.hydration)}function BN(e,t){if(e&1){let e=H();L(0,`app-cd-recording`,103),U(`showComponent`,function(t){return E(e),D(G(2).showCdComponent(t))}),R()}if(e&2){let e=G(2);I(`page`,e.cdPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc())}}function VN(e,t){if(e&1){let e=H();L(0,`p`,2),J(1,` Every component instance on the page, in the order Angular rendered them. Hover a row to highlight its host in the page, and select it to read its live inputs, properties, outputs and injected services. `),R(),L(2,`div`,3)(3,`div`,4),O(),L(4,`svg`,5),z(5,`circle`,6)(6,`path`,7),R(),gs(),L(7,`input`,8,0),U(`input`,function(t){return E(e),D(G().setFilter(t.target.value))})(`keydown.escape`,function(){return E(e),D(G().setFilter(``))}),R(),L(9,`span`,9),J(10,` Type plain text, a tag such as <button>, or a directive such as [routerLink]. Combine them to narrow the tree. `),R()(),M(11,wM,3,2),L(12,`span`,10),J(13),R(),M(14,TM,5,1,`button`,11),L(15,`button`,12),U(`click`,function(){return E(e),D(G().expandAll())}),O(),L(16,`svg`,13),z(17,`path`,14)(18,`path`,15),R(),J(19,` Expand all `),R(),gs(),L(20,`button`,12),U(`click`,function(){return E(e),D(G().collapseAll())}),O(),L(21,`svg`,13),z(22,`path`,16)(23,`path`,17),R(),J(24,` Collapse all `),R(),M(25,EM,4,3,`button`,18),R(),gs(),L(26,`p`,19),J(27),R(),M(28,DM,2,1,`p`,20),M(29,OM,2,1,`p`,21),L(30,`div`,22)(31,`div`)(32,`h2`,23),J(33,`Component tree`),R(),M(34,jM,7,3,`div`,24),L(35,`div`,25),U(`keydown`,function(t){return E(e),D(G().onTreeKey(t))}),P(36,BM,10,17,`div`,26,hM),R()(),M(38,UM,20,5,`section`,27)(39,jN,15,8,`section`,27)(40,PN,3,1,`div`,28),R(),M(41,RN,8,1,`section`,29),M(42,zN,1,1,`app-hydration-section`,30),L(43,`app-for-blocks`,31),U(`showOwner`,function(t){return E(e),D(G().showForOwner(t))})(`highlight`,function(t){return E(e),D(G().highlight(t))}),R(),M(44,BN,1,3,`app-cd-recording`,32)}if(e&2){let e,t=G();A(7),I(`value`,t.filter()),A(4),N(t.pageOptions().length>1?11:-1),A(2),Y(t.countLabel()),A(),N(t.page().directiveHostCount?14:-1),A(),I(`disabled`,!!t.filter().trim()),A(5),I(`disabled`,!!t.filter().trim()),A(5),N(t.native()?-1:25),A(2),Y(t.announcement()),A(),N(t.pickMessage()?28:-1),A(),N(t.page().truncated?29:-1),A(5),N(t.rows().length?-1:34),A(),I(`hidden`,!t.rows().length),A(),F(t.rows()),A(2),N((e=t.selectedHost())?38:(e=t.selectedNode())?39:40,e),A(3),N(t.deferBlocks().length?41:-1),A(),N(t.native()?-1:42),A(),I(`blocks`,t.page()?.forBlocks)(`truncated`,t.page()?.forBlocksTruncated===!0)(`supported`,t.page()?.deferBlocks&&!t.page()?.forBlocks?!1:null),A(),N(!t.staticReport()&&!t.native()?44:-1)}}function HN(e,t){e&1&&(L(0,`p`,21),J(1,` The page reported no component instances. The live tree needs a development build with Angular's debug API. Showing what the source declares instead. `),R())}function UN(e,t){e&1&&(L(0,`p`,104),J(1,` No page is connected, so this lists what the source declares. Open the app in a browser with the devtools connected to see each rendered instance. `),R())}function WN(e,t){if(e&1&&J(0),e&2){let e=G(3);Z(` `,e.filteredSource().length,` of `,e.source().length,` `)}}function GN(e,t){if(e&1&&J(0),e&2){let e=G(3);iv(` `,e.sourceCounts().components,` `,e.sourceCounts().components===1?`component`:`components`,` · `,e.sourceCounts().directives,` `,e.sourceCounts().directives===1?`directive`:`directives`,` `)}}function KN(e,t){if(e&1&&(L(0,`span`,106),M(1,WN,1,2)(2,GN,1,4),R()),e&2){let e=G(2);A(),N(e.filter().trim()?1:2)}}function qN(e,t){e&1&&(L(0,`div`,110),z(1,`span`,96),L(2,`p`,40),J(3,`Scanning components…`),R()())}function JN(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function YN(e,t){e&1&&J(0,` Check that the dev server is running, then try again. `)}function XN(e,t){if(e&1){let e=H();L(0,`div`,111)(1,`p`,40),J(2,`Could not load components`),R(),L(3,`p`,41),M(4,JN,4,0)(5,YN,1,0),R(),L(6,`button`,42),U(`click`,function(){return E(e),D(G(2).refresh())}),J(7,`Retry`),R()()}if(e&2){let e=G(2);A(4),N(e.staticReport()?4:5)}}function ZN(e,t){e&1&&(L(0,`div`,112)(1,`p`,40),J(2,`No components found`),R(),L(3,`p`,41),J(4,`No @Component or @Directive was found in the source.`),R()())}function QN(e,t){if(e&1){let e=H();L(0,`div`,112)(1,`p`,40),J(2),R(),L(3,`button`,42),U(`click`,function(){return E(e),D(G(2).clearFilter())}),J(4,`Clear filter`),R()()}if(e&2){let e=G(2);A(2),X(`No components match “`,e.filter().trim(),`”`)}}function $N(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,G(3).bareName(e.className),` · `)}}function eP(e,t){if(e&1&&(L(0,`dt`),J(1,`Change detection`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(2).$implicit;A(3),Y(e.changeDetection??`Unknown`)}}function tP(e,t){if(e&1){let e=H();L(0,`button`,75),U(`click`,function(){let t=E(e).$implicit;return D(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;A(),X(` Show `,e.label,` in Forms `)}}function nP(e,t){if(e&1&&(L(0,`div`,122)(1,`dl`,76)(2,`dt`),J(3,`Class`),R(),L(4,`dd`,77),J(5),R(),L(6,`dt`),J(7,`File`),R(),L(8,`dd`,77),z(9,`app-source-link`,71),R(),L(10,`dt`),J(11,`Standalone`),R(),L(12,`dd`),J(13),R(),M(14,eP,4,1),L(15,`dt`),J(16,`Inputs`),R(),L(17,`dd`,77),J(18),R(),L(19,`dt`),J(20,`Outputs`),R(),L(21,`dd`,77),J(22),R()(),P(23,tP,2,1,`button`,74,vM),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(3);I(`id`,`ct-source-`+n),A(5),Y(r.bareName(t.className)),A(4),I(`file`,t.file)(`line`,t.line),A(4),Y(t.isStandalone?`Yes`:`No`),A(),N(t.kind===`component`?14:-1),A(4),Y(t.inputs.join(`, `)||`None`),A(4),Y(t.outputs.join(`, `)||`None`),A(),F(r.formsIn(t.file))}}function rP(e,t){if(e&1){let e=H();L(0,`li`,115)(1,`button`,116),U(`click`,function(){let t=E(e).$implicit,n=G(3);return D(n.openKey.set(n.openKey()===n.sourceKey(t)?null:n.sourceKey(t)))}),L(2,`span`,117),J(3),R(),L(4,`span`,118)(5,`span`,119),J(6),R(),L(7,`span`,120),M(8,$N,1,1),J(9),R()(),O(),L(10,`svg`,121),z(11,`path`,52),R()(),M(12,nP,25,8,`div`,122),R()}if(e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`expanded`,r.openKey()===r.sourceKey(e)),A(),j(`aria-expanded`,r.openKey()===r.sourceKey(e))(`aria-controls`,r.openKey()===r.sourceKey(e)?`ct-source-`+n:null),A(),q(`directive`,e.kind===`directive`),A(),Y(e.kind),A(3),Y(r.sourceLabel(e)),A(2),N(e.selector?8:-1),A(),Z(` `,e.file,`:`,e.line,` `),A(3),N(r.openKey()===r.sourceKey(e)?12:-1)}}function iP(e,t){if(e&1&&(L(0,`ul`,113),P(1,rP,13,12,`li`,114,CM,!0),R()),e&2){let e=G(2);A(),F(e.filteredSource())}}function aP(e,t){if(e&1){let e=H();M(0,HN,2,0,`p`,21)(1,UN,2,0,`p`,104),L(2,`div`,3)(3,`div`,4),O(),L(4,`svg`,5),z(5,`circle`,6)(6,`path`,7),R(),gs(),L(7,`input`,105,0),U(`input`,function(t){return E(e),D(G().filter.set(t.target.value))})(`keydown.escape`,function(){return E(e),D(G().filter.set(``))}),R()(),M(9,KN,3,1,`span`,106),L(10,`button`,107),U(`click`,function(){return E(e),D(G().refresh())}),O(),L(11,`svg`,13),z(12,`path`,108)(13,`path`,109),R(),J(14,` Refresh `),R()(),M(15,qN,4,0,`div`,110)(16,XN,8,1,`div`,111)(17,ZN,5,0,`div`,112)(18,QN,5,1,`div`,112)(19,iP,3,0,`ul`,113)}if(e&2){let e=G();N(+!e.page()),A(7),I(`value`,e.filter()),A(2),N(e.source().length?9:-1),A(),q(`spinning`,e.loading()),j(`aria-busy`,e.loading()),A(5),N(e.loading()&&!e.source().length?15:e.error()&&!e.source().length?16:e.source().length?e.filteredSource().length?19:18:17)}}function oP(e){return e.replace(/^_(?=[A-Z])/,``)}var sP=`pangular:components:directive-hosts`;function cP(){try{return localStorage.getItem(sP)!==`hidden`}catch{return!0}}var lP=class e{rpc=$(null);staticReport=Q(()=>xE(this.rpc()));focus=$(null);showForm=Rv();focusHandled=Rv();canShowInjector=$(!1);showInjector=Rv();filter=k(``);loading=k(!1);error=k(!1);source=k([]);formOwners=k([]);pages=k({});chosenPageId=k(null);selectedId=k(null);destroyed=k(null);announcement=k(``);picking=k(!1);pickMessage=k(``);pickPageId=null;pickSeq=0;focusId=k(null);bridge=w(LD);actionMessage=Fv({source:this.selectedId,computation:()=>``});collapsed=k(new Set);showDirectiveHosts=k(cP());openKey=k(null);routerPages=k([]);pageId=hE();destroyRef=w(Es);injector=w(ws);host=w(Fl);filterInput=Jv(`filterInput`);cleanups=[];selection={pageId:null,detailId:null};shownPageId=Fv({source:()=>({pages:this.pages(),chosen:this.chosenPageId()}),computation:({pages:e,chosen:t},n)=>gE(e,{chosen:t,host:this.pageId,previous:n?.value??null})});page=Q(()=>{let e=this.shownPageId();return e?this.pages()[e]??null:null});pageOptions=Q(()=>Object.values(this.pages()).map(e=>({value:e.pageId,label:e.title||e.url||`Page ${e.pageId}`,hint:e.url})));live=Q(()=>(this.page()?.roots.length??0)>0);native=Q(()=>zD(this.page()));canEdit=Q(()=>this.live()&&!this.native()&&!this.staticReport()&&FE(this.rpc(),`components`));devtoolsActions=Q(()=>this.bridge.available&&!!this.page()&&!this.native()&&!this.staticReport());cdPages=k({});cdPage=Q(()=>{let e=this.page()?.pageId;return e?this.cdPages()[e]??null:null});cdHosts=Q(()=>this.cdPage()?.hosts??{});visibleRoots=Q(()=>{let e=this.page()?.roots??[];return this.showDirectiveHosts()||!this.page()?.directiveHostCount?e:QD(e)});index=Q(()=>{let e=new Map,t=new Map,n=(r,i)=>{for(let a of r)e.set(a.id,a),i&&t.set(a.id,i),n(a.children,a.id)};return n(this.visibleRoots(),null),{map:e,parents:t}});query=Q(()=>this.filter().trim().toLowerCase());filtered=Q(()=>ZD(this.visibleRoots(),this.query()));shownDirectiveHosts=Q(()=>this.showDirectiveHosts()?this.page()?.directiveHostCount??0:0);deferBlocks=Q(()=>this.page()?.deferBlocks??[]);deferCount=Q(()=>`${this.deferBlocks().length}${this.page()?.deferTruncated?`+`:``}`);countLabel=Q(()=>nO(this.page()?.count??0,this.filtered().matches,!!this.query(),!!this.page()?.truncated,this.shownDirectiveHosts()));truncationText=Q(()=>iO(this.page()?.truncatedBy));rows=Q(()=>{let e=[],t=this.collapsed(),n=!!this.query(),r=(i,a)=>{for(let o of i){let i=n||!t.has(o.id);e.push({node:o,depth:a,hasChildren:o.children.length>0,expanded:i}),i&&r(o.children,a+1)}};return r(this.filtered().nodes,0),e});selectedNode=Q(()=>{let e=this.selectedId();return e?this.index().map.get(e)??null:null});selectedHost=Q(()=>{let e=this.selectedNode();return e?.kind===`directive`?e:null});detail=Q(()=>{let e=this.page()?.detail;return e&&e.id===this.selectedId()?e:null});values=new Jj;propFilter=k(``);propQuery=Q(()=>this.propFilter().trim().toLowerCase());propFilterInput=Jv(`propFilterInput`);shownValues=Q(()=>{let e=this.detail();if(!e)return null;let t=this.propQuery(),n=e=>!t||e.name.toLowerCase().includes(t)||e.prop.toLowerCase().includes(t),r=(e,r)=>n(e)||Aj([e.prop],e.value,e=>this.values.level(e,r),t,1).length>0,i=e.inputs.filter(e=>r(e)),a=e.outputs.filter(n),o=(e.properties??[]).filter(e=>r(e)),s=e.directives.map((e,t)=>({...e,index:t,inputs:e.inputs.filter(e=>r(e,t)),outputs:e.outputs.filter(n)})).filter(e=>!t||e.inputs.length||e.outputs.length);return{inputs:i,outputs:a,properties:o,directives:s,count:i.length+a.length+o.length+s.reduce((e,t)=>e+t.inputs.length+t.outputs.length,0)}});valueTotal=Q(()=>{let e=this.detail();return e?e.inputs.length+e.outputs.length+(e.properties?.length??0)+e.directives.reduce((e,t)=>e+t.inputs.length+t.outputs.length,0):0});propFilterStatus=Q(()=>{if(!this.propQuery())return``;let e=this.shownValues()?.count??0;return e?`${e} of ${this.valueTotal()} values match.`:`No inputs, outputs or properties match.`});clearPropFilter(e){e&&this.propFilter()&&(e.stopPropagation(),e.preventDefault()),this.propFilter.set(``),this.propFilterInput()?.nativeElement.focus()}rovingId=Q(()=>{let e=this.rows(),t=new Set(e.map(e=>e.node.id)),n=this.focusId();if(n&&t.has(n))return n;let r=this.selectedId();return r&&t.has(r)?r:e[0]?.node.id??null});outlets=Q(()=>{let e=this.page()?.pageId;return this.routerPages().find(t=>t.pageId===e)?.outlets??[]});routedById=Q(()=>{let e=new Map,t=n=>{for(let r of n){if(r.activated&&r.devtoolsId){let t=e.get(r.devtoolsId)??[];t.push({route:r.route??``,outlet:r.outlet}),e.set(r.devtoolsId,t)}r.children&&t(r.children)}};return t(this.outlets()),e});sourceByClass=Q(()=>{let e=new Map;for(let t of this.source()){let n=oP(t.className);e.set(n,[...e.get(n)??[],t])}return e});filteredSource=Q(()=>{let e=this.query(),t=this.source();return e?t.filter(t=>t.selector.toLowerCase().includes(e)||t.className.toLowerCase().includes(e)||t.file.toLowerCase().includes(e)):t});sourceCounts=Q(()=>{let e=this.source().filter(e=>e.kind===`component`).length;return{components:e,directives:this.source().length-e}});constructor(){pc(()=>{let e=this.detail(),t={rpc:this.rpc(),pageId:this.page()?.pageId??null,componentId:e?.id??null};Nv(()=>this.values.follow(t,e?.expanded))}),pc(()=>{let e=this.page()?.pageId??null;Nv(()=>{this.picking()&&e!==this.pickPageId&&this.dropPick()})}),pc(()=>{let e=this.rpc();e&&(this.refresh(),this.watch(e))}),pc(()=>{let e=this.focus();if(!e)return;let t=this.page()?.pageId??null;if(e.pageId&&t!==e.pageId&&this.pages()[e.pageId]){Nv(()=>this.selectPage(e.pageId));return}this.live()&&Nv(()=>{(!e.pageId||t===e.pageId)&&this.index().map.has(e.id)?this.reveal(e.id):this.announcement.set(`That component is no longer on the page.`),this.focusHandled.emit()})}),this.destroyRef.onDestroy(()=>{this.highlight(null);for(let e of this.cleanups.splice(0))e()})}async watch(e){for(let e of this.cleanups.splice(0))e();let t=e.scope(`pangular`);try{let e=await t.rpc.sharedState(`component-tree`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e?.pages;this.applyPages(t&&typeof t==`object`?t:{})};n(e.value()),this.cleanups.push(e.on(`updated`,n))}catch{this.applyPages({})}try{let e=await t.rpc.sharedState(`change-detection`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e?.pages;this.cdPages.set(t&&typeof t==`object`?t:{})};n(e.value()),this.cleanups.push(e.on(`updated`,n))}catch{this.cdPages.set({})}try{let e=await t.rpc.sharedState(`router`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e?.pages;this.routerPages.set(Array.isArray(t)?t:[])};n(e.value()),this.cleanups.push(e.on(`updated`,n))}catch{this.routerPages.set([])}}async refresh(){let e=this.rpc();if(!e)return;this.loading.set(!0);let t=e.scope(`pangular`);try{this.source.set(await t.rpc.call(`get-components`)),this.error.set(!1)}catch{this.error.set(!0)}finally{this.loading.set(!1)}let n=await t.rpc.call(`forms-owners`).catch(()=>[]);this.formOwners.set(n??[])}formsIn(e){return this.formOwners().filter(t=>t.file===e)}whereOf(e){return this.detail()?.source??this.sourceFor(e)}async revealInElements(e){let t=this.page()?.pageId;if(!t)return;this.actionMessage.set(``);let n=await this.bridge.reveal(t,e.id);this.selectedId()===e.id&&this.actionMessage.set(n.ok?``:`Could not reveal it. The component must be rendered in the tab these DevTools inspect.`)}openInjector(e){let t=this.page()?.pageId;this.showInjector.emit(t?{componentId:e.id,pageId:t}:{componentId:e.id})}async openSource(e){let t=this.page()?.pageId;if(!t)return;let n=this.whereOf(e);this.actionMessage.set(``);let r=await this.bridge.openSource(t,e.id,n);this.selectedId()===e.id&&(r.ok||this.actionMessage.set(n?`Not found in Sources. Open ${n.file}:${n.line} in your editor.`:`Could not open the source. The component must be rendered in the tab these DevTools inspect.`))}sourceFor(e){let t=(this.sourceByClass().get(oP(e.name))??[]).filter(e=>e.kind===`component`);return t.find(t=>t.selector===e.tag)??t[0]??null}sourceKey(e){return`${e.file}#${e.className}`}sourceLabel(e){return e.selector?e.kind===`component`&&/^[a-z][\w-]*$/i.test(e.selector)?`<${e.selector}>`:e.selector:oP(e.className)}bareName(e){return oP(e)}applyPages(e){let t=document.activeElement,n=t instanceof HTMLElement&&this.host.nativeElement.contains(t)?t.closest(`.row`)?.dataset.id??null:null,r=n?this.rows().map(e=>e.node.id):[],i=this.index().map;if(this.pages.set(e),this.syncSelection(i),!n)return;let a=new Set(this.rows().map(e=>e.node.id));if(a.has(n))return;let o=sO(r,a,n);o&&(this.focusId.set(o),Vd(()=>this.rowElement(o)?.focus(),{injector:this.injector}))}syncSelection(e=this.index().map){let t=this.page(),n=aO({...this.selection,selectedId:this.selectedId()},t?{pageId:t.pageId,roots:t.roots,detail:t.detail,truncated:t.truncated}:null),r=n.destroyed?e.get(n.destroyed)?.name:void 0;this.selection={pageId:n.pageId,detailId:n.detailId},n.selectedId!==this.selectedId()&&this.selectedId.set(n.selectedId),n.selectedId&&this.destroyed.set(null),n.destroyed&&(this.destroyed.set(r??`The component`),this.announcement.set(`The selected component was destroyed.`),this.sendSelection(null))}selectPage(e){e&&(this.chosenPageId.set(e),this.destroyed.set(null),this.syncSelection())}setFilter(e){this.filter.set(e);let{matches:t}=this.filtered();this.announcement.set(rO(this.page()?.count??0,t,e,!!this.page()?.truncated,this.shownDirectiveHosts()))}clearFilter(){this.live()?this.setFilter(``):this.filter.set(``),this.filterInput()?.nativeElement.focus()}async pick(){let e=this.rpc();if(!e||this.picking())return;let t=++this.pickSeq;this.pickPageId=this.page()?.pageId??null,this.picking.set(!0),this.say(`Click a component in the app. Press Escape to cancel.`);let n=await e.scope(`pangular`).rpc.call(`request-component-pick`,{pageId:this.pickPageId??void 0}).catch(()=>({ok:!1,error:`Could not reach the devtools server.`}));if(t===this.pickSeq){if(this.picking.set(!1),!n?.ok||!n.id){this.say(n?.error??`No component was picked.`);return}n.pageId&&n.pageId!==this.page()?.pageId&&this.selectPage(n.pageId),this.say(`Picked ${n.name??`a component`}.`),this.destroyed.set(null),this.index().map.has(n.id)?this.reveal(n.id):this.selectedId.set(n.id)}}cancelPick(){let e=this.rpc();e&&this.picking()&&e.scope(`pangular`).rpc.call(`cancel-component-pick`,{pageId:this.pickPageId??void 0}).catch(()=>{})}dropPick(){this.cancelPick(),this.pickSeq++,this.picking.set(!1),this.say(`Picking stopped because the page changed.`)}say(e){this.pickMessage.set(e),this.announcement.set(e)}sendSelection(e){let t=this.rpc();t&&t.scope(`pangular`).rpc.call(`select-component`,{pageId:this.page()?.pageId,id:e,console:!0}).catch(()=>{})}rowElement(e){return this.host.nativeElement.querySelector(`.row[data-id="${CSS.escape(e)}"]`)}select(e){let t=this.selectedId()===e?null:e;this.selectedId.set(t),this.destroyed.set(null),this.focusId.set(e),!(t&&this.index().map.get(t)?.kind===`directive`)&&this.sendSelection(t)}hostLabel(e){return $D(e)}hydrationText(e){return tO(e)}ownerOf(e){let{map:t,parents:n}=this.index();for(let r=n.get(e);r;r=n.get(r)){let e=t.get(r);if(e&&e.kind!==`directive`)return e}return null}toggleDirectiveHosts(){let e=!this.showDirectiveHosts();this.showDirectiveHosts.set(e);try{localStorage.setItem(sP,e?`shown`:`hidden`)}catch{}let t=this.selectedId();!e&&t&&!this.index().map.has(t)&&this.selectedId.set(null),this.announce(e?`Directive hosts are shown.`:`Directive hosts are hidden.`)}setHydrationOverlay(e){let t=this.rpc(),n=this.page()?.pageId;t&&n&&(t.scope(`pangular`).rpc.call(`request-hydration-overlay`,{pageId:n,on:e}).catch(()=>{}),this.announce(e?`Outlining hydration on the page.`:`Hydration outline removed.`))}revealNode(e){this.index().map.has(e)&&this.reveal(e)}reveal(e,t=!1){let{parents:n}=this.index();this.collapsed.update(t=>{let r=new Set(t);for(let t=n.get(e);t;t=n.get(t))r.delete(t);return r}),this.rows().some(t=>t.node.id===e)||this.setFilter(``),this.selectedId()!==e&&this.select(e),t&&this.focusId.set(e),Vd(()=>{let n=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);n?.scrollIntoView({block:`nearest`}),t&&n?.focus()},{injector:this.injector})}toggle(e,t){t?.stopPropagation(),!this.query()&&this.collapsed.update(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}expandAll(){this.query()||(this.collapsed.set(new Set),this.announce(`Expanded every component.`))}collapseAll(){if(this.query())return;let{map:e,parents:t}=this.index(),n=this.rovingId(),r=new Set;for(let t of e.values())t.children.length&&r.add(t.id);if(this.collapsed.set(r),n){let e=new Set(this.rows().map(e=>e.node.id)),r=n;for(;r&&!e.has(r);)r=t.get(r);r&&this.focusId.set(r)}this.announce(`Collapsed every component. Only the top level is shown.`)}announce(e){this.announcement.update(t=>t===e?`${e}\u00a0`:e)}expandSiblings(e){if(this.query())return;let t=this.index().parents.get(e),n=t?this.index().map.get(t)?.children??[]:this.page()?.roots??[];this.collapsed.update(e=>{let t=new Set(e);for(let e of n)t.delete(e.id);return t})}highlight(e){let t=this.rpc();if(!t)return;let n=e?{pageId:this.page()?.pageId,id:e}:null;t.scope(`pangular`).rpc.call(`request-page-highlight`,n).catch(()=>{})}highlightBlock(e){this.highlight(e.rootIds[0]??e.owner?.id??null)}showOwner(e){e.owner&&this.index().map.has(e.owner.id)&&this.reveal(e.owner.id)}showCdComponent(e){let t=this.cdHosts(),n=null;for(let r of this.index().map.values())r.name===e&&(!n||(t[r.id]??0)>(t[n.id]??0))&&(n=r);if(!n){this.say(`No ${e} is in the tree now.`);return}this.say(`Showing ${e} in the tree.`),this.reveal(n.id)}showForOwner(e){e.owner&&this.index().map.has(e.owner.id)&&this.reveal(e.owner.id)}onTreeKey(e){let t=this.rows();if(!t.length)return;let n=t.findIndex(e=>e.node.id===this.rovingId()),r=Math.max(n,0),i=t[r],a=-1;switch(e.key){case`ArrowDown`:a=Math.min(r+1,t.length-1);break;case`ArrowUp`:a=Math.max(r-1,0);break;case`Home`:a=0;break;case`End`:a=t.length-1;break;case`ArrowRight`:i.hasChildren&&!i.expanded?this.toggle(i.node.id):i.hasChildren&&(a=r+1);break;case`ArrowLeft`:if(i.hasChildren&&i.expanded&&!this.query())this.toggle(i.node.id);else{let e=this.index().parents.get(i.node.id);a=t.findIndex(t=>t.node.id===e)}break;case`Enter`:case` `:this.select(i.node.id);break;case`*`:this.expandSiblings(i.node.id);break;default:return}if(e.preventDefault(),a>=0){let e=t[a].node.id;this.focusId.set(e),queueMicrotask(()=>{let t=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);t?.focus(),t?.scrollIntoView({block:`nearest`})})}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-component-tree`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,dM,5)(t.propFilterInput,fM,5),e&2&&u_(2)},hostBindings:function(e,t){e&1&&U(`keydown.escape`,function(){return t.cancelPick()})},inputs:{rpc:[1,`rpc`],focus:[1,`focus`],canShowInjector:[1,`canShowInjector`]},outputs:{showForm:`showForm`,focusHandled:`focusHandled`,showInjector:`showInjector`},decls:2,vars:1,consts:[[`filterInput`,``],[`propFilterInput`,``],[1,`intro`],[1,`toolbar`],[1,`search`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`type`,`search`,`placeholder`,`Filter: text, <tag> or [directive]…`,`aria-label`,`Filter components by class, tag or directive`,`aria-describedby`,`ct-filter-hint`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[`id`,`ct-filter-hint`,1,`sr-only`],[1,`count`],[`type`,`button`,1,`tree-action`],[`type`,`button`,1,`tree-action`,3,`click`,`disabled`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`],[`d`,`m7 15 5 5 5-5`],[`d`,`m7 9 5-5 5 5`],[`d`,`m7 20 5-5 5 5`],[`d`,`m7 4 5 5 5-5`],[`type`,`button`,1,`pick`,3,`on`],[`role`,`status`,1,`sr-only`],[1,`pick-message`],[`role`,`status`,1,`notice`],[1,`layout`],[1,`sr-only`],[1,`state`,`compact`,`tree`],[`role`,`tree`,`aria-label`,`Component instances`,1,`tree`,3,`keydown`,`hidden`],[`role`,`treeitem`,1,`row`,3,`selected`,`dir-host`,`--%NS%depth`],[`aria-labelledby`,`ct-detail-title`,1,`detail`],[1,`detail`,`placeholder`],[`aria-labelledby`,`ct-defer-title`,1,`defer`],[3,`report`],[3,`showOwner`,`highlight`,`blocks`,`truncated`,`supported`],[3,`page`,`pageId`,`rpc`],[`id`,`ct-page-label`,1,`sr-only`],[`labelledBy`,`ct-page-label`,1,`page-select`,3,`valueChange`,`options`,`value`],[`type`,`button`,1,`tree-action`,3,`click`],[`d`,`M8 4H5v16h3`],[`d`,`M16 4h3v16h-3`],[`type`,`button`,1,`pick`,3,`click`],[`d`,`M4 4l6.5 16 2.3-6.7L19.5 11z`],[1,`state-title`],[1,`state-hint`],[`type`,`button`,3,`click`],[`role`,`treeitem`,1,`row`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`],[`aria-hidden`,`true`,1,`twisty`,3,`open`],[`aria-hidden`,`true`,1,`twisty-space`],[3,`class`],[1,`routed`],[1,`checks`],[1,`dirs`],[`aria-hidden`,`true`,1,`twisty`,3,`click`],[`viewBox`,`0 0 24 24`],[`d`,`m9 6 6 6-6 6`],[1,`tag`,`host-tag`,`mono`],[1,`host-dirs`,`mono`],[1,`name`,`mono`],[1,`tag`,`mono`],[1,`detail-head`],[1,`badge`],[`id`,`ct-detail-title`,1,`mono`],[1,`mono`,`muted`],[1,`block`],[1,`pill`],[1,`chips`],[1,`chip`,`mono`],[1,`empty-line`],[1,`actions`,`owner-action`],[1,`where`,`mono`],[1,`actions`],[1,`console-global`,3,`rpc`,`pageId`,`target`,`label`],[`role`,`status`,1,`state`,`compact`],[3,`file`,`line`],[`role`,`group`,`aria-label`,`Chrome DevTools`,1,`actions`],[`role`,`status`,1,`where`,`action-message`],[`type`,`button`,1,`show-form`],[`type`,`button`,1,`show-form`,3,`click`],[1,`facts`],[1,`mono`],[1,`prop-filter`],[`type`,`search`,`placeholder`,`Filter values by name…`,`aria-label`,`Filter inputs, outputs and properties by name, including opened nested keys`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[1,`deps`],[1,`state`,`compact`],[1,`props`],[1,`prop`],[1,`prop-name`,`mono`],[1,`muted`],[3,`prop`,`store`,`query`,`componentId`,`pageId`,`rpc`,`writes`],[1,`chip`,3,`on`],[1,`chip`],[1,`chip-note`],[1,`flag`],[3,`prop`,`store`,`query`,`directive`,`componentId`,`pageId`,`rpc`],[1,`dep`],[1,`token`,`mono`],[1,`from`],[1,`from`,`missing`],[`aria-hidden`,`true`,1,`spinner`],[`id`,`ct-defer-title`,1,`defer-title`],[1,`defer-list`],[`type`,`button`,1,`defer-row`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`],[1,`defer-state`],[1,`triggers`,`mono`],[3,`overlay`,`showNode`,`highlight`,`report`],[3,`showComponent`,`page`,`pageId`,`rpc`],[1,`notice`],[`type`,`search`,`placeholder`,`Filter by selector, class or file…`,`aria-label`,`Filter components by selector, class or file`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[`aria-live`,`polite`,1,`count`],[`type`,`button`,1,`refresh`,3,`click`],[`d`,`M20 12a8 8 0 1 1-2.34-5.66`],[`d`,`M20 4v5h-5`],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[1,`state`],[`role`,`list`,1,`source-list`],[1,`source-item`,3,`expanded`],[1,`source-item`],[`type`,`button`,1,`source-toggle`,3,`click`],[1,`kind-flag`],[1,`row-main`],[1,`selector`,`mono`],[1,`file`,`mono`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`chevron`],[1,`inline-detail`,3,`id`]],template:function(e,t){e&1&&M(0,VN,45,19)(1,aP,20,7),e&2&&N(+!t.live())},dependencies:[XD,VA,XA,Kj,$j,uM,yO],styles:[`[_nghost-%COMP%] {
+}`]})},DM=[`filterInput`],OM=[`propFilterInput`],kM=()=>[],AM=e=>({kind:`component`,id:e}),jM=(e,t)=>t.node.id,MM=(e,t)=>t.outlet+t.route,NM=(e,t)=>t+e,PM=(e,t)=>t.formId,FM=(e,t)=>t.name+t.index,IM=(e,t)=>t.name,LM=(e,t)=>t.token+e,RM=(e,t)=>t.id;function zM(e,t){return this.sourceKey(t)}function BM(e,t){if(e&1){let e=H();L(0,`span`,33),J(1,`Page`),R(),L(2,`app-select`,34),U(`valueChange`,function(t){return E(e),D(G(2).selectPage(t))}),R()}if(e&2){let e=G(2);A(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function VM(e,t){if(e&1){let e=H();L(0,`button`,35),U(`click`,function(){return E(e),D(G(2).toggleDirectiveHosts())}),O(),L(1,`svg`,13),z(2,`path`,36)(3,`path`,37),R(),J(4,` Directive hosts `),R()}e&2&&j(`aria-pressed`,G(2).showDirectiveHosts())}function HM(e,t){if(e&1){let e=H();L(0,`button`,38),U(`click`,function(){E(e);let t=G(2);return D(t.picking()?t.cancelPick():t.pick())}),O(),L(1,`svg`,13),z(2,`path`,39),R(),J(3),R()}if(e&2){let e=G(2);q(`on`,e.picking()),A(3),X(` `,e.picking()?`Cancel pick`:`Pick component on page`,` `)}}function UM(e,t){if(e&1&&(L(0,`p`,20),J(1),R()),e&2){let e=G(2);A(),Y(e.pickMessage())}}function WM(e,t){if(e&1&&(L(0,`p`,21),J(1),R()),e&2){let e=G(2);A(),Y(e.truncationText())}}function GM(e,t){e&1&&(L(0,`p`,41),J(1,`The filter only searches the components the tree lists.`),R())}function KM(e,t){e&1&&(L(0,`p`,41),J(1,`Directive hosts are hidden, so they are not searched.`),R())}function qM(e,t){if(e&1){let e=H();L(0,`div`,24)(1,`p`,40),J(2),R(),M(3,GM,2,0,`p`,41),M(4,KM,2,0,`p`,41),L(5,`button`,42),U(`click`,function(){return E(e),D(G(2).clearFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);A(2),X(`No components match “`,e.filter().trim(),`”`),A(),N(e.page().truncated?3:-1),A(),N(!e.showDirectiveHosts()&&e.page().directiveHostCount?4:-1)}}function JM(e,t){if(e&1){let e=H();L(0,`span`,50),U(`click`,function(t){E(e);let n=G().$implicit;return D(G(2).toggle(n.node.id,t))}),O(),L(1,`svg`,51),z(2,`path`,52),R()()}if(e&2){let e=G().$implicit;q(`open`,e.expanded)}}function YM(e,t){e&1&&z(0,`span`,45)}function XM(e,t){if(e&1&&(L(0,`span`,53),J(1),R(),L(2,`span`,54),J(3),R(),L(4,`span`,23),J(5,`directive host`),R()),e&2){let e=G().$implicit,t=G(2);A(),X(`<`,e.node.tag,`>`),A(),j(`title`,e.node.directives?.join(`, `)),A(),Y(t.hostLabel(e.node))}}function ZM(e,t){if(e&1&&(L(0,`span`,55),J(1),R(),L(2,`span`,56),J(3),R()),e&2){let e=G().$implicit;A(),Y(e.node.name),A(2),X(`<`,e.node.tag,`>`)}}function QM(e,t){if(e&1&&(L(0,`span`)(1,`span`,23),J(2,`Hydration: `),R(),J(3),R()),e&2){let e=t,n=G(3);M_(`hyd hyd-`+e),A(3),Y(n.hydrationText(e))}}function $M(e,t){if(e&1&&(L(0,`span`,47),J(1),R()),e&2){let e=t.$implicit;A(),Y(e.route||`/`)}}function eN(e,t){if(e&1&&(L(0,`span`,48),J(1),L(2,`span`,23),J(3),R()()),e&2){let e=t;A(),X(` `,e),A(2),X(` `,e===1?`check`:`checks`,` while recording`)}}function tN(e,t){if(e&1&&(L(0,`span`,49),J(1),L(2,`span`,23),J(3),R()()),e&2){let e=G().$implicit;j(`title`,e.node.directives.join(`, `)),A(),X(` +`,e.node.directives.length,` `),A(2),X(` `,e.node.directives.length===1?`directive`:`directives`,` `)}}function nN(e,t){if(e&1){let e=H();L(0,`div`,43),U(`click`,function(){let t=E(e).$implicit;return D(G(2).select(t.node.id))})(`focus`,function(){let t=E(e).$implicit,n=G(2);return n.focusId.set(t.node.id),D(n.highlight(t.node.id))})(`blur`,function(){return E(e),D(G(2).highlight(null))})(`mouseenter`,function(){let t=E(e).$implicit;return D(G(2).highlight(t.node.id))})(`mouseleave`,function(){return E(e),D(G(2).highlight(null))}),M(1,JM,3,2,`span`,44)(2,YM,1,0,`span`,45),M(3,XM,6,3)(4,ZM,4,2),M(5,QM,4,3,`span`,46),P(6,$M,2,1,`span`,47,MM),M(8,eN,4,2,`span`,48),M(9,tN,4,3,`span`,49),R()}if(e&2){let e,n,r=t.$implicit,i=G(2);K(`--%NS%depth`,r.depth),q(`selected`,i.selectedId()===r.node.id)(`dir-host`,r.node.kind===`directive`),j(`aria-level`,r.depth+1)(`aria-expanded`,r.hasChildren?r.expanded:null)(`aria-selected`,i.selectedId()===r.node.id)(`tabindex`,i.rovingId()===r.node.id?0:-1)(`data-id`,r.node.id),A(),N(r.hasChildren?1:2),A(2),N(r.node.kind===`directive`?3:4),A(2),N((e=r.node.hydration)?5:-1,e),A(),F(i.routedById().get(r.node.id)??mv(16,kM)),A(2),N((n=i.cdHosts()[r.node.id])?8:-1,n),A(),N(r.node.kind!==`directive`&&r.node.directives?.length?9:-1)}}function rN(e,t){if(e&1&&(L(0,`li`,64),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function iN(e,t){if(e&1){let e=H();L(0,`div`,66)(1,`button`,42),U(`click`,function(){let t=E(e);return D(G(3).reveal(t.id,!0))}),J(2),R()()}e&2&&(A(2),X(` Show `,t.name,` `))}function aN(e,t){if(e&1&&(L(0,`section`,27)(1,`header`,57)(2,`span`,58),J(3,`directive host`),R(),L(4,`h2`,59),J(5),R(),L(6,`span`,60),J(7),R()(),L(8,`div`,61)(9,`h3`),J(10,` Directives `),L(11,`span`,62),J(12),R()(),L(13,`ul`,63),P(14,rN,2,1,`li`,64,NM),R()(),L(16,`div`,61)(17,`p`,65),J(18,` This element hosts directives but no component. Their inputs are bound in the template of the component that renders it. `),R(),M(19,iN,3,1,`div`,66),R()()),e&2){let e,n=t,r=G(2);A(5),X(`<`,n.tag,`>`),A(2),Y(r.hostLabel(n)),A(5),Y(n.directives?.length??0),A(2),F(n.directives??mv(4,kM)),A(5),N((e=r.ownerOf(n.id))?19:-1,e)}}function oN(e,t){if(e&1&&(L(0,`p`,67),z(1,`app-source-link`,71),R()),e&2){let e=t;A(),I(`file`,e.file)(`line`,e.line)}}function sN(e,t){if(e&1){let e=H();L(0,`div`,72)(1,`button`,42),U(`click`,function(){E(e);let t=G();return D(G(2).revealInElements(t))}),J(2,`Reveal in Elements`),R(),L(3,`button`,42),U(`click`,function(){E(e);let t=G();return D(G(2).openSource(t))}),J(4,`Open source`),R()(),L(5,`p`,73),J(6),R()}if(e&2){let e=G(3);A(6),Y(e.actionMessage())}}function cN(e,t){if(e&1){let e=H();L(0,`button`,75),U(`click`,function(){let t=E(e).$implicit;return D(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;A(),X(` Show `,e.label,` in Forms `)}}function lN(e,t){if(e&1&&(L(0,`div`,68),P(1,cN,2,1,`button`,74,PM),R()),e&2){let e=G(),t=G(3);A(),F(t.formsIn(e.file))}}function uN(e,t){e&1&&M(0,lN,3,0,`div`,68),e&2&&N(G(3).formsIn(t.file).length?0:-1)}function dN(e,t){if(e&1){let e=H();L(0,`div`,68)(1,`button`,42),U(`click`,function(){E(e);let t=G();return D(G(2).openInjector(t))}),J(2,` Show in Injectors `),L(3,`span`,23),J(4),R()()()}if(e&2){let e=G();A(4),X(`: `,e.name)}}function fN(e,t){if(e&1&&z(0,`app-store-global`,69),e&2){let e=G(),t=G(2);I(`rpc`,t.rpc())(`pageId`,t.page()?.pageId)(`target`,hv(4,AM,e.id))(`label`,e.name)}}function pN(e,t){if(e&1&&(L(0,`dt`),J(1,`Routed`),R(),L(2,`dd`,77),J(3),R()),e&2){let e=t.$implicit;A(3),Z(``,e.route||`/`,` in outlet `,e.outlet)}}function mN(e,t){if(e&1&&(L(0,`span`,10),J(1),R()),e&2){let e=G(4);A(),Z(``,e.shownValues()?.count??0,` of `,e.valueTotal())}}function hN(e,t){if(e&1){let e=H();L(0,`div`,81)(1,`p`,40),J(2),R(),L(3,`p`,41),J(4,` The filter searches names, and the nested keys of values you opened. `),R(),L(5,`button`,42),U(`click`,function(){return E(e),D(G(5).clearPropFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(5);A(2),X(` No inputs, outputs or properties match “`,e.propFilter().trim(),`” `)}}function gN(e,t){if(e&1&&(L(0,`span`,85),J(1),R()),e&2){let e=G().$implicit;A(),X(`(`,e.prop,`)`)}}function _N(e,t){if(e&1&&(L(0,`li`,83)(1,`span`,84),J(2),M(3,gN,2,1,`span`,85),R(),z(4,`app-value-tree`,86),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);A(2),X(` `,e.name,` `),A(),N(e.prop===e.name?-1:3),A(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function vN(e,t){if(e&1&&(L(0,`ul`,82),P(1,_N,5,9,`li`,83,IM),R()),e&2){let e=G(2);A(),F(e.inputs)}}function yN(e,t){e&1&&(L(0,`p`,65),J(1,`No inputs.`),R())}function bN(e,t){if(e&1&&(L(0,`div`,61)(1,`h3`),J(2,` Inputs `),L(3,`span`,62),J(4),R()(),M(5,vN,3,0,`ul`,82)(6,yN,2,0,`p`,65),R()),e&2){let e=G();A(4),Y(e.inputs.length),A(),N(e.inputs.length?5:6)}}function xN(e,t){if(e&1&&(L(0,`li`,88)(1,`span`,77),J(2),R(),L(3,`span`,89),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),A(2),Y(e.name),A(2),Y(e.listened?`listened`:`no listener`)}}function SN(e,t){if(e&1&&(L(0,`ul`,63),P(1,xN,5,4,`li`,87,IM),R()),e&2){let e=G(2);A(),F(e.outputs)}}function CN(e,t){e&1&&(L(0,`p`,65),J(1,`No outputs.`),R())}function wN(e,t){if(e&1&&(L(0,`div`,61)(1,`h3`),J(2,` Outputs `),L(3,`span`,62),J(4),R()(),M(5,SN,3,0,`ul`,63)(6,CN,2,0,`p`,65),R()),e&2){let e=G();A(4),Y(e.outputs.length),A(),N(e.outputs.length?5:6)}}function TN(e,t){if(e&1&&(L(0,`span`,90),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.kind)}}function EN(e,t){if(e&1&&(L(0,`li`,83)(1,`span`,84),J(2),M(3,TN,2,1,`span`,90),R(),z(4,`app-value-tree`,86),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);A(2),X(` `,e.name,` `),A(),N(e.kind?3:-1),A(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function DN(e,t){if(e&1&&(L(0,`ul`,82),P(1,EN,5,9,`li`,83,IM),R()),e&2){let e=G(2);A(),F(e.properties)}}function ON(e,t){e&1&&(L(0,`p`,65),J(1,`No other properties.`),R())}function kN(e,t){if(e&1&&(L(0,`div`,61)(1,`h3`),J(2,` Properties `),L(3,`span`,62),J(4),R()(),M(5,DN,3,0,`ul`,82)(6,ON,2,0,`p`,65),R()),e&2){let e=G();A(4),Y(e.properties.length),A(),N(e.properties.length?5:6)}}function AN(e,t){if(e&1&&(L(0,`li`,64),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function jN(e,t){if(e&1&&(L(0,`div`,61)(1,`h3`),J(2,` DOM listeners `),L(3,`span`,62),J(4),R()(),L(5,`ul`,63),P(6,AN,2,1,`li`,64,Ag),R()()),e&2){let e=G(2);A(4),Y(e.listeners.length),A(2),F(e.listeners)}}function MN(e,t){if(e&1&&(L(0,`li`,83)(1,`span`,84),J(2),R(),z(3,`app-value-tree`,91),R()),e&2){let e=t.$implicit,n=G(2).$implicit,r=G(2),i=G(3);A(2),Y(e.name),A(),I(`prop`,e)(`store`,i.values)(`query`,i.propFilter())(`directive`,n.index)(`componentId`,r.id)(`pageId`,i.page()?.pageId??null)(`rpc`,i.rpc())}}function NN(e,t){if(e&1&&(L(0,`ul`,82),P(1,MN,4,8,`li`,83,IM),R()),e&2){let e=G().$implicit;A(),F(e.inputs)}}function PN(e,t){if(e&1&&(L(0,`li`,88)(1,`span`,77),J(2),R(),L(3,`span`,89),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),A(2),Y(e.name),A(2),Y(e.listened?`listened`:`no listener`)}}function FN(e,t){if(e&1&&(L(0,`ul`,63),P(1,PN,5,4,`li`,87,IM),R()),e&2){let e=G().$implicit;A(),F(e.outputs)}}function IN(e,t){e&1&&(L(0,`p`,65),J(1,`No inputs or outputs.`),R())}function LN(e,t){if(e&1&&(L(0,`div`,61)(1,`h3`)(2,`span`,77),J(3),R(),L(4,`span`,90),J(5,`directive on host`),R()(),M(6,NN,3,0,`ul`,82),M(7,FN,3,0,`ul`,63),M(8,IN,2,0,`p`,65),R()),e&2){let e=t.$implicit;A(3),Y(e.name),A(3),N(e.inputs.length?6:-1),A(),N(e.outputs.length?7:-1),A(),N(!e.inputs.length&&!e.outputs.length?8:-1)}}function RN(e,t){if(e&1&&(M(0,hN,7,1,`div`,81),M(1,bN,7,2,`div`,61),M(2,wN,7,2,`div`,61),M(3,kN,7,2,`div`,61),M(4,jN,8,1,`div`,61),P(5,LN,9,4,`div`,61,FM)),e&2){let e=t,n=G(),r=G(3);N(r.propQuery()&&!e.count?0:-1),A(),N(!r.propQuery()||e.inputs.length?1:-1),A(),N(!r.propQuery()||e.outputs.length?2:-1),A(),N(!r.propQuery()||e.properties.length?3:-1),A(),N(!r.propQuery()&&n.listeners.length?4:-1),A(),F(e.directives)}}function zN(e,t){if(e&1&&(L(0,`span`,90),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function BN(e,t){if(e&1&&(L(0,`span`,94),J(1,`from `),L(2,`span`,77),J(3),R()()),e&2){let e=G().$implicit;A(3),Y(e.providedByName??`an injector`)}}function VN(e,t){e&1&&(L(0,`span`,95),J(1,`not provided`),R())}function HN(e,t){if(e&1&&(L(0,`li`,92)(1,`span`,93),J(2),R(),P(3,zN,2,1,`span`,90,Ag),M(5,BN,4,1,`span`,94)(6,VN,2,0,`span`,95),R()),e&2){let e=t.$implicit;A(2),Y(e.token),A(),F(e.flags),A(2),N(e.providedBy?5:6)}}function UN(e,t){if(e&1&&(L(0,`ul`,80),P(1,HN,7,2,`li`,92,LM),R()),e&2){let e=G();A(),F(e.dependencies)}}function WN(e,t){e&1&&(L(0,`p`,65),J(1,`Nothing is injected through the constructor or inject().`),R())}function GN(e,t){if(e&1){let e=H();L(0,`dl`,76)(1,`dt`),J(2,`Change detection`),R(),L(3,`dd`),J(4),R(),L(5,`dt`),J(6,`Encapsulation`),R(),L(7,`dd`),J(8),R(),L(9,`dt`),J(10,`Host path`),R(),L(11,`dd`,77),J(12),R(),P(13,pN,4,2,null,null,MM),R(),L(15,`div`,78)(16,`div`,4),O(),L(17,`svg`,5),z(18,`circle`,6)(19,`path`,7),R(),gs(),L(20,`input`,79,1),U(`input`,function(t){return E(e),D(G(3).propFilter.set(t.target.value))})(`keydown.escape`,function(t){return E(e),D(G(3).clearPropFilter(t))}),R()(),M(22,mN,2,2,`span`,10),L(23,`p`,19),J(24),R()(),M(25,RN,7,5),L(26,`div`,61)(27,`h3`),J(28,` Injected `),L(29,`span`,62),J(30),R()(),M(31,UN,3,0,`ul`,80)(32,WN,2,0,`p`,65),R()}if(e&2){let e,n=t,r=G(),i=G(2);A(4),Y(n.changeDetection??`Unknown`),A(4),Y(n.encapsulation??`Unknown`),A(4),Y(n.path),A(),F(i.routedById().get(r.id)??mv(9,kM)),A(7),I(`value`,i.propFilter()),A(2),N(i.propQuery()?22:-1),A(2),Y(i.propFilterStatus()),A(),N((e=i.shownValues())?25:-1,e),A(5),Y(n.dependencies.length),A(),N(n.dependencies.length?31:32)}}function KN(e,t){e&1&&(L(0,`div`,70),z(1,`span`,96),L(2,`p`,41),J(3,`Reading live values from the page…`),R()())}function qN(e,t){if(e&1&&(L(0,`section`,27)(1,`header`,57)(2,`span`,58),J(3,`component`),R(),L(4,`h2`,59),J(5),R(),L(6,`span`,60),J(7),R(),M(8,oN,2,2,`p`,67),M(9,sN,7,1),M(10,uN,1,1),M(11,dN,5,1,`div`,68),M(12,fN,1,6,`app-store-global`,69),R(),M(13,GN,33,10)(14,KN,4,0,`div`,70),R()),e&2){let e,n,r,i=t,a=G(2);A(5),Y(i.name),A(2),X(`<`,i.tag,`>`),A(),N((e=a.whereOf(i))?8:-1,e),A(),N(a.devtoolsActions()?9:-1),A(),N((n=a.sourceFor(i))?10:-1,n),A(),N(a.canShowInjector()&&!a.staticReport()?11:-1),A(),N(!a.staticReport()&&!a.native()?12:-1),A(),N((r=a.detail())?13:14,r)}}function JN(e,t){e&1&&(L(0,`p`,40),J(1,`The selected component was destroyed`),R(),L(2,`p`,41)(3,`span`,77),J(4),R(),J(5,` is no longer on the page. Select another component to see its live values. `),R()),e&2&&(A(4),Y(t))}function YN(e,t){e&1&&(L(0,`p`,41),J(1,` Select a component to see its live inputs, properties, outputs, change detection and injected services. `),R())}function XN(e,t){if(e&1&&(L(0,`div`,28),M(1,JN,6,1)(2,YN,2,0,`p`,41),R()),e&2){let e,t=G(2);A(),N((e=t.destroyed())?1:2,e)}}function ZN(e,t){e&1&&(L(0,`span`,90),J(1,`hydrate never`),R())}function QN(e,t){if(e&1&&(L(0,`span`,90),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.hydration)}}function $N(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,99),U(`click`,function(){let t=E(e).$implicit;return D(G(3).showOwner(t))})(`focus`,function(){let t=E(e).$implicit;return D(G(3).highlightBlock(t))})(`blur`,function(){return E(e),D(G(3).highlight(null))})(`mouseenter`,function(){let t=E(e).$implicit;return D(G(3).highlightBlock(t))})(`mouseleave`,function(){return E(e),D(G(3).highlight(null))}),L(2,`span`,55),J(3),R(),L(4,`span`,100),J(5),R(),M(6,ZN,2,0,`span`,90)(7,QN,2,1,`span`,90),L(8,`span`,101),J(9),R()()()}if(e&2){let e=t.$implicit;A(),j(`aria-disabled`,e.owner?null:`true`),A(2),Y(e.owner?.name??`Unknown component`),A(),M_(`defer-state-`+e.state),A(),Y(e.state),A(),N(e.hydrateNever?6:e.hydration===`not-configured`?-1:7),A(3),Y(e.triggers.join(`, `)||`no triggers`)}}function eP(e,t){if(e&1&&(L(0,`section`,29)(1,`h2`,97),J(2,` Defer blocks `),L(3,`span`,62),J(4),R()(),L(5,`ul`,98),P(6,$N,10,7,`li`,null,RM),R()()),e&2){let e=G(2);A(4),Y(e.deferCount()),A(2),F(e.deferBlocks())}}function tP(e,t){if(e&1){let e=H();L(0,`app-hydration-section`,102),U(`overlay`,function(t){return E(e),D(G(2).setHydrationOverlay(t))})(`showNode`,function(t){return E(e),D(G(2).revealNode(t))})(`highlight`,function(t){return E(e),D(G(2).highlight(t))}),R()}e&2&&I(`report`,G(2).page()?.hydration)}function nP(e,t){if(e&1){let e=H();L(0,`app-cd-recording`,103),U(`showComponent`,function(t){return E(e),D(G(2).showCdComponent(t))}),R()}if(e&2){let e=G(2);I(`page`,e.cdPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc())}}function rP(e,t){if(e&1){let e=H();L(0,`p`,2),J(1,` Every component instance on the page, in the order Angular rendered them. Hover a row to highlight its host in the page, and select it to read its live inputs, properties, outputs and injected services. `),R(),L(2,`div`,3)(3,`div`,4),O(),L(4,`svg`,5),z(5,`circle`,6)(6,`path`,7),R(),gs(),L(7,`input`,8,0),U(`input`,function(t){return E(e),D(G().setFilter(t.target.value))})(`keydown.escape`,function(){return E(e),D(G().setFilter(``))}),R(),L(9,`span`,9),J(10,` Type plain text, a tag such as <button>, or a directive such as [routerLink]. Combine them to narrow the tree. `),R()(),M(11,BM,3,2),L(12,`span`,10),J(13),R(),M(14,VM,5,1,`button`,11),L(15,`button`,12),U(`click`,function(){return E(e),D(G().expandAll())}),O(),L(16,`svg`,13),z(17,`path`,14)(18,`path`,15),R(),J(19,` Expand all `),R(),gs(),L(20,`button`,12),U(`click`,function(){return E(e),D(G().collapseAll())}),O(),L(21,`svg`,13),z(22,`path`,16)(23,`path`,17),R(),J(24,` Collapse all `),R(),M(25,HM,4,3,`button`,18),R(),gs(),L(26,`p`,19),J(27),R(),M(28,UM,2,1,`p`,20),M(29,WM,2,1,`p`,21),L(30,`div`,22)(31,`div`)(32,`h2`,23),J(33,`Component tree`),R(),M(34,qM,7,3,`div`,24),L(35,`div`,25),U(`keydown`,function(t){return E(e),D(G().onTreeKey(t))}),P(36,nN,10,17,`div`,26,jM),R()(),M(38,aN,20,5,`section`,27)(39,qN,15,8,`section`,27)(40,XN,3,1,`div`,28),R(),M(41,eP,8,1,`section`,29),M(42,tP,1,1,`app-hydration-section`,30),L(43,`app-for-blocks`,31),U(`showOwner`,function(t){return E(e),D(G().showForOwner(t))})(`highlight`,function(t){return E(e),D(G().highlight(t))}),R(),M(44,nP,1,3,`app-cd-recording`,32)}if(e&2){let e,t=G();A(7),I(`value`,t.filter()),A(4),N(t.pageOptions().length>1?11:-1),A(2),Y(t.countLabel()),A(),N(t.page().directiveHostCount?14:-1),A(),I(`disabled`,!!t.filter().trim()),A(5),I(`disabled`,!!t.filter().trim()),A(5),N(t.native()?-1:25),A(2),Y(t.announcement()),A(),N(t.pickMessage()?28:-1),A(),N(t.page().truncated?29:-1),A(5),N(t.rows().length?-1:34),A(),I(`hidden`,!t.rows().length),A(),F(t.rows()),A(2),N((e=t.selectedHost())?38:(e=t.selectedNode())?39:40,e),A(3),N(t.deferBlocks().length?41:-1),A(),N(t.native()?-1:42),A(),I(`blocks`,t.page()?.forBlocks)(`truncated`,t.page()?.forBlocksTruncated===!0)(`supported`,t.page()?.deferBlocks&&!t.page()?.forBlocks?!1:null),A(),N(!t.staticReport()&&!t.native()?44:-1)}}function iP(e,t){e&1&&(L(0,`p`,21),J(1,` The page reported no component instances. The live tree needs a development build with Angular's debug API. Showing what the source declares instead. `),R())}function aP(e,t){e&1&&(L(0,`p`,104),J(1,` No page is connected, so this lists what the source declares. Open the app in a browser with the devtools connected to see each rendered instance. `),R())}function oP(e,t){if(e&1&&J(0),e&2){let e=G(3);Z(` `,e.filteredSource().length,` of `,e.source().length,` `)}}function sP(e,t){if(e&1&&J(0),e&2){let e=G(3);iv(` `,e.sourceCounts().components,` `,e.sourceCounts().components===1?`component`:`components`,` · `,e.sourceCounts().directives,` `,e.sourceCounts().directives===1?`directive`:`directives`,` `)}}function cP(e,t){if(e&1&&(L(0,`span`,106),M(1,oP,1,2)(2,sP,1,4),R()),e&2){let e=G(2);A(),N(e.filter().trim()?1:2)}}function lP(e,t){e&1&&(L(0,`div`,110),z(1,`span`,96),L(2,`p`,40),J(3,`Scanning components…`),R()())}function uP(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function dP(e,t){e&1&&J(0,` Check that the dev server is running, then try again. `)}function fP(e,t){if(e&1){let e=H();L(0,`div`,111)(1,`p`,40),J(2,`Could not load components`),R(),L(3,`p`,41),M(4,uP,4,0)(5,dP,1,0),R(),L(6,`button`,42),U(`click`,function(){return E(e),D(G(2).refresh())}),J(7,`Retry`),R()()}if(e&2){let e=G(2);A(4),N(e.staticReport()?4:5)}}function pP(e,t){e&1&&(L(0,`div`,112)(1,`p`,40),J(2,`No components found`),R(),L(3,`p`,41),J(4,`No @Component or @Directive was found in the source.`),R()())}function mP(e,t){if(e&1){let e=H();L(0,`div`,112)(1,`p`,40),J(2),R(),L(3,`button`,42),U(`click`,function(){return E(e),D(G(2).clearFilter())}),J(4,`Clear filter`),R()()}if(e&2){let e=G(2);A(2),X(`No components match “`,e.filter().trim(),`”`)}}function hP(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,G(3).bareName(e.className),` · `)}}function gP(e,t){if(e&1&&(L(0,`dt`),J(1,`Change detection`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(2).$implicit;A(3),Y(e.changeDetection??`Unknown`)}}function _P(e,t){if(e&1){let e=H();L(0,`button`,75),U(`click`,function(){let t=E(e).$implicit;return D(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;A(),X(` Show `,e.label,` in Forms `)}}function vP(e,t){if(e&1&&(L(0,`div`,122)(1,`dl`,76)(2,`dt`),J(3,`Class`),R(),L(4,`dd`,77),J(5),R(),L(6,`dt`),J(7,`File`),R(),L(8,`dd`,77),z(9,`app-source-link`,71),R(),L(10,`dt`),J(11,`Standalone`),R(),L(12,`dd`),J(13),R(),M(14,gP,4,1),L(15,`dt`),J(16,`Inputs`),R(),L(17,`dd`,77),J(18),R(),L(19,`dt`),J(20,`Outputs`),R(),L(21,`dd`,77),J(22),R()(),P(23,_P,2,1,`button`,74,PM),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(3);I(`id`,`ct-source-`+n),A(5),Y(r.bareName(t.className)),A(4),I(`file`,t.file)(`line`,t.line),A(4),Y(t.isStandalone?`Yes`:`No`),A(),N(t.kind===`component`?14:-1),A(4),Y(t.inputs.join(`, `)||`None`),A(4),Y(t.outputs.join(`, `)||`None`),A(),F(r.formsIn(t.file))}}function yP(e,t){if(e&1){let e=H();L(0,`li`,115)(1,`button`,116),U(`click`,function(){let t=E(e).$implicit,n=G(3);return D(n.openKey.set(n.openKey()===n.sourceKey(t)?null:n.sourceKey(t)))}),L(2,`span`,117),J(3),R(),L(4,`span`,118)(5,`span`,119),J(6),R(),L(7,`span`,120),M(8,hP,1,1),J(9),R()(),O(),L(10,`svg`,121),z(11,`path`,52),R()(),M(12,vP,25,8,`div`,122),R()}if(e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`expanded`,r.openKey()===r.sourceKey(e)),A(),j(`aria-expanded`,r.openKey()===r.sourceKey(e))(`aria-controls`,r.openKey()===r.sourceKey(e)?`ct-source-`+n:null),A(),q(`directive`,e.kind===`directive`),A(),Y(e.kind),A(3),Y(r.sourceLabel(e)),A(2),N(e.selector?8:-1),A(),Z(` `,e.file,`:`,e.line,` `),A(3),N(r.openKey()===r.sourceKey(e)?12:-1)}}function bP(e,t){if(e&1&&(L(0,`ul`,113),P(1,yP,13,12,`li`,114,zM,!0),R()),e&2){let e=G(2);A(),F(e.filteredSource())}}function xP(e,t){if(e&1){let e=H();M(0,iP,2,0,`p`,21)(1,aP,2,0,`p`,104),L(2,`div`,3)(3,`div`,4),O(),L(4,`svg`,5),z(5,`circle`,6)(6,`path`,7),R(),gs(),L(7,`input`,105,0),U(`input`,function(t){return E(e),D(G().filter.set(t.target.value))})(`keydown.escape`,function(){return E(e),D(G().filter.set(``))}),R()(),M(9,cP,3,1,`span`,106),L(10,`button`,107),U(`click`,function(){return E(e),D(G().refresh())}),O(),L(11,`svg`,13),z(12,`path`,108)(13,`path`,109),R(),J(14,` Refresh `),R()(),M(15,lP,4,0,`div`,110)(16,fP,8,1,`div`,111)(17,pP,5,0,`div`,112)(18,mP,5,1,`div`,112)(19,bP,3,0,`ul`,113)}if(e&2){let e=G();N(+!e.page()),A(7),I(`value`,e.filter()),A(2),N(e.source().length?9:-1),A(),q(`spinning`,e.loading()),j(`aria-busy`,e.loading()),A(5),N(e.loading()&&!e.source().length?15:e.error()&&!e.source().length?16:e.source().length?e.filteredSource().length?19:18:17)}}function SP(e){return e.replace(/^_(?=[A-Z])/,``)}var CP=`pangular:components:directive-hosts`;function wP(){try{return localStorage.getItem(CP)!==`hidden`}catch{return!0}}var TP=class e{rpc=$(null);staticReport=Q(()=>FE(this.rpc()));focus=$(null);showForm=Rv();focusHandled=Rv();command=$(null);commandHandled=Rv();canShowInjector=$(!1);showInjector=Rv();filter=k(``);loading=k(!1);error=k(!1);source=k([]);formOwners=k([]);pages=k({});chosenPageId=k(null);selectedId=k(null);destroyed=k(null);announcement=k(``);picking=k(!1);pickMessage=k(``);pickPageId=null;pickSeq=0;focusId=k(null);bridge=w($D);actionMessage=Fv({source:this.selectedId,computation:()=>``});collapsed=k(new Set);showDirectiveHosts=k(wP());openKey=k(null);routerPages=k([]);pageId=kE();destroyRef=w(Es);injector=w(ws);host=w(Fl);filterInput=Jv(`filterInput`);cdRecording=Jv(rj);pagesKnown=k(!1);cleanups=[];selection={pageId:null,detailId:null};shownPageId=Fv({source:()=>({pages:this.pages(),chosen:this.chosenPageId()}),computation:({pages:e,chosen:t},n)=>AE(e,{chosen:t,host:this.pageId,previous:n?.value??null})});page=Q(()=>{let e=this.shownPageId();return e?this.pages()[e]??null:null});pageOptions=Q(()=>Object.values(this.pages()).map(e=>({value:e.pageId,label:e.title||e.url||`Page ${e.pageId}`,hint:e.url})));live=Q(()=>(this.page()?.roots.length??0)>0);native=Q(()=>tO(this.page()));canEdit=Q(()=>this.live()&&!this.native()&&!this.staticReport()&&YE(this.rpc(),`components`));devtoolsActions=Q(()=>this.bridge.available&&!!this.page()&&!this.native()&&!this.staticReport());cdPages=k({});cdPage=Q(()=>{let e=this.page()?.pageId;return e?this.cdPages()[e]??null:null});cdHosts=Q(()=>this.cdPage()?.hosts??{});visibleRoots=Q(()=>{let e=this.page()?.roots??[];return this.showDirectiveHosts()||!this.page()?.directiveHostCount?e:mO(e)});index=Q(()=>{let e=new Map,t=new Map,n=(r,i)=>{for(let a of r)e.set(a.id,a),i&&t.set(a.id,i),n(a.children,a.id)};return n(this.visibleRoots(),null),{map:e,parents:t}});query=Q(()=>this.filter().trim().toLowerCase());filtered=Q(()=>pO(this.visibleRoots(),this.query()));shownDirectiveHosts=Q(()=>this.showDirectiveHosts()?this.page()?.directiveHostCount??0:0);deferBlocks=Q(()=>this.page()?.deferBlocks??[]);deferCount=Q(()=>`${this.deferBlocks().length}${this.page()?.deferTruncated?`+`:``}`);countLabel=Q(()=>vO(this.page()?.count??0,this.filtered().matches,!!this.query(),!!this.page()?.truncated,this.shownDirectiveHosts()));truncationText=Q(()=>bO(this.page()?.truncatedBy));rows=Q(()=>{let e=[],t=this.collapsed(),n=!!this.query(),r=(i,a)=>{for(let o of i){let i=n||!t.has(o.id);e.push({node:o,depth:a,hasChildren:o.children.length>0,expanded:i}),i&&r(o.children,a+1)}};return r(this.filtered().nodes,0),e});selectedNode=Q(()=>{let e=this.selectedId();return e?this.index().map.get(e)??null:null});selectedHost=Q(()=>{let e=this.selectedNode();return e?.kind===`directive`?e:null});detail=Q(()=>{let e=this.page()?.detail;return e&&e.id===this.selectedId()?e:null});values=new uM;propFilter=k(``);propQuery=Q(()=>this.propFilter().trim().toLowerCase());propFilterInput=Jv(`propFilterInput`);shownValues=Q(()=>{let e=this.detail();if(!e)return null;let t=this.propQuery(),n=e=>!t||e.name.toLowerCase().includes(t)||e.prop.toLowerCase().includes(t),r=(e,r)=>n(e)||Kj([e.prop],e.value,e=>this.values.level(e,r),t,1).length>0,i=e.inputs.filter(e=>r(e)),a=e.outputs.filter(n),o=(e.properties??[]).filter(e=>r(e)),s=e.directives.map((e,t)=>({...e,index:t,inputs:e.inputs.filter(e=>r(e,t)),outputs:e.outputs.filter(n)})).filter(e=>!t||e.inputs.length||e.outputs.length);return{inputs:i,outputs:a,properties:o,directives:s,count:i.length+a.length+o.length+s.reduce((e,t)=>e+t.inputs.length+t.outputs.length,0)}});valueTotal=Q(()=>{let e=this.detail();return e?e.inputs.length+e.outputs.length+(e.properties?.length??0)+e.directives.reduce((e,t)=>e+t.inputs.length+t.outputs.length,0):0});propFilterStatus=Q(()=>{if(!this.propQuery())return``;let e=this.shownValues()?.count??0;return e?`${e} of ${this.valueTotal()} values match.`:`No inputs, outputs or properties match.`});clearPropFilter(e){e&&this.propFilter()&&(e.stopPropagation(),e.preventDefault()),this.propFilter.set(``),this.propFilterInput()?.nativeElement.focus()}rovingId=Q(()=>{let e=this.rows(),t=new Set(e.map(e=>e.node.id)),n=this.focusId();if(n&&t.has(n))return n;let r=this.selectedId();return r&&t.has(r)?r:e[0]?.node.id??null});outlets=Q(()=>{let e=this.page()?.pageId;return this.routerPages().find(t=>t.pageId===e)?.outlets??[]});routedById=Q(()=>{let e=new Map,t=n=>{for(let r of n){if(r.activated&&r.devtoolsId){let t=e.get(r.devtoolsId)??[];t.push({route:r.route??``,outlet:r.outlet}),e.set(r.devtoolsId,t)}r.children&&t(r.children)}};return t(this.outlets()),e});sourceByClass=Q(()=>{let e=new Map;for(let t of this.source()){let n=SP(t.className);e.set(n,[...e.get(n)??[],t])}return e});filteredSource=Q(()=>{let e=this.query(),t=this.source();return e?t.filter(t=>t.selector.toLowerCase().includes(e)||t.className.toLowerCase().includes(e)||t.file.toLowerCase().includes(e)):t});sourceCounts=Q(()=>{let e=this.source().filter(e=>e.kind===`component`).length;return{components:e,directives:this.source().length-e}});constructor(){pc(()=>{let e=this.detail(),t={rpc:this.rpc(),pageId:this.page()?.pageId??null,componentId:e?.id??null};Nv(()=>this.values.follow(t,e?.expanded))}),pc(()=>{let e=this.page()?.pageId??null;Nv(()=>{this.picking()&&e!==this.pickPageId&&this.dropPick()})}),pc(()=>{let e=this.rpc();e&&(this.refresh(),this.watch(e))}),pc(()=>{let e=this.focus();if(!e)return;let t=this.page()?.pageId??null;if(e.pageId&&t!==e.pageId&&this.pages()[e.pageId]){Nv(()=>this.selectPage(e.pageId));return}this.live()&&Nv(()=>{(!e.pageId||t===e.pageId)&&this.index().map.has(e.id)?this.reveal(e.id):this.announcement.set(`That component is no longer on the page.`),this.focusHandled.emit()})}),pc(()=>{let e=this.command();if(!e)return;if(!this.live()){this.pagesKnown()&&Nv(()=>this.commandHandled.emit());return}if(e.kind===`pick`){Nv(()=>{this.native()?this.say(`Picking needs a page in a browser.`):this.picking()||this.pick(),this.commandHandled.emit()});return}let t=this.cdRecording();if(!t){(this.native()||this.staticReport())&&Nv(()=>{this.say(`This page cannot record change detection.`),this.commandHandled.emit()});return}Nv(()=>{e.kind===`cd-clear`?t.clear():e.kind===`cd-start`!==t.recording()&&t.toggle(),this.commandHandled.emit()})}),this.destroyRef.onDestroy(()=>{this.highlight(null);for(let e of this.cleanups.splice(0))e()})}async watch(e){for(let e of this.cleanups.splice(0))e();let t=e.scope(`pangular`);try{let e=await t.rpc.sharedState(`component-tree`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e?.pages;this.applyPages(t&&typeof t==`object`?t:{}),e!==void 0&&this.pagesKnown.set(!0)};n(e.value()),this.cleanups.push(e.on(`updated`,n))}catch{this.applyPages({}),this.pagesKnown.set(!0)}try{let e=await t.rpc.sharedState(`change-detection`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e?.pages;this.cdPages.set(t&&typeof t==`object`?t:{})};n(e.value()),this.cleanups.push(e.on(`updated`,n))}catch{this.cdPages.set({})}try{let e=await t.rpc.sharedState(`router`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e?.pages;this.routerPages.set(Array.isArray(t)?t:[])};n(e.value()),this.cleanups.push(e.on(`updated`,n))}catch{this.routerPages.set([])}}async refresh(){let e=this.rpc();if(!e)return;this.loading.set(!0);let t=e.scope(`pangular`);try{this.source.set(await t.rpc.call(`get-components`)),this.error.set(!1)}catch{this.error.set(!0)}finally{this.loading.set(!1)}let n=await t.rpc.call(`forms-owners`).catch(()=>[]);this.formOwners.set(n??[])}formsIn(e){return this.formOwners().filter(t=>t.file===e)}whereOf(e){return this.detail()?.source??this.sourceFor(e)}async revealInElements(e){let t=this.page()?.pageId;if(!t)return;this.actionMessage.set(``);let n=await this.bridge.reveal(t,e.id);this.selectedId()===e.id&&this.actionMessage.set(n.ok?``:`Could not reveal it. The component must be rendered in the tab these DevTools inspect.`)}openInjector(e){let t=this.page()?.pageId;this.showInjector.emit(t?{componentId:e.id,pageId:t}:{componentId:e.id})}async openSource(e){let t=this.page()?.pageId;if(!t)return;let n=this.whereOf(e);this.actionMessage.set(``);let r=await this.bridge.openSource(t,e.id,n);this.selectedId()===e.id&&(r.ok||this.actionMessage.set(n?`Not found in Sources. Open ${n.file}:${n.line} in your editor.`:`Could not open the source. The component must be rendered in the tab these DevTools inspect.`))}sourceFor(e){let t=(this.sourceByClass().get(SP(e.name))??[]).filter(e=>e.kind===`component`);return t.find(t=>t.selector===e.tag)??t[0]??null}sourceKey(e){return`${e.file}#${e.className}`}sourceLabel(e){return e.selector?e.kind===`component`&&/^[a-z][\w-]*$/i.test(e.selector)?`<${e.selector}>`:e.selector:SP(e.className)}bareName(e){return SP(e)}applyPages(e){let t=document.activeElement,n=t instanceof HTMLElement&&this.host.nativeElement.contains(t)?t.closest(`.row`)?.dataset.id??null:null,r=n?this.rows().map(e=>e.node.id):[],i=this.index().map;if(this.pages.set(e),this.syncSelection(i),!n)return;let a=new Set(this.rows().map(e=>e.node.id));if(a.has(n))return;let o=CO(r,a,n);o&&(this.focusId.set(o),Vd(()=>this.rowElement(o)?.focus(),{injector:this.injector}))}syncSelection(e=this.index().map){let t=this.page(),n=xO({...this.selection,selectedId:this.selectedId()},t?{pageId:t.pageId,roots:t.roots,detail:t.detail,truncated:t.truncated}:null),r=n.destroyed?e.get(n.destroyed)?.name:void 0;this.selection={pageId:n.pageId,detailId:n.detailId},n.selectedId!==this.selectedId()&&this.selectedId.set(n.selectedId),n.selectedId&&this.destroyed.set(null),n.destroyed&&(this.destroyed.set(r??`The component`),this.announcement.set(`The selected component was destroyed.`),this.sendSelection(null))}selectPage(e){e&&(this.chosenPageId.set(e),this.destroyed.set(null),this.syncSelection())}setFilter(e){this.filter.set(e);let{matches:t}=this.filtered();this.announcement.set(yO(this.page()?.count??0,t,e,!!this.page()?.truncated,this.shownDirectiveHosts()))}clearFilter(){this.live()?this.setFilter(``):this.filter.set(``),this.filterInput()?.nativeElement.focus()}async pick(){let e=this.rpc();if(!e||this.picking())return;let t=++this.pickSeq;this.pickPageId=this.page()?.pageId??null,this.picking.set(!0),this.say(`Click a component in the app. Press Escape to cancel.`);let n=await e.scope(`pangular`).rpc.call(`request-component-pick`,{pageId:this.pickPageId??void 0}).catch(()=>({ok:!1,error:`Could not reach the devtools server.`}));if(t===this.pickSeq){if(this.picking.set(!1),!n?.ok||!n.id){this.say(n?.error??`No component was picked.`);return}n.pageId&&n.pageId!==this.page()?.pageId&&this.selectPage(n.pageId),this.say(`Picked ${n.name??`a component`}.`),this.destroyed.set(null),this.index().map.has(n.id)?this.reveal(n.id):this.selectedId.set(n.id)}}cancelPick(){let e=this.rpc();e&&this.picking()&&e.scope(`pangular`).rpc.call(`cancel-component-pick`,{pageId:this.pickPageId??void 0}).catch(()=>{})}dropPick(){this.cancelPick(),this.pickSeq++,this.picking.set(!1),this.say(`Picking stopped because the page changed.`)}say(e){this.pickMessage.set(e),this.announcement.set(e)}sendSelection(e){let t=this.rpc();t&&t.scope(`pangular`).rpc.call(`select-component`,{pageId:this.page()?.pageId,id:e,console:!0}).catch(()=>{})}rowElement(e){return this.host.nativeElement.querySelector(`.row[data-id="${CSS.escape(e)}"]`)}select(e){let t=this.selectedId()===e?null:e;this.selectedId.set(t),this.destroyed.set(null),this.focusId.set(e),!(t&&this.index().map.get(t)?.kind===`directive`)&&this.sendSelection(t)}hostLabel(e){return hO(e)}hydrationText(e){return _O(e)}ownerOf(e){let{map:t,parents:n}=this.index();for(let r=n.get(e);r;r=n.get(r)){let e=t.get(r);if(e&&e.kind!==`directive`)return e}return null}toggleDirectiveHosts(){let e=!this.showDirectiveHosts();this.showDirectiveHosts.set(e);try{localStorage.setItem(CP,e?`shown`:`hidden`)}catch{}let t=this.selectedId();!e&&t&&!this.index().map.has(t)&&this.selectedId.set(null),this.announce(e?`Directive hosts are shown.`:`Directive hosts are hidden.`)}setHydrationOverlay(e){let t=this.rpc(),n=this.page()?.pageId;t&&n&&(t.scope(`pangular`).rpc.call(`request-hydration-overlay`,{pageId:n,on:e}).catch(()=>{}),this.announce(e?`Outlining hydration on the page.`:`Hydration outline removed.`))}revealNode(e){this.index().map.has(e)&&this.reveal(e)}reveal(e,t=!1){let{parents:n}=this.index();this.collapsed.update(t=>{let r=new Set(t);for(let t=n.get(e);t;t=n.get(t))r.delete(t);return r}),this.rows().some(t=>t.node.id===e)||this.setFilter(``),this.selectedId()!==e&&this.select(e),t&&this.focusId.set(e),Vd(()=>{let n=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);n?.scrollIntoView({block:`nearest`}),t&&n?.focus()},{injector:this.injector})}toggle(e,t){t?.stopPropagation(),!this.query()&&this.collapsed.update(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}expandAll(){this.query()||(this.collapsed.set(new Set),this.announce(`Expanded every component.`))}collapseAll(){if(this.query())return;let{map:e,parents:t}=this.index(),n=this.rovingId(),r=new Set;for(let t of e.values())t.children.length&&r.add(t.id);if(this.collapsed.set(r),n){let e=new Set(this.rows().map(e=>e.node.id)),r=n;for(;r&&!e.has(r);)r=t.get(r);r&&this.focusId.set(r)}this.announce(`Collapsed every component. Only the top level is shown.`)}announce(e){this.announcement.update(t=>t===e?`${e}\u00a0`:e)}expandSiblings(e){if(this.query())return;let t=this.index().parents.get(e),n=t?this.index().map.get(t)?.children??[]:this.page()?.roots??[];this.collapsed.update(e=>{let t=new Set(e);for(let e of n)t.delete(e.id);return t})}highlight(e){let t=this.rpc();if(!t)return;let n=e?{pageId:this.page()?.pageId,id:e}:null;t.scope(`pangular`).rpc.call(`request-page-highlight`,n).catch(()=>{})}highlightBlock(e){this.highlight(e.rootIds[0]??e.owner?.id??null)}showOwner(e){e.owner&&this.index().map.has(e.owner.id)&&this.reveal(e.owner.id)}showCdComponent(e){let t=this.cdHosts(),n=null;for(let r of this.index().map.values())r.name===e&&(!n||(t[r.id]??0)>(t[n.id]??0))&&(n=r);if(!n){this.say(`No ${e} is in the tree now.`);return}this.say(`Showing ${e} in the tree.`),this.reveal(n.id)}showForOwner(e){e.owner&&this.index().map.has(e.owner.id)&&this.reveal(e.owner.id)}onTreeKey(e){let t=this.rows();if(!t.length)return;let n=t.findIndex(e=>e.node.id===this.rovingId()),r=Math.max(n,0),i=t[r],a=-1;switch(e.key){case`ArrowDown`:a=Math.min(r+1,t.length-1);break;case`ArrowUp`:a=Math.max(r-1,0);break;case`Home`:a=0;break;case`End`:a=t.length-1;break;case`ArrowRight`:i.hasChildren&&!i.expanded?this.toggle(i.node.id):i.hasChildren&&(a=r+1);break;case`ArrowLeft`:if(i.hasChildren&&i.expanded&&!this.query())this.toggle(i.node.id);else{let e=this.index().parents.get(i.node.id);a=t.findIndex(t=>t.node.id===e)}break;case`Enter`:case` `:this.select(i.node.id);break;case`*`:this.expandSiblings(i.node.id);break;default:return}if(e.preventDefault(),a>=0){let e=t[a].node.id;this.focusId.set(e),queueMicrotask(()=>{let t=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);t?.focus(),t?.scrollIntoView({block:`nearest`})})}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-component-tree`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,DM,5)(t.cdRecording,rj,5)(t.propFilterInput,OM,5),e&2&&u_(3)},hostBindings:function(e,t){e&1&&U(`keydown.escape`,function(){return t.cancelPick()})},inputs:{rpc:[1,`rpc`],focus:[1,`focus`],command:[1,`command`],canShowInjector:[1,`canShowInjector`]},outputs:{showForm:`showForm`,focusHandled:`focusHandled`,commandHandled:`commandHandled`,showInjector:`showInjector`},decls:2,vars:1,consts:[[`filterInput`,``],[`propFilterInput`,``],[1,`intro`],[1,`toolbar`],[1,`search`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`type`,`search`,`placeholder`,`Filter: text, <tag> or [directive]…`,`aria-label`,`Filter components by class, tag or directive`,`aria-describedby`,`ct-filter-hint`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[`id`,`ct-filter-hint`,1,`sr-only`],[1,`count`],[`type`,`button`,1,`tree-action`],[`type`,`button`,1,`tree-action`,3,`click`,`disabled`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`],[`d`,`m7 15 5 5 5-5`],[`d`,`m7 9 5-5 5 5`],[`d`,`m7 20 5-5 5 5`],[`d`,`m7 4 5 5 5-5`],[`type`,`button`,1,`pick`,3,`on`],[`role`,`status`,1,`sr-only`],[1,`pick-message`],[`role`,`status`,1,`notice`],[1,`layout`],[1,`sr-only`],[1,`state`,`compact`,`tree`],[`role`,`tree`,`aria-label`,`Component instances`,1,`tree`,3,`keydown`,`hidden`],[`role`,`treeitem`,1,`row`,3,`selected`,`dir-host`,`--%NS%depth`],[`aria-labelledby`,`ct-detail-title`,1,`detail`],[1,`detail`,`placeholder`],[`aria-labelledby`,`ct-defer-title`,1,`defer`],[3,`report`],[3,`showOwner`,`highlight`,`blocks`,`truncated`,`supported`],[3,`page`,`pageId`,`rpc`],[`id`,`ct-page-label`,1,`sr-only`],[`labelledBy`,`ct-page-label`,1,`page-select`,3,`valueChange`,`options`,`value`],[`type`,`button`,1,`tree-action`,3,`click`],[`d`,`M8 4H5v16h3`],[`d`,`M16 4h3v16h-3`],[`type`,`button`,1,`pick`,3,`click`],[`d`,`M4 4l6.5 16 2.3-6.7L19.5 11z`],[1,`state-title`],[1,`state-hint`],[`type`,`button`,3,`click`],[`role`,`treeitem`,1,`row`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`],[`aria-hidden`,`true`,1,`twisty`,3,`open`],[`aria-hidden`,`true`,1,`twisty-space`],[3,`class`],[1,`routed`],[1,`checks`],[1,`dirs`],[`aria-hidden`,`true`,1,`twisty`,3,`click`],[`viewBox`,`0 0 24 24`],[`d`,`m9 6 6 6-6 6`],[1,`tag`,`host-tag`,`mono`],[1,`host-dirs`,`mono`],[1,`name`,`mono`],[1,`tag`,`mono`],[1,`detail-head`],[1,`badge`],[`id`,`ct-detail-title`,1,`mono`],[1,`mono`,`muted`],[1,`block`],[1,`pill`],[1,`chips`],[1,`chip`,`mono`],[1,`empty-line`],[1,`actions`,`owner-action`],[1,`where`,`mono`],[1,`actions`],[1,`console-global`,3,`rpc`,`pageId`,`target`,`label`],[`role`,`status`,1,`state`,`compact`],[3,`file`,`line`],[`role`,`group`,`aria-label`,`Chrome DevTools`,1,`actions`],[`role`,`status`,1,`where`,`action-message`],[`type`,`button`,1,`show-form`],[`type`,`button`,1,`show-form`,3,`click`],[1,`facts`],[1,`mono`],[1,`prop-filter`],[`type`,`search`,`placeholder`,`Filter values by name…`,`aria-label`,`Filter inputs, outputs and properties by name, including opened nested keys`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[1,`deps`],[1,`state`,`compact`],[1,`props`],[1,`prop`],[1,`prop-name`,`mono`],[1,`muted`],[3,`prop`,`store`,`query`,`componentId`,`pageId`,`rpc`,`writes`],[1,`chip`,3,`on`],[1,`chip`],[1,`chip-note`],[1,`flag`],[3,`prop`,`store`,`query`,`directive`,`componentId`,`pageId`,`rpc`],[1,`dep`],[1,`token`,`mono`],[1,`from`],[1,`from`,`missing`],[`aria-hidden`,`true`,1,`spinner`],[`id`,`ct-defer-title`,1,`defer-title`],[1,`defer-list`],[`type`,`button`,1,`defer-row`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`],[1,`defer-state`],[1,`triggers`,`mono`],[3,`overlay`,`showNode`,`highlight`,`report`],[3,`showComponent`,`page`,`pageId`,`rpc`],[1,`notice`],[`type`,`search`,`placeholder`,`Filter by selector, class or file…`,`aria-label`,`Filter components by selector, class or file`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[`aria-live`,`polite`,1,`count`],[`type`,`button`,1,`refresh`,3,`click`],[`d`,`M20 12a8 8 0 1 1-2.34-5.66`],[`d`,`M20 4v5h-5`],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[1,`state`],[`role`,`list`,1,`source-list`],[1,`source-item`,3,`expanded`],[1,`source-item`],[`type`,`button`,1,`source-toggle`,3,`click`],[1,`kind-flag`],[1,`row-main`],[1,`selector`,`mono`],[1,`file`,`mono`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`chevron`],[1,`inline-detail`,3,`id`]],template:function(e,t){e&1&&M(0,rP,45,19)(1,xP,20,7),e&2&&N(+!t.live())},dependencies:[fO,rj,fj,cM,hM,EM,FO],styles:[`[_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
   font-size: 13px;
@@ -2975,7 +2975,7 @@ pre[_ngcontent-%COMP%] {
 
 .inline-detail[_ngcontent-%COMP%]   .show-form[_ngcontent-%COMP%] {
   margin: 0 16px;
-}`]})};function uP(e){return e.line?`${e.file}:${e.line}`:e.file}function dP(e,t){let n=t.filter(t=>t.fullPath===e.fullPath&&t.redirectTo!==void 0==(e.redirectTo!==void 0));return n.find(t=>!!e.component&&t.component===e.component)??n.find(t=>!t.component||!e.component)}var fP=bE;function pP(e){return e.startsWith(`/`)&&!e.startsWith(`//`)&&!/^\/*[a-z][a-z0-9+.-]*:/i.test(e)&&!e.includes(`[redacted]`)&&e.length<=2e3}var mP=`Could not reach the page.`;async function hP(e,t,n){return await fP(e,`request-router-action`,{pageId:t,request:n})??{error:`Could not reach the page.`}}function gP(e){return e===`succeeded`?`good`:e===`redirected`||e===`pending`||e===`skipped`?`warn`:e===`cancelled`||e===`failed`?`bad`:``}var _P=()=>[],vP=(e,t)=>t[0],yP=(e,t)=>t.input;function bP(e,t){if(e&1&&(B(0,`p`,3),J(1,` The browser shows `),B(2,`code`),J(3),V(),J(4,`, not the router URL (skipLocationChange, browserUrl, a failed navigation or code that changed history). `),V()),e&2){let e=G();A(3),Y(e.browserUrl)}}function xP(e,t){if(e&1&&(B(0,`p`,12),J(1),V()),e&2){let e=G(3);A(),Y(e.navigationOff)}}function SP(e,t){if(e&1){let e=H();B(0,`div`,8),Vg(1,`span`,9),B(2,`span`,10),J(3,`Navigating to `),B(4,`code`),J(5),V(),J(6),V(),B(7,`button`,11),W(`click`,function(){return E(e),D(G(2).abort())}),J(8,` Abort `),V()(),M(9,xP,2,1,`p`,12)}if(e&2){let e=t,n=G(2);A(5),Y(e.url),A(),X(` (#`,e.id,`)`),A(),qg(`disabled`,!n.navigationAllowed()),j(`aria-describedby`,n.navigationAllowed()?null:`route-current-writes-off`),A(2),N(n.navigationAllowed()?-1:9)}}function CP(e,t){if(e&1&&(B(0,`p`,4),J(1),V()),e&2){let e=G(2);A(),Y(e.message())}}function wP(e,t){if(e&1&&(B(0,`dt`),J(1,`Document title`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();A(3),Y(e.title)}}function TP(e,t){if(e&1&&(B(0,`dt`),J(1,`Query params`),V(),B(2,`dd`)(3,`code`),J(4),xv(5,`json`),V()()),e&2){let e=G();A(4),Y(Cv(5,1,e.queryParams))}}function EP(e,t){if(e&1&&(B(0,`dt`),J(1,`Fragment`),V(),B(2,`dd`)(3,`code`),J(4),V()()),e&2){let e=G();A(4),Y(e.fragment)}}function DP(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;A(),X(`, `,e.nesting)}}function OP(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=G().$implicit;A(),Y(e.route.outlet)}}function kP(e,t){e&1&&(B(0,`span`,15),J(1,`lazy`),V())}function AP(e,t){if(e&1&&(B(0,`div`,16),J(1),V()),e&2){let e=G().$implicit;A(),Z(` title `,e.route.title,``,e.route.ownTitle===!1?` (inherited)`:``,` `)}}function jP(e,t){if(e&1&&(B(0,`code`,17),J(1),V()),e&2){let e=G().$implicit;A(),Y(e.route.component)}}function MP(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function NP(e,t){e&1&&(B(0,`span`,15),J(1,`inherited`),V())}function PP(e,t){if(e&1&&(B(0,`div`,18)(1,`code`),J(2),xv(3,`json`),V(),M(4,NP,2,0,`span`,15),V()),e&2){let e=t.$implicit,n=G().$implicit;A(2),Z(``,e[0],`: `,Cv(3,3,e[1])),A(2),N(n.route.paramSources?.[e[0]]===`inherited`?4:-1)}}function FP(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function IP(e,t){e&1&&(B(0,`span`,15),J(1),V()),e&2&&(A(),Y(t))}function LP(e,t){if(e&1&&(B(0,`div`,19)(1,`code`),J(2),xv(3,`json`),V(),M(4,IP,2,1,`span`,15),V()),e&2){let e,n=t.$implicit,r=G().$implicit;A(2),Z(``,n[0],`: `,Cv(3,3,n[1])),A(2),N((e=r.route.dataSources?.[n[0]])?4:-1,e)}}function RP(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function zP(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;A(),Y(e)}}function BP(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;A(),X(`resolve `,e)}}function VP(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function HP(e,t){if(e&1&&(B(0,`tr`)(1,`td`,13),J(2),M(3,DP,2,1,`span`,14),M(4,OP,2,1,`span`,15),M(5,kP,2,0,`span`,15),M(6,AP,2,2,`div`,16),V(),B(7,`td`),M(8,jP,2,1,`code`,17)(9,MP,4,0),V(),B(10,`td`),P(11,PP,5,5,`div`,18,vP,!1,FP,4,0),V(),B(14,`td`),P(15,LP,5,5,`div`,19,vP,!1,RP,4,0),V(),B(18,`td`),P(19,zP,2,1,`span`,15,Ag),P(21,BP,2,1,`span`,15,Ag),M(23,VP,4,0),V()()),e&2){let e=t.$implicit,n=G(2);A(),K(`padding-left`,14+e.depth*16,`px`),A(),X(` `,e.label,` `),A(),N(e.nesting?3:-1),A(),N(e.route.outlet===`primary`?-1:4),A(),N(e.route.lazy?5:-1),A(),N(e.route.title?6:-1),A(2),N(e.route.component?8:9),A(3),F(n.entries(e.route.params)),A(4),F(n.entries(e.route.data)),A(4),F(n.guardList(e.route)),A(2),F(e.route.resolvers??mv(11,_P)),A(2),N(!n.guardList(e.route).length&&!e.route.resolvers?.length?23:-1)}}function UP(e,t){if(e&1){let e=H();B(0,`button`,26),W(`click`,function(){E(e);let t=G(2).$implicit,n=G(3);return D(n.showComponent.emit({pageId:n.page().pageId,id:t.outlet.devtoolsId}))}),J(1,` Show in Components`),B(2,`span`,14),J(3),V()()}if(e&2){let e=G(2).$implicit;A(3),X(`: `,e.outlet.component??e.outlet.element??`routed component`)}}function WP(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2,` for `),B(3,`code`),J(4),V(),M(5,UP,4,1,`button`,25)),e&2){let e=G().$implicit,t=G(3);A(),Y(e.outlet.component??`?`),A(3),Y(e.outlet.route??`?`),A(),N(e.outlet.devtoolsId&&t.componentsOn()?5:-1)}}function GP(e,t){e&1&&(B(0,`span`,23),J(1,`not activated`),V())}function KP(e,t){e&1&&(B(0,`span`,15),J(1,`detached by reuse strategy`),V())}function qP(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;A(),Z(`input `,e.input,` ← `,e.source)}}function JP(e,t){if(e&1&&(B(0,`span`,24),J(1,`routerOutletData `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;A(3),Y(e.outlet.data)}}function YP(e,t){if(e&1&&(B(0,`li`)(1,`span`,15),J(2),V(),M(3,WP,6,3)(4,GP,2,0,`span`,23),M(5,KP,2,0,`span`,15),P(6,qP,2,2,`span`,15,yP),M(8,JP,4,1,`span`,24),V()),e&2){let e=t.$implicit,n=G(3);K(`padding-left`,10+e.depth*16,`px`),A(2),Y(e.outlet.outlet),A(),N(e.outlet.activated?3:4),A(2),N(e.outlet.detached?5:-1),A(),F(n.boundInputs(e.outlet)),A(2),N(e.outlet.data===void 0?-1:8)}}function XP(e,t){if(e&1&&(B(0,`h3`),J(1,`Outlets`),V(),B(2,`ul`,21),P(3,YP,9,6,`li`,22,kg),V()),e&2){let e=G(2);A(3),F(e.outletRows())}}function ZP(e,t){if(e&1&&(B(0,`p`,1)(1,`span`,2),J(2,`URL`),V(),B(3,`code`),J(4),V()(),M(5,bP,5,1,`p`,3),M(6,SP,10,5),M(7,CP,2,1,`p`,4),B(8,`dl`,5),M(9,wP,4,1),M(10,TP,6,3),M(11,EP,5,1),V(),B(12,`h3`),J(13,`Active routes`),V(),B(14,`div`,6)(15,`table`)(16,`thead`)(17,`tr`)(18,`th`,7),J(19,`Route`),V(),B(20,`th`,7),J(21,`Component`),V(),B(22,`th`,7),J(23,`Params`),V(),B(24,`th`,7),J(25,`Data`),V(),B(26,`th`,7),J(27,`Guards and resolvers`),V()()(),B(28,`tbody`),P(29,HP,24,12,`tr`,null,kg),V()()(),M(31,XP,5,0)),e&2){let e,n=t,r=G();A(4),Y(n.url),A(),N(n.urlDrift&&n.browserUrl?5:-1),A(),N((e=n.pending)?6:-1,e),A(),N(r.message()?7:-1),A(2),N(n.title?9:-1),A(),N(r.hasKeys(n.queryParams)?10:-1),A(),N(n.fragment?11:-1),A(18),F(r.rows()),A(2),N(r.outletRows().length?31:-1)}}function QP(e,t){e&1&&(B(0,`div`,0)(1,`p`,27),J(2,`This page reports no Router.`),V(),B(3,`p`,23),J(4,` Add `),B(5,`code`),J(6,`provideRouter()`),V(),J(7,` to the app config and navigate once to see the active routes here. `),V()())}var $P=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>FE(this.rpc(),`router`));navigationOff=iE(`router`);componentsOn=Q(()=>PE(this.rpc()).inspectors.components);showComponent=Rv();pageId=Q(()=>this.page().pageId);message=Fv({source:this.pageId,computation:()=>``});rows=Q(()=>{let e=[],t=(n,r,i)=>{let a=r===0&&!n.path?`(root)`:`/`+n.path,o=i===void 0?void 0:`level ${r+1}, child of ${i}`;e.push({route:n,depth:r,label:a,nesting:o});for(let e of n.children)t(e,r+1,a)},n=this.page().snapshot?.root;return n&&t(n,0),e});outletRows=Q(()=>{let e=[],t=(n,r)=>{for(let i of n)e.push({outlet:i,depth:r}),i.children&&t(i.children,r+1)};return t(this.page().outlets??[],0),e});hasKeys(e){return Object.keys(e).length>0}entries(e){return Object.entries(e)}guardList(e){return Object.entries(e.guards??{}).flatMap(([e,t])=>t.map(t=>`${e} ${t}`))}boundInputs(e){return(e.inputs??[]).filter(e=>e.source!==`unset`)}async abort(){let e=this.pageId(),t=await hP(this.rpc(),e,{action:`abort`});e===this.pageId()&&this.message.set(t.error?String(t.error):`Aborted navigation #${t.aborted}.`)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-route-current`]],inputs:{page:[1,`page`],rpc:[1,`rpc`]},outputs:{showComponent:`showComponent`},decls:2,vars:1,consts:[[1,`empty`],[1,`url`],[1,`url-label`],[`role`,`note`,1,`note`],[`role`,`status`,1,`muted`],[1,`facts`],[`role`,`region`,`aria-label`,`Active routes`,`tabindex`,`0`,1,`table-scroll`],[`scope`,`col`],[`role`,`status`,1,`pending`],[`aria-hidden`,`true`,1,`pulse`],[1,`pending-text`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`id`,`route-current-writes-off`,1,`muted`],[1,`path`],[1,`visually-hidden`],[1,`tag`],[1,`sub`],[1,`component`],[1,`entry`],[1,`entry`,`data`],[`aria-hidden`,`true`,1,`nil`],[1,`outlets`],[3,`padding-left`],[1,`muted`],[1,`outlet-data`],[`type`,`button`,1,`small`,`show-component`],[`type`,`button`,1,`small`,`show-component`,3,`click`],[1,`empty-title`]],template:function(e,t){if(e&1&&M(0,ZP,32,8)(1,QP,8,0,`div`,0),e&2){let e;N((e=t.page().snapshot)?0:1,e)}},dependencies:[hb],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function EP(e){return e.line?`${e.file}:${e.line}`:e.file}function DP(e,t){let n=t.filter(t=>t.fullPath===e.fullPath&&t.redirectTo!==void 0==(e.redirectTo!==void 0));return n.find(t=>!!e.component&&t.component===e.component)??n.find(t=>!t.component||!e.component)}var OP=PE;function kP(e){return e.startsWith(`/`)&&!e.startsWith(`//`)&&!/^\/*[a-z][a-z0-9+.-]*:/i.test(e)&&!e.includes(`[redacted]`)&&e.length<=2e3}var AP=`Could not reach the page.`;async function jP(e,t,n){return await OP(e,`request-router-action`,{pageId:t,request:n})??{error:`Could not reach the page.`}}function MP(e){return e===`succeeded`?`good`:e===`redirected`||e===`pending`||e===`skipped`?`warn`:e===`cancelled`||e===`failed`?`bad`:``}var NP=()=>[],PP=(e,t)=>t[0],FP=(e,t)=>t.input;function IP(e,t){if(e&1&&(B(0,`p`,3),J(1,` The browser shows `),B(2,`code`),J(3),V(),J(4,`, not the router URL (skipLocationChange, browserUrl, a failed navigation or code that changed history). `),V()),e&2){let e=G();A(3),Y(e.browserUrl)}}function LP(e,t){if(e&1&&(B(0,`p`,12),J(1),V()),e&2){let e=G(3);A(),Y(e.navigationOff)}}function RP(e,t){if(e&1){let e=H();B(0,`div`,8),Vg(1,`span`,9),B(2,`span`,10),J(3,`Navigating to `),B(4,`code`),J(5),V(),J(6),V(),B(7,`button`,11),W(`click`,function(){return E(e),D(G(2).abort())}),J(8,` Abort `),V()(),M(9,LP,2,1,`p`,12)}if(e&2){let e=t,n=G(2);A(5),Y(e.url),A(),X(` (#`,e.id,`)`),A(),qg(`disabled`,!n.navigationAllowed()),j(`aria-describedby`,n.navigationAllowed()?null:`route-current-writes-off`),A(2),N(n.navigationAllowed()?-1:9)}}function zP(e,t){if(e&1&&(B(0,`p`,4),J(1),V()),e&2){let e=G(2);A(),Y(e.message())}}function BP(e,t){if(e&1&&(B(0,`dt`),J(1,`Document title`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();A(3),Y(e.title)}}function VP(e,t){if(e&1&&(B(0,`dt`),J(1,`Query params`),V(),B(2,`dd`)(3,`code`),J(4),xv(5,`json`),V()()),e&2){let e=G();A(4),Y(Cv(5,1,e.queryParams))}}function HP(e,t){if(e&1&&(B(0,`dt`),J(1,`Fragment`),V(),B(2,`dd`)(3,`code`),J(4),V()()),e&2){let e=G();A(4),Y(e.fragment)}}function UP(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;A(),X(`, `,e.nesting)}}function WP(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=G().$implicit;A(),Y(e.route.outlet)}}function GP(e,t){e&1&&(B(0,`span`,15),J(1,`lazy`),V())}function KP(e,t){if(e&1&&(B(0,`div`,16),J(1),V()),e&2){let e=G().$implicit;A(),Z(` title `,e.route.title,``,e.route.ownTitle===!1?` (inherited)`:``,` `)}}function qP(e,t){if(e&1&&(B(0,`code`,17),J(1),V()),e&2){let e=G().$implicit;A(),Y(e.route.component)}}function JP(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function YP(e,t){e&1&&(B(0,`span`,15),J(1,`inherited`),V())}function XP(e,t){if(e&1&&(B(0,`div`,18)(1,`code`),J(2),xv(3,`json`),V(),M(4,YP,2,0,`span`,15),V()),e&2){let e=t.$implicit,n=G().$implicit;A(2),Z(``,e[0],`: `,Cv(3,3,e[1])),A(2),N(n.route.paramSources?.[e[0]]===`inherited`?4:-1)}}function ZP(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function QP(e,t){e&1&&(B(0,`span`,15),J(1),V()),e&2&&(A(),Y(t))}function $P(e,t){if(e&1&&(B(0,`div`,19)(1,`code`),J(2),xv(3,`json`),V(),M(4,QP,2,1,`span`,15),V()),e&2){let e,n=t.$implicit,r=G().$implicit;A(2),Z(``,n[0],`: `,Cv(3,3,n[1])),A(2),N((e=r.route.dataSources?.[n[0]])?4:-1,e)}}function eF(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function tF(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;A(),Y(e)}}function nF(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;A(),X(`resolve `,e)}}function rF(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function iF(e,t){if(e&1&&(B(0,`tr`)(1,`td`,13),J(2),M(3,UP,2,1,`span`,14),M(4,WP,2,1,`span`,15),M(5,GP,2,0,`span`,15),M(6,KP,2,2,`div`,16),V(),B(7,`td`),M(8,qP,2,1,`code`,17)(9,JP,4,0),V(),B(10,`td`),P(11,XP,5,5,`div`,18,PP,!1,ZP,4,0),V(),B(14,`td`),P(15,$P,5,5,`div`,19,PP,!1,eF,4,0),V(),B(18,`td`),P(19,tF,2,1,`span`,15,Ag),P(21,nF,2,1,`span`,15,Ag),M(23,rF,4,0),V()()),e&2){let e=t.$implicit,n=G(2);A(),K(`padding-left`,14+e.depth*16,`px`),A(),X(` `,e.label,` `),A(),N(e.nesting?3:-1),A(),N(e.route.outlet===`primary`?-1:4),A(),N(e.route.lazy?5:-1),A(),N(e.route.title?6:-1),A(2),N(e.route.component?8:9),A(3),F(n.entries(e.route.params)),A(4),F(n.entries(e.route.data)),A(4),F(n.guardList(e.route)),A(2),F(e.route.resolvers??mv(11,NP)),A(2),N(!n.guardList(e.route).length&&!e.route.resolvers?.length?23:-1)}}function aF(e,t){if(e&1){let e=H();B(0,`button`,26),W(`click`,function(){E(e);let t=G(2).$implicit,n=G(3);return D(n.showComponent.emit({pageId:n.page().pageId,id:t.outlet.devtoolsId}))}),J(1,` Show in Components`),B(2,`span`,14),J(3),V()()}if(e&2){let e=G(2).$implicit;A(3),X(`: `,e.outlet.component??e.outlet.element??`routed component`)}}function oF(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2,` for `),B(3,`code`),J(4),V(),M(5,aF,4,1,`button`,25)),e&2){let e=G().$implicit,t=G(3);A(),Y(e.outlet.component??`?`),A(3),Y(e.outlet.route??`?`),A(),N(e.outlet.devtoolsId&&t.componentsOn()?5:-1)}}function sF(e,t){e&1&&(B(0,`span`,23),J(1,`not activated`),V())}function cF(e,t){e&1&&(B(0,`span`,15),J(1,`detached by reuse strategy`),V())}function lF(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;A(),Z(`input `,e.input,` ← `,e.source)}}function uF(e,t){if(e&1&&(B(0,`span`,24),J(1,`routerOutletData `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;A(3),Y(e.outlet.data)}}function dF(e,t){if(e&1&&(B(0,`li`)(1,`span`,15),J(2),V(),M(3,oF,6,3)(4,sF,2,0,`span`,23),M(5,cF,2,0,`span`,15),P(6,lF,2,2,`span`,15,FP),M(8,uF,4,1,`span`,24),V()),e&2){let e=t.$implicit,n=G(3);K(`padding-left`,10+e.depth*16,`px`),A(2),Y(e.outlet.outlet),A(),N(e.outlet.activated?3:4),A(2),N(e.outlet.detached?5:-1),A(),F(n.boundInputs(e.outlet)),A(2),N(e.outlet.data===void 0?-1:8)}}function fF(e,t){if(e&1&&(B(0,`h3`),J(1,`Outlets`),V(),B(2,`ul`,21),P(3,dF,9,6,`li`,22,kg),V()),e&2){let e=G(2);A(3),F(e.outletRows())}}function pF(e,t){if(e&1&&(B(0,`p`,1)(1,`span`,2),J(2,`URL`),V(),B(3,`code`),J(4),V()(),M(5,IP,5,1,`p`,3),M(6,RP,10,5),M(7,zP,2,1,`p`,4),B(8,`dl`,5),M(9,BP,4,1),M(10,VP,6,3),M(11,HP,5,1),V(),B(12,`h3`),J(13,`Active routes`),V(),B(14,`div`,6)(15,`table`)(16,`thead`)(17,`tr`)(18,`th`,7),J(19,`Route`),V(),B(20,`th`,7),J(21,`Component`),V(),B(22,`th`,7),J(23,`Params`),V(),B(24,`th`,7),J(25,`Data`),V(),B(26,`th`,7),J(27,`Guards and resolvers`),V()()(),B(28,`tbody`),P(29,iF,24,12,`tr`,null,kg),V()()(),M(31,fF,5,0)),e&2){let e,n=t,r=G();A(4),Y(n.url),A(),N(n.urlDrift&&n.browserUrl?5:-1),A(),N((e=n.pending)?6:-1,e),A(),N(r.message()?7:-1),A(2),N(n.title?9:-1),A(),N(r.hasKeys(n.queryParams)?10:-1),A(),N(n.fragment?11:-1),A(18),F(r.rows()),A(2),N(r.outletRows().length?31:-1)}}function mF(e,t){e&1&&(B(0,`div`,0)(1,`p`,27),J(2,`This page reports no Router.`),V(),B(3,`p`,23),J(4,` Add `),B(5,`code`),J(6,`provideRouter()`),V(),J(7,` to the app config and navigate once to see the active routes here. `),V()())}var hF=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>YE(this.rpc(),`router`));navigationOff=vE(`router`);componentsOn=Q(()=>JE(this.rpc()).inspectors.components);showComponent=Rv();pageId=Q(()=>this.page().pageId);message=Fv({source:this.pageId,computation:()=>``});rows=Q(()=>{let e=[],t=(n,r,i)=>{let a=r===0&&!n.path?`(root)`:`/`+n.path,o=i===void 0?void 0:`level ${r+1}, child of ${i}`;e.push({route:n,depth:r,label:a,nesting:o});for(let e of n.children)t(e,r+1,a)},n=this.page().snapshot?.root;return n&&t(n,0),e});outletRows=Q(()=>{let e=[],t=(n,r)=>{for(let i of n)e.push({outlet:i,depth:r}),i.children&&t(i.children,r+1)};return t(this.page().outlets??[],0),e});hasKeys(e){return Object.keys(e).length>0}entries(e){return Object.entries(e)}guardList(e){return Object.entries(e.guards??{}).flatMap(([e,t])=>t.map(t=>`${e} ${t}`))}boundInputs(e){return(e.inputs??[]).filter(e=>e.source!==`unset`)}async abort(){let e=this.pageId(),t=await jP(this.rpc(),e,{action:`abort`});e===this.pageId()&&this.message.set(t.error?String(t.error):`Aborted navigation #${t.aborted}.`)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-route-current`]],inputs:{page:[1,`page`],rpc:[1,`rpc`]},outputs:{showComponent:`showComponent`},decls:2,vars:1,consts:[[1,`empty`],[1,`url`],[1,`url-label`],[`role`,`note`,1,`note`],[`role`,`status`,1,`muted`],[1,`facts`],[`role`,`region`,`aria-label`,`Active routes`,`tabindex`,`0`,1,`table-scroll`],[`scope`,`col`],[`role`,`status`,1,`pending`],[`aria-hidden`,`true`,1,`pulse`],[1,`pending-text`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`id`,`route-current-writes-off`,1,`muted`],[1,`path`],[1,`visually-hidden`],[1,`tag`],[1,`sub`],[1,`component`],[1,`entry`],[1,`entry`,`data`],[`aria-hidden`,`true`,1,`nil`],[1,`outlets`],[3,`padding-left`],[1,`muted`],[1,`outlet-data`],[`type`,`button`,1,`small`,`show-component`],[`type`,`button`,1,`small`,`show-component`,3,`click`],[1,`empty-title`]],template:function(e,t){if(e&1&&M(0,pF,32,8)(1,mF,8,0,`div`,0),e&2){let e;N((e=t.page().snapshot)?0:1,e)}},dependencies:[hb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -3408,7 +3408,7 @@ h3[_ngcontent-%COMP%] {
   display: block;
   color: var(--%NS%text-2);
   font-size: 12px;
-}`]})};function eF(e,t){if(e&1&&(B(0,`span`,8),J(1),V()),e&2){let e=G(2);A(),X(``,e.counts().error,` error(s)`)}}function tF(e,t){if(e&1&&(B(0,`span`,9),J(1),V()),e&2){let e=G(2);A(),X(``,e.counts().warning,` warning(s)`)}}function nF(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G(2);A(),X(``,e.counts().info,` info`)}}function rF(e,t){if(e&1&&(B(0,`span`,3),M(1,eF,2,1,`span`,8),M(2,tF,2,1,`span`,9),M(3,nF,2,1,`span`,10),V()),e&2){let e=G();A(),N(e.counts().error?1:-1),A(),N(e.counts().warning?2:-1),A(),N(e.counts().info?3:-1)}}function iF(e,t){if(e&1){let e=H();B(0,`div`,4)(1,`p`,11),J(2,`The route checks could not run.`),V(),B(3,`p`,2),J(4,`The devtools server did not answer. Check that it is still running.`),V(),B(5,`button`,1),W(`click`,function(){return E(e),D(G().run())}),J(6,`Retry`),V()()}}function aF(e,t){e&1&&(B(0,`p`,5),J(1,`Checking…`),V())}function oF(e,t){e&1&&J(0,` This page runs in events-only mode: it has no debug utils (a production build or an unusual setup), so it cannot report its route config. `)}function sF(e,t){e&1&&J(0,` The page has not reported its route config yet. It appears after the app finishes bootstrapping. `)}function cF(e,t){e&1&&J(0,` No page with a router is connected. `)}function lF(e,t){if(e&1&&(B(0,`div`,6)(1,`p`,11),J(2,`No checks ran.`),V(),B(3,`p`,2),M(4,oF,1,0)(5,sF,1,0)(6,cF,1,0),V()()),e&2){let e;A(4),N((e=t)===`events-only`?4:e===`no-config`?5:6)}}function uF(e,t){if(e&1&&(B(0,`li`)(1,`div`,12)(2,`span`,10),J(3),V(),B(4,`code`,13),J(5),V(),B(6,`code`,14),J(7),V()(),B(8,`p`,15),J(9),V(),B(10,`p`,16)(11,`span`,17),J(12,`Fix`),V(),B(13,`span`,18),J(14),B(15,`span`,2),J(16),V()()()()),e&2){let e=t.$implicit,n=G(2);j(`data-severity`,e.severity),A(2),j(`data-tone`,n.severityTone(e.severity)),A(),Y(e.severity),A(2),Y(e.rule),A(2),Y(e.route),A(2),Y(e.message),A(5),X(``,e.fix,` `),A(2),X(`(Angular `,e.angular===`throws`?`throws`:e.angular===`warns`?`warns`:`does not warn`,`)`)}}function dF(e,t){if(e&1&&(B(0,`ul`,7),P(1,uF,17,8,`li`,null,kg),V()),e&2){let e=G();j(`aria-busy`,e.checking()),A(),F(e.findings())}}function fF(e,t){e&1&&(B(0,`div`,6)(1,`span`,19),O(),B(2,`svg`,20),Vg(3,`path`,21),V()(),gs(),B(4,`p`,11),J(5,`No route config problems found.`),V(),B(6,`p`,2),J(7,`The check runs again after each navigation or config change.`),V()())}var pF=class e{page=$.required();rpc=$(null);result=k(null);failed=k(!1);checking=k(!1);findings=Q(()=>{let e=this.result();return e?.checked?e.findings:[]});notChecked=Q(()=>{let e=this.result();return e&&!e.checked?e.reason:null});counts=Q(()=>{let e={error:0,warning:0,info:0};for(let t of this.findings())e[t.severity]++;return e});key=Q(()=>{let e=this.page(),t=e.navigations[e.navigations.length-1],n=JSON.stringify((e.links??[]).map(e=>[e.text,e.href,e.linkActive!==void 0,e.ariaCurrent===void 0])),r=`${e.setup?.mode}/${e.setup?.features?.componentInputBinding}`;return`${e.pageId}:${e.generation}:${t?.id}:${t?.outcome}:${n}:${r}`});seq=0;checkedPage=null;constructor(){pc(()=>{this.key(),Nv(()=>void this.run())})}severityTone(e){return e===`error`?`bad`:e===`warning`?`warn`:``}async run(){let e=++this.seq,t=this.page().pageId;t!==this.checkedPage&&this.result.set(null),this.checking.set(!0);let n=await fP(this.rpc(),`router-lint`,t);e===this.seq&&(this.checking.set(!1),this.failed.set(!n),n&&(this.result.set(n),this.checkedPage=t))}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-route-lint`]],inputs:{page:[1,`page`],rpc:[1,`rpc`]},decls:11,vars:4,consts:[[1,`toolbar`],[`type`,`button`,1,`small`,3,`click`],[1,`muted`],[1,`summary`],[`role`,`alert`,1,`empty`],[`role`,`status`,1,`muted`,`empty`],[1,`empty`],[1,`findings`],[`data-tone`,`bad`,1,`badge`],[`data-tone`,`warn`,1,`badge`],[1,`badge`],[1,`empty-title`],[1,`head`],[1,`rule`],[1,`route`],[1,`message`],[1,`fix`],[1,`fix-label`],[1,`fix-text`],[`aria-hidden`,`true`,1,`ok-mark`],[`width`,`16`,`height`,`16`,`viewBox`,`0 0 24 24`,`fill`,`none`,`stroke`,`currentColor`,`stroke-width`,`2.5`,`stroke-linecap`,`round`,`stroke-linejoin`,`round`],[`d`,`M20 6 9 17l-5-5`]],template:function(e,t){if(e&1&&(B(0,`div`,0)(1,`button`,1),W(`click`,function(){return t.run()}),J(2),V(),B(3,`span`,2),J(4,`Checks the live config, links and recent navigations. Lazy routes that have not loaded are skipped.`),V(),M(5,rF,4,3,`span`,3),V(),M(6,iF,7,0,`div`,4)(7,aF,2,0,`p`,5)(8,lF,7,1,`div`,6)(9,dF,3,1,`ul`,7)(10,fF,8,0,`div`,6)),e&2){let e;A(),j(`aria-busy`,t.checking()),A(),X(` `,t.checking()?`Checking…`:`Check again`,` `),A(3),N(t.result()?.checked&&t.findings().length?5:-1),A(),N(t.failed()?6:t.result()?(e=t.notChecked())?8:t.findings().length?9:10:7,e)}},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function gF(e,t){if(e&1&&(B(0,`span`,8),J(1),V()),e&2){let e=G(2);A(),X(``,e.counts().error,` error(s)`)}}function _F(e,t){if(e&1&&(B(0,`span`,9),J(1),V()),e&2){let e=G(2);A(),X(``,e.counts().warning,` warning(s)`)}}function vF(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G(2);A(),X(``,e.counts().info,` info`)}}function yF(e,t){if(e&1&&(B(0,`span`,3),M(1,gF,2,1,`span`,8),M(2,_F,2,1,`span`,9),M(3,vF,2,1,`span`,10),V()),e&2){let e=G();A(),N(e.counts().error?1:-1),A(),N(e.counts().warning?2:-1),A(),N(e.counts().info?3:-1)}}function bF(e,t){if(e&1){let e=H();B(0,`div`,4)(1,`p`,11),J(2,`The route checks could not run.`),V(),B(3,`p`,2),J(4,`The devtools server did not answer. Check that it is still running.`),V(),B(5,`button`,1),W(`click`,function(){return E(e),D(G().run())}),J(6,`Retry`),V()()}}function xF(e,t){e&1&&(B(0,`p`,5),J(1,`Checking…`),V())}function SF(e,t){e&1&&J(0,` This page runs in events-only mode: it has no debug utils (a production build or an unusual setup), so it cannot report its route config. `)}function CF(e,t){e&1&&J(0,` The page has not reported its route config yet. It appears after the app finishes bootstrapping. `)}function wF(e,t){e&1&&J(0,` No page with a router is connected. `)}function TF(e,t){if(e&1&&(B(0,`div`,6)(1,`p`,11),J(2,`No checks ran.`),V(),B(3,`p`,2),M(4,SF,1,0)(5,CF,1,0)(6,wF,1,0),V()()),e&2){let e;A(4),N((e=t)===`events-only`?4:e===`no-config`?5:6)}}function EF(e,t){if(e&1&&(B(0,`li`)(1,`div`,12)(2,`span`,10),J(3),V(),B(4,`code`,13),J(5),V(),B(6,`code`,14),J(7),V()(),B(8,`p`,15),J(9),V(),B(10,`p`,16)(11,`span`,17),J(12,`Fix`),V(),B(13,`span`,18),J(14),B(15,`span`,2),J(16),V()()()()),e&2){let e=t.$implicit,n=G(2);j(`data-severity`,e.severity),A(2),j(`data-tone`,n.severityTone(e.severity)),A(),Y(e.severity),A(2),Y(e.rule),A(2),Y(e.route),A(2),Y(e.message),A(5),X(``,e.fix,` `),A(2),X(`(Angular `,e.angular===`throws`?`throws`:e.angular===`warns`?`warns`:`does not warn`,`)`)}}function DF(e,t){if(e&1&&(B(0,`ul`,7),P(1,EF,17,8,`li`,null,kg),V()),e&2){let e=G();j(`aria-busy`,e.checking()),A(),F(e.findings())}}function OF(e,t){e&1&&(B(0,`div`,6)(1,`span`,19),O(),B(2,`svg`,20),Vg(3,`path`,21),V()(),gs(),B(4,`p`,11),J(5,`No route config problems found.`),V(),B(6,`p`,2),J(7,`The check runs again after each navigation or config change.`),V()())}var kF=class e{page=$.required();rpc=$(null);result=k(null);failed=k(!1);checking=k(!1);findings=Q(()=>{let e=this.result();return e?.checked?e.findings:[]});notChecked=Q(()=>{let e=this.result();return e&&!e.checked?e.reason:null});counts=Q(()=>{let e={error:0,warning:0,info:0};for(let t of this.findings())e[t.severity]++;return e});key=Q(()=>{let e=this.page(),t=e.navigations[e.navigations.length-1],n=JSON.stringify((e.links??[]).map(e=>[e.text,e.href,e.linkActive!==void 0,e.ariaCurrent===void 0])),r=`${e.setup?.mode}/${e.setup?.features?.componentInputBinding}`;return`${e.pageId}:${e.generation}:${t?.id}:${t?.outcome}:${n}:${r}`});seq=0;checkedPage=null;constructor(){pc(()=>{this.key(),Nv(()=>void this.run())})}severityTone(e){return e===`error`?`bad`:e===`warning`?`warn`:``}async run(){let e=++this.seq,t=this.page().pageId;t!==this.checkedPage&&this.result.set(null),this.checking.set(!0);let n=await OP(this.rpc(),`router-lint`,t);e===this.seq&&(this.checking.set(!1),this.failed.set(!n),n&&(this.result.set(n),this.checkedPage=t))}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-route-lint`]],inputs:{page:[1,`page`],rpc:[1,`rpc`]},decls:11,vars:4,consts:[[1,`toolbar`],[`type`,`button`,1,`small`,3,`click`],[1,`muted`],[1,`summary`],[`role`,`alert`,1,`empty`],[`role`,`status`,1,`muted`,`empty`],[1,`empty`],[1,`findings`],[`data-tone`,`bad`,1,`badge`],[`data-tone`,`warn`,1,`badge`],[1,`badge`],[1,`empty-title`],[1,`head`],[1,`rule`],[1,`route`],[1,`message`],[1,`fix`],[1,`fix-label`],[1,`fix-text`],[`aria-hidden`,`true`,1,`ok-mark`],[`width`,`16`,`height`,`16`,`viewBox`,`0 0 24 24`,`fill`,`none`,`stroke`,`currentColor`,`stroke-width`,`2.5`,`stroke-linecap`,`round`,`stroke-linejoin`,`round`],[`d`,`M20 6 9 17l-5-5`]],template:function(e,t){if(e&1&&(B(0,`div`,0)(1,`button`,1),W(`click`,function(){return t.run()}),J(2),V(),B(3,`span`,2),J(4,`Checks the live config, links and recent navigations. Lazy routes that have not loaded are skipped.`),V(),M(5,yF,4,3,`span`,3),V(),M(6,bF,7,0,`div`,4)(7,xF,2,0,`p`,5)(8,TF,7,1,`div`,6)(9,DF,3,1,`ul`,7)(10,OF,8,0,`div`,6)),e&2){let e;A(),j(`aria-busy`,t.checking()),A(),X(` `,t.checking()?`Checking…`:`Check again`,` `),A(3),N(t.result()?.checked&&t.findings().length?5:-1),A(),N(t.failed()?6:t.result()?(e=t.notChecked())?8:t.findings().length?9:10:7,e)}},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -3830,7 +3830,7 @@ h3[_ngcontent-%COMP%] {
 
 .fix[_ngcontent-%COMP%]   .muted[_ngcontent-%COMP%] {
   font-size: 12px;
-}`]})},mF=(e,t)=>t.name,hF=(e,t)=>t[0];function gF(e,t){e&1&&(B(0,`p`,1),J(1,` Events-only mode: this build lacks the injector provider debug helper, so setup detection is limited. The preloader, the scroller and the router providers can't be found, and the features and options below can show defaults. `),V())}function _F(e,t){if(e&1&&(B(0,`dt`),J(1,`Angular`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();A(3),Y(e.angularVersion)}}function vF(e,t){if(e&1&&(B(0,`dt`),J(1,`Base href`),V(),B(2,`dd`)(3,`code`),J(4),V()()),e&2){let e=G();A(4),Y(e.baseHref)}}function yF(e,t){if(e&1&&(B(0,`dt`),J(1,`Hydration`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();A(3),X(``,e.hydrated,` component(s) hydrated from server HTML`)}}function bF(e,t){if(e&1&&(B(0,`tr`)(1,`td`,5)(2,`code`),J(3),V()(),B(4,`td`)(5,`code`),J(6),V()(),B(7,`td`,6)(8,`span`,7),J(9),V()()()),e&2){let e=t.$implicit;A(3),Y(e.name),A(3),Y(e.value),A(2),j(`data-tone`,e.set?`warn`:``),A(),Y(e.set?`set`:`default`)}}function xF(e,t){if(e&1&&(B(0,`li`)(1,`span`,7),J(2),V()()),e&2){let e=t.$implicit;A(),j(`data-tone`,e[1]===`off`?``:`good`),A(),Z(``,e[0],`: `,e[1])}}function SF(e,t){if(e&1&&(B(0,`h3`),J(1,`Features`),V(),B(2,`ul`,8),P(3,xF,3,3,`li`,null,hF),V()),e&2){let e=G(),t=G();A(3),F(t.entries(e.features))}}function CF(e,t){if(e&1&&(B(0,`dt`),J(1),V(),B(2,`dd`)(3,`code`),J(4),V()()),e&2){let e=t.$implicit;A(),Y(e[0]),A(3),Y(e[1])}}function wF(e,t){if(e&1&&(B(0,`h3`),J(1,`Strategies`),V(),B(2,`dl`,2),P(3,CF,5,2,null,null,hF),V()),e&2){let e=G(),t=G();A(3),F(t.entries(e.strategies))}}function TF(e,t){if(e&1&&(M(0,gF,2,0,`p`,1),B(1,`dl`,2)(2,`dt`),J(3,`Set up with`),V(),B(4,`dd`),J(5),V(),M(6,_F,4,1),M(7,vF,5,1),M(8,yF,4,1),V(),B(9,`h3`),J(10,`Options`),V(),B(11,`div`,3)(12,`table`)(13,`thead`)(14,`tr`)(15,`th`,4),J(16,`Option`),V(),B(17,`th`,4),J(18,`Value`),V(),B(19,`th`,4),J(20,`Source`),V()()(),B(21,`tbody`),P(22,bF,10,4,`tr`,null,mF),V()()(),M(24,SF,5,0),M(25,wF,5,0)),e&2){let e=t,n=G();N(e.mode===`events-only`?0:-1),A(5),Z(` `,e.setupKind,``,e.routers>1?`, `+e.routers+` routers on the page`:``,` `),A(),N(e.angularVersion?6:-1),A(),N(e.baseHref?7:-1),A(),N(e.hydrated?8:-1),A(14),F(e.options),A(2),N(n.entries(e.features).length?24:-1),A(),N(n.entries(e.strategies).length?25:-1)}}function EF(e,t){e&1&&(B(0,`div`,0)(1,`p`,9),J(2,`The page has not reported its router setup yet.`),V(),B(3,`p`,10),J(4,` It appears after the app finishes bootstrapping. Reload the app if it stays empty. `),V()())}var DF=class e{page=$.required();entries(e){return Object.entries(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-route-setup`]],inputs:{page:[1,`page`]},decls:2,vars:1,consts:[[1,`empty`],[`role`,`note`,1,`note`],[1,`facts`],[`role`,`region`,`aria-label`,`Router options`,`tabindex`,`0`,1,`table-scroll`],[`scope`,`col`],[1,`name`],[1,`source`],[1,`badge`],[1,`chips`],[1,`empty-title`],[1,`muted`]],template:function(e,t){if(e&1&&M(0,TF,26,8)(1,EF,5,0,`div`,0),e&2){let e;N((e=t.page().setup)?0:1,e)}},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},AF=(e,t)=>t.name,jF=(e,t)=>t[0];function MF(e,t){e&1&&(B(0,`p`,1),J(1,` Events-only mode: this build lacks the injector provider debug helper, so setup detection is limited. The preloader, the scroller and the router providers can't be found, and the features and options below can show defaults. `),V())}function NF(e,t){if(e&1&&(B(0,`dt`),J(1,`Angular`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();A(3),Y(e.angularVersion)}}function PF(e,t){if(e&1&&(B(0,`dt`),J(1,`Base href`),V(),B(2,`dd`)(3,`code`),J(4),V()()),e&2){let e=G();A(4),Y(e.baseHref)}}function FF(e,t){if(e&1&&(B(0,`dt`),J(1,`Hydration`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();A(3),X(``,e.hydrated,` component(s) hydrated from server HTML`)}}function IF(e,t){if(e&1&&(B(0,`tr`)(1,`td`,5)(2,`code`),J(3),V()(),B(4,`td`)(5,`code`),J(6),V()(),B(7,`td`,6)(8,`span`,7),J(9),V()()()),e&2){let e=t.$implicit;A(3),Y(e.name),A(3),Y(e.value),A(2),j(`data-tone`,e.set?`warn`:``),A(),Y(e.set?`set`:`default`)}}function LF(e,t){if(e&1&&(B(0,`li`)(1,`span`,7),J(2),V()()),e&2){let e=t.$implicit;A(),j(`data-tone`,e[1]===`off`?``:`good`),A(),Z(``,e[0],`: `,e[1])}}function RF(e,t){if(e&1&&(B(0,`h3`),J(1,`Features`),V(),B(2,`ul`,8),P(3,LF,3,3,`li`,null,jF),V()),e&2){let e=G(),t=G();A(3),F(t.entries(e.features))}}function zF(e,t){if(e&1&&(B(0,`dt`),J(1),V(),B(2,`dd`)(3,`code`),J(4),V()()),e&2){let e=t.$implicit;A(),Y(e[0]),A(3),Y(e[1])}}function BF(e,t){if(e&1&&(B(0,`h3`),J(1,`Strategies`),V(),B(2,`dl`,2),P(3,zF,5,2,null,null,jF),V()),e&2){let e=G(),t=G();A(3),F(t.entries(e.strategies))}}function VF(e,t){if(e&1&&(M(0,MF,2,0,`p`,1),B(1,`dl`,2)(2,`dt`),J(3,`Set up with`),V(),B(4,`dd`),J(5),V(),M(6,NF,4,1),M(7,PF,5,1),M(8,FF,4,1),V(),B(9,`h3`),J(10,`Options`),V(),B(11,`div`,3)(12,`table`)(13,`thead`)(14,`tr`)(15,`th`,4),J(16,`Option`),V(),B(17,`th`,4),J(18,`Value`),V(),B(19,`th`,4),J(20,`Source`),V()()(),B(21,`tbody`),P(22,IF,10,4,`tr`,null,AF),V()()(),M(24,RF,5,0),M(25,BF,5,0)),e&2){let e=t,n=G();N(e.mode===`events-only`?0:-1),A(5),Z(` `,e.setupKind,``,e.routers>1?`, `+e.routers+` routers on the page`:``,` `),A(),N(e.angularVersion?6:-1),A(),N(e.baseHref?7:-1),A(),N(e.hydrated?8:-1),A(14),F(e.options),A(2),N(n.entries(e.features).length?24:-1),A(),N(n.entries(e.strategies).length?25:-1)}}function HF(e,t){e&1&&(B(0,`div`,0)(1,`p`,9),J(2,`The page has not reported its router setup yet.`),V(),B(3,`p`,10),J(4,` It appears after the app finishes bootstrapping. Reload the app if it stays empty. `),V()())}var UF=class e{page=$.required();entries(e){return Object.entries(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-route-setup`]],inputs:{page:[1,`page`]},decls:2,vars:1,consts:[[1,`empty`],[`role`,`note`,1,`note`],[1,`facts`],[`role`,`region`,`aria-label`,`Router options`,`tabindex`,`0`,1,`table-scroll`],[`scope`,`col`],[1,`name`],[1,`source`],[1,`badge`],[1,`chips`],[1,`empty-title`],[1,`muted`]],template:function(e,t){if(e&1&&M(0,VF,26,8)(1,HF,5,0,`div`,0),e&2){let e;N((e=t.page().setup)?0:1,e)}},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -4161,7 +4161,7 @@ h3[_ngcontent-%COMP%] {
 
 .facts[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {
   color: var(--%NS%text-strong);
-}`]})},OF=(e,t)=>t.id,kF=(e,t)=>t.phase;function AF(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();A(),Y(e.message())}}function jF(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();A(),Y(e.navigationOff)}}function MF(e,t){e&1&&(L(0,`span`,18),J(1,`→`),R(),L(2,`span`,19),J(3,`then`),R())}function NF(e,t){if(e&1&&(M(0,MF,4,0),L(1,`code`),J(2),R()),e&2){let e=t.$implicit,n=t.$index;N(n===0?-1:0),A(2),Y(e)}}function PF(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R(),L(3,`span`,18),J(4,` → `),R(),L(5,`span`,19),J(6,` to `),R(),L(7,`code`),J(8),R(),J(9),R()),e&2){let e=t.$implicit,n=G(3);A(2),Y(e.from),A(6),Y(e.to),A(),X(`: `,n.hopCause(e),` `)}}function FF(e,t){if(e&1&&(L(0,`div`,13)(1,`p`,14)(2,`span`,15),J(3),R(),P(4,NF,3,2,null,null,kg),R(),L(6,`ol`,16),P(7,PF,10,3,`li`,null,kg),R(),L(9,`p`,17),J(10),R()()),e&2){let e=t.$implicit,n=G(2);A(3),Y(n.loopTitle(e)),A(),F(e.cycle),A(3),F(e.hops),A(3),Y(n.loopMeta(e))}}function IF(e,t){if(e&1&&(L(0,`section`,11)(1,`h3`,12),J(2),R(),P(3,FF,11,2,`div`,13,kg),R()),e&2){let e=G();A(2),X(` `,e.loops().length===1?`Loop detected`:e.loops().length+` loops detected`,` `),A(),F(e.loops())}}function LF(e,t){if(e&1&&(L(0,`span`),z(1,`i`),J(2),R()),e&2){let e=t.$implicit,n=G(2);A(),K(`background`,n.color(e)),A(),Y(e)}}function RF(e,t){if(e&1&&(L(0,`time`),J(1),R()),e&2){let e=G().$implicit,t=G(2);A(),Y(t.time(e.startedAt))}}function zF(e,t){if(e&1&&(L(0,`span`,18),J(1,`→`),R(),L(2,`span`,19),J(3,`redirected to`),R(),L(4,`code`,27),J(5),R()),e&2){let e=G().$implicit;A(5),Y(e.finalUrl)}}function BF(e,t){if(e&1&&(L(0,`span`,30),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.endedAt===void 0&&e.outcome!==`pending`?`before Pangular Inspector connected`:`started before Pangular Inspector connected`)}}function VF(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;A(),X(``,e.phases?.total,`ms`)}}function HF(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;A(),X(``,e.endedAt-e.startedAt,`ms`)}}function UF(e,t){e&1&&(L(0,`span`,32),J(1,`probe`),R())}function WF(e,t){if(e&1&&(L(0,`span`,15),J(1,`loop`),L(2,`span`,19),J(3),R()()),e&2){let e=t,n=G(3);A(3),Z(`: part of `,n.loopTitle(e),` `,e.cycle.join(` then `))}}function GF(e,t){if(e&1&&z(0,`span`),e&2){let e=t.$implicit,n=G(4);K(`width`,e.width,`%`)(`background`,n.color(e.phase)),j(`title`,e.phase+` `+e.ms+`ms`)}}function KF(e,t){if(e&1&&(L(0,`div`,33),P(1,GF,1,5,`span`,39,kF),R()),e&2){let e=G().$implicit,t=G(2);j(`aria-label`,t.barLabel(e)),A(),F(t.bars(e))}}function qF(e,t){if(e&1&&(L(0,`dt`),J(1,`From`),R(),L(2,`dd`)(3,`code`),J(4),R()()),e&2){let e=G().$implicit;A(4),Y(e.from)}}function JF(e,t){if(e&1&&(L(0,`dt`),J(1,`Started by`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Z(``,e.caller,` (`,e.trigger,`)`)}}function YF(e,t){if(e&1&&(L(0,`dt`),J(1,`Extras`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.extras?.join(`, `))}}function XF(e,t){if(e&1&&(L(0,`dt`),J(1,`Redirect of`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),X(`#`,e.redirectedFrom)}}function ZF(e,t){if(e&1&&(L(0,`div`),J(1,` This navigation: `),L(2,`code`),J(3),R(),J(4,` to `),L(5,`code`),J(6),R(),J(7),R()),e&2){let e=t.$implicit,n=G(4);A(3),Y(e.from),A(3),Y(e.to),A(),X(`, `,n.hopCause(e),` `)}}function QF(e,t){if(e&1&&(L(0,`dt`),J(1,`Loop`),R(),L(2,`dd`,40),J(3),P(4,ZF,8,3,`div`,null,kg),R()),e&2){let e=t,n=G().$implicit,r=G(2);A(3),X(` `,e.cycle.join(` → `),` `),A(),F(r.hopsOf(e,n))}}function $F(e,t){if(e&1&&(L(0,`dt`),J(1,`Redirects to`),R(),L(2,`dd`)(3,`code`),J(4),R(),J(5),R()),e&2){let e=G().$implicit;A(4),Y(e.redirectTo),A(),X(` (`,e.redirectKind,`) `)}}function eI(e,t){if(e&1&&(L(0,`dt`),J(1,`Guards`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit,t=G(2);A(3),Z(``,e.guards.names.join(`, `)||`none`,`: `,t.guardResult(e))}}function tI(e,t){if(e&1&&(L(0,`div`)(1,`code`),J(2),R(),J(3),L(4,`code`),J(5),R(),J(6,`: `),L(7,`strong`),J(8),R(),J(9),R()),e&2){let e=t.$implicit,n=G(4);A(2),Y(e.guard),A(),X(` `,e.kind,` on `),A(2),Y(e.route),A(2),q(`bad`,n.isBad(e.result)),A(),Y(e.result),A(),X(` (`,e.ms,`ms) `)}}function nI(e,t){if(e&1&&(L(0,`dt`),J(1,`Runs`),R(),L(2,`dd`),P(3,tI,10,7,`div`,null,kg),R()),e&2){let e=G().$implicit;A(3),F(e.runs)}}function rI(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` leaving `,e.checked.deactivate.join(`, `),`; `)}}function iI(e,t){if(e&1&&(L(0,`dt`),J(1,`Checked`),R(),L(2,`dd`),M(3,rI,1,1),J(4),R()),e&2){let e=G().$implicit;A(3),N(e.checked.deactivate.length?3:-1),A(),X(` entering `,e.checked.activate.join(`, `)||`nothing new`,` `)}}function aI(e,t){if(e&1&&(L(0,`dt`),J(1,`Resolvers`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.resolvers?.names?.join(`, `))}}function oI(e,t){if(e&1&&(L(0,`dt`),J(1,`Lazy loaded`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.lazyLoaded?.join(`, `))}}function sI(e,t){if(e&1&&(L(0,`dt`),J(1,`Reused`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),X(` `,e.reused?.join(`, `),` (component kept, only inputs and params change) `)}}function cI(e,t){if(e&1&&(L(0,`dt`),J(1,`HTTP`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Z(``,e.requests.count,` request(s): `,e.requests.urls.join(`, `))}}function lI(e,t){if(e&1&&(L(0,`dt`),J(1,`Scroll`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.scroll)}}function uI(e,t){if(e&1&&(L(0,`dt`),J(1,`Title after`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.title)}}function dI(e,t){if(e&1&&(L(0,`dt`),J(1,`Warnings`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.warnings?.join(` · `))}}function fI(e,t){if(e&1&&(L(0,`dt`),J(1,`Reason`),R(),L(2,`dd`,40),J(3),R()),e&2){let e=G().$implicit,t=G(2);A(3),Y(t.reasonText(e))}}function pI(e,t){if(e&1&&(L(0,`dt`),J(1,`Error`),R(),L(2,`dd`,40),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.errorCode)}}function mI(e,t){if(e&1&&(L(0,`dt`),J(1,`Error handler`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.errorHandler)}}function hI(e,t){if(e&1&&(L(0,`dt`),J(1,`Earlier`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),X(``,e.earlier,` navigation(s) before Pangular Inspector connected`)}}function gI(e,t){if(e&1&&(L(0,`p`,38),J(1,` Replay is off: the URL is redacted or not relative. `),R()),e&2){let e=G().$implicit;I(`id`,pv(`replay-note-`,e.id))}}function _I(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25),M(2,RF,2,1,`time`),L(3,`span`,26),J(4),R(),L(5,`code`,27),J(6),R(),M(7,zF,6,1),L(8,`span`,28)(9,`span`,29),J(10),R(),M(11,BF,2,1,`span`,30)(12,VF,2,1,`span`,31)(13,HF,2,1,`span`,31),M(14,UF,2,0,`span`,32),M(15,WF,4,2,`span`,15),R()(),M(16,KF,3,1,`div`,33),L(17,`dl`,34),M(18,qF,5,1),M(19,JF,4,2),M(20,YF,4,1),M(21,XF,4,1),M(22,QF,6,1),M(23,$F,6,2),M(24,eI,4,2),M(25,nI,5,0),M(26,iI,5,2),M(27,aI,4,1),M(28,oI,4,1),M(29,sI,4,1),M(30,cI,4,2),M(31,lI,4,1),M(32,uI,4,1),M(33,dI,4,1),M(34,fI,4,1),M(35,pI,4,1),M(36,mI,4,1),M(37,hI,4,1),R(),L(38,`div`,35)(39,`button`,36),U(`click`,function(){let t=E(e).$implicit;return D(G(2).replay(t))}),J(40,` Replay `),R(),L(41,`button`,37),U(`click`,function(){let t=E(e).$implicit;return D(G(2).copy(t))}),J(42,` Copy repro `),R(),M(43,gI,2,2,`p`,38),R()()}if(e&2){let e,n,r=t.$implicit,i=G(2);q(`in-loop`,!!i.loopOf(r)),A(2),N(r.beforeConnect?-1:2),A(2),X(`#`,r.id),A(2),Y(r.url),A(),N(r.finalUrl&&r.finalUrl!==r.url?7:-1),A(2),j(`data-tone`,i.tone(r.outcome)),A(),Y(r.outcome),A(),N(r.beforeConnect?11:r.phases?.total===void 0?r.endedAt===void 0?-1:13:12),A(3),N(r.probe?14:-1),A(),N((e=i.loopOf(r))?15:-1,e),A(),N(i.bars(r).length?16:-1),A(2),N(r.from?18:-1),A(),N(r.caller?19:-1),A(),N(r.extras?.length?20:-1),A(),N(r.redirectedFrom===void 0?-1:21),A(),N((n=i.loopOf(r))?22:-1,n),A(),N(r.redirectTo?23:-1),A(),N(r.guards&&(r.guards.names.length||r.guards.passed===!1)?24:-1),A(),N(r.runs?.length?25:-1),A(),N(r.checked&&(r.checked.activate.length||r.checked.deactivate.length)?26:-1),A(),N(r.resolvers?.names?.length?27:-1),A(),N(r.lazyLoaded?.length?28:-1),A(),N(r.reused?.length?29:-1),A(),N(r.requests?30:-1),A(),N(r.scroll?31:-1),A(),N(r.title?32:-1),A(),N(r.warnings?.length?33:-1),A(),N(r.reason||r.code?34:-1),A(),N(r.errorCode?35:-1),A(),N(r.errorHandler?36:-1),A(),N(r.earlier?37:-1),A(2),I(`disabled`,!i.navigationAllowed()||!i.replayable(r)),j(`aria-describedby`,i.replayNote(r))(`aria-label`,`Replay navigation `+r.id),A(2),j(`aria-label`,`Copy repro for navigation `+r.id),A(2),N(i.replayable(r)?-1:43)}}function vI(e,t){if(e&1&&(L(0,`div`,20)(1,`span`,21),J(2),R(),L(3,`div`,22),P(4,LF,3,3,`span`,null,Ag),R()(),L(6,`ol`,23),P(7,_I,44,37,`li`,24,OF),R()),e&2){let e=G();A(2),Z(``,e.items().length,` of `,e.page().navigations.length,` navigation(s)`),A(2),F(e.phases),A(3),F(e.items())}}function yI(e,t){if(e&1){let e=H();L(0,`div`,41)(1,`p`,42),J(2,`No navigations match the current filters.`),R(),L(3,`p`,30),J(4),R(),L(5,`button`,37),U(`click`,function(){E(e);let t=G(2),n=d_(2);return t.clearFilters(),D(n.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2);A(4),X(` `,e.page().navigations.length,` navigation(s) are hidden. Clear the filters to see them. `)}}function bI(e,t){e&1&&(L(0,`div`,41)(1,`p`,42),J(2,`No navigations since Pangular Inspector connected.`),R(),L(3,`p`,30),J(4,`Earlier ones are not visible. Click a link in the app to record one.`),R()())}function xI(e,t){e&1&&M(0,yI,7,1,`div`,41)(1,bI,5,0,`div`,41),e&2&&N(+!G().page().navigations.length)}var SI=[`recognize`,`guards`,`resolve`,`activate`],CI={recognize:`#60a5fa`,guards:`#f59e0b`,resolve:`#2dd4bf`,activate:`#34d399`},wI=class e{page=$.required();rpc=$(null);maxNavigations=Q(()=>PE(this.rpc()).limits.navigations);navigationAllowed=Q(()=>FE(this.rpc(),`router`));navigationOff=iE(`router`);phases=SI;pageId=Q(()=>this.page().pageId);filter=Fv({source:this.pageId,computation:()=>``});onlyProblems=Fv({source:this.pageId,computation:()=>!1});message=Fv({source:this.pageId,computation:()=>``});loops=Q(()=>this.page().loops??[]);loopById=Q(()=>{let e=new Map;for(let t of this.loops())for(let n of t.ids)e.set(n,t);return e});items=Q(()=>{let e=this.filter().toLowerCase();return[...this.page().navigations].reverse().filter(t=>(!e||t.url.toLowerCase().includes(e)||!!t.finalUrl?.toLowerCase().includes(e))&&(!this.onlyProblems()||this.isProblem(t)))});isProblem(e){return e.probe?!1:![`succeeded`,`pending`].includes(e.outcome)||this.loopById().has(e.id)}loopOf(e){return this.loopById().get(e.id)}loopTitle(e){return e.kind===`burst`?`navigation loop`:`redirect loop`}hopsOf(e,t){return e.hops.filter(e=>e.id===t.id)}hopCause(e){return e.via===`navigate`?`#${e.id} started by ${e.by??`code`}`:`${e.via===`redirectTo`?`config`:`${e.via} redirect`}${e.by?` ${e.by}`:e.via===`redirectTo`?` redirectTo`:``} in #${e.id}`}loopMeta(e){let t=e.ids.length>1?`Navigations #${e.ids[0]} to #${e.ids[e.ids.length-1]}`:`Navigation #${e.ids[0]}`,n=e.bounces>1?`, came back ${e.bounces} times`:``,r=e.guards.length?` Guards involved: ${e.guards.join(`, `)}.`:``;return`${t}${n}; ${e.end}.${r}`}reasonText(e){return[e.code,e.reason].filter(Boolean).join(`: `)}clearFilters(){this.filter.set(``),this.onlyProblems.set(!1)}tone(e){return gP(e)}color(e){return CI[e]}bars(e){let t=e.phases?.total;return t?SI.filter(t=>(e.phases?.[t]??0)>0).map(n=>({phase:n,ms:e.phases[n],width:Math.max(1,e.phases[n]/t*100)})):[]}barLabel(e){return`Phases: ${this.bars(e).map(e=>`${e.phase} ${e.ms}ms`).join(`, `)}`}guardResult(e){let t=e.guards?.passed;return t===!0?`passed`:t===!1?e.outcome===`redirected`?`redirected`:`blocked`:e.outcome===`pending`?`running`:`did not finish, navigation ${e.outcome}`}isBad(e){return e===`false`||/^(UrlTree|RedirectCommand|threw)/.test(e)}time=bO;instrumentSeq=0;async toggleInstrument(e){let t=e.target,n=t.checked,r=this.pageId(),i=++this.instrumentSeq,a=await hP(this.rpc(),r,{action:`instrument`,on:n});if(i===this.instrumentSeq){if(r!==this.pageId()){t.checked=!!this.page().instrumented;return}if(a.error){t.checked=!!this.page().instrumented,this.message.set(String(a.error));return}this.message.set(n?`Recording each guard and resolver.`:`Stopped recording guards and resolvers.`)}}replayable(e){return pP(e.url)}replayNote(e){return this.navigationAllowed()?this.replayable(e)?null:`replay-note-${e.id}`:`route-timeline-writes-off`}async replay(e){this.message.set(`Replaying #${e.id}…`);let t=this.pageId(),n=await hP(this.rpc(),t,{action:`replay`,id:e.id});if(t!==this.pageId())return;if(n.error){this.message.set(String(n.error));return}let r=n.replay;this.message.set(`Replay of #${e.id}: ${r?.outcome??`unknown`}${n.same?` (same as before)`:` (different from before)`}.`)}async copy(e){let t=this.pageId(),n=await fP(this.rpc(),`router-export`,{pageId:t,id:e.id});if(t===this.pageId()){if(!n){this.message.set(`Could not build the repro.`);return}try{await navigator.clipboard.writeText(n),t===this.pageId()&&this.message.set(`Copied a markdown repro of #${e.id}.`)}catch{t===this.pageId()&&this.message.set(`The clipboard is not available here.`)}}}async clearNavigations(){let e=this.rpc(),t=this.pageId(),n=`Clearing navigations…`;this.message.set(n);let r;try{if(!e)throw Error(`No connection`);await yE(e,`clear-router-navigations`,t),r=`Navigations cleared.`}catch{r=`Could not clear the navigations.`}t===this.pageId()?this.message.set(r):this.message()===n&&this.message.set(``)}exportJson(){let e=new Blob([JSON.stringify(this.page().navigations,null,2)],{type:`application/json`}),t=URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`navigations-${this.page().pageId}.json`,n.click(),URL.revokeObjectURL(t)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-route-timeline`]],inputs:{page:[1,`page`],rpc:[1,`rpc`]},decls:21,vars:12,consts:[[`filterInput`,``],[1,`toolbar`],[`type`,`search`,`aria-label`,`Filter navigations by URL`,`placeholder`,`Filter by URL`,1,`field`,3,`input`,`keydown.escape`,`value`],[1,`check`],[`type`,`checkbox`,3,`change`,`checked`],[`type`,`button`,1,`small`,`export`,3,`click`],[`type`,`button`,`aria-label`,`Clear navigations`,1,`small`,3,`click`,`disabled`],[`role`,`status`,1,`visually-hidden`],[`aria-hidden`,`true`,1,`message`],[`id`,`route-timeline-writes-off`,1,`message`],[`what`,`navigations`,`limit`,`navigations`,3,`dropped`,`max`],[`aria-labelledby`,`loops-heading`,1,`loops`],[`id`,`loops-heading`],[1,`loop`],[1,`chain`],[`data-tone`,`bad`,1,`badge`],[1,`hops`],[1,`muted`,`loop-meta`],[`aria-hidden`,`true`,1,`arrow`],[1,`visually-hidden`],[1,`meta-row`],[1,`muted`,`count`],[`aria-hidden`,`true`,1,`legend`],[1,`navs`],[3,`in-loop`],[1,`head`],[1,`id`],[1,`url`],[1,`meta`],[1,`badge`],[1,`muted`],[1,`muted`,`ms`],[1,`tag`],[`role`,`img`,1,`bar`],[1,`details`],[1,`actions`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`type`,`button`,1,`small`,3,`click`],[1,`muted`,`replay-note`,3,`id`],[3,`width`,`background`],[1,`reason`],[1,`empty`],[1,`empty-title`]],template:function(e,t){e&1&&(L(0,`div`,1)(1,`input`,2,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),L(3,`label`,3)(4,`input`,4),U(`change`,function(e){return t.onlyProblems.set(e.target.checked)}),R(),J(5,` Only problems `),R(),L(6,`label`,3)(7,`input`,4),U(`change`,function(e){return t.toggleInstrument(e)}),R(),J(8,` Record each guard and resolver `),R(),L(9,`button`,5),U(`click`,function(){return t.exportJson()}),J(10,`Export JSON`),R(),L(11,`button`,6),U(`click`,function(){return t.clearNavigations()}),J(12,` Clear `),R()(),L(13,`p`,7),J(14),R(),M(15,AF,2,1,`p`,8),M(16,jF,2,1,`p`,9),z(17,`app-limit-note`,10),M(18,IF,5,1,`section`,11),M(19,vI,9,2)(20,xI,2,1)),e&2&&(A(),I(`value`,t.filter()),A(3),I(`checked`,t.onlyProblems()),A(3),I(`checked`,t.page().instrumented),A(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-timeline-writes-off`),A(3),Y(t.message()),A(),N(t.message()?15:-1),A(),N(t.navigationAllowed()?-1:16),A(),I(`dropped`,t.page().dropped??0)(`max`,t.maxNavigations()),A(),N(t.loops().length?18:-1),A(),N(t.items().length?19:20))},dependencies:[TO],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},WF=(e,t)=>t.id,GF=(e,t)=>t.phase;function KF(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();A(),Y(e.message())}}function qF(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();A(),Y(e.navigationOff)}}function JF(e,t){e&1&&(L(0,`span`,18),J(1,`→`),R(),L(2,`span`,19),J(3,`then`),R())}function YF(e,t){if(e&1&&(M(0,JF,4,0),L(1,`code`),J(2),R()),e&2){let e=t.$implicit,n=t.$index;N(n===0?-1:0),A(2),Y(e)}}function XF(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R(),L(3,`span`,18),J(4,` → `),R(),L(5,`span`,19),J(6,` to `),R(),L(7,`code`),J(8),R(),J(9),R()),e&2){let e=t.$implicit,n=G(3);A(2),Y(e.from),A(6),Y(e.to),A(),X(`: `,n.hopCause(e),` `)}}function ZF(e,t){if(e&1&&(L(0,`div`,13)(1,`p`,14)(2,`span`,15),J(3),R(),P(4,YF,3,2,null,null,kg),R(),L(6,`ol`,16),P(7,XF,10,3,`li`,null,kg),R(),L(9,`p`,17),J(10),R()()),e&2){let e=t.$implicit,n=G(2);A(3),Y(n.loopTitle(e)),A(),F(e.cycle),A(3),F(e.hops),A(3),Y(n.loopMeta(e))}}function QF(e,t){if(e&1&&(L(0,`section`,11)(1,`h3`,12),J(2),R(),P(3,ZF,11,2,`div`,13,kg),R()),e&2){let e=G();A(2),X(` `,e.loops().length===1?`Loop detected`:e.loops().length+` loops detected`,` `),A(),F(e.loops())}}function $F(e,t){if(e&1&&(L(0,`span`),z(1,`i`),J(2),R()),e&2){let e=t.$implicit,n=G(2);A(),K(`background`,n.color(e)),A(),Y(e)}}function eI(e,t){if(e&1&&(L(0,`time`),J(1),R()),e&2){let e=G().$implicit,t=G(2);A(),Y(t.time(e.startedAt))}}function tI(e,t){if(e&1&&(L(0,`span`,18),J(1,`→`),R(),L(2,`span`,19),J(3,`redirected to`),R(),L(4,`code`,27),J(5),R()),e&2){let e=G().$implicit;A(5),Y(e.finalUrl)}}function nI(e,t){if(e&1&&(L(0,`span`,30),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.endedAt===void 0&&e.outcome!==`pending`?`before Pangular Inspector connected`:`started before Pangular Inspector connected`)}}function rI(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;A(),X(``,e.phases?.total,`ms`)}}function iI(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;A(),X(``,e.endedAt-e.startedAt,`ms`)}}function aI(e,t){e&1&&(L(0,`span`,32),J(1,`probe`),R())}function oI(e,t){if(e&1&&(L(0,`span`,15),J(1,`loop`),L(2,`span`,19),J(3),R()()),e&2){let e=t,n=G(3);A(3),Z(`: part of `,n.loopTitle(e),` `,e.cycle.join(` then `))}}function sI(e,t){if(e&1&&z(0,`span`),e&2){let e=t.$implicit,n=G(4);K(`width`,e.width,`%`)(`background`,n.color(e.phase)),j(`title`,e.phase+` `+e.ms+`ms`)}}function cI(e,t){if(e&1&&(L(0,`div`,33),P(1,sI,1,5,`span`,39,GF),R()),e&2){let e=G().$implicit,t=G(2);j(`aria-label`,t.barLabel(e)),A(),F(t.bars(e))}}function lI(e,t){if(e&1&&(L(0,`dt`),J(1,`From`),R(),L(2,`dd`)(3,`code`),J(4),R()()),e&2){let e=G().$implicit;A(4),Y(e.from)}}function uI(e,t){if(e&1&&(L(0,`dt`),J(1,`Started by`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Z(``,e.caller,` (`,e.trigger,`)`)}}function dI(e,t){if(e&1&&(L(0,`dt`),J(1,`Extras`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.extras?.join(`, `))}}function fI(e,t){if(e&1&&(L(0,`dt`),J(1,`Redirect of`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),X(`#`,e.redirectedFrom)}}function pI(e,t){if(e&1&&(L(0,`div`),J(1,` This navigation: `),L(2,`code`),J(3),R(),J(4,` to `),L(5,`code`),J(6),R(),J(7),R()),e&2){let e=t.$implicit,n=G(4);A(3),Y(e.from),A(3),Y(e.to),A(),X(`, `,n.hopCause(e),` `)}}function mI(e,t){if(e&1&&(L(0,`dt`),J(1,`Loop`),R(),L(2,`dd`,40),J(3),P(4,pI,8,3,`div`,null,kg),R()),e&2){let e=t,n=G().$implicit,r=G(2);A(3),X(` `,e.cycle.join(` → `),` `),A(),F(r.hopsOf(e,n))}}function hI(e,t){if(e&1&&(L(0,`dt`),J(1,`Redirects to`),R(),L(2,`dd`)(3,`code`),J(4),R(),J(5),R()),e&2){let e=G().$implicit;A(4),Y(e.redirectTo),A(),X(` (`,e.redirectKind,`) `)}}function gI(e,t){if(e&1&&(L(0,`dt`),J(1,`Guards`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit,t=G(2);A(3),Z(``,e.guards.names.join(`, `)||`none`,`: `,t.guardResult(e))}}function _I(e,t){if(e&1&&(L(0,`div`)(1,`code`),J(2),R(),J(3),L(4,`code`),J(5),R(),J(6,`: `),L(7,`strong`),J(8),R(),J(9),R()),e&2){let e=t.$implicit,n=G(4);A(2),Y(e.guard),A(),X(` `,e.kind,` on `),A(2),Y(e.route),A(2),q(`bad`,n.isBad(e.result)),A(),Y(e.result),A(),X(` (`,e.ms,`ms) `)}}function vI(e,t){if(e&1&&(L(0,`dt`),J(1,`Runs`),R(),L(2,`dd`),P(3,_I,10,7,`div`,null,kg),R()),e&2){let e=G().$implicit;A(3),F(e.runs)}}function yI(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` leaving `,e.checked.deactivate.join(`, `),`; `)}}function bI(e,t){if(e&1&&(L(0,`dt`),J(1,`Checked`),R(),L(2,`dd`),M(3,yI,1,1),J(4),R()),e&2){let e=G().$implicit;A(3),N(e.checked.deactivate.length?3:-1),A(),X(` entering `,e.checked.activate.join(`, `)||`nothing new`,` `)}}function xI(e,t){if(e&1&&(L(0,`dt`),J(1,`Resolvers`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.resolvers?.names?.join(`, `))}}function SI(e,t){if(e&1&&(L(0,`dt`),J(1,`Lazy loaded`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.lazyLoaded?.join(`, `))}}function CI(e,t){if(e&1&&(L(0,`dt`),J(1,`Reused`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),X(` `,e.reused?.join(`, `),` (component kept, only inputs and params change) `)}}function wI(e,t){if(e&1&&(L(0,`dt`),J(1,`HTTP`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Z(``,e.requests.count,` request(s): `,e.requests.urls.join(`, `))}}function TI(e,t){if(e&1&&(L(0,`dt`),J(1,`Scroll`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.scroll)}}function EI(e,t){if(e&1&&(L(0,`dt`),J(1,`Title after`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.title)}}function DI(e,t){if(e&1&&(L(0,`dt`),J(1,`Warnings`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.warnings?.join(` · `))}}function OI(e,t){if(e&1&&(L(0,`dt`),J(1,`Reason`),R(),L(2,`dd`,40),J(3),R()),e&2){let e=G().$implicit,t=G(2);A(3),Y(t.reasonText(e))}}function kI(e,t){if(e&1&&(L(0,`dt`),J(1,`Error`),R(),L(2,`dd`,40),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.errorCode)}}function AI(e,t){if(e&1&&(L(0,`dt`),J(1,`Error handler`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),Y(e.errorHandler)}}function jI(e,t){if(e&1&&(L(0,`dt`),J(1,`Earlier`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;A(3),X(``,e.earlier,` navigation(s) before Pangular Inspector connected`)}}function MI(e,t){if(e&1&&(L(0,`p`,38),J(1,` Replay is off: the URL is redacted or not relative. `),R()),e&2){let e=G().$implicit;I(`id`,pv(`replay-note-`,e.id))}}function NI(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25),M(2,eI,2,1,`time`),L(3,`span`,26),J(4),R(),L(5,`code`,27),J(6),R(),M(7,tI,6,1),L(8,`span`,28)(9,`span`,29),J(10),R(),M(11,nI,2,1,`span`,30)(12,rI,2,1,`span`,31)(13,iI,2,1,`span`,31),M(14,aI,2,0,`span`,32),M(15,oI,4,2,`span`,15),R()(),M(16,cI,3,1,`div`,33),L(17,`dl`,34),M(18,lI,5,1),M(19,uI,4,2),M(20,dI,4,1),M(21,fI,4,1),M(22,mI,6,1),M(23,hI,6,2),M(24,gI,4,2),M(25,vI,5,0),M(26,bI,5,2),M(27,xI,4,1),M(28,SI,4,1),M(29,CI,4,1),M(30,wI,4,2),M(31,TI,4,1),M(32,EI,4,1),M(33,DI,4,1),M(34,OI,4,1),M(35,kI,4,1),M(36,AI,4,1),M(37,jI,4,1),R(),L(38,`div`,35)(39,`button`,36),U(`click`,function(){let t=E(e).$implicit;return D(G(2).replay(t))}),J(40,` Replay `),R(),L(41,`button`,37),U(`click`,function(){let t=E(e).$implicit;return D(G(2).copy(t))}),J(42,` Copy repro `),R(),M(43,MI,2,2,`p`,38),R()()}if(e&2){let e,n,r=t.$implicit,i=G(2);q(`in-loop`,!!i.loopOf(r)),A(2),N(r.beforeConnect?-1:2),A(2),X(`#`,r.id),A(2),Y(r.url),A(),N(r.finalUrl&&r.finalUrl!==r.url?7:-1),A(2),j(`data-tone`,i.tone(r.outcome)),A(),Y(r.outcome),A(),N(r.beforeConnect?11:r.phases?.total===void 0?r.endedAt===void 0?-1:13:12),A(3),N(r.probe?14:-1),A(),N((e=i.loopOf(r))?15:-1,e),A(),N(i.bars(r).length?16:-1),A(2),N(r.from?18:-1),A(),N(r.caller?19:-1),A(),N(r.extras?.length?20:-1),A(),N(r.redirectedFrom===void 0?-1:21),A(),N((n=i.loopOf(r))?22:-1,n),A(),N(r.redirectTo?23:-1),A(),N(r.guards&&(r.guards.names.length||r.guards.passed===!1)?24:-1),A(),N(r.runs?.length?25:-1),A(),N(r.checked&&(r.checked.activate.length||r.checked.deactivate.length)?26:-1),A(),N(r.resolvers?.names?.length?27:-1),A(),N(r.lazyLoaded?.length?28:-1),A(),N(r.reused?.length?29:-1),A(),N(r.requests?30:-1),A(),N(r.scroll?31:-1),A(),N(r.title?32:-1),A(),N(r.warnings?.length?33:-1),A(),N(r.reason||r.code?34:-1),A(),N(r.errorCode?35:-1),A(),N(r.errorHandler?36:-1),A(),N(r.earlier?37:-1),A(2),I(`disabled`,!i.navigationAllowed()||!i.replayable(r)),j(`aria-describedby`,i.replayNote(r))(`aria-label`,`Replay navigation `+r.id),A(2),j(`aria-label`,`Copy repro for navigation `+r.id),A(2),N(i.replayable(r)?-1:43)}}function PI(e,t){if(e&1&&(L(0,`div`,20)(1,`span`,21),J(2),R(),L(3,`div`,22),P(4,$F,3,3,`span`,null,Ag),R()(),L(6,`ol`,23),P(7,NI,44,37,`li`,24,WF),R()),e&2){let e=G();A(2),Z(``,e.items().length,` of `,e.page().navigations.length,` navigation(s)`),A(2),F(e.phases),A(3),F(e.items())}}function FI(e,t){if(e&1){let e=H();L(0,`div`,41)(1,`p`,42),J(2,`No navigations match the current filters.`),R(),L(3,`p`,30),J(4),R(),L(5,`button`,37),U(`click`,function(){E(e);let t=G(2),n=d_(2);return t.clearFilters(),D(n.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2);A(4),X(` `,e.page().navigations.length,` navigation(s) are hidden. Clear the filters to see them. `)}}function II(e,t){e&1&&(L(0,`div`,41)(1,`p`,42),J(2,`No navigations since Pangular Inspector connected.`),R(),L(3,`p`,30),J(4,`Earlier ones are not visible. Click a link in the app to record one.`),R()())}function LI(e,t){e&1&&M(0,FI,7,1,`div`,41)(1,II,5,0,`div`,41),e&2&&N(+!G().page().navigations.length)}var RI=[`recognize`,`guards`,`resolve`,`activate`],zI={recognize:`#60a5fa`,guards:`#f59e0b`,resolve:`#2dd4bf`,activate:`#34d399`},BI=class e{page=$.required();rpc=$(null);maxNavigations=Q(()=>JE(this.rpc()).limits.navigations);navigationAllowed=Q(()=>YE(this.rpc(),`router`));navigationOff=vE(`router`);phases=RI;pageId=Q(()=>this.page().pageId);filter=Fv({source:this.pageId,computation:()=>``});onlyProblems=Fv({source:this.pageId,computation:()=>!1});message=Fv({source:this.pageId,computation:()=>``});loops=Q(()=>this.page().loops??[]);loopById=Q(()=>{let e=new Map;for(let t of this.loops())for(let n of t.ids)e.set(n,t);return e});items=Q(()=>{let e=this.filter().toLowerCase();return[...this.page().navigations].reverse().filter(t=>(!e||t.url.toLowerCase().includes(e)||!!t.finalUrl?.toLowerCase().includes(e))&&(!this.onlyProblems()||this.isProblem(t)))});isProblem(e){return e.probe?!1:![`succeeded`,`pending`].includes(e.outcome)||this.loopById().has(e.id)}loopOf(e){return this.loopById().get(e.id)}loopTitle(e){return e.kind===`burst`?`navigation loop`:`redirect loop`}hopsOf(e,t){return e.hops.filter(e=>e.id===t.id)}hopCause(e){return e.via===`navigate`?`#${e.id} started by ${e.by??`code`}`:`${e.via===`redirectTo`?`config`:`${e.via} redirect`}${e.by?` ${e.by}`:e.via===`redirectTo`?` redirectTo`:``} in #${e.id}`}loopMeta(e){let t=e.ids.length>1?`Navigations #${e.ids[0]} to #${e.ids[e.ids.length-1]}`:`Navigation #${e.ids[0]}`,n=e.bounces>1?`, came back ${e.bounces} times`:``,r=e.guards.length?` Guards involved: ${e.guards.join(`, `)}.`:``;return`${t}${n}; ${e.end}.${r}`}reasonText(e){return[e.code,e.reason].filter(Boolean).join(`: `)}clearFilters(){this.filter.set(``),this.onlyProblems.set(!1)}tone(e){return MP(e)}color(e){return zI[e]}bars(e){let t=e.phases?.total;return t?RI.filter(t=>(e.phases?.[t]??0)>0).map(n=>({phase:n,ms:e.phases[n],width:Math.max(1,e.phases[n]/t*100)})):[]}barLabel(e){return`Phases: ${this.bars(e).map(e=>`${e.phase} ${e.ms}ms`).join(`, `)}`}guardResult(e){let t=e.guards?.passed;return t===!0?`passed`:t===!1?e.outcome===`redirected`?`redirected`:`blocked`:e.outcome===`pending`?`running`:`did not finish, navigation ${e.outcome}`}isBad(e){return e===`false`||/^(UrlTree|RedirectCommand|threw)/.test(e)}time=IO;instrumentSeq=0;async toggleInstrument(e){let t=e.target,n=t.checked,r=this.pageId(),i=++this.instrumentSeq,a=await jP(this.rpc(),r,{action:`instrument`,on:n});if(i===this.instrumentSeq){if(r!==this.pageId()){t.checked=!!this.page().instrumented;return}if(a.error){t.checked=!!this.page().instrumented,this.message.set(String(a.error));return}this.message.set(n?`Recording each guard and resolver.`:`Stopped recording guards and resolvers.`)}}replayable(e){return kP(e.url)}replayNote(e){return this.navigationAllowed()?this.replayable(e)?null:`replay-note-${e.id}`:`route-timeline-writes-off`}async replay(e){this.message.set(`Replaying #${e.id}…`);let t=this.pageId(),n=await jP(this.rpc(),t,{action:`replay`,id:e.id});if(t!==this.pageId())return;if(n.error){this.message.set(String(n.error));return}let r=n.replay;this.message.set(`Replay of #${e.id}: ${r?.outcome??`unknown`}${n.same?` (same as before)`:` (different from before)`}.`)}async copy(e){let t=this.pageId(),n=await OP(this.rpc(),`router-export`,{pageId:t,id:e.id});if(t===this.pageId()){if(!n){this.message.set(`Could not build the repro.`);return}try{await navigator.clipboard.writeText(n),t===this.pageId()&&this.message.set(`Copied a markdown repro of #${e.id}.`)}catch{t===this.pageId()&&this.message.set(`The clipboard is not available here.`)}}}async clearNavigations(){let e=this.rpc(),t=this.pageId(),n=`Clearing navigations…`;this.message.set(n);let r;try{if(!e)throw Error(`No connection`);await NE(e,`clear-router-navigations`,t),r=`Navigations cleared.`}catch{r=`Could not clear the navigations.`}t===this.pageId()?this.message.set(r):this.message()===n&&this.message.set(``)}exportJson(){let e=new Blob([JSON.stringify(this.page().navigations,null,2)],{type:`application/json`}),t=URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`navigations-${this.page().pageId}.json`,n.click(),URL.revokeObjectURL(t)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-route-timeline`]],inputs:{page:[1,`page`],rpc:[1,`rpc`]},decls:21,vars:12,consts:[[`filterInput`,``],[1,`toolbar`],[`type`,`search`,`aria-label`,`Filter navigations by URL`,`placeholder`,`Filter by URL`,1,`field`,3,`input`,`keydown.escape`,`value`],[1,`check`],[`type`,`checkbox`,3,`change`,`checked`],[`type`,`button`,1,`small`,`export`,3,`click`],[`type`,`button`,`aria-label`,`Clear navigations`,1,`small`,3,`click`,`disabled`],[`role`,`status`,1,`visually-hidden`],[`aria-hidden`,`true`,1,`message`],[`id`,`route-timeline-writes-off`,1,`message`],[`what`,`navigations`,`limit`,`navigations`,3,`dropped`,`max`],[`aria-labelledby`,`loops-heading`,1,`loops`],[`id`,`loops-heading`],[1,`loop`],[1,`chain`],[`data-tone`,`bad`,1,`badge`],[1,`hops`],[1,`muted`,`loop-meta`],[`aria-hidden`,`true`,1,`arrow`],[1,`visually-hidden`],[1,`meta-row`],[1,`muted`,`count`],[`aria-hidden`,`true`,1,`legend`],[1,`navs`],[3,`in-loop`],[1,`head`],[1,`id`],[1,`url`],[1,`meta`],[1,`badge`],[1,`muted`],[1,`muted`,`ms`],[1,`tag`],[`role`,`img`,1,`bar`],[1,`details`],[1,`actions`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`type`,`button`,1,`small`,3,`click`],[1,`muted`,`replay-note`,3,`id`],[3,`width`,`background`],[1,`reason`],[1,`empty`],[1,`empty-title`]],template:function(e,t){e&1&&(L(0,`div`,1)(1,`input`,2,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),L(3,`label`,3)(4,`input`,4),U(`change`,function(e){return t.onlyProblems.set(e.target.checked)}),R(),J(5,` Only problems `),R(),L(6,`label`,3)(7,`input`,4),U(`change`,function(e){return t.toggleInstrument(e)}),R(),J(8,` Record each guard and resolver `),R(),L(9,`button`,5),U(`click`,function(){return t.exportJson()}),J(10,`Export JSON`),R(),L(11,`button`,6),U(`click`,function(){return t.clearNavigations()}),J(12,` Clear `),R()(),L(13,`p`,7),J(14),R(),M(15,KF,2,1,`p`,8),M(16,qF,2,1,`p`,9),z(17,`app-limit-note`,10),M(18,QF,5,1,`section`,11),M(19,PI,9,2)(20,LI,2,1)),e&2&&(A(),I(`value`,t.filter()),A(3),I(`checked`,t.onlyProblems()),A(3),I(`checked`,t.page().instrumented),A(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-timeline-writes-off`),A(3),Y(t.message()),A(),N(t.message()?15:-1),A(),N(t.navigationAllowed()?-1:16),A(),I(`dropped`,t.page().dropped??0)(`max`,t.maxNavigations()),A(),N(t.loops().length?18:-1),A(),N(t.items().length?19:20))},dependencies:[VO],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -4745,7 +4745,7 @@ time[_ngcontent-%COMP%] {
   .export[_ngcontent-%COMP%] {
     margin-left: 0;
   }
-}`]})},TI=[`urlInput`],EI=()=>[],DI=(e,t)=>t.node.id;function OI(e,t){if(e&1&&(J(0,` with `),L(1,`code`),J(2),xv(3,`json`),R()),e&2){G(2);let e=fv(0);A(2),Y(Cv(3,1,e.params))}}function kI(e,t){if(e&1&&(L(0,`span`,19),J(1,`match`),R(),J(2,` Matches `),L(3,`code`,20),J(4),R(),M(5,OI,4,3)),e&2){G();let e=fv(0),t=G();A(4),Y(t.chainText(e)),A(),N(t.hasKeys(e.params)?5:-1)}}function AI(e,t){if(e&1&&(J(0,` Nearest: `),L(1,`code`),J(2),R()),e&2){G(2);let e=fv(0);A(2),Y(e.nearest.join(`, `))}}function jI(e,t){if(e&1&&(L(0,`span`,21),J(1,`no match`),R(),J(2,` Matches no route (NG04002). `),M(3,AI,3,1)),e&2){G();let e=fv(0);A(3),N(e.nearest.length?3:-1)}}function MI(e,t){if(e&1&&(L(0,`div`,18),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function NI(e,t){if(e&1&&(uv(0),L(1,`div`,8)(2,`span`,17),J(3,`Result for `),L(4,`code`),J(5),R(),J(6,`:`),R(),M(7,kI,6,2)(8,jI,4,1),P(9,MI,2,1,`div`,18,Ag),R()),e&2){let e=t,n=dv(e.result);A(),j(`data-matched`,n.matched),A(4),Y(e.url),A(2),N(n.matched?7:8),A(2),F(n.notes)}}function PI(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();A(),Y(e.message())}}function FI(e,t){if(e&1&&(L(0,`p`,11),J(1),R()),e&2){let e=G();A(),Y(e.navigationOff)}}function II(e,t){if(e&1&&(L(0,`span`,22),J(1),R(),J(2,`. `)),e&2){let e=G(2);A(),Y(e.countText())}}function LI(e,t){e&1&&J(0),e&2&&X(` `,G(2).rows().length,` route(s). `)}function RI(e,t){e&1&&J(0),e&2&&X(` `,t,` route(s) left out: the page lists at most 200 routes per level and 1000 in total. `)}function zI(e,t){if(e&1&&(L(0,`p`,14),J(1),M(2,II,3,1)(3,LI,1,1),J(4,` Lazy routes show their children once loaded. `),M(5,RI,1,1),R()),e&2){let e,t=G();A(),X(` Generation `,t.page().generation,` · `),A(),N(t.filter()?2:3),A(3),N((e=t.page().configTruncated)?5:-1,e)}}function BI(e,t){if(e&1&&(L(0,`div`,15)(1,`p`,23),J(2),R(),L(3,`p`,18),J(4),R()()),e&2){let e=G();A(2),X(` `,e.page().setup?.mode===`events-only`?`This build has no debug utils, so the live config cannot be read.`:`The page has not reported its route config yet.`,` `),A(2),X(` `,e.page().setup?.mode===`events-only`?`Run the app with the development build to inspect the live config.`:`It appears once the router initializes. Navigate in the app if it stays empty.`,` `)}}function VI(e,t){if(e&1){let e=H();L(0,`div`,15)(1,`p`,23),J(2,`No routes match the filter.`),R(),L(3,`p`,18),J(4,`Try a shorter path or a component name.`),R(),L(5,`button`,24),U(`click`,function(){E(e);let t=G(),n=d_(16);return t.setFilter(``),D(n.focus())}),J(6,` Clear filter `),R()()}}function HI(e,t){e&1&&(L(0,`span`,28),J(1,`active`),R())}function UI(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;A(),X(`lazy `,e.node.lazy)}}function WI(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;A(),X(`outlet `,e.node.outlet)}}function GI(e,t){if(e&1&&(L(0,`span`,29)(1,`span`,26),J(2,`declared in `),R(),z(3,`app-source-link`,35),R()),e&2){let e=G().$implicit;A(3),I(`file`,e.at.file)(`line`,e.at.line)}}function KI(e,t){if(e&1&&(L(0,`span`,30),J(1,`redirect `),L(2,`span`,36),J(3,`→`),R(),L(4,`code`),J(5),R()()),e&2){let e=G().$implicit;A(5),Y(e.node.redirectTo)}}function qI(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.node.component??(e.node.lazy===`unloaded`?`lazy, not loaded yet`:e.node.kind),` `)}}function JI(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function YI(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;A(),X(`resolve `,e)}}function XI(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function ZI(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.node.title,` `)}}function QI(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function $I(e,t){if(e&1){let e=H();L(0,`input`,39),U(`input`,function(t){let n=E(e).$implicit,r=G(2).$implicit;return D(G(2).setParam(r.node.id,n,t.target.value))}),R()}if(e&2){let e=t.$implicit,n=G(2).$implicit,r=G(2);I(`placeholder`,e)(`value`,r.paramValues()[n.node.id]?.[e]??``),j(`aria-label`,e+` for `+n.node.fullPath)(`aria-invalid`,r.isInvalid(n.node,e)?`true`:null)(`aria-describedby`,r.isInvalid(n.node,e)?`route-tree-row-result`:null)}}function eL(e,t){if(e&1){let e=H();P(0,$I,1,5,`input`,38,Ag),L(2,`button`,7),U(`click`,function(){E(e);let t=G().$implicit,n=d_(1);return D(G(2).navigate(t.node,n))}),J(3,` Go `),R()}if(e&2){let e=G().$implicit,t=G(2);F(t.params(e.node)),A(2),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`)(`aria-label`,`Navigate to `+e.node.fullPath)}}function tL(e,t){if(e&1){let e=H();L(0,`button`,24),U(`click`,function(){E(e);let t=G().$implicit;return D(G(2).resolveLazy(t.node))}),J(1,` Read lazy `),R()}if(e&2){let e=G().$implicit;j(`aria-label`,`Read lazy routes of `+e.node.fullPath)}}function nL(e,t){if(e&1&&(L(0,`tr`,34)(1,`td`,40)(2,`p`,41),J(3),R()()()),e&2){let e=G(3);A(3),Y(e.rowResult()?.text)}}function rL(e,t){if(e&1&&(L(0,`tr`,null,2)(2,`td`,27),J(3),M(4,HI,2,0,`span`,28),M(5,UI,2,1,`span`,28),M(6,WI,2,1,`span`,28),M(7,GI,4,2,`span`,29),R(),L(8,`td`),M(9,KI,6,1,`span`,30)(10,qI,1,1),R(),L(11,`td`),P(12,JI,2,1,`span`,28,kg),P(14,YI,2,1,`span`,28,Ag),M(16,XI,4,0),R(),L(17,`td`),M(18,ZI,1,1)(19,QI,4,0),R(),L(20,`td`,31)(21,`div`,32),M(22,eL,4,3),M(23,tL,2,1,`button`,33),R()()(),M(24,nL,4,1,`tr`,34)),e&2){let e=t.$implicit,n=G(2);q(`active`,n.isActive(e.node)),A(2),K(`padding-left`,14+e.depth*16,`px`),A(),X(` `,e.node.fullPath,` `),A(),N(n.isActive(e.node)?4:-1),A(),N(e.node.lazy?5:-1),A(),N(e.node.outlet?6:-1),A(),N(e.at?7:-1),A(2),N(e.node.redirectTo===void 0?10:9),A(3),F(n.guardList(e.node)),A(2),F(e.node.resolvers??mv(15,EI)),A(2),N(!n.guardList(e.node).length&&!e.node.resolvers?.length?16:-1),A(2),N(e.node.title?18:19),A(4),N(n.canNavigate(e.node)?22:-1),A(),N(e.node.kind===`lazy`&&e.node.lazy===`unloaded`?23:-1),A(),N(n.rowResult()?.id===e.node.id?24:-1)}}function iL(e,t){if(e&1&&(L(0,`div`,16)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,25),J(5,`Path`),R(),L(6,`th`,25),J(7,`Target`),R(),L(8,`th`,25),J(9,`Guards and resolvers`),R(),L(10,`th`,25),J(11,`Title`),R(),L(12,`th`,25)(13,`span`,26),J(14,`Actions`),R()()()(),L(15,`tbody`),P(16,rL,25,16,null,null,DI),R()()()),e&2){let e=G();A(16),F(e.rows())}}function aL(e,t){return`${e} of ${t} ${t===1?`route`:`routes`}`}var oL=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>FE(this.rpc(),`router`));navigationOff=iE(`router`);sources=$([]);filter=k(``);testUrl=k(``);pageId=Q(()=>this.page().pageId);match=Fv({source:this.pageId,computation:()=>null});message=Fv({source:this.pageId,computation:()=>``});rowResult=Fv({source:this.pageId,computation:()=>null});paramValues=Fv({source:this.pageId,computation:()=>({})});checkedRow=Fv({source:this.pageId,computation:()=>null});filterAnnouncement=Fv({source:this.pageId,computation:()=>``});predictSeq=0;announceFlip=!1;probeSeq=0;urlInput=Jv(`urlInput`);active=Q(()=>new Set(this.page().activeIds??[]));rows=Q(()=>{let e=this.filter().toLowerCase(),t=this.sources(),n=[],r=(i,a)=>{for(let o of i){let i=dP(o,t),s=i&&uP(i);(!e||o.fullPath.toLowerCase().includes(e)||o.component?.toLowerCase().includes(e)||s?.toLowerCase().includes(e))&&n.push({node:o,depth:a,source:s,at:i}),o.children&&r(o.children,a+1)}};return r(this.page().config??[],0),n});total=Q(()=>{let e=t=>t.reduce((t,n)=>t+1+e(n.children??[]),0);return e(this.page().config??[])});countText=Q(()=>aL(this.rows().length,this.total()));setFilter(e){this.filter.set(e);let t=this.rows().length,n=e?t?`${aL(t,this.total())} match.`:`No routes match.`:``;this.announceFlip=!this.announceFlip,this.filterAnnouncement.set(n&&(this.announceFlip?`${n}\u00a0`:n))}hasKeys(e){return Object.keys(e).length>0}isActive(e){return this.active().has(e.id)}guardList(e){return Object.entries(e.guards??{}).flatMap(([e,t])=>t.map(t=>`${e} ${t}`))}params(e){return(e.fullPath.match(/:([A-Za-z0-9_]+)/g)??[]).map(e=>e.slice(1))}canNavigate(e){return e.redirectTo===void 0&&!e.matcher&&!e.outlet&&!e.fullPath.includes(`**`)&&(!!e.component||e.kind===`component`||e.kind===`lazy`)}setParam(e,t,n){this.paramValues.update(r=>({...r,[e]:{...r[e],[t]:n}}))}missingParams(e){let t=this.paramValues()[e.id]??{};return this.params(e).filter(e=>!t[e])}isInvalid(e,t){return this.checkedRow()===e.id&&!this.paramValues()[e.id]?.[t]}chainText(e){return e.chain.map(e=>e.fullPath).join(` → `)}editUrl(e){this.testUrl.set(e),this.predictSeq++,this.probeSeq++,this.match.set(null),this.message.set(``)}askForUrl(e){this.match.set(null),this.message.set(`Type a URL to ${e}, for example /users/42.`),this.urlInput()?.nativeElement.focus()}async predict(){let e=this.testUrl().trim(),t=++this.predictSeq;if(!e){this.askForUrl(`predict`);return}let n=this.pageId(),r=await fP(this.rpc(),`router-match`,{pageId:n,url:e});t===this.predictSeq&&n===this.pageId()&&(this.match.set(r&&{url:e,result:r}),r?this.message()===`Could not reach the page.`&&this.message.set(``):this.message.set(mP))}async probe(){let e=this.testUrl().trim(),t=++this.probeSeq;if(!e){this.askForUrl(`probe`);return}this.message.set(`Running the real matcher in the app…`);let n=this.pageId(),r=await hP(this.rpc(),n,{action:`probe`,url:e});if(t===this.probeSeq&&n===this.pageId()){if(r.error){this.message.set(String(r.error));return}this.message.set(r.matched?`The app recognized ${e} and its canMatch guards passed. The probe stopped before canActivate guards and resolvers, so those did not run. See the probe entry in Navigations.`:typeof r.redirectedTo==`string`?`A canMatch guard or the navigation error handler redirected ${e} to ${r.redirectedTo}. The probe stopped that navigation before it rendered anything.`:`The app could not recognize ${e}: ${String(r.reason??``)}`)}}async navigate(e,t){let n=this.missingParams(e);if(n.length){this.checkedRow.set(e.id),this.rowResult.set({id:e.id,text:`Fill in ${n.map(e=>`:${e}`).join(`, `)} to navigate.`}),Array.from(t?.querySelectorAll(`input.param`)??[]).find(e=>!e.value)?.focus();return}this.checkedRow.set(null),this.rowResult.set({id:e.id,text:`Navigating to ${e.fullPath}…`});let r=this.pageId(),i=await hP(this.rpc(),r,{action:`navigate`,pattern:e.fullPath,params:this.paramValues()[e.id]??{}});r===this.pageId()&&this.rowResult.set({id:e.id,text:i.error?String(i.error):`Navigation #${i.id}: ${i.outcome}${i.finalUrl?` at ${i.finalUrl}`:``}.`})}async resolveLazy(e){let t=this.pageId(),n=await hP(this.rpc(),t,{action:`resolve-lazy`,id:e.id});if(t!==this.pageId())return;if(n.error){this.rowResult.set({id:e.id,text:String(n.error)});return}let r=n.routes??[];this.rowResult.set({id:e.id,text:`${e.fullPath} declares ${r.length} route(s): ${r.map(e=>`/${e.path}`).join(`, `)}. The router loads them for real on the first navigation that needs them.`})}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-route-tree`]],viewQuery:function(e,t){e&1&&l_(t.urlInput,TI,5),e&2&&u_()},inputs:{page:[1,`page`],rpc:[1,`rpc`],sources:[1,`sources`]},decls:23,vars:11,consts:[[`urlInput`,``],[`filterInput`,``],[`rowEl`,``],[1,`test`,3,`submit`],[`for`,`test-url`],[`id`,`test-url`,`type`,`text`,`placeholder`,`/users/42`,1,`field`,3,`input`,`value`],[`type`,`submit`,1,`small`,`primary`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`role`,`status`,1,`result`],[`role`,`status`,1,`message`],[`role`,`status`,1,`visually-hidden`],[`id`,`route-tree-writes-off`,1,`message`],[1,`filter-row`],[`type`,`search`,`aria-label`,`Filter routes`,`placeholder`,`Filter by path, component or file`,1,`field`,`filter`,3,`input`,`keydown.escape`,`value`],[1,`muted`,`summary`],[1,`empty`],[`role`,`region`,`aria-label`,`Live route config`,`tabindex`,`0`,1,`table-scroll`],[1,`for`],[1,`muted`],[`data-tone`,`good`,1,`badge`],[1,`chain`],[`data-tone`,`bad`,1,`badge`],[1,`count`],[1,`empty-title`],[`type`,`button`,1,`small`,3,`click`],[`scope`,`col`],[1,`visually-hidden`],[1,`path`],[1,`tag`],[1,`src`],[1,`redirect`],[1,`actions`],[1,`actions-inner`],[`type`,`button`,1,`small`],[1,`row-result`],[3,`file`,`line`],[`aria-hidden`,`true`],[`aria-hidden`,`true`,1,`nil`],[`type`,`text`,1,`field`,`param`,3,`placeholder`,`value`],[`type`,`text`,1,`field`,`param`,3,`input`,`placeholder`,`value`],[`colspan`,`5`],[`id`,`route-tree-row-result`]],template:function(e,t){if(e&1){let e=H();L(0,`form`,3),U(`submit`,function(n){return E(e),n.preventDefault(),D(t.predict())}),L(1,`label`,4),J(2,`Test a URL`),R(),L(3,`input`,5,0),U(`input`,function(e){return t.editUrl(e.target.value)}),R(),L(5,`button`,6),J(6,`Predict`),R(),L(7,`button`,7),U(`click`,function(){return t.probe()}),J(8,` Probe in app `),R()(),M(9,NI,11,4,`div`,8),M(10,PI,2,1,`p`,9),L(11,`p`,10),J(12),R(),M(13,FI,2,1,`p`,11),L(14,`div`,12)(15,`input`,13,1),U(`input`,function(e){return t.setFilter(e.target.value)})(`keydown.escape`,function(){return t.setFilter(``)}),R(),M(17,zI,6,3,`p`,14),R(),L(18,`p`,10),J(19),R(),M(20,BI,5,2,`div`,15)(21,VI,7,0,`div`,15)(22,iL,18,0,`div`,16)}if(e&2){let e;A(3),I(`value`,t.testUrl()),A(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`),A(2),N((e=t.match())?9:-1,e),A(),N(t.message()?10:-1),A(2),Y(t.rowResult()?.text),A(),N(t.navigationAllowed()?-1:13),A(2),I(`value`,t.filter()),A(2),N(t.page().config?17:-1),A(2),Y(t.filterAnnouncement()),A(),N(t.page().config?t.rows().length?22:21:20)}},dependencies:[XA,hb],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},VI=[`urlInput`],HI=()=>[],UI=(e,t)=>t.node.id;function WI(e,t){if(e&1&&(J(0,` with `),L(1,`code`),J(2),xv(3,`json`),R()),e&2){G(2);let e=fv(0);A(2),Y(Cv(3,1,e.params))}}function GI(e,t){if(e&1&&(L(0,`span`,19),J(1,`match`),R(),J(2,` Matches `),L(3,`code`,20),J(4),R(),M(5,WI,4,3)),e&2){G();let e=fv(0),t=G();A(4),Y(t.chainText(e)),A(),N(t.hasKeys(e.params)?5:-1)}}function KI(e,t){if(e&1&&(J(0,` Nearest: `),L(1,`code`),J(2),R()),e&2){G(2);let e=fv(0);A(2),Y(e.nearest.join(`, `))}}function qI(e,t){if(e&1&&(L(0,`span`,21),J(1,`no match`),R(),J(2,` Matches no route (NG04002). `),M(3,KI,3,1)),e&2){G();let e=fv(0);A(3),N(e.nearest.length?3:-1)}}function JI(e,t){if(e&1&&(L(0,`div`,18),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function YI(e,t){if(e&1&&(uv(0),L(1,`div`,8)(2,`span`,17),J(3,`Result for `),L(4,`code`),J(5),R(),J(6,`:`),R(),M(7,GI,6,2)(8,qI,4,1),P(9,JI,2,1,`div`,18,Ag),R()),e&2){let e=t,n=dv(e.result);A(),j(`data-matched`,n.matched),A(4),Y(e.url),A(2),N(n.matched?7:8),A(2),F(n.notes)}}function XI(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();A(),Y(e.message())}}function ZI(e,t){if(e&1&&(L(0,`p`,11),J(1),R()),e&2){let e=G();A(),Y(e.navigationOff)}}function QI(e,t){if(e&1&&(L(0,`span`,22),J(1),R(),J(2,`. `)),e&2){let e=G(2);A(),Y(e.countText())}}function $I(e,t){e&1&&J(0),e&2&&X(` `,G(2).rows().length,` route(s). `)}function eL(e,t){e&1&&J(0),e&2&&X(` `,t,` route(s) left out: the page lists at most 200 routes per level and 1000 in total. `)}function tL(e,t){if(e&1&&(L(0,`p`,14),J(1),M(2,QI,3,1)(3,$I,1,1),J(4,` Lazy routes show their children once loaded. `),M(5,eL,1,1),R()),e&2){let e,t=G();A(),X(` Generation `,t.page().generation,` · `),A(),N(t.filter()?2:3),A(3),N((e=t.page().configTruncated)?5:-1,e)}}function nL(e,t){if(e&1&&(L(0,`div`,15)(1,`p`,23),J(2),R(),L(3,`p`,18),J(4),R()()),e&2){let e=G();A(2),X(` `,e.page().setup?.mode===`events-only`?`This build has no debug utils, so the live config cannot be read.`:`The page has not reported its route config yet.`,` `),A(2),X(` `,e.page().setup?.mode===`events-only`?`Run the app with the development build to inspect the live config.`:`It appears once the router initializes. Navigate in the app if it stays empty.`,` `)}}function rL(e,t){if(e&1){let e=H();L(0,`div`,15)(1,`p`,23),J(2,`No routes match the filter.`),R(),L(3,`p`,18),J(4,`Try a shorter path or a component name.`),R(),L(5,`button`,24),U(`click`,function(){E(e);let t=G(),n=d_(16);return t.setFilter(``),D(n.focus())}),J(6,` Clear filter `),R()()}}function iL(e,t){e&1&&(L(0,`span`,28),J(1,`active`),R())}function aL(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;A(),X(`lazy `,e.node.lazy)}}function oL(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;A(),X(`outlet `,e.node.outlet)}}function sL(e,t){if(e&1&&(L(0,`span`,29)(1,`span`,26),J(2,`declared in `),R(),z(3,`app-source-link`,35),R()),e&2){let e=G().$implicit;A(3),I(`file`,e.at.file)(`line`,e.at.line)}}function cL(e,t){if(e&1&&(L(0,`span`,30),J(1,`redirect `),L(2,`span`,36),J(3,`→`),R(),L(4,`code`),J(5),R()()),e&2){let e=G().$implicit;A(5),Y(e.node.redirectTo)}}function lL(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.node.component??(e.node.lazy===`unloaded`?`lazy, not loaded yet`:e.node.kind),` `)}}function uL(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function dL(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;A(),X(`resolve `,e)}}function fL(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function pL(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.node.title,` `)}}function mL(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function hL(e,t){if(e&1){let e=H();L(0,`input`,39),U(`input`,function(t){let n=E(e).$implicit,r=G(2).$implicit;return D(G(2).setParam(r.node.id,n,t.target.value))}),R()}if(e&2){let e=t.$implicit,n=G(2).$implicit,r=G(2);I(`placeholder`,e)(`value`,r.paramValues()[n.node.id]?.[e]??``),j(`aria-label`,e+` for `+n.node.fullPath)(`aria-invalid`,r.isInvalid(n.node,e)?`true`:null)(`aria-describedby`,r.isInvalid(n.node,e)?`route-tree-row-result`:null)}}function gL(e,t){if(e&1){let e=H();P(0,hL,1,5,`input`,38,Ag),L(2,`button`,7),U(`click`,function(){E(e);let t=G().$implicit,n=d_(1);return D(G(2).navigate(t.node,n))}),J(3,` Go `),R()}if(e&2){let e=G().$implicit,t=G(2);F(t.params(e.node)),A(2),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`)(`aria-label`,`Navigate to `+e.node.fullPath)}}function _L(e,t){if(e&1){let e=H();L(0,`button`,24),U(`click`,function(){E(e);let t=G().$implicit;return D(G(2).resolveLazy(t.node))}),J(1,` Read lazy `),R()}if(e&2){let e=G().$implicit;j(`aria-label`,`Read lazy routes of `+e.node.fullPath)}}function vL(e,t){if(e&1&&(L(0,`tr`,34)(1,`td`,40)(2,`p`,41),J(3),R()()()),e&2){let e=G(3);A(3),Y(e.rowResult()?.text)}}function yL(e,t){if(e&1&&(L(0,`tr`,null,2)(2,`td`,27),J(3),M(4,iL,2,0,`span`,28),M(5,aL,2,1,`span`,28),M(6,oL,2,1,`span`,28),M(7,sL,4,2,`span`,29),R(),L(8,`td`),M(9,cL,6,1,`span`,30)(10,lL,1,1),R(),L(11,`td`),P(12,uL,2,1,`span`,28,kg),P(14,dL,2,1,`span`,28,Ag),M(16,fL,4,0),R(),L(17,`td`),M(18,pL,1,1)(19,mL,4,0),R(),L(20,`td`,31)(21,`div`,32),M(22,gL,4,3),M(23,_L,2,1,`button`,33),R()()(),M(24,vL,4,1,`tr`,34)),e&2){let e=t.$implicit,n=G(2);q(`active`,n.isActive(e.node)),A(2),K(`padding-left`,14+e.depth*16,`px`),A(),X(` `,e.node.fullPath,` `),A(),N(n.isActive(e.node)?4:-1),A(),N(e.node.lazy?5:-1),A(),N(e.node.outlet?6:-1),A(),N(e.at?7:-1),A(2),N(e.node.redirectTo===void 0?10:9),A(3),F(n.guardList(e.node)),A(2),F(e.node.resolvers??mv(15,HI)),A(2),N(!n.guardList(e.node).length&&!e.node.resolvers?.length?16:-1),A(2),N(e.node.title?18:19),A(4),N(n.canNavigate(e.node)?22:-1),A(),N(e.node.kind===`lazy`&&e.node.lazy===`unloaded`?23:-1),A(),N(n.rowResult()?.id===e.node.id?24:-1)}}function bL(e,t){if(e&1&&(L(0,`div`,16)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,25),J(5,`Path`),R(),L(6,`th`,25),J(7,`Target`),R(),L(8,`th`,25),J(9,`Guards and resolvers`),R(),L(10,`th`,25),J(11,`Title`),R(),L(12,`th`,25)(13,`span`,26),J(14,`Actions`),R()()()(),L(15,`tbody`),P(16,yL,25,16,null,null,UI),R()()()),e&2){let e=G();A(16),F(e.rows())}}function xL(e,t){return`${e} of ${t} ${t===1?`route`:`routes`}`}var SL=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>YE(this.rpc(),`router`));navigationOff=vE(`router`);sources=$([]);filter=k(``);testUrl=k(``);pageId=Q(()=>this.page().pageId);match=Fv({source:this.pageId,computation:()=>null});message=Fv({source:this.pageId,computation:()=>``});rowResult=Fv({source:this.pageId,computation:()=>null});paramValues=Fv({source:this.pageId,computation:()=>({})});checkedRow=Fv({source:this.pageId,computation:()=>null});filterAnnouncement=Fv({source:this.pageId,computation:()=>``});predictSeq=0;announceFlip=!1;probeSeq=0;urlInput=Jv(`urlInput`);active=Q(()=>new Set(this.page().activeIds??[]));rows=Q(()=>{let e=this.filter().toLowerCase(),t=this.sources(),n=[],r=(i,a)=>{for(let o of i){let i=DP(o,t),s=i&&EP(i);(!e||o.fullPath.toLowerCase().includes(e)||o.component?.toLowerCase().includes(e)||s?.toLowerCase().includes(e))&&n.push({node:o,depth:a,source:s,at:i}),o.children&&r(o.children,a+1)}};return r(this.page().config??[],0),n});total=Q(()=>{let e=t=>t.reduce((t,n)=>t+1+e(n.children??[]),0);return e(this.page().config??[])});countText=Q(()=>xL(this.rows().length,this.total()));setFilter(e){this.filter.set(e);let t=this.rows().length,n=e?t?`${xL(t,this.total())} match.`:`No routes match.`:``;this.announceFlip=!this.announceFlip,this.filterAnnouncement.set(n&&(this.announceFlip?`${n}\u00a0`:n))}hasKeys(e){return Object.keys(e).length>0}isActive(e){return this.active().has(e.id)}guardList(e){return Object.entries(e.guards??{}).flatMap(([e,t])=>t.map(t=>`${e} ${t}`))}params(e){return(e.fullPath.match(/:([A-Za-z0-9_]+)/g)??[]).map(e=>e.slice(1))}canNavigate(e){return e.redirectTo===void 0&&!e.matcher&&!e.outlet&&!e.fullPath.includes(`**`)&&(!!e.component||e.kind===`component`||e.kind===`lazy`)}setParam(e,t,n){this.paramValues.update(r=>({...r,[e]:{...r[e],[t]:n}}))}missingParams(e){let t=this.paramValues()[e.id]??{};return this.params(e).filter(e=>!t[e])}isInvalid(e,t){return this.checkedRow()===e.id&&!this.paramValues()[e.id]?.[t]}chainText(e){return e.chain.map(e=>e.fullPath).join(` → `)}editUrl(e){this.testUrl.set(e),this.predictSeq++,this.probeSeq++,this.match.set(null),this.message.set(``)}askForUrl(e){this.match.set(null),this.message.set(`Type a URL to ${e}, for example /users/42.`),this.urlInput()?.nativeElement.focus()}async predict(){let e=this.testUrl().trim(),t=++this.predictSeq;if(!e){this.askForUrl(`predict`);return}let n=this.pageId(),r=await OP(this.rpc(),`router-match`,{pageId:n,url:e});t===this.predictSeq&&n===this.pageId()&&(this.match.set(r&&{url:e,result:r}),r?this.message()===`Could not reach the page.`&&this.message.set(``):this.message.set(AP))}async probe(){let e=this.testUrl().trim(),t=++this.probeSeq;if(!e){this.askForUrl(`probe`);return}this.message.set(`Running the real matcher in the app…`);let n=this.pageId(),r=await jP(this.rpc(),n,{action:`probe`,url:e});if(t===this.probeSeq&&n===this.pageId()){if(r.error){this.message.set(String(r.error));return}this.message.set(r.matched?`The app recognized ${e} and its canMatch guards passed. The probe stopped before canActivate guards and resolvers, so those did not run. See the probe entry in Navigations.`:typeof r.redirectedTo==`string`?`A canMatch guard or the navigation error handler redirected ${e} to ${r.redirectedTo}. The probe stopped that navigation before it rendered anything.`:`The app could not recognize ${e}: ${String(r.reason??``)}`)}}async navigate(e,t){let n=this.missingParams(e);if(n.length){this.checkedRow.set(e.id),this.rowResult.set({id:e.id,text:`Fill in ${n.map(e=>`:${e}`).join(`, `)} to navigate.`}),Array.from(t?.querySelectorAll(`input.param`)??[]).find(e=>!e.value)?.focus();return}this.checkedRow.set(null),this.rowResult.set({id:e.id,text:`Navigating to ${e.fullPath}…`});let r=this.pageId(),i=await jP(this.rpc(),r,{action:`navigate`,pattern:e.fullPath,params:this.paramValues()[e.id]??{}});r===this.pageId()&&this.rowResult.set({id:e.id,text:i.error?String(i.error):`Navigation #${i.id}: ${i.outcome}${i.finalUrl?` at ${i.finalUrl}`:``}.`})}async resolveLazy(e){let t=this.pageId(),n=await jP(this.rpc(),t,{action:`resolve-lazy`,id:e.id});if(t!==this.pageId())return;if(n.error){this.rowResult.set({id:e.id,text:String(n.error)});return}let r=n.routes??[];this.rowResult.set({id:e.id,text:`${e.fullPath} declares ${r.length} route(s): ${r.map(e=>`/${e.path}`).join(`, `)}. The router loads them for real on the first navigation that needs them.`})}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-route-tree`]],viewQuery:function(e,t){e&1&&l_(t.urlInput,VI,5),e&2&&u_()},inputs:{page:[1,`page`],rpc:[1,`rpc`],sources:[1,`sources`]},decls:23,vars:11,consts:[[`urlInput`,``],[`filterInput`,``],[`rowEl`,``],[1,`test`,3,`submit`],[`for`,`test-url`],[`id`,`test-url`,`type`,`text`,`placeholder`,`/users/42`,1,`field`,3,`input`,`value`],[`type`,`submit`,1,`small`,`primary`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`role`,`status`,1,`result`],[`role`,`status`,1,`message`],[`role`,`status`,1,`visually-hidden`],[`id`,`route-tree-writes-off`,1,`message`],[1,`filter-row`],[`type`,`search`,`aria-label`,`Filter routes`,`placeholder`,`Filter by path, component or file`,1,`field`,`filter`,3,`input`,`keydown.escape`,`value`],[1,`muted`,`summary`],[1,`empty`],[`role`,`region`,`aria-label`,`Live route config`,`tabindex`,`0`,1,`table-scroll`],[1,`for`],[1,`muted`],[`data-tone`,`good`,1,`badge`],[1,`chain`],[`data-tone`,`bad`,1,`badge`],[1,`count`],[1,`empty-title`],[`type`,`button`,1,`small`,3,`click`],[`scope`,`col`],[1,`visually-hidden`],[1,`path`],[1,`tag`],[1,`src`],[1,`redirect`],[1,`actions`],[1,`actions-inner`],[`type`,`button`,1,`small`],[1,`row-result`],[3,`file`,`line`],[`aria-hidden`,`true`],[`aria-hidden`,`true`,1,`nil`],[`type`,`text`,1,`field`,`param`,3,`placeholder`,`value`],[`type`,`text`,1,`field`,`param`,3,`input`,`placeholder`,`value`],[`colspan`,`5`],[`id`,`route-tree-row-result`]],template:function(e,t){if(e&1){let e=H();L(0,`form`,3),U(`submit`,function(n){return E(e),n.preventDefault(),D(t.predict())}),L(1,`label`,4),J(2,`Test a URL`),R(),L(3,`input`,5,0),U(`input`,function(e){return t.editUrl(e.target.value)}),R(),L(5,`button`,6),J(6,`Predict`),R(),L(7,`button`,7),U(`click`,function(){return t.probe()}),J(8,` Probe in app `),R()(),M(9,YI,11,4,`div`,8),M(10,XI,2,1,`p`,9),L(11,`p`,10),J(12),R(),M(13,ZI,2,1,`p`,11),L(14,`div`,12)(15,`input`,13,1),U(`input`,function(e){return t.setFilter(e.target.value)})(`keydown.escape`,function(){return t.setFilter(``)}),R(),M(17,tL,6,3,`p`,14),R(),L(18,`p`,10),J(19),R(),M(20,nL,5,2,`div`,15)(21,rL,7,0,`div`,15)(22,bL,18,0,`div`,16)}if(e&2){let e;A(3),I(`value`,t.testUrl()),A(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`),A(2),N((e=t.match())?9:-1,e),A(),N(t.message()?10:-1),A(2),Y(t.rowResult()?.text),A(),N(t.navigationAllowed()?-1:13),A(2),I(`value`,t.filter()),A(2),N(t.page().config?17:-1),A(2),Y(t.filterAnnouncement()),A(),N(t.page().config?t.rows().length?22:21:20)}},dependencies:[fj,hb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -5228,7 +5228,7 @@ tr.active[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child {
   .filter[_ngcontent-%COMP%] {
     flex-basis: 100%;
   }
-}`]})},sL=(e,t)=>t.id;function cL(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`span`,5),J(2,`Page`),R(),L(3,`app-select`,6),U(`valueChange`,function(t){return E(e),D(G(2).pageId.set(t))}),R()()}if(e&2){let e=G(),t=G();A(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function lL(e,t){e&1&&M(0,cL,4,2,`div`,4),e&2&&N(G().pages().length>1?0:-1)}function uL(e,t){if(e&1){let e=H();L(0,`div`,1)(1,`p`,7),J(2,`Could not load the live router state.`),R(),L(3,`p`,8),J(4,` Check that the dev server with Pangular Inspector is still running, then retry. `),R(),L(5,`button`,9),U(`click`,function(){return E(e),D(G().retry())}),J(6,`Retry`),R()()}}function dL(e,t){e&1&&(L(0,`p`,2),J(1,`Loading the live router state…`),R())}function fL(e,t){if(e&1&&(L(0,`span`,17),J(1),R(),L(2,`span`,18),J(3),R()),e&2){let e=G(3);A(),Y(e.problems()),A(2),X(`, `,e.problems(),` problem navigations`)}}function pL(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=E(e).$implicit;return D(G(2).selected.set(t.id))}),J(1),M(2,fL,4,2),R()}if(e&2){let e=t.$implicit,n=G(2);I(`id`,`router-tab-`+e.id),j(`aria-selected`,e.id===n.selected())(`aria-controls`,`router-panel-`+e.id)(`tabindex`,e.id===n.selected()?0:-1),A(),X(` `,e.label,` `),A(),N(e.id===`navigations`&&n.problems()>0?2:-1)}}function mL(e,t){if(e&1){let e=H();L(0,`app-route-current`,19),U(`showComponent`,function(t){return E(e),D(G(2).showComponent.emit(t))}),R()}if(e&2){let e=G(),t=G();I(`page`,e)(`rpc`,t.rpc())}}function hL(e,t){if(e&1&&z(0,`app-route-timeline`,13),e&2){let e=G(),t=G();I(`page`,e)(`rpc`,t.rpc())}}function gL(e,t){if(e&1&&z(0,`app-route-tree`,14),e&2){let e=G(),t=G();I(`page`,e)(`rpc`,t.rpc())(`sources`,t.sources())}}function _L(e,t){e&1&&z(0,`app-route-setup`,15),e&2&&I(`page`,G())}function vL(e,t){if(e&1&&z(0,`app-route-lint`,13),e&2){let e=G(),t=G();I(`page`,e)(`rpc`,t.rpc())}}function yL(e,t){if(e&1){let e=H();L(0,`div`,10),U(`keydown`,function(t){return E(e),D(G().onKey(t))}),P(1,pL,3,6,`button`,11,sL),R(),L(3,`div`,12),M(4,mL,1,2,`app-route-current`,13)(5,hL,1,2,`app-route-timeline`,13)(6,gL,1,3,`app-route-tree`,14)(7,_L,1,1,`app-route-setup`,15)(8,vL,1,2,`app-route-lint`,13),R()}if(e&2){let e,t=G();A(),F(t.tabs),A(2),I(`id`,`router-panel-`+t.selected()),j(`aria-labelledby`,`router-tab-`+t.selected()),A(),N((e=t.selected())===`current`?4:e===`navigations`?5:e===`routes`?6:e===`setup`?7:e===`lint`?8:-1)}}function bL(e,t){e&1&&(L(0,`div`,3)(1,`p`,7),J(2,`No page is reporting router state yet.`),R(),L(3,`p`,8),J(4,` Open the app in a browser. This view updates as soon as a page connects. `),R()())}var xL=[{id:`current`,label:`Current`},{id:`navigations`,label:`Navigations`},{id:`routes`,label:`Routes`},{id:`setup`,label:`Setup`},{id:`lint`,label:`Lint`}],SL=class e{rpc=$(null);sources=$([]);showComponent=Rv();tabs=xL;selected=k(`current`);pages=k([]);hostPageId=hE();loading=k(!0);failed=k(!1);pageId=Fv({source:this.pages,computation:(e,t)=>t?.value&&e.some(e=>e.pageId===t.value)?t.value:this.hostPageId?e.find(e=>e.pageId===this.hostPageId)?.pageId??null:e.find(e=>e.snapshot)?.pageId??e[0]?.pageId??null});unsubscribe=null;destroyRef=w(Es);page=Q(()=>{let e=this.pages();return e.find(e=>e.pageId===this.pageId())??(this.hostPageId?null:e[0])??null});problems=Q(()=>(this.page()?.navigations??[]).filter(e=>!e.probe&&[`failed`,`cancelled`,`redirected`].includes(e.outcome)).length);constructor(){pc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.unsubscribe?.())}async load(e){this.loading.set(!0),this.failed.set(!1);try{let t=await e.scope(`pangular`).rpc.sharedState(`router`);if(this.destroyRef.destroyed)return;let n=e=>{this.pages.set(e?.pages??[])};n(t.value()),this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,n)}catch{this.failed.set(!0)}finally{this.loading.set(!1)}}retry(){let e=this.rpc();e&&this.load(e)}pageOptions=Q(()=>this.pages().map(e=>({value:e.pageId,label:e.snapshot?.url??e.pageId,hint:e.pageId})));onKey(e){let t=this.tabs.map(e=>e.id),n=t.indexOf(this.selected()),r=n;if(e.key===`ArrowRight`)r=(n+1)%t.length;else if(e.key===`ArrowLeft`)r=(n-1+t.length)%t.length;else if(e.key===`Home`)r=0;else if(e.key===`End`)r=t.length-1;else return;e.preventDefault(),this.selected.set(t[r]);let i=e.currentTarget;queueMicrotask(()=>i.querySelector(`#router-tab-${t[r]}`)?.focus())}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-live-route`]],inputs:{rpc:[1,`rpc`],sources:[1,`sources`]},outputs:{showComponent:`showComponent`},decls:8,vars:2,consts:[[1,`section-head`],[`role`,`alert`,1,`empty`],[`role`,`status`,1,`muted`,`empty`],[1,`empty`],[1,`page-pick`],[`id`,`live-route-page-label`,1,`page-label`],[`labelledBy`,`live-route-page-label`,3,`valueChange`,`options`,`value`],[1,`empty-title`],[1,`muted`],[`type`,`button`,1,`retry`,3,`click`],[`role`,`tablist`,`aria-label`,`Router views`,1,`tabs`,3,`keydown`],[`type`,`button`,`role`,`tab`,3,`id`],[`role`,`tabpanel`,1,`panel`,3,`id`],[3,`page`,`rpc`],[3,`page`,`rpc`,`sources`],[3,`page`],[`type`,`button`,`role`,`tab`,3,`click`,`id`],[`aria-hidden`,`true`,1,`count`],[1,`visually-hidden`],[3,`showComponent`,`page`,`rpc`]],template:function(e,t){if(e&1&&(L(0,`div`,0)(1,`h2`),J(2,`Live router`),R(),M(3,lL,1,1),R(),M(4,uL,7,0,`div`,1)(5,dL,2,0,`p`,2)(6,yL,9,3)(7,bL,5,0,`div`,3)),e&2){let e,n;A(3),N((e=t.page())?3:-1,e),A(),N(t.failed()?4:t.loading()?5:(n=t.page())?6:7,n)}},dependencies:[$P,pF,DF,wI,oL,XD],styles:[`[_nghost-%COMP%] {
+}`]})},CL=(e,t)=>t.id;function wL(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`span`,5),J(2,`Page`),R(),L(3,`app-select`,6),U(`valueChange`,function(t){return E(e),D(G(2).pageId.set(t))}),R()()}if(e&2){let e=G(),t=G();A(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function TL(e,t){e&1&&M(0,wL,4,2,`div`,4),e&2&&N(G().pages().length>1?0:-1)}function EL(e,t){if(e&1){let e=H();L(0,`div`,1)(1,`p`,7),J(2,`Could not load the live router state.`),R(),L(3,`p`,8),J(4,` Check that the dev server with Pangular Inspector is still running, then retry. `),R(),L(5,`button`,9),U(`click`,function(){return E(e),D(G().retry())}),J(6,`Retry`),R()()}}function DL(e,t){e&1&&(L(0,`p`,2),J(1,`Loading the live router state…`),R())}function OL(e,t){if(e&1&&(L(0,`span`,17),J(1),R(),L(2,`span`,18),J(3),R()),e&2){let e=G(3);A(),Y(e.problems()),A(2),X(`, `,e.problems(),` problem navigations`)}}function kL(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=E(e).$implicit;return D(G(2).selected.set(t.id))}),J(1),M(2,OL,4,2),R()}if(e&2){let e=t.$implicit,n=G(2);I(`id`,`router-tab-`+e.id),j(`aria-selected`,e.id===n.selected())(`aria-controls`,`router-panel-`+e.id)(`tabindex`,e.id===n.selected()?0:-1),A(),X(` `,e.label,` `),A(),N(e.id===`navigations`&&n.problems()>0?2:-1)}}function AL(e,t){if(e&1){let e=H();L(0,`app-route-current`,19),U(`showComponent`,function(t){return E(e),D(G(2).showComponent.emit(t))}),R()}if(e&2){let e=G(),t=G();I(`page`,e)(`rpc`,t.rpc())}}function jL(e,t){if(e&1&&z(0,`app-route-timeline`,13),e&2){let e=G(),t=G();I(`page`,e)(`rpc`,t.rpc())}}function ML(e,t){if(e&1&&z(0,`app-route-tree`,14),e&2){let e=G(),t=G();I(`page`,e)(`rpc`,t.rpc())(`sources`,t.sources())}}function NL(e,t){e&1&&z(0,`app-route-setup`,15),e&2&&I(`page`,G())}function PL(e,t){if(e&1&&z(0,`app-route-lint`,13),e&2){let e=G(),t=G();I(`page`,e)(`rpc`,t.rpc())}}function FL(e,t){if(e&1){let e=H();L(0,`div`,10),U(`keydown`,function(t){return E(e),D(G().onKey(t))}),P(1,kL,3,6,`button`,11,CL),R(),L(3,`div`,12),M(4,AL,1,2,`app-route-current`,13)(5,jL,1,2,`app-route-timeline`,13)(6,ML,1,3,`app-route-tree`,14)(7,NL,1,1,`app-route-setup`,15)(8,PL,1,2,`app-route-lint`,13),R()}if(e&2){let e,t=G();A(),F(t.tabs),A(2),I(`id`,`router-panel-`+t.selected()),j(`aria-labelledby`,`router-tab-`+t.selected()),A(),N((e=t.selected())===`current`?4:e===`navigations`?5:e===`routes`?6:e===`setup`?7:e===`lint`?8:-1)}}function IL(e,t){e&1&&(L(0,`div`,3)(1,`p`,7),J(2,`No page is reporting router state yet.`),R(),L(3,`p`,8),J(4,` Open the app in a browser. This view updates as soon as a page connects. `),R()())}var LL=[{id:`current`,label:`Current`},{id:`navigations`,label:`Navigations`},{id:`routes`,label:`Routes`},{id:`setup`,label:`Setup`},{id:`lint`,label:`Lint`}],RL=class e{rpc=$(null);sources=$([]);showComponent=Rv();tabs=LL;selected=k(`current`);pages=k([]);hostPageId=kE();loading=k(!0);failed=k(!1);pageId=Fv({source:this.pages,computation:(e,t)=>t?.value&&e.some(e=>e.pageId===t.value)?t.value:this.hostPageId?e.find(e=>e.pageId===this.hostPageId)?.pageId??null:e.find(e=>e.snapshot)?.pageId??e[0]?.pageId??null});unsubscribe=null;destroyRef=w(Es);page=Q(()=>{let e=this.pages();return e.find(e=>e.pageId===this.pageId())??(this.hostPageId?null:e[0])??null});problems=Q(()=>(this.page()?.navigations??[]).filter(e=>!e.probe&&[`failed`,`cancelled`,`redirected`].includes(e.outcome)).length);constructor(){pc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.unsubscribe?.())}async load(e){this.loading.set(!0),this.failed.set(!1);try{let t=await e.scope(`pangular`).rpc.sharedState(`router`);if(this.destroyRef.destroyed)return;let n=e=>{this.pages.set(e?.pages??[])};n(t.value()),this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,n)}catch{this.failed.set(!0)}finally{this.loading.set(!1)}}retry(){let e=this.rpc();e&&this.load(e)}pageOptions=Q(()=>this.pages().map(e=>({value:e.pageId,label:e.snapshot?.url??e.pageId,hint:e.pageId})));onKey(e){let t=this.tabs.map(e=>e.id),n=t.indexOf(this.selected()),r=n;if(e.key===`ArrowRight`)r=(n+1)%t.length;else if(e.key===`ArrowLeft`)r=(n-1+t.length)%t.length;else if(e.key===`Home`)r=0;else if(e.key===`End`)r=t.length-1;else return;e.preventDefault(),this.selected.set(t[r]);let i=e.currentTarget;queueMicrotask(()=>i.querySelector(`#router-tab-${t[r]}`)?.focus())}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-live-route`]],inputs:{rpc:[1,`rpc`],sources:[1,`sources`]},outputs:{showComponent:`showComponent`},decls:8,vars:2,consts:[[1,`section-head`],[`role`,`alert`,1,`empty`],[`role`,`status`,1,`muted`,`empty`],[1,`empty`],[1,`page-pick`],[`id`,`live-route-page-label`,1,`page-label`],[`labelledBy`,`live-route-page-label`,3,`valueChange`,`options`,`value`],[1,`empty-title`],[1,`muted`],[`type`,`button`,1,`retry`,3,`click`],[`role`,`tablist`,`aria-label`,`Router views`,1,`tabs`,3,`keydown`],[`type`,`button`,`role`,`tab`,3,`id`],[`role`,`tabpanel`,1,`panel`,3,`id`],[3,`page`,`rpc`],[3,`page`,`rpc`,`sources`],[3,`page`],[`type`,`button`,`role`,`tab`,3,`click`,`id`],[`aria-hidden`,`true`,1,`count`],[1,`visually-hidden`],[3,`showComponent`,`page`,`rpc`]],template:function(e,t){if(e&1&&(L(0,`div`,0)(1,`h2`),J(2,`Live router`),R(),M(3,TL,1,1),R(),M(4,EL,7,0,`div`,1)(5,DL,2,0,`p`,2)(6,FL,9,3)(7,IL,5,0,`div`,3)),e&2){let e,n;A(3),N((e=t.page())?3:-1,e),A(),N(t.failed()?4:t.loading()?5:(n=t.page())?6:7,n)}},dependencies:[hF,kF,UF,BI,SL,fO],styles:[`[_nghost-%COMP%] {
   display: grid;
   gap: 16px;
   min-width: 0;
@@ -5393,7 +5393,7 @@ h2[_ngcontent-%COMP%] {
   line-height: 16px;
   text-align: center;
   font-variant-numeric: tabular-nums;
-}`]})};function CL(e,t){e&1&&J(0,` The Routes tab above shows what the router uses. `)}function wL(e,t){if(e&1){let e=H();L(0,`button`,13),U(`click`,function(){E(e);let t=G();return D(t.expanded.set(!t.expanded()))}),J(1),R()}if(e&2){let e=G();j(`aria-expanded`,e.expanded()),A(),X(` `,e.expanded()?`Hide table`:`Show table`,` `)}}function TL(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function EL(e,t){e&1&&J(0,` Check that the dev server is running, then refresh. `)}function DL(e,t){if(e&1&&(L(0,`div`,11)(1,`p`,14),J(2,`Could not scan the route files.`),R(),L(3,`p`,15),M(4,TL,4,0)(5,EL,1,0),R()()),e&2){let e=G();A(4),N(e.staticReport()?4:5)}}function OL(e,t){e&1&&(L(0,`p`,12),J(1,`Scanning routes…`),R())}function kL(e,t){if(e&1){let e=H();L(0,`div`,16)(1,`p`,14),J(2,`No routes match the filter.`),R(),L(3,`p`,15),J(4,`Search by path, component, guard, title or file name.`),R(),L(5,`button`,10),U(`click`,function(){E(e);let t=G(2),n=d_(12);return t.filter.set(``),D(n.focus())}),J(6,` Clear filter `),R()()}}function AL(e,t){e&1&&(L(0,`div`,16)(1,`p`,14),J(2,`No routes found.`),R(),L(3,`p`,15),J(4,` Routes are read from `),L(5,`code`),J(6,`*.routes.ts`),R(),J(7,` and `),L(8,`code`),J(9,`*routing.module.ts`),R(),J(10,` files, the files they lazy load, plus Analog pages. Add one and refresh. `),R()())}function jL(e,t){e&1&&M(0,kL,7,0,`div`,16)(1,AL,11,0,`div`,16),e&2&&N(+!G().routes().length)}function ML(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.kind)}}function NL(e,t){if(e&1&&(L(0,`span`,22)(1,`span`,26),J(2,`→`),R(),L(3,`span`,27),J(4,`redirects to`),R(),J(5),R()),e&2){let e=G().$implicit;A(5),X(` `,e.redirectTo)}}function PL(e,t){if(e&1&&(L(0,`code`,23),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.component)}}function FL(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function IL(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function LL(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function RL(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.title,` `)}}function zL(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function BL(e,t){if(e&1&&(L(0,`tr`)(1,`td`,20),J(2),M(3,ML,2,1,`span`,21),R(),L(4,`td`),M(5,NL,6,1,`span`,22)(6,PL,2,1,`code`,23)(7,FL,4,0),R(),L(8,`td`),P(9,IL,2,1,`span`,21,kg,!1,LL,4,0),R(),L(12,`td`),M(13,RL,1,1)(14,zL,4,0),R(),L(15,`td`,24),z(16,`app-source-link`,25),R()()),e&2){let e=t.$implicit,n=G(2);A(2),X(` `,e.fullPath,` `),A(),N(e.kind===`page`?-1:3),A(2),N(e.redirectTo===void 0?e.component?6:7:5),A(4),F(n.checks(e)),A(4),N(e.title?13:14),A(3),I(`file`,e.file)(`line`,e.line)}}function VL(e,t){if(e&1&&(L(0,`p`,17),J(1),R(),L(2,`div`,18)(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,19),J(7,`Path`),R(),L(8,`th`,19),J(9,`Component / Target`),R(),L(10,`th`,19),J(11,`Guards and resolvers`),R(),L(12,`th`,19),J(13,`Title`),R(),L(14,`th`,19),J(15,`Declared in`),R()()(),L(16,`tbody`),P(17,BL,17,7,`tr`,null,kg),R()()()),e&2){let e=G();A(),rv(` `,e.filtered().length,` of `,e.routes().length,` route entries, `,e.navigable(),` navigable `),A(16),F(e.filtered())}}var HL=class e{rpc=$(null);showComponent=Rv();staticReport=Q(()=>xE(this.rpc()));routes=k([]);filter=k(``);loading=k(!1);error=k(!1);live=Jv(SL);liveHasConfig=Q(()=>!!this.live()?.page()?.config);expanded=Fv(()=>!this.liveHasConfig());navigable=Q(()=>this.filtered().filter(e=>e.kind===`page`).length);filtered=Q(()=>{let e=this.filter().toLowerCase().trim(),t=this.routes();return e?t.filter(t=>t.fullPath.toLowerCase().includes(e)||t.component&&t.component.toLowerCase().includes(e)||t.redirectTo&&t.redirectTo.toLowerCase().includes(e)||t.title&&t.title.toLowerCase().includes(e)||this.checks(t).some(t=>t.toLowerCase().includes(e))||t.file.toLowerCase().includes(e)):t});constructor(){pc(()=>{this.rpc()&&this.refresh()})}checks(e){return[...Object.entries(e.guards??{}).flatMap(([e,t])=>t.map(t=>`${e} ${t}`)),...(e.resolvers??[]).map(e=>`resolve ${e}`)]}onFilterInput(e){let t=e.target;this.filter.set(t?.value??``)}async refresh(){let e=this.rpc();if(e){this.loading.set(!0),this.error.set(!1);try{let t=await e.scope(`pangular`).rpc.call(`get-routes`);this.routes.set(t)}catch{this.error.set(!0)}finally{this.loading.set(!1)}}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-route-inspector`]],viewQuery:function(e,t){e&1&&l_(t.live,SL,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},outputs:{showComponent:`showComponent`},decls:19,vars:9,consts:[[`filterInput`,``],[3,`showComponent`,`rpc`,`sources`],[`aria-labelledby`,`config-heading`,1,`config`],[1,`section-head`],[`id`,`config-heading`],[1,`muted`,`hint`],[`type`,`button`,`aria-controls`,`config-body`,1,`small`,`toggle`],[`id`,`config-body`,1,`config-body`,3,`hidden`],[1,`toolbar`],[`type`,`search`,`aria-label`,`Filter source routes`,`placeholder`,`Filter routes…`,1,`field`,3,`input`,`keydown.escape`,`value`],[`type`,`button`,1,`small`,3,`click`],[`role`,`alert`,1,`empty`],[`role`,`status`,1,`muted`,`empty`],[`type`,`button`,`aria-controls`,`config-body`,1,`small`,`toggle`,3,`click`],[1,`empty-title`],[1,`muted`],[1,`empty`],[1,`muted`,`count`],[`role`,`region`,`aria-label`,`Source route config table`,`tabindex`,`0`,1,`table-scroll`],[`scope`,`col`],[1,`path`],[1,`tag`],[1,`redirect`],[1,`component`],[1,`file`],[3,`file`,`line`],[`aria-hidden`,`true`],[1,`visually-hidden`],[`aria-hidden`,`true`,1,`nil`]],template:function(e,t){e&1&&(L(0,`app-live-route`,1),U(`showComponent`,function(e){return t.showComponent.emit(e)}),R(),L(1,`section`,2)(2,`div`,3)(3,`h2`,4),J(4,`Source route config`),R(),L(5,`span`,5),J(6,` Read from your source files. `),M(7,CL,1,0),R(),M(8,wL,2,2,`button`,6),R(),L(9,`div`,7)(10,`div`,8)(11,`input`,9,0),U(`input`,function(e){return t.onFilterInput(e)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),L(13,`button`,10),U(`click`,function(){return t.refresh()}),J(14),R()(),M(15,DL,6,1,`div`,11)(16,OL,2,0,`p`,12)(17,jL,2,1)(18,VL,19,3),R()()),e&2&&(I(`rpc`,t.rpc())(`sources`,t.routes()),A(7),N(t.liveHasConfig()?7:-1),A(),N(t.liveHasConfig()?8:-1),A(),I(`hidden`,!t.expanded()),A(2),I(`value`,t.filter()),A(2),j(`aria-busy`,t.loading()),A(),X(` `,t.loading()?`Scanning…`:`Refresh`,` `),A(),N(t.error()?15:t.loading()&&t.routes().length===0?16:t.filtered().length===0?17:18))},dependencies:[SL,XA],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function zL(e,t){e&1&&J(0,` The Routes tab above shows what the router uses. `)}function BL(e,t){if(e&1){let e=H();L(0,`button`,13),U(`click`,function(){E(e);let t=G();return D(t.expanded.set(!t.expanded()))}),J(1),R()}if(e&2){let e=G();j(`aria-expanded`,e.expanded()),A(),X(` `,e.expanded()?`Hide table`:`Show table`,` `)}}function VL(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function HL(e,t){e&1&&J(0,` Check that the dev server is running, then refresh. `)}function UL(e,t){if(e&1&&(L(0,`div`,11)(1,`p`,14),J(2,`Could not scan the route files.`),R(),L(3,`p`,15),M(4,VL,4,0)(5,HL,1,0),R()()),e&2){let e=G();A(4),N(e.staticReport()?4:5)}}function WL(e,t){e&1&&(L(0,`p`,12),J(1,`Scanning routes…`),R())}function GL(e,t){if(e&1){let e=H();L(0,`div`,16)(1,`p`,14),J(2,`No routes match the filter.`),R(),L(3,`p`,15),J(4,`Search by path, component, guard, title or file name.`),R(),L(5,`button`,10),U(`click`,function(){E(e);let t=G(2),n=d_(12);return t.filter.set(``),D(n.focus())}),J(6,` Clear filter `),R()()}}function KL(e,t){e&1&&(L(0,`div`,16)(1,`p`,14),J(2,`No routes found.`),R(),L(3,`p`,15),J(4,` Routes are read from `),L(5,`code`),J(6,`*.routes.ts`),R(),J(7,` and `),L(8,`code`),J(9,`*routing.module.ts`),R(),J(10,` files, the files they lazy load, plus Analog pages. Add one and refresh. `),R()())}function qL(e,t){e&1&&M(0,GL,7,0,`div`,16)(1,KL,11,0,`div`,16),e&2&&N(+!G().routes().length)}function JL(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.kind)}}function YL(e,t){if(e&1&&(L(0,`span`,22)(1,`span`,26),J(2,`→`),R(),L(3,`span`,27),J(4,`redirects to`),R(),J(5),R()),e&2){let e=G().$implicit;A(5),X(` `,e.redirectTo)}}function XL(e,t){if(e&1&&(L(0,`code`,23),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.component)}}function ZL(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function QL(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function $L(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function eR(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.title,` `)}}function tR(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function nR(e,t){if(e&1&&(L(0,`tr`)(1,`td`,20),J(2),M(3,JL,2,1,`span`,21),R(),L(4,`td`),M(5,YL,6,1,`span`,22)(6,XL,2,1,`code`,23)(7,ZL,4,0),R(),L(8,`td`),P(9,QL,2,1,`span`,21,kg,!1,$L,4,0),R(),L(12,`td`),M(13,eR,1,1)(14,tR,4,0),R(),L(15,`td`,24),z(16,`app-source-link`,25),R()()),e&2){let e=t.$implicit,n=G(2);A(2),X(` `,e.fullPath,` `),A(),N(e.kind===`page`?-1:3),A(2),N(e.redirectTo===void 0?e.component?6:7:5),A(4),F(n.checks(e)),A(4),N(e.title?13:14),A(3),I(`file`,e.file)(`line`,e.line)}}function rR(e,t){if(e&1&&(L(0,`p`,17),J(1),R(),L(2,`div`,18)(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,19),J(7,`Path`),R(),L(8,`th`,19),J(9,`Component / Target`),R(),L(10,`th`,19),J(11,`Guards and resolvers`),R(),L(12,`th`,19),J(13,`Title`),R(),L(14,`th`,19),J(15,`Declared in`),R()()(),L(16,`tbody`),P(17,nR,17,7,`tr`,null,kg),R()()()),e&2){let e=G();A(),rv(` `,e.filtered().length,` of `,e.routes().length,` route entries, `,e.navigable(),` navigable `),A(16),F(e.filtered())}}var iR=class e{rpc=$(null);showComponent=Rv();staticReport=Q(()=>FE(this.rpc()));routes=k([]);filter=k(``);loading=k(!1);error=k(!1);live=Jv(RL);liveHasConfig=Q(()=>!!this.live()?.page()?.config);expanded=Fv(()=>!this.liveHasConfig());navigable=Q(()=>this.filtered().filter(e=>e.kind===`page`).length);filtered=Q(()=>{let e=this.filter().toLowerCase().trim(),t=this.routes();return e?t.filter(t=>t.fullPath.toLowerCase().includes(e)||t.component&&t.component.toLowerCase().includes(e)||t.redirectTo&&t.redirectTo.toLowerCase().includes(e)||t.title&&t.title.toLowerCase().includes(e)||this.checks(t).some(t=>t.toLowerCase().includes(e))||t.file.toLowerCase().includes(e)):t});constructor(){pc(()=>{this.rpc()&&this.refresh()})}checks(e){return[...Object.entries(e.guards??{}).flatMap(([e,t])=>t.map(t=>`${e} ${t}`)),...(e.resolvers??[]).map(e=>`resolve ${e}`)]}onFilterInput(e){let t=e.target;this.filter.set(t?.value??``)}async refresh(){let e=this.rpc();if(e){this.loading.set(!0),this.error.set(!1);try{let t=await e.scope(`pangular`).rpc.call(`get-routes`);this.routes.set(t)}catch{this.error.set(!0)}finally{this.loading.set(!1)}}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-route-inspector`]],viewQuery:function(e,t){e&1&&l_(t.live,RL,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},outputs:{showComponent:`showComponent`},decls:19,vars:9,consts:[[`filterInput`,``],[3,`showComponent`,`rpc`,`sources`],[`aria-labelledby`,`config-heading`,1,`config`],[1,`section-head`],[`id`,`config-heading`],[1,`muted`,`hint`],[`type`,`button`,`aria-controls`,`config-body`,1,`small`,`toggle`],[`id`,`config-body`,1,`config-body`,3,`hidden`],[1,`toolbar`],[`type`,`search`,`aria-label`,`Filter source routes`,`placeholder`,`Filter routes…`,1,`field`,3,`input`,`keydown.escape`,`value`],[`type`,`button`,1,`small`,3,`click`],[`role`,`alert`,1,`empty`],[`role`,`status`,1,`muted`,`empty`],[`type`,`button`,`aria-controls`,`config-body`,1,`small`,`toggle`,3,`click`],[1,`empty-title`],[1,`muted`],[1,`empty`],[1,`muted`,`count`],[`role`,`region`,`aria-label`,`Source route config table`,`tabindex`,`0`,1,`table-scroll`],[`scope`,`col`],[1,`path`],[1,`tag`],[1,`redirect`],[1,`component`],[1,`file`],[3,`file`,`line`],[`aria-hidden`,`true`],[1,`visually-hidden`],[`aria-hidden`,`true`,1,`nil`]],template:function(e,t){e&1&&(L(0,`app-live-route`,1),U(`showComponent`,function(e){return t.showComponent.emit(e)}),R(),L(1,`section`,2)(2,`div`,3)(3,`h2`,4),J(4,`Source route config`),R(),L(5,`span`,5),J(6,` Read from your source files. `),M(7,zL,1,0),R(),M(8,BL,2,2,`button`,6),R(),L(9,`div`,7)(10,`div`,8)(11,`input`,9,0),U(`input`,function(e){return t.onFilterInput(e)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),L(13,`button`,10),U(`click`,function(){return t.refresh()}),J(14),R()(),M(15,UL,6,1,`div`,11)(16,WL,2,0,`p`,12)(17,qL,2,1)(18,rR,19,3),R()()),e&2&&(I(`rpc`,t.rpc())(`sources`,t.routes()),A(7),N(t.liveHasConfig()?7:-1),A(),N(t.liveHasConfig()?8:-1),A(),I(`hidden`,!t.expanded()),A(2),I(`value`,t.filter()),A(2),j(`aria-busy`,t.loading()),A(),X(` `,t.loading()?`Scanning…`:`Refresh`,` `),A(),N(t.error()?15:t.loading()&&t.routes().length===0?16:t.filtered().length===0?17:18))},dependencies:[RL,fj],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -5774,7 +5774,7 @@ h2[_ngcontent-%COMP%] {
   font-family: var(--%NS%font-mono);
   font-size: 12px;
   overflow-wrap: anywhere;
-}`]})},UL=[`ArrowDown`,`ArrowUp`,`Home`,`End`],WL=`[aria-pressed="true"], [aria-expanded="true"], [aria-current]:not([aria-current="false"]), .selected`,GL=class e{appRovingList=$(``);host=w(Fl).nativeElement;current=null;focusInside=!1;constructor(){let e=w(Es);Vd(()=>{if(this.sync(),typeof MutationObserver>`u`)return;let t=new MutationObserver(()=>this.sync());t.observe(this.host,{childList:!0,subtree:!0}),e.onDestroy(()=>t.disconnect())})}isItem(e){let t=this.appRovingList();return!!t&&!!e?.matches(t)}items(){let e=this.appRovingList();return e?[...this.host.querySelectorAll(e)]:[]}sync(){let e=this.items(),t=!1;if(!this.current||!this.host.contains(this.current)){let n=document.activeElement;t=this.focusInside&&(!n||n===document.body),this.current=e.find(e=>e.matches(WL))??e[0]??null}for(let t of e){let e=t===this.current?`0`:`-1`;t.getAttribute(`tabindex`)!==e&&t.setAttribute(`tabindex`,e)}t&&this.current?.focus()}onFocusIn(e){this.focusInside=!0;let t=e.target;this.isItem(t)&&t!==this.current&&(this.current?.setAttribute(`tabindex`,`-1`),this.current=t,t.setAttribute(`tabindex`,`0`))}onFocusOut(e){let t=e.relatedTarget;if(t&&this.host.contains(t))return;let n=e.target;setTimeout(()=>{n?.isConnected!==!1&&!this.host.contains(document.activeElement)&&(this.focusInside=!1)})}onKey(e){if(!UL.includes(e.key)||e.altKey||e.ctrlKey||e.metaKey)return;let t=e.target;if(!this.isItem(t))return;let n=this.items(),r=n.indexOf(t);if(r<0)return;let i={ArrowDown:Math.min(r+1,n.length-1),ArrowUp:Math.max(r-1,0),Home:0,End:n.length-1}[e.key];e.preventDefault(),n[i].focus()}static ɵfac=function(t){return new(t||e)};static ɵdir=Xh({type:e,selectors:[[``,`appRovingList`,``]],hostBindings:function(e,t){e&1&&U(`keydown`,function(e){return t.onKey(e)})(`focusin`,function(e){return t.onFocusIn(e)})(`focusout`,function(e){return t.onFocusOut(e)})},inputs:{appRovingList:[1,`appRovingList`]}})},KL=56,qL=12,JL=8,YL=4;function XL(e,t){let n=new Set(e),r=new Map(e.map(e=>[e,[]])),i=new Map(e.map(e=>[e,[]]));for(let{producer:e,consumer:a}of t)n.has(e)&&n.has(a)&&e!==a&&(r.get(a).push(e),i.get(e).push(a));return{producers:r,consumers:i}}function ZL(e,t){let n=new Map,r=new Set,i=e=>{let a=n.get(e);if(a!==void 0)return a;if(r.has(e))return-1;r.add(e);let o=0;for(let n of t.get(e)??[])o=Math.max(o,i(n)+1);return r.delete(e),n.set(e,o),o};for(let t of e)i(t);return n}function QL(e,t){let{producers:n,consumers:r}=XL(e,t),i=ZL(e,n),a=[];for(let t of e)(a[i.get(t)]??=[]).push(t);for(let e=0;e<a.length;e++)a[e]??=[];let o=new Map,s=e=>e.forEach((e,t)=>o.set(e,t));a.forEach(s);let c=(e,t)=>{let n=new Map;for(let[r,i]of e.entries()){let e=(t.get(i)??[]).map(e=>o.get(e));n.set(i,e.length?e.reduce((e,t)=>e+t,0)/e.length:r)}e.sort((e,t)=>n.get(e)-n.get(t)),s(e)};for(let e=0;e<YL;e++){for(let e=1;e<a.length;e++)c(a[e],n);for(let e=a.length-2;e>=0;e--)c(a[e],r)}let l=[],u=new Map;for(let[e,t]of a.entries())for(let[n,r]of t.entries()){let t={id:r,layer:e,row:n,x:JL+e*224,y:JL+n*56};l.push(t),u.set(r,t)}let d=[];for(let[e,t]of n){let n=u.get(e);for(let r of t){let t=u.get(r),i=t.x+168,a=t.y+22,o=n.x,s=n.y+22,c=Math.max(24,(o-i)/2);d.push({producer:r,consumer:e,path:`M${i} ${a} C${i+c} ${a} ${o-c} ${s} ${o} ${s}`})}}let f=Math.max(0,...a.map(e=>e.length));return{nodes:l,edges:d,layers:a,width:16+Math.max(1,a.length)*224-KL,height:16+Math.max(1,f)*56-qL}}function $L(e,t){let n=(n,r)=>{let i=new Set,a=[e];for(;a.length;){let o=a.pop();for(let s of t)s[n]!==o||i.has(s[r])||s[r]===e||(i.add(s[r]),a.push(s[r]))}return i};return{upstream:n(`consumer`,`producer`),downstream:n(`producer`,`consumer`)}}function eR(e,t,n,r=120){if(e.length<=r)return[...e];if(!n||!e.includes(n))return e.slice(0,r);let{upstream:i,downstream:a}=$L(n,t),o=new Set([n]);for(let e of[...i,...a]){if(o.size>=r)break;o.add(e)}return e.filter(e=>o.has(e))}function tR(e,t,n,r){let i=e.nodes.find(e=>e.id===n);if(!i||r===`Home`)return e.nodes[0]?.id??null;if(r===`End`)return e.nodes.at(-1)?.id??null;let a=e.layers[i.layer]??[];if(r===`ArrowUp`)return a[i.row-1]??null;if(r===`ArrowDown`)return a[i.row+1]??null;let o=r===`ArrowLeft`?-1:1,s=new Set(t.flatMap(e=>o<0?e.consumer===n?[e.producer]:[]:e.producer===n?[e.consumer]:[])),c=e=>e.sort((e,t)=>Math.abs(e.y-i.y)-Math.abs(t.y-i.y)||e.x-t.x)[0]?.id??null,l=e.nodes.filter(e=>s.has(e.id));return l.length?c(l):c(e.nodes.filter(e=>e.layer===i.layer+o))}var nR=(e,t)=>t.producer+`>`+t.consumer,rR=(e,t)=>t.id;function iR(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=t,n=G();A(),rv(` Drawing `,e.drawn,` of `,e.total,` signals. `,n.selectedId()?`The selected signal and its chain are drawn first.`:`Select a signal in the list to draw its chain.`,` `)}}function aR(e,t){if(e&1&&(O(),Vg(0,`path`,11)),e&2){let e=t.$implicit;M_(G().edgeTone(e)),j(`d`,e.path)}}function oR(e,t){e&1&&(B(0,`span`,15),J(1,`watching`),V())}function sR(e,t){if(e&1){let e=H();B(0,`button`,12),W(`click`,function(){let t=E(e).$implicit;return D(G().pick(t.id))})(`focus`,function(){let t=E(e).$implicit;return D(G().focused.set(t.id))})(`keydown`,function(t){let n=E(e).$implicit;return D(G().onKey(t,n.id))}),B(1,`span`,13),Vg(2,`span`,14),J(3),M(4,oR,2,0,`span`,15),V(),B(5,`span`,16),J(6),V()()}if(e&2){let e=t.$implicit,n=G();M_(n.tone(e.id)),K(`left`,e.x,`px`)(`top`,e.y,`px`)(`width`,n.nodeWidth,`px`)(`height`,n.nodeHeight,`px`),qg(`title`,n.labelOf(e.id)),j(`tabindex`,e.id===n.focusId()?0:-1)(`aria-pressed`,e.id===n.selectedId())(`aria-label`,n.describe(e.id))(`data-node`,e.id),A(2),K(`background`,n.colorOf(e.id)),A(),X(` `,n.byId().get(e.id)?.kind,` `),A(),N(n.watched().has(e.id)?4:-1),A(2),Y(n.labelOf(e.id))}}var cR=new Set([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`]),lR=class e{nodes=$.required();links=$.required();selectedId=$(null);watched=$(new Set);kindColor=$(()=>`var(--text-3)`);selected=Rv();host=w(Fl).nativeElement;static seq=0;helpId=`signal-graph-help-${++e.seq}`;nodeWidth=168;nodeHeight=44;byId=Q(()=>new Map(this.nodes().map(e=>[e.id,e])));drawn=Q(()=>eR(this.nodes().map(e=>e.id),this.links(),this.selectedId()));capped=Q(()=>{let e=this.nodes().length,t=this.drawn().length;return t<e?{drawn:t,total:e}:null});layout=Q(()=>QL(this.drawn(),this.links()));chain=Q(()=>{let e=this.selectedId();return e&&this.byId().has(e)?$L(e,this.links()):null});counts=Q(()=>{let e=new Map,t=t=>{let n=e.get(t);return n||e.set(t,n={producers:0,consumers:0}),n};for(let e of this.links())t(e.consumer).producers++,t(e.producer).consumers++;return e});focused=k(null);focusId=Q(()=>{let e=new Set(this.drawn()),t=this.focused();if(t&&e.has(t))return t;let n=this.selectedId();return n&&e.has(n)?n:this.layout().nodes[0]?.id??null});labelOf(e){let t=this.byId().get(e);return t?.label??`(unnamed ${t?.kind??`node`})`}colorOf(e){return this.kindColor()(this.byId().get(e)?.kind??`unknown`)}tone(e){if(e===this.selectedId())return`selected`;let t=this.chain();return t?t.upstream.has(e)?`up`:t.downstream.has(e)?`down`:`faded`:``}edgeTone(e){let t=this.chain(),n=this.selectedId();return!t||!n?``:(e=>e===n||t.upstream.has(e))(e.consumer)&&t.upstream.has(e.producer)?`up`:(e=>e===n||t.downstream.has(e))(e.producer)&&t.downstream.has(e.consumer)?`down`:`faded`}describe(e){let t=this.byId().get(e),{producers:n=0,consumers:r=0}=this.counts().get(e)??{},i=[`${t?.kind??`node`} ${t?.label??`unnamed`}`,`${n} ${n===1?`producer`:`producers`}`,`${r} ${r===1?`consumer`:`consumers`}`],a=this.tone(e);return a===`up`&&i.push(`upstream of the selected signal`),a===`down`&&i.push(`downstream of the selected signal`),this.watched().has(e)&&i.push(`watched`),i.join(`, `)}pick(e){this.focused.set(e),this.selected.emit(e)}onKey(e,t){if(!cR.has(e.key))return;e.preventDefault();let n=tR(this.layout(),this.links(),t,e.key);if(!n)return;this.focused.set(n);let r=[...this.host.querySelectorAll(`[data-node]`)].find(e=>e.dataset.node===n);r?.scrollIntoView?.({block:`nearest`,inline:`nearest`}),r?.focus({preventScroll:!0})}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-signal-graph-view`]],inputs:{nodes:[1,`nodes`],links:[1,`links`],selectedId:[1,`selectedId`],watched:[1,`watched`],kindColor:[1,`kindColor`]},outputs:{selected:`selected`},decls:17,vars:11,consts:[[1,`sr-only`,3,`id`],[`aria-hidden`,`true`,1,`legend`],[1,`key`,`key-selected`],[1,`key`,`key-up`],[1,`key`,`key-down`],[`role`,`status`,1,`cap-note`],[`role`,`group`,1,`canvas`],[1,`plane`],[`aria-hidden`,`true`,`focusable`,`false`],[1,`edge`,3,`class`],[`type`,`button`,1,`gnode`,3,`class`,`left`,`top`,`width`,`height`,`title`],[1,`edge`],[`type`,`button`,1,`gnode`,3,`click`,`focus`,`keydown`,`title`],[1,`gkind`],[`aria-hidden`,`true`,1,`dot`],[1,`watching`],[1,`glabel`]],template:function(e,t){if(e&1&&(B(0,`p`,0),J(1,` Producers are on the left and consumers on the right. Use the arrow keys to move between signals and Enter to select one. The list below has the same signals. `),V(),B(2,`div`,1)(3,`span`,2),J(4,`Selected`),V(),B(5,`span`,3),J(6,`Upstream (producers)`),V(),B(7,`span`,4),J(8,`Downstream (consumers)`),V()(),M(9,iR,2,3,`p`,5),B(10,`div`,6)(11,`div`,7),O(),B(12,`svg`,8),P(13,aR,1,3,`:svg:path`,9,nR),V(),P(15,sR,7,20,`button`,10,rR),V()()),e&2){let e;qg(`id`,t.helpId),A(9),N((e=t.capped())?9:-1,e),A(),j(`aria-label`,`Signal graph, `+t.layout().nodes.length+` signals`)(`aria-describedby`,t.helpId),A(),K(`width`,t.layout().width,`px`)(`height`,t.layout().height,`px`),A(),j(`width`,t.layout().width)(`height`,t.layout().height)(`viewBox`,`0 0 `+t.layout().width+` `+t.layout().height),A(),F(t.layout().edges),A(2),F(t.layout().nodes)}},styles:[`[_nghost-%COMP%] {
+}`]})},aR=[`ArrowDown`,`ArrowUp`,`Home`,`End`],oR=`[aria-pressed="true"], [aria-expanded="true"], [aria-current]:not([aria-current="false"]), .selected`,sR=class e{appRovingList=$(``);host=w(Fl).nativeElement;current=null;focusInside=!1;constructor(){let e=w(Es);Vd(()=>{if(this.sync(),typeof MutationObserver>`u`)return;let t=new MutationObserver(()=>this.sync());t.observe(this.host,{childList:!0,subtree:!0}),e.onDestroy(()=>t.disconnect())})}isItem(e){let t=this.appRovingList();return!!t&&!!e?.matches(t)}items(){let e=this.appRovingList();return e?[...this.host.querySelectorAll(e)]:[]}sync(){let e=this.items(),t=!1;if(!this.current||!this.host.contains(this.current)){let n=document.activeElement;t=this.focusInside&&(!n||n===document.body),this.current=e.find(e=>e.matches(oR))??e[0]??null}for(let t of e){let e=t===this.current?`0`:`-1`;t.getAttribute(`tabindex`)!==e&&t.setAttribute(`tabindex`,e)}t&&this.current?.focus()}onFocusIn(e){this.focusInside=!0;let t=e.target;this.isItem(t)&&t!==this.current&&(this.current?.setAttribute(`tabindex`,`-1`),this.current=t,t.setAttribute(`tabindex`,`0`))}onFocusOut(e){let t=e.relatedTarget;if(t&&this.host.contains(t))return;let n=e.target;setTimeout(()=>{n?.isConnected!==!1&&!this.host.contains(document.activeElement)&&(this.focusInside=!1)})}onKey(e){if(!aR.includes(e.key)||e.altKey||e.ctrlKey||e.metaKey)return;let t=e.target;if(!this.isItem(t))return;let n=this.items(),r=n.indexOf(t);if(r<0)return;let i={ArrowDown:Math.min(r+1,n.length-1),ArrowUp:Math.max(r-1,0),Home:0,End:n.length-1}[e.key];e.preventDefault(),n[i].focus()}static ɵfac=function(t){return new(t||e)};static ɵdir=Xh({type:e,selectors:[[``,`appRovingList`,``]],hostBindings:function(e,t){e&1&&U(`keydown`,function(e){return t.onKey(e)})(`focusin`,function(e){return t.onFocusIn(e)})(`focusout`,function(e){return t.onFocusOut(e)})},inputs:{appRovingList:[1,`appRovingList`]}})},cR=56,lR=12,uR=8,dR=4;function fR(e,t){let n=new Set(e),r=new Map(e.map(e=>[e,[]])),i=new Map(e.map(e=>[e,[]]));for(let{producer:e,consumer:a}of t)n.has(e)&&n.has(a)&&e!==a&&(r.get(a).push(e),i.get(e).push(a));return{producers:r,consumers:i}}function pR(e,t){let n=new Map,r=new Set,i=e=>{let a=n.get(e);if(a!==void 0)return a;if(r.has(e))return-1;r.add(e);let o=0;for(let n of t.get(e)??[])o=Math.max(o,i(n)+1);return r.delete(e),n.set(e,o),o};for(let t of e)i(t);return n}function mR(e,t){let{producers:n,consumers:r}=fR(e,t),i=pR(e,n),a=[];for(let t of e)(a[i.get(t)]??=[]).push(t);for(let e=0;e<a.length;e++)a[e]??=[];let o=new Map,s=e=>e.forEach((e,t)=>o.set(e,t));a.forEach(s);let c=(e,t)=>{let n=new Map;for(let[r,i]of e.entries()){let e=(t.get(i)??[]).map(e=>o.get(e));n.set(i,e.length?e.reduce((e,t)=>e+t,0)/e.length:r)}e.sort((e,t)=>n.get(e)-n.get(t)),s(e)};for(let e=0;e<dR;e++){for(let e=1;e<a.length;e++)c(a[e],n);for(let e=a.length-2;e>=0;e--)c(a[e],r)}let l=[],u=new Map;for(let[e,t]of a.entries())for(let[n,r]of t.entries()){let t={id:r,layer:e,row:n,x:uR+e*224,y:uR+n*56};l.push(t),u.set(r,t)}let d=[];for(let[e,t]of n){let n=u.get(e);for(let r of t){let t=u.get(r),i=t.x+168,a=t.y+22,o=n.x,s=n.y+22,c=Math.max(24,(o-i)/2);d.push({producer:r,consumer:e,path:`M${i} ${a} C${i+c} ${a} ${o-c} ${s} ${o} ${s}`})}}let f=Math.max(0,...a.map(e=>e.length));return{nodes:l,edges:d,layers:a,width:16+Math.max(1,a.length)*224-cR,height:16+Math.max(1,f)*56-lR}}function hR(e,t){let n=(n,r)=>{let i=new Set,a=[e];for(;a.length;){let o=a.pop();for(let s of t)s[n]!==o||i.has(s[r])||s[r]===e||(i.add(s[r]),a.push(s[r]))}return i};return{upstream:n(`consumer`,`producer`),downstream:n(`producer`,`consumer`)}}function gR(e,t,n,r=120){if(e.length<=r)return[...e];if(!n||!e.includes(n))return e.slice(0,r);let{upstream:i,downstream:a}=hR(n,t),o=new Set([n]);for(let e of[...i,...a]){if(o.size>=r)break;o.add(e)}return e.filter(e=>o.has(e))}function _R(e,t,n,r){let i=e.nodes.find(e=>e.id===n);if(!i||r===`Home`)return e.nodes[0]?.id??null;if(r===`End`)return e.nodes.at(-1)?.id??null;let a=e.layers[i.layer]??[];if(r===`ArrowUp`)return a[i.row-1]??null;if(r===`ArrowDown`)return a[i.row+1]??null;let o=r===`ArrowLeft`?-1:1,s=new Set(t.flatMap(e=>o<0?e.consumer===n?[e.producer]:[]:e.producer===n?[e.consumer]:[])),c=e=>e.sort((e,t)=>Math.abs(e.y-i.y)-Math.abs(t.y-i.y)||e.x-t.x)[0]?.id??null,l=e.nodes.filter(e=>s.has(e.id));return l.length?c(l):c(e.nodes.filter(e=>e.layer===i.layer+o))}var vR=(e,t)=>t.producer+`>`+t.consumer,yR=(e,t)=>t.id;function bR(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=t,n=G();A(),rv(` Drawing `,e.drawn,` of `,e.total,` signals. `,n.selectedId()?`The selected signal and its chain are drawn first.`:`Select a signal in the list to draw its chain.`,` `)}}function xR(e,t){if(e&1&&(O(),Vg(0,`path`,11)),e&2){let e=t.$implicit;M_(G().edgeTone(e)),j(`d`,e.path)}}function SR(e,t){e&1&&(B(0,`span`,15),J(1,`watching`),V())}function CR(e,t){if(e&1){let e=H();B(0,`button`,12),W(`click`,function(){let t=E(e).$implicit;return D(G().pick(t.id))})(`focus`,function(){let t=E(e).$implicit;return D(G().focused.set(t.id))})(`keydown`,function(t){let n=E(e).$implicit;return D(G().onKey(t,n.id))}),B(1,`span`,13),Vg(2,`span`,14),J(3),M(4,SR,2,0,`span`,15),V(),B(5,`span`,16),J(6),V()()}if(e&2){let e=t.$implicit,n=G();M_(n.tone(e.id)),K(`left`,e.x,`px`)(`top`,e.y,`px`)(`width`,n.nodeWidth,`px`)(`height`,n.nodeHeight,`px`),qg(`title`,n.labelOf(e.id)),j(`tabindex`,e.id===n.focusId()?0:-1)(`aria-pressed`,e.id===n.selectedId())(`aria-label`,n.describe(e.id))(`data-node`,e.id),A(2),K(`background`,n.colorOf(e.id)),A(),X(` `,n.byId().get(e.id)?.kind,` `),A(),N(n.watched().has(e.id)?4:-1),A(2),Y(n.labelOf(e.id))}}var wR=new Set([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`]),TR=class e{nodes=$.required();links=$.required();selectedId=$(null);watched=$(new Set);kindColor=$(()=>`var(--text-3)`);selected=Rv();host=w(Fl).nativeElement;static seq=0;helpId=`signal-graph-help-${++e.seq}`;nodeWidth=168;nodeHeight=44;byId=Q(()=>new Map(this.nodes().map(e=>[e.id,e])));drawn=Q(()=>gR(this.nodes().map(e=>e.id),this.links(),this.selectedId()));capped=Q(()=>{let e=this.nodes().length,t=this.drawn().length;return t<e?{drawn:t,total:e}:null});layout=Q(()=>mR(this.drawn(),this.links()));chain=Q(()=>{let e=this.selectedId();return e&&this.byId().has(e)?hR(e,this.links()):null});counts=Q(()=>{let e=new Map,t=t=>{let n=e.get(t);return n||e.set(t,n={producers:0,consumers:0}),n};for(let e of this.links())t(e.consumer).producers++,t(e.producer).consumers++;return e});focused=k(null);focusId=Q(()=>{let e=new Set(this.drawn()),t=this.focused();if(t&&e.has(t))return t;let n=this.selectedId();return n&&e.has(n)?n:this.layout().nodes[0]?.id??null});labelOf(e){let t=this.byId().get(e);return t?.label??`(unnamed ${t?.kind??`node`})`}colorOf(e){return this.kindColor()(this.byId().get(e)?.kind??`unknown`)}tone(e){if(e===this.selectedId())return`selected`;let t=this.chain();return t?t.upstream.has(e)?`up`:t.downstream.has(e)?`down`:`faded`:``}edgeTone(e){let t=this.chain(),n=this.selectedId();return!t||!n?``:(e=>e===n||t.upstream.has(e))(e.consumer)&&t.upstream.has(e.producer)?`up`:(e=>e===n||t.downstream.has(e))(e.producer)&&t.downstream.has(e.consumer)?`down`:`faded`}describe(e){let t=this.byId().get(e),{producers:n=0,consumers:r=0}=this.counts().get(e)??{},i=[`${t?.kind??`node`} ${t?.label??`unnamed`}`,`${n} ${n===1?`producer`:`producers`}`,`${r} ${r===1?`consumer`:`consumers`}`],a=this.tone(e);return a===`up`&&i.push(`upstream of the selected signal`),a===`down`&&i.push(`downstream of the selected signal`),this.watched().has(e)&&i.push(`watched`),i.join(`, `)}pick(e){this.focused.set(e),this.selected.emit(e)}onKey(e,t){if(!wR.has(e.key))return;e.preventDefault();let n=_R(this.layout(),this.links(),t,e.key);if(!n)return;this.focused.set(n);let r=[...this.host.querySelectorAll(`[data-node]`)].find(e=>e.dataset.node===n);r?.scrollIntoView?.({block:`nearest`,inline:`nearest`}),r?.focus({preventScroll:!0})}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-signal-graph-view`]],inputs:{nodes:[1,`nodes`],links:[1,`links`],selectedId:[1,`selectedId`],watched:[1,`watched`],kindColor:[1,`kindColor`]},outputs:{selected:`selected`},decls:17,vars:11,consts:[[1,`sr-only`,3,`id`],[`aria-hidden`,`true`,1,`legend`],[1,`key`,`key-selected`],[1,`key`,`key-up`],[1,`key`,`key-down`],[`role`,`status`,1,`cap-note`],[`role`,`group`,1,`canvas`],[1,`plane`],[`aria-hidden`,`true`,`focusable`,`false`],[1,`edge`,3,`class`],[`type`,`button`,1,`gnode`,3,`class`,`left`,`top`,`width`,`height`,`title`],[1,`edge`],[`type`,`button`,1,`gnode`,3,`click`,`focus`,`keydown`,`title`],[1,`gkind`],[`aria-hidden`,`true`,1,`dot`],[1,`watching`],[1,`glabel`]],template:function(e,t){if(e&1&&(B(0,`p`,0),J(1,` Producers are on the left and consumers on the right. Use the arrow keys to move between signals and Enter to select one. The list below has the same signals. `),V(),B(2,`div`,1)(3,`span`,2),J(4,`Selected`),V(),B(5,`span`,3),J(6,`Upstream (producers)`),V(),B(7,`span`,4),J(8,`Downstream (consumers)`),V()(),M(9,bR,2,3,`p`,5),B(10,`div`,6)(11,`div`,7),O(),B(12,`svg`,8),P(13,xR,1,3,`:svg:path`,9,vR),V(),P(15,CR,7,20,`button`,10,yR),V()()),e&2){let e;qg(`id`,t.helpId),A(9),N((e=t.capped())?9:-1,e),A(),j(`aria-label`,`Signal graph, `+t.layout().nodes.length+` signals`)(`aria-describedby`,t.helpId),A(),K(`width`,t.layout().width,`px`)(`height`,t.layout().height,`px`),A(),j(`width`,t.layout().width)(`height`,t.layout().height)(`viewBox`,`0 0 `+t.layout().width+` `+t.layout().height),A(),F(t.layout().edges),A(2),F(t.layout().nodes)}},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -5955,7 +5955,7 @@ svg[_ngcontent-%COMP%] {
    .gnode[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})},uR=[`filterInput`],dR=e=>({id:e,label:`Status history`}),fR=e=>({id:e,label:`Value history`}),pR=(e,t)=>t.kind,mR=(e,t)=>t.name+t.file+t.line,hR=(e,t)=>t.epoch,gR=(e,t)=>t.id,_R=(e,t)=>t.id+`:`+t.change.epoch;function vR(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`span`,17),J(2,`Page`),R(),L(3,`app-select`,18),U(`valueChange`,function(t){return E(e),D(G().selectPage(t))}),R()()}if(e&2){let e=G();A(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function yR(e,t){if(e&1){let e=H();L(0,`div`,5)(1,`span`,19),J(2,`Graph of`),R(),L(3,`app-select`,20),U(`valueChange`,function(t){return E(e),D(G().pickComponent(t))}),R()()}if(e&2){let e=G();A(3),I(`options`,e.componentOptions())(`value`,e.pickerValue())}}function bR(e,t){if(e&1&&(L(0,`span`,23),J(1),R()),e&2){let e=G(2);A(),Y(e.sourceNote(e.graph().source))}}function xR(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,21),J(2),R(),L(3,`span`,22),J(4),R(),M(5,bR,2,1,`span`,23),R()),e&2){let e=t,n=G();A(2),Y(e.name),A(2),Y(e.path),A(),N(n.graph().source?5:-1)}}function SR(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,21),J(2),R(),L(3,`span`,23),J(4,`environment injector`),R()()),e&2){let e=G();A(2),Y(e.injectorLabel(t))}}function CR(e,t){e&1&&(L(0,`p`,8),J(1,` The picked component or injector is gone or has no signal graph, so this shows another one. `),R())}function wR(e,t){e&1&&J(0,` The effects registered on this injector and the signals they read. A signal that no effect reads is not part of the graph. Pick a kind to filter. `)}function TR(e,t){e&1&&J(0,` The live signal graph of one component. Only signals that its template or an effect has read appear here; a signal nothing has read yet is not part of the graph. Pick a kind to filter. `)}function ER(e,t){e&1&&J(0,` Every signal, computed and effect found in your source. Pick a kind to filter. `)}function DR(e,t){e&1&&(L(0,`p`,8),J(1,` The live signal graph needs Angular 20.1 or later. This list comes from a source scan. `),R())}function OR(e,t){e&1&&(L(0,`p`,8),J(1,` The signal write hook did not load. Value history shows sampled values only, with no exact set entries. `),R())}function kR(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();A(),Z(` Showing `,e.graph().nodes.length,` of `,t,` signals. The rest and their edges are left out. `)}}function AR(e,t){if(e&1){let e=H();L(0,`button`,24),U(`click`,function(){let t=E(e).$implicit,n=G(2);return D(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,27),L(2,`span`,28),J(3),R(),L(4,`span`,25),J(5),R()()}if(e&2){let e=t.$implicit,n=G(2);q(`active`,n.kind()===e.kind),j(`aria-pressed`,n.kind()===e.kind),A(),K(`background`,n.kindColor(e.kind)),A(2),Y(e.kind),A(2),Y(e.count)}}function jR(e,t){if(e&1){let e=H();L(0,`div`,10)(1,`button`,24),U(`click`,function(){return E(e),D(G().kind.set(null))}),J(2,` All `),L(3,`span`,25),J(4),R()(),P(5,AR,6,7,`button`,26,pR),R()}if(e&2){let e=G();A(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),A(3),Y(e.kindTotal()),A(),F(e.kindChips())}}function MR(e,t){e&1&&(L(0,`div`,11),z(1,`span`,29),L(2,`p`,30),J(3,`Scanning source for signals…`),R()())}function NR(e,t){if(e&1){let e=H();L(0,`div`,31)(1,`p`,30),J(2,`Couldn't load signals`),R(),L(3,`p`,32),J(4,` The devtools server did not answer. Check that it is still running, then retry. `),R(),L(5,`button`,33),U(`click`,function(){return E(e),D(G().retry())}),J(6),R()()}if(e&2){let e=G();q(`compact`,e.sourceSignals().length>0),A(5),j(`aria-disabled`,e.retrying()||null),A(),X(` `,e.retrying()?`Retrying…`:`Retry`,` `)}}function PR(e,t){e&1&&(L(0,`div`,13)(1,`p`,30),J(2,`No signals found.`),R(),L(3,`p`,32),J(4,` No `),L(5,`code`),J(6,`signal()`),R(),J(7,`, `),L(8,`code`),J(9,`computed()`),R(),J(10,` or `),L(11,`code`),J(12,`effect()`),R(),J(13,` calls were found in your source. To see the live graph, run Angular 20.1 or later with the overlay connected and select a component. `),R()())}function FR(e,t){if(e&1&&(L(0,`span`,43),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit;A(3),X(`in <`,e.component,`>`)}}function IR(e,t){if(e&1&&(L(0,`div`,36)(1,`div`,38)(2,`span`,39),J(3),R(),L(4,`span`,40),J(5),R()(),L(6,`div`,41),z(7,`app-source-link`,42),M(8,FR,4,1),R()()),e&2){let e=t.$implicit,n=G(2);A(2),K(`background`,n.kindColor(e.kind)),A(),Y(e.kind),A(2),Y(e.name),A(2),I(`file`,e.file)(`line`,e.line),A(),N(e.component?8:-1)}}function LR(e,t){if(e&1){let e=H();L(0,`div`,37)(1,`p`,30),J(2,`No signals match.`),R(),L(3,`p`,32),J(4,`Try a different name or kind.`),R(),L(5,`button`,33),U(`click`,function(){return E(e),D(G(2).clearFilters())}),J(6,`Clear filters`),R()()}}function RR(e,t){if(e&1&&(L(0,`p`,34),J(1,`Signals from source scan (static analysis):`),R(),L(2,`div`,35),P(3,IR,9,7,`div`,36,mR,!1,LR,7,0,`div`,37),R()),e&2){let e=G();A(3),F(e.filteredSourceSignals())}}function zR(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=G().$implicit;A(),X(``,e.missed,` earlier not captured`)}}function BR(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function VR(e,t){if(e&1&&(L(0,`ol`,50),P(1,BR,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;A(),F(e.stack)}}function HR(e,t){if(e&1&&(L(0,`li`)(1,`span`,47)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,48),J(6),R(),L(7,`span`),J(8),R(),M(9,zR,2,1,`span`,49),R(),L(10,`pre`),J(11),xv(12,`json`),R(),M(13,VR,3,0,`ol`,50),R()),e&2){let e=t.$implicit,n=G(3);A(3),Y(wv(4,8,e.at,`HH:mm:ss.SSS`)),A(2),M_(`source-`+e.source),A(),Y(n.sourceLabel(e.source)),A(2),X(`epoch `,e.epoch),A(),N(e.missed?9:-1),A(2),Y(Cv(12,11,e.value)),A(2),N(e.stack?.length?13:-1)}}function UR(e,t){if(e&1&&(L(0,`h4`,44),J(1),R(),L(2,`p`,45),J(3),R(),L(4,`ol`,46),P(5,HR,14,13,`li`,null,hR),R()),e&2){let e=G(),t=e.id,n=e.label,r=G();I(`id`,`history-heading-`+t),A(),Y(n),A(2),Y(r.historySummary(t)),A(),j(`aria-labelledby`,`history-heading-`+t),A(),F(r.selectedHistory())}}function WR(e,t){e&1&&M(0,UR,7,4),e&2&&N(G().selectedHistory().length?0:-1)}function GR(e,t){if(e&1){let e=H();L(0,`button`,55),U(`click`,function(){E(e);let t=G(2);return D(t.showFramework.set(!t.showFramework()))}),J(1,` Show framework signals `),L(2,`span`,25),J(3),R()()}if(e&2){let e=G(2);j(`aria-pressed`,e.showFramework()),A(3),Z(``,t,` `,e.showFramework()?`shown`:`hidden`)}}function KR(e,t){e&1&&(L(0,`p`,57),J(1,` Write stacks are on for this page. Each set of a named signal keeps the first 3 app frames of the code that wrote it, shown in its value history. Taking a stack slows every write, so turn it off when you are done. `),R())}function qR(e,t){if(e&1){let e=H();L(0,`app-signal-graph-view`,61),U(`selected`,function(t){return E(e),D(G(3).selectFromGraph(t))}),R()}if(e&2){let e=G(3);I(`nodes`,e.graphNodes())(`links`,e.graphLinks())(`selectedId`,e.selectedId())(`watched`,e.watchedIds())(`kindColor`,e.kindColorOf)}}function JR(e,t){e&1&&(L(0,`p`,57),J(1,` Every signal in this graph was created by Angular. Show framework signals to see them. `),R())}function YR(e,t){if(e&1){let e=H();L(0,`p`,60)(1,`span`),J(2,`Selected`),R(),L(3,`span`,62),J(4),R(),L(5,`span`,43),J(6,`·`),R(),L(7,`span`),J(8),R(),L(9,`span`,43),J(10,`·`),R(),L(11,`span`),J(12),R(),L(13,`button`,63),U(`click`,function(){let t=E(e);return D(G(3).jumpTo(t))}),J(14,` Show details `),R()()}if(e&2){let e=t,n=G(3);A(4),Y(e.label??`(unnamed)`),A(4),Y(n.plural(n.getDependencies(e).length,`producer`)),A(4),Y(n.plural(n.getConsumers(e).length,`consumer`))}}function XR(e,t){if(e&1&&(L(0,`div`,58),M(1,qR,1,5,`app-signal-graph-view`,59)(2,JR,2,0,`p`,57),M(3,YR,15,3,`p`,60),R()),e&2){let e,t=G(2);A(),N(t.graphNodes().length?1:2),A(2),N((e=t.selectedNode())?3:-1,e)}}function ZR(e,t){if(e&1){let e=H();L(0,`section`,14)(1,`div`,51)(2,`h2`,52),J(3,`Graph`),R(),L(4,`div`,53),M(5,GR,4,3,`button`,54),L(6,`button`,55),U(`click`,function(){return E(e),D(G().toggleStacks())}),J(7,` Record write stacks `),R(),L(8,`button`,56),U(`click`,function(){E(e);let t=G();return D(t.showGraph.set(!t.showGraph()))}),J(9),R()()(),M(10,KR,2,0,`p`,57),M(11,XR,4,2,`div`,58),R()}if(e&2){let e,t=G();A(5),N((e=t.frameworkCount())?5:-1,e),A(),j(`aria-pressed`,t.stacksOn()),A(2),j(`aria-expanded`,t.showGraph()),A(),X(` `,t.showGraph()?`Hide graph`:`Show graph`,` `),A(),N(t.stacksOn()?10:-1),A(),N(t.showGraph()?11:-1)}}function QR(e,t){if(e&1&&(L(0,`p`,32),J(1),R()),e&2){let e=t;A(),Z(` `,e,` watched `,e===1?`signal is`:`signals are`,` not in this graph. Their changes still log to the page console. `)}}function $R(e,t){if(e&1&&(L(0,`span`,66),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;A(),Y(Cv(2,1,e.value))}}function ez(e,t){if(e&1&&(L(0,`span`,67),J(1),R()),e&2){let e=t;A(),Z(``,e,` `,e===1?`change`:`changes`)}}function tz(e,t){if(e&1){let e=H();L(0,`li`)(1,`span`,62),J(2),R(),M(3,$R,3,3,`span`,66),M(4,ez,2,2,`span`,67),L(5,`button`,63),U(`click`,function(){let t=E(e).$implicit;return D(G(2).toggleWatch(t))}),J(6,` Stop watching `),R()()}if(e&2){let e,n=t.$implicit,r=G(2);A(2),Y(n.label??`(unnamed)`),A(),N(n.value===void 0?-1:3),A(),N((e=r.changeCount(n.id))?4:-1,e),A(),j(`aria-label`,`Stop watching `+(n.label??`the unnamed signal`))}}function nz(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function rz(e,t){if(e&1&&(L(0,`ol`,50),P(1,nz,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;A(),F(e.change.stack)}}function iz(e,t){if(e&1&&(L(0,`li`)(1,`span`,47)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,62),J(6),R(),L(7,`span`,48),J(8),R()(),L(9,`pre`),J(10),xv(11,`json`),R(),M(12,rz,3,0,`ol`,50),R()),e&2){let e=t.$implicit,n=G(3);A(3),Y(wv(4,7,e.change.at,`HH:mm:ss.SSS`)),A(3),Y(e.label),A(),M_(`source-`+e.change.source),A(),Y(n.sourceLabel(e.change.source)),A(2),Y(Cv(11,10,e.change.value)),A(2),N(e.change.stack?.length?12:-1)}}function az(e,t){if(e&1&&(L(0,`h3`,68),J(1,`Recent changes`),R(),L(2,`div`,69)(3,`ol`,70),P(4,iz,13,12,`li`,null,_R),R()()),e&2){let e=G(2);A(4),F(e.watchLog())}}function oz(e,t){if(e&1&&(L(0,`section`,15)(1,`h2`,64),J(2,`Watched`),R(),M(3,QR,2,2,`p`,32),L(4,`ul`,65),P(5,tz,7,4,`li`,null,gR),R(),M(7,az,6,0),R()),e&2){let e,t=G();A(3),N((e=t.watchedElsewhere())?3:-1,e),A(2),F(t.watchedNodes()),A(2),N(t.watchLog().length?7:-1)}}function sz(e,t){if(e&1&&(L(0,`span`,78),J(1),R()),e&2){let e=G().$implicit;M_(`tone-`+G(2).statusTone(e.status)),A(),Y(e.status)}}function cz(e,t){if(e&1&&(L(0,`span`,67),J(1),R()),e&2){let e=t;A(),Z(``,e,` `,e===1?`change`:`changes`)}}function lz(e,t){if(e&1&&(L(0,`span`,76),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;A(),Y(Cv(2,1,e.error))}}function uz(e,t){if(e&1&&(L(0,`span`,76),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;A(),Y(Cv(2,1,e.value))}}function dz(e,t){e&1&&(L(0,`p`,32),J(1,` This resource has no name. Pass `),L(2,`code`),J(3,`debugName`),R(),J(4,` to `),L(5,`code`),J(6,`resource()`),R(),J(7,` or `),L(8,`code`),J(9,`httpResource()`),R(),J(10,` to name it here. `),R())}function fz(e,t){if(e&1&&(L(0,`dt`),J(1,`Loading`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(2).$implicit;A(3),Y(e.isLoading?`yes`:`no`)}}function pz(e,t){if(e&1&&(L(0,`dt`),J(1,`HTTP status`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(2).$implicit;A(3),Y(e.statusCode)}}function mz(e,t){if(e&1&&(L(0,`dt`),J(1,`Params`),R(),L(2,`dd`)(3,`pre`,82),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;A(3),j(`aria-label`,`Params of `+e.name),A(),Y(Cv(5,2,e.params))}}function hz(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,82),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;A(3),j(`aria-label`,`Value of `+e.name),A(),Y(Cv(5,2,e.value))}}function gz(e,t){if(e&1&&(L(0,`dt`),J(1,`Error`),R(),L(2,`dd`)(3,`pre`,82),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;A(3),j(`aria-label`,`Error of `+e.name),A(),Y(Cv(5,2,e.error))}}function _z(e,t){if(e&1&&(L(0,`li`)(1,`span`,83),J(2),R(),L(3,`span`,62),J(4),R()()),e&2){let e=t.$implicit,n=G(5);A(),K(`background`,n.kindColor(e.kind)),A(),Y(e.kind),A(2),Y(e.label??e.id)}}function vz(e,t){if(e&1&&(L(0,`ul`,44),P(1,_z,5,4,`li`,null,gR),R()),e&2){let e=G(2).$implicit,t=G(2);I(`id`,`resource-internals-`+e.id),A(),F(t.internalsOf(e))}}function yz(e,t){if(e&1){let e=H();L(0,`div`,77)(1,`h3`,79),J(2),R(),M(3,dz,11,0,`p`,32),L(4,`dl`)(5,`dt`),J(6,`Status`),R(),L(7,`dd`),J(8),R(),M(9,fz,4,1),M(10,pz,4,1),M(11,mz,6,4),M(12,hz,6,4),M(13,gz,6,4),R(),Gg(14,80),L(15,`button`,81),U(`click`,function(){E(e);let t=G(3);return D(t.showInternals.set(!t.showInternals()))}),J(16),R(),M(17,vz,3,1,`ul`,44),R()}if(e&2){let e=G().$implicit,t=G(2),n=d_(23);I(`id`,`signal-detail-`+e.id),A(2),Y(e.name),A(),N(e.named?-1:3),A(5),Y(e.status??`unknown`),A(),N(e.isLoading===void 0?-1:9),A(),N(e.statusCode===void 0?-1:10),A(),N(e.params===void 0?-1:11),A(),N(e.value===void 0?-1:12),A(),N(e.error===void 0?-1:13),A(),I(`ngTemplateOutlet`,n)(`ngTemplateOutletContext`,hv(16,dR,e.id)),A(),j(`aria-expanded`,t.showInternals())(`aria-controls`,`resource-internals-`+e.id),A(),Z(` `,t.showInternals()?`Hide`:`Show`,` internal signals (`,e.nodeIds.length,`) `),A(),N(t.showInternals()?17:-1)}}function bz(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,73),U(`click`,function(){let t=E(e).$implicit;return D(G(2).select(t.id))}),L(2,`span`,38)(3,`span`,39),J(4,`resource`),R(),L(5,`span`,40),J(6),R(),M(7,sz,2,3,`span`,74),M(8,cz,2,2,`span`,67),z(9,`span`,75),R(),M(10,lz,3,3,`span`,76)(11,uz,3,3,`span`,76),R(),M(12,yz,18,18,`div`,77),R()}if(e&2){let e,n=t.$implicit,r=G(2);A(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),A(2),K(`background`,r.kindColor(`resource`)),A(3),Y(n.name),A(),N(n.status?7:-1),A(),N((e=n.changes)?8:-1,e),A(2),N(n.error===void 0?n.value===void 0?-1:11:10),A(2),N(r.selectedId()===n.id?12:-1)}}function xz(e,t){if(e&1&&(L(0,`h2`,71),J(1,`Resources`),R(),L(2,`ul`,72),P(3,bz,13,12,`li`,null,gR),R()),e&2){let e=G();A(3),F(e.filteredResources())}}function Sz(e,t){e&1&&(L(0,`span`,86),J(1,`watching`),R())}function Cz(e,t){e&1&&(L(0,`span`,87),J(1,`framework`),R())}function wz(e,t){if(e&1&&(L(0,`span`,67),J(1),R()),e&2){let e=t;A(),Z(``,e,` `,e===1?`change`:`changes`)}}function Tz(e,t){if(e&1&&(L(0,`span`,76),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;A(),Y(Cv(2,1,e.value))}}function Ez(e,t){if(e&1&&(L(0,`span`,43),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);A(3),X(`Deps: `,t.getDependencies(e).length)}}function Dz(e,t){if(e&1&&(L(0,`span`,43),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);A(3),X(`Consumers: `,t.getConsumers(e).length)}}function Oz(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,82),J(4),xv(5,`json`),R()()),e&2){let e=G(4);A(3),j(`aria-label`,`Value of `+(e.selectedNode().label??`signal`)),A(),Y(Cv(5,2,e.selectedNode().value))}}function kz(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,88),U(`click`,function(){let t=E(e).$implicit;return D(G(5).jumpTo(t))}),L(2,`span`,83),J(3),R(),L(4,`span`,62),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);A(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),A(),K(`background`,n.kindColor(e.kind)),A(),Y(e.kind),A(2),Y(e.label??e.id)}}function Az(e,t){if(e&1&&(L(0,`h4`),J(1,`Dependencies (producers)`),R(),L(2,`ul`),P(3,kz,6,5,`li`,null,gR),R()),e&2){let e=G(4);A(3),F(e.getDependencies(e.selectedNode()))}}function jz(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,88),U(`click`,function(){let t=E(e).$implicit;return D(G(5).jumpTo(t))}),L(2,`span`,83),J(3),R(),L(4,`span`,62),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);A(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),A(),K(`background`,n.kindColor(e.kind)),A(),Y(e.kind),A(2),Y(e.label??e.id)}}function Mz(e,t){if(e&1&&(L(0,`h4`),J(1,`Consumers`),R(),L(2,`ul`),P(3,jz,6,5,`li`,null,gR),R()),e&2){let e=G(4);A(3),F(e.getConsumers(e.selectedNode()))}}function Nz(e,t){if(e&1){let e=H();L(0,`button`,89),U(`click`,function(){E(e);let t=G(4);return D(t.toggleWatch(t.selectedNode()))}),J(1,` Watch `),R(),L(2,`p`,32),J(3,` A watched signal is listed under Watched and logs each change to the page console. `),R()}if(e&2){let e=G(4);j(`aria-pressed`,e.watchedIds().has(e.selectedNode().id))}}function Pz(e,t){e&1&&(L(0,`p`,32),J(1),R()),e&2&&(A(),Y(t))}function Fz(e,t){if(e&1&&(L(0,`div`,77)(1,`h3`,79),J(2),R(),L(3,`dl`)(4,`dt`),J(5,`Kind`),R(),L(6,`dd`),J(7),R(),L(8,`dt`),J(9,`Epoch`),R(),L(10,`dd`),J(11),R(),M(12,Oz,6,4),R(),M(13,Az,5,0),M(14,Mz,5,0),M(15,Nz,4,1),M(16,Pz,2,1,`p`,32),Gg(17,80),R()),e&2){let e,t=G().$implicit,n=G(2),r=d_(23);I(`id`,`signal-detail-`+t.id),A(2),Y(n.selectedNode().label??n.selectedNode().id),A(5),Y(n.selectedNode().kind),A(4),Y(n.selectedNode().epoch),A(),N(n.selectedNode().value===void 0?-1:12),A(),N(n.getDependencies(n.selectedNode()).length?13:-1),A(),N(n.getConsumers(n.selectedNode()).length?14:-1),A(),N(n.isWatchable(n.selectedNode())?15:-1),A(),N((e=n.writeHint())?16:-1,e),A(),I(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,hv(11,fR,t.id))}}function Iz(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,73),U(`click`,function(){let t=E(e).$implicit;return D(G(2).select(t.id))}),L(2,`span`,38)(3,`span`,39),J(4),R(),L(5,`span`,40),J(6),R(),M(7,Sz,2,0,`span`,86),M(8,Cz,2,0,`span`,87),M(9,wz,2,2,`span`,67),z(10,`span`,75),R(),M(11,Tz,3,3,`span`,76),L(12,`span`,41)(13,`span`),J(14),R(),M(15,Ez,4,1),M(16,Dz,4,1),R()(),M(17,Fz,18,13,`div`,77),R()}if(e&2){let e,n=t.$implicit,r=G(2);A(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),A(2),K(`background`,r.kindColor(n.kind)),A(),Y(n.kind),A(2),Y(n.label??`(unnamed)`),A(),N(r.watchedIds().has(n.id)?7:-1),A(),N(n.framework?8:-1),A(),N((e=r.changeCount(n.id))?9:-1,e),A(2),N(n.value===void 0?-1:11),A(3),X(`Epoch: `,n.epoch),A(),N(r.getDependencies(n).length?15:-1),A(),N(r.getConsumers(n).length?16:-1),A(),N(r.selectedId()===n.id&&r.selectedNode()?17:-1)}}function Lz(e,t){if(e&1){let e=H();L(0,`button`,33),U(`click`,function(){return E(e),D(G(3).clearFilters())}),J(1,`Clear filters`),R()}}function Rz(e,t){if(e&1&&(L(0,`li`,85)(1,`p`,30),J(2),R(),L(3,`p`,32),J(4),R(),M(5,Lz,2,0,`button`,90),R()),e&2){let e=G(2);A(2),X(` `,e.hasAnySignals()?`No signals match.`:`No signals in this graph.`,` `),A(2),X(` `,e.hasAnySignals()?`Try a different name or kind.`:`Select a component that reads signals, or interact with the page to create some.`,` `),A(),N(e.hasAnySignals()?5:-1)}}function zz(e,t){if(e&1&&(L(0,`h2`,71),J(1,`Signals`),R(),L(2,`ul`,84),P(3,Iz,18,17,`li`,null,gR,!1,Rz,6,3,`li`,85),R()),e&2){let e=G();A(3),F(e.filteredNodes())}}var Bz=`follow`;function Vz(e){return Object.keys(e.pages).length?e.pages:e.graph?{[e.graph.pageId??``]:e.graph}:{}}var Hz=`env:`,Uz=50,Wz=new Set([`signal`,`computed`,`linkedSignal`]),Gz=20,Kz={selected:`picked`,routed:`rendered by the router`,root:`first component with signals`},qz={write:`set`,sample:`sampled`,initial:`initial`},Jz={resolved:`ok`,local:`ok`,loading:`warn`,reloading:`warn`,error:`danger`},Yz={signal:`#facc15`,computed:`#60a5fa`,linkedSignal:`#34d399`,effect:`#fb923c`,template:`#94a3b8`,afterRenderEffectPhase:`#f472b6`,childSignalProp:`#fef08a`,"input (signal)":`#f59e0b`,"input.required (signal)":`#f59e0b`,"output (signal)":`#ec4899`,"model (signal)":`#14b8a6`,"model.required (signal)":`#14b8a6`,"viewChild (signal)":`#a3e635`,"viewChild.required (signal)":`#a3e635`,"viewChildren (signal)":`#a3e635`,"contentChild (signal)":`#fda4af`,"contentChild.required (signal)":`#fda4af`,"contentChildren (signal)":`#fda4af`,resource:`#06b6d4`,unknown:`#a1a1aa`},Xz=class e{rpc=$(null);destroyRef=w(Es);host=w(Fl);filterInput=Jv(`filterInput`);injector=w(ws);pageId=hE();cleanups=[];graphLoad=0;treePages=k({});graphState=k({graph:null,pages:{}});chosenPageId=k(null);announcement=k(``);graphPages=Q(()=>Vz(this.graphState()));shownPageId=Fv({source:()=>({pages:this.graphPages(),newest:this.graphState().graph?.pageId??null,chosen:this.chosenPageId()}),computation:({pages:e,newest:t,chosen:n},r)=>{let i={};for(let n of Object.keys(e))i[n]={pageId:n,reportedAt:+(n===t)};return gE(i,{chosen:n,host:this.pageId,previous:r?.value??null})}});reported=Q(()=>{let e=this.shownPageId();return e===null?null:this.graphPages()[e]??null});unsupported=Q(()=>!!this.reported()?.unsupported);graph=Q(()=>{let e=this.reported();return e?.unsupported?null:e});graphOwner=Q(()=>{let e=this.graph();return e?`${e.pageId??``}|${e.component?.id??e.injector?.id??``}`:null});pickedByPage=k({});picked=Q(()=>this.pickedByPage()[this.targetPageId()??``]??null);pageOptions=Q(()=>{if(this.pageId)return[];let e=this.treePages();return Object.keys(this.graphPages()).map(t=>{let n=e[t];return{value:t,label:n?.title||n?.url||`Page ${t}`,hint:n?.url}})});showInternals=k(!1);sourceSignals=k([]);sourceLoaded=k(!1);sourceFailed=k(!1);graphFailed=k(!1);loadFailed=Q(()=>this.sourceFailed()||this.graphFailed());retrying=k(!1);filter=k(``);resources=Q(()=>this.graph()?.resources??[]);internalIds=Q(()=>new Set(this.resources().flatMap(e=>e.nodeIds)));showFramework=k(!1);frameworkCount=Q(()=>{let e=this.internalIds();return(this.graph()?.nodes??[]).filter(t=>t.framework&&!e.has(t.id)).length});visibleNodes=Q(()=>{let e=this.internalIds(),t=this.showFramework();return(this.graph()?.nodes??[]).filter(n=>!e.has(n.id)&&(t||!n.framework))});showGraph=k(!0);graphLinks=Q(()=>{let e=this.graph();if(!e)return[];let t=new Set(this.visibleNodes().map(e=>e.id)),n=[];for(let r of e.edges){let i=e.nodes[r.producer]?.id,a=e.nodes[r.consumer]?.id;i&&a&&t.has(i)&&t.has(a)&&n.push({producer:i,consumer:a})}return n});graphNodes=Q(()=>[...this.visibleNodes()].sort((e,t)=>e.id.localeCompare(t.id,void 0,{numeric:!0})));kindColorOf=e=>this.kindColor(e);watchedIds=Q(()=>new Set(this.graph()?.watch?.ids??[]));stacksOn=Q(()=>!!this.graph()?.watch?.stacks);watchedNodes=Q(()=>{let e=this.watchedIds();return(this.graph()?.nodes??[]).filter(t=>e.has(t.id))});watchedElsewhere=Q(()=>this.watchedIds().size-this.watchedNodes().length);watchLog=Q(()=>{let e=this.graph()?.history??{};return this.watchedNodes().flatMap(t=>(e[t.id]??[]).filter(e=>e.source!==`initial`).map(e=>({id:t.id,label:t.label??t.id,change:e}))).sort((e,t)=>t.change.at-e.change.at).slice(0,Gz)});hasAnySignals=Q(()=>this.visibleNodes().length+this.resources().length>0);kindCounts=Q(()=>{let e=this.graph()?[...this.visibleNodes().map(e=>e.kind),...this.resources().map(()=>`resource`)]:this.sourceSignals().map(e=>e.kind),t=new Map;for(let n of e)t.set(n,(t.get(n)??0)+1);return[...t].map(([e,t])=>({kind:e,count:t}))});kind=Fv({source:this.graphOwner,computation:(e,t)=>{let n=t?.value??null;return n&&Nv(this.kindCounts).some(e=>e.kind===n)?n:null}});kindChips=Q(()=>{let e=this.kindCounts(),t=this.kind();return t&&!e.some(e=>e.kind===t)?[...e,{kind:t,count:0}]:e});kindTotal=Q(()=>this.kindCounts().reduce((e,t)=>e+t.count,0));selectedId=Fv({source:this.graphOwner,computation:()=>null});selectedNode=Q(()=>this.graph()?.nodes.find(e=>e.id===this.selectedId())??null);jumpedPast=k(null);jumpNote=Q(()=>{let e=this.jumpedPast();return!e||this.filter()||this.kind()||this.selectedId()!==e.id?``:`Cleared the filters to show ${e.label}.`});selectedHistory=Q(()=>{let e=this.selectedId();return e?[...this.graph()?.history?.[e]??[]].reverse():[]});writeHint=Q(()=>{let e=this.selectedNode(),t=this.graph();if(!e||!t||t.writeHook===!1||e.kind!==`signal`&&e.kind!==`linkedSignal`)return``;if(!e.label)return`This signal has no name, so its history holds sampled values only. Pass a debugName in its options, for example signal(0, { debugName: 'count' }).`;let n=t.history?.[e.id]??[];return n.some(e=>e.source===`write`)||!n.some(e=>e.source===`sample`)?``:`Every change here was sampled. Writes are matched by name, kind, version and value, so another live signal with the same name and value can hide them.`});kindLegend=Object.entries(Yz).map(([e,t])=>({kind:e,color:t}));filteredResources=Q(()=>{let e=this.filter().toLowerCase(),t=this.kind();return t&&t!==`resource`?[]:this.resources().filter(t=>!e||t.name.toLowerCase().includes(e)||e.length>=3&&`resource`.startsWith(e))});filteredNodes=Q(()=>{let e=this.filter().toLowerCase(),t=this.kind();return this.visibleNodes().filter(n=>(!t||n.kind===t)&&(!e||(n.label??``).toLowerCase().includes(e)||n.kind.toLowerCase().includes(e))).sort((e,t)=>e.id.localeCompare(t.id,void 0,{numeric:!0}))});filteredSourceSignals=Q(()=>{let e=this.filter().toLowerCase(),t=this.kind();return this.sourceSignals().filter(n=>(!t||n.kind===t)&&(!e||n.name.toLowerCase().includes(e)||n.kind.toLowerCase().includes(e)||n.file.toLowerCase().includes(e)))});targetPageId=Q(()=>this.pageId??(this.shownPageId()||null)??this.graph()?.pageId??this.latestTreePage()?.pageId??null);latestTreePage=Q(()=>{let e=null;for(let[t,n]of Object.entries(this.treePages())){let r=n.reportedAt??0;(!e||r>e.reportedAt)&&(e={pageId:t,reportedAt:r})}return e});componentOptions=Q(()=>{let e=this.targetPageId(),t=(e?this.treePages()[e]?.roots:void 0)??[],n=[],r=e=>{for(let t of e)t.kind!==`directive`&&n.push(t),r(t.children)};r(t);let i=this.graph()?.environments??[];if(!n.length&&!i.length)return[];let a=new Map;for(let e of n)a.set(e.name,(a.get(e.name)??0)+1);let o=new Map,s=[{value:Bz,label:`Follow the routed component`,hint:`automatic`},...i.map(e=>({value:Hz+e.id,label:this.injectorLabel(e),hint:`injector`}))];for(let e of n){let t=(o.get(e.name)??0)+1;o.set(e.name,t),s.push({value:e.id,label:(a.get(e.name)??0)>1?`${e.name} #${t}`:e.name,hint:`<${e.tag}>`})}return s});pickerValue=Q(()=>{let e=this.picked();return e&&this.componentOptions().some(t=>t.value===e)?e:Bz});constructor(){pc(()=>{let e=this.rpc();e&&(this.loadSignalGraph(e),this.loadSourceSignals(e))}),this.destroyRef.onDestroy(()=>{for(let e of this.cleanups.splice(0))e()})}async loadSignalGraph(e){for(let e of this.cleanups.splice(0))e();let t=++this.graphLoad,n=()=>this.destroyRef.destroyed||t!==this.graphLoad,r=e.scope(`pangular`);try{let e=await r.rpc.sharedState(`signal-graph`);if(n())return;this.graphFailed.set(!1);let t=e=>{let t=e,n=t?.pages&&typeof t.pages==`object`?t.pages:{},r={graph:t?.graph??null,pages:n};this.notePageGone(Vz(r)),this.graphState.set(r)};t(e.value()),this.cleanups.push(e.on(`updated`,t))}catch{if(n())return;this.graphState.set({graph:null,pages:{}}),this.graphFailed.set(!0)}try{let e=await r.rpc.sharedState(`component-tree`);if(n())return;let t=e=>{let t=e?.pages;this.treePages.set(t&&typeof t==`object`?t:{})};t(e.value()),this.cleanups.push(e.on(`updated`,t))}catch{n()||this.treePages.set({})}}notePageGone(e){let t=Object.keys(this.graphPages()).filter(t=>!e[t]);t.length&&this.pickedByPage.update(e=>{let n={...e};for(let e of t)delete n[e];return n});let n=this.chosenPageId();if(!n||e[n])return;let r=this.pageOptions().find(e=>e.value===n)?.label??`The chosen page`;this.chosenPageId.set(null),this.announcement.set(`${r} closed, so this shows another page.`)}selectPage(e){if(!e||e===this.shownPageId())return;this.chosenPageId.set(e);let t=this.pageOptions().find(t=>t.value===e)?.label??e;this.announcement.set(`Showing the signal graph of ${t}.`)}pickComponent(e){let t=e&&e!==Bz?e:null,n=this.targetPageId()??void 0;this.pickedByPage.update(e=>{let r={...e};return t?r[n??``]=t:delete r[n??``],r});let r=this.rpc();if(!r)return;let i=t?.startsWith(Hz)?{pageId:n,env:t.slice(4)}:{pageId:n,id:t};r.scope(`pangular`).rpc.call(`select-signal-target`,i).catch(()=>{})}injectorLabel(e){return e.name===`Root`?`Root services`:e.name}sourceNote(e){return Kz[e]}async loadSourceSignals(e){let t=e.scope(`pangular`);try{let e=await t.rpc.call(`get-signals`);this.sourceSignals.set(e),this.sourceFailed.set(!1)}catch{this.sourceFailed.set(!0)}finally{this.sourceLoaded.set(!0)}}async retry(){let e=this.rpc();if(!e||this.retrying())return;let t=document.activeElement;this.retrying.set(!0);try{await Promise.all([this.loadSignalGraph(e),this.loadSourceSignals(e)])}finally{this.retrying.set(!1)}this.destroyRef.destroyed||Vd(()=>{(!t?.isConnected||document.activeElement===document.body)&&this.filterInput()?.nativeElement.focus()},{injector:this.injector})}clearFilters(){this.resetFilters(),this.filterInput()?.nativeElement.focus()}resetFilters(){this.filter.set(``),this.kind.set(null)}select(e){this.selectedId.set(this.selectedId()===e?null:e),this.showInternals.set(!1)}selectFromGraph(e){this.selectedId.set(e),this.showInternals.set(!1)}plural(e,t){return`${e} ${t}${e===1?``:`s`}`}isWatchable(e){return Wz.has(e.kind)}toggleWatch(e){let t=!this.watchedIds().has(e.id),n=e.label??`the unnamed signal`;this.sendWatch({id:e.id,watch:t}),this.announcement.set(t?`Watching ${n}. Its changes also log to the page console.`:`Stopped watching ${n}.`)}toggleStacks(){let e=!this.stacksOn();this.sendWatch({stacks:e}),this.announcement.set(e?`Recording write stacks.`:`Stopped recording write stacks.`)}sendWatch(e){let t=this.rpc(),n=this.graph()?.pageId??this.targetPageId()??void 0;t&&t.scope(`pangular`).rpc.call(`set-signal-watch`,{...e,pageId:n}).catch(()=>{})}jumpTo(e){let t=this.resources().find(t=>t.nodeIds.includes(e.id)),n=t?.id??e.id,r=t?!this.filteredResources().some(e=>e.id===n):!this.filteredNodes().some(e=>e.id===n);r&&this.resetFilters(),this.jumpedPast.set(r?{id:n,label:t?.name??e.label??e.id}:null),this.selectedId.set(n),this.showInternals.set(!!t),Vd(()=>{let e=[...this.host.nativeElement.querySelectorAll(`.node-card[data-card]`)].find(e=>e.dataset.card===n);e?.scrollIntoView?.({block:`nearest`}),e?.focus({preventScroll:!0})},{injector:this.injector})}changeCount(e){let t=this.graph(),n=t?.nodes.find(t=>t.id===e)?.changes??t?.resources?.find(t=>t.id===e)?.changes;return n===void 0?(t?.history?.[e]??[]).reduce((e,t)=>e+(t.source===`initial`?0:1+(t.missed??0)),0):n}historySummary(e){let t=this.changeCount(e),n=this.graph()?.history?.[e]?.length??0;return t?`${`${t} ${t===1?`change`:`changes`} recorded`}${n>=Uz&&t>=n?`, showing the last ${n}`:``}, newest first.`:`No changes recorded yet. The entry below is the value seen first.`}statusTone(e){return Jz[e]??`neutral`}internalsOf(e){let t=new Set(e.nodeIds);return(this.graph()?.nodes??[]).filter(e=>t.has(e.id))}sourceLabel(e){return qz[e]}kindColor(e){return Yz[e]??Yz.unknown}relations=Q(()=>{let e=new Map,t=this.graph();if(!t)return e;for(let n of t.nodes)e.set(n.id,{deps:[],consumers:[]});for(let n of t.edges){let r=t.nodes[n.producer],i=t.nodes[n.consumer];r&&i&&(e.get(i.id)?.deps.push(r),e.get(r.id)?.consumers.push(i))}return e});getDependencies(e){return this.relations().get(e.id)?.deps??[]}getConsumers(e){return this.relations().get(e.id)?.consumers??[]}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-signal-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,uR,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},decls:30,vars:19,consts:[[`filterInput`,``],[`historyTpl`,``],[1,`toolbar`],[`type`,`search`,`placeholder`,`Filter by name or kind…`,`aria-label`,`Filter signals by name or kind`,3,`input`,`keydown.escape`,`value`],[1,`picker`,`page-picker`],[1,`picker`],[`role`,`status`,1,`sr-only`],[1,`showing`],[`role`,`status`,1,`fallback`],[1,`intro`],[`role`,`group`,`aria-label`,`Filter by kind`,1,`kinds`],[`role`,`status`,1,`empty`],[`role`,`alert`,1,`empty`,3,`compact`],[1,`empty`],[`aria-labelledby`,`signal-graph-heading`,1,`graph-section`],[`aria-labelledby`,`signal-watched-heading`,1,`watched`],[`role`,`status`,1,`jump-note`],[`id`,`signals-page-label`,1,`label-key`],[`labelledBy`,`signals-page-label`,3,`valueChange`,`options`,`value`],[`id`,`signals-component-label`,1,`label-key`],[`labelledBy`,`signals-component-label`,3,`valueChange`,`options`,`value`],[1,`showing-name`],[1,`mono`],[1,`source-note`],[`type`,`button`,1,`kind-chip`,3,`click`],[1,`count`],[`type`,`button`,1,`kind-chip`,3,`active`],[`aria-hidden`,`true`,1,`dot`],[1,`chip-text`],[`aria-hidden`,`true`,1,`spinner`],[1,`empty-title`],[`role`,`alert`,1,`empty`],[1,`hint`],[`type`,`button`,1,`reset`,3,`click`],[1,`source-label`],[1,`nodes`],[1,`node-card`],[`role`,`status`,1,`empty`,`compact`],[1,`node-header`],[1,`kind-badge`],[1,`node-label`],[1,`node-meta`],[1,`file`,3,`file`,`line`],[`aria-hidden`,`true`,1,`sep`],[3,`id`],[1,`history-summary`],[`tabindex`,`0`,1,`history`,`scroll-box`],[1,`history-meta`],[1,`source-tag`],[1,`missed`],[`aria-label`,`Written from`,1,`stack`],[1,`section-head`],[`id`,`signal-graph-heading`,1,`list-heading`],[1,`section-actions`],[`type`,`button`,1,`toggle`],[`type`,`button`,1,`toggle`,3,`click`],[`type`,`button`,`aria-controls`,`signal-graph-body`,1,`toggle`,3,`click`],[1,`hint`,`graph-hint`],[`id`,`signal-graph-body`],[3,`nodes`,`links`,`selectedId`,`watched`,`kindColor`],[1,`graph-selection`],[3,`selected`,`nodes`,`links`,`selectedId`,`watched`,`kindColor`],[1,`rel-label`],[`type`,`button`,1,`link-button`,3,`click`],[`id`,`signal-watched-heading`,1,`list-heading`],[1,`watched-list`],[1,`watched-value`],[1,`changed-badge`],[`id`,`signal-watch-log-heading`,1,`sub-heading`],[`role`,`log`,`tabindex`,`0`,`aria-labelledby`,`signal-watch-log-heading`,1,`watch-log`,`scroll-box`],[1,`history`],[1,`list-heading`],[`role`,`list`,1,`nodes`,`resources`],[`type`,`button`,1,`node-card`,3,`click`],[1,`status-tag`,3,`class`],[`aria-hidden`,`true`,1,`chevron`],[1,`node-value`],[1,`detail-panel`,3,`id`],[1,`status-tag`],[1,`detail-title`],[3,`ngTemplateOutlet`,`ngTemplateOutletContext`],[`type`,`button`,1,`reset`,`internals-toggle`,3,`click`],[`role`,`region`,`tabindex`,`0`,1,`scroll-box`],[1,`kind-badge`,`sm`],[`role`,`list`,`appRovingList`,`button.node-card`,1,`nodes`],[1,`empty`,`compact`],[1,`watching-badge`],[1,`framework-badge`],[`type`,`button`,1,`rel-link`,3,`click`],[`type`,`button`,1,`reset`,`watch-toggle`,3,`click`],[`type`,`button`,1,`reset`]],template:function(e,t){if(e&1&&(L(0,`div`,2)(1,`input`,3,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),M(3,vR,4,2,`div`,4),M(4,yR,4,2,`div`,5),R(),L(5,`p`,6),J(6),R(),M(7,xR,6,3,`p`,7)(8,SR,5,1,`p`,7),M(9,CR,2,0,`p`,8),L(10,`p`,9),M(11,wR,1,0)(12,TR,1,0)(13,ER,1,0),R(),M(14,DR,2,0,`p`,8),M(15,OR,2,0,`p`,8),M(16,kR,2,2,`p`,8),M(17,jR,7,4,`div`,10),M(18,MR,4,0,`div`,11),M(19,NR,7,4,`div`,12)(20,PR,14,0,`div`,13),M(21,RR,6,1),sg(22,WR,1,1,`ng-template`,null,1,Ev),M(24,ZR,12,6,`section`,14),M(25,oz,8,2,`section`,15),L(26,`p`,16),J(27),R(),M(28,xz,5,0),M(29,zz,6,1)),e&2){let e,n;A(),I(`value`,t.filter()),A(2),N(t.pageOptions().length>1?3:-1),A(),N(t.componentOptions().length?4:-1),A(2),Y(t.announcement()),A(),N((e=t.graph()?.component)?7:(e=t.graph()?.injector)?8:-1,e),A(2),N(t.graph()&&t.picked()&&t.graph().source!==`selected`?9:-1),A(2),N(t.graph()?.injector?11:t.graph()?12:13),A(3),N(t.unsupported()?14:-1),A(),N(t.graph()?.writeHook===!1?15:-1),A(),N((n=t.graph()?.nodeCount)?16:-1,n),A(),N(t.kindChips().length?17:-1),A(),N(!t.graph()&&!t.sourceLoaded()?18:-1),A(),N(!t.graph()&&t.sourceLoaded()&&t.loadFailed()?19:!t.graph()&&t.sourceLoaded()&&t.sourceSignals().length===0?20:-1),A(2),N(!t.graph()&&t.sourceSignals().length>0?21:-1),A(3),N(t.graph()&&(t.visibleNodes().length||t.frameworkCount())?24:-1),A(),N(t.watchedNodes().length||t.watchedElsewhere()?25:-1),A(2),Y(t.jumpNote()),A(),N(t.graph()&&t.filteredResources().length?28:-1),A(),N(t.graph()&&(t.visibleNodes().length||!t.filteredResources().length)?29:-1)}},dependencies:[lb,GL,XD,lR,XA,mb,hb],styles:[`[_nghost-%COMP%] {
+}`]})},ER=[`filterInput`],DR=e=>({id:e,label:`Status history`}),OR=e=>({id:e,label:`Value history`}),kR=(e,t)=>t.kind,AR=(e,t)=>t.name+t.file+t.line,jR=(e,t)=>t.epoch,MR=(e,t)=>t.id,NR=(e,t)=>t.id+`:`+t.change.epoch;function PR(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`span`,17),J(2,`Page`),R(),L(3,`app-select`,18),U(`valueChange`,function(t){return E(e),D(G().selectPage(t))}),R()()}if(e&2){let e=G();A(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function FR(e,t){if(e&1){let e=H();L(0,`div`,5)(1,`span`,19),J(2,`Graph of`),R(),L(3,`app-select`,20),U(`valueChange`,function(t){return E(e),D(G().pickComponent(t))}),R()()}if(e&2){let e=G();A(3),I(`options`,e.componentOptions())(`value`,e.pickerValue())}}function IR(e,t){if(e&1&&(L(0,`span`,23),J(1),R()),e&2){let e=G(2);A(),Y(e.sourceNote(e.graph().source))}}function LR(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,21),J(2),R(),L(3,`span`,22),J(4),R(),M(5,IR,2,1,`span`,23),R()),e&2){let e=t,n=G();A(2),Y(e.name),A(2),Y(e.path),A(),N(n.graph().source?5:-1)}}function RR(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,21),J(2),R(),L(3,`span`,23),J(4,`environment injector`),R()()),e&2){let e=G();A(2),Y(e.injectorLabel(t))}}function zR(e,t){e&1&&(L(0,`p`,8),J(1,` The picked component or injector is gone or has no signal graph, so this shows another one. `),R())}function BR(e,t){e&1&&J(0,` The effects registered on this injector and the signals they read. A signal that no effect reads is not part of the graph. Pick a kind to filter. `)}function VR(e,t){e&1&&J(0,` The live signal graph of one component. Only signals that its template or an effect has read appear here; a signal nothing has read yet is not part of the graph. Pick a kind to filter. `)}function HR(e,t){e&1&&J(0,` Every signal, computed and effect found in your source. Pick a kind to filter. `)}function UR(e,t){e&1&&(L(0,`p`,8),J(1,` The live signal graph needs Angular 20.1 or later. This list comes from a source scan. `),R())}function WR(e,t){e&1&&(L(0,`p`,8),J(1,` The signal write hook did not load. Value history shows sampled values only, with no exact set entries. `),R())}function GR(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();A(),Z(` Showing `,e.graph().nodes.length,` of `,t,` signals. The rest and their edges are left out. `)}}function KR(e,t){if(e&1){let e=H();L(0,`button`,24),U(`click`,function(){let t=E(e).$implicit,n=G(2);return D(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,27),L(2,`span`,28),J(3),R(),L(4,`span`,25),J(5),R()()}if(e&2){let e=t.$implicit,n=G(2);q(`active`,n.kind()===e.kind),j(`aria-pressed`,n.kind()===e.kind),A(),K(`background`,n.kindColor(e.kind)),A(2),Y(e.kind),A(2),Y(e.count)}}function qR(e,t){if(e&1){let e=H();L(0,`div`,10)(1,`button`,24),U(`click`,function(){return E(e),D(G().kind.set(null))}),J(2,` All `),L(3,`span`,25),J(4),R()(),P(5,KR,6,7,`button`,26,kR),R()}if(e&2){let e=G();A(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),A(3),Y(e.kindTotal()),A(),F(e.kindChips())}}function JR(e,t){e&1&&(L(0,`div`,11),z(1,`span`,29),L(2,`p`,30),J(3,`Scanning source for signals…`),R()())}function YR(e,t){if(e&1){let e=H();L(0,`div`,31)(1,`p`,30),J(2,`Couldn't load signals`),R(),L(3,`p`,32),J(4,` The devtools server did not answer. Check that it is still running, then retry. `),R(),L(5,`button`,33),U(`click`,function(){return E(e),D(G().retry())}),J(6),R()()}if(e&2){let e=G();q(`compact`,e.sourceSignals().length>0),A(5),j(`aria-disabled`,e.retrying()||null),A(),X(` `,e.retrying()?`Retrying…`:`Retry`,` `)}}function XR(e,t){e&1&&(L(0,`div`,13)(1,`p`,30),J(2,`No signals found.`),R(),L(3,`p`,32),J(4,` No `),L(5,`code`),J(6,`signal()`),R(),J(7,`, `),L(8,`code`),J(9,`computed()`),R(),J(10,` or `),L(11,`code`),J(12,`effect()`),R(),J(13,` calls were found in your source. To see the live graph, run Angular 20.1 or later with the overlay connected and select a component. `),R()())}function ZR(e,t){if(e&1&&(L(0,`span`,43),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit;A(3),X(`in <`,e.component,`>`)}}function QR(e,t){if(e&1&&(L(0,`div`,36)(1,`div`,38)(2,`span`,39),J(3),R(),L(4,`span`,40),J(5),R()(),L(6,`div`,41),z(7,`app-source-link`,42),M(8,ZR,4,1),R()()),e&2){let e=t.$implicit,n=G(2);A(2),K(`background`,n.kindColor(e.kind)),A(),Y(e.kind),A(2),Y(e.name),A(2),I(`file`,e.file)(`line`,e.line),A(),N(e.component?8:-1)}}function $R(e,t){if(e&1){let e=H();L(0,`div`,37)(1,`p`,30),J(2,`No signals match.`),R(),L(3,`p`,32),J(4,`Try a different name or kind.`),R(),L(5,`button`,33),U(`click`,function(){return E(e),D(G(2).clearFilters())}),J(6,`Clear filters`),R()()}}function ez(e,t){if(e&1&&(L(0,`p`,34),J(1,`Signals from source scan (static analysis):`),R(),L(2,`div`,35),P(3,QR,9,7,`div`,36,AR,!1,$R,7,0,`div`,37),R()),e&2){let e=G();A(3),F(e.filteredSourceSignals())}}function tz(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=G().$implicit;A(),X(``,e.missed,` earlier not captured`)}}function nz(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function rz(e,t){if(e&1&&(L(0,`ol`,50),P(1,nz,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;A(),F(e.stack)}}function iz(e,t){if(e&1&&(L(0,`li`)(1,`span`,47)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,48),J(6),R(),L(7,`span`),J(8),R(),M(9,tz,2,1,`span`,49),R(),L(10,`pre`),J(11),xv(12,`json`),R(),M(13,rz,3,0,`ol`,50),R()),e&2){let e=t.$implicit,n=G(3);A(3),Y(wv(4,8,e.at,`HH:mm:ss.SSS`)),A(2),M_(`source-`+e.source),A(),Y(n.sourceLabel(e.source)),A(2),X(`epoch `,e.epoch),A(),N(e.missed?9:-1),A(2),Y(Cv(12,11,e.value)),A(2),N(e.stack?.length?13:-1)}}function az(e,t){if(e&1&&(L(0,`h4`,44),J(1),R(),L(2,`p`,45),J(3),R(),L(4,`ol`,46),P(5,iz,14,13,`li`,null,jR),R()),e&2){let e=G(),t=e.id,n=e.label,r=G();I(`id`,`history-heading-`+t),A(),Y(n),A(2),Y(r.historySummary(t)),A(),j(`aria-labelledby`,`history-heading-`+t),A(),F(r.selectedHistory())}}function oz(e,t){e&1&&M(0,az,7,4),e&2&&N(G().selectedHistory().length?0:-1)}function sz(e,t){if(e&1){let e=H();L(0,`button`,55),U(`click`,function(){E(e);let t=G(2);return D(t.showFramework.set(!t.showFramework()))}),J(1,` Show framework signals `),L(2,`span`,25),J(3),R()()}if(e&2){let e=G(2);j(`aria-pressed`,e.showFramework()),A(3),Z(``,t,` `,e.showFramework()?`shown`:`hidden`)}}function cz(e,t){e&1&&(L(0,`p`,57),J(1,` Write stacks are on for this page. Each set of a named signal keeps the first 3 app frames of the code that wrote it, shown in its value history. Taking a stack slows every write, so turn it off when you are done. `),R())}function lz(e,t){if(e&1){let e=H();L(0,`app-signal-graph-view`,61),U(`selected`,function(t){return E(e),D(G(3).selectFromGraph(t))}),R()}if(e&2){let e=G(3);I(`nodes`,e.graphNodes())(`links`,e.graphLinks())(`selectedId`,e.selectedId())(`watched`,e.watchedIds())(`kindColor`,e.kindColorOf)}}function uz(e,t){e&1&&(L(0,`p`,57),J(1,` Every signal in this graph was created by Angular. Show framework signals to see them. `),R())}function dz(e,t){if(e&1){let e=H();L(0,`p`,60)(1,`span`),J(2,`Selected`),R(),L(3,`span`,62),J(4),R(),L(5,`span`,43),J(6,`·`),R(),L(7,`span`),J(8),R(),L(9,`span`,43),J(10,`·`),R(),L(11,`span`),J(12),R(),L(13,`button`,63),U(`click`,function(){let t=E(e);return D(G(3).jumpTo(t))}),J(14,` Show details `),R()()}if(e&2){let e=t,n=G(3);A(4),Y(e.label??`(unnamed)`),A(4),Y(n.plural(n.getDependencies(e).length,`producer`)),A(4),Y(n.plural(n.getConsumers(e).length,`consumer`))}}function fz(e,t){if(e&1&&(L(0,`div`,58),M(1,lz,1,5,`app-signal-graph-view`,59)(2,uz,2,0,`p`,57),M(3,dz,15,3,`p`,60),R()),e&2){let e,t=G(2);A(),N(t.graphNodes().length?1:2),A(2),N((e=t.selectedNode())?3:-1,e)}}function pz(e,t){if(e&1){let e=H();L(0,`section`,14)(1,`div`,51)(2,`h2`,52),J(3,`Graph`),R(),L(4,`div`,53),M(5,sz,4,3,`button`,54),L(6,`button`,55),U(`click`,function(){return E(e),D(G().toggleStacks())}),J(7,` Record write stacks `),R(),L(8,`button`,56),U(`click`,function(){E(e);let t=G();return D(t.showGraph.set(!t.showGraph()))}),J(9),R()()(),M(10,cz,2,0,`p`,57),M(11,fz,4,2,`div`,58),R()}if(e&2){let e,t=G();A(5),N((e=t.frameworkCount())?5:-1,e),A(),j(`aria-pressed`,t.stacksOn()),A(2),j(`aria-expanded`,t.showGraph()),A(),X(` `,t.showGraph()?`Hide graph`:`Show graph`,` `),A(),N(t.stacksOn()?10:-1),A(),N(t.showGraph()?11:-1)}}function mz(e,t){if(e&1&&(L(0,`p`,32),J(1),R()),e&2){let e=t;A(),Z(` `,e,` watched `,e===1?`signal is`:`signals are`,` not in this graph. Their changes still log to the page console. `)}}function hz(e,t){if(e&1&&(L(0,`span`,66),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;A(),Y(Cv(2,1,e.value))}}function gz(e,t){if(e&1&&(L(0,`span`,67),J(1),R()),e&2){let e=t;A(),Z(``,e,` `,e===1?`change`:`changes`)}}function _z(e,t){if(e&1){let e=H();L(0,`li`)(1,`span`,62),J(2),R(),M(3,hz,3,3,`span`,66),M(4,gz,2,2,`span`,67),L(5,`button`,63),U(`click`,function(){let t=E(e).$implicit;return D(G(2).toggleWatch(t))}),J(6,` Stop watching `),R()()}if(e&2){let e,n=t.$implicit,r=G(2);A(2),Y(n.label??`(unnamed)`),A(),N(n.value===void 0?-1:3),A(),N((e=r.changeCount(n.id))?4:-1,e),A(),j(`aria-label`,`Stop watching `+(n.label??`the unnamed signal`))}}function vz(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function yz(e,t){if(e&1&&(L(0,`ol`,50),P(1,vz,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;A(),F(e.change.stack)}}function bz(e,t){if(e&1&&(L(0,`li`)(1,`span`,47)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,62),J(6),R(),L(7,`span`,48),J(8),R()(),L(9,`pre`),J(10),xv(11,`json`),R(),M(12,yz,3,0,`ol`,50),R()),e&2){let e=t.$implicit,n=G(3);A(3),Y(wv(4,7,e.change.at,`HH:mm:ss.SSS`)),A(3),Y(e.label),A(),M_(`source-`+e.change.source),A(),Y(n.sourceLabel(e.change.source)),A(2),Y(Cv(11,10,e.change.value)),A(2),N(e.change.stack?.length?12:-1)}}function xz(e,t){if(e&1&&(L(0,`h3`,68),J(1,`Recent changes`),R(),L(2,`div`,69)(3,`ol`,70),P(4,bz,13,12,`li`,null,NR),R()()),e&2){let e=G(2);A(4),F(e.watchLog())}}function Sz(e,t){if(e&1&&(L(0,`section`,15)(1,`h2`,64),J(2,`Watched`),R(),M(3,mz,2,2,`p`,32),L(4,`ul`,65),P(5,_z,7,4,`li`,null,MR),R(),M(7,xz,6,0),R()),e&2){let e,t=G();A(3),N((e=t.watchedElsewhere())?3:-1,e),A(2),F(t.watchedNodes()),A(2),N(t.watchLog().length?7:-1)}}function Cz(e,t){if(e&1&&(L(0,`span`,78),J(1),R()),e&2){let e=G().$implicit;M_(`tone-`+G(2).statusTone(e.status)),A(),Y(e.status)}}function wz(e,t){if(e&1&&(L(0,`span`,67),J(1),R()),e&2){let e=t;A(),Z(``,e,` `,e===1?`change`:`changes`)}}function Tz(e,t){if(e&1&&(L(0,`span`,76),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;A(),Y(Cv(2,1,e.error))}}function Ez(e,t){if(e&1&&(L(0,`span`,76),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;A(),Y(Cv(2,1,e.value))}}function Dz(e,t){e&1&&(L(0,`p`,32),J(1,` This resource has no name. Pass `),L(2,`code`),J(3,`debugName`),R(),J(4,` to `),L(5,`code`),J(6,`resource()`),R(),J(7,` or `),L(8,`code`),J(9,`httpResource()`),R(),J(10,` to name it here. `),R())}function Oz(e,t){if(e&1&&(L(0,`dt`),J(1,`Loading`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(2).$implicit;A(3),Y(e.isLoading?`yes`:`no`)}}function kz(e,t){if(e&1&&(L(0,`dt`),J(1,`HTTP status`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(2).$implicit;A(3),Y(e.statusCode)}}function Az(e,t){if(e&1&&(L(0,`dt`),J(1,`Params`),R(),L(2,`dd`)(3,`pre`,82),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;A(3),j(`aria-label`,`Params of `+e.name),A(),Y(Cv(5,2,e.params))}}function jz(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,82),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;A(3),j(`aria-label`,`Value of `+e.name),A(),Y(Cv(5,2,e.value))}}function Mz(e,t){if(e&1&&(L(0,`dt`),J(1,`Error`),R(),L(2,`dd`)(3,`pre`,82),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;A(3),j(`aria-label`,`Error of `+e.name),A(),Y(Cv(5,2,e.error))}}function Nz(e,t){if(e&1&&(L(0,`li`)(1,`span`,83),J(2),R(),L(3,`span`,62),J(4),R()()),e&2){let e=t.$implicit,n=G(5);A(),K(`background`,n.kindColor(e.kind)),A(),Y(e.kind),A(2),Y(e.label??e.id)}}function Pz(e,t){if(e&1&&(L(0,`ul`,44),P(1,Nz,5,4,`li`,null,MR),R()),e&2){let e=G(2).$implicit,t=G(2);I(`id`,`resource-internals-`+e.id),A(),F(t.internalsOf(e))}}function Fz(e,t){if(e&1){let e=H();L(0,`div`,77)(1,`h3`,79),J(2),R(),M(3,Dz,11,0,`p`,32),L(4,`dl`)(5,`dt`),J(6,`Status`),R(),L(7,`dd`),J(8),R(),M(9,Oz,4,1),M(10,kz,4,1),M(11,Az,6,4),M(12,jz,6,4),M(13,Mz,6,4),R(),Gg(14,80),L(15,`button`,81),U(`click`,function(){E(e);let t=G(3);return D(t.showInternals.set(!t.showInternals()))}),J(16),R(),M(17,Pz,3,1,`ul`,44),R()}if(e&2){let e=G().$implicit,t=G(2),n=d_(23);I(`id`,`signal-detail-`+e.id),A(2),Y(e.name),A(),N(e.named?-1:3),A(5),Y(e.status??`unknown`),A(),N(e.isLoading===void 0?-1:9),A(),N(e.statusCode===void 0?-1:10),A(),N(e.params===void 0?-1:11),A(),N(e.value===void 0?-1:12),A(),N(e.error===void 0?-1:13),A(),I(`ngTemplateOutlet`,n)(`ngTemplateOutletContext`,hv(16,DR,e.id)),A(),j(`aria-expanded`,t.showInternals())(`aria-controls`,`resource-internals-`+e.id),A(),Z(` `,t.showInternals()?`Hide`:`Show`,` internal signals (`,e.nodeIds.length,`) `),A(),N(t.showInternals()?17:-1)}}function Iz(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,73),U(`click`,function(){let t=E(e).$implicit;return D(G(2).select(t.id))}),L(2,`span`,38)(3,`span`,39),J(4,`resource`),R(),L(5,`span`,40),J(6),R(),M(7,Cz,2,3,`span`,74),M(8,wz,2,2,`span`,67),z(9,`span`,75),R(),M(10,Tz,3,3,`span`,76)(11,Ez,3,3,`span`,76),R(),M(12,Fz,18,18,`div`,77),R()}if(e&2){let e,n=t.$implicit,r=G(2);A(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),A(2),K(`background`,r.kindColor(`resource`)),A(3),Y(n.name),A(),N(n.status?7:-1),A(),N((e=n.changes)?8:-1,e),A(2),N(n.error===void 0?n.value===void 0?-1:11:10),A(2),N(r.selectedId()===n.id?12:-1)}}function Lz(e,t){if(e&1&&(L(0,`h2`,71),J(1,`Resources`),R(),L(2,`ul`,72),P(3,Iz,13,12,`li`,null,MR),R()),e&2){let e=G();A(3),F(e.filteredResources())}}function Rz(e,t){e&1&&(L(0,`span`,86),J(1,`watching`),R())}function zz(e,t){e&1&&(L(0,`span`,87),J(1,`framework`),R())}function Bz(e,t){if(e&1&&(L(0,`span`,67),J(1),R()),e&2){let e=t;A(),Z(``,e,` `,e===1?`change`:`changes`)}}function Vz(e,t){if(e&1&&(L(0,`span`,76),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;A(),Y(Cv(2,1,e.value))}}function Hz(e,t){if(e&1&&(L(0,`span`,43),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);A(3),X(`Deps: `,t.getDependencies(e).length)}}function Uz(e,t){if(e&1&&(L(0,`span`,43),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);A(3),X(`Consumers: `,t.getConsumers(e).length)}}function Wz(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,82),J(4),xv(5,`json`),R()()),e&2){let e=G(4);A(3),j(`aria-label`,`Value of `+(e.selectedNode().label??`signal`)),A(),Y(Cv(5,2,e.selectedNode().value))}}function Gz(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,88),U(`click`,function(){let t=E(e).$implicit;return D(G(5).jumpTo(t))}),L(2,`span`,83),J(3),R(),L(4,`span`,62),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);A(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),A(),K(`background`,n.kindColor(e.kind)),A(),Y(e.kind),A(2),Y(e.label??e.id)}}function Kz(e,t){if(e&1&&(L(0,`h4`),J(1,`Dependencies (producers)`),R(),L(2,`ul`),P(3,Gz,6,5,`li`,null,MR),R()),e&2){let e=G(4);A(3),F(e.getDependencies(e.selectedNode()))}}function qz(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,88),U(`click`,function(){let t=E(e).$implicit;return D(G(5).jumpTo(t))}),L(2,`span`,83),J(3),R(),L(4,`span`,62),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);A(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),A(),K(`background`,n.kindColor(e.kind)),A(),Y(e.kind),A(2),Y(e.label??e.id)}}function Jz(e,t){if(e&1&&(L(0,`h4`),J(1,`Consumers`),R(),L(2,`ul`),P(3,qz,6,5,`li`,null,MR),R()),e&2){let e=G(4);A(3),F(e.getConsumers(e.selectedNode()))}}function Yz(e,t){if(e&1){let e=H();L(0,`button`,89),U(`click`,function(){E(e);let t=G(4);return D(t.toggleWatch(t.selectedNode()))}),J(1,` Watch `),R(),L(2,`p`,32),J(3,` A watched signal is listed under Watched and logs each change to the page console. `),R()}if(e&2){let e=G(4);j(`aria-pressed`,e.watchedIds().has(e.selectedNode().id))}}function Xz(e,t){e&1&&(L(0,`p`,32),J(1),R()),e&2&&(A(),Y(t))}function Zz(e,t){if(e&1&&(L(0,`div`,77)(1,`h3`,79),J(2),R(),L(3,`dl`)(4,`dt`),J(5,`Kind`),R(),L(6,`dd`),J(7),R(),L(8,`dt`),J(9,`Epoch`),R(),L(10,`dd`),J(11),R(),M(12,Wz,6,4),R(),M(13,Kz,5,0),M(14,Jz,5,0),M(15,Yz,4,1),M(16,Xz,2,1,`p`,32),Gg(17,80),R()),e&2){let e,t=G().$implicit,n=G(2),r=d_(23);I(`id`,`signal-detail-`+t.id),A(2),Y(n.selectedNode().label??n.selectedNode().id),A(5),Y(n.selectedNode().kind),A(4),Y(n.selectedNode().epoch),A(),N(n.selectedNode().value===void 0?-1:12),A(),N(n.getDependencies(n.selectedNode()).length?13:-1),A(),N(n.getConsumers(n.selectedNode()).length?14:-1),A(),N(n.isWatchable(n.selectedNode())?15:-1),A(),N((e=n.writeHint())?16:-1,e),A(),I(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,hv(11,OR,t.id))}}function Qz(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,73),U(`click`,function(){let t=E(e).$implicit;return D(G(2).select(t.id))}),L(2,`span`,38)(3,`span`,39),J(4),R(),L(5,`span`,40),J(6),R(),M(7,Rz,2,0,`span`,86),M(8,zz,2,0,`span`,87),M(9,Bz,2,2,`span`,67),z(10,`span`,75),R(),M(11,Vz,3,3,`span`,76),L(12,`span`,41)(13,`span`),J(14),R(),M(15,Hz,4,1),M(16,Uz,4,1),R()(),M(17,Zz,18,13,`div`,77),R()}if(e&2){let e,n=t.$implicit,r=G(2);A(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),A(2),K(`background`,r.kindColor(n.kind)),A(),Y(n.kind),A(2),Y(n.label??`(unnamed)`),A(),N(r.watchedIds().has(n.id)?7:-1),A(),N(n.framework?8:-1),A(),N((e=r.changeCount(n.id))?9:-1,e),A(2),N(n.value===void 0?-1:11),A(3),X(`Epoch: `,n.epoch),A(),N(r.getDependencies(n).length?15:-1),A(),N(r.getConsumers(n).length?16:-1),A(),N(r.selectedId()===n.id&&r.selectedNode()?17:-1)}}function $z(e,t){if(e&1){let e=H();L(0,`button`,33),U(`click`,function(){return E(e),D(G(3).clearFilters())}),J(1,`Clear filters`),R()}}function eB(e,t){if(e&1&&(L(0,`li`,85)(1,`p`,30),J(2),R(),L(3,`p`,32),J(4),R(),M(5,$z,2,0,`button`,90),R()),e&2){let e=G(2);A(2),X(` `,e.hasAnySignals()?`No signals match.`:`No signals in this graph.`,` `),A(2),X(` `,e.hasAnySignals()?`Try a different name or kind.`:`Select a component that reads signals, or interact with the page to create some.`,` `),A(),N(e.hasAnySignals()?5:-1)}}function tB(e,t){if(e&1&&(L(0,`h2`,71),J(1,`Signals`),R(),L(2,`ul`,84),P(3,Qz,18,17,`li`,null,MR,!1,eB,6,3,`li`,85),R()),e&2){let e=G();A(3),F(e.filteredNodes())}}var nB=`follow`;function rB(e){return Object.keys(e.pages).length?e.pages:e.graph?{[e.graph.pageId??``]:e.graph}:{}}var iB=`env:`,aB=50,oB=new Set([`signal`,`computed`,`linkedSignal`]),sB=20,cB={selected:`picked`,routed:`rendered by the router`,root:`first component with signals`},lB={write:`set`,sample:`sampled`,initial:`initial`},uB={resolved:`ok`,local:`ok`,loading:`warn`,reloading:`warn`,error:`danger`},dB={signal:`#facc15`,computed:`#60a5fa`,linkedSignal:`#34d399`,effect:`#fb923c`,template:`#94a3b8`,afterRenderEffectPhase:`#f472b6`,childSignalProp:`#fef08a`,"input (signal)":`#f59e0b`,"input.required (signal)":`#f59e0b`,"output (signal)":`#ec4899`,"model (signal)":`#14b8a6`,"model.required (signal)":`#14b8a6`,"viewChild (signal)":`#a3e635`,"viewChild.required (signal)":`#a3e635`,"viewChildren (signal)":`#a3e635`,"contentChild (signal)":`#fda4af`,"contentChild.required (signal)":`#fda4af`,"contentChildren (signal)":`#fda4af`,resource:`#06b6d4`,unknown:`#a1a1aa`},fB=class e{rpc=$(null);destroyRef=w(Es);host=w(Fl);filterInput=Jv(`filterInput`);injector=w(ws);pageId=kE();cleanups=[];graphLoad=0;treePages=k({});graphState=k({graph:null,pages:{}});chosenPageId=k(null);announcement=k(``);graphPages=Q(()=>rB(this.graphState()));shownPageId=Fv({source:()=>({pages:this.graphPages(),newest:this.graphState().graph?.pageId??null,chosen:this.chosenPageId()}),computation:({pages:e,newest:t,chosen:n},r)=>{let i={};for(let n of Object.keys(e))i[n]={pageId:n,reportedAt:+(n===t)};return AE(i,{chosen:n,host:this.pageId,previous:r?.value??null})}});reported=Q(()=>{let e=this.shownPageId();return e===null?null:this.graphPages()[e]??null});unsupported=Q(()=>!!this.reported()?.unsupported);graph=Q(()=>{let e=this.reported();return e?.unsupported?null:e});graphOwner=Q(()=>{let e=this.graph();return e?`${e.pageId??``}|${e.component?.id??e.injector?.id??``}`:null});pickedByPage=k({});picked=Q(()=>this.pickedByPage()[this.targetPageId()??``]??null);pageOptions=Q(()=>{if(this.pageId)return[];let e=this.treePages();return Object.keys(this.graphPages()).map(t=>{let n=e[t];return{value:t,label:n?.title||n?.url||`Page ${t}`,hint:n?.url}})});showInternals=k(!1);sourceSignals=k([]);sourceLoaded=k(!1);sourceFailed=k(!1);graphFailed=k(!1);loadFailed=Q(()=>this.sourceFailed()||this.graphFailed());retrying=k(!1);filter=k(``);resources=Q(()=>this.graph()?.resources??[]);internalIds=Q(()=>new Set(this.resources().flatMap(e=>e.nodeIds)));showFramework=k(!1);frameworkCount=Q(()=>{let e=this.internalIds();return(this.graph()?.nodes??[]).filter(t=>t.framework&&!e.has(t.id)).length});visibleNodes=Q(()=>{let e=this.internalIds(),t=this.showFramework();return(this.graph()?.nodes??[]).filter(n=>!e.has(n.id)&&(t||!n.framework))});showGraph=k(!0);graphLinks=Q(()=>{let e=this.graph();if(!e)return[];let t=new Set(this.visibleNodes().map(e=>e.id)),n=[];for(let r of e.edges){let i=e.nodes[r.producer]?.id,a=e.nodes[r.consumer]?.id;i&&a&&t.has(i)&&t.has(a)&&n.push({producer:i,consumer:a})}return n});graphNodes=Q(()=>[...this.visibleNodes()].sort((e,t)=>e.id.localeCompare(t.id,void 0,{numeric:!0})));kindColorOf=e=>this.kindColor(e);watchedIds=Q(()=>new Set(this.graph()?.watch?.ids??[]));stacksOn=Q(()=>!!this.graph()?.watch?.stacks);watchedNodes=Q(()=>{let e=this.watchedIds();return(this.graph()?.nodes??[]).filter(t=>e.has(t.id))});watchedElsewhere=Q(()=>this.watchedIds().size-this.watchedNodes().length);watchLog=Q(()=>{let e=this.graph()?.history??{};return this.watchedNodes().flatMap(t=>(e[t.id]??[]).filter(e=>e.source!==`initial`).map(e=>({id:t.id,label:t.label??t.id,change:e}))).sort((e,t)=>t.change.at-e.change.at).slice(0,sB)});hasAnySignals=Q(()=>this.visibleNodes().length+this.resources().length>0);kindCounts=Q(()=>{let e=this.graph()?[...this.visibleNodes().map(e=>e.kind),...this.resources().map(()=>`resource`)]:this.sourceSignals().map(e=>e.kind),t=new Map;for(let n of e)t.set(n,(t.get(n)??0)+1);return[...t].map(([e,t])=>({kind:e,count:t}))});kind=Fv({source:this.graphOwner,computation:(e,t)=>{let n=t?.value??null;return n&&Nv(this.kindCounts).some(e=>e.kind===n)?n:null}});kindChips=Q(()=>{let e=this.kindCounts(),t=this.kind();return t&&!e.some(e=>e.kind===t)?[...e,{kind:t,count:0}]:e});kindTotal=Q(()=>this.kindCounts().reduce((e,t)=>e+t.count,0));selectedId=Fv({source:this.graphOwner,computation:()=>null});selectedNode=Q(()=>this.graph()?.nodes.find(e=>e.id===this.selectedId())??null);jumpedPast=k(null);jumpNote=Q(()=>{let e=this.jumpedPast();return!e||this.filter()||this.kind()||this.selectedId()!==e.id?``:`Cleared the filters to show ${e.label}.`});selectedHistory=Q(()=>{let e=this.selectedId();return e?[...this.graph()?.history?.[e]??[]].reverse():[]});writeHint=Q(()=>{let e=this.selectedNode(),t=this.graph();if(!e||!t||t.writeHook===!1||e.kind!==`signal`&&e.kind!==`linkedSignal`)return``;if(!e.label)return`This signal has no name, so its history holds sampled values only. Pass a debugName in its options, for example signal(0, { debugName: 'count' }).`;let n=t.history?.[e.id]??[];return n.some(e=>e.source===`write`)||!n.some(e=>e.source===`sample`)?``:`Every change here was sampled. Writes are matched by name, kind, version and value, so another live signal with the same name and value can hide them.`});kindLegend=Object.entries(dB).map(([e,t])=>({kind:e,color:t}));filteredResources=Q(()=>{let e=this.filter().toLowerCase(),t=this.kind();return t&&t!==`resource`?[]:this.resources().filter(t=>!e||t.name.toLowerCase().includes(e)||e.length>=3&&`resource`.startsWith(e))});filteredNodes=Q(()=>{let e=this.filter().toLowerCase(),t=this.kind();return this.visibleNodes().filter(n=>(!t||n.kind===t)&&(!e||(n.label??``).toLowerCase().includes(e)||n.kind.toLowerCase().includes(e))).sort((e,t)=>e.id.localeCompare(t.id,void 0,{numeric:!0}))});filteredSourceSignals=Q(()=>{let e=this.filter().toLowerCase(),t=this.kind();return this.sourceSignals().filter(n=>(!t||n.kind===t)&&(!e||n.name.toLowerCase().includes(e)||n.kind.toLowerCase().includes(e)||n.file.toLowerCase().includes(e)))});targetPageId=Q(()=>this.pageId??(this.shownPageId()||null)??this.graph()?.pageId??this.latestTreePage()?.pageId??null);latestTreePage=Q(()=>{let e=null;for(let[t,n]of Object.entries(this.treePages())){let r=n.reportedAt??0;(!e||r>e.reportedAt)&&(e={pageId:t,reportedAt:r})}return e});componentOptions=Q(()=>{let e=this.targetPageId(),t=(e?this.treePages()[e]?.roots:void 0)??[],n=[],r=e=>{for(let t of e)t.kind!==`directive`&&n.push(t),r(t.children)};r(t);let i=this.graph()?.environments??[];if(!n.length&&!i.length)return[];let a=new Map;for(let e of n)a.set(e.name,(a.get(e.name)??0)+1);let o=new Map,s=[{value:nB,label:`Follow the routed component`,hint:`automatic`},...i.map(e=>({value:iB+e.id,label:this.injectorLabel(e),hint:`injector`}))];for(let e of n){let t=(o.get(e.name)??0)+1;o.set(e.name,t),s.push({value:e.id,label:(a.get(e.name)??0)>1?`${e.name} #${t}`:e.name,hint:`<${e.tag}>`})}return s});pickerValue=Q(()=>{let e=this.picked();return e&&this.componentOptions().some(t=>t.value===e)?e:nB});constructor(){pc(()=>{let e=this.rpc();e&&(this.loadSignalGraph(e),this.loadSourceSignals(e))}),this.destroyRef.onDestroy(()=>{for(let e of this.cleanups.splice(0))e()})}async loadSignalGraph(e){for(let e of this.cleanups.splice(0))e();let t=++this.graphLoad,n=()=>this.destroyRef.destroyed||t!==this.graphLoad,r=e.scope(`pangular`);try{let e=await r.rpc.sharedState(`signal-graph`);if(n())return;this.graphFailed.set(!1);let t=e=>{let t=e,n=t?.pages&&typeof t.pages==`object`?t.pages:{},r={graph:t?.graph??null,pages:n};this.notePageGone(rB(r)),this.graphState.set(r)};t(e.value()),this.cleanups.push(e.on(`updated`,t))}catch{if(n())return;this.graphState.set({graph:null,pages:{}}),this.graphFailed.set(!0)}try{let e=await r.rpc.sharedState(`component-tree`);if(n())return;let t=e=>{let t=e?.pages;this.treePages.set(t&&typeof t==`object`?t:{})};t(e.value()),this.cleanups.push(e.on(`updated`,t))}catch{n()||this.treePages.set({})}}notePageGone(e){let t=Object.keys(this.graphPages()).filter(t=>!e[t]);t.length&&this.pickedByPage.update(e=>{let n={...e};for(let e of t)delete n[e];return n});let n=this.chosenPageId();if(!n||e[n])return;let r=this.pageOptions().find(e=>e.value===n)?.label??`The chosen page`;this.chosenPageId.set(null),this.announcement.set(`${r} closed, so this shows another page.`)}selectPage(e){if(!e||e===this.shownPageId())return;this.chosenPageId.set(e);let t=this.pageOptions().find(t=>t.value===e)?.label??e;this.announcement.set(`Showing the signal graph of ${t}.`)}pickComponent(e){let t=e&&e!==nB?e:null,n=this.targetPageId()??void 0;this.pickedByPage.update(e=>{let r={...e};return t?r[n??``]=t:delete r[n??``],r});let r=this.rpc();if(!r)return;let i=t?.startsWith(iB)?{pageId:n,env:t.slice(4)}:{pageId:n,id:t};r.scope(`pangular`).rpc.call(`select-signal-target`,i).catch(()=>{})}injectorLabel(e){return e.name===`Root`?`Root services`:e.name}sourceNote(e){return cB[e]}async loadSourceSignals(e){let t=e.scope(`pangular`);try{let e=await t.rpc.call(`get-signals`);this.sourceSignals.set(e),this.sourceFailed.set(!1)}catch{this.sourceFailed.set(!0)}finally{this.sourceLoaded.set(!0)}}async retry(){let e=this.rpc();if(!e||this.retrying())return;let t=document.activeElement;this.retrying.set(!0);try{await Promise.all([this.loadSignalGraph(e),this.loadSourceSignals(e)])}finally{this.retrying.set(!1)}this.destroyRef.destroyed||Vd(()=>{(!t?.isConnected||document.activeElement===document.body)&&this.filterInput()?.nativeElement.focus()},{injector:this.injector})}clearFilters(){this.resetFilters(),this.filterInput()?.nativeElement.focus()}resetFilters(){this.filter.set(``),this.kind.set(null)}select(e){this.selectedId.set(this.selectedId()===e?null:e),this.showInternals.set(!1)}selectFromGraph(e){this.selectedId.set(e),this.showInternals.set(!1)}plural(e,t){return`${e} ${t}${e===1?``:`s`}`}isWatchable(e){return oB.has(e.kind)}toggleWatch(e){let t=!this.watchedIds().has(e.id),n=e.label??`the unnamed signal`;this.sendWatch({id:e.id,watch:t}),this.announcement.set(t?`Watching ${n}. Its changes also log to the page console.`:`Stopped watching ${n}.`)}toggleStacks(){let e=!this.stacksOn();this.sendWatch({stacks:e}),this.announcement.set(e?`Recording write stacks.`:`Stopped recording write stacks.`)}sendWatch(e){let t=this.rpc(),n=this.graph()?.pageId??this.targetPageId()??void 0;t&&t.scope(`pangular`).rpc.call(`set-signal-watch`,{...e,pageId:n}).catch(()=>{})}jumpTo(e){let t=this.resources().find(t=>t.nodeIds.includes(e.id)),n=t?.id??e.id,r=t?!this.filteredResources().some(e=>e.id===n):!this.filteredNodes().some(e=>e.id===n);r&&this.resetFilters(),this.jumpedPast.set(r?{id:n,label:t?.name??e.label??e.id}:null),this.selectedId.set(n),this.showInternals.set(!!t),Vd(()=>{let e=[...this.host.nativeElement.querySelectorAll(`.node-card[data-card]`)].find(e=>e.dataset.card===n);e?.scrollIntoView?.({block:`nearest`}),e?.focus({preventScroll:!0})},{injector:this.injector})}changeCount(e){let t=this.graph(),n=t?.nodes.find(t=>t.id===e)?.changes??t?.resources?.find(t=>t.id===e)?.changes;return n===void 0?(t?.history?.[e]??[]).reduce((e,t)=>e+(t.source===`initial`?0:1+(t.missed??0)),0):n}historySummary(e){let t=this.changeCount(e),n=this.graph()?.history?.[e]?.length??0;return t?`${`${t} ${t===1?`change`:`changes`} recorded`}${n>=aB&&t>=n?`, showing the last ${n}`:``}, newest first.`:`No changes recorded yet. The entry below is the value seen first.`}statusTone(e){return uB[e]??`neutral`}internalsOf(e){let t=new Set(e.nodeIds);return(this.graph()?.nodes??[]).filter(e=>t.has(e.id))}sourceLabel(e){return lB[e]}kindColor(e){return dB[e]??dB.unknown}relations=Q(()=>{let e=new Map,t=this.graph();if(!t)return e;for(let n of t.nodes)e.set(n.id,{deps:[],consumers:[]});for(let n of t.edges){let r=t.nodes[n.producer],i=t.nodes[n.consumer];r&&i&&(e.get(i.id)?.deps.push(r),e.get(r.id)?.consumers.push(i))}return e});getDependencies(e){return this.relations().get(e.id)?.deps??[]}getConsumers(e){return this.relations().get(e.id)?.consumers??[]}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-signal-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,ER,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},decls:30,vars:19,consts:[[`filterInput`,``],[`historyTpl`,``],[1,`toolbar`],[`type`,`search`,`placeholder`,`Filter by name or kind…`,`aria-label`,`Filter signals by name or kind`,3,`input`,`keydown.escape`,`value`],[1,`picker`,`page-picker`],[1,`picker`],[`role`,`status`,1,`sr-only`],[1,`showing`],[`role`,`status`,1,`fallback`],[1,`intro`],[`role`,`group`,`aria-label`,`Filter by kind`,1,`kinds`],[`role`,`status`,1,`empty`],[`role`,`alert`,1,`empty`,3,`compact`],[1,`empty`],[`aria-labelledby`,`signal-graph-heading`,1,`graph-section`],[`aria-labelledby`,`signal-watched-heading`,1,`watched`],[`role`,`status`,1,`jump-note`],[`id`,`signals-page-label`,1,`label-key`],[`labelledBy`,`signals-page-label`,3,`valueChange`,`options`,`value`],[`id`,`signals-component-label`,1,`label-key`],[`labelledBy`,`signals-component-label`,3,`valueChange`,`options`,`value`],[1,`showing-name`],[1,`mono`],[1,`source-note`],[`type`,`button`,1,`kind-chip`,3,`click`],[1,`count`],[`type`,`button`,1,`kind-chip`,3,`active`],[`aria-hidden`,`true`,1,`dot`],[1,`chip-text`],[`aria-hidden`,`true`,1,`spinner`],[1,`empty-title`],[`role`,`alert`,1,`empty`],[1,`hint`],[`type`,`button`,1,`reset`,3,`click`],[1,`source-label`],[1,`nodes`],[1,`node-card`],[`role`,`status`,1,`empty`,`compact`],[1,`node-header`],[1,`kind-badge`],[1,`node-label`],[1,`node-meta`],[1,`file`,3,`file`,`line`],[`aria-hidden`,`true`,1,`sep`],[3,`id`],[1,`history-summary`],[`tabindex`,`0`,1,`history`,`scroll-box`],[1,`history-meta`],[1,`source-tag`],[1,`missed`],[`aria-label`,`Written from`,1,`stack`],[1,`section-head`],[`id`,`signal-graph-heading`,1,`list-heading`],[1,`section-actions`],[`type`,`button`,1,`toggle`],[`type`,`button`,1,`toggle`,3,`click`],[`type`,`button`,`aria-controls`,`signal-graph-body`,1,`toggle`,3,`click`],[1,`hint`,`graph-hint`],[`id`,`signal-graph-body`],[3,`nodes`,`links`,`selectedId`,`watched`,`kindColor`],[1,`graph-selection`],[3,`selected`,`nodes`,`links`,`selectedId`,`watched`,`kindColor`],[1,`rel-label`],[`type`,`button`,1,`link-button`,3,`click`],[`id`,`signal-watched-heading`,1,`list-heading`],[1,`watched-list`],[1,`watched-value`],[1,`changed-badge`],[`id`,`signal-watch-log-heading`,1,`sub-heading`],[`role`,`log`,`tabindex`,`0`,`aria-labelledby`,`signal-watch-log-heading`,1,`watch-log`,`scroll-box`],[1,`history`],[1,`list-heading`],[`role`,`list`,1,`nodes`,`resources`],[`type`,`button`,1,`node-card`,3,`click`],[1,`status-tag`,3,`class`],[`aria-hidden`,`true`,1,`chevron`],[1,`node-value`],[1,`detail-panel`,3,`id`],[1,`status-tag`],[1,`detail-title`],[3,`ngTemplateOutlet`,`ngTemplateOutletContext`],[`type`,`button`,1,`reset`,`internals-toggle`,3,`click`],[`role`,`region`,`tabindex`,`0`,1,`scroll-box`],[1,`kind-badge`,`sm`],[`role`,`list`,`appRovingList`,`button.node-card`,1,`nodes`],[1,`empty`,`compact`],[1,`watching-badge`],[1,`framework-badge`],[`type`,`button`,1,`rel-link`,3,`click`],[`type`,`button`,1,`reset`,`watch-toggle`,3,`click`],[`type`,`button`,1,`reset`]],template:function(e,t){if(e&1&&(L(0,`div`,2)(1,`input`,3,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),M(3,PR,4,2,`div`,4),M(4,FR,4,2,`div`,5),R(),L(5,`p`,6),J(6),R(),M(7,LR,6,3,`p`,7)(8,RR,5,1,`p`,7),M(9,zR,2,0,`p`,8),L(10,`p`,9),M(11,BR,1,0)(12,VR,1,0)(13,HR,1,0),R(),M(14,UR,2,0,`p`,8),M(15,WR,2,0,`p`,8),M(16,GR,2,2,`p`,8),M(17,qR,7,4,`div`,10),M(18,JR,4,0,`div`,11),M(19,YR,7,4,`div`,12)(20,XR,14,0,`div`,13),M(21,ez,6,1),sg(22,oz,1,1,`ng-template`,null,1,Ev),M(24,pz,12,6,`section`,14),M(25,Sz,8,2,`section`,15),L(26,`p`,16),J(27),R(),M(28,Lz,5,0),M(29,tB,6,1)),e&2){let e,n;A(),I(`value`,t.filter()),A(2),N(t.pageOptions().length>1?3:-1),A(),N(t.componentOptions().length?4:-1),A(2),Y(t.announcement()),A(),N((e=t.graph()?.component)?7:(e=t.graph()?.injector)?8:-1,e),A(2),N(t.graph()&&t.picked()&&t.graph().source!==`selected`?9:-1),A(2),N(t.graph()?.injector?11:t.graph()?12:13),A(3),N(t.unsupported()?14:-1),A(),N(t.graph()?.writeHook===!1?15:-1),A(),N((n=t.graph()?.nodeCount)?16:-1,n),A(),N(t.kindChips().length?17:-1),A(),N(!t.graph()&&!t.sourceLoaded()?18:-1),A(),N(!t.graph()&&t.sourceLoaded()&&t.loadFailed()?19:!t.graph()&&t.sourceLoaded()&&t.sourceSignals().length===0?20:-1),A(2),N(!t.graph()&&t.sourceSignals().length>0?21:-1),A(3),N(t.graph()&&(t.visibleNodes().length||t.frameworkCount())?24:-1),A(),N(t.watchedNodes().length||t.watchedElsewhere()?25:-1),A(2),Y(t.jumpNote()),A(),N(t.graph()&&t.filteredResources().length?28:-1),A(),N(t.graph()&&(t.visibleNodes().length||!t.filteredResources().length)?29:-1)}},dependencies:[lb,sR,fO,TR,fj,mb,hb],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
   color: var(--%NS%text);
@@ -6912,7 +6912,7 @@ button.node-card[_ngcontent-%COMP%] {
   dd[_ngcontent-%COMP%]    + dt[_ngcontent-%COMP%] {
     margin-top: 8px;
   }
-}`]})},Zz=`pangular-pref`;function Qz(e){try{let t=localStorage.getItem(`${Zz}:${e}`);return t===`true`||t!==`false`&&null}catch{return null}}function $z(e,t){try{localStorage.setItem(`${Zz}:${e}`,String(t))}catch{}}var eB=[`queryInput`],tB=(e,t,n)=>({kind:`provider`,injectorId:e,token:t,index:n}),nB=()=>({compact:!1}),rB=()=>({compact:!0}),iB=(e,t)=>t.node.injector.id,aB=(e,t)=>t.id,oB=(e,t)=>t.from+t.token+e,sB=(e,t)=>t.token+e,cB=(e,t)=>t.type,lB=(e,t)=>t.token+t.file+t.line;function uB(e,t){if(e&1){let e=H();L(0,`div`,6)(1,`p`,7),J(2),R(),L(3,`p`,8),J(4,` The devtools server did not answer. Check that it is still running, then retry. `),R(),L(5,`button`,9),U(`click`,function(){return E(e),D(G().retry())}),J(6),R()()}if(e&2){let e=t.compact,n=G();q(`compact`,e),A(2),X(` `,e?`Couldn't load the live injector tree`:`Couldn't load DI data`,` `),A(3),j(`aria-disabled`,n.retrying()||null),A(),X(` `,n.retrying()?`Retrying…`:`Retry`,` `)}}function dB(e,t){if(e&1){let e=H();L(0,`div`,10)(1,`span`,11),J(2,`Page`),R(),L(3,`app-select`,12),U(`valueChange`,function(t){return E(e),D(G(2).selectPage(t))}),R()()}if(e&2){let e=G(2);A(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function fB(e,t){e&1&&M(0,dB,4,2,`div`,10),e&2&&N(G().pageOptions().length>1?0:-1)}function pB(e,t){if(e&1){let e=H();L(0,`label`,23)(1,`input`,24),U(`change`,function(){E(e);let t=G(2);return D(t.componentsOnly.set(!t.componentsOnly()))}),R(),J(2,` Components only `),R()}if(e&2){let e=G(2);A(),I(`checked`,e.componentsOnly())}}function mB(e,t){if(e&1&&(L(0,`span`,25),J(1),R()),e&2){let e=G(2);A(),Y(e.frameworkHiddenText())}}function hB(e,t){e&1&&(L(0,`span`,26),J(1),R()),e&2&&(A(),X(`Change detection: `,t))}function gB(e,t){e&1&&(L(0,`p`,27),O(),L(1,`svg`,36),z(2,`circle`,37)(3,`path`,38),R(),gs(),L(4,`span`)(5,`strong`),J(6,`The page reported only part of its injector tree.`),R(),J(7,` It keeps at most 2000 element injectors and 2500 in all, and leaves out injectors nested more than 1000 levels deep, so a lookup path or a provider can point to one that is not listed. `),R()())}function _B(e,t){if(e&1){let e=H();L(0,`button`,42),U(`click`,function(){let t=E(e).$implicit;return D(G(3).reveal(t.id))}),z(1,`span`,43),L(2,`span`,44),J(3),R(),L(4,`span`,45),J(5),R()()}if(e&2){let e=t.$implicit,n=G(3);A(),K(`background`,n.tone(e.kind)),A(2),Y(e.label),A(2),Y(e.tokens)}}function vB(e,t){e&1&&(L(0,`span`,41),J(1),R()),e&2&&(A(),X(`+`,t,` more`))}function yB(e,t){if(e&1&&(L(0,`div`,28)(1,`span`,39),J(2,`Provided by`),R(),P(3,_B,6,4,`button`,40,aB),M(5,vB,2,1,`span`,41),R()),e&2){let e,t=G(2);A(3),F(t.providedBy()),A(2),N((e=t.providedByMore())?5:-1,e)}}function bB(e,t){if(e&1){let e=H();L(0,`div`,29),J(1),L(2,`button`,46),U(`click`,function(){return E(e),D(G(2).clearQuery())}),J(3,`Clear search`),R()()}if(e&2){let e=G(2);A(),X(` Nothing here matches “`,e.query().trim(),`”. `)}}function xB(e,t){e&1&&J(0,` Turn off “Hide framework” to see Angular's own injectors. `)}function SB(e,t){e&1&&J(0,` None of them provide anything themselves. `)}function CB(e,t){e&1&&J(0,` Turn off “Components only” to see directives. `)}function wB(e,t){e&1&&J(0,` Try a different search. `)}function TB(e,t){if(e&1&&(L(0,`div`,31)(1,`p`,7),J(2,`No injectors to show`),R(),L(3,`p`,8),M(4,xB,1,0)(5,SB,1,0)(6,CB,1,0)(7,wB,1,0),R()()),e&2){let e=G(2);A(4),N(e.hideFramework()&&e.frameworkHiddenCount().injectors>0?4:e.onlyProviding()?5:e.componentsOnly()&&e.view()===`element`?6:7)}}function EB(e,t){if(e&1){let e=H();L(0,`span`,57),U(`click`,function(t){E(e);let n=G().$implicit;return D(G(2).toggle(n.node.injector.id,t))}),O(),L(1,`svg`,58),z(2,`path`,59),R()()}if(e&2){let e=G().$implicit;q(`open`,e.expanded)}}function DB(e,t){e&1&&z(0,`span`,49)}function OB(e,t){if(e&1&&(L(0,`span`,53),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.node.injector.component)}}function kB(e,t){if(e&1&&(L(0,`span`,53),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.node.injector.directives.join(`, `))}}function AB(e,t){if(e&1&&(L(0,`span`,55),O(),L(1,`svg`,36),z(2,`path`,60),R(),gs(),L(3,`span`,51),J(4,`injects`),R(),J(5),R()),e&2){let e=G().$implicit;j(`title`,e.node.dependencies.length+` injected`),A(5),X(` `,e.node.dependencies.length,` `)}}function jB(e,t){if(e&1&&(L(0,`span`,56),O(),L(1,`svg`,36),z(2,`path`,61),R(),gs(),L(3,`span`,51),J(4,`provides`),R(),J(5),R()),e&2){let e=t;j(`title`,e+` provided`),A(5),X(` `,e,` `)}}function MB(e,t){if(e&1){let e=H();L(0,`div`,47),U(`click`,function(){let t=E(e).$implicit;return D(G(2).select(t.node.injector.id))})(`focus`,function(){let t=E(e).$implicit,n=G(2);return n.focusId.set(t.node.injector.id),D(n.highlight(t.node))})(`blur`,function(){return E(e),D(G(2).highlight(null))})(`mouseenter`,function(){let t=E(e).$implicit;return D(G(2).highlight(t.node))})(`mouseleave`,function(){return E(e),D(G(2).highlight(null))}),M(1,EB,3,2,`span`,48)(2,DB,1,0,`span`,49),L(3,`span`,50),J(4),R(),L(5,`span`,51),J(6),R(),L(7,`span`,52),J(8),R(),M(9,OB,2,1,`span`,53)(10,kB,2,1,`span`,53),L(11,`span`,54),M(12,AB,6,2,`span`,55),M(13,jB,6,2,`span`,56),R()()}if(e&2){let e,n=t.$implicit,r=G(2);K(`--%NS%depth`,n.depth),q(`selected`,r.selected()?.injector?.id===n.node.injector.id),j(`aria-level`,n.depth+1)(`aria-expanded`,n.hasChildren?n.expanded:null)(`aria-selected`,r.selected()?.injector?.id===n.node.injector.id)(`tabindex`,r.rovingId()===n.node.injector.id?0:-1)(`data-id`,n.node.injector.id),A(),N(n.hasChildren?1:2),A(2),K(`--%NS%tone`,r.tone(r.kind(n.node))),j(`title`,r.kind(n.node)),A(),Y(r.kind(n.node)[0].toUpperCase()),A(2),Y(r.kind(n.node)),A(2),Y(r.label(n.node)),A(),N(n.node.injector.component?9:n.node.injector.directives?.length?10:-1),A(3),N((n.node.dependencies?.length??0)>0?12:-1),A(),N((e=r.providerCount(n.node))?13:-1,e)}}function NB(e,t){if(e&1){let e=H();L(0,`button`,9),U(`click`,function(){let t=E(e);return D(G(3).reveal(t.node.injector.id))}),J(1),R()}if(e&2){let e=G(3);A(),X(` Show `,e.label(t.node),` `)}}function PB(e,t){if(e&1&&(L(0,`section`,34)(1,`header`,62)(2,`h2`,63),J(3),R()(),L(4,`div`,64)(5,`p`,8),J(6,` This injector is no longer on the page. Its component or directive was destroyed. `),R(),M(7,NB,2,1,`button`,65),R()()),e&2){let e,n=G(2);A(3),Y(t),A(4),N((e=n.rows()[0])?7:-1,e)}}function FB(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;q(`is-component`,e===G(2).injector.component),A(),Y(e)}}function IB(e,t){if(e&1&&(L(0,`ul`,67),P(1,FB,2,3,`li`,76,Ag),R()),e&2){let e=G();A(),F(e.injector.directives)}}function LB(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=E(e);return D(G(3).openComponent(t))}),J(1,` Show in Components `),L(2,`span`,51),J(3),R()()}if(e&2){let e=G();A(3),X(`: `,e.injector.component)}}function RB(e,t){if(e&1&&(L(0,`span`,78),z(1,`span`,43),J(2,` Null injector `),L(3,`span`,80),J(4,`throws NullInjectorError`),R()()),e&2){let e=G(4);A(),K(`background`,e.tone(`null`))}}function zB(e,t){if(e&1&&(L(0,`span`,82),J(1),L(2,`span`,51),J(3),R()()),e&2){let e=G(2).$implicit;A(),X(` `,e.providers,` `),A(2),Y(e.providers===1?`provider`:`providers`)}}function BB(e,t){if(e&1){let e=H();L(0,`button`,81),U(`click`,function(){E(e);let t=G().$implicit;return D(G(3).reveal(t.id))}),z(1,`span`,43),L(2,`span`,44),J(3),R(),M(4,zB,4,2,`span`,82),R()}if(e&2){let e=G().$implicit,t=G(3);A(),K(`background`,t.tone(e.kind)),A(2),Y(e.label),A(),N(e.providers?4:-1)}}function VB(e,t){if(e&1&&(L(0,`li`),M(1,RB,5,2,`span`,78)(2,BB,5,4,`button`,79),R()),e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`current`,n===0),A(),N(e.id===r.nullId?1:2)}}function HB(e,t){e&1&&(L(0,`p`,70),J(1,`Only services this injector has already created are listed.`),R())}function UB(e,t){if(e&1&&(L(0,`span`,88),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function WB(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),X(`for `,e.from)}}function GB(e,t){if(e&1){let e=H();L(0,`button`,93),U(`click`,function(){let t=E(e);return D(G(6).reveal(t))}),z(1,`span`,43),J(2,` from `),L(3,`span`,44),J(4),R()()}if(e&2){let e=t,n=G(6);A(),K(`background`,n.tone(n.kindById(e))),A(3),Y(n.labelById(e))}}function KB(e,t){e&1&&(L(0,`span`,91),J(1,`optional, not provided`),R())}function qB(e,t){e&1&&(L(0,`span`,92),J(1,`not provided anywhere`),R())}function JB(e,t){if(e&1&&(L(0,`li`,85)(1,`div`,86)(2,`span`,87),J(3),R(),P(4,UB,2,1,`span`,88,Ag),R(),L(6,`div`,89),M(7,WB,2,1,`span`),M(8,GB,5,3,`button`,90)(9,KB,2,0,`span`,91)(10,qB,2,0,`span`,92),R()()),e&2){let e,n=t.$implicit,r=G(3);q(`hit`,G(2).matches(n.token)),A(3),Y(n.token),A(),F(n.flags),A(3),N(r.injector.type!==`element`||r.injector.directives&&r.injector.directives.length>1?7:-1),A(),N((e=n.providedBy)?8:n.flags.includes(`optional`)?9:10,e)}}function YB(e,t){if(e&1&&(L(0,`ul`,83),P(1,JB,11,5,`li`,84,oB),R()),e&2){let e=G(2);A(),F(e.dependencies)}}function XB(e,t){e&1&&(L(0,`p`,75),J(1,`Nothing is injected through the constructor or inject().`),R())}function ZB(e,t){e&1&&(L(0,`p`,75),J(1,`No service created here has injected anything yet.`),R())}function QB(e,t){if(e&1&&(L(0,`div`,69)(1,`h3`),J(2),L(3,`span`,16),J(4),R()(),M(5,HB,2,0,`p`,70),M(6,YB,3,0,`ul`,83)(7,XB,2,0,`p`,75)(8,ZB,2,0,`p`,75),R()),e&2){let e=G();A(2),X(` `,e.injector.type===`element`?`Injected here`:`Injected by its services`,` `),A(2),Y(e.dependencies?.length??0),A(),N(e.injector.type===`element`?-1:5),A(),N(e.dependencies?.length?6:e.injector.type===`element`?7:8)}}function $B(e,t){if(e&1){let e=H();L(0,`p`,73),J(1),L(2,`button`,46),U(`click`,function(){return E(e),D(G(3).setHideFramework(!1))}),J(3,` Show them `),R()()}if(e&2){let e=t;A(),Z(` `,e,` framework `,e===1?`provider`:`providers`,` hidden. `)}}function eV(e,t){e&1&&(L(0,`span`,88),J(1,`viewProviders`),R())}function tV(e,t){e&1&&(L(0,`span`,88),J(1,`multi`),R())}function nV(e,t){e&1&&(L(0,`span`,88),J(1,`Angular`),R())}function rV(e,t){if(e&1&&(L(0,`div`,89),J(1),R()),e&2){let e=G(2).$implicit;A(),X(`via `,e.importPath.join(` › `))}}function iV(e,t){if(e&1&&(L(0,`li`,95)(1,`div`,86)(2,`span`,87),J(3),R(),L(4,`span`,96),J(5),R(),M(6,eV,2,0,`span`,88),M(7,tV,2,0,`span`,88),M(8,nV,2,0,`span`,88),R(),M(9,rV,2,1,`div`,89),z(10,`app-store-global`,97),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(2),i=G(2);q(`hit`,i.matches(t.token)),A(3),Y(t.token),A(2),Y(t.type===`unknown`?`provider`:`use`+i.capital(t.type)),A(),N(t.isViewProvider?6:-1),A(),N(t.multi?7:-1),A(),N(t.framework?8:-1),A(),N(t.importPath?.length?9:-1),A(),I(`rpc`,i.rpc())(`pageId`,i.shownPageId())(`target`,gv(13,tB,r.injector.id,t.token,n))(`label`,t.token)(`canLog`,!0)}}function aV(e,t){if(e&1&&M(0,iV,11,17,`li`,94),e&2){let e=t.$implicit;N(G(4).isHidden(e)?-1:0)}}function oV(e,t){if(e&1&&(L(0,`ul`,74),P(1,aV,1,1,null,null,sB),R()),e&2){let e=G();A(),F(e.providers)}}function sV(e,t){e&1&&J(0,` No providers or viewProviders on this element. `)}function cV(e,t){e&1&&J(0,` This injector has no providers of its own. `)}function lV(e,t){if(e&1&&(L(0,`p`,75),M(1,sV,1,0)(2,cV,1,0),R()),e&2){let e=G();A(),N(e.injector.type===`element`?1:2)}}function uV(e,t){if(e&1&&(L(0,`section`,35)(1,`header`,62)(2,`span`,66),J(3),R(),L(4,`h2`,63),J(5),R(),M(6,IB,3,0,`ul`,67),M(7,LB,4,1,`button`,68),R(),L(8,`div`,69)(9,`h3`),J(10,`Lookup path`),R(),L(11,`p`,70),J(12,`Angular asks these injectors in order until one has the token.`),R(),L(13,`ol`,71),P(14,VB,3,3,`li`,72,aB),R()(),M(16,QB,9,4,`div`,69),L(17,`div`,69)(18,`h3`),J(19,` Provides `),L(20,`span`,16),J(21),R()(),M(22,$B,4,2,`p`,73),M(23,oV,3,0,`ul`,74)(24,lV,3,1,`p`,75),R()()),e&2){let e,n,r=t,i=G(2);A(2),K(`--%NS%tone`,i.tone(i.kind(r))),A(),Y(i.kind(r)),A(2),Y(i.label(r)),A(),N(r.injector.directives?.length?6:-1),A(),N((e=i.canShowComponent()&&r.injector.componentId)?7:-1,e),A(7),F(i.path()),A(2),N(r.injector.type===`element`||r.dependencies?16:-1),A(5),Y(i.providerCount(r)),A(),N((n=i.hiddenProviders(r))?22:-1,n),A(),N(i.providerCount(r)?23:i.hiddenProviders(r)?-1:24)}}function dV(e,t){if(e&1){let e=H();L(0,`p`,13),J(1,` Every component and directive gets an injector. When it asks for a token, Angular walks up this tree, then through the environment injectors, until something provides it. `),R(),L(2,`div`,14)(3,`div`,15)(4,`button`,9),U(`click`,function(){return E(e),D(G().setView(`element`))}),J(5,` Elements `),L(6,`span`,16),J(7),R()(),L(8,`button`,9),U(`click`,function(){return E(e),D(G().setView(`environment`))}),J(9,` Environment `),L(10,`span`,16),J(11),R()()(),L(12,`div`,17),O(),L(13,`svg`,18),z(14,`circle`,19)(15,`path`,20),R(),gs(),L(16,`input`,21,2),U(`input`,function(t){return E(e),D(G().query.set(t.target.value))})(`keydown.escape`,function(){return E(e),D(G().query.set(``))}),R()(),Gg(18,22),M(19,pB,3,1,`label`,23),L(20,`label`,23)(21,`input`,24),U(`change`,function(){E(e);let t=G();return D(t.onlyProviding.set(!t.onlyProviding()))}),R(),J(22,` With providers `),R(),L(23,`label`,23)(24,`input`,24),U(`change`,function(){E(e);let t=G();return D(t.setHideFramework(!t.hideFramework()))}),R(),J(25,` Hide framework `),R(),M(26,mB,2,1,`span`,25),M(27,hB,2,1,`span`,26),R(),M(28,gB,8,0,`p`,27),M(29,yB,6,1,`div`,28)(30,bB,4,1,`div`,29),L(31,`div`,30),M(32,TB,8,1,`div`,31),L(33,`div`,32),U(`keydown`,function(t){return E(e),D(G().onTreeKey(t))}),P(34,MB,14,19,`div`,33,iB),R(),M(36,PB,8,2,`section`,34)(37,uV,25,10,`section`,35),R()}if(e&2){let e,t,n=G(),r=d_(5);A(4),q(`active`,n.view()===`element`),j(`aria-pressed`,n.view()===`element`),A(3),Y(n.elementCount()),A(),q(`active`,n.view()===`environment`),j(`aria-pressed`,n.view()===`environment`),A(3),Y(n.environmentCount()),A(5),I(`value`,n.query()),A(2),I(`ngTemplateOutlet`,r),A(),N(n.view()===`element`?19:-1),A(2),I(`checked`,n.onlyProviding()),A(3),I(`checked`,n.hideFramework()),A(2),N(n.hideFramework()?26:-1),A(),N((e=n.zone())?27:-1,e),A(),N(n.truncated()?28:-1),A(),N(n.providedBy().length?29:n.query().trim()&&!n.rows().length?30:-1),A(3),N(n.rows().length?-1:32),A(),I(`hidden`,!n.rows().length),j(`aria-label`,n.view()===`element`?`Element injectors`:`Environment injectors`),A(),F(n.rows()),A(2),N((t=n.gone())?36:(t=n.selected())?37:-1,t)}}function fV(e,t){e&1&&(L(0,`div`,4),z(1,`span`,98),L(2,`p`,7),J(3,`Loading dependency injection data…`),R()())}function pV(e,t){e&1&&Gg(0,5),e&2&&(G(),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,nB)))}function mV(e,t){if(e&1&&(L(0,`div`,14),Gg(1,22),R()),e&2){G(2);let e=d_(5);A(),I(`ngTemplateOutlet`,e)}}function hV(e,t){e&1&&(M(0,mV,2,1,`div`,14),L(1,`div`,31)(2,`p`,7),J(3,`No DI data found`),R(),L(4,`p`,8),J(5,` Open the app in a browser with the devtools connected to see its live injectors. No providers, injectables or inject() calls were found in the source either. `),R()()),e&2&&N(G().pageOptions().length>1?0:-1)}function gV(e,t){e&1&&Gg(0,5),e&2&&(G(2),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,rB)))}function _V(e,t){if(e&1){let e=H();L(0,`div`,31)(1,`p`,7),J(2),R(),L(3,`p`,8),J(4,`Try part of a token name or a file path.`),R(),L(5,`button`,9),U(`click`,function(){return E(e),D(G(2).clearQuery())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);A(2),X(`No providers match “`,e.query(),`”`)}}function vV(e,t){if(e&1&&(L(0,`span`,108),J(1),R()),e&2){let e=G().$implicit;A(),X(`providedIn: `,e.providedIn)}}function yV(e,t){if(e&1&&(L(0,`span`,111),J(1),R()),e&2){let e=G().$implicit;A(),X(`as `,e.source)}}function bV(e,t){if(e&1&&(L(0,`li`,105)(1,`div`,106)(2,`span`,107),J(3),R(),M(4,vV,2,1,`span`,108),R(),L(5,`div`,109),z(6,`app-source-link`,110),M(7,yV,2,1,`span`,111),R()()),e&2){let e=t.$implicit;A(3),Y(e.token),A(),N(e.providedIn?4:-1),A(2),I(`file`,e.file)(`line`,e.line),A(),N(e.source!==`class`&&e.source!==`providers array`?7:-1)}}function xV(e,t){if(e&1&&(L(0,`section`,102)(1,`h2`),J(2),L(3,`span`,103),J(4),R()(),L(5,`ul`,104),P(6,bV,8,5,`li`,105,lB),R()()),e&2){let e=t.$implicit;A(2),X(` `,e.label,` `),A(2),Y(e.items.length),A(2),F(e.items)}}function SV(e,t){if(e&1&&(L(0,`div`,101),P(1,xV,8,2,`section`,102,cB),R()),e&2){let e=G(2);A(),F(e.groupedProviders())}}function CV(e,t){if(e&1){let e=H();L(0,`div`,14)(1,`div`,17),O(),L(2,`svg`,18),z(3,`circle`,19)(4,`path`,20),R(),gs(),L(5,`input`,99,2),U(`input`,function(t){return E(e),D(G().query.set(t.target.value))})(`keydown.escape`,function(){return E(e),D(G().query.set(``))}),R()(),Gg(7,22),L(8,`span`,100),J(9),R()(),M(10,gV,1,3,`ng-container`,5),L(11,`p`,27),O(),L(12,`svg`,36),z(13,`circle`,37)(14,`path`,38),R(),gs(),L(15,`span`)(16,`strong`),J(17,`DI from source scan (static analysis).`),R(),J(18,` Connect the overlay on Angular 20 or later to see the live injector tree. `),R()(),M(19,_V,7,1,`div`,31)(20,SV,3,0,`div`,101)}if(e&2){let e=G(),t=d_(5);A(5),I(`value`,e.query()),A(2),I(`ngTemplateOutlet`,t),A(2),Z(` `,e.sourceMatchCount(),` of `,e.sourceProviders().length,` `),A(),N(e.loadFailed()?10:-1),A(9),N(e.groupedProviders().length===0?19:20)}}var wV=`inj-null`,TV=`injectors.hideFramework`,EV=12,DV=600,OV={component:`var(--accent-text)`,directive:`var(--directive)`,environment:`var(--ok-text)`,null:`var(--text-3)`};function kV(e){return e.injector.type===`element`?e.injector.component?`component`:`directive`:`environment`}function AV(e){return e.injector.type===`element`?`<${e.injector.name}>`:e.injector.name}function jV(e){return Array.isArray(e)}var MV=class e{rpc=$(null);focus=$(null);canShowComponent=$(!1);focusHandled=Rv();showComponent=Rv();injector=w(ws);nullId=wV;hostPage=hE();treeState=k(null);pageTitles=k({});chosenPageId=k(null);treePages=Q(()=>{let e=this.treeState();if(!e)return{};let t=e.pages&&typeof e.pages==`object`?e.pages:{};return Object.keys(t).length||this.hostPage?t:{"":e}});shownPageId=Fv({source:()=>({pages:this.treePages(),chosen:this.chosenPageId()}),computation:({pages:e,chosen:t},n)=>{let r={};for(let[t,n]of Object.entries(e))r[t]={pageId:t,reportedAt:typeof n?.reportedAt==`number`?n.reportedAt:0};return gE(r,{chosen:t,host:this.hostPage,previous:n?.value??null})}});shownPage=Q(()=>{let e=this.shownPageId();return e===null?null:this.treePages()[e]??null});roots=Q(()=>{let e=this.shownPage()?.roots;return jV(e)?e:[]});environment=Q(()=>{let e=this.shownPage()?.environment;return jV(e)?e:[]});truncated=Q(()=>this.shownPage()?.truncated===!0);zone=Q(()=>{let e=this.shownPage()?.zone;return typeof e==`string`?bD(e):null});multiPage=Q(()=>!this.hostPage&&Object.keys(this.treePages()).length>1);pageOptions=Q(()=>{if(!this.multiPage())return[];let e=this.pageTitles();return Object.keys(this.treePages()).map(t=>{let n=e[t];return{value:t,label:n?.title||n?.url||`Page ${t}`,hint:n?.url}})});pageKey=Q(()=>this.shownPageId()??``);perPage(e){let t=new Map;return Fv({source:this.pageKey,computation:(n,r)=>(r&&t.set(r.source,r.value),t.has(n)?t.get(n):e())})}sourceProviders=k([]);loaded=k(!1);treeFailed=k(!1);sourceFailed=k(!1);loadFailed=Q(()=>this.treeFailed()||this.sourceFailed());retrying=k(!1);host=w(Fl);view=k(`element`);query=k(``);queryInput=Jv(`queryInput`);onlyProviding=k(!1);componentsOnly=k(!0);hideFramework=k(Qz(TV)??!1);collapsed=this.perPage(()=>new Set);selectedId=this.perPage(()=>null);focusId=this.perPage(()=>null);announcement=k(``);selectedLabel=this.perPage(()=>null);wasGone=!1;index=Q(()=>{let e=new Map,t=new Map,n=(r,i)=>{for(let a of r)e.set(a.injector.id,a),i&&t.set(a.injector.id,i),n(a.children,a.injector.id)};n(this.roots(),null),n(this.environment(),null);let r=new Map;for(let t of e.values()){let e=t.injector.componentId;e&&t.injector.type===`element`&&r.set(e,t.injector.id)}return{map:e,parents:t,byComponent:r}});shownRoots=Q(()=>this.withoutFramework(this.roots()));shownEnvironment=Q(()=>this.withoutFramework(this.environment()));elementCount=Q(()=>this.count(this.shownRoots()));environmentCount=Q(()=>this.count(this.shownEnvironment()));frameworkHiddenCount=Q(()=>{let e=this.view()===`element`?this.roots():this.environment(),t=0,n=0,r=e=>{for(let i of e)i.injector.framework?t++:n+=i.providers.filter(e=>e.framework).length,r(i.children)};return r(e),{injectors:t,providers:n}});frameworkHiddenText=Q(()=>{let{injectors:e,providers:t}=this.frameworkHiddenCount(),n=(e,t)=>`${e} ${t}${e===1?``:`s`}`;return!e&&!t?`Nothing hidden`:t?e?`${n(e,`injector`)} and ${n(t,`provider`)} hidden`:`${n(t,`provider`)} hidden`:`${n(e,`injector`)} hidden`});visible=Q(()=>{let e=this.view()===`element`?this.shownRoots():this.shownEnvironment();this.view()===`element`&&this.componentsOnly()&&(e=this.prune(e,e=>!!e.injector.component)),this.onlyProviding()&&(e=this.prune(e,e=>this.providerCount(e)>0));let t=this.normalizedQuery();return t&&(e=this.prune(e,e=>this.nodeMatches(e,t))),e});rows=Q(()=>{let e=[],t=this.collapsed(),n=!!this.normalizedQuery(),r=(i,a)=>{for(let o of i){let i=n||!t.has(o.injector.id);e.push({node:o,depth:a,hasChildren:o.children.length>0,expanded:i}),i&&r(o.children,a+1)}};return r(this.visible(),0),e});selected=Q(()=>{let e=this.selectedId();return e?this.index().map.get(e)??null:this.rows()[0]?.node??null});gone=Q(()=>{let e=this.selectedId();return e&&!this.index().map.has(e)?this.selectedLabel()??`The injector`:null});rovingId=Q(()=>{let e=this.rows(),t=this.focusId()??this.selected()?.injector.id;return t&&e.some(e=>e.node.injector.id===t)?t:e[0]?.node.injector.id??null});path=Q(()=>{let e=this.selected();if(!e)return[];let{map:t,parents:n}=this.index(),r=e.injector.path??[];if(!r.length){r=[e.injector.id];let t=n.get(e.injector.id);for(;t;)r.push(t),t=n.get(t);r.push(wV)}return r.map(e=>{let n=t.get(e);return{id:e,label:n?AV(n):e===wV?`Null injector`:`Not listed`,kind:n?kV(n):`null`,providers:n?this.providerCount(n):0}})});providerHits=Q(()=>{let e=this.normalizedQuery();if(!e)return[];let t=[];for(let n of this.index().map.values()){if(this.isHiddenInjector(n))continue;let r=n.providers.filter(t=>!this.isHidden(t)&&t.token.toLowerCase().includes(e));r.length&&t.push({id:n.injector.id,label:AV(n),kind:kV(n),tokens:r.map(e=>e.token).join(`, `)})}return t});providedBy=Q(()=>this.providerHits().slice(0,EV));providedByMore=Q(()=>Math.max(0,this.providerHits().length-EV));groupedProviders=Q(()=>{let e=this.normalizedQuery(),t=e?this.sourceProviders().filter(t=>t.token.toLowerCase().includes(e)||t.file.toLowerCase().includes(e)):this.sourceProviders(),n=[{type:`root-provider`,label:`Root Providers (provide*)`,items:[]},{type:`injectable`,label:`Injectable Services`,items:[]},{type:`injection`,label:`inject() Calls`,items:[]},{type:`provider`,label:`Component Providers`,items:[]}];for(let e of t)n.find(t=>t.type===e.type)?.items.push(e);return n.filter(e=>e.items.length>0)});sourceMatchCount=Q(()=>this.groupedProviders().reduce((e,t)=>e+t.items.length,0));searchSummary=Q(()=>{let e=this.query().trim();if(!e)return``;let t=this.providerHits().length;return t===1?`1 injector provides “${e}”.`:t>1?`${t} injectors provide “${e}”.`:this.rows().length?`No injector provides “${e}”.`:`Nothing here matches “${e}”.`});normalizedQuery=Q(()=>this.query().trim().toLowerCase());destroyRef=w(Es);stopTree=null;treeLoad=0;lastSearchMessage=``;constructor(){pc(e=>{let t=this.searchSummary();if(!t){this.lastSearchMessage=``;return}if(t===this.lastSearchMessage)return;let n=setTimeout(()=>{this.lastSearchMessage=t,this.announcement.set(t)},DV);e(()=>clearTimeout(n))}),pc(()=>{let e=this.rpc();e&&(this.loadInjectorTree(e),this.loadSourceProviders(e))}),pc(e=>{let t=this.rpc();if(!t||!this.multiPage())return;let n=!0,r=null;e(()=>{n=!1,r?.()}),t.scope(`pangular`).rpc.sharedState(`component-tree`).then(e=>{if(!n)return;let t=e=>{let t=e?.pages;this.pageTitles.set(t&&typeof t==`object`?t:{})};t(e.value()),r=e.on(`updated`,t)}).catch(()=>{})}),pc(()=>{let e=this.focus();if(!e)return;let t=this.treePages(),n=this.shownPageId();if(e.pageId&&n!==e.pageId&&t[e.pageId]){Nv(()=>this.selectPage(e.pageId));return}(this.treeState()||this.treeFailed())&&Nv(()=>{let t=!e.pageId||n===e.pageId?this.index().byComponent.get(e.componentId):void 0,r=t?this.index().map.get(t):void 0;t&&r?(this.reveal(t),this.announcement.set(`Showing the injector of ${AV(r)}.`)):this.announcement.set(`That component's injector is not on this page.`),this.focusHandled.emit()})}),this.destroyRef.onDestroy(()=>{this.stopTree?.(),this.highlight(null)})}setHideFramework(e){this.hideFramework.set(e),$z(TV,e)}openComponent(e){let t=this.shownPageId();this.showComponent.emit(t?{id:e,pageId:t}:{id:e})}isHidden(e){return this.hideFramework()&&e.framework===!0}isHiddenInjector(e){return this.hideFramework()&&e.injector.framework===!0}providerCount(e){if(!this.hideFramework())return e.injector.providerCount;let t=e.providers.filter(e=>e.framework).length;return Math.max(0,e.injector.providerCount-t)}hiddenProviders(e){return this.hideFramework()?e.providers.filter(e=>e.framework).length:0}async retry(){let e=this.rpc();if(!e||this.retrying())return;let t=document.activeElement;this.retrying.set(!0);try{await Promise.all([this.loadInjectorTree(e),this.loadSourceProviders(e)])}finally{this.retrying.set(!1)}this.destroyRef.destroyed||Vd(()=>{t?.isConnected&&document.activeElement!==document.body||this.host.nativeElement.querySelector(`.toolbar input, .toolbar button`)?.focus()},{injector:this.injector})}clearQuery(){this.query.set(``),this.queryInput()?.nativeElement.focus()}label(e){return AV(e)}kind(e){return kV(e)}tone(e){return OV[e]??OV.null}kindById(e){let t=this.index().map.get(e);return t?kV(t):`null`}labelById(e){let t=this.index().map.get(e);return t?AV(t):e===wV?`Null injector`:`not listed`}capital(e){return e.charAt(0).toUpperCase()+e.slice(1)}matches(e){let t=this.normalizedQuery();return!!t&&e.toLowerCase().includes(t)}setView(e){this.view()!==e&&(this.view.set(e),this.choose(null),this.focusId.set(null))}select(e){this.choose(e),this.focusId.set(e)}choose(e){let t=e?this.index().map.get(e):void 0;this.selectedId.set(e),this.selectedLabel.set(t?AV(t):null),this.wasGone=!1}syncGone(){let e=this.gone()!==null;if(e&&!this.wasGone){let e=`The selected injector is no longer on the page.`;this.announcement.update(t=>t===e?`${e}\u00a0`:e)}this.wasGone=e}selectPage(e){if(!e||e===this.shownPageId())return;this.chosenPageId.set(e),this.wasGone=this.gone()!==null;let t=this.pageOptions().find(t=>t.value===e)?.label??e;this.announcement.set(`Showing the injectors of ${t}.`)}notePageGone(e){let t=this.chosenPageId();if(!t||e?.[t])return;let n=this.pageOptions().find(e=>e.value===t)?.label??`The chosen page`;this.chosenPageId.set(null),this.announcement.set(`${n} closed, so this shows another page.`),this.wasGone=!0}toggle(e,t){t?.stopPropagation(),!this.normalizedQuery()&&this.collapsed.update(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}reveal(e){let t=this.index().map.get(e);if(!t)return;this.setView(t.injector.type===`element`?`element`:`environment`);let{parents:n}=this.index();this.collapsed.update(t=>{let r=new Set(t),i=n.get(e);for(;i;)r.delete(i),i=n.get(i);return r}),this.onlyProviding()&&this.providerCount(t)===0&&this.onlyProviding.set(!1),t.injector.type===`element`&&!t.injector.component&&this.componentsOnly.set(!1),this.isHiddenInjector(t)&&this.hideFramework.set(!1);let r=this.normalizedQuery();r&&!this.nodeMatches(t,r)&&this.query.set(``),this.select(e),Vd(()=>this.focusRow(e,!1),{injector:this.injector})}highlight(e){let t=this.rpc();if(!t)return;let n=e?.injector.type===`element`?e.injector.selector??null:null,r=n?{pageId:this.shownPageId()||null,selector:n}:null;t.scope(`pangular`).rpc.call(`request-page-highlight`,r).catch(()=>{})}onTreeKey(e){let t=this.rows();if(!t.length)return;let n=this.rovingId(),r=t.findIndex(e=>e.node.injector.id===n),i=Math.max(r,0),a=t[i],o=-1;switch(e.key){case`ArrowDown`:o=Math.min(i+1,t.length-1);break;case`ArrowUp`:o=Math.max(i-1,0);break;case`Home`:o=0;break;case`End`:o=t.length-1;break;case`ArrowRight`:a.hasChildren&&!a.expanded?this.toggle(a.node.injector.id):a.hasChildren&&(o=i+1);break;case`ArrowLeft`:if(a.hasChildren&&a.expanded&&!this.normalizedQuery())this.toggle(a.node.injector.id);else{let{parents:e}=this.index(),n=e.get(a.node.injector.id);for(o=-1;n&&o<0;){let r=n;o=t.findIndex(e=>e.node.injector.id===r),n=e.get(n)}}break;case`Enter`:case` `:this.select(a.node.injector.id);break;default:return}if(e.preventDefault(),o>=0){let e=t[o].node.injector.id;this.focusId.set(e),this.choose(e),queueMicrotask(()=>this.focusRow(e,!0))}}focusRow(e,t){let n=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);n&&(t&&n.focus(),n.scrollIntoView({block:`nearest`}))}clearTree(){this.stopTree?.(),this.stopTree=null}async loadInjectorTree(e){let t=++this.treeLoad;this.clearTree();let n=e.scope(`pangular`),r;try{r=await n.rpc.sharedState(`injector-tree`)}catch{t===this.treeLoad&&this.treeFailed.set(!0);return}if(this.destroyRef.destroyed||this.rpc()!==e||t!==this.treeLoad)return;this.treeFailed.set(!1);let i=e=>{let t=e&&typeof e==`object`?e:null;this.notePageGone(t?.pages),this.treeState.set(t),this.syncGone()};i(r.value()),this.clearTree(),this.stopTree=r.on(`updated`,i)}async loadSourceProviders(e){let t=e.scope(`pangular`);try{this.sourceProviders.set(await t.rpc.call(`get-providers`)),this.sourceFailed.set(!1)}catch{this.sourceProviders.set([]),this.sourceFailed.set(!0)}finally{this.loaded.set(!0)}}count(e){return e.reduce((e,t)=>e+1+this.count(t.children),0)}nodeMatches(e,t){let n=e.injector;return n.name.toLowerCase().includes(t)||!!n.component?.toLowerCase().includes(t)||!!n.directives?.some(e=>e.toLowerCase().includes(t))||e.providers.some(e=>e.token.toLowerCase().includes(t))||!!e.dependencies?.some(e=>e.token.toLowerCase().includes(t))}withoutFramework(e){if(!this.hideFramework())return e;let t=e=>e.flatMap(e=>e.injector.framework?t(e.children):[{...e,children:t(e.children)}]);return t(e)}prune(e,t){let n=[];for(let r of e){let e=this.prune(r.children,t);(t(r)||e.length)&&n.push({...r,children:e})}return n}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-di-inspector`]],viewQuery:function(e,t){e&1&&l_(t.queryInput,eB,5),e&2&&u_()},inputs:{rpc:[1,`rpc`],focus:[1,`focus`],canShowComponent:[1,`canShowComponent`]},outputs:{focusHandled:`focusHandled`,showComponent:`showComponent`},decls:11,vars:2,consts:[[`loadError`,``],[`pagePicker`,``],[`queryInput`,``],[`role`,`status`,1,`sr-only`],[`role`,`status`,1,`state`],[3,`ngTemplateOutlet`,`ngTemplateOutletContext`],[`role`,`alert`,1,`state`,`load-error`],[1,`state-title`],[1,`state-hint`],[`type`,`button`,3,`click`],[1,`page-picker`],[`id`,`di-page-label`,1,`label-key`],[`labelledBy`,`di-page-label`,3,`valueChange`,`options`,`value`],[1,`intro`],[1,`toolbar`],[`role`,`group`,`aria-label`,`Injector tree`,1,`segmented`],[1,`pill`],[1,`search`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`type`,`search`,`placeholder`,`Find a token, component or injector…`,`aria-label`,`Find a token, component or injector`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[3,`ngTemplateOutlet`],[1,`checkbox`],[`type`,`checkbox`,3,`change`,`checked`],[1,`total`,`framework-hidden`],[1,`total`],[1,`notice`],[1,`where`],[1,`where`,`muted`],[1,`layout`],[1,`state`],[`role`,`tree`,1,`tree`,3,`keydown`,`hidden`],[`role`,`treeitem`,1,`row`,3,`selected`,`--%NS%depth`],[`aria-labelledby`,`di-detail-title`,1,`detail`,`gone`],[`aria-labelledby`,`di-detail-title`,1,`detail`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`],[`cx`,`12`,`cy`,`12`,`r`,`9`],[`d`,`M12 11v5M12 8h.01`],[1,`where-label`],[`type`,`button`,1,`chip`],[1,`more`],[`type`,`button`,1,`chip`,3,`click`],[`aria-hidden`,`true`,1,`dot`],[1,`mono`],[1,`chip-tokens`],[`type`,`button`,1,`link`,3,`click`],[`role`,`treeitem`,1,`row`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`],[`aria-hidden`,`true`,1,`twisty`,3,`open`],[`aria-hidden`,`true`,1,`twisty-space`],[`aria-hidden`,`true`,1,`kind`],[1,`sr-only`],[1,`name`,`mono`],[1,`sub`],[1,`meta`],[1,`count`],[1,`count`,`provides`],[`aria-hidden`,`true`,1,`twisty`,3,`click`],[`viewBox`,`0 0 24 24`],[`d`,`m9 6 6 6-6 6`],[`d`,`M12 5v14M5 12l7 7 7-7`],[`d`,`M21 8 12 3 3 8v8l9 5 9-5z`],[1,`detail-head`],[`id`,`di-detail-title`,1,`mono`],[1,`state`,`compact`],[`type`,`button`],[1,`badge`],[`aria-label`,`Classes on this element`,1,`classes`],[`type`,`button`,1,`show-component`],[1,`block`],[1,`hint`],[1,`path`],[3,`current`],[1,`hint`,`framework-note`],[1,`providers`],[1,`empty-line`],[3,`is-component`],[`type`,`button`,1,`show-component`,3,`click`],[1,`step`,`null`],[`type`,`button`,1,`step`],[1,`hint-inline`],[`type`,`button`,1,`step`,3,`click`],[1,`step-count`],[1,`deps`],[1,`dep`,3,`hit`],[1,`dep`],[1,`dep-main`],[1,`token`,`mono`],[1,`flag`],[1,`dep-meta`],[`type`,`button`,1,`from`],[1,`from`,`absent`],[1,`from`,`missing`],[`type`,`button`,1,`from`,3,`click`],[1,`provider`,3,`hit`],[1,`provider`],[1,`flag`,`kind-flag`],[1,`provider-global`,3,`rpc`,`pageId`,`target`,`label`,`canLog`],[`aria-hidden`,`true`,1,`spinner`],[`type`,`search`,`placeholder`,`Filter by token or file…`,`aria-label`,`Filter by token or file`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[`aria-live`,`polite`,1,`total`],[1,`source-providers`],[1,`provider-group`],[1,`section-count`],[`role`,`list`,1,`provider-list`],[1,`provider-card`],[1,`provider-header`],[1,`token`],[1,`provided-in`],[1,`provider-meta`],[1,`path`,3,`file`,`line`],[1,`as`]],template:function(e,t){e&1&&(L(0,`p`,3),J(1),R(),sg(2,uB,7,5,`ng-template`,null,0,Ev)(4,fB,1,1,`ng-template`,null,1,Ev),M(6,dV,38,21)(7,fV,4,0,`div`,4)(8,pV,1,3,`ng-container`,5)(9,hV,6,1)(10,CV,21,6)),e&2&&(A(),Y(t.announcement()),A(5),N(t.roots().length>0?6:t.loaded()?t.loadFailed()&&t.sourceProviders().length===0?8:t.sourceProviders().length===0?9:10:7))},dependencies:[lb,XD,XA,$j],styles:[`[_nghost-%COMP%] {
+}`]})},pB=`pangular-pref`;function mB(e){try{let t=localStorage.getItem(`${pB}:${e}`);return t===`true`||t!==`false`&&null}catch{return null}}function hB(e,t){try{localStorage.setItem(`${pB}:${e}`,String(t))}catch{}}var gB=[`queryInput`],_B=(e,t,n)=>({kind:`provider`,injectorId:e,token:t,index:n}),vB=()=>({compact:!1}),yB=()=>({compact:!0}),bB=(e,t)=>t.node.injector.id,xB=(e,t)=>t.id,SB=(e,t)=>t.from+t.token+e,CB=(e,t)=>t.token+e,wB=(e,t)=>t.type,TB=(e,t)=>t.token+t.file+t.line;function EB(e,t){if(e&1){let e=H();L(0,`div`,6)(1,`p`,7),J(2),R(),L(3,`p`,8),J(4,` The devtools server did not answer. Check that it is still running, then retry. `),R(),L(5,`button`,9),U(`click`,function(){return E(e),D(G().retry())}),J(6),R()()}if(e&2){let e=t.compact,n=G();q(`compact`,e),A(2),X(` `,e?`Couldn't load the live injector tree`:`Couldn't load DI data`,` `),A(3),j(`aria-disabled`,n.retrying()||null),A(),X(` `,n.retrying()?`Retrying…`:`Retry`,` `)}}function DB(e,t){if(e&1){let e=H();L(0,`div`,10)(1,`span`,11),J(2,`Page`),R(),L(3,`app-select`,12),U(`valueChange`,function(t){return E(e),D(G(2).selectPage(t))}),R()()}if(e&2){let e=G(2);A(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function OB(e,t){e&1&&M(0,DB,4,2,`div`,10),e&2&&N(G().pageOptions().length>1?0:-1)}function kB(e,t){if(e&1){let e=H();L(0,`label`,23)(1,`input`,24),U(`change`,function(){E(e);let t=G(2);return D(t.componentsOnly.set(!t.componentsOnly()))}),R(),J(2,` Components only `),R()}if(e&2){let e=G(2);A(),I(`checked`,e.componentsOnly())}}function AB(e,t){if(e&1&&(L(0,`span`,25),J(1),R()),e&2){let e=G(2);A(),Y(e.frameworkHiddenText())}}function jB(e,t){e&1&&(L(0,`span`,26),J(1),R()),e&2&&(A(),X(`Change detection: `,t))}function MB(e,t){e&1&&(L(0,`p`,27),O(),L(1,`svg`,36),z(2,`circle`,37)(3,`path`,38),R(),gs(),L(4,`span`)(5,`strong`),J(6,`The page reported only part of its injector tree.`),R(),J(7,` It keeps at most 2000 element injectors and 2500 in all, and leaves out injectors nested more than 1000 levels deep, so a lookup path or a provider can point to one that is not listed. `),R()())}function NB(e,t){if(e&1){let e=H();L(0,`button`,42),U(`click`,function(){let t=E(e).$implicit;return D(G(3).reveal(t.id))}),z(1,`span`,43),L(2,`span`,44),J(3),R(),L(4,`span`,45),J(5),R()()}if(e&2){let e=t.$implicit,n=G(3);A(),K(`background`,n.tone(e.kind)),A(2),Y(e.label),A(2),Y(e.tokens)}}function PB(e,t){e&1&&(L(0,`span`,41),J(1),R()),e&2&&(A(),X(`+`,t,` more`))}function FB(e,t){if(e&1&&(L(0,`div`,28)(1,`span`,39),J(2,`Provided by`),R(),P(3,NB,6,4,`button`,40,xB),M(5,PB,2,1,`span`,41),R()),e&2){let e,t=G(2);A(3),F(t.providedBy()),A(2),N((e=t.providedByMore())?5:-1,e)}}function IB(e,t){if(e&1){let e=H();L(0,`div`,29),J(1),L(2,`button`,46),U(`click`,function(){return E(e),D(G(2).clearQuery())}),J(3,`Clear search`),R()()}if(e&2){let e=G(2);A(),X(` Nothing here matches “`,e.query().trim(),`”. `)}}function LB(e,t){e&1&&J(0,` Turn off “Hide framework” to see Angular's own injectors. `)}function RB(e,t){e&1&&J(0,` None of them provide anything themselves. `)}function zB(e,t){e&1&&J(0,` Turn off “Components only” to see directives. `)}function BB(e,t){e&1&&J(0,` Try a different search. `)}function VB(e,t){if(e&1&&(L(0,`div`,31)(1,`p`,7),J(2,`No injectors to show`),R(),L(3,`p`,8),M(4,LB,1,0)(5,RB,1,0)(6,zB,1,0)(7,BB,1,0),R()()),e&2){let e=G(2);A(4),N(e.hideFramework()&&e.frameworkHiddenCount().injectors>0?4:e.onlyProviding()?5:e.componentsOnly()&&e.view()===`element`?6:7)}}function HB(e,t){if(e&1){let e=H();L(0,`span`,57),U(`click`,function(t){E(e);let n=G().$implicit;return D(G(2).toggle(n.node.injector.id,t))}),O(),L(1,`svg`,58),z(2,`path`,59),R()()}if(e&2){let e=G().$implicit;q(`open`,e.expanded)}}function UB(e,t){e&1&&z(0,`span`,49)}function WB(e,t){if(e&1&&(L(0,`span`,53),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.node.injector.component)}}function GB(e,t){if(e&1&&(L(0,`span`,53),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.node.injector.directives.join(`, `))}}function KB(e,t){if(e&1&&(L(0,`span`,55),O(),L(1,`svg`,36),z(2,`path`,60),R(),gs(),L(3,`span`,51),J(4,`injects`),R(),J(5),R()),e&2){let e=G().$implicit;j(`title`,e.node.dependencies.length+` injected`),A(5),X(` `,e.node.dependencies.length,` `)}}function qB(e,t){if(e&1&&(L(0,`span`,56),O(),L(1,`svg`,36),z(2,`path`,61),R(),gs(),L(3,`span`,51),J(4,`provides`),R(),J(5),R()),e&2){let e=t;j(`title`,e+` provided`),A(5),X(` `,e,` `)}}function JB(e,t){if(e&1){let e=H();L(0,`div`,47),U(`click`,function(){let t=E(e).$implicit;return D(G(2).select(t.node.injector.id))})(`focus`,function(){let t=E(e).$implicit,n=G(2);return n.focusId.set(t.node.injector.id),D(n.highlight(t.node))})(`blur`,function(){return E(e),D(G(2).highlight(null))})(`mouseenter`,function(){let t=E(e).$implicit;return D(G(2).highlight(t.node))})(`mouseleave`,function(){return E(e),D(G(2).highlight(null))}),M(1,HB,3,2,`span`,48)(2,UB,1,0,`span`,49),L(3,`span`,50),J(4),R(),L(5,`span`,51),J(6),R(),L(7,`span`,52),J(8),R(),M(9,WB,2,1,`span`,53)(10,GB,2,1,`span`,53),L(11,`span`,54),M(12,KB,6,2,`span`,55),M(13,qB,6,2,`span`,56),R()()}if(e&2){let e,n=t.$implicit,r=G(2);K(`--%NS%depth`,n.depth),q(`selected`,r.selected()?.injector?.id===n.node.injector.id),j(`aria-level`,n.depth+1)(`aria-expanded`,n.hasChildren?n.expanded:null)(`aria-selected`,r.selected()?.injector?.id===n.node.injector.id)(`tabindex`,r.rovingId()===n.node.injector.id?0:-1)(`data-id`,n.node.injector.id),A(),N(n.hasChildren?1:2),A(2),K(`--%NS%tone`,r.tone(r.kind(n.node))),j(`title`,r.kind(n.node)),A(),Y(r.kind(n.node)[0].toUpperCase()),A(2),Y(r.kind(n.node)),A(2),Y(r.label(n.node)),A(),N(n.node.injector.component?9:n.node.injector.directives?.length?10:-1),A(3),N((n.node.dependencies?.length??0)>0?12:-1),A(),N((e=r.providerCount(n.node))?13:-1,e)}}function YB(e,t){if(e&1){let e=H();L(0,`button`,9),U(`click`,function(){let t=E(e);return D(G(3).reveal(t.node.injector.id))}),J(1),R()}if(e&2){let e=G(3);A(),X(` Show `,e.label(t.node),` `)}}function XB(e,t){if(e&1&&(L(0,`section`,34)(1,`header`,62)(2,`h2`,63),J(3),R()(),L(4,`div`,64)(5,`p`,8),J(6,` This injector is no longer on the page. Its component or directive was destroyed. `),R(),M(7,YB,2,1,`button`,65),R()()),e&2){let e,n=G(2);A(3),Y(t),A(4),N((e=n.rows()[0])?7:-1,e)}}function ZB(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;q(`is-component`,e===G(2).injector.component),A(),Y(e)}}function QB(e,t){if(e&1&&(L(0,`ul`,67),P(1,ZB,2,3,`li`,76,Ag),R()),e&2){let e=G();A(),F(e.injector.directives)}}function $B(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=E(e);return D(G(3).openComponent(t))}),J(1,` Show in Components `),L(2,`span`,51),J(3),R()()}if(e&2){let e=G();A(3),X(`: `,e.injector.component)}}function eV(e,t){if(e&1&&(L(0,`span`,78),z(1,`span`,43),J(2,` Null injector `),L(3,`span`,80),J(4,`throws NullInjectorError`),R()()),e&2){let e=G(4);A(),K(`background`,e.tone(`null`))}}function tV(e,t){if(e&1&&(L(0,`span`,82),J(1),L(2,`span`,51),J(3),R()()),e&2){let e=G(2).$implicit;A(),X(` `,e.providers,` `),A(2),Y(e.providers===1?`provider`:`providers`)}}function nV(e,t){if(e&1){let e=H();L(0,`button`,81),U(`click`,function(){E(e);let t=G().$implicit;return D(G(3).reveal(t.id))}),z(1,`span`,43),L(2,`span`,44),J(3),R(),M(4,tV,4,2,`span`,82),R()}if(e&2){let e=G().$implicit,t=G(3);A(),K(`background`,t.tone(e.kind)),A(2),Y(e.label),A(),N(e.providers?4:-1)}}function rV(e,t){if(e&1&&(L(0,`li`),M(1,eV,5,2,`span`,78)(2,nV,5,4,`button`,79),R()),e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`current`,n===0),A(),N(e.id===r.nullId?1:2)}}function iV(e,t){e&1&&(L(0,`p`,70),J(1,`Only services this injector has already created are listed.`),R())}function aV(e,t){if(e&1&&(L(0,`span`,88),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function oV(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),X(`for `,e.from)}}function sV(e,t){if(e&1){let e=H();L(0,`button`,93),U(`click`,function(){let t=E(e);return D(G(6).reveal(t))}),z(1,`span`,43),J(2,` from `),L(3,`span`,44),J(4),R()()}if(e&2){let e=t,n=G(6);A(),K(`background`,n.tone(n.kindById(e))),A(3),Y(n.labelById(e))}}function cV(e,t){e&1&&(L(0,`span`,91),J(1,`optional, not provided`),R())}function lV(e,t){e&1&&(L(0,`span`,92),J(1,`not provided anywhere`),R())}function uV(e,t){if(e&1&&(L(0,`li`,85)(1,`div`,86)(2,`span`,87),J(3),R(),P(4,aV,2,1,`span`,88,Ag),R(),L(6,`div`,89),M(7,oV,2,1,`span`),M(8,sV,5,3,`button`,90)(9,cV,2,0,`span`,91)(10,lV,2,0,`span`,92),R()()),e&2){let e,n=t.$implicit,r=G(3);q(`hit`,G(2).matches(n.token)),A(3),Y(n.token),A(),F(n.flags),A(3),N(r.injector.type!==`element`||r.injector.directives&&r.injector.directives.length>1?7:-1),A(),N((e=n.providedBy)?8:n.flags.includes(`optional`)?9:10,e)}}function dV(e,t){if(e&1&&(L(0,`ul`,83),P(1,uV,11,5,`li`,84,SB),R()),e&2){let e=G(2);A(),F(e.dependencies)}}function fV(e,t){e&1&&(L(0,`p`,75),J(1,`Nothing is injected through the constructor or inject().`),R())}function pV(e,t){e&1&&(L(0,`p`,75),J(1,`No service created here has injected anything yet.`),R())}function mV(e,t){if(e&1&&(L(0,`div`,69)(1,`h3`),J(2),L(3,`span`,16),J(4),R()(),M(5,iV,2,0,`p`,70),M(6,dV,3,0,`ul`,83)(7,fV,2,0,`p`,75)(8,pV,2,0,`p`,75),R()),e&2){let e=G();A(2),X(` `,e.injector.type===`element`?`Injected here`:`Injected by its services`,` `),A(2),Y(e.dependencies?.length??0),A(),N(e.injector.type===`element`?-1:5),A(),N(e.dependencies?.length?6:e.injector.type===`element`?7:8)}}function hV(e,t){if(e&1){let e=H();L(0,`p`,73),J(1),L(2,`button`,46),U(`click`,function(){return E(e),D(G(3).setHideFramework(!1))}),J(3,` Show them `),R()()}if(e&2){let e=t;A(),Z(` `,e,` framework `,e===1?`provider`:`providers`,` hidden. `)}}function gV(e,t){e&1&&(L(0,`span`,88),J(1,`viewProviders`),R())}function _V(e,t){e&1&&(L(0,`span`,88),J(1,`multi`),R())}function vV(e,t){e&1&&(L(0,`span`,88),J(1,`Angular`),R())}function yV(e,t){if(e&1&&(L(0,`div`,89),J(1),R()),e&2){let e=G(2).$implicit;A(),X(`via `,e.importPath.join(` › `))}}function bV(e,t){if(e&1&&(L(0,`li`,95)(1,`div`,86)(2,`span`,87),J(3),R(),L(4,`span`,96),J(5),R(),M(6,gV,2,0,`span`,88),M(7,_V,2,0,`span`,88),M(8,vV,2,0,`span`,88),R(),M(9,yV,2,1,`div`,89),z(10,`app-store-global`,97),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(2),i=G(2);q(`hit`,i.matches(t.token)),A(3),Y(t.token),A(2),Y(t.type===`unknown`?`provider`:`use`+i.capital(t.type)),A(),N(t.isViewProvider?6:-1),A(),N(t.multi?7:-1),A(),N(t.framework?8:-1),A(),N(t.importPath?.length?9:-1),A(),I(`rpc`,i.rpc())(`pageId`,i.shownPageId())(`target`,gv(13,_B,r.injector.id,t.token,n))(`label`,t.token)(`canLog`,!0)}}function xV(e,t){if(e&1&&M(0,bV,11,17,`li`,94),e&2){let e=t.$implicit;N(G(4).isHidden(e)?-1:0)}}function SV(e,t){if(e&1&&(L(0,`ul`,74),P(1,xV,1,1,null,null,CB),R()),e&2){let e=G();A(),F(e.providers)}}function CV(e,t){e&1&&J(0,` No providers or viewProviders on this element. `)}function wV(e,t){e&1&&J(0,` This injector has no providers of its own. `)}function TV(e,t){if(e&1&&(L(0,`p`,75),M(1,CV,1,0)(2,wV,1,0),R()),e&2){let e=G();A(),N(e.injector.type===`element`?1:2)}}function EV(e,t){if(e&1&&(L(0,`section`,35)(1,`header`,62)(2,`span`,66),J(3),R(),L(4,`h2`,63),J(5),R(),M(6,QB,3,0,`ul`,67),M(7,$B,4,1,`button`,68),R(),L(8,`div`,69)(9,`h3`),J(10,`Lookup path`),R(),L(11,`p`,70),J(12,`Angular asks these injectors in order until one has the token.`),R(),L(13,`ol`,71),P(14,rV,3,3,`li`,72,xB),R()(),M(16,mV,9,4,`div`,69),L(17,`div`,69)(18,`h3`),J(19,` Provides `),L(20,`span`,16),J(21),R()(),M(22,hV,4,2,`p`,73),M(23,SV,3,0,`ul`,74)(24,TV,3,1,`p`,75),R()()),e&2){let e,n,r=t,i=G(2);A(2),K(`--%NS%tone`,i.tone(i.kind(r))),A(),Y(i.kind(r)),A(2),Y(i.label(r)),A(),N(r.injector.directives?.length?6:-1),A(),N((e=i.canShowComponent()&&r.injector.componentId)?7:-1,e),A(7),F(i.path()),A(2),N(r.injector.type===`element`||r.dependencies?16:-1),A(5),Y(i.providerCount(r)),A(),N((n=i.hiddenProviders(r))?22:-1,n),A(),N(i.providerCount(r)?23:i.hiddenProviders(r)?-1:24)}}function DV(e,t){if(e&1){let e=H();L(0,`p`,13),J(1,` Every component and directive gets an injector. When it asks for a token, Angular walks up this tree, then through the environment injectors, until something provides it. `),R(),L(2,`div`,14)(3,`div`,15)(4,`button`,9),U(`click`,function(){return E(e),D(G().setView(`element`))}),J(5,` Elements `),L(6,`span`,16),J(7),R()(),L(8,`button`,9),U(`click`,function(){return E(e),D(G().setView(`environment`))}),J(9,` Environment `),L(10,`span`,16),J(11),R()()(),L(12,`div`,17),O(),L(13,`svg`,18),z(14,`circle`,19)(15,`path`,20),R(),gs(),L(16,`input`,21,2),U(`input`,function(t){return E(e),D(G().query.set(t.target.value))})(`keydown.escape`,function(){return E(e),D(G().query.set(``))}),R()(),Gg(18,22),M(19,kB,3,1,`label`,23),L(20,`label`,23)(21,`input`,24),U(`change`,function(){E(e);let t=G();return D(t.onlyProviding.set(!t.onlyProviding()))}),R(),J(22,` With providers `),R(),L(23,`label`,23)(24,`input`,24),U(`change`,function(){E(e);let t=G();return D(t.setHideFramework(!t.hideFramework()))}),R(),J(25,` Hide framework `),R(),M(26,AB,2,1,`span`,25),M(27,jB,2,1,`span`,26),R(),M(28,MB,8,0,`p`,27),M(29,FB,6,1,`div`,28)(30,IB,4,1,`div`,29),L(31,`div`,30),M(32,VB,8,1,`div`,31),L(33,`div`,32),U(`keydown`,function(t){return E(e),D(G().onTreeKey(t))}),P(34,JB,14,19,`div`,33,bB),R(),M(36,XB,8,2,`section`,34)(37,EV,25,10,`section`,35),R()}if(e&2){let e,t,n=G(),r=d_(5);A(4),q(`active`,n.view()===`element`),j(`aria-pressed`,n.view()===`element`),A(3),Y(n.elementCount()),A(),q(`active`,n.view()===`environment`),j(`aria-pressed`,n.view()===`environment`),A(3),Y(n.environmentCount()),A(5),I(`value`,n.query()),A(2),I(`ngTemplateOutlet`,r),A(),N(n.view()===`element`?19:-1),A(2),I(`checked`,n.onlyProviding()),A(3),I(`checked`,n.hideFramework()),A(2),N(n.hideFramework()?26:-1),A(),N((e=n.zone())?27:-1,e),A(),N(n.truncated()?28:-1),A(),N(n.providedBy().length?29:n.query().trim()&&!n.rows().length?30:-1),A(3),N(n.rows().length?-1:32),A(),I(`hidden`,!n.rows().length),j(`aria-label`,n.view()===`element`?`Element injectors`:`Environment injectors`),A(),F(n.rows()),A(2),N((t=n.gone())?36:(t=n.selected())?37:-1,t)}}function OV(e,t){e&1&&(L(0,`div`,4),z(1,`span`,98),L(2,`p`,7),J(3,`Loading dependency injection data…`),R()())}function kV(e,t){e&1&&Gg(0,5),e&2&&(G(),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,vB)))}function AV(e,t){if(e&1&&(L(0,`div`,14),Gg(1,22),R()),e&2){G(2);let e=d_(5);A(),I(`ngTemplateOutlet`,e)}}function jV(e,t){e&1&&(M(0,AV,2,1,`div`,14),L(1,`div`,31)(2,`p`,7),J(3,`No DI data found`),R(),L(4,`p`,8),J(5,` Open the app in a browser with the devtools connected to see its live injectors. No providers, injectables or inject() calls were found in the source either. `),R()()),e&2&&N(G().pageOptions().length>1?0:-1)}function MV(e,t){e&1&&Gg(0,5),e&2&&(G(2),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,yB)))}function NV(e,t){if(e&1){let e=H();L(0,`div`,31)(1,`p`,7),J(2),R(),L(3,`p`,8),J(4,`Try part of a token name or a file path.`),R(),L(5,`button`,9),U(`click`,function(){return E(e),D(G(2).clearQuery())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);A(2),X(`No providers match “`,e.query(),`”`)}}function PV(e,t){if(e&1&&(L(0,`span`,108),J(1),R()),e&2){let e=G().$implicit;A(),X(`providedIn: `,e.providedIn)}}function FV(e,t){if(e&1&&(L(0,`span`,111),J(1),R()),e&2){let e=G().$implicit;A(),X(`as `,e.source)}}function IV(e,t){if(e&1&&(L(0,`li`,105)(1,`div`,106)(2,`span`,107),J(3),R(),M(4,PV,2,1,`span`,108),R(),L(5,`div`,109),z(6,`app-source-link`,110),M(7,FV,2,1,`span`,111),R()()),e&2){let e=t.$implicit;A(3),Y(e.token),A(),N(e.providedIn?4:-1),A(2),I(`file`,e.file)(`line`,e.line),A(),N(e.source!==`class`&&e.source!==`providers array`?7:-1)}}function LV(e,t){if(e&1&&(L(0,`section`,102)(1,`h2`),J(2),L(3,`span`,103),J(4),R()(),L(5,`ul`,104),P(6,IV,8,5,`li`,105,TB),R()()),e&2){let e=t.$implicit;A(2),X(` `,e.label,` `),A(2),Y(e.items.length),A(2),F(e.items)}}function RV(e,t){if(e&1&&(L(0,`div`,101),P(1,LV,8,2,`section`,102,wB),R()),e&2){let e=G(2);A(),F(e.groupedProviders())}}function zV(e,t){if(e&1){let e=H();L(0,`div`,14)(1,`div`,17),O(),L(2,`svg`,18),z(3,`circle`,19)(4,`path`,20),R(),gs(),L(5,`input`,99,2),U(`input`,function(t){return E(e),D(G().query.set(t.target.value))})(`keydown.escape`,function(){return E(e),D(G().query.set(``))}),R()(),Gg(7,22),L(8,`span`,100),J(9),R()(),M(10,MV,1,3,`ng-container`,5),L(11,`p`,27),O(),L(12,`svg`,36),z(13,`circle`,37)(14,`path`,38),R(),gs(),L(15,`span`)(16,`strong`),J(17,`DI from source scan (static analysis).`),R(),J(18,` Connect the overlay on Angular 20 or later to see the live injector tree. `),R()(),M(19,NV,7,1,`div`,31)(20,RV,3,0,`div`,101)}if(e&2){let e=G(),t=d_(5);A(5),I(`value`,e.query()),A(2),I(`ngTemplateOutlet`,t),A(2),Z(` `,e.sourceMatchCount(),` of `,e.sourceProviders().length,` `),A(),N(e.loadFailed()?10:-1),A(9),N(e.groupedProviders().length===0?19:20)}}var BV=`inj-null`,VV=`injectors.hideFramework`,HV=12,UV=600,WV={component:`var(--accent-text)`,directive:`var(--directive)`,environment:`var(--ok-text)`,null:`var(--text-3)`};function GV(e){return e.injector.type===`element`?e.injector.component?`component`:`directive`:`environment`}function KV(e){return e.injector.type===`element`?`<${e.injector.name}>`:e.injector.name}function qV(e){return Array.isArray(e)}var JV=class e{rpc=$(null);focus=$(null);canShowComponent=$(!1);focusHandled=Rv();showComponent=Rv();injector=w(ws);nullId=BV;hostPage=kE();treeState=k(null);pageTitles=k({});chosenPageId=k(null);treePages=Q(()=>{let e=this.treeState();if(!e)return{};let t=e.pages&&typeof e.pages==`object`?e.pages:{};return Object.keys(t).length||this.hostPage?t:{"":e}});shownPageId=Fv({source:()=>({pages:this.treePages(),chosen:this.chosenPageId()}),computation:({pages:e,chosen:t},n)=>{let r={};for(let[t,n]of Object.entries(e))r[t]={pageId:t,reportedAt:typeof n?.reportedAt==`number`?n.reportedAt:0};return AE(r,{chosen:t,host:this.hostPage,previous:n?.value??null})}});shownPage=Q(()=>{let e=this.shownPageId();return e===null?null:this.treePages()[e]??null});roots=Q(()=>{let e=this.shownPage()?.roots;return qV(e)?e:[]});environment=Q(()=>{let e=this.shownPage()?.environment;return qV(e)?e:[]});truncated=Q(()=>this.shownPage()?.truncated===!0);zone=Q(()=>{let e=this.shownPage()?.zone;return typeof e==`string`?ID(e):null});multiPage=Q(()=>!this.hostPage&&Object.keys(this.treePages()).length>1);pageOptions=Q(()=>{if(!this.multiPage())return[];let e=this.pageTitles();return Object.keys(this.treePages()).map(t=>{let n=e[t];return{value:t,label:n?.title||n?.url||`Page ${t}`,hint:n?.url}})});pageKey=Q(()=>this.shownPageId()??``);perPage(e){let t=new Map;return Fv({source:this.pageKey,computation:(n,r)=>(r&&t.set(r.source,r.value),t.has(n)?t.get(n):e())})}sourceProviders=k([]);loaded=k(!1);treeFailed=k(!1);sourceFailed=k(!1);loadFailed=Q(()=>this.treeFailed()||this.sourceFailed());retrying=k(!1);host=w(Fl);view=k(`element`);query=k(``);queryInput=Jv(`queryInput`);onlyProviding=k(!1);componentsOnly=k(!0);hideFramework=k(mB(VV)??!1);collapsed=this.perPage(()=>new Set);selectedId=this.perPage(()=>null);focusId=this.perPage(()=>null);announcement=k(``);selectedLabel=this.perPage(()=>null);wasGone=!1;index=Q(()=>{let e=new Map,t=new Map,n=(r,i)=>{for(let a of r)e.set(a.injector.id,a),i&&t.set(a.injector.id,i),n(a.children,a.injector.id)};n(this.roots(),null),n(this.environment(),null);let r=new Map;for(let t of e.values()){let e=t.injector.componentId;e&&t.injector.type===`element`&&r.set(e,t.injector.id)}return{map:e,parents:t,byComponent:r}});shownRoots=Q(()=>this.withoutFramework(this.roots()));shownEnvironment=Q(()=>this.withoutFramework(this.environment()));elementCount=Q(()=>this.count(this.shownRoots()));environmentCount=Q(()=>this.count(this.shownEnvironment()));frameworkHiddenCount=Q(()=>{let e=this.view()===`element`?this.roots():this.environment(),t=0,n=0,r=e=>{for(let i of e)i.injector.framework?t++:n+=i.providers.filter(e=>e.framework).length,r(i.children)};return r(e),{injectors:t,providers:n}});frameworkHiddenText=Q(()=>{let{injectors:e,providers:t}=this.frameworkHiddenCount(),n=(e,t)=>`${e} ${t}${e===1?``:`s`}`;return!e&&!t?`Nothing hidden`:t?e?`${n(e,`injector`)} and ${n(t,`provider`)} hidden`:`${n(t,`provider`)} hidden`:`${n(e,`injector`)} hidden`});visible=Q(()=>{let e=this.view()===`element`?this.shownRoots():this.shownEnvironment();this.view()===`element`&&this.componentsOnly()&&(e=this.prune(e,e=>!!e.injector.component)),this.onlyProviding()&&(e=this.prune(e,e=>this.providerCount(e)>0));let t=this.normalizedQuery();return t&&(e=this.prune(e,e=>this.nodeMatches(e,t))),e});rows=Q(()=>{let e=[],t=this.collapsed(),n=!!this.normalizedQuery(),r=(i,a)=>{for(let o of i){let i=n||!t.has(o.injector.id);e.push({node:o,depth:a,hasChildren:o.children.length>0,expanded:i}),i&&r(o.children,a+1)}};return r(this.visible(),0),e});selected=Q(()=>{let e=this.selectedId();return e?this.index().map.get(e)??null:this.rows()[0]?.node??null});gone=Q(()=>{let e=this.selectedId();return e&&!this.index().map.has(e)?this.selectedLabel()??`The injector`:null});rovingId=Q(()=>{let e=this.rows(),t=this.focusId()??this.selected()?.injector.id;return t&&e.some(e=>e.node.injector.id===t)?t:e[0]?.node.injector.id??null});path=Q(()=>{let e=this.selected();if(!e)return[];let{map:t,parents:n}=this.index(),r=e.injector.path??[];if(!r.length){r=[e.injector.id];let t=n.get(e.injector.id);for(;t;)r.push(t),t=n.get(t);r.push(BV)}return r.map(e=>{let n=t.get(e);return{id:e,label:n?KV(n):e===BV?`Null injector`:`Not listed`,kind:n?GV(n):`null`,providers:n?this.providerCount(n):0}})});providerHits=Q(()=>{let e=this.normalizedQuery();if(!e)return[];let t=[];for(let n of this.index().map.values()){if(this.isHiddenInjector(n))continue;let r=n.providers.filter(t=>!this.isHidden(t)&&t.token.toLowerCase().includes(e));r.length&&t.push({id:n.injector.id,label:KV(n),kind:GV(n),tokens:r.map(e=>e.token).join(`, `)})}return t});providedBy=Q(()=>this.providerHits().slice(0,HV));providedByMore=Q(()=>Math.max(0,this.providerHits().length-HV));groupedProviders=Q(()=>{let e=this.normalizedQuery(),t=e?this.sourceProviders().filter(t=>t.token.toLowerCase().includes(e)||t.file.toLowerCase().includes(e)):this.sourceProviders(),n=[{type:`root-provider`,label:`Root Providers (provide*)`,items:[]},{type:`injectable`,label:`Injectable Services`,items:[]},{type:`injection`,label:`inject() Calls`,items:[]},{type:`provider`,label:`Component Providers`,items:[]}];for(let e of t)n.find(t=>t.type===e.type)?.items.push(e);return n.filter(e=>e.items.length>0)});sourceMatchCount=Q(()=>this.groupedProviders().reduce((e,t)=>e+t.items.length,0));searchSummary=Q(()=>{let e=this.query().trim();if(!e)return``;let t=this.providerHits().length;return t===1?`1 injector provides “${e}”.`:t>1?`${t} injectors provide “${e}”.`:this.rows().length?`No injector provides “${e}”.`:`Nothing here matches “${e}”.`});normalizedQuery=Q(()=>this.query().trim().toLowerCase());destroyRef=w(Es);stopTree=null;treeLoad=0;lastSearchMessage=``;constructor(){pc(e=>{let t=this.searchSummary();if(!t){this.lastSearchMessage=``;return}if(t===this.lastSearchMessage)return;let n=setTimeout(()=>{this.lastSearchMessage=t,this.announcement.set(t)},UV);e(()=>clearTimeout(n))}),pc(()=>{let e=this.rpc();e&&(this.loadInjectorTree(e),this.loadSourceProviders(e))}),pc(e=>{let t=this.rpc();if(!t||!this.multiPage())return;let n=!0,r=null;e(()=>{n=!1,r?.()}),t.scope(`pangular`).rpc.sharedState(`component-tree`).then(e=>{if(!n)return;let t=e=>{let t=e?.pages;this.pageTitles.set(t&&typeof t==`object`?t:{})};t(e.value()),r=e.on(`updated`,t)}).catch(()=>{})}),pc(()=>{let e=this.focus();if(!e)return;let t=this.treePages(),n=this.shownPageId();if(e.pageId&&n!==e.pageId&&t[e.pageId]){Nv(()=>this.selectPage(e.pageId));return}(this.treeState()||this.treeFailed())&&Nv(()=>{let t=!e.pageId||n===e.pageId?this.index().byComponent.get(e.componentId):void 0,r=t?this.index().map.get(t):void 0;t&&r?(this.reveal(t),this.announcement.set(`Showing the injector of ${KV(r)}.`)):this.announcement.set(`That component's injector is not on this page.`),this.focusHandled.emit()})}),this.destroyRef.onDestroy(()=>{this.stopTree?.(),this.highlight(null)})}setHideFramework(e){this.hideFramework.set(e),hB(VV,e)}openComponent(e){let t=this.shownPageId();this.showComponent.emit(t?{id:e,pageId:t}:{id:e})}isHidden(e){return this.hideFramework()&&e.framework===!0}isHiddenInjector(e){return this.hideFramework()&&e.injector.framework===!0}providerCount(e){if(!this.hideFramework())return e.injector.providerCount;let t=e.providers.filter(e=>e.framework).length;return Math.max(0,e.injector.providerCount-t)}hiddenProviders(e){return this.hideFramework()?e.providers.filter(e=>e.framework).length:0}async retry(){let e=this.rpc();if(!e||this.retrying())return;let t=document.activeElement;this.retrying.set(!0);try{await Promise.all([this.loadInjectorTree(e),this.loadSourceProviders(e)])}finally{this.retrying.set(!1)}this.destroyRef.destroyed||Vd(()=>{t?.isConnected&&document.activeElement!==document.body||this.host.nativeElement.querySelector(`.toolbar input, .toolbar button`)?.focus()},{injector:this.injector})}clearQuery(){this.query.set(``),this.queryInput()?.nativeElement.focus()}label(e){return KV(e)}kind(e){return GV(e)}tone(e){return WV[e]??WV.null}kindById(e){let t=this.index().map.get(e);return t?GV(t):`null`}labelById(e){let t=this.index().map.get(e);return t?KV(t):e===BV?`Null injector`:`not listed`}capital(e){return e.charAt(0).toUpperCase()+e.slice(1)}matches(e){let t=this.normalizedQuery();return!!t&&e.toLowerCase().includes(t)}setView(e){this.view()!==e&&(this.view.set(e),this.choose(null),this.focusId.set(null))}select(e){this.choose(e),this.focusId.set(e)}choose(e){let t=e?this.index().map.get(e):void 0;this.selectedId.set(e),this.selectedLabel.set(t?KV(t):null),this.wasGone=!1}syncGone(){let e=this.gone()!==null;if(e&&!this.wasGone){let e=`The selected injector is no longer on the page.`;this.announcement.update(t=>t===e?`${e}\u00a0`:e)}this.wasGone=e}selectPage(e){if(!e||e===this.shownPageId())return;this.chosenPageId.set(e),this.wasGone=this.gone()!==null;let t=this.pageOptions().find(t=>t.value===e)?.label??e;this.announcement.set(`Showing the injectors of ${t}.`)}notePageGone(e){let t=this.chosenPageId();if(!t||e?.[t])return;let n=this.pageOptions().find(e=>e.value===t)?.label??`The chosen page`;this.chosenPageId.set(null),this.announcement.set(`${n} closed, so this shows another page.`),this.wasGone=!0}toggle(e,t){t?.stopPropagation(),!this.normalizedQuery()&&this.collapsed.update(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}reveal(e){let t=this.index().map.get(e);if(!t)return;this.setView(t.injector.type===`element`?`element`:`environment`);let{parents:n}=this.index();this.collapsed.update(t=>{let r=new Set(t),i=n.get(e);for(;i;)r.delete(i),i=n.get(i);return r}),this.onlyProviding()&&this.providerCount(t)===0&&this.onlyProviding.set(!1),t.injector.type===`element`&&!t.injector.component&&this.componentsOnly.set(!1),this.isHiddenInjector(t)&&this.hideFramework.set(!1);let r=this.normalizedQuery();r&&!this.nodeMatches(t,r)&&this.query.set(``),this.select(e),Vd(()=>this.focusRow(e,!1),{injector:this.injector})}highlight(e){let t=this.rpc();if(!t)return;let n=e?.injector.type===`element`?e.injector.selector??null:null,r=n?{pageId:this.shownPageId()||null,selector:n}:null;t.scope(`pangular`).rpc.call(`request-page-highlight`,r).catch(()=>{})}onTreeKey(e){let t=this.rows();if(!t.length)return;let n=this.rovingId(),r=t.findIndex(e=>e.node.injector.id===n),i=Math.max(r,0),a=t[i],o=-1;switch(e.key){case`ArrowDown`:o=Math.min(i+1,t.length-1);break;case`ArrowUp`:o=Math.max(i-1,0);break;case`Home`:o=0;break;case`End`:o=t.length-1;break;case`ArrowRight`:a.hasChildren&&!a.expanded?this.toggle(a.node.injector.id):a.hasChildren&&(o=i+1);break;case`ArrowLeft`:if(a.hasChildren&&a.expanded&&!this.normalizedQuery())this.toggle(a.node.injector.id);else{let{parents:e}=this.index(),n=e.get(a.node.injector.id);for(o=-1;n&&o<0;){let r=n;o=t.findIndex(e=>e.node.injector.id===r),n=e.get(n)}}break;case`Enter`:case` `:this.select(a.node.injector.id);break;default:return}if(e.preventDefault(),o>=0){let e=t[o].node.injector.id;this.focusId.set(e),this.choose(e),queueMicrotask(()=>this.focusRow(e,!0))}}focusRow(e,t){let n=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);n&&(t&&n.focus(),n.scrollIntoView({block:`nearest`}))}clearTree(){this.stopTree?.(),this.stopTree=null}async loadInjectorTree(e){let t=++this.treeLoad;this.clearTree();let n=e.scope(`pangular`),r;try{r=await n.rpc.sharedState(`injector-tree`)}catch{t===this.treeLoad&&this.treeFailed.set(!0);return}if(this.destroyRef.destroyed||this.rpc()!==e||t!==this.treeLoad)return;this.treeFailed.set(!1);let i=e=>{let t=e&&typeof e==`object`?e:null;this.notePageGone(t?.pages),this.treeState.set(t),this.syncGone()};i(r.value()),this.clearTree(),this.stopTree=r.on(`updated`,i)}async loadSourceProviders(e){let t=e.scope(`pangular`);try{this.sourceProviders.set(await t.rpc.call(`get-providers`)),this.sourceFailed.set(!1)}catch{this.sourceProviders.set([]),this.sourceFailed.set(!0)}finally{this.loaded.set(!0)}}count(e){return e.reduce((e,t)=>e+1+this.count(t.children),0)}nodeMatches(e,t){let n=e.injector;return n.name.toLowerCase().includes(t)||!!n.component?.toLowerCase().includes(t)||!!n.directives?.some(e=>e.toLowerCase().includes(t))||e.providers.some(e=>e.token.toLowerCase().includes(t))||!!e.dependencies?.some(e=>e.token.toLowerCase().includes(t))}withoutFramework(e){if(!this.hideFramework())return e;let t=e=>e.flatMap(e=>e.injector.framework?t(e.children):[{...e,children:t(e.children)}]);return t(e)}prune(e,t){let n=[];for(let r of e){let e=this.prune(r.children,t);(t(r)||e.length)&&n.push({...r,children:e})}return n}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-di-inspector`]],viewQuery:function(e,t){e&1&&l_(t.queryInput,gB,5),e&2&&u_()},inputs:{rpc:[1,`rpc`],focus:[1,`focus`],canShowComponent:[1,`canShowComponent`]},outputs:{focusHandled:`focusHandled`,showComponent:`showComponent`},decls:11,vars:2,consts:[[`loadError`,``],[`pagePicker`,``],[`queryInput`,``],[`role`,`status`,1,`sr-only`],[`role`,`status`,1,`state`],[3,`ngTemplateOutlet`,`ngTemplateOutletContext`],[`role`,`alert`,1,`state`,`load-error`],[1,`state-title`],[1,`state-hint`],[`type`,`button`,3,`click`],[1,`page-picker`],[`id`,`di-page-label`,1,`label-key`],[`labelledBy`,`di-page-label`,3,`valueChange`,`options`,`value`],[1,`intro`],[1,`toolbar`],[`role`,`group`,`aria-label`,`Injector tree`,1,`segmented`],[1,`pill`],[1,`search`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`type`,`search`,`placeholder`,`Find a token, component or injector…`,`aria-label`,`Find a token, component or injector`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[3,`ngTemplateOutlet`],[1,`checkbox`],[`type`,`checkbox`,3,`change`,`checked`],[1,`total`,`framework-hidden`],[1,`total`],[1,`notice`],[1,`where`],[1,`where`,`muted`],[1,`layout`],[1,`state`],[`role`,`tree`,1,`tree`,3,`keydown`,`hidden`],[`role`,`treeitem`,1,`row`,3,`selected`,`--%NS%depth`],[`aria-labelledby`,`di-detail-title`,1,`detail`,`gone`],[`aria-labelledby`,`di-detail-title`,1,`detail`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`],[`cx`,`12`,`cy`,`12`,`r`,`9`],[`d`,`M12 11v5M12 8h.01`],[1,`where-label`],[`type`,`button`,1,`chip`],[1,`more`],[`type`,`button`,1,`chip`,3,`click`],[`aria-hidden`,`true`,1,`dot`],[1,`mono`],[1,`chip-tokens`],[`type`,`button`,1,`link`,3,`click`],[`role`,`treeitem`,1,`row`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`],[`aria-hidden`,`true`,1,`twisty`,3,`open`],[`aria-hidden`,`true`,1,`twisty-space`],[`aria-hidden`,`true`,1,`kind`],[1,`sr-only`],[1,`name`,`mono`],[1,`sub`],[1,`meta`],[1,`count`],[1,`count`,`provides`],[`aria-hidden`,`true`,1,`twisty`,3,`click`],[`viewBox`,`0 0 24 24`],[`d`,`m9 6 6 6-6 6`],[`d`,`M12 5v14M5 12l7 7 7-7`],[`d`,`M21 8 12 3 3 8v8l9 5 9-5z`],[1,`detail-head`],[`id`,`di-detail-title`,1,`mono`],[1,`state`,`compact`],[`type`,`button`],[1,`badge`],[`aria-label`,`Classes on this element`,1,`classes`],[`type`,`button`,1,`show-component`],[1,`block`],[1,`hint`],[1,`path`],[3,`current`],[1,`hint`,`framework-note`],[1,`providers`],[1,`empty-line`],[3,`is-component`],[`type`,`button`,1,`show-component`,3,`click`],[1,`step`,`null`],[`type`,`button`,1,`step`],[1,`hint-inline`],[`type`,`button`,1,`step`,3,`click`],[1,`step-count`],[1,`deps`],[1,`dep`,3,`hit`],[1,`dep`],[1,`dep-main`],[1,`token`,`mono`],[1,`flag`],[1,`dep-meta`],[`type`,`button`,1,`from`],[1,`from`,`absent`],[1,`from`,`missing`],[`type`,`button`,1,`from`,3,`click`],[1,`provider`,3,`hit`],[1,`provider`],[1,`flag`,`kind-flag`],[1,`provider-global`,3,`rpc`,`pageId`,`target`,`label`,`canLog`],[`aria-hidden`,`true`,1,`spinner`],[`type`,`search`,`placeholder`,`Filter by token or file…`,`aria-label`,`Filter by token or file`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[`aria-live`,`polite`,1,`total`],[1,`source-providers`],[1,`provider-group`],[1,`section-count`],[`role`,`list`,1,`provider-list`],[1,`provider-card`],[1,`provider-header`],[1,`token`],[1,`provided-in`],[1,`provider-meta`],[1,`path`,3,`file`,`line`],[1,`as`]],template:function(e,t){e&1&&(L(0,`p`,3),J(1),R(),sg(2,EB,7,5,`ng-template`,null,0,Ev)(4,OB,1,1,`ng-template`,null,1,Ev),M(6,DV,38,21)(7,OV,4,0,`div`,4)(8,kV,1,3,`ng-container`,5)(9,jV,6,1)(10,zV,21,6)),e&2&&(A(),Y(t.announcement()),A(5),N(t.roots().length>0?6:t.loaded()?t.loadFailed()&&t.sourceProviders().length===0?8:t.sourceProviders().length===0?9:10:7))},dependencies:[lb,fO,fj,hM],styles:[`[_nghost-%COMP%] {
   --%NS%directive: #7cb4ff;
   display: block;
   color: var(--%NS%text);
@@ -7864,11 +7864,11 @@ button[_ngcontent-%COMP%] {
 
 .provider-meta[_ngcontent-%COMP%]   .as[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
-}`]})},NV=1e3;function PV(e){return`${e>=1e3?`${NV}+`:String(e)} more ${e===1?`change`:`changes`} not shown`}function FV(e){let t=e.diffTruncated??0,n=e.diff.length+t;return n===0?`no change`:`${t>=1e3?`${n}+`:String(n)} ${n===1?`change`:`changes`}`}function IV(e,t){if(e.pageId!==t.pageId)return!1;let n=e.log.at(-1);if(!n)return!0;let r=t.log.at(-1);if(!r||r.seq<n.seq)return!1;let i=t.log.find(e=>e.seq===n.seq);return!i||i.timestamp===n.timestamp}var LV=`@type`,RV=new Set([`undefined`,`number`,`bigint`,`symbol`,`function`,`Date`,`RegExp`,`Error`,`Element`,`Map`,`Set`]);function zV(e){return!!e&&typeof e==`object`&&!Array.isArray(e)&&LV in e&&RV.has(e[LV])}function BV(e){return/^[A-Za-z_$][\w$]*$/.test(e)?e:JSON.stringify(e)}function VV(e,t=``){if(e===null)return`null`;if(typeof e==`string`)return JSON.stringify(e);if(typeof e!=`object`)return String(e);let n=t+`  `;if(Array.isArray(e))return e.length?`[\n${e.map(e=>n+VV(e,n)).join(`,
-`)}\n${t}]`:`[]`;if(zV(e)){let r=e;switch(r[LV]){case`undefined`:return`undefined`;case`Date`:return`Date(${r.value})`;case`bigint`:return`${r.value}n`;case`symbol`:return`Symbol(${r.value})`;case`function`:return`ƒ ${r.name}()`;case`Error`:return`${r.name??`Error`}: ${r.message}`;case`Element`:return`<${r.value}>`;case`Map`:{let e=r.entries??[];if(!e.length)return`Map(${r.size}) {}`;let i=e.map(([e,t])=>`${n}${VV(e,n)} => ${VV(t,n)}`);return`Map(${r.size}) {\n${i.join(`,
-`)}\n${t}}`}case`Set`:{let e=r.values??[];return e.length?`Set(${r.size}) {\n${e.map(e=>n+VV(e,n)).join(`,
-`)}\n${t}}`:`Set(${r.size}) {}`}default:return String(r.value??r[LV])}}let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${BV(e)}: ${VV(t,n)}`).join(`,
-`)}\n${t}}`:`{}`}function HV(e,t=120){let n=VV(e).replace(/\s*\n\s*/g,` `);return n.length>t?`${n.slice(0,t-1)}…`:n}var UV=[`eventDetailHeading`],WV=[`cancelButton`],GV=[`restoreButton`],KV=[`stateTree`],qV=[`filterInput`],JV=[`latestButton`],YV=e=>({kind:`ngrx`,storeId:e}),XV=e=>({selected:e,headingLevel:5,idPrefix:`ngrx-change`}),ZV=e=>({selected:e,headingLevel:3,idPrefix:`ngrx-event`}),QV=(e,t)=>t.id,$V=(e,t)=>t.seq,eH=(e,t)=>t.key,tH=(e,t)=>t.name,nH=(e,t)=>t.idsKey,rH=(e,t)=>t.path,iH=(e,t)=>t.kind,aH=(e,t)=>t.name+t.file+t.line;function oH(e,t){if(e&1){let e=H();L(0,`span`,25),J(1,`Page`),R(),L(2,`app-select`,26),U(`valueChange`,function(t){return E(e),D(G().selectPage(t))}),R()}if(e&2){let e=G();A(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function sH(e,t){if(e&1&&(L(0,`span`,14),J(1),R()),e&2){let e=G();A(),Y(e.liveStores().length)}}function cH(e,t){if(e&1){let e=H();L(0,`div`,15)(1,`p`,27),J(2,`Could not load the live store state.`),R(),L(3,`p`,28),J(4,`Check that the dev server with Pangular Inspector is still running.`),R(),L(5,`button`,29),U(`click`,function(){return E(e),D(G().retry())}),J(6,`Retry`),R()()}}function lH(e,t){e&1&&(L(0,`div`,16)(1,`p`,27),J(2,`Loading…`),R()())}function uH(e,t){e&1&&(L(0,`div`,17)(1,`p`,27),J(2,`No page is reporting NgRx state yet.`),R(),L(3,`p`,28),J(4,` Open the app in a browser. Stores show up here as soon as the page creates them. `),R()())}function dH(e,t){e&1&&(L(0,`p`,27),J(1,`No signal store instance on this page yet.`),R(),L(2,`p`,28),J(3,` A `),L(4,`code`),J(5,`signalStore`),R(),J(6,` is created the first time something injects it. Navigate to a page that uses the store and it appears here. `),R())}function fH(e,t){e&1&&(L(0,`p`,27),J(1,`The @ngrx/store Store was not found on this page.`),R(),L(2,`p`,28),J(3,` Check that `),L(4,`code`),J(5,`provideStore()`),R(),J(6,` or `),L(7,`code`),J(8,`StoreModule.forRoot()`),R(),J(9,` is part of the providers of the running app. `),R())}function pH(e,t){e&1&&(L(0,`p`,27),J(1,`This page has no NgRx store.`),R(),L(2,`p`,28),J(3,` Stores from `),L(4,`code`),J(5,`@ngrx/signals`),R(),J(6,` (`),L(7,`code`),J(8,`signalStore`),R(),J(9,`, `),L(10,`code`),J(11,`signalState`),R(),J(12,`) and `),L(13,`code`),J(14,`@ngrx/store`),R(),J(15,` are listed here once the app creates them. `),R())}function mH(e,t){if(e&1&&(L(0,`div`,17),M(1,dH,7,0)(2,fH,10,0)(3,pH,16,0),R()),e&2){let e=G();A(),N(e.usesSignals()?1:e.usesClassic()?2:3)}}function hH(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,33),U(`click`,function(){let t=E(e).$implicit;return D(G(2).selectStore(t.id))}),L(2,`span`,34),z(3,`span`,35),L(4,`span`,36),J(5),R()(),L(6,`span`,37),J(7),R()()()}if(e&2){let e=t.$implicit,n=G(2);A(),q(`selected`,e.id===n.store()?.id),j(`aria-pressed`,e.id===n.store()?.id),A(2),K(`background`,n.kindColor(e.kind)),A(2),Y(e.label),A(2),iv(` `,n.kindLabel(e.kind),` · `,e.scope,` · `,n.changeCount(e.id),` `,n.changeCount(e.id)===1?`change`:`changes`,` `)}}function gH(e,t){e&1&&(L(0,`li`,31),J(1,`No stores match this filter.`),R())}function _H(e,t){e&1&&z(0,`app-source-link`,41),e&2&&I(`file`,t)}function vH(e,t){if(e&1&&(L(0,`span`,40),J(1),R()),e&2){let e=G();A(),Y(e.classic.devtools?`Store DevTools on`:`Store DevTools off`)}}function yH(e,t){if(e&1&&(L(0,`code`),J(1),R(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;A(),Y(e),A(),X(``,n===r-1?``:`, `,` `)}}function bH(e,t){if(e&1&&(L(0,`p`,42),J(1,` Referenced by `),P(2,yH,3,2,null,null,Ag),R()),e&2){let e=G();A(2),F(e.signal.references)}}function xH(e,t){if(e&1&&(L(0,`p`,60),J(1),R()),e&2){let e=G(4);A(),Y(e.restoreOff)}}function SH(e,t){if(e&1){let e=H();L(0,`div`,43)(1,`p`)(2,`strong`),J(3,`Viewing a past state.`),R(),J(4,` New actions are logged but do not change the state until you go back to the latest state. `),R(),L(5,`button`,59,3),U(`click`,function(){return E(e),D(G(3).backToLatest())}),J(7,` Back to latest `),R(),M(8,xH,2,1,`p`,60),R()}if(e&2){let e=G(3);A(5),I(`disabled`,e.busy()||!e.canRestore()),j(`aria-describedby`,e.canRestore()?null:`store-latest-off`),A(3),N(e.canRestore()?-1:8)}}function CH(e,t){if(e&1&&(L(0,`dt`),J(1),R(),L(2,`dd`)(3,`code`,68),J(4),R()()),e&2){let e=t.$implicit;A(),Y(e.key),A(2),I(`title`,e.full),A(),Y(e.value)}}function wH(e,t){if(e&1&&(L(0,`dl`,63),P(1,CH,5,3,null,null,eH),R()),e&2){let e=G(4);A(),F(e.computedEntries())}}function TH(e,t){e&1&&(L(0,`p`,64),J(1,`No computed signals.`),R())}function EH(e,t){e&1&&(L(0,`span`,70),J(1,`signalMethod`),R())}function DH(e,t){e&1&&(L(0,`span`,70),J(1,`rxMethod`),R())}function OH(e,t){if(e&1&&(L(0,`li`,69),J(1),M(2,EH,2,0,`span`,70)(3,DH,2,0,`span`,70),L(4,`span`,71),J(5),R()()),e&2){let e=t.$implicit,n=G(5);A(),X(` `,e.name,` `),A(),N(e.signalMethod?2:e.rx?3:-1),A(3),rv(``,e.calls,` `,e.calls===1?`call`:`calls`,``,n.methodDuration(e))}}function kH(e,t){if(e&1&&(L(0,`ul`,66),P(1,OH,6,5,`li`,69,tH),R()),e&2){let e=G();A(),F(e.methods)}}function AH(e,t){e&1&&(L(0,`p`,64),J(1,`No methods.`),R())}function jH(e,t){if(e&1&&(L(0,`li`,69),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function MH(e,t){if(e&1&&(L(0,`li`,78),J(1),R()),e&2){let e=G().$implicit;I(`title`,G(5).entityOverflowTitle(e.ids,e.count)),A(),X(` +`,e.count-30,` more `)}}function NH(e,t){if(e&1&&(L(0,`code`,68),J(1),R()),e&2){let e=G(2).$implicit,t=G(5);I(`title`,t.prettyText(e.selected)),A(),Y(t.shortText(e.selected))}}function PH(e,t){e&1&&(L(0,`span`,64),J(1,`None selected`),R())}function FH(e,t){if(e&1&&(L(0,`dl`,63)(1,`dt`),J(2,`Selected`),R(),L(3,`dd`),M(4,NH,2,2,`code`,68)(5,PH,2,0,`span`,64),R()()),e&2){let e=G().$implicit;A(4),N(e.selected===void 0?5:4)}}function IH(e,t){if(e&1&&(L(0,`div`,74)(1,`div`,75)(2,`span`,69),J(3),R(),L(4,`span`,76),J(5),R()(),L(6,`ul`,77),P(7,jH,2,1,`li`,69,Ag),M(9,MH,2,2,`li`,78),R(),M(10,FH,6,1,`dl`,63),R()),e&2){let e=t.$implicit,n=G(5);A(3),Y(e.collection??`entities`),A(2),Z(``,e.count,` `,e.count===1?`entity`:`entities`),A(),j(`aria-label`,(e.collection??`entities`)+` ids`),A(),F(n.entityIds(e.ids)),A(2),N(e.count>30?9:-1),A(),N(e.selectedId===void 0?-1:10)}}function LH(e,t){if(e&1&&(L(0,`section`,67)(1,`h4`,72),J(2,`Entities`),R(),L(3,`div`,73),P(4,IH,11,6,`div`,74,nH),R()()),e&2){let e=G();A(4),F(e.entities)}}function RH(e,t){if(e&1&&(L(0,`section`,61)(1,`h4`,62),J(2,`Computed`),R(),M(3,wH,3,0,`dl`,63)(4,TH,2,0,`p`,64),L(5,`h4`,65),J(6,`Methods`),R(),M(7,kH,3,0,`ul`,66)(8,AH,2,0,`p`,64),R(),M(9,LH,6,0,`section`,67)),e&2){let e=t,n=G(3);A(3),N(n.computedEntries().length?3:4),A(4),N(e.methods.length?7:8),A(2),N(e.entities?.length?9:-1)}}function zH(e,t){if(e&1&&(L(0,`span`,83),J(1),R()),e&2){let e=t;I(`title`,`Caused by `+G(4).kindLabel(`event`)+`: `+e.type),A(),Y(e.type)}}function BH(e,t){if(e&1&&(L(0,`span`,70),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.origin)}}function VH(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` · `,G(3).formatDuration(e.durationMs),` `)}}function HH(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,79),U(`click`,function(){let t=E(e).$implicit;return D(G(3).selectChange(t.seq))}),L(2,`span`,80),J(3),R(),L(4,`span`,81)(5,`span`,82),J(6),R(),M(7,zH,2,2,`span`,83),R(),L(8,`span`,84),M(9,BH,2,1,`span`,70),J(10),M(11,VH,1,1),R()()()}if(e&2){let e,n=t.$implicit,r=G(3);A(),q(`selected`,n.seq===r.selectedChangeSeq()),j(`aria-pressed`,n.seq===r.selectedChangeSeq())(`aria-controls`,n.seq===r.selectedChangeSeq()?`ngrx-change-detail`:null),A(2),X(`#`,n.seq),A(2),I(`title`,n.type),A(),Y(n.type),A(),N((e=n.causedByEvent)?7:-1,e),A(2),N(n.origin?9:-1),A(),Z(` `,r.changesLabel(n),` · `,r.formatTime(n.timestamp),` `),A(),N(n.durationMs===void 0?-1:11)}}function UH(e,t){e&1&&J(0,` No entries match this filter. `)}function WH(e,t){e&1&&J(0,` No actions dispatched since the page connected. `)}function GH(e,t){e&1&&J(0,` No state changes yet. Method calls and patchState writes that change the state are recorded here. `)}function KH(e,t){if(e&1&&(L(0,`li`,31),M(1,UH,1,0)(2,WH,1,0)(3,GH,1,0),R()),e&2){let e=G(),t=G(2);A(),N(t.filter()?1:e.classic?2:3)}}function qH(e,t){if(e&1&&(L(0,`div`,57),Gg(1,85),R()),e&2){G(3);let e=d_(21);A(),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,XV,t))}}function JH(e,t){if(e&1&&z(0,`option`,90),e&2){let e=t.$implicit;I(`value`,e)}}function YH(e,t){if(e&1&&(L(0,`p`,96),J(1),R()),e&2){let e=G(4);A(),Y(e.restoreOff)}}function XH(e,t){if(e&1){let e=H();L(0,`section`,58)(1,`h4`,86),J(2,`Dispatch an action`),R(),L(3,`form`,87),U(`submit`,function(t){return E(e),D(G(3).dispatchAction(t))}),L(4,`label`)(5,`span`),J(6,`Type`),R(),L(7,`input`,88),U(`input`,function(t){return E(e),D(G(3).dispatchType.set(t.target.value))}),R()(),L(8,`datalist`,89),P(9,JH,1,1,`option`,90,Ag),R(),L(11,`label`)(12,`span`),J(13,`Payload `),L(14,`span`,91),J(15,`(JSON object, optional)`),R()(),L(16,`textarea`,92),U(`input`,function(t){return E(e),D(G(3).dispatchPayload.set(t.target.value))}),R()(),L(17,`p`,93),J(18),R(),L(19,`div`,94)(20,`button`,95),J(21,` Dispatch `),R()(),M(22,YH,2,1,`p`,96),R()()}if(e&2){let e=G(3);A(7),I(`value`,e.dispatchType()),A(2),F(e.actionTypes()),A(7),I(`value`,e.dispatchPayload()),j(`aria-invalid`,e.payloadError()?`true`:null),A(2),Y(e.payloadError()),A(2),I(`disabled`,e.busy()||!e.canRestore()||!e.dispatchRequest()),j(`aria-describedby`,e.canRestore()?null:`store-dispatch-off`),A(2),N(e.canRestore()?-1:22)}}function ZH(e,t){if(e&1){let e=H();L(0,`div`,32)(1,`div`,38)(2,`h3`),J(3),R(),L(4,`div`,39)(5,`span`,40),J(6),R(),L(7,`span`,40),J(8),R(),M(9,_H,1,1,`app-source-link`,41),M(10,vH,2,1,`span`,40),R(),M(11,bH,4,0,`p`,42),R(),M(12,SH,9,3,`div`,43),L(13,`div`,44)(14,`section`,45)(15,`div`,46)(16,`h4`,47),J(17,`State`),R(),L(18,`div`,48),z(19,`app-store-global`,49),L(20,`button`,50),U(`click`,function(){return E(e),D(G(2).copyState())}),J(21,` Copy `),R()()(),L(22,`pre`,51,2),J(24),R()(),M(25,RH,10,3),R(),L(26,`section`,52)(27,`h4`,53),J(28),L(29,`span`,14),J(30),R()(),z(31,`app-limit-note`,54),L(32,`div`,55)(33,`ul`,56),P(34,HH,12,12,`li`,null,$V,!1,KH,4,1,`li`,31),R(),M(37,qH,2,4,`div`,57),R()(),M(38,XH,23,7,`section`,58),R()}if(e&2){let e,n,r,i=t,a=G(2);A(3),Y(i.label),A(3),Y(a.kindLabel(i.kind)),A(2),X(`scope: `,i.scope),A(),N((e=i.signal?.declaredIn)?9:-1,e),A(),N(i.classic?10:-1),A(),N(i.signal?.references?.length?11:-1),A(),N(i.classic?.paused?12:-1),A(7),I(`rpc`,a.rpc())(`pageId`,a.page()?.pageId)(`target`,hv(21,YV,i.id))(`label`,i.label+` state`),A(5),Y(a.stateText()),A(),N((n=i.signal)?25:-1,n),A(3),X(` `,i.classic?`Action log`:`Change log`,` `),A(2),Y(a.storeLog().length),A(),I(`dropped`,a.page()?.dropped??0)(`max`,a.maxLog()),A(2),j(`aria-label`,i.classic?`Actions`:`Changes`),A(),F(a.storeLog()),A(3),N((r=a.changeEntry())?37:-1,r),A(),N(i.classic?38:-1)}}function QH(e,t){if(e&1&&(L(0,`div`,18)(1,`ul`,30),P(2,hH,8,10,`li`,null,QV,!1,gH,2,0,`li`,31),R(),M(5,ZH,39,23,`div`,32),R()),e&2){let e,t=G();A(2),F(t.filteredStores()),A(3),N((e=t.store())?5:-1,e)}}function $H(e,t){if(e&1&&(L(0,`code`,103),J(1),R()),e&2){let e=G().$implicit,t=G(2);I(`title`,t.prettyText(e.payload)),A(),Y(t.shortText(e.payload))}}function eU(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,101),U(`click`,function(){let t=E(e).$implicit;return D(G(2).selectEvent(t.seq))}),z(2,`span`,35),L(3,`span`,102),J(4),R(),M(5,$H,2,2,`code`,103),L(6,`span`,104),J(7),R()()()}if(e&2){let e=t.$implicit,n=G(2);A(),q(`selected`,e.seq===n.selectedEventSeq()),j(`aria-pressed`,e.seq===n.selectedEventSeq())(`aria-controls`,e.seq===n.selectedEventSeq()?`ngrx-event-detail`:null),A(),K(`background`,n.kindColor(`event`)),A(),I(`title`,e.eventType??e.type),A(),Y(e.eventType??e.type),A(),N(e.payload===void 0?-1:5),A(2),Y(n.formatTime(e.timestamp))}}function tU(e,t){e&1&&(L(0,`li`,31),J(1,`No events match this filter.`),R())}function nU(e,t){if(e&1&&(L(0,`div`,100,4),Gg(2,85),R()),e&2){G(2);let e=d_(21);A(2),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,ZV,t))}}function rU(e,t){if(e&1&&(L(0,`section`,20)(1,`div`,12)(2,`h2`,97),J(3,`Events`),R(),L(4,`span`,14),J(5),R()(),L(6,`p`,98),J(7,` Events dispatched through @ngrx/signals/events, across every store on this page. `),R(),L(8,`ul`,99),P(9,eU,8,10,`li`,null,$V,!1,tU,2,0,`li`,31),R(),M(12,nU,3,4,`div`,100),R()),e&2){let e,t=G();A(5),Y(t.pageEvents().length),A(4),F(t.pageEvents()),A(3),N((e=t.eventEntry())?12:-1,e)}}function iU(e,t){if(e&1&&(L(0,`dt`),J(1,`Origin`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().selected,t=G();A(3),Y(t.originText(e.origin))}}function aU(e,t){if(e&1&&(L(0,`dt`),J(1,`Duration`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().selected,t=G();A(3),Y(t.formatDuration(e.durationMs))}}function oU(e,t){if(e&1&&(L(0,`dt`),J(1,`Action`),R(),L(2,`dd`)(3,`pre`,109),J(4),R()()),e&2){let e=G().selected,t=G();A(4),Y(t.prettyText(e.action))}}function sU(e,t){if(e&1&&(L(0,`dt`),J(1,`Arguments`),R(),L(2,`dd`)(3,`pre`,109),J(4),R()()),e&2){let e=G().selected,t=G();A(4),Y(t.prettyText(e.args))}}function cU(e,t){if(e&1&&(L(0,`dt`),J(1,`Payload`),R(),L(2,`dd`)(3,`pre`,109),J(4),R()()),e&2){let e=G().selected,t=G();A(4),Y(t.prettyText(e.payload))}}function lU(e,t){if(e&1&&(L(0,`pre`,109),J(1),R()),e&2){let e=G(),t=G(2);A(),Y(t.prettyText(e.payload))}}function uU(e,t){if(e&1&&(L(0,`dt`),J(1,`Caused by event`),R(),L(2,`dd`)(3,`code`,110),J(4),R(),M(5,lU,2,1,`pre`,109),R()),e&2){let e=t;A(4),Y(e.type),A(),N(e.payload===void 0?-1:5)}}function dU(e,t){if(e&1){let e=H();L(0,`button`,114),U(`click`,function(){E(e);let t=G(2).selected;return D(G().copyDiff(t))}),J(1,` Copy `),R()}if(e&2){let e=G(2).selected;j(`aria-label`,`Copy the state diff of #`+e.seq)}}function fU(e,t){if(e&1&&(L(0,`code`,120),J(1),R()),e&2){let e=G().$implicit,t=G(4);A(),Y(t.shortText(e.before))}}function pU(e,t){e&1&&(L(0,`span`,122),J(1,`→`),R(),L(2,`span`,123),J(3,`became`),R())}function mU(e,t){if(e&1&&(L(0,`code`,121),J(1),R()),e&2){let e=G().$implicit,t=G(4);A(),Y(t.shortText(e.after))}}function hU(e,t){if(e&1&&(L(0,`li`)(1,`span`,117),J(2),R(),L(3,`code`,118),J(4),R(),L(5,`span`,119),M(6,fU,2,1,`code`,120),M(7,pU,4,0),M(8,mU,2,1,`code`,121),R()()),e&2){let e=t.$implicit,n=G(4);M_(`diff-row `+e.op),A(2),Y(n.opLabel(e.op)),A(2),Y(e.path),A(2),N(e.op===`add`?-1:6),A(),N(e.op===`change`?7:-1),A(),N(e.op===`remove`?-1:8)}}function gU(e,t){if(e&1&&(L(0,`p`,64),J(1),R()),e&2){let e=G(3).selected,t=G();A(),Y(t.moreChanges(e.diffTruncated))}}function _U(e,t){if(e&1&&(L(0,`ul`,115),P(1,hU,9,7,`li`,116,rH),R(),M(3,gU,2,1,`p`,64)),e&2){let e=G(2).selected;A(),F(e.diff),A(2),N(e.diffTruncated?3:-1)}}function vU(e,t){e&1&&(L(0,`p`,64),J(1,`The state did not change.`),R())}function yU(e,t){if(e&1&&(L(0,`div`,111)(1,`div`,112),J(2,`State diff`),R(),M(3,dU,2,1,`button`,113),R(),M(4,_U,4,1)(5,vU,2,0,`p`,64)),e&2){let e=G(),t=e.selected,n=e.headingLevel;A(),j(`aria-level`,n+1),A(2),N(t.diff.length?3:-1),A(),N(t.diff.length?4:5)}}function bU(e,t){if(e&1&&J(0),e&2){let e=G(2).selected;X(` Store DevTools jumps the app state to the state right after action #`,e.seq,`. Until you go back to the latest state, new actions are logged but do not change the state. `)}}function xU(e,t){if(e&1&&J(0),e&2){let e=G(3).selected;Z(` This sets every state key of `,t.label,` back to its value right after change #`,e.seq,`. Components that read the store update at once, and a new "Restore" entry is added to the log. `)}}function SU(e,t){if(e&1&&J(0),e&2){let e=G(3).selected;X(` This sets every state key of the store back to its value right after change #`,e.seq,`. Components that read the store update at once, and a new "Restore" entry is added to the log. `)}}function CU(e,t){if(e&1&&M(0,xU,1,2)(1,SU,1,1),e&2){let e;N((e=G(3).store())?0:1,e)}}function wU(e,t){if(e&1){let e=H();L(0,`div`,124),U(`keydown.escape`,function(t){return E(e),D(G(2).cancelRestore(t))}),L(1,`p`,125),M(2,bU,1,1)(3,CU,2,1),R(),L(4,`div`,94)(5,`button`,59),U(`click`,function(){E(e);let t=G().selected;return D(G().restore(t.seq,t.source===`store`))}),J(6,` Restore `),R(),L(7,`button`,29,5),U(`click`,function(){return E(e),D(G(2).cancelRestore())}),J(9,` Cancel `),R()()()}if(e&2){let e=G(),t=e.selected,n=e.idPrefix,r=G();j(`aria-labelledby`,n+`-confirm-text`),A(),I(`id`,n+`-confirm-text`),A(),N(t.source===`store`?2:3),A(3),I(`disabled`,r.busy())}}function TU(e,t){if(e&1){let e=H();L(0,`button`,130,6),U(`click`,function(){E(e);let t=G(2).selected;return D(G().askRestore(t.seq))}),J(2,` Restore this state `),R()}if(e&2){let e=G(2).idPrefix,t=G();I(`disabled`,!t.canRestore()),j(`aria-describedby`,t.canRestore()?null:e+`-writes-off`)}}function EU(e,t){if(e&1){let e=H();L(0,`button`,131),U(`click`,function(){E(e);let t=G(2).selected;return D(G().dispatchAgain(t.seq))}),J(1,` Dispatch again `),R()}if(e&2){let e=G(2).idPrefix,t=G();I(`disabled`,t.busy()||!t.canRestore()),j(`aria-describedby`,t.canRestore()?null:e+`-writes-off`)}}function DU(e,t){if(e&1&&(L(0,`p`,129),J(1),R()),e&2){let e=G(2).idPrefix,t=G();I(`id`,e+`-writes-off`),A(),Y(t.restoreOff)}}function OU(e,t){if(e&1&&(L(0,`div`,126),M(1,TU,3,2,`button`,127),M(2,EU,2,2,`button`,128),R(),M(3,DU,2,2,`p`,129)),e&2){let e=G().selected,t=G();A(),N(e.restorable?1:-1),A(),N(t.canAgain(e)?2:-1),A(),N(t.canRestore()?-1:3)}}function kU(e,t){e&1&&(J(0,` Store DevTools no longer holds this action, so this state cannot be restored. It was dropped past `),L(1,`code`),J(2,`maxAge`),R(),J(3,`, or the Store DevTools history was committed, reset or imported. `))}function AU(e,t){e&1&&(J(0,` Store DevTools never recorded this action, so this state cannot be restored. An `),L(1,`code`),J(2,`actionsBlocklist`),R(),J(3,`, `),L(4,`code`),J(5,`actionsSafelist`),R(),J(6,` or `),L(7,`code`),J(8,`predicate`),R(),J(9,` option filtered it out, or recording was paused. `))}function jU(e,t){e&1&&(J(0,` Time travel for @ngrx/store needs `),L(1,`code`),J(2,`provideStoreDevtools()`),R(),J(3,`. Without it, entries cannot be restored. `))}function MU(e,t){if(e&1&&(L(0,`p`,108),M(1,kU,4,0)(2,AU,10,0)(3,jU,4,0),R()),e&2){let e=G().selected;A(),N(e.unrestorable===`dropped`?1:e.unrestorable===`not-recorded`?2:3)}}function NU(e,t){if(e&1&&(L(0,`section`,105)(1,`div`,106),J(2),R(),L(3,`dl`,63)(4,`dt`),J(5,`Time`),R(),L(6,`dd`),J(7),R(),M(8,iU,4,1),M(9,aU,4,1),M(10,oU,5,1),M(11,sU,5,1),M(12,cU,5,1),M(13,uU,6,2),R(),M(14,yU,6,3),M(15,wU,10,4,`div`,107),M(16,OU,4,3),M(17,MU,4,1,`p`,108),R()),e&2){let e,n=t.selected,r=t.headingLevel,i=t.idPrefix,a=G();j(`aria-labelledby`,i+`-entry-heading`),A(),I(`id`,i+`-entry-heading`),j(`aria-level`,r),A(),Z(` #`,n.seq,` `,n.type,` `),A(5),Y(a.formatTime(n.timestamp)),A(),N(n.origin?8:-1),A(),N(n.durationMs===void 0?-1:9),A(),N(n.action===void 0?-1:10),A(),N(n.args?.length?11:-1),A(),N(n.source===`event`&&n.payload!==void 0?12:-1),A(),N((e=n.causedByEvent)?13:-1,e),A(),N(n.source===`event`?-1:14),A(),N(n.restorable&&a.confirmSeq()===n.seq?15:-1),A(),N(a.confirmSeq()!==n.seq&&(n.restorable||a.canAgain(n))?16:-1),A(),N(!n.restorable&&n.source===`store`?17:-1)}}function PU(e,t){if(e&1&&(L(0,`span`,14),J(1),R()),e&2){let e=G();A(),Y(e.sourceEntries().length)}}function FU(e,t){e&1&&(L(0,`div`,23),z(1,`span`,132),L(2,`p`,27),J(3,`Scanning source for NgRx declarations…`),R()())}function IU(e,t){e&1&&(L(0,`div`,24)(1,`p`,27),J(2,`No NgRx declarations found in source.`),R(),L(3,`p`,28),J(4,` The scan looks for `),L(5,`code`),J(6,`signalStore`),R(),J(7,`, `),L(8,`code`),J(9,`signalState`),R(),J(10,`, `),L(11,`code`),J(12,`signalMethod`),R(),J(13,`, `),L(14,`code`),J(15,`createAction`),R(),J(16,`, `),L(17,`code`),J(18,`createReducer`),R(),J(19,`, `),L(20,`code`),J(21,`createEffect`),R(),J(22,`, `),L(23,`code`),J(24,`createSelector`),R(),J(25,` and `),L(26,`code`),J(27,`createFeature`),R(),J(28,`. `),R()())}function LU(e,t){if(e&1){let e=H();L(0,`button`,134),U(`click`,function(){let t=E(e).$implicit,n=G(2);return D(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,35),L(2,`span`,139),J(3),R(),L(4,`span`,135),J(5),R()()}if(e&2){let e=t.$implicit,n=G(2);q(`active`,n.kind()===e.kind),j(`aria-pressed`,n.kind()===e.kind),A(),K(`background`,n.kindColor(e.kind)),A(2),Y(n.kindLabel(e.kind)),A(2),Y(e.count)}}function RU(e,t){if(e&1&&(L(0,`p`,144),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.detail)}}function zU(e,t){if(e&1&&(L(0,`li`,138)(1,`div`,140),z(2,`span`,35),L(3,`span`,141),J(4),R(),L(5,`span`,40),J(6),R()(),L(7,`div`,142),z(8,`app-source-link`,143),R(),M(9,RU,2,1,`p`,144),R()),e&2){let e=t.$implicit,n=G(2);A(2),K(`background`,n.kindColor(e.kind)),A(2),Y(e.name),A(2),Y(n.kindLabel(e.kind)),A(2),I(`file`,e.file)(`line`,e.line),A(),N(e.detail?9:-1)}}function BU(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,23)(2,`p`,27),J(3,`No declarations match.`),R(),L(4,`button`,29),U(`click`,function(){return E(e),D(G(2).clearFilters())}),J(5,`Clear filters`),R()()()}}function VU(e,t){if(e&1){let e=H();L(0,`div`,133)(1,`button`,134),U(`click`,function(){return E(e),D(G().kind.set(null))}),J(2,` All `),L(3,`span`,135),J(4),R()(),P(5,LU,6,7,`button`,136,iH),R(),L(7,`ul`,137),P(8,zU,10,7,`li`,138,aH,!1,BU,6,0,`li`),R()}if(e&2){let e=G();A(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),A(3),Y(e.sourceEntries().length),A(),F(e.groupedEntries()),A(3),F(e.filteredEntries())}}var HU={action:`#f59e0b`,reducer:`#a78bfa`,effect:`#fb923c`,selector:`#60a5fa`,feature:`#34d399`,"store-setup":`#94a3b8`,"signal-store":`#e879f9`,"signal-state":`#22d3ee`,"signal-method":`#fb7185`,store:`#a78bfa`,event:`var(--warn)`},UU={"signal-store":`signalStore`,"signal-state":`signalState`,"signal-method":`signalMethod`,"store-setup":`store setup`,store:`@ngrx/store`,event:`event`},WU={dispatch:`store.dispatch(action)`,effect:`NgRx effect (Store.next)`,reactive:`store.dispatch(() => action)`};function GU(e){if(!e.trim())return{};let t;try{t=JSON.parse(e)}catch{return{error:`The payload is not valid JSON.`}}return!t||typeof t!=`object`||Array.isArray(t)?{error:`The payload must be a JSON object, like {"id": 7}.`}:Object.prototype.hasOwnProperty.call(t,`type`)?{error:`The payload cannot have a "type" key. Put the action type in the Type field.`}:{payload:t}}var KU=new Set([`action`,`reducer`,`effect`,`selector`,`feature`,`store-setup`]),qU=class e{rpc=$(null);canRestore=Q(()=>FE(this.rpc(),`ngrx`));restoreOff=iE(`ngrx`);filter=k(``);kind=k(null);sourceEntries=k([]);sourceLoaded=k(!1);pages=k([]);failed=k(!1);stateLoaded=k(!1);selectedPageId=k(null);hostPageId=hE();maxLog=Q(()=>PE(this.rpc()).limits.changeLog);selectedStoreId=k(null);focusEventSeq=k(null);eventDetailHeading=Jv(`eventDetailHeading`);busy=k(!1);focusLatest=k(!1);focusConfirm=k(null);cancelButton=Jv(`cancelButton`);restoreButton=Jv(`restoreButton`);stateTree=Jv(`stateTree`);filterInput=Jv(`filterInput`);latestButton=Jv(`latestButton`);message=k(``);destroyRef=w(Es);unsubscribe=null;page=Q(()=>{let e=this.pages();return e.find(e=>e.pageId===this.selectedPageId())??e.find(e=>e.pageId===this.hostPageId)??e[0]??null});logKey=Q(()=>{let e=this.page();return{pageId:e?.pageId??null,log:e?.log??[]}});logSession=Fv({source:this.logKey,computation:(e,t)=>t?IV(t.source,e)?t.value:t.value+1:0});selectedChangeSeq=Fv({source:this.logSession,computation:()=>null});selectedEventSeq=Fv({source:this.logSession,computation:()=>null});confirmSeq=Fv({source:this.logSession,computation:()=>null});pageOptions=Q(()=>this.pages().map(e=>({value:e.pageId,label:e.title||e.url,hint:e.url})));liveStores=Q(()=>{let e=this.page();if(!e)return[];let t=e.stores.map(e=>({id:e.id,label:e.name??e.references[0]??e.className,kind:e.kind,scope:e.scope,signal:e}));return e.classic&&t.push({id:`store`,label:`Store`,kind:`store`,scope:e.classic.scope,classic:e.classic}),t});filteredStores=Q(()=>{let e=this.filter().trim().toLowerCase();return e?this.liveStores().filter(t=>t.label.toLowerCase().includes(e)||t.kind.includes(e)||(t.signal?.stateKeys??[]).some(t=>t.toLowerCase().includes(e))||(this.page()?.log??[]).some(n=>n.storeId===t.id&&n.type.toLowerCase().includes(e))):this.liveStores()});store=Q(()=>{let e=this.liveStores();return e.find(e=>e.id===this.selectedStoreId())??e[0]??null});stateText=Q(()=>{let e=this.store();return e?VV(e.signal?e.signal.state:e.classic?.state):``});computedEntries=Q(()=>Object.entries(this.store()?.signal?.computed??{}).map(([e,t])=>({key:e,value:HV(t,160),full:VV(t)})));storeLog=Q(()=>{let e=this.store()?.id,t=this.filter().trim().toLowerCase();return(this.page()?.log??[]).filter(n=>n.storeId===e&&(!t||n.type.toLowerCase().includes(t)||this.storeMatches(t))).reverse()});hasEvents=Q(()=>(this.page()?.log??[]).some(e=>e.source===`event`));pageEvents=Q(()=>{let e=this.filter().trim().toLowerCase();return(this.page()?.log??[]).filter(t=>t.source===`event`&&(!e||t.type.toLowerCase().includes(e))).slice().reverse()});changeEntry=Q(()=>{let e=this.selectedChangeSeq();return e===null?null:this.storeLog().find(t=>t.seq===e)??null});eventEntry=Q(()=>{let e=this.selectedEventSeq();return e===null?null:this.pageEvents().find(t=>t.seq===e)??null});dispatchType=k(``);dispatchPayload=k(``);actionTypes=Q(()=>{let e=new Set;for(let t of this.sourceEntries())for(let n of t.types??[])e.add(n);for(let t of this.page()?.log??[])t.source===`store`&&t.action!==void 0&&e.add(t.type);return[...e].sort().slice(0,200)});payloadError=Q(()=>GU(this.dispatchPayload()).error??``);dispatchRequest=Q(()=>{let e=this.dispatchType().trim(),{payload:t,error:n}=GU(this.dispatchPayload());return!e||n?null:{type:`dispatch`,action:e,...t?{payload:t}:{}}});usesSignals=Q(()=>this.sourceEntries().some(e=>e.kind===`signal-store`||e.kind===`signal-state`));usesClassic=Q(()=>this.sourceEntries().some(e=>KU.has(e.kind)));filteredEntries=Q(()=>{let e=this.filter().trim().toLowerCase(),t=this.kind();return this.sourceEntries().filter(n=>(!t||n.kind===t)&&(!e||n.name.toLowerCase().includes(e)||n.kind.includes(e)||(n.detail??``).toLowerCase().includes(e)))});groupedEntries=Q(()=>{let e=new Map;for(let t of this.sourceEntries())e.set(t.kind,(e.get(t.kind)??0)+1);return[...e.entries()].map(([e,t])=>({kind:e,count:t}))});constructor(){pc(()=>{let e=this.rpc();e&&this.load(e)}),uy(()=>{let e=this.latestButton();e&&this.focusLatest()&&!this.busy()&&(this.focusLatest.set(!1),e.nativeElement.focus())}),pc(()=>{let e=this.focusConfirm(),t=e===`cancel`?this.cancelButton():this.restoreButton();e&&t&&(this.focusConfirm.set(null),t.nativeElement.focus())}),uy(()=>{let e=this.focusEventSeq(),t=this.eventDetailHeading();e!==null&&t&&(this.focusEventSeq.set(null),t.nativeElement.focus())}),this.destroyRef.onDestroy(()=>this.unsubscribe?.())}storeMatches(e){let t=this.store();return!!t&&t.label.toLowerCase().includes(e)}async load(e){this.failed.set(!1),yE(e,`get-ngrx-store`).then(e=>this.sourceEntries.set(Array.isArray(e)?e:[])).catch(()=>this.sourceEntries.set([])).finally(()=>this.sourceLoaded.set(!0));try{let t=await e.scope(`pangular`).rpc.sharedState(`ngrx-store`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e;this.pages.set(Array.isArray(t?.pages)?t.pages:[]),e!==void 0&&this.stateLoaded.set(!0)};n(t.value()),this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,n)}catch{this.failed.set(!0)}}retry(){let e=this.rpc();e&&this.load(e)}selectPage(e){this.selectedPageId.set(e),this.selectedStoreId.set(null),this.selectedChangeSeq.set(null),this.selectedEventSeq.set(null),this.confirmSeq.set(null),this.message.set(``)}selectStore(e){this.selectedStoreId.set(e),this.selectedChangeSeq.set(null),this.confirmSeq.set(null),this.message.set(``)}selectChange(e){this.selectedChangeSeq.set(this.selectedChangeSeq()===e?null:e),this.confirmSeq.set(null),this.message.set(``)}copyState(){return this.copyText(this.stateText())}copyDiff(e){return this.copyText(VV(e.diff))}async copyText(e){try{await navigator.clipboard.writeText(e),this.message.set(`Copied.`)}catch{this.message.set(`The clipboard is not available here.`)}}askRestore(e){this.confirmSeq.set(e),this.focusConfirm.set(`cancel`)}cancelRestore(e){e?.preventDefault(),this.confirmSeq.set(null),this.focusConfirm.set(`restore`)}async restore(e,t){let n=this.page();if(!n)return;this.busy.set(!0),this.focusLatest.set(!1);let r=!1;try{let i=await yE(this.rpc(),`request-ngrx-action`,{pageId:n.pageId,request:{type:`restore`,seq:e}});this.message.set(i?.error??i?.message??`Restored.`),r=t&&!i?.error&&!!i?.paused}catch{this.message.set(`Could not reach the page to restore the state.`)}finally{this.busy.set(!1),this.confirmSeq.set(null),this.focusLatest.set(r),r||this.stateTree()?.nativeElement.focus()}}selectEvent(e){let t=this.selectedEventSeq()===e?null:e;this.selectedEventSeq.set(t),t!==null&&this.focusEventSeq.set(t)}async backToLatest(){let e=this.page();if(e){this.busy.set(!0);try{let t=await yE(this.rpc(),`request-ngrx-action`,{pageId:e.pageId,request:{type:`latest`}});this.focusLatest.set(!1),this.stateTree()?.nativeElement.focus(),this.message.set(t?.error??t?.message??`Back on the latest state.`)}catch{this.message.set(`Could not reach the page to go back to the latest state.`)}finally{this.busy.set(!1)}}}canAgain(e){return e.source===`store`&&e.action!==void 0}async dispatchAction(e){e.preventDefault();let t=this.dispatchRequest();t&&await this.send(t,`Could not reach the page to dispatch the action.`)}dispatchAgain(e){return this.send({type:`dispatch-again`,seq:e},`Could not reach the page to dispatch the action again.`)}async send(e,t){let n=this.page();if(!n||this.busy())return;let r=this.logSession();this.busy.set(!0);try{let t=await yE(this.rpc(),`request-ngrx-action`,{pageId:n.pageId,request:e});this.message.set(t?.error??t?.message??`Dispatched.`),t?.entry&&this.logSession()===r&&(this.selectedStoreId.set(`store`),this.selectedChangeSeq.set(t.entry.seq))}catch{this.message.set(t)}finally{this.busy.set(!1)}}clearFilters(){this.filter.set(``),this.kind.set(null),this.filterInput()?.nativeElement.focus()}changeCount(e){return(this.page()?.log??[]).filter(t=>t.storeId===e).length}entityIds(e){return e.slice(0,30)}entityOverflowTitle(e,t){let n=e.slice(30).join(`, `);return t>e.length?`${n} (first ${e.length} of ${t} shown)`:n}kindColor(e){return HU[e]??`var(--text-3)`}kindLabel(e){return UU[e]??e}originText(e){return WU[e]??e}changesLabel=FV;moreChanges=PV;opLabel(e){return e===`add`?`added`:e===`remove`?`removed`:`changed`}prettyText(e){return VV(e)}shortText(e){return HV(e)}formatTime=bO;formatDuration(e){return e<=0?`<1ms`:`${Math.round(e)}ms`}methodDuration(e){let t=[];return e.avgDurationMs!==void 0&&t.push(`avg ${this.formatDuration(e.avgDurationMs)}`),e.lastDurationMs!==void 0&&t.push(`last ${this.formatDuration(e.lastDurationMs)}`),t.length?` · ${t.join(` · `)}`:``}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-store-inspector`]],viewQuery:function(e,t){e&1&&l_(t.eventDetailHeading,UV,5)(t.cancelButton,WV,5)(t.restoreButton,GV,5)(t.stateTree,KV,5)(t.filterInput,qV,5)(t.latestButton,JV,5),e&2&&u_(6)},inputs:{rpc:[1,`rpc`]},decls:30,vars:11,consts:[[`filterInput`,``],[`entryDetailTpl`,``],[`stateTree`,``],[`latestButton`,``],[`eventDetailHeading`,``],[`cancelButton`,``],[`restoreButton`,``],[1,`toolbar`],[`type`,`search`,`placeholder`,`Filter stores, changes and declarations…`,`aria-label`,`Filter stores, changes and source declarations`,3,`input`,`keydown.escape`,`value`],[1,`status`],[`aria-hidden`,`true`,1,`live-dot`],[`aria-labelledby`,`ngrx-live-heading`,1,`block`],[1,`section-head`],[`id`,`ngrx-live-heading`],[1,`pill`],[`role`,`alert`,1,`empty`],[`role`,`status`,1,`empty`],[1,`empty`],[1,`live-layout`],[`role`,`status`,1,`message`],[`aria-labelledby`,`ngrx-events-heading`,1,`block`],[`aria-labelledby`,`ngrx-source-heading`,1,`block`],[`id`,`ngrx-source-heading`],[`role`,`status`,1,`empty`,`compact`],[1,`empty`,`compact`],[`id`,`ngrx-page-label`,1,`visually-hidden`],[`labelledBy`,`ngrx-page-label`,1,`page-select`,3,`valueChange`,`options`,`value`],[1,`empty-title`],[1,`hint`],[`type`,`button`,1,`btn`,3,`click`],[`aria-label`,`Stores on this page`,1,`store-list`],[1,`muted`,`pad`],[1,`store-detail`],[`type`,`button`,1,`store-item`,3,`click`],[1,`store-top`],[`aria-hidden`,`true`,1,`dot`],[1,`store-name`],[1,`store-meta`],[1,`detail-head`],[1,`chips`],[1,`chip`],[1,`chip`,`mono`,3,`file`],[1,`refs`],[1,`paused`],[1,`facts`],[`aria-labelledby`,`ngrx-state-heading`,1,`fact`],[1,`fact-head`],[`id`,`ngrx-state-heading`],[1,`state-actions`],[3,`rpc`,`pageId`,`target`,`label`],[`type`,`button`,`aria-label`,`Copy state`,1,`btn`,`copy`,3,`click`],[`tabindex`,`0`,`aria-labelledby`,`ngrx-state-heading`,1,`tree`],[`aria-labelledby`,`ngrx-log-heading`,1,`log`],[`id`,`ngrx-log-heading`],[`what`,`changes on this page`,`limit`,`changeLog`,3,`dropped`,`max`],[1,`log-layout`],[`appRovingList`,`button.log-item`,1,`log-list`],[`id`,`ngrx-change-detail`],[`aria-labelledby`,`ngrx-dispatch-heading`,1,`dispatch`],[`type`,`button`,1,`btn`,`primary`,3,`click`,`disabled`],[`id`,`store-latest-off`,1,`hint`,`small`],[`aria-labelledby`,`ngrx-computed-heading`,1,`fact`],[`id`,`ngrx-computed-heading`],[1,`kv`],[1,`muted`],[`id`,`ngrx-methods-heading`,1,`spaced`],[`aria-labelledby`,`ngrx-methods-heading`,1,`methods`],[`aria-labelledby`,`ngrx-entities-heading`,1,`fact`],[3,`title`],[1,`chip`,`mono`],[1,`tag`],[1,`calls`],[`id`,`ngrx-entities-heading`],[1,`entities`],[1,`entity-group`],[1,`entity-head`],[1,`entity-count`],[1,`chips`,`entity-ids`],[1,`chip`,`more`,3,`title`],[`type`,`button`,1,`log-item`,3,`click`],[1,`seq`],[1,`log-type-row`],[1,`log-type`,3,`title`],[1,`tag`,3,`title`],[1,`log-meta`],[3,`ngTemplateOutlet`,`ngTemplateOutletContext`],[`id`,`ngrx-dispatch-heading`],[1,`dispatch-form`,3,`submit`],[`required`,``,`spellcheck`,`false`,`autocomplete`,`off`,`list`,`ngrx-action-types`,`placeholder`,`e.g. [Cart] Add Item`,3,`input`,`value`],[`id`,`ngrx-action-types`],[3,`value`],[1,`optional`],[`rows`,`3`,`spellcheck`,`false`,`placeholder`,`e.g. {"id": 7}`,`aria-describedby`,`ngrx-payload-error`,3,`input`,`value`],[`id`,`ngrx-payload-error`,1,`field-error`],[1,`actions`],[`type`,`submit`,1,`btn`,`primary`,3,`disabled`],[`id`,`store-dispatch-off`,1,`hint`,`small`],[`id`,`ngrx-events-heading`],[1,`intro`],[`appRovingList`,`button.event-item`,`aria-label`,`Dispatched events`,1,`events-list`],[`id`,`ngrx-event-detail`,`tabindex`,`-1`,1,`event-detail-focus`],[`type`,`button`,1,`event-item`,3,`click`],[1,`event-type`,`mono`,3,`title`],[1,`event-payload`,3,`title`],[1,`event-time`],[1,`entry`],[`role`,`heading`,1,`entry-heading`,3,`id`],[`role`,`group`,1,`confirm`],[1,`hint`,`small`],[1,`code`],[1,`mono`],[1,`sub-head`],[`role`,`heading`,1,`sub`],[`type`,`button`,1,`btn`,`copy`],[`type`,`button`,1,`btn`,`copy`,3,`click`],[1,`diff`],[3,`class`],[1,`op`],[1,`path`],[1,`values`],[1,`before`],[1,`after`],[`aria-hidden`,`true`,1,`arrow`],[1,`visually-hidden`],[`role`,`group`,1,`confirm`,3,`keydown.escape`],[3,`id`],[1,`entry-actions`],[`type`,`button`,1,`btn`,`restore`,3,`disabled`],[`type`,`button`,1,`btn`,3,`disabled`],[1,`hint`,`small`,3,`id`],[`type`,`button`,1,`btn`,`restore`,3,`click`,`disabled`],[`type`,`button`,1,`btn`,3,`click`,`disabled`],[`aria-hidden`,`true`,1,`spinner`],[`role`,`group`,`aria-label`,`Filter declarations by kind`,1,`kinds`],[`type`,`button`,1,`kind-chip`,3,`click`],[1,`count`],[`type`,`button`,1,`kind-chip`,3,`active`],[1,`nodes`],[1,`node-card`],[1,`chip-text`],[1,`node-header`],[1,`node-label`],[1,`node-meta`],[1,`file`,3,`file`,`line`],[1,`detail`]],template:function(e,t){e&1&&(L(0,`div`,7)(1,`input`,8,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),M(3,oH,3,2),L(4,`span`,9),z(5,`span`,10),J(6),R()(),L(7,`section`,11)(8,`div`,12)(9,`h2`,13),J(10,`Live stores`),R(),M(11,sH,2,1,`span`,14),R(),M(12,cH,7,0,`div`,15)(13,lH,3,0,`div`,16)(14,uH,5,0,`div`,17)(15,mH,4,1,`div`,17)(16,QH,6,2,`div`,18),L(17,`p`,19),J(18),R()(),M(19,rU,13,3,`section`,20),sg(20,NU,18,16,`ng-template`,null,1,Ev),L(22,`section`,21)(23,`div`,12)(24,`h2`,22),J(25,`Source declarations`),R(),M(26,PU,2,1,`span`,14),R(),M(27,FU,4,0,`div`,23)(28,IU,29,0,`div`,24)(29,VU,11,5),R()),e&2&&(A(),I(`value`,t.filter()),A(2),N(t.pages().length>1?3:-1),A(),q(`on`,!!t.page()),A(2),X(` `,t.page()?`Live`:`No page connected`,` `),A(5),N(t.liveStores().length?11:-1),A(),N(t.failed()?12:t.stateLoaded()?t.page()?t.liveStores().length?16:15:14:13),A(6),Y(t.message()),A(),N(t.hasEvents()?19:-1),A(7),N(t.sourceEntries().length?26:-1),A(),N(t.sourceLoaded()?t.sourceEntries().length===0?28:29:27))},dependencies:[TO,GL,XD,lb,XA,$j],styles:[`[_nghost-%COMP%] {
+}`]})},YV=1e3;function XV(e){return`${e>=1e3?`${YV}+`:String(e)} more ${e===1?`change`:`changes`} not shown`}function ZV(e){let t=e.diffTruncated??0,n=e.diff.length+t;return n===0?`no change`:`${t>=1e3?`${n}+`:String(n)} ${n===1?`change`:`changes`}`}function QV(e,t){if(e.pageId!==t.pageId)return!1;let n=e.log.at(-1);if(!n)return!0;let r=t.log.at(-1);if(!r||r.seq<n.seq)return!1;let i=t.log.find(e=>e.seq===n.seq);return!i||i.timestamp===n.timestamp}var $V=`@type`,eH=new Set([`undefined`,`number`,`bigint`,`symbol`,`function`,`Date`,`RegExp`,`Error`,`Element`,`Map`,`Set`]);function tH(e){return!!e&&typeof e==`object`&&!Array.isArray(e)&&$V in e&&eH.has(e[$V])}function nH(e){return/^[A-Za-z_$][\w$]*$/.test(e)?e:JSON.stringify(e)}function rH(e,t=``){if(e===null)return`null`;if(typeof e==`string`)return JSON.stringify(e);if(typeof e!=`object`)return String(e);let n=t+`  `;if(Array.isArray(e))return e.length?`[\n${e.map(e=>n+rH(e,n)).join(`,
+`)}\n${t}]`:`[]`;if(tH(e)){let r=e;switch(r[$V]){case`undefined`:return`undefined`;case`Date`:return`Date(${r.value})`;case`bigint`:return`${r.value}n`;case`symbol`:return`Symbol(${r.value})`;case`function`:return`ƒ ${r.name}()`;case`Error`:return`${r.name??`Error`}: ${r.message}`;case`Element`:return`<${r.value}>`;case`Map`:{let e=r.entries??[];if(!e.length)return`Map(${r.size}) {}`;let i=e.map(([e,t])=>`${n}${rH(e,n)} => ${rH(t,n)}`);return`Map(${r.size}) {\n${i.join(`,
+`)}\n${t}}`}case`Set`:{let e=r.values??[];return e.length?`Set(${r.size}) {\n${e.map(e=>n+rH(e,n)).join(`,
+`)}\n${t}}`:`Set(${r.size}) {}`}default:return String(r.value??r[$V])}}let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${nH(e)}: ${rH(t,n)}`).join(`,
+`)}\n${t}}`:`{}`}function iH(e,t=120){let n=rH(e).replace(/\s*\n\s*/g,` `);return n.length>t?`${n.slice(0,t-1)}…`:n}var aH=[`eventDetailHeading`],oH=[`cancelButton`],sH=[`restoreButton`],cH=[`stateTree`],lH=[`filterInput`],uH=[`latestButton`],dH=e=>({kind:`ngrx`,storeId:e}),fH=e=>({selected:e,headingLevel:5,idPrefix:`ngrx-change`}),pH=e=>({selected:e,headingLevel:3,idPrefix:`ngrx-event`}),mH=(e,t)=>t.id,hH=(e,t)=>t.seq,gH=(e,t)=>t.key,_H=(e,t)=>t.name,vH=(e,t)=>t.idsKey,yH=(e,t)=>t.path,bH=(e,t)=>t.kind,xH=(e,t)=>t.name+t.file+t.line;function SH(e,t){if(e&1){let e=H();L(0,`span`,25),J(1,`Page`),R(),L(2,`app-select`,26),U(`valueChange`,function(t){return E(e),D(G().selectPage(t))}),R()}if(e&2){let e=G();A(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function CH(e,t){if(e&1&&(L(0,`span`,14),J(1),R()),e&2){let e=G();A(),Y(e.liveStores().length)}}function wH(e,t){if(e&1){let e=H();L(0,`div`,15)(1,`p`,27),J(2,`Could not load the live store state.`),R(),L(3,`p`,28),J(4,`Check that the dev server with Pangular Inspector is still running.`),R(),L(5,`button`,29),U(`click`,function(){return E(e),D(G().retry())}),J(6,`Retry`),R()()}}function TH(e,t){e&1&&(L(0,`div`,16)(1,`p`,27),J(2,`Loading…`),R()())}function EH(e,t){e&1&&(L(0,`div`,17)(1,`p`,27),J(2,`No page is reporting NgRx state yet.`),R(),L(3,`p`,28),J(4,` Open the app in a browser. Stores show up here as soon as the page creates them. `),R()())}function DH(e,t){e&1&&(L(0,`p`,27),J(1,`No signal store instance on this page yet.`),R(),L(2,`p`,28),J(3,` A `),L(4,`code`),J(5,`signalStore`),R(),J(6,` is created the first time something injects it. Navigate to a page that uses the store and it appears here. `),R())}function OH(e,t){e&1&&(L(0,`p`,27),J(1,`The @ngrx/store Store was not found on this page.`),R(),L(2,`p`,28),J(3,` Check that `),L(4,`code`),J(5,`provideStore()`),R(),J(6,` or `),L(7,`code`),J(8,`StoreModule.forRoot()`),R(),J(9,` is part of the providers of the running app. `),R())}function kH(e,t){e&1&&(L(0,`p`,27),J(1,`This page has no NgRx store.`),R(),L(2,`p`,28),J(3,` Stores from `),L(4,`code`),J(5,`@ngrx/signals`),R(),J(6,` (`),L(7,`code`),J(8,`signalStore`),R(),J(9,`, `),L(10,`code`),J(11,`signalState`),R(),J(12,`) and `),L(13,`code`),J(14,`@ngrx/store`),R(),J(15,` are listed here once the app creates them. `),R())}function AH(e,t){if(e&1&&(L(0,`div`,17),M(1,DH,7,0)(2,OH,10,0)(3,kH,16,0),R()),e&2){let e=G();A(),N(e.usesSignals()?1:e.usesClassic()?2:3)}}function jH(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,33),U(`click`,function(){let t=E(e).$implicit;return D(G(2).selectStore(t.id))}),L(2,`span`,34),z(3,`span`,35),L(4,`span`,36),J(5),R()(),L(6,`span`,37),J(7),R()()()}if(e&2){let e=t.$implicit,n=G(2);A(),q(`selected`,e.id===n.store()?.id),j(`aria-pressed`,e.id===n.store()?.id),A(2),K(`background`,n.kindColor(e.kind)),A(2),Y(e.label),A(2),iv(` `,n.kindLabel(e.kind),` · `,e.scope,` · `,n.changeCount(e.id),` `,n.changeCount(e.id)===1?`change`:`changes`,` `)}}function MH(e,t){e&1&&(L(0,`li`,31),J(1,`No stores match this filter.`),R())}function NH(e,t){e&1&&z(0,`app-source-link`,41),e&2&&I(`file`,t)}function PH(e,t){if(e&1&&(L(0,`span`,40),J(1),R()),e&2){let e=G();A(),Y(e.classic.devtools?`Store DevTools on`:`Store DevTools off`)}}function FH(e,t){if(e&1&&(L(0,`code`),J(1),R(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;A(),Y(e),A(),X(``,n===r-1?``:`, `,` `)}}function IH(e,t){if(e&1&&(L(0,`p`,42),J(1,` Referenced by `),P(2,FH,3,2,null,null,Ag),R()),e&2){let e=G();A(2),F(e.signal.references)}}function LH(e,t){if(e&1&&(L(0,`p`,60),J(1),R()),e&2){let e=G(4);A(),Y(e.restoreOff)}}function RH(e,t){if(e&1){let e=H();L(0,`div`,43)(1,`p`)(2,`strong`),J(3,`Viewing a past state.`),R(),J(4,` New actions are logged but do not change the state until you go back to the latest state. `),R(),L(5,`button`,59,3),U(`click`,function(){return E(e),D(G(3).backToLatest())}),J(7,` Back to latest `),R(),M(8,LH,2,1,`p`,60),R()}if(e&2){let e=G(3);A(5),I(`disabled`,e.busy()||!e.canRestore()),j(`aria-describedby`,e.canRestore()?null:`store-latest-off`),A(3),N(e.canRestore()?-1:8)}}function zH(e,t){if(e&1&&(L(0,`dt`),J(1),R(),L(2,`dd`)(3,`code`,68),J(4),R()()),e&2){let e=t.$implicit;A(),Y(e.key),A(2),I(`title`,e.full),A(),Y(e.value)}}function BH(e,t){if(e&1&&(L(0,`dl`,63),P(1,zH,5,3,null,null,gH),R()),e&2){let e=G(4);A(),F(e.computedEntries())}}function VH(e,t){e&1&&(L(0,`p`,64),J(1,`No computed signals.`),R())}function HH(e,t){e&1&&(L(0,`span`,70),J(1,`signalMethod`),R())}function UH(e,t){e&1&&(L(0,`span`,70),J(1,`rxMethod`),R())}function WH(e,t){if(e&1&&(L(0,`li`,69),J(1),M(2,HH,2,0,`span`,70)(3,UH,2,0,`span`,70),L(4,`span`,71),J(5),R()()),e&2){let e=t.$implicit,n=G(5);A(),X(` `,e.name,` `),A(),N(e.signalMethod?2:e.rx?3:-1),A(3),rv(``,e.calls,` `,e.calls===1?`call`:`calls`,``,n.methodDuration(e))}}function GH(e,t){if(e&1&&(L(0,`ul`,66),P(1,WH,6,5,`li`,69,_H),R()),e&2){let e=G();A(),F(e.methods)}}function KH(e,t){e&1&&(L(0,`p`,64),J(1,`No methods.`),R())}function qH(e,t){if(e&1&&(L(0,`li`,69),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function JH(e,t){if(e&1&&(L(0,`li`,78),J(1),R()),e&2){let e=G().$implicit;I(`title`,G(5).entityOverflowTitle(e.ids,e.count)),A(),X(` +`,e.count-30,` more `)}}function YH(e,t){if(e&1&&(L(0,`code`,68),J(1),R()),e&2){let e=G(2).$implicit,t=G(5);I(`title`,t.prettyText(e.selected)),A(),Y(t.shortText(e.selected))}}function XH(e,t){e&1&&(L(0,`span`,64),J(1,`None selected`),R())}function ZH(e,t){if(e&1&&(L(0,`dl`,63)(1,`dt`),J(2,`Selected`),R(),L(3,`dd`),M(4,YH,2,2,`code`,68)(5,XH,2,0,`span`,64),R()()),e&2){let e=G().$implicit;A(4),N(e.selected===void 0?5:4)}}function QH(e,t){if(e&1&&(L(0,`div`,74)(1,`div`,75)(2,`span`,69),J(3),R(),L(4,`span`,76),J(5),R()(),L(6,`ul`,77),P(7,qH,2,1,`li`,69,Ag),M(9,JH,2,2,`li`,78),R(),M(10,ZH,6,1,`dl`,63),R()),e&2){let e=t.$implicit,n=G(5);A(3),Y(e.collection??`entities`),A(2),Z(``,e.count,` `,e.count===1?`entity`:`entities`),A(),j(`aria-label`,(e.collection??`entities`)+` ids`),A(),F(n.entityIds(e.ids)),A(2),N(e.count>30?9:-1),A(),N(e.selectedId===void 0?-1:10)}}function $H(e,t){if(e&1&&(L(0,`section`,67)(1,`h4`,72),J(2,`Entities`),R(),L(3,`div`,73),P(4,QH,11,6,`div`,74,vH),R()()),e&2){let e=G();A(4),F(e.entities)}}function eU(e,t){if(e&1&&(L(0,`section`,61)(1,`h4`,62),J(2,`Computed`),R(),M(3,BH,3,0,`dl`,63)(4,VH,2,0,`p`,64),L(5,`h4`,65),J(6,`Methods`),R(),M(7,GH,3,0,`ul`,66)(8,KH,2,0,`p`,64),R(),M(9,$H,6,0,`section`,67)),e&2){let e=t,n=G(3);A(3),N(n.computedEntries().length?3:4),A(4),N(e.methods.length?7:8),A(2),N(e.entities?.length?9:-1)}}function tU(e,t){if(e&1&&(L(0,`span`,83),J(1),R()),e&2){let e=t;I(`title`,`Caused by `+G(4).kindLabel(`event`)+`: `+e.type),A(),Y(e.type)}}function nU(e,t){if(e&1&&(L(0,`span`,70),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.origin)}}function rU(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` · `,G(3).formatDuration(e.durationMs),` `)}}function iU(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,79),U(`click`,function(){let t=E(e).$implicit;return D(G(3).selectChange(t.seq))}),L(2,`span`,80),J(3),R(),L(4,`span`,81)(5,`span`,82),J(6),R(),M(7,tU,2,2,`span`,83),R(),L(8,`span`,84),M(9,nU,2,1,`span`,70),J(10),M(11,rU,1,1),R()()()}if(e&2){let e,n=t.$implicit,r=G(3);A(),q(`selected`,n.seq===r.selectedChangeSeq()),j(`aria-pressed`,n.seq===r.selectedChangeSeq())(`aria-controls`,n.seq===r.selectedChangeSeq()?`ngrx-change-detail`:null),A(2),X(`#`,n.seq),A(2),I(`title`,n.type),A(),Y(n.type),A(),N((e=n.causedByEvent)?7:-1,e),A(2),N(n.origin?9:-1),A(),Z(` `,r.changesLabel(n),` · `,r.formatTime(n.timestamp),` `),A(),N(n.durationMs===void 0?-1:11)}}function aU(e,t){e&1&&J(0,` No entries match this filter. `)}function oU(e,t){e&1&&J(0,` No actions dispatched since the page connected. `)}function sU(e,t){e&1&&J(0,` No state changes yet. Method calls and patchState writes that change the state are recorded here. `)}function cU(e,t){if(e&1&&(L(0,`li`,31),M(1,aU,1,0)(2,oU,1,0)(3,sU,1,0),R()),e&2){let e=G(),t=G(2);A(),N(t.filter()?1:e.classic?2:3)}}function lU(e,t){if(e&1&&(L(0,`div`,57),Gg(1,85),R()),e&2){G(3);let e=d_(21);A(),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,fH,t))}}function uU(e,t){if(e&1&&z(0,`option`,90),e&2){let e=t.$implicit;I(`value`,e)}}function dU(e,t){if(e&1&&(L(0,`p`,96),J(1),R()),e&2){let e=G(4);A(),Y(e.restoreOff)}}function fU(e,t){if(e&1){let e=H();L(0,`section`,58)(1,`h4`,86),J(2,`Dispatch an action`),R(),L(3,`form`,87),U(`submit`,function(t){return E(e),D(G(3).dispatchAction(t))}),L(4,`label`)(5,`span`),J(6,`Type`),R(),L(7,`input`,88),U(`input`,function(t){return E(e),D(G(3).dispatchType.set(t.target.value))}),R()(),L(8,`datalist`,89),P(9,uU,1,1,`option`,90,Ag),R(),L(11,`label`)(12,`span`),J(13,`Payload `),L(14,`span`,91),J(15,`(JSON object, optional)`),R()(),L(16,`textarea`,92),U(`input`,function(t){return E(e),D(G(3).dispatchPayload.set(t.target.value))}),R()(),L(17,`p`,93),J(18),R(),L(19,`div`,94)(20,`button`,95),J(21,` Dispatch `),R()(),M(22,dU,2,1,`p`,96),R()()}if(e&2){let e=G(3);A(7),I(`value`,e.dispatchType()),A(2),F(e.actionTypes()),A(7),I(`value`,e.dispatchPayload()),j(`aria-invalid`,e.payloadError()?`true`:null),A(2),Y(e.payloadError()),A(2),I(`disabled`,e.busy()||!e.canRestore()||!e.dispatchRequest()),j(`aria-describedby`,e.canRestore()?null:`store-dispatch-off`),A(2),N(e.canRestore()?-1:22)}}function pU(e,t){if(e&1){let e=H();L(0,`div`,32)(1,`div`,38)(2,`h3`),J(3),R(),L(4,`div`,39)(5,`span`,40),J(6),R(),L(7,`span`,40),J(8),R(),M(9,NH,1,1,`app-source-link`,41),M(10,PH,2,1,`span`,40),R(),M(11,IH,4,0,`p`,42),R(),M(12,RH,9,3,`div`,43),L(13,`div`,44)(14,`section`,45)(15,`div`,46)(16,`h4`,47),J(17,`State`),R(),L(18,`div`,48),z(19,`app-store-global`,49),L(20,`button`,50),U(`click`,function(){return E(e),D(G(2).copyState())}),J(21,` Copy `),R()()(),L(22,`pre`,51,2),J(24),R()(),M(25,eU,10,3),R(),L(26,`section`,52)(27,`h4`,53),J(28),L(29,`span`,14),J(30),R()(),z(31,`app-limit-note`,54),L(32,`div`,55)(33,`ul`,56),P(34,iU,12,12,`li`,null,hH,!1,cU,4,1,`li`,31),R(),M(37,lU,2,4,`div`,57),R()(),M(38,fU,23,7,`section`,58),R()}if(e&2){let e,n,r,i=t,a=G(2);A(3),Y(i.label),A(3),Y(a.kindLabel(i.kind)),A(2),X(`scope: `,i.scope),A(),N((e=i.signal?.declaredIn)?9:-1,e),A(),N(i.classic?10:-1),A(),N(i.signal?.references?.length?11:-1),A(),N(i.classic?.paused?12:-1),A(7),I(`rpc`,a.rpc())(`pageId`,a.page()?.pageId)(`target`,hv(21,dH,i.id))(`label`,i.label+` state`),A(5),Y(a.stateText()),A(),N((n=i.signal)?25:-1,n),A(3),X(` `,i.classic?`Action log`:`Change log`,` `),A(2),Y(a.storeLog().length),A(),I(`dropped`,a.page()?.dropped??0)(`max`,a.maxLog()),A(2),j(`aria-label`,i.classic?`Actions`:`Changes`),A(),F(a.storeLog()),A(3),N((r=a.changeEntry())?37:-1,r),A(),N(i.classic?38:-1)}}function mU(e,t){if(e&1&&(L(0,`div`,18)(1,`ul`,30),P(2,jH,8,10,`li`,null,mH,!1,MH,2,0,`li`,31),R(),M(5,pU,39,23,`div`,32),R()),e&2){let e,t=G();A(2),F(t.filteredStores()),A(3),N((e=t.store())?5:-1,e)}}function hU(e,t){if(e&1&&(L(0,`code`,103),J(1),R()),e&2){let e=G().$implicit,t=G(2);I(`title`,t.prettyText(e.payload)),A(),Y(t.shortText(e.payload))}}function gU(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,101),U(`click`,function(){let t=E(e).$implicit;return D(G(2).selectEvent(t.seq))}),z(2,`span`,35),L(3,`span`,102),J(4),R(),M(5,hU,2,2,`code`,103),L(6,`span`,104),J(7),R()()()}if(e&2){let e=t.$implicit,n=G(2);A(),q(`selected`,e.seq===n.selectedEventSeq()),j(`aria-pressed`,e.seq===n.selectedEventSeq())(`aria-controls`,e.seq===n.selectedEventSeq()?`ngrx-event-detail`:null),A(),K(`background`,n.kindColor(`event`)),A(),I(`title`,e.eventType??e.type),A(),Y(e.eventType??e.type),A(),N(e.payload===void 0?-1:5),A(2),Y(n.formatTime(e.timestamp))}}function _U(e,t){e&1&&(L(0,`li`,31),J(1,`No events match this filter.`),R())}function vU(e,t){if(e&1&&(L(0,`div`,100,4),Gg(2,85),R()),e&2){G(2);let e=d_(21);A(2),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,pH,t))}}function yU(e,t){if(e&1&&(L(0,`section`,20)(1,`div`,12)(2,`h2`,97),J(3,`Events`),R(),L(4,`span`,14),J(5),R()(),L(6,`p`,98),J(7,` Events dispatched through @ngrx/signals/events, across every store on this page. `),R(),L(8,`ul`,99),P(9,gU,8,10,`li`,null,hH,!1,_U,2,0,`li`,31),R(),M(12,vU,3,4,`div`,100),R()),e&2){let e,t=G();A(5),Y(t.pageEvents().length),A(4),F(t.pageEvents()),A(3),N((e=t.eventEntry())?12:-1,e)}}function bU(e,t){if(e&1&&(L(0,`dt`),J(1,`Origin`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().selected,t=G();A(3),Y(t.originText(e.origin))}}function xU(e,t){if(e&1&&(L(0,`dt`),J(1,`Duration`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().selected,t=G();A(3),Y(t.formatDuration(e.durationMs))}}function SU(e,t){if(e&1&&(L(0,`dt`),J(1,`Action`),R(),L(2,`dd`)(3,`pre`,109),J(4),R()()),e&2){let e=G().selected,t=G();A(4),Y(t.prettyText(e.action))}}function CU(e,t){if(e&1&&(L(0,`dt`),J(1,`Arguments`),R(),L(2,`dd`)(3,`pre`,109),J(4),R()()),e&2){let e=G().selected,t=G();A(4),Y(t.prettyText(e.args))}}function wU(e,t){if(e&1&&(L(0,`dt`),J(1,`Payload`),R(),L(2,`dd`)(3,`pre`,109),J(4),R()()),e&2){let e=G().selected,t=G();A(4),Y(t.prettyText(e.payload))}}function TU(e,t){if(e&1&&(L(0,`pre`,109),J(1),R()),e&2){let e=G(),t=G(2);A(),Y(t.prettyText(e.payload))}}function EU(e,t){if(e&1&&(L(0,`dt`),J(1,`Caused by event`),R(),L(2,`dd`)(3,`code`,110),J(4),R(),M(5,TU,2,1,`pre`,109),R()),e&2){let e=t;A(4),Y(e.type),A(),N(e.payload===void 0?-1:5)}}function DU(e,t){if(e&1){let e=H();L(0,`button`,114),U(`click`,function(){E(e);let t=G(2).selected;return D(G().copyDiff(t))}),J(1,` Copy `),R()}if(e&2){let e=G(2).selected;j(`aria-label`,`Copy the state diff of #`+e.seq)}}function OU(e,t){if(e&1&&(L(0,`code`,120),J(1),R()),e&2){let e=G().$implicit,t=G(4);A(),Y(t.shortText(e.before))}}function kU(e,t){e&1&&(L(0,`span`,122),J(1,`→`),R(),L(2,`span`,123),J(3,`became`),R())}function AU(e,t){if(e&1&&(L(0,`code`,121),J(1),R()),e&2){let e=G().$implicit,t=G(4);A(),Y(t.shortText(e.after))}}function jU(e,t){if(e&1&&(L(0,`li`)(1,`span`,117),J(2),R(),L(3,`code`,118),J(4),R(),L(5,`span`,119),M(6,OU,2,1,`code`,120),M(7,kU,4,0),M(8,AU,2,1,`code`,121),R()()),e&2){let e=t.$implicit,n=G(4);M_(`diff-row `+e.op),A(2),Y(n.opLabel(e.op)),A(2),Y(e.path),A(2),N(e.op===`add`?-1:6),A(),N(e.op===`change`?7:-1),A(),N(e.op===`remove`?-1:8)}}function MU(e,t){if(e&1&&(L(0,`p`,64),J(1),R()),e&2){let e=G(3).selected,t=G();A(),Y(t.moreChanges(e.diffTruncated))}}function NU(e,t){if(e&1&&(L(0,`ul`,115),P(1,jU,9,7,`li`,116,yH),R(),M(3,MU,2,1,`p`,64)),e&2){let e=G(2).selected;A(),F(e.diff),A(2),N(e.diffTruncated?3:-1)}}function PU(e,t){e&1&&(L(0,`p`,64),J(1,`The state did not change.`),R())}function FU(e,t){if(e&1&&(L(0,`div`,111)(1,`div`,112),J(2,`State diff`),R(),M(3,DU,2,1,`button`,113),R(),M(4,NU,4,1)(5,PU,2,0,`p`,64)),e&2){let e=G(),t=e.selected,n=e.headingLevel;A(),j(`aria-level`,n+1),A(2),N(t.diff.length?3:-1),A(),N(t.diff.length?4:5)}}function IU(e,t){if(e&1&&J(0),e&2){let e=G(2).selected;X(` Store DevTools jumps the app state to the state right after action #`,e.seq,`. Until you go back to the latest state, new actions are logged but do not change the state. `)}}function LU(e,t){if(e&1&&J(0),e&2){let e=G(3).selected;Z(` This sets every state key of `,t.label,` back to its value right after change #`,e.seq,`. Components that read the store update at once, and a new "Restore" entry is added to the log. `)}}function RU(e,t){if(e&1&&J(0),e&2){let e=G(3).selected;X(` This sets every state key of the store back to its value right after change #`,e.seq,`. Components that read the store update at once, and a new "Restore" entry is added to the log. `)}}function zU(e,t){if(e&1&&M(0,LU,1,2)(1,RU,1,1),e&2){let e;N((e=G(3).store())?0:1,e)}}function BU(e,t){if(e&1){let e=H();L(0,`div`,124),U(`keydown.escape`,function(t){return E(e),D(G(2).cancelRestore(t))}),L(1,`p`,125),M(2,IU,1,1)(3,zU,2,1),R(),L(4,`div`,94)(5,`button`,59),U(`click`,function(){E(e);let t=G().selected;return D(G().restore(t.seq,t.source===`store`))}),J(6,` Restore `),R(),L(7,`button`,29,5),U(`click`,function(){return E(e),D(G(2).cancelRestore())}),J(9,` Cancel `),R()()()}if(e&2){let e=G(),t=e.selected,n=e.idPrefix,r=G();j(`aria-labelledby`,n+`-confirm-text`),A(),I(`id`,n+`-confirm-text`),A(),N(t.source===`store`?2:3),A(3),I(`disabled`,r.busy())}}function VU(e,t){if(e&1){let e=H();L(0,`button`,130,6),U(`click`,function(){E(e);let t=G(2).selected;return D(G().askRestore(t.seq))}),J(2,` Restore this state `),R()}if(e&2){let e=G(2).idPrefix,t=G();I(`disabled`,!t.canRestore()),j(`aria-describedby`,t.canRestore()?null:e+`-writes-off`)}}function HU(e,t){if(e&1){let e=H();L(0,`button`,131),U(`click`,function(){E(e);let t=G(2).selected;return D(G().dispatchAgain(t.seq))}),J(1,` Dispatch again `),R()}if(e&2){let e=G(2).idPrefix,t=G();I(`disabled`,t.busy()||!t.canRestore()),j(`aria-describedby`,t.canRestore()?null:e+`-writes-off`)}}function UU(e,t){if(e&1&&(L(0,`p`,129),J(1),R()),e&2){let e=G(2).idPrefix,t=G();I(`id`,e+`-writes-off`),A(),Y(t.restoreOff)}}function WU(e,t){if(e&1&&(L(0,`div`,126),M(1,VU,3,2,`button`,127),M(2,HU,2,2,`button`,128),R(),M(3,UU,2,2,`p`,129)),e&2){let e=G().selected,t=G();A(),N(e.restorable?1:-1),A(),N(t.canAgain(e)?2:-1),A(),N(t.canRestore()?-1:3)}}function GU(e,t){e&1&&(J(0,` Store DevTools no longer holds this action, so this state cannot be restored. It was dropped past `),L(1,`code`),J(2,`maxAge`),R(),J(3,`, or the Store DevTools history was committed, reset or imported. `))}function KU(e,t){e&1&&(J(0,` Store DevTools never recorded this action, so this state cannot be restored. An `),L(1,`code`),J(2,`actionsBlocklist`),R(),J(3,`, `),L(4,`code`),J(5,`actionsSafelist`),R(),J(6,` or `),L(7,`code`),J(8,`predicate`),R(),J(9,` option filtered it out, or recording was paused. `))}function qU(e,t){e&1&&(J(0,` Time travel for @ngrx/store needs `),L(1,`code`),J(2,`provideStoreDevtools()`),R(),J(3,`. Without it, entries cannot be restored. `))}function JU(e,t){if(e&1&&(L(0,`p`,108),M(1,GU,4,0)(2,KU,10,0)(3,qU,4,0),R()),e&2){let e=G().selected;A(),N(e.unrestorable===`dropped`?1:e.unrestorable===`not-recorded`?2:3)}}function YU(e,t){if(e&1&&(L(0,`section`,105)(1,`div`,106),J(2),R(),L(3,`dl`,63)(4,`dt`),J(5,`Time`),R(),L(6,`dd`),J(7),R(),M(8,bU,4,1),M(9,xU,4,1),M(10,SU,5,1),M(11,CU,5,1),M(12,wU,5,1),M(13,EU,6,2),R(),M(14,FU,6,3),M(15,BU,10,4,`div`,107),M(16,WU,4,3),M(17,JU,4,1,`p`,108),R()),e&2){let e,n=t.selected,r=t.headingLevel,i=t.idPrefix,a=G();j(`aria-labelledby`,i+`-entry-heading`),A(),I(`id`,i+`-entry-heading`),j(`aria-level`,r),A(),Z(` #`,n.seq,` `,n.type,` `),A(5),Y(a.formatTime(n.timestamp)),A(),N(n.origin?8:-1),A(),N(n.durationMs===void 0?-1:9),A(),N(n.action===void 0?-1:10),A(),N(n.args?.length?11:-1),A(),N(n.source===`event`&&n.payload!==void 0?12:-1),A(),N((e=n.causedByEvent)?13:-1,e),A(),N(n.source===`event`?-1:14),A(),N(n.restorable&&a.confirmSeq()===n.seq?15:-1),A(),N(a.confirmSeq()!==n.seq&&(n.restorable||a.canAgain(n))?16:-1),A(),N(!n.restorable&&n.source===`store`?17:-1)}}function XU(e,t){if(e&1&&(L(0,`span`,14),J(1),R()),e&2){let e=G();A(),Y(e.sourceEntries().length)}}function ZU(e,t){e&1&&(L(0,`div`,23),z(1,`span`,132),L(2,`p`,27),J(3,`Scanning source for NgRx declarations…`),R()())}function QU(e,t){e&1&&(L(0,`div`,24)(1,`p`,27),J(2,`No NgRx declarations found in source.`),R(),L(3,`p`,28),J(4,` The scan looks for `),L(5,`code`),J(6,`signalStore`),R(),J(7,`, `),L(8,`code`),J(9,`signalState`),R(),J(10,`, `),L(11,`code`),J(12,`signalMethod`),R(),J(13,`, `),L(14,`code`),J(15,`createAction`),R(),J(16,`, `),L(17,`code`),J(18,`createReducer`),R(),J(19,`, `),L(20,`code`),J(21,`createEffect`),R(),J(22,`, `),L(23,`code`),J(24,`createSelector`),R(),J(25,` and `),L(26,`code`),J(27,`createFeature`),R(),J(28,`. `),R()())}function $U(e,t){if(e&1){let e=H();L(0,`button`,134),U(`click`,function(){let t=E(e).$implicit,n=G(2);return D(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,35),L(2,`span`,139),J(3),R(),L(4,`span`,135),J(5),R()()}if(e&2){let e=t.$implicit,n=G(2);q(`active`,n.kind()===e.kind),j(`aria-pressed`,n.kind()===e.kind),A(),K(`background`,n.kindColor(e.kind)),A(2),Y(n.kindLabel(e.kind)),A(2),Y(e.count)}}function eW(e,t){if(e&1&&(L(0,`p`,144),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.detail)}}function tW(e,t){if(e&1&&(L(0,`li`,138)(1,`div`,140),z(2,`span`,35),L(3,`span`,141),J(4),R(),L(5,`span`,40),J(6),R()(),L(7,`div`,142),z(8,`app-source-link`,143),R(),M(9,eW,2,1,`p`,144),R()),e&2){let e=t.$implicit,n=G(2);A(2),K(`background`,n.kindColor(e.kind)),A(2),Y(e.name),A(2),Y(n.kindLabel(e.kind)),A(2),I(`file`,e.file)(`line`,e.line),A(),N(e.detail?9:-1)}}function nW(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,23)(2,`p`,27),J(3,`No declarations match.`),R(),L(4,`button`,29),U(`click`,function(){return E(e),D(G(2).clearFilters())}),J(5,`Clear filters`),R()()()}}function rW(e,t){if(e&1){let e=H();L(0,`div`,133)(1,`button`,134),U(`click`,function(){return E(e),D(G().kind.set(null))}),J(2,` All `),L(3,`span`,135),J(4),R()(),P(5,$U,6,7,`button`,136,bH),R(),L(7,`ul`,137),P(8,tW,10,7,`li`,138,xH,!1,nW,6,0,`li`),R()}if(e&2){let e=G();A(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),A(3),Y(e.sourceEntries().length),A(),F(e.groupedEntries()),A(3),F(e.filteredEntries())}}var iW={action:`#f59e0b`,reducer:`#a78bfa`,effect:`#fb923c`,selector:`#60a5fa`,feature:`#34d399`,"store-setup":`#94a3b8`,"signal-store":`#e879f9`,"signal-state":`#22d3ee`,"signal-method":`#fb7185`,store:`#a78bfa`,event:`var(--warn)`},aW={"signal-store":`signalStore`,"signal-state":`signalState`,"signal-method":`signalMethod`,"store-setup":`store setup`,store:`@ngrx/store`,event:`event`},oW={dispatch:`store.dispatch(action)`,effect:`NgRx effect (Store.next)`,reactive:`store.dispatch(() => action)`};function sW(e){if(!e.trim())return{};let t;try{t=JSON.parse(e)}catch{return{error:`The payload is not valid JSON.`}}return!t||typeof t!=`object`||Array.isArray(t)?{error:`The payload must be a JSON object, like {"id": 7}.`}:Object.prototype.hasOwnProperty.call(t,`type`)?{error:`The payload cannot have a "type" key. Put the action type in the Type field.`}:{payload:t}}var cW=new Set([`action`,`reducer`,`effect`,`selector`,`feature`,`store-setup`]),lW=class e{rpc=$(null);canRestore=Q(()=>YE(this.rpc(),`ngrx`));restoreOff=vE(`ngrx`);filter=k(``);kind=k(null);sourceEntries=k([]);sourceLoaded=k(!1);pages=k([]);failed=k(!1);stateLoaded=k(!1);selectedPageId=k(null);hostPageId=kE();maxLog=Q(()=>JE(this.rpc()).limits.changeLog);selectedStoreId=k(null);focusEventSeq=k(null);eventDetailHeading=Jv(`eventDetailHeading`);busy=k(!1);focusLatest=k(!1);focusConfirm=k(null);cancelButton=Jv(`cancelButton`);restoreButton=Jv(`restoreButton`);stateTree=Jv(`stateTree`);filterInput=Jv(`filterInput`);latestButton=Jv(`latestButton`);message=k(``);destroyRef=w(Es);unsubscribe=null;page=Q(()=>{let e=this.pages();return e.find(e=>e.pageId===this.selectedPageId())??e.find(e=>e.pageId===this.hostPageId)??e[0]??null});logKey=Q(()=>{let e=this.page();return{pageId:e?.pageId??null,log:e?.log??[]}});logSession=Fv({source:this.logKey,computation:(e,t)=>t?QV(t.source,e)?t.value:t.value+1:0});selectedChangeSeq=Fv({source:this.logSession,computation:()=>null});selectedEventSeq=Fv({source:this.logSession,computation:()=>null});confirmSeq=Fv({source:this.logSession,computation:()=>null});pageOptions=Q(()=>this.pages().map(e=>({value:e.pageId,label:e.title||e.url,hint:e.url})));liveStores=Q(()=>{let e=this.page();if(!e)return[];let t=e.stores.map(e=>({id:e.id,label:e.name??e.references[0]??e.className,kind:e.kind,scope:e.scope,signal:e}));return e.classic&&t.push({id:`store`,label:`Store`,kind:`store`,scope:e.classic.scope,classic:e.classic}),t});filteredStores=Q(()=>{let e=this.filter().trim().toLowerCase();return e?this.liveStores().filter(t=>t.label.toLowerCase().includes(e)||t.kind.includes(e)||(t.signal?.stateKeys??[]).some(t=>t.toLowerCase().includes(e))||(this.page()?.log??[]).some(n=>n.storeId===t.id&&n.type.toLowerCase().includes(e))):this.liveStores()});store=Q(()=>{let e=this.liveStores();return e.find(e=>e.id===this.selectedStoreId())??e[0]??null});stateText=Q(()=>{let e=this.store();return e?rH(e.signal?e.signal.state:e.classic?.state):``});computedEntries=Q(()=>Object.entries(this.store()?.signal?.computed??{}).map(([e,t])=>({key:e,value:iH(t,160),full:rH(t)})));storeLog=Q(()=>{let e=this.store()?.id,t=this.filter().trim().toLowerCase();return(this.page()?.log??[]).filter(n=>n.storeId===e&&(!t||n.type.toLowerCase().includes(t)||this.storeMatches(t))).reverse()});hasEvents=Q(()=>(this.page()?.log??[]).some(e=>e.source===`event`));pageEvents=Q(()=>{let e=this.filter().trim().toLowerCase();return(this.page()?.log??[]).filter(t=>t.source===`event`&&(!e||t.type.toLowerCase().includes(e))).slice().reverse()});changeEntry=Q(()=>{let e=this.selectedChangeSeq();return e===null?null:this.storeLog().find(t=>t.seq===e)??null});eventEntry=Q(()=>{let e=this.selectedEventSeq();return e===null?null:this.pageEvents().find(t=>t.seq===e)??null});dispatchType=k(``);dispatchPayload=k(``);actionTypes=Q(()=>{let e=new Set;for(let t of this.sourceEntries())for(let n of t.types??[])e.add(n);for(let t of this.page()?.log??[])t.source===`store`&&t.action!==void 0&&e.add(t.type);return[...e].sort().slice(0,200)});payloadError=Q(()=>sW(this.dispatchPayload()).error??``);dispatchRequest=Q(()=>{let e=this.dispatchType().trim(),{payload:t,error:n}=sW(this.dispatchPayload());return!e||n?null:{type:`dispatch`,action:e,...t?{payload:t}:{}}});usesSignals=Q(()=>this.sourceEntries().some(e=>e.kind===`signal-store`||e.kind===`signal-state`));usesClassic=Q(()=>this.sourceEntries().some(e=>cW.has(e.kind)));filteredEntries=Q(()=>{let e=this.filter().trim().toLowerCase(),t=this.kind();return this.sourceEntries().filter(n=>(!t||n.kind===t)&&(!e||n.name.toLowerCase().includes(e)||n.kind.includes(e)||(n.detail??``).toLowerCase().includes(e)))});groupedEntries=Q(()=>{let e=new Map;for(let t of this.sourceEntries())e.set(t.kind,(e.get(t.kind)??0)+1);return[...e.entries()].map(([e,t])=>({kind:e,count:t}))});constructor(){pc(()=>{let e=this.rpc();e&&this.load(e)}),uy(()=>{let e=this.latestButton();e&&this.focusLatest()&&!this.busy()&&(this.focusLatest.set(!1),e.nativeElement.focus())}),pc(()=>{let e=this.focusConfirm(),t=e===`cancel`?this.cancelButton():this.restoreButton();e&&t&&(this.focusConfirm.set(null),t.nativeElement.focus())}),uy(()=>{let e=this.focusEventSeq(),t=this.eventDetailHeading();e!==null&&t&&(this.focusEventSeq.set(null),t.nativeElement.focus())}),this.destroyRef.onDestroy(()=>this.unsubscribe?.())}storeMatches(e){let t=this.store();return!!t&&t.label.toLowerCase().includes(e)}async load(e){this.failed.set(!1),NE(e,`get-ngrx-store`).then(e=>this.sourceEntries.set(Array.isArray(e)?e:[])).catch(()=>this.sourceEntries.set([])).finally(()=>this.sourceLoaded.set(!0));try{let t=await e.scope(`pangular`).rpc.sharedState(`ngrx-store`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e;this.pages.set(Array.isArray(t?.pages)?t.pages:[]),e!==void 0&&this.stateLoaded.set(!0)};n(t.value()),this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,n)}catch{this.failed.set(!0)}}retry(){let e=this.rpc();e&&this.load(e)}selectPage(e){this.selectedPageId.set(e),this.selectedStoreId.set(null),this.selectedChangeSeq.set(null),this.selectedEventSeq.set(null),this.confirmSeq.set(null),this.message.set(``)}selectStore(e){this.selectedStoreId.set(e),this.selectedChangeSeq.set(null),this.confirmSeq.set(null),this.message.set(``)}selectChange(e){this.selectedChangeSeq.set(this.selectedChangeSeq()===e?null:e),this.confirmSeq.set(null),this.message.set(``)}copyState(){return this.copyText(this.stateText())}copyDiff(e){return this.copyText(rH(e.diff))}async copyText(e){try{await navigator.clipboard.writeText(e),this.message.set(`Copied.`)}catch{this.message.set(`The clipboard is not available here.`)}}askRestore(e){this.confirmSeq.set(e),this.focusConfirm.set(`cancel`)}cancelRestore(e){e?.preventDefault(),this.confirmSeq.set(null),this.focusConfirm.set(`restore`)}async restore(e,t){let n=this.page();if(!n)return;this.busy.set(!0),this.focusLatest.set(!1);let r=!1;try{let i=await NE(this.rpc(),`request-ngrx-action`,{pageId:n.pageId,request:{type:`restore`,seq:e}});this.message.set(i?.error??i?.message??`Restored.`),r=t&&!i?.error&&!!i?.paused}catch{this.message.set(`Could not reach the page to restore the state.`)}finally{this.busy.set(!1),this.confirmSeq.set(null),this.focusLatest.set(r),r||this.stateTree()?.nativeElement.focus()}}selectEvent(e){let t=this.selectedEventSeq()===e?null:e;this.selectedEventSeq.set(t),t!==null&&this.focusEventSeq.set(t)}async backToLatest(){let e=this.page();if(e){this.busy.set(!0);try{let t=await NE(this.rpc(),`request-ngrx-action`,{pageId:e.pageId,request:{type:`latest`}});this.focusLatest.set(!1),this.stateTree()?.nativeElement.focus(),this.message.set(t?.error??t?.message??`Back on the latest state.`)}catch{this.message.set(`Could not reach the page to go back to the latest state.`)}finally{this.busy.set(!1)}}}canAgain(e){return e.source===`store`&&e.action!==void 0}async dispatchAction(e){e.preventDefault();let t=this.dispatchRequest();t&&await this.send(t,`Could not reach the page to dispatch the action.`)}dispatchAgain(e){return this.send({type:`dispatch-again`,seq:e},`Could not reach the page to dispatch the action again.`)}async send(e,t){let n=this.page();if(!n||this.busy())return;let r=this.logSession();this.busy.set(!0);try{let t=await NE(this.rpc(),`request-ngrx-action`,{pageId:n.pageId,request:e});this.message.set(t?.error??t?.message??`Dispatched.`),t?.entry&&this.logSession()===r&&(this.selectedStoreId.set(`store`),this.selectedChangeSeq.set(t.entry.seq))}catch{this.message.set(t)}finally{this.busy.set(!1)}}clearFilters(){this.filter.set(``),this.kind.set(null),this.filterInput()?.nativeElement.focus()}changeCount(e){return(this.page()?.log??[]).filter(t=>t.storeId===e).length}entityIds(e){return e.slice(0,30)}entityOverflowTitle(e,t){let n=e.slice(30).join(`, `);return t>e.length?`${n} (first ${e.length} of ${t} shown)`:n}kindColor(e){return iW[e]??`var(--text-3)`}kindLabel(e){return aW[e]??e}originText(e){return oW[e]??e}changesLabel=ZV;moreChanges=XV;opLabel(e){return e===`add`?`added`:e===`remove`?`removed`:`changed`}prettyText(e){return rH(e)}shortText(e){return iH(e)}formatTime=IO;formatDuration(e){return e<=0?`<1ms`:`${Math.round(e)}ms`}methodDuration(e){let t=[];return e.avgDurationMs!==void 0&&t.push(`avg ${this.formatDuration(e.avgDurationMs)}`),e.lastDurationMs!==void 0&&t.push(`last ${this.formatDuration(e.lastDurationMs)}`),t.length?` · ${t.join(` · `)}`:``}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-store-inspector`]],viewQuery:function(e,t){e&1&&l_(t.eventDetailHeading,aH,5)(t.cancelButton,oH,5)(t.restoreButton,sH,5)(t.stateTree,cH,5)(t.filterInput,lH,5)(t.latestButton,uH,5),e&2&&u_(6)},inputs:{rpc:[1,`rpc`]},decls:30,vars:11,consts:[[`filterInput`,``],[`entryDetailTpl`,``],[`stateTree`,``],[`latestButton`,``],[`eventDetailHeading`,``],[`cancelButton`,``],[`restoreButton`,``],[1,`toolbar`],[`type`,`search`,`placeholder`,`Filter stores, changes and declarations…`,`aria-label`,`Filter stores, changes and source declarations`,3,`input`,`keydown.escape`,`value`],[1,`status`],[`aria-hidden`,`true`,1,`live-dot`],[`aria-labelledby`,`ngrx-live-heading`,1,`block`],[1,`section-head`],[`id`,`ngrx-live-heading`],[1,`pill`],[`role`,`alert`,1,`empty`],[`role`,`status`,1,`empty`],[1,`empty`],[1,`live-layout`],[`role`,`status`,1,`message`],[`aria-labelledby`,`ngrx-events-heading`,1,`block`],[`aria-labelledby`,`ngrx-source-heading`,1,`block`],[`id`,`ngrx-source-heading`],[`role`,`status`,1,`empty`,`compact`],[1,`empty`,`compact`],[`id`,`ngrx-page-label`,1,`visually-hidden`],[`labelledBy`,`ngrx-page-label`,1,`page-select`,3,`valueChange`,`options`,`value`],[1,`empty-title`],[1,`hint`],[`type`,`button`,1,`btn`,3,`click`],[`aria-label`,`Stores on this page`,1,`store-list`],[1,`muted`,`pad`],[1,`store-detail`],[`type`,`button`,1,`store-item`,3,`click`],[1,`store-top`],[`aria-hidden`,`true`,1,`dot`],[1,`store-name`],[1,`store-meta`],[1,`detail-head`],[1,`chips`],[1,`chip`],[1,`chip`,`mono`,3,`file`],[1,`refs`],[1,`paused`],[1,`facts`],[`aria-labelledby`,`ngrx-state-heading`,1,`fact`],[1,`fact-head`],[`id`,`ngrx-state-heading`],[1,`state-actions`],[3,`rpc`,`pageId`,`target`,`label`],[`type`,`button`,`aria-label`,`Copy state`,1,`btn`,`copy`,3,`click`],[`tabindex`,`0`,`aria-labelledby`,`ngrx-state-heading`,1,`tree`],[`aria-labelledby`,`ngrx-log-heading`,1,`log`],[`id`,`ngrx-log-heading`],[`what`,`changes on this page`,`limit`,`changeLog`,3,`dropped`,`max`],[1,`log-layout`],[`appRovingList`,`button.log-item`,1,`log-list`],[`id`,`ngrx-change-detail`],[`aria-labelledby`,`ngrx-dispatch-heading`,1,`dispatch`],[`type`,`button`,1,`btn`,`primary`,3,`click`,`disabled`],[`id`,`store-latest-off`,1,`hint`,`small`],[`aria-labelledby`,`ngrx-computed-heading`,1,`fact`],[`id`,`ngrx-computed-heading`],[1,`kv`],[1,`muted`],[`id`,`ngrx-methods-heading`,1,`spaced`],[`aria-labelledby`,`ngrx-methods-heading`,1,`methods`],[`aria-labelledby`,`ngrx-entities-heading`,1,`fact`],[3,`title`],[1,`chip`,`mono`],[1,`tag`],[1,`calls`],[`id`,`ngrx-entities-heading`],[1,`entities`],[1,`entity-group`],[1,`entity-head`],[1,`entity-count`],[1,`chips`,`entity-ids`],[1,`chip`,`more`,3,`title`],[`type`,`button`,1,`log-item`,3,`click`],[1,`seq`],[1,`log-type-row`],[1,`log-type`,3,`title`],[1,`tag`,3,`title`],[1,`log-meta`],[3,`ngTemplateOutlet`,`ngTemplateOutletContext`],[`id`,`ngrx-dispatch-heading`],[1,`dispatch-form`,3,`submit`],[`required`,``,`spellcheck`,`false`,`autocomplete`,`off`,`list`,`ngrx-action-types`,`placeholder`,`e.g. [Cart] Add Item`,3,`input`,`value`],[`id`,`ngrx-action-types`],[3,`value`],[1,`optional`],[`rows`,`3`,`spellcheck`,`false`,`placeholder`,`e.g. {"id": 7}`,`aria-describedby`,`ngrx-payload-error`,3,`input`,`value`],[`id`,`ngrx-payload-error`,1,`field-error`],[1,`actions`],[`type`,`submit`,1,`btn`,`primary`,3,`disabled`],[`id`,`store-dispatch-off`,1,`hint`,`small`],[`id`,`ngrx-events-heading`],[1,`intro`],[`appRovingList`,`button.event-item`,`aria-label`,`Dispatched events`,1,`events-list`],[`id`,`ngrx-event-detail`,`tabindex`,`-1`,1,`event-detail-focus`],[`type`,`button`,1,`event-item`,3,`click`],[1,`event-type`,`mono`,3,`title`],[1,`event-payload`,3,`title`],[1,`event-time`],[1,`entry`],[`role`,`heading`,1,`entry-heading`,3,`id`],[`role`,`group`,1,`confirm`],[1,`hint`,`small`],[1,`code`],[1,`mono`],[1,`sub-head`],[`role`,`heading`,1,`sub`],[`type`,`button`,1,`btn`,`copy`],[`type`,`button`,1,`btn`,`copy`,3,`click`],[1,`diff`],[3,`class`],[1,`op`],[1,`path`],[1,`values`],[1,`before`],[1,`after`],[`aria-hidden`,`true`,1,`arrow`],[1,`visually-hidden`],[`role`,`group`,1,`confirm`,3,`keydown.escape`],[3,`id`],[1,`entry-actions`],[`type`,`button`,1,`btn`,`restore`,3,`disabled`],[`type`,`button`,1,`btn`,3,`disabled`],[1,`hint`,`small`,3,`id`],[`type`,`button`,1,`btn`,`restore`,3,`click`,`disabled`],[`type`,`button`,1,`btn`,3,`click`,`disabled`],[`aria-hidden`,`true`,1,`spinner`],[`role`,`group`,`aria-label`,`Filter declarations by kind`,1,`kinds`],[`type`,`button`,1,`kind-chip`,3,`click`],[1,`count`],[`type`,`button`,1,`kind-chip`,3,`active`],[1,`nodes`],[1,`node-card`],[1,`chip-text`],[1,`node-header`],[1,`node-label`],[1,`node-meta`],[1,`file`,3,`file`,`line`],[1,`detail`]],template:function(e,t){e&1&&(L(0,`div`,7)(1,`input`,8,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),M(3,SH,3,2),L(4,`span`,9),z(5,`span`,10),J(6),R()(),L(7,`section`,11)(8,`div`,12)(9,`h2`,13),J(10,`Live stores`),R(),M(11,CH,2,1,`span`,14),R(),M(12,wH,7,0,`div`,15)(13,TH,3,0,`div`,16)(14,EH,5,0,`div`,17)(15,AH,4,1,`div`,17)(16,mU,6,2,`div`,18),L(17,`p`,19),J(18),R()(),M(19,yU,13,3,`section`,20),sg(20,YU,18,16,`ng-template`,null,1,Ev),L(22,`section`,21)(23,`div`,12)(24,`h2`,22),J(25,`Source declarations`),R(),M(26,XU,2,1,`span`,14),R(),M(27,ZU,4,0,`div`,23)(28,QU,29,0,`div`,24)(29,rW,11,5),R()),e&2&&(A(),I(`value`,t.filter()),A(2),N(t.pages().length>1?3:-1),A(),q(`on`,!!t.page()),A(2),X(` `,t.page()?`Live`:`No page connected`,` `),A(5),N(t.liveStores().length?11:-1),A(),N(t.failed()?12:t.stateLoaded()?t.page()?t.liveStores().length?16:15:14:13),A(6),Y(t.message()),A(),N(t.hasEvents()?19:-1),A(7),N(t.sourceEntries().length?26:-1),A(),N(t.sourceLoaded()?t.sourceEntries().length===0?28:29:27))},dependencies:[VO,sR,fO,lb,fj,hM],styles:[`[_nghost-%COMP%] {
   display: grid;
   gap: 24px;
   min-width: 0;
@@ -8883,7 +8883,7 @@ textarea[aria-invalid=true][_ngcontent-%COMP%] {
   .kv[_ngcontent-%COMP%] {
     grid-template-columns: minmax(0, 1fr);
   }
-}`]})},JU=[`heading`];function YU(e,t){if(e&1){let e=H();B(0,`div`,6)(1,`p`,9),J(2,`Could not explain this field. The devtools server did not answer.`),V(),B(3,`button`,11),W(`click`,function(){return E(e),D(G().retry())}),J(4,`Try again`),V()()}}function XU(e,t){if(e&1&&(B(0,`pre`,7),J(1),V()),e&2){let e=G();j(`aria-busy`,e.text()===null?`true`:null),A(),Y(e.text()??`Loading…`)}}function ZU(e,t){if(e&1){let e=H();B(0,`div`,8)(1,`label`,15),J(2),V(),B(3,`input`,16),W(`input`,function(t){return E(e),D(G().draft.set(t.target.value))})(`keydown.enter`,function(){return E(e),D(G().setValue())}),V(),B(4,`button`,17),W(`click`,function(){return E(e),D(G().setValue())}),J(5,` Set `),V()()}if(e&2){let e=G();A(2),X(`New value for `,e.node().path),A(),qg(`value`,e.draft()),A(),qg(`disabled`,!e.canWrite()),j(`aria-describedby`,e.canWrite()?null:`field-writes-off`)}}function QU(e,t){if(e&1&&(B(0,`p`,9),J(1),B(2,`a`,18),J(3,`How to unmask it`),V()()),e&2){let e=G();A(),X(` No Set editor: this field is redacted (`,e.redactLabel(e.node().redacted),`). `),A(),qg(`href`,e.unmaskDocsUrl,Mu)}}function $U(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G();A(),Y(e.writesOff)}}var eW=class e{form=$.required();node=$.required();version=$(0);rpc=$(null);closed=Rv();canWrite=Q(()=>FE(this.rpc(),`forms`));writesOff=iE(`forms`);redactLabel=OE;unmaskDocsUrl=kE;target=Q(()=>`${this.form().id}|${this.node().path}`);text=Fv({source:this.target,computation:()=>null});failed=Fv({source:this.target,computation:()=>!1});attempt=k(0);heading=Jv.required(`heading`);host=w(Fl);draft=Fv({source:this.target,computation:()=>``});message=Fv({source:this.target,computation:()=>``});constructor(){pc(()=>{let e=this.form().id,t=this.node().path;this.version(),this.attempt();let n=this.rpc();Nv(()=>this.load(n,e,t))}),uy(()=>{this.target();let e=Nv(this.heading).nativeElement;this.host.nativeElement.scrollIntoView?.({block:`nearest`}),e.focus({preventScroll:!0})})}async load(e,t,n){if(!e)return;let r=await EE(e,`forms-explain`,{kind:`field`,form:t,path:n});if(this.form().id===t&&this.node().path===n){if(r===null){this.failed.set(!0);return}this.failed.set(!1),this.text.set(NE(r))}}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}async act(e){let t=this.form().id,n=this.node().path,r=await AE(this.rpc(),{action:e,formId:t,path:n});this.form().id===t&&this.node().path===n&&this.message.set(r.expression?`${jE(r)} ${r.expression}`:jE(r))}async setValue(){let e=this.form().id,t=this.node().path,n=await AE(this.rpc(),{action:`set-value`,formId:e,path:t,value:this.draft(),coerce:!0,mode:`user`});this.form().id===e&&this.node().path===t&&this.message.set(jE(n))}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-forms-field-detail`]],viewQuery:function(e,t){e&1&&l_(t.heading,JU,5),e&2&&u_()},hostAttrs:[`role`,`region`,`aria-labelledby`,`forms-field-heading`],inputs:{form:[1,`form`],node:[1,`node`],version:[1,`version`],rpc:[1,`rpc`]},outputs:{closed:`closed`},decls:26,vars:11,consts:[[`heading`,``],[1,`head`],[1,`section-label`],[`id`,`forms-field-heading`,`tabindex`,`-1`],[1,`tag`],[`type`,`button`,1,`small`,`close`,3,`click`],[`role`,`alert`,1,`failed`],[1,`explain`],[1,`editor`],[1,`muted`],[`role`,`group`,`aria-label`,`Field actions`,1,`row`],[`type`,`button`,1,`small`,3,`click`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`id`,`field-writes-off`,1,`muted`],[`role`,`status`,1,`status`],[`for`,`field-value`,1,`sr-only`],[`id`,`field-value`,`type`,`text`,`placeholder`,`New value, read as the current value's type`,`autocomplete`,`off`,`spellcheck`,`false`,1,`field-input`,3,`input`,`keydown.enter`,`value`],[`type`,`button`,1,`small`,`primary`,3,`click`,`disabled`],[`target`,`_blank`,`rel`,`noopener noreferrer`,3,`href`]],template:function(e,t){e&1&&(B(0,`div`,1)(1,`span`,2),J(2,`Field`),V(),B(3,`h3`,3,0),J(5),V(),B(6,`span`,4),J(7),V(),B(8,`button`,5),W(`click`,function(){return t.closed.emit()}),J(9,` Close `),V()(),M(10,YU,5,0,`div`,6)(11,XU,2,2,`pre`,7),M(12,ZU,6,4,`div`,8)(13,QU,4,2,`p`,9),B(14,`div`,10)(15,`button`,11),W(`click`,function(){return t.act(`focus`)}),J(16,`Focus`),V(),B(17,`button`,12),W(`click`,function(){return t.act(`mark-touched`)}),J(18,` Touch `),V(),B(19,`button`,12),W(`click`,function(){return t.act(`revalidate`)}),J(20,` Revalidate `),V(),B(21,`button`,11),W(`click`,function(){return t.act(`store-as-global`)}),J(22,`Store as global`),V()(),M(23,$U,2,1,`p`,13),B(24,`p`,14),J(25),V()),e&2&&(A(5),Y(t.node().path||`(form)`),A(2),Y(t.node().type),A(),j(`aria-label`,`Close details for `+(t.node().path||`the form`)),A(2),N(t.failed()?10:11),A(2),N(t.node().type===`control`&&!t.node().redacted?12:t.node().type===`control`?13:-1),A(5),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),A(2),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),A(4),N(t.canWrite()?-1:23),A(2),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},uW=[`heading`];function dW(e,t){if(e&1){let e=H();B(0,`div`,6)(1,`p`,9),J(2,`Could not explain this field. The devtools server did not answer.`),V(),B(3,`button`,11),W(`click`,function(){return E(e),D(G().retry())}),J(4,`Try again`),V()()}}function fW(e,t){if(e&1&&(B(0,`pre`,7),J(1),V()),e&2){let e=G();j(`aria-busy`,e.text()===null?`true`:null),A(),Y(e.text()??`Loading…`)}}function pW(e,t){if(e&1){let e=H();B(0,`div`,8)(1,`label`,15),J(2),V(),B(3,`input`,16),W(`input`,function(t){return E(e),D(G().draft.set(t.target.value))})(`keydown.enter`,function(){return E(e),D(G().setValue())}),V(),B(4,`button`,17),W(`click`,function(){return E(e),D(G().setValue())}),J(5,` Set `),V()()}if(e&2){let e=G();A(2),X(`New value for `,e.node().path),A(),qg(`value`,e.draft()),A(),qg(`disabled`,!e.canWrite()),j(`aria-describedby`,e.canWrite()?null:`field-writes-off`)}}function mW(e,t){if(e&1&&(B(0,`p`,9),J(1),B(2,`a`,18),J(3,`How to unmask it`),V()()),e&2){let e=G();A(),X(` No Set editor: this field is redacted (`,e.redactLabel(e.node().redacted),`). `),A(),qg(`href`,e.unmaskDocsUrl,Mu)}}function hW(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G();A(),Y(e.writesOff)}}var gW=class e{form=$.required();node=$.required();version=$(0);rpc=$(null);closed=Rv();canWrite=Q(()=>YE(this.rpc(),`forms`));writesOff=vE(`forms`);redactLabel=HE;unmaskDocsUrl=UE;target=Q(()=>`${this.form().id}|${this.node().path}`);text=Fv({source:this.target,computation:()=>null});failed=Fv({source:this.target,computation:()=>!1});attempt=k(0);heading=Jv.required(`heading`);host=w(Fl);draft=Fv({source:this.target,computation:()=>``});message=Fv({source:this.target,computation:()=>``});constructor(){pc(()=>{let e=this.form().id,t=this.node().path;this.version(),this.attempt();let n=this.rpc();Nv(()=>this.load(n,e,t))}),uy(()=>{this.target();let e=Nv(this.heading).nativeElement;this.host.nativeElement.scrollIntoView?.({block:`nearest`}),e.focus({preventScroll:!0})})}async load(e,t,n){if(!e)return;let r=await BE(e,`forms-explain`,{kind:`field`,form:t,path:n});if(this.form().id===t&&this.node().path===n){if(r===null){this.failed.set(!0);return}this.failed.set(!1),this.text.set(qE(r))}}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}async act(e){let t=this.form().id,n=this.node().path,r=await WE(this.rpc(),{action:e,formId:t,path:n});this.form().id===t&&this.node().path===n&&this.message.set(r.expression?`${GE(r)} ${r.expression}`:GE(r))}async setValue(){let e=this.form().id,t=this.node().path,n=await WE(this.rpc(),{action:`set-value`,formId:e,path:t,value:this.draft(),coerce:!0,mode:`user`});this.form().id===e&&this.node().path===t&&this.message.set(GE(n))}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-forms-field-detail`]],viewQuery:function(e,t){e&1&&l_(t.heading,uW,5),e&2&&u_()},hostAttrs:[`role`,`region`,`aria-labelledby`,`forms-field-heading`],inputs:{form:[1,`form`],node:[1,`node`],version:[1,`version`],rpc:[1,`rpc`]},outputs:{closed:`closed`},decls:26,vars:11,consts:[[`heading`,``],[1,`head`],[1,`section-label`],[`id`,`forms-field-heading`,`tabindex`,`-1`],[1,`tag`],[`type`,`button`,1,`small`,`close`,3,`click`],[`role`,`alert`,1,`failed`],[1,`explain`],[1,`editor`],[1,`muted`],[`role`,`group`,`aria-label`,`Field actions`,1,`row`],[`type`,`button`,1,`small`,3,`click`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`id`,`field-writes-off`,1,`muted`],[`role`,`status`,1,`status`],[`for`,`field-value`,1,`sr-only`],[`id`,`field-value`,`type`,`text`,`placeholder`,`New value, read as the current value's type`,`autocomplete`,`off`,`spellcheck`,`false`,1,`field-input`,3,`input`,`keydown.enter`,`value`],[`type`,`button`,1,`small`,`primary`,3,`click`,`disabled`],[`target`,`_blank`,`rel`,`noopener noreferrer`,3,`href`]],template:function(e,t){e&1&&(B(0,`div`,1)(1,`span`,2),J(2,`Field`),V(),B(3,`h3`,3,0),J(5),V(),B(6,`span`,4),J(7),V(),B(8,`button`,5),W(`click`,function(){return t.closed.emit()}),J(9,` Close `),V()(),M(10,dW,5,0,`div`,6)(11,fW,2,2,`pre`,7),M(12,pW,6,4,`div`,8)(13,mW,4,2,`p`,9),B(14,`div`,10)(15,`button`,11),W(`click`,function(){return t.act(`focus`)}),J(16,`Focus`),V(),B(17,`button`,12),W(`click`,function(){return t.act(`mark-touched`)}),J(18,` Touch `),V(),B(19,`button`,12),W(`click`,function(){return t.act(`revalidate`)}),J(20,` Revalidate `),V(),B(21,`button`,11),W(`click`,function(){return t.act(`store-as-global`)}),J(22,`Store as global`),V()(),M(23,hW,2,1,`p`,13),B(24,`p`,14),J(25),V()),e&2&&(A(5),Y(t.node().path||`(form)`),A(2),Y(t.node().type),A(),j(`aria-label`,`Close details for `+(t.node().path||`the form`)),A(2),N(t.failed()?10:11),A(2),N(t.node().type===`control`&&!t.node().redacted?12:t.node().type===`control`?13:-1),A(5),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),A(2),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),A(4),N(t.canWrite()?-1:23),A(2),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -9224,7 +9224,7 @@ h3[_ngcontent-%COMP%]:focus-visible {
 .status[_ngcontent-%COMP%]:empty {
   height: 0;
   margin: -12px 0 0;
-}`]})};function tW(e,t){if(e&1){let e=H();B(0,`div`,0)(1,`p`,4),J(2,`Could not explain this form`),V(),B(3,`p`),J(4,`The devtools server did not answer. Check that the app is running, then try again.`),V(),B(5,`button`,2),W(`click`,function(){return E(e),D(G().retry())}),J(6,`Try again`),V()()}}function nW(e,t){if(e&1&&(B(0,`section`,5)(1,`h3`,6),J(2,`Submit`),V(),B(3,`pre`,7),J(4),V()(),B(5,`section`,8)(6,`h3`,9),J(7,`Payload`),V(),B(8,`pre`,7),J(9),V()()),e&2){let e=G();A(3),j(`aria-busy`,e.submit()===null?`true`:null),A(),Y(e.submit()??`Loading…`),A(4),j(`aria-busy`,e.payload()===null?`true`:null),A(),Y(e.payload()??`Loading…`)}}function rW(e,t){if(e&1){let e=H();B(0,`div`,0)(1,`p`,3),J(2,`Could not check this form`),V(),B(3,`p`),J(4,`The devtools server did not answer. Check that the app is running, then try again.`),V(),B(5,`button`,4),W(`click`,function(){return E(e),D(G().retry())}),J(6,`Try again`),V()()}}function iW(e,t){e&1&&(B(0,`div`,1),Vg(1,`span`,5),B(2,`p`),J(3,`Checking the form for problems…`),V()())}function aW(e,t){e&1&&(B(0,`div`,2)(1,`span`,6),O(),B(2,`svg`,7),Vg(3,`path`,8),V()(),gs(),B(4,`p`,3),J(5,`No problems found`),V(),B(6,`p`),J(7,`For generic accessibility checks, run axe on the page.`),V()())}function oW(e,t){if(e&1){let e=H();B(0,`span`,15),J(1,`at `),B(2,`button`,19),W(`click`,function(){let t=E(e);return D(G(3).showField.emit(t))}),B(3,`span`,20),J(4,`Show field `),V(),B(5,`code`),J(6),V()()()}e&2&&(A(6),Y(t))}function sW(e,t){if(e&1&&(B(0,`li`)(1,`div`,12)(2,`span`,13),J(3),V(),B(4,`code`,14),J(5),V(),M(6,oW,7,1,`span`,15),V(),B(7,`p`,16),J(8),V(),B(9,`p`,17)(10,`span`,18),J(11,`Fix`),V(),J(12),V()()),e&2){let e,n=t.$implicit;j(`data-severity`,n.severity),A(2),j(`data-tone`,n.severity===`info`?``:n.severity===`error`?`bad`:`warn`),A(),Y(n.severity),A(2),Y(n.rule),A(),N((e=n.path)?6:-1,e),A(2),Y(n.message),A(4),X(` `,n.fix)}}function cW(e,t){if(e&1&&(B(0,`p`,9)(1,`span`,10),J(2),V(),J(3),V(),B(4,`ul`,11),P(5,sW,13,7,`li`,null,kg),V()),e&2){let e=G();A(2),Y(e.findings().length),A(),X(` `,e.findings().length===1?`finding`:`findings`,` `),A(2),F(e.findings())}}var lW=class e{formId=$.required();version=$(0);rpc=$(null);submit=Fv({source:this.formId,computation:()=>null});payload=Fv({source:this.formId,computation:()=>null});failed=Fv({source:this.formId,computation:()=>!1});message=k(``);attempt=k(0);constructor(){pc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let[n,r]=await Promise.all([EE(t,`forms-explain`,{kind:`submit`,form:e}),EE(t,`forms-explain`,{kind:`payload`,form:e})]);if(this.formId()===e){if(n===null||r===null){this.failed.set(!0);return}this.failed.set(!1),this.submit.set(NE(n)),this.payload.set(NE(r))}})})}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}async copyFixture(){let e=(await EE(this.rpc(),`forms-explain`,{kind:`fixture`,form:this.formId()})??``).match(/```ts\n([\s\S]*)```\s*$/)?.[1];if(!e){this.message.set(`No test fixture is available for this form.`);return}try{await navigator.clipboard.writeText(e),this.message.set(`Copied.`)}catch{this.message.set(`Clipboard is not available here.`)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-forms-submit`]],inputs:{formId:[1,`formId`],version:[1,`version`],rpc:[1,`rpc`]},decls:7,vars:2,consts:[[`role`,`alert`,1,`empty-state`],[1,`fixture`],[`type`,`button`,1,`small`,3,`click`],[`role`,`status`,1,`status`],[1,`empty-title`],[`aria-labelledby`,`forms-submit-title`,1,`block`],[`id`,`forms-submit-title`,1,`section-label`],[1,`explain`],[`aria-labelledby`,`forms-payload-title`,1,`block`],[`id`,`forms-payload-title`,1,`section-label`]],template:function(e,t){e&1&&(M(0,tW,7,0,`div`,0)(1,nW,10,4),B(2,`div`,1)(3,`button`,2),W(`click`,function(){return t.copyFixture()}),J(4,`Copy test fixture`),V(),B(5,`span`,3),J(6),V()()),e&2&&(N(+!t.failed()),A(6),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function _W(e,t){if(e&1){let e=H();B(0,`div`,0)(1,`p`,4),J(2,`Could not explain this form`),V(),B(3,`p`),J(4,`The devtools server did not answer. Check that the app is running, then try again.`),V(),B(5,`button`,2),W(`click`,function(){return E(e),D(G().retry())}),J(6,`Try again`),V()()}}function vW(e,t){if(e&1&&(B(0,`section`,5)(1,`h3`,6),J(2,`Submit`),V(),B(3,`pre`,7),J(4),V()(),B(5,`section`,8)(6,`h3`,9),J(7,`Payload`),V(),B(8,`pre`,7),J(9),V()()),e&2){let e=G();A(3),j(`aria-busy`,e.submit()===null?`true`:null),A(),Y(e.submit()??`Loading…`),A(4),j(`aria-busy`,e.payload()===null?`true`:null),A(),Y(e.payload()??`Loading…`)}}function yW(e,t){if(e&1){let e=H();B(0,`div`,0)(1,`p`,3),J(2,`Could not check this form`),V(),B(3,`p`),J(4,`The devtools server did not answer. Check that the app is running, then try again.`),V(),B(5,`button`,4),W(`click`,function(){return E(e),D(G().retry())}),J(6,`Try again`),V()()}}function bW(e,t){e&1&&(B(0,`div`,1),Vg(1,`span`,5),B(2,`p`),J(3,`Checking the form for problems…`),V()())}function xW(e,t){e&1&&(B(0,`div`,2)(1,`span`,6),O(),B(2,`svg`,7),Vg(3,`path`,8),V()(),gs(),B(4,`p`,3),J(5,`No problems found`),V(),B(6,`p`),J(7,`For generic accessibility checks, run axe on the page.`),V()())}function SW(e,t){if(e&1){let e=H();B(0,`span`,15),J(1,`at `),B(2,`button`,19),W(`click`,function(){let t=E(e);return D(G(3).showField.emit(t))}),B(3,`span`,20),J(4,`Show field `),V(),B(5,`code`),J(6),V()()()}e&2&&(A(6),Y(t))}function CW(e,t){if(e&1&&(B(0,`li`)(1,`div`,12)(2,`span`,13),J(3),V(),B(4,`code`,14),J(5),V(),M(6,SW,7,1,`span`,15),V(),B(7,`p`,16),J(8),V(),B(9,`p`,17)(10,`span`,18),J(11,`Fix`),V(),J(12),V()()),e&2){let e,n=t.$implicit;j(`data-severity`,n.severity),A(2),j(`data-tone`,n.severity===`info`?``:n.severity===`error`?`bad`:`warn`),A(),Y(n.severity),A(2),Y(n.rule),A(),N((e=n.path)?6:-1,e),A(2),Y(n.message),A(4),X(` `,n.fix)}}function wW(e,t){if(e&1&&(B(0,`p`,9)(1,`span`,10),J(2),V(),J(3),V(),B(4,`ul`,11),P(5,CW,13,7,`li`,null,kg),V()),e&2){let e=G();A(2),Y(e.findings().length),A(),X(` `,e.findings().length===1?`finding`:`findings`,` `),A(2),F(e.findings())}}var TW=class e{formId=$.required();version=$(0);rpc=$(null);submit=Fv({source:this.formId,computation:()=>null});payload=Fv({source:this.formId,computation:()=>null});failed=Fv({source:this.formId,computation:()=>!1});message=k(``);attempt=k(0);constructor(){pc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let[n,r]=await Promise.all([BE(t,`forms-explain`,{kind:`submit`,form:e}),BE(t,`forms-explain`,{kind:`payload`,form:e})]);if(this.formId()===e){if(n===null||r===null){this.failed.set(!0);return}this.failed.set(!1),this.submit.set(qE(n)),this.payload.set(qE(r))}})})}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}async copyFixture(){let e=(await BE(this.rpc(),`forms-explain`,{kind:`fixture`,form:this.formId()})??``).match(/```ts\n([\s\S]*)```\s*$/)?.[1];if(!e){this.message.set(`No test fixture is available for this form.`);return}try{await navigator.clipboard.writeText(e),this.message.set(`Copied.`)}catch{this.message.set(`Clipboard is not available here.`)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-forms-submit`]],inputs:{formId:[1,`formId`],version:[1,`version`],rpc:[1,`rpc`]},decls:7,vars:2,consts:[[`role`,`alert`,1,`empty-state`],[1,`fixture`],[`type`,`button`,1,`small`,3,`click`],[`role`,`status`,1,`status`],[1,`empty-title`],[`aria-labelledby`,`forms-submit-title`,1,`block`],[`id`,`forms-submit-title`,1,`section-label`],[1,`explain`],[`aria-labelledby`,`forms-payload-title`,1,`block`],[`id`,`forms-payload-title`,1,`section-label`]],template:function(e,t){e&1&&(M(0,_W,7,0,`div`,0)(1,vW,10,4),B(2,`div`,1)(3,`button`,2),W(`click`,function(){return t.copyFixture()}),J(4,`Copy test fixture`),V(),B(5,`span`,3),J(6),V()()),e&2&&(N(+!t.failed()),A(6),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -9496,7 +9496,7 @@ code[_ngcontent-%COMP%] {
   flex-wrap: wrap;
   gap: 8px 12px;
   align-items: center;
-}`]})},uW=class e{formId=$.required();version=$(0);rpc=$(null);showField=Rv();findings=Fv({source:this.formId,computation:()=>null});failed=Fv({source:this.formId,computation:()=>!1});attempt=k(0);constructor(){pc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let n=await EE(t,`forms-lint`,{form:e});this.formId()===e&&(this.failed.set(n===null),n&&this.findings.set(n))})})}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-forms-lint`]],inputs:{formId:[1,`formId`],version:[1,`version`],rpc:[1,`rpc`]},outputs:{showField:`showField`},decls:4,vars:1,consts:[[`role`,`alert`,1,`empty-state`],[`role`,`status`,1,`empty-state`],[1,`empty-state`],[1,`empty-title`],[`type`,`button`,1,`small`,3,`click`],[`aria-hidden`,`true`,1,`spinner`],[`aria-hidden`,`true`,1,`ok-icon`],[`width`,`16`,`height`,`16`,`viewBox`,`0 0 24 24`,`fill`,`none`,`stroke`,`currentColor`,`stroke-width`,`2.5`,`stroke-linecap`,`round`,`stroke-linejoin`,`round`],[`d`,`M20 6 9 17l-5-5`],[1,`summary`],[1,`tabular`],[1,`findings`],[1,`meta`],[1,`tag`,`severity`],[1,`rule`],[1,`muted`,`path`],[1,`message`],[1,`fix`],[1,`fix-label`],[`type`,`button`,1,`summary-link`,3,`click`],[1,`sr-only`]],template:function(e,t){e&1&&M(0,rW,7,0,`div`,0)(1,iW,4,0,`div`,1)(2,aW,8,0,`div`,2)(3,cW,7,2),e&2&&N(t.failed()?0:t.findings()===null?1:t.findings().length?3:2)},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},EW=class e{formId=$.required();version=$(0);rpc=$(null);showField=Rv();findings=Fv({source:this.formId,computation:()=>null});failed=Fv({source:this.formId,computation:()=>!1});attempt=k(0);constructor(){pc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let n=await BE(t,`forms-lint`,{form:e});this.formId()===e&&(this.failed.set(n===null),n&&this.findings.set(n))})})}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-forms-lint`]],inputs:{formId:[1,`formId`],version:[1,`version`],rpc:[1,`rpc`]},outputs:{showField:`showField`},decls:4,vars:1,consts:[[`role`,`alert`,1,`empty-state`],[`role`,`status`,1,`empty-state`],[1,`empty-state`],[1,`empty-title`],[`type`,`button`,1,`small`,3,`click`],[`aria-hidden`,`true`,1,`spinner`],[`aria-hidden`,`true`,1,`ok-icon`],[`width`,`16`,`height`,`16`,`viewBox`,`0 0 24 24`,`fill`,`none`,`stroke`,`currentColor`,`stroke-width`,`2.5`,`stroke-linecap`,`round`,`stroke-linejoin`,`round`],[`d`,`M20 6 9 17l-5-5`],[1,`summary`],[1,`tabular`],[1,`findings`],[1,`meta`],[1,`tag`,`severity`],[1,`rule`],[1,`muted`,`path`],[1,`message`],[1,`fix`],[1,`fix-label`],[`type`,`button`,1,`summary-link`,3,`click`],[1,`sr-only`]],template:function(e,t){e&1&&M(0,yW,7,0,`div`,0)(1,bW,4,0,`div`,1)(2,xW,8,0,`div`,2)(3,wW,7,2),e&2&&N(t.failed()?0:t.findings()===null?1:t.findings().length?3:2)},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -9852,7 +9852,7 @@ code[_ngcontent-%COMP%] {
   font-weight: 600;
   letter-spacing: 0.06em;
   text-transform: uppercase;
-}`]})},dW=[`pathInput`],fW=()=>[],pW=(e,t)=>t.formId+`#`+t.seq;function mW(e,t){e&1&&z(0,`span`,6)}function hW(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,21),U(`change`,function(){let t=E(e).$implicit;return D(G().filter.set(t))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G();A(),I(`value`,e)(`checked`,e===n.filter()),A(),X(` `,e,` `)}}function gW(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;j(`data-tone`,e.outcome===`ran`?``:`bad`),A(),Y(e.outcome)}}function _W(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;A(),X(`×`,e.count)}}function vW(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.origin)}}function yW(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;j(`data-tone`,e.ms>1e3?`warn`:``),A(),X(`pending `,e.ms,`ms`)}}function bW(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;j(`data-tone`,e.renders>20?`warn`:``),A(),Z(``,e.renders,` renders: `,(e.rendered??mv(3,fW)).join(`, `))}}function xW(e,t){if(e&1&&(L(0,`span`,29),J(1),R(),L(2,`span`,30),J(3,`→`),R(),L(4,`span`,9),J(5,`changed to`),R()),e&2){let e=G(2).$implicit;A(),Y(e.prev)}}function SW(e,t){if(e&1&&(L(0,`div`,27),M(1,xW,6,1),J(2),R()),e&2){let e=G().$implicit;A(),N(e.prev===void 0?-1:1),A(),X(` `,e.detail,` `)}}function CW(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;A(),X(`from `,e.caller)}}function wW(e,t){if(e&1&&(L(0,`li`)(1,`time`),J(2),R(),L(3,`div`,22)(4,`div`,23)(5,`code`,24),J(6),R(),L(7,`span`,25),J(8),R(),M(9,gW,2,2,`span`,26),M(10,_W,2,1,`span`,26),M(11,vW,2,1,`span`,26),M(12,yW,2,2,`span`,26),M(13,bW,2,4,`span`,26),R(),M(14,SW,3,2,`div`,27),M(15,CW,2,1,`span`,28),R()()),e&2){let e=t.$implicit,n=G(2);j(`data-type`,e.type),A(),j(`datetime`,n.iso(e.timestamp)),A(),Y(n.time(e.timestamp)),A(4),Y(e.path||`(form)`),A(2),Y(e.type),A(),N(e.outcome?9:-1),A(),N(e.count&&e.count>1?10:-1),A(),N(e.origin?11:-1),A(),N(e.ms===void 0?-1:12),A(),N(e.renders?13:-1),A(),N(e.prev!==void 0||e.detail?14:-1),A(),N(e.caller?15:-1)}}function TW(e,t){if(e&1&&(L(0,`ol`,19),P(1,wW,16,12,`li`,null,pW),R()),e&2){let e=G();A(),F(e.shown())}}function EW(e,t){if(e&1){let e=H();L(0,`div`,20)(1,`p`,31),J(2,`No events match these filters`),R(),L(3,`p`),J(4,`Change the path, type or origin, or interact with the form to record more.`),R(),L(5,`button`,32),U(`click`,function(){return E(e),D(G().clearFilters())}),J(6,`Clear filters`),R()()}}function DW(e,t){e&1&&(L(0,`div`,20)(1,`p`,31),J(2,`No changes yet`),R(),L(3,`p`),J(4,`Type into the form to see them here.`),R()())}var OW=[`all`,`user`,`code`,`agent`,`devtools`],kW=[`value`,`status`,`touched`,`dirty`,`submit`,`reset`,`added`,`removed`,`moved`,`validators`],AW=class e{events=$.required();recording=$(!1);record=Rv();toggle(e){let t=e.target;t.checked=this.recording(),this.record.emit(!this.recording())}origins=OW;filter=k(`all`);pathFilter=k(``);typeFilter=k(`all`);pathInput=Jv(`pathInput`);typeOptions=Q(()=>{let e=new Set(this.events().map(e=>e.type)),t=this.typeFilter();t&&t!==`all`&&e.add(t);let n=kW.filter(t=>e.has(t)),r=[...e].filter(e=>!kW.includes(e)).sort();return[{value:`all`,label:`All types`},...[...n,...r].map(e=>({value:e,label:e}))]});matching=Q(()=>{let e=this.filter(),t=this.typeFilter()??`all`,n=this.pathFilter().trim().toLowerCase();return this.events().filter(r=>(e===`all`||r.origin===e)&&(t===`all`||r.type===t)&&(!n||r.path.toLowerCase().includes(n)))});shown=Q(()=>this.matching().slice(-100).reverse());filtered=Q(()=>this.filter()!==`all`||(this.typeFilter()??`all`)!==`all`||!!this.pathFilter().trim());summary=Q(()=>{let e=this.events().length,t=this.matching().length,n=e=>e===1?`event`:`events`,r=this.filtered()?` matching ${n(t)}`:` ${n(t)}`;return t>100?`Showing the latest 100 of ${t}${r}`:this.filtered()?`${t} of ${e} ${n(e)}`:`${e} ${n(e)}`});filterStatus=Q(()=>(this.filter(),this.typeFilter(),this.pathFilter(),Nv(()=>this.summary())));clearFilters(){this.pathFilter.set(``),this.typeFilter.set(`all`),this.filter.set(`all`),this.pathInput()?.nativeElement.focus()}iso(e){return new Date(e).toISOString()}time=bO;static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-forms-timeline`]],viewQuery:function(e,t){e&1&&l_(t.pathInput,dW,5),e&2&&u_()},inputs:{events:[1,`events`],recording:[1,`recording`]},outputs:{record:`record`},decls:29,vars:10,consts:[[`pathInput`,``],[1,`toolbar`],[1,`record`],[`type`,`checkbox`,3,`change`,`checked`],[1,`record-text`],[1,`record-title`],[`aria-hidden`,`true`,1,`rec-dot`],[1,`record-hint`],[1,`chips`],[1,`sr-only`],[1,`filters`],[1,`search`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`type`,`search`,`placeholder`,`Filter by field path…`,`aria-label`,`Filter by field path`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Event type`,3,`valueChange`,`options`,`value`],[1,`total`],[`role`,`status`,1,`sr-only`],[1,`events`],[1,`empty-state`],[`type`,`radio`,`name`,`timeline-origin`,3,`change`,`value`,`checked`],[1,`body`],[1,`line`],[1,`path`],[1,`event-type`],[1,`tag`],[1,`detail`],[1,`caller`],[1,`prev`],[`aria-hidden`,`true`,1,`arrow`],[1,`empty-title`],[`type`,`button`,1,`small`,3,`click`]],template:function(e,t){if(e&1){let e=H();L(0,`div`,1)(1,`label`,2)(2,`input`,3),U(`change`,function(e){return t.toggle(e)}),R(),L(3,`span`,4)(4,`span`,5),M(5,mW,1,0,`span`,6),J(6,` Record details `),R(),L(7,`span`,7),J(8,`Record calling code, validator changes and renders per keystroke`),R()()(),L(9,`fieldset`,8)(10,`legend`,9),J(11,`Show changes from`),R(),P(12,hW,3,3,`label`,null,Ag),R()(),L(14,`div`,10)(15,`div`,11),O(),L(16,`svg`,12),z(17,`circle`,13)(18,`path`,14),R(),gs(),L(19,`input`,15,0),U(`input`,function(e){return t.pathFilter.set(e.target.value)})(`keydown.escape`,function(){return t.pathFilter.set(``)}),R()(),L(21,`app-select`,16),cv(`valueChange`,function(n){return E(e),sv(t.typeFilter,n)||(t.typeFilter=n),D(n)}),R(),L(22,`span`,17),J(23),R(),L(24,`span`,18),J(25),R()(),M(26,TW,3,0,`ol`,19)(27,EW,7,0,`div`,20)(28,DW,5,0,`div`,20)}e&2&&(A(),q(`on`,t.recording()),A(),I(`checked`,t.recording()),A(3),N(t.recording()?5:-1),A(7),F(t.origins),A(7),I(`value`,t.pathFilter()),A(2),I(`options`,t.typeOptions()),ov(`value`,t.typeFilter),A(2),Y(t.summary()),A(2),Y(t.filterStatus()),A(),N(t.shown().length?26:t.events().length?27:28))},dependencies:[XD],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},DW=[`pathInput`],OW=()=>[],kW=(e,t)=>t.formId+`#`+t.seq;function AW(e,t){e&1&&z(0,`span`,6)}function jW(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,21),U(`change`,function(){let t=E(e).$implicit;return D(G().filter.set(t))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G();A(),I(`value`,e)(`checked`,e===n.filter()),A(),X(` `,e,` `)}}function MW(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;j(`data-tone`,e.outcome===`ran`?``:`bad`),A(),Y(e.outcome)}}function NW(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;A(),X(`×`,e.count)}}function PW(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.origin)}}function FW(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;j(`data-tone`,e.ms>1e3?`warn`:``),A(),X(`pending `,e.ms,`ms`)}}function IW(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;j(`data-tone`,e.renders>20?`warn`:``),A(),Z(``,e.renders,` renders: `,(e.rendered??mv(3,OW)).join(`, `))}}function LW(e,t){if(e&1&&(L(0,`span`,29),J(1),R(),L(2,`span`,30),J(3,`→`),R(),L(4,`span`,9),J(5,`changed to`),R()),e&2){let e=G(2).$implicit;A(),Y(e.prev)}}function RW(e,t){if(e&1&&(L(0,`div`,27),M(1,LW,6,1),J(2),R()),e&2){let e=G().$implicit;A(),N(e.prev===void 0?-1:1),A(),X(` `,e.detail,` `)}}function zW(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;A(),X(`from `,e.caller)}}function BW(e,t){if(e&1&&(L(0,`li`)(1,`time`),J(2),R(),L(3,`div`,22)(4,`div`,23)(5,`code`,24),J(6),R(),L(7,`span`,25),J(8),R(),M(9,MW,2,2,`span`,26),M(10,NW,2,1,`span`,26),M(11,PW,2,1,`span`,26),M(12,FW,2,2,`span`,26),M(13,IW,2,4,`span`,26),R(),M(14,RW,3,2,`div`,27),M(15,zW,2,1,`span`,28),R()()),e&2){let e=t.$implicit,n=G(2);j(`data-type`,e.type),A(),j(`datetime`,n.iso(e.timestamp)),A(),Y(n.time(e.timestamp)),A(4),Y(e.path||`(form)`),A(2),Y(e.type),A(),N(e.outcome?9:-1),A(),N(e.count&&e.count>1?10:-1),A(),N(e.origin?11:-1),A(),N(e.ms===void 0?-1:12),A(),N(e.renders?13:-1),A(),N(e.prev!==void 0||e.detail?14:-1),A(),N(e.caller?15:-1)}}function VW(e,t){if(e&1&&(L(0,`ol`,19),P(1,BW,16,12,`li`,null,kW),R()),e&2){let e=G();A(),F(e.shown())}}function HW(e,t){if(e&1){let e=H();L(0,`div`,20)(1,`p`,31),J(2,`No events match these filters`),R(),L(3,`p`),J(4,`Change the path, type or origin, or interact with the form to record more.`),R(),L(5,`button`,32),U(`click`,function(){return E(e),D(G().clearFilters())}),J(6,`Clear filters`),R()()}}function UW(e,t){e&1&&(L(0,`div`,20)(1,`p`,31),J(2,`No changes yet`),R(),L(3,`p`),J(4,`Type into the form to see them here.`),R()())}var WW=[`all`,`user`,`code`,`agent`,`devtools`],GW=[`value`,`status`,`touched`,`dirty`,`submit`,`reset`,`added`,`removed`,`moved`,`validators`],KW=class e{events=$.required();recording=$(!1);record=Rv();toggle(e){let t=e.target;t.checked=this.recording(),this.record.emit(!this.recording())}origins=WW;filter=k(`all`);pathFilter=k(``);typeFilter=k(`all`);pathInput=Jv(`pathInput`);typeOptions=Q(()=>{let e=new Set(this.events().map(e=>e.type)),t=this.typeFilter();t&&t!==`all`&&e.add(t);let n=GW.filter(t=>e.has(t)),r=[...e].filter(e=>!GW.includes(e)).sort();return[{value:`all`,label:`All types`},...[...n,...r].map(e=>({value:e,label:e}))]});matching=Q(()=>{let e=this.filter(),t=this.typeFilter()??`all`,n=this.pathFilter().trim().toLowerCase();return this.events().filter(r=>(e===`all`||r.origin===e)&&(t===`all`||r.type===t)&&(!n||r.path.toLowerCase().includes(n)))});shown=Q(()=>this.matching().slice(-100).reverse());filtered=Q(()=>this.filter()!==`all`||(this.typeFilter()??`all`)!==`all`||!!this.pathFilter().trim());summary=Q(()=>{let e=this.events().length,t=this.matching().length,n=e=>e===1?`event`:`events`,r=this.filtered()?` matching ${n(t)}`:` ${n(t)}`;return t>100?`Showing the latest 100 of ${t}${r}`:this.filtered()?`${t} of ${e} ${n(e)}`:`${e} ${n(e)}`});filterStatus=Q(()=>(this.filter(),this.typeFilter(),this.pathFilter(),Nv(()=>this.summary())));clearFilters(){this.pathFilter.set(``),this.typeFilter.set(`all`),this.filter.set(`all`),this.pathInput()?.nativeElement.focus()}iso(e){return new Date(e).toISOString()}time=IO;static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-forms-timeline`]],viewQuery:function(e,t){e&1&&l_(t.pathInput,DW,5),e&2&&u_()},inputs:{events:[1,`events`],recording:[1,`recording`]},outputs:{record:`record`},decls:29,vars:10,consts:[[`pathInput`,``],[1,`toolbar`],[1,`record`],[`type`,`checkbox`,3,`change`,`checked`],[1,`record-text`],[1,`record-title`],[`aria-hidden`,`true`,1,`rec-dot`],[1,`record-hint`],[1,`chips`],[1,`sr-only`],[1,`filters`],[1,`search`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`type`,`search`,`placeholder`,`Filter by field path…`,`aria-label`,`Filter by field path`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Event type`,3,`valueChange`,`options`,`value`],[1,`total`],[`role`,`status`,1,`sr-only`],[1,`events`],[1,`empty-state`],[`type`,`radio`,`name`,`timeline-origin`,3,`change`,`value`,`checked`],[1,`body`],[1,`line`],[1,`path`],[1,`event-type`],[1,`tag`],[1,`detail`],[1,`caller`],[1,`prev`],[`aria-hidden`,`true`,1,`arrow`],[1,`empty-title`],[`type`,`button`,1,`small`,3,`click`]],template:function(e,t){if(e&1){let e=H();L(0,`div`,1)(1,`label`,2)(2,`input`,3),U(`change`,function(e){return t.toggle(e)}),R(),L(3,`span`,4)(4,`span`,5),M(5,AW,1,0,`span`,6),J(6,` Record details `),R(),L(7,`span`,7),J(8,`Record calling code, validator changes and renders per keystroke`),R()()(),L(9,`fieldset`,8)(10,`legend`,9),J(11,`Show changes from`),R(),P(12,jW,3,3,`label`,null,Ag),R()(),L(14,`div`,10)(15,`div`,11),O(),L(16,`svg`,12),z(17,`circle`,13)(18,`path`,14),R(),gs(),L(19,`input`,15,0),U(`input`,function(e){return t.pathFilter.set(e.target.value)})(`keydown.escape`,function(){return t.pathFilter.set(``)}),R()(),L(21,`app-select`,16),cv(`valueChange`,function(n){return E(e),sv(t.typeFilter,n)||(t.typeFilter=n),D(n)}),R(),L(22,`span`,17),J(23),R(),L(24,`span`,18),J(25),R()(),M(26,VW,3,0,`ol`,19)(27,HW,7,0,`div`,20)(28,UW,5,0,`div`,20)}e&2&&(A(),q(`on`,t.recording()),A(),I(`checked`,t.recording()),A(3),N(t.recording()?5:-1),A(7),F(t.origins),A(7),I(`value`,t.pathFilter()),A(2),I(`options`,t.typeOptions()),ov(`value`,t.typeFilter),A(2),Y(t.summary()),A(2),Y(t.filterStatus()),A(),N(t.shown().length?26:t.events().length?27:28))},dependencies:[fO],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -10445,7 +10445,7 @@ time[_ngcontent-%COMP%] {
     justify-content: center;
     padding: 0 8px;
   }
-}`]})},jW=(e,t)=>t.path;function MW(e,t){e&1&&(B(0,`span`,6),J(1,`duplicate name`),V())}function NW(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();A(),Y(e.description)}}function PW(e,t){if(e&1&&(B(0,`p`,8),J(1),V()),e&2){let e=G();A(),Y(e.error)}}function FW(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;A(2),Y(e.path),A(),X(` is `,e.reason,` `)}}function IW(e,t){if(e&1&&(B(0,`div`,9)(1,`p`,10),J(2,`Angular could not infer an input schema. These fields block it:`),V(),B(3,`ul`),P(4,FW,4,2,`li`,null,jW),V()()),e&2){let e=G();A(4),F(e.blocking)}}function LW(e,t){e&1&&(B(0,`span`,12),J(1,`required`),V())}function RW(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),M(3,LW,2,0,`span`,12),V()),e&2){let e=t.$implicit,n=G(3);A(2),Y(e),A(),N(n.isRequired(e)?3:-1)}}function zW(e,t){if(e&1&&(B(0,`div`,9)(1,`p`,10),J(2,`Inputs`),V(),B(3,`ul`,11),P(4,RW,4,2,`li`,null,Ag),V()()),e&2){let e=G();A(4),F(e.inputs)}}function BW(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;A(2),Y(e.path),A(),X(` is now `,e.now?`required`:`optional`,` `)}}function VW(e,t){if(e&1&&(B(0,`div`,9)(1,`p`,10),J(2,` Required changed since registration. Angular reads it once, so agents still see the old schema: `),V(),B(3,`ul`),P(4,BW,4,2,`li`,null,jW),V()()),e&2){let e=G();A(4),F(e.requiredChanged)}}function HW(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;A(),X(``,e.ms,` ms`)}}function UW(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;A(),X(`fields `,e.fields.join(`, `))}}function WW(e,t){if(e&1&&(B(0,`pre`,13),J(1),V()),e&2){let e=G().$implicit;A(),Y(e.detail)}}function GW(e,t){if(e&1&&(B(0,`li`)(1,`time`),J(2),xv(3,`date`),V(),B(4,`span`,5),J(5),V(),M(6,HW,2,1,`span`,10),M(7,UW,2,1,`span`,10),M(8,WW,2,1,`pre`,13),V()),e&2){let e=t.$implicit,n=G(3);A(),j(`datetime`,n.iso(e.at)),A(),Y(wv(3,7,e.at,`HH:mm:ss`)),A(2),j(`data-state`,e.outcome),A(),Y(n.outcome(e.outcome)),A(),N(e.ms===void 0?-1:6),A(),N(e.fields?.length?7:-1),A(),N(e.detail?8:-1)}}function KW(e,t){if(e&1&&(B(0,`ul`),P(1,GW,9,10,`li`,null,kg),V()),e&2){let e=G();A(),F(e.calls)}}function qW(e,t){e&1&&(B(0,`p`,10),J(1,` Calls are not recorded for a tool registered before the inspector attached. `),V())}function JW(e,t){e&1&&(B(0,`p`,10),J(1,`No agent has called this tool since the inspector attached.`),V())}function YW(e,t){if(e&1&&(B(0,`section`,0)(1,`div`,2)(2,`h3`,3),J(3,`WebMCP tool`),V(),B(4,`code`,4),J(5),V(),B(6,`span`,5),J(7),V(),M(8,MW,2,0,`span`,6),V(),M(9,NW,2,1,`p`,7),M(10,PW,2,1,`p`,8),M(11,IW,6,0,`div`,9),M(12,zW,6,0,`div`,9),M(13,VW,6,0,`div`,9),B(14,`div`,9)(15,`p`,10),J(16,`Recent calls`),V(),M(17,KW,3,0,`ul`)(18,qW,2,0,`p`,10)(19,JW,2,0,`p`,10),V()()),e&2){let e=t,n=G();A(5),Y(e.name),A(),j(`data-state`,e.status),A(),Y(n.statusText()),A(),N(e.duplicate?8:-1),A(),N(e.description?9:-1),A(),N(e.status===`failed`&&e.error&&e.error!==`schema`?10:-1),A(),N(e.blocking?.length?11:-1),A(),N(e.inputs?.length?12:-1),A(),N(e.requiredChanged?.length?13:-1),A(4),N(e.calls?.length?17:e.seen===`list`?18:19)}}function XW(e,t){e&1&&(B(0,`p`,1),J(1,` This app uses `),B(2,`code`),J(3,`provideExperimentalWebMcpForms()`),V(),J(4,`, but the browser has no `),B(5,`code`),J(6,`modelContext`),V(),J(7,`, so Angular registers no WebMCP tool for this form. `),V())}var ZW={running:`running`,submitted:`submitted`,failed:`submit failed`,done:`done`,threw:`threw`},QW=class e{tool=$();page=$();signalForm=$(!1);statusText=Q(()=>{let e=this.tool();return e?e.status===`failed`?`not registered`:e.status===`registering`?`registering`:e.seen===`list`?`registered before the inspector attached`:`registered`:``});noModelContext=Q(()=>{let e=this.page();return this.signalForm()&&!!e&&!e.modelContext&&!!e.provided});isRequired(e){let t=e.slice(0,e.lastIndexOf(`:`));return this.tool()?.required?.includes(t)??!1}outcome(e){return ZW[e]??e}iso(e){return new Date(e).toISOString()}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-forms-webmcp`]],inputs:{tool:[1,`tool`],page:[1,`page`],signalForm:[1,`signalForm`]},decls:2,vars:1,consts:[[`aria-labelledby`,`forms-webmcp-title`,1,`webmcp`],[1,`note`],[1,`head`],[`id`,`forms-webmcp-title`,1,`section-label`],[1,`name`],[1,`state`],[`data-state`,`failed`,1,`state`],[1,`description`],[1,`problem`],[1,`group`],[1,`muted`],[1,`inputs`],[1,`tag`],[1,`detail`]],template:function(e,t){if(e&1&&M(0,YW,20,10,`section`,0)(1,XW,8,0,`p`,1),e&2){let e;N((e=t.tool())?0:t.noModelContext()?1:-1,e)}},dependencies:[mb],styles:[`[_nghost-%COMP%] {
+}`]})},qW=(e,t)=>t.path;function JW(e,t){e&1&&(B(0,`span`,6),J(1,`duplicate name`),V())}function YW(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();A(),Y(e.description)}}function XW(e,t){if(e&1&&(B(0,`p`,8),J(1),V()),e&2){let e=G();A(),Y(e.error)}}function ZW(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;A(2),Y(e.path),A(),X(` is `,e.reason,` `)}}function QW(e,t){if(e&1&&(B(0,`div`,9)(1,`p`,10),J(2,`Angular could not infer an input schema. These fields block it:`),V(),B(3,`ul`),P(4,ZW,4,2,`li`,null,qW),V()()),e&2){let e=G();A(4),F(e.blocking)}}function $W(e,t){e&1&&(B(0,`span`,12),J(1,`required`),V())}function eG(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),M(3,$W,2,0,`span`,12),V()),e&2){let e=t.$implicit,n=G(3);A(2),Y(e),A(),N(n.isRequired(e)?3:-1)}}function tG(e,t){if(e&1&&(B(0,`div`,9)(1,`p`,10),J(2,`Inputs`),V(),B(3,`ul`,11),P(4,eG,4,2,`li`,null,Ag),V()()),e&2){let e=G();A(4),F(e.inputs)}}function nG(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;A(2),Y(e.path),A(),X(` is now `,e.now?`required`:`optional`,` `)}}function rG(e,t){if(e&1&&(B(0,`div`,9)(1,`p`,10),J(2,` Required changed since registration. Angular reads it once, so agents still see the old schema: `),V(),B(3,`ul`),P(4,nG,4,2,`li`,null,qW),V()()),e&2){let e=G();A(4),F(e.requiredChanged)}}function iG(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;A(),X(``,e.ms,` ms`)}}function aG(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;A(),X(`fields `,e.fields.join(`, `))}}function oG(e,t){if(e&1&&(B(0,`pre`,13),J(1),V()),e&2){let e=G().$implicit;A(),Y(e.detail)}}function sG(e,t){if(e&1&&(B(0,`li`)(1,`time`),J(2),xv(3,`date`),V(),B(4,`span`,5),J(5),V(),M(6,iG,2,1,`span`,10),M(7,aG,2,1,`span`,10),M(8,oG,2,1,`pre`,13),V()),e&2){let e=t.$implicit,n=G(3);A(),j(`datetime`,n.iso(e.at)),A(),Y(wv(3,7,e.at,`HH:mm:ss`)),A(2),j(`data-state`,e.outcome),A(),Y(n.outcome(e.outcome)),A(),N(e.ms===void 0?-1:6),A(),N(e.fields?.length?7:-1),A(),N(e.detail?8:-1)}}function cG(e,t){if(e&1&&(B(0,`ul`),P(1,sG,9,10,`li`,null,kg),V()),e&2){let e=G();A(),F(e.calls)}}function lG(e,t){e&1&&(B(0,`p`,10),J(1,` Calls are not recorded for a tool registered before the inspector attached. `),V())}function uG(e,t){e&1&&(B(0,`p`,10),J(1,`No agent has called this tool since the inspector attached.`),V())}function dG(e,t){if(e&1&&(B(0,`section`,0)(1,`div`,2)(2,`h3`,3),J(3,`WebMCP tool`),V(),B(4,`code`,4),J(5),V(),B(6,`span`,5),J(7),V(),M(8,JW,2,0,`span`,6),V(),M(9,YW,2,1,`p`,7),M(10,XW,2,1,`p`,8),M(11,QW,6,0,`div`,9),M(12,tG,6,0,`div`,9),M(13,rG,6,0,`div`,9),B(14,`div`,9)(15,`p`,10),J(16,`Recent calls`),V(),M(17,cG,3,0,`ul`)(18,lG,2,0,`p`,10)(19,uG,2,0,`p`,10),V()()),e&2){let e=t,n=G();A(5),Y(e.name),A(),j(`data-state`,e.status),A(),Y(n.statusText()),A(),N(e.duplicate?8:-1),A(),N(e.description?9:-1),A(),N(e.status===`failed`&&e.error&&e.error!==`schema`?10:-1),A(),N(e.blocking?.length?11:-1),A(),N(e.inputs?.length?12:-1),A(),N(e.requiredChanged?.length?13:-1),A(4),N(e.calls?.length?17:e.seen===`list`?18:19)}}function fG(e,t){e&1&&(B(0,`p`,1),J(1,` This app uses `),B(2,`code`),J(3,`provideExperimentalWebMcpForms()`),V(),J(4,`, but the browser has no `),B(5,`code`),J(6,`modelContext`),V(),J(7,`, so Angular registers no WebMCP tool for this form. `),V())}var pG={running:`running`,submitted:`submitted`,failed:`submit failed`,done:`done`,threw:`threw`},mG=class e{tool=$();page=$();signalForm=$(!1);statusText=Q(()=>{let e=this.tool();return e?e.status===`failed`?`not registered`:e.status===`registering`?`registering`:e.seen===`list`?`registered before the inspector attached`:`registered`:``});noModelContext=Q(()=>{let e=this.page();return this.signalForm()&&!!e&&!e.modelContext&&!!e.provided});isRequired(e){let t=e.slice(0,e.lastIndexOf(`:`));return this.tool()?.required?.includes(t)??!1}outcome(e){return pG[e]??e}iso(e){return new Date(e).toISOString()}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-forms-webmcp`]],inputs:{tool:[1,`tool`],page:[1,`page`],signalForm:[1,`signalForm`]},decls:2,vars:1,consts:[[`aria-labelledby`,`forms-webmcp-title`,1,`webmcp`],[1,`note`],[1,`head`],[`id`,`forms-webmcp-title`,1,`section-label`],[1,`name`],[1,`state`],[`data-state`,`failed`,1,`state`],[1,`description`],[1,`problem`],[1,`group`],[1,`muted`],[1,`inputs`],[1,`tag`],[1,`detail`]],template:function(e,t){if(e&1&&M(0,dG,20,10,`section`,0)(1,fG,8,0,`p`,1),e&2){let e;N((e=t.tool())?0:t.noModelContext()?1:-1,e)}},dependencies:[mb],styles:[`[_nghost-%COMP%] {
   display: contents;
 }
 
@@ -10565,7 +10565,7 @@ li[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%]    + *[_ngcontent-%COMP%] {
   font-size: 12px;
   white-space: pre-wrap;
   overflow-wrap: anywhere;
-}`]})},$W=()=>[],eG=(e,t)=>t.id,tG=(e,t)=>t.node.path;function nG(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Connecting to the devtools server…`),R()())}function rG(e,t){if(e&1){let e=H();L(0,`div`,2)(1,`p`,6),J(2,`Could not load forms`),R(),L(3,`p`,7),J(4,` The devtools server did not answer. Check that the app is running, then try again. `),R(),L(5,`button`,8),U(`click`,function(){return E(e),D(G().retry())}),J(6,`Try again`),R()()}}function iG(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Loading forms…`),R()())}function aG(e,t){e&1&&(L(0,`div`,3)(1,`p`,6),J(2,`No forms on the page yet`),R(),L(3,`p`,7),J(4,` Open a page that renders a form. Signal Forms, reactive and template-driven forms all show up here, in development builds. `),R()())}function oG(e,t){if(e&1){let e=H();L(0,`div`,3)(1,`p`,6),J(2,`No forms on this page`),R(),L(3,`p`,7),J(4),R(),L(5,`button`,8),U(`click`,function(){return E(e),D(G().allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}if(e&2){let e=G();A(4),Z(` Other connected tabs report `,e.forms().length,` `,e.forms().length===1?`form`:`forms`,`. `)}}function sG(e,t){if(e&1){let e=H();L(0,`label`,12)(1,`input`,16),U(`change`,function(t){return E(e),D(G(2).allPages.set(t.target.checked))}),R(),J(2,` All pages `),R()}if(e&2){let e=G(2);A(),I(`checked`,e.allPages())}}function cG(e,t){e&1&&(L(0,`span`,23),J(1),L(2,`span`,22),J(3,` errors`),R()()),e&2&&(A(),Y(t))}function lG(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,17),U(`click`,function(){let t=E(e).$implicit;return D(G(2).selectForm(t.id))}),z(2,`span`,18),L(3,`span`,19),J(4),R(),L(5,`span`,20),J(6),L(7,`span`,21),J(8),R(),L(9,`span`,22),J(10),R()(),M(11,cG,4,1,`span`,23),R()()}if(e&2){let e,n=t.$implicit,r=G(2);A(),q(`active`,n.id===r.selected()?.id),j(`aria-current`,n.id===r.selected()?.id?`true`:null),A(),j(`data-status`,n.root.status),A(),j(`title`,n.label),A(),Y(n.label),A(2),X(``,r.kindLabel(n.kind),` · `),A(2),Y(n.id),A(2),X(`, `,n.root.status),A(),N((e=r.counts().get(n.id)?.errors)?11:-1,e)}}function uG(e,t){if(e&1){let e=H();L(0,`section`,14)(1,`h2`,24),J(2),R(),L(3,`p`,25),J(4,` This form is no longer on the page. It comes back here if the page renders it again. `),R(),L(5,`button`,8),U(`click`,function(){E(e);let t=G(2);return D(t.selectForm(t.visible()[0].id))}),J(6),R()()}if(e&2){let e=G(2);A(2),Y(t),A(4),X(` Show `,e.visible()[0].label,` `)}}function dG(e,t){if(e&1){let e=H();L(0,`section`,14)(1,`h2`,24),J(2),R(),L(3,`p`,7),J(4,`This form is on another page. Tick "All pages" to see it again.`),R(),L(5,`button`,8),U(`click`,function(){return E(e),D(G(2).allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}e&2&&(A(2),Y(t))}function fG(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G();A(),Y(e.submitted?`submitted`:`not submitted`)}}function pG(e,t){e&1&&(L(0,`span`),J(1,`submitting`),R())}function mG(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,47),U(`click`,function(){let t=E(e).$implicit;return D(G(4).showField(t.path))}),L(2,`span`,22),J(3,`Show field `),R(),L(4,`code`),J(5),R(),L(6,`span`,22),J(7,`:`),R(),J(8),L(9,`code`,48),J(10),R()()()}if(e&2){let e=t.$implicit;A(5),Y(e.path||`(form)`),A(3),X(` `,e.message,` `),A(2),Y(e.kind)}}function hG(e,t){if(e&1&&(L(0,`details`,31)(1,`summary`),J(2),R(),L(3,`ul`),P(4,mG,11,3,`li`,null,kg),R()()),e&2){let e=G();A(2),X(`Error summary (`,e.errorSummary.length,`)`),A(2),F(e.errorSummary)}}function gG(e,t){if(e&1){let e=H();L(0,`button`,35),U(`click`,function(){return E(e),D(G(3).confirmAct(`restore`))}),J(1),R()}if(e&2){let e=G(3);q(`armed`,e.armed()===`restore`),I(`disabled`,!e.canWrite()),j(`aria-describedby`,e.canWrite()?null:`forms-writes-off`)(`title`,`Restore `+e.snapshot()),A(),X(` `,e.armed()===`restore`?`Confirm restore`:`Restore `+e.snapshot(),` `)}}function _G(e,t){if(e&1&&(L(0,`p`,41),J(1),R()),e&2){let e=G(3);A(),Y(e.writesOff)}}function vG(e,t){if(e&1){let e=H();L(0,`button`,49),U(`click`,function(){let t=E(e).$implicit;return D(G(3).tab_.set(t.id))}),J(1),R()}if(e&2){let e=t.$implicit,n=G(3);I(`id`,`forms-tab-`+e.id),j(`aria-selected`,e.id===n.tab_())(`aria-controls`,`forms-panel-`+e.id)(`tabindex`,e.id===n.tab_()?0:-1),A(),X(` `,e.label,` `)}}function yG(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,16),U(`change`,function(){let t=E(e).$implicit;return D(G(4).toggleChip(t.id))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G(4);A(),I(`checked`,n.active().has(e.id)),A(),X(` `,e.label,` `)}}function bG(e,t){if(e&1&&(L(0,`div`,7),J(1,` typed `),L(2,`code`),J(3),xv(4,`json`),R(),J(5,`, not in the model yet `),R()),e&2){let e=G(2).$implicit;A(3),Y(Cv(4,1,e.node.uncommitted))}}function xG(e,t){if(e&1&&(L(0,`div`,7),J(1,` resets to `),L(2,`code`),J(3),xv(4,`json`),R()()),e&2){let e=G(2).$implicit;A(3),Y(Cv(4,1,e.node.defaultValue))}}function SG(e,t){if(e&1&&(L(0,`code`),J(1),xv(2,`json`),R(),M(3,bG,6,3,`div`,7),M(4,xG,5,3,`div`,7)),e&2){let e=G().$implicit;A(),Y(Cv(2,3,e.node.value)),A(2),N(e.node.uncommitted===void 0?-1:3),A(),N(e.node.defaultValue===void 0?-1:4)}}function CG(e,t){e&1&&(L(0,`span`,7),J(1,`not created yet`),R())}function wG(e,t){if(e&1&&(L(0,`span`,29),J(1),R()),e&2){let e=G().$implicit;j(`data-status`,e.node.status),A(),Y(e.node.status)}}function TG(e,t){e&1&&(L(0,`span`),J(1,`touched`),R())}function EG(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.node.changed===!1?`dirty, unchanged`:`dirty`)}}function DG(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),X(`not validated (`,e.node.skipped,`)`)}}function OG(e,t){if(e&1&&(L(0,`span`,65),J(1),R()),e&2){let e=G().$implicit;A(),X(`stale: `,e.node.stale.join(`, `))}}function kG(e,t){e&1&&(L(0,`span`,65),J(1,`view out of sync`),R())}function AG(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit,t=G(4);A(),X(`redacted: `,t.redactLabel(e.node.redacted))}}function jG(e,t){e&1&&(L(0,`span`),J(1,`required`),R())}function MG(e,t){e&1&&(L(0,`span`),J(1,`readonly`),R())}function NG(e,t){e&1&&(L(0,`span`),J(1,`hidden`),R())}function PG(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),X(`updates on `,e.node.updateOn)}}function FG(e,t){e&1&&(L(0,`span`),J(1,`debouncing`),R())}function IG(e,t){e&1&&(L(0,`span`),J(1,`validators`),R())}function LG(e,t){e&1&&(L(0,`span`),J(1,`async validator`),R())}function RG(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function zG(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.node.accessor)}}function BG(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),X(`name `,e.node.name)}}function VG(e,t){if(e&1&&(L(0,`span`),J(1),xv(2,`json`),R()),e&2){let e=t.$implicit;A(),X(`metadata `,Cv(2,1,e))}}function HG(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;A(),X(`disabled: `,e)}}function UG(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit;A(),X(`at `,e.params.path)}}function WG(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(5);A(),Y(t.sourceText(e))}}function GG(e,t){if(e&1&&(L(0,`div`),J(1),L(2,`code`,48),J(3),R(),M(4,UG,2,1,`span`,68),M(5,WG,2,1,`span`,68),R()),e&2){let e=t.$implicit,n=G().$implicit,r=G(4);A(),X(` `,r.errorText(n.node,e),` `),A(2),Y(e.kind),A(),N(e.kind===`standardSchema`&&e.params?.path?4:-1),A(),N(e.source?5:-1)}}function KG(e,t){e&1&&(L(0,`div`,67),J(1,`not shown to the user`),R())}function qG(e,t){if(e&1&&(L(0,`tr`)(1,`td`,69),J(2),R()()),e&2){let e=G().$implicit;A(),K(`padding-left`,28+e.depth*16,`px`),A(),Z(` `,e.node.truncated,` more fields under `,e.node.path||`the form`,` not shown `)}}function JG(e,t){if(e&1){let e=H();L(0,`tr`,58),U(`mouseenter`,function(){let t=E(e).$implicit,n=G(2);return D(G(2).highlight(n.id,t.node.path))})(`mouseleave`,function(){return E(e),D(G(4).highlight(null,``))}),L(1,`th`,59)(2,`button`,60),U(`focus`,function(){let t=E(e).$implicit,n=G(2);return D(G(2).highlight(n.id,t.node.path))})(`blur`,function(){return E(e),D(G(4).highlight(null,``))})(`click`,function(){let t=E(e).$implicit;return D(G(4).toggleField(t.node.path))}),J(3),R(),L(4,`span`,61),J(5),R()(),L(6,`td`,62),M(7,SG,5,5),R(),L(8,`td`,63),M(9,CG,2,0,`span`,7)(10,wG,2,2,`span`,29),R(),L(11,`td`,64),M(12,TG,2,0,`span`),M(13,EG,2,1,`span`),M(14,DG,2,1,`span`),M(15,OG,2,1,`span`,65),M(16,kG,2,0,`span`,65),M(17,AG,2,1,`span`),M(18,jG,2,0,`span`),M(19,MG,2,0,`span`),M(20,NG,2,0,`span`),M(21,PG,2,1,`span`),M(22,FG,2,0,`span`),M(23,IG,2,0,`span`),M(24,LG,2,0,`span`),P(25,RG,2,1,`span`,null,Ag),M(27,zG,2,1,`span`),M(28,BG,2,1,`span`),P(29,VG,3,3,`span`,null,kg),P(31,HG,2,1,`span`,null,kg),R(),L(33,`td`,66),P(34,GG,6,4,`div`,null,kg),M(36,KG,2,0,`div`,67),R()(),M(37,qG,3,4,`tr`)}if(e&2){let e=t.$implicit,n=G(4);q(`invalid`,e.node.errors.length),A(),K(`padding-left`,12+e.depth*16,`px`),A(),j(`aria-label`,`Show details for `+(e.node.path||`the form`))(`aria-pressed`,e.node.path===n.fieldPath())(`title`,e.node.path||`(form)`),A(),X(` `,e.node.key||`(form)`,` `),A(2),Y(e.node.type),A(2),N(e.node.type===`control`?7:-1),A(2),N(e.node.materialized===!1?9:10),A(3),N(e.node.touched?12:-1),A(),N(e.node.dirty?13:-1),A(),N(e.node.skipped?14:-1),A(),N(e.node.stale?.length?15:-1),A(),N(e.node.dom?.drift===void 0?-1:16),A(),N(e.node.redacted?17:-1),A(),N(e.node.required?18:-1),A(),N(e.node.readonly?19:-1),A(),N(e.node.hidden?20:-1),A(),N(e.node.updateOn?21:-1),A(),N(e.node.debouncing?22:-1),A(),N(e.node.validators?.sync?23:-1),A(),N(e.node.validators?.async?24:-1),A(),F(n.constraintList(e.node)),A(2),N(e.node.accessor?27:-1),A(),N(e.node.name?28:-1),A(),F(e.node.metadata??mv(28,$W)),A(2),F(e.node.disabledReasons??mv(29,$W)),A(3),F(e.node.errors),A(2),N(e.node.errors.length&&e.node.dom?.errorShown===!1?36:-1),A(),N(e.node.truncated?37:-1)}}function YG(e,t){e&1&&J(0),e&2&&X(` No field path matches "`,G(5).filter(),`". `)}function XG(e,t){e&1&&J(0,` No field matches the selected filters. `)}function ZG(e,t){if(e&1){let e=H();L(0,`button`,8),U(`click`,function(){E(e),G(2);let t=d_(2);return D(G(3).clearFilters(t))}),J(1,` Clear filters `),R()}}function QG(e,t){if(e&1&&(L(0,`tr`)(1,`td`,70)(2,`p`),M(3,YG,1,1)(4,XG,1,0),R(),M(5,ZG,2,0,`button`,71),R()()),e&2){let e=G(4);A(3),N(e.filter()?3:4),A(2),N(e.filtering()?5:-1)}}function $G(e,t){if(e&1){let e=H();L(0,`app-forms-field-detail`,72),U(`closed`,function(){return E(e),D(G(4).closeField())}),R()}if(e&2){let e=G(2),n=G(2);I(`form`,e)(`node`,t)(`version`,n.version())(`rpc`,n.rpc())}}function eK(e,t){if(e&1){let e=H();L(0,`div`,50)(1,`input`,51,0),U(`input`,function(t){return E(e),D(G(3).onFilter(t))})(`keydown.escape`,function(){return E(e),D(G(3).filter.set(``))}),R(),L(3,`fieldset`,52)(4,`legend`,22),J(5,`Show only fields that are`),R(),P(6,yG,3,2,`label`,null,eG),R()(),L(8,`p`,53),J(9),R(),L(10,`div`,54)(11,`table`,55)(12,`thead`)(13,`tr`)(14,`th`,56),J(15,`Field`),R(),L(16,`th`,56),J(17,`Value`),R(),L(18,`th`,56),J(19,`Status`),R(),L(20,`th`,56),J(21,`State`),R(),L(22,`th`,56),J(23,`Errors`),R()()(),L(24,`tbody`),P(25,JG,38,30,null,null,tG,!1,QG,6,2,`tr`),R()()(),M(28,$G,1,4,`app-forms-field-detail`,57)}if(e&2){let e,t=G(3);A(),I(`value`,t.filter()),A(5),F(t.chips),A(3),Y(t.filterStatus()),A(16),F(t.rows()),A(3),N((e=t.selectedNode())?28:-1,e)}}function tK(e,t){if(e&1){let e=H();z(0,`app-limit-note`,73),L(1,`app-forms-timeline`,74),U(`record`,function(t){return E(e),D(G(3).setRecording(t))}),R()}if(e&2){let e=G(3);I(`dropped`,e.droppedEvents())(`max`,e.maxEvents()),A(),I(`events`,e.selectedEvents())(`recording`,e.recording())}}function nK(e,t){if(e&1&&z(0,`app-forms-submit`,46),e&2){let e=G(),t=G(2);I(`formId`,e.id)(`version`,t.version())(`rpc`,t.rpc())}}function rK(e,t){if(e&1){let e=H();L(0,`app-forms-lint`,75),U(`showField`,function(t){return E(e),D(G(3).showField(t))}),R()}if(e&2){let e=G(),t=G(2);I(`formId`,e.id)(`version`,t.version())(`rpc`,t.rpc())}}function iK(e,t){if(e&1){let e=H();L(0,`section`,15)(1,`div`,26)(2,`h2`,24),J(3),R(),L(4,`p`,27),J(5),L(6,`code`),J(7),R()()(),L(8,`div`,28)(9,`span`,29),J(10),R(),L(11,`span`),J(12),R(),L(13,`span`),J(14),R(),M(15,fG,2,1,`span`),M(16,pG,2,0,`span`),L(17,`span`,30)(18,`b`),J(19),R(),J(20,` fields · `),L(21,`b`),J(22),R(),J(23,` errors`),R()(),M(24,hG,6,1,`details`,31),z(25,`app-forms-webmcp`,32),L(26,`div`,33)(27,`div`,34)(28,`button`,35),U(`click`,function(){return E(e),D(G(2).act(`touch-all`))}),J(29,` Touch all `),R(),L(30,`button`,35),U(`click`,function(){return E(e),D(G(2).act(`revalidate`))}),J(31,` Revalidate `),R(),L(32,`button`,8),U(`click`,function(){return E(e),D(G(2).act(`focus-first-invalid`))}),J(33,` Focus first invalid `),R(),L(34,`button`,8),U(`click`,function(){E(e);let t=G(2);return D(t.picking()?t.cancelPick():t.pick())}),J(35),R(),z(36,`span`,36),L(37,`button`,8),U(`click`,function(){return E(e),D(G(2).act(`snapshot`))}),J(38,`Snapshot`),R(),M(39,gG,2,6,`button`,37),z(40,`span`,38),L(41,`button`,39),U(`click`,function(){return E(e),D(G(2).confirmAct(`reset`))}),J(42),R(),L(43,`button`,40),U(`click`,function(){return E(e),D(G(2).confirmAct(`submit`))}),J(44),R()(),M(45,_G,2,1,`p`,41),L(46,`p`,42),J(47),R()(),L(48,`div`,43),U(`keydown`,function(t){return E(e),D(G(2).onKey(t))}),P(49,vG,2,5,`button`,44,eG),R(),L(51,`div`,45),M(52,eK,29,4)(53,tK,2,4)(54,nK,1,3,`app-forms-submit`,46)(55,rK,1,3,`app-forms-lint`,46),R()()}if(e&2){let e,n=t,r=G(2);A(3),Y(n.label),A(2),X(` `,r.kindLabel(n.kind),` · `),A(2),Y(n.id),A(2),j(`data-status`,n.root.status),A(),Y(n.root.status),A(2),Y(n.root.dirty?`dirty`:`pristine`),A(2),Y(n.root.touched?`touched`:`untouched`),A(),N(n.submitted===void 0?-1:15),A(),N(n.root.submitting?16:-1),A(3),Y(r.counts().get(n.id)?.fields),A(2),q(`has-errors`,r.counts().get(n.id)?.errors),A(),Y(r.counts().get(n.id)?.errors),A(2),N(n.errorSummary?.length?24:-1),A(),I(`tool`,n.webMcp)(`page`,r.webMcpPage(n.id))(`signalForm`,n.kind===`signal`),A(3),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),A(2),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),A(4),q(`on`,r.picking()),j(`aria-pressed`,!!r.picking()),A(),X(` `,r.picking()?`Cancel picking`:`Pick field on page`,` `),A(4),N(r.snapshot()?39:-1),A(2),q(`armed`,r.armed()===`reset`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),A(),X(` `,r.armed()===`reset`?`Confirm reset`:`Reset`,` `),A(),q(`armed`,r.armed()===`submit`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),A(),X(` `,r.armed()===`submit`?`Confirm submit`:`Submit`,` `),A(),N(r.canWrite()?-1:45),A(2),Y(r.message()),A(2),F(r.tabs),A(2),I(`id`,`forms-panel-`+r.tab_()),j(`aria-labelledby`,`forms-tab-`+r.tab_()),A(),N((e=r.tab_())===`fields`?52:e===`timeline`?53:e===`submit`?54:e===`lint`?55:-1)}}function aK(e,t){if(e&1&&(L(0,`div`,4)(1,`div`,9)(2,`h2`,10),J(3,` Forms `),L(4,`span`,11),J(5),R()(),M(6,sG,3,1,`label`,12),L(7,`ul`,13),P(8,lG,12,10,`li`,null,eG),R()(),M(10,uG,7,2,`section`,14)(11,dG,7,1,`section`,14)(12,iK,56,41,`section`,15),R()),e&2){let e,t=G();A(5),Y(t.visible().length),A(),N(t.hostPageId&&(t.allPages()||t.otherPages())?6:-1),A(2),F(t.visible()),A(2),N((e=t.missing())?10:(e=t.hidden())?11:(e=t.selected())?12:-1,e)}}var oK=[{id:`fields`,label:`Fields`},{id:`timeline`,label:`Timeline`},{id:`submit`,label:`Submit`},{id:`lint`,label:`Lint`}],sK=[{id:`invalid`,label:`Invalid`},{id:`dirty`,label:`Dirty`},{id:`touched`,label:`Touched`},{id:`disabled`,label:`Disabled`},{id:`hidden-error`,label:`Error not shown`}];function cK(e,t){switch(t){case`invalid`:return e.errors.length>0;case`dirty`:return e.dirty&&e.type===`control`;case`touched`:return e.touched&&e.type===`control`;case`disabled`:return e.status===`DISABLED`;case`hidden-error`:return e.dom?.errorShown===!1}}function lK(e){return e.errors.length+(e.children??[]).reduce((e,t)=>e+lK(t),0)}function uK(e){return e.children?e.children.reduce((e,t)=>e+uK(t),0):+(e.type===`control`&&e.materialized!==!1)}var dK=class e{rpc=$(null);focus=$(null);canWrite=Q(()=>FE(this.rpc(),`forms`));redactLabel=OE;writesOff=iE(`forms`);focusHandled=Rv();forms=k([]);webMcp=k([]);events=k([]);loading=k(!0);failed=k(!1);selectedId=k(null);selectedLabel=k(null);hostPageId=hE();allPages=k(!1);visible=Q(()=>{let e=this.forms(),t=this.hostPageId;return t&&!this.allPages()?e.filter(e=>CE(e.id)===t):e});otherPages=Q(()=>this.forms().some(e=>CE(e.id)!==this.hostPageId));instrumented=k([]);recording=Q(()=>{let e=this.selected()?.id??``;return this.instrumented().some(t=>e.endsWith(`@${t}`))});filter=k(``);tabs=oK;chips=sK;tab_=k(`fields`);active=k(new Set);filtering=Q(()=>!!this.filter()||this.active().size>0);filterStatus=k(``);version=k(0);message=k(``);webMcpPage(e){let t=CE(e);return this.webMcp().find(e=>e.pageId===t)}picking=k(null);pickSeq=0;unsubscribe=null;destroyRef=w(Es);host=w(Fl);injector=w(ws);counts=Q(()=>new Map(this.visible().map(e=>[e.id,{fields:uK(e.root),errors:lK(e.root)}])));chosen=Q(()=>{let e=this.selectedId();if(e===null)return null;let t=this.forms(),n=this.selectedLabel(),r=CE(e);return t.find(t=>t.id===e)??t.find(e=>e.label===n&&CE(e.id)===r)??null});selected=Q(()=>{let e=this.visible();if(this.selectedId()===null)return e[0]??null;let t=this.chosen();return t&&e.includes(t)?t:null});missing=Q(()=>this.selectedId()!==null&&!this.chosen()&&this.visible().length?this.selectedLabel()??this.selectedId():null);hidden=Q(()=>{let e=this.chosen();return e&&!this.selected()&&this.visible().length?e.label:null});selectedFormId=Q(()=>this.selected()?.id??null);fieldPath=Fv({source:this.selectedFormId,computation:()=>null});armed=Fv({source:this.selectedFormId,computation:()=>null});snapshot=Fv({source:this.selectedFormId,computation:()=>null});rows=Q(()=>{let e=this.selected();if(!e)return[];let t=this.filter().toLowerCase(),n=Array.from(this.active()),r=[],i=(e,a)=>{let o=r.length,s=(!t||e.path.toLowerCase().includes(t))&&n.every(t=>cK(e,t));for(let t of e.children??[])s=i(t,a+1)||s;return s&&r.splice(o,0,{node:e,depth:a}),s};return i(e.root,0),r});selectedNode=Q(()=>{let e=this.fieldPath(),t=this.selected();if(e===null||!t)return null;let n=t=>t.path===e?t:(t.children??[]).map(n).find(Boolean)??null;return n(t.root)});dropped=k({});droppedEvents=Q(()=>{let e=this.selected()?.id;return e?this.dropped()[CE(e)]??0:0});maxEvents=Q(()=>PE(this.rpc()).limits.formTimeline);selectedEvents=Q(()=>{let e=this.selected()?.id;return this.events().filter(t=>t.formId===e)});constructor(){pc(()=>{let e=this.rpc();e&&this.load(e)}),pc(()=>{let e=this.focus();e&&Nv(()=>{this.selectForm(e.id),this.focusHandled.emit()})}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),this.highlight(null,``)})}async load(e){this.loading.set(!0),this.failed.set(!1);try{let t=await e.scope(`pangular`).rpc.sharedState(`forms`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e;this.forms.set(t?.forms??[]),this.events.set(t?.events??[]),this.instrumented.set(t?.instrumented??[]),this.dropped.set(t?.dropped??{}),this.webMcp.set(t?.webMcp??[]),this.version.update(e=>e+1)};n(t.value()),this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,n)}catch{this.failed.set(!0)}finally{this.loading.set(!1)}}retry(){let e=this.rpc();e&&this.load(e)}async pick(){let e=this.selected();if(!e)return;let t=++this.pickSeq;this.picking.set(e.id),this.message.set(`Click a field in the app. Press Escape or Cancel picking to stop.`);let n=await AE(this.rpc(),{action:`pick`,formId:e.id});if(t!==this.pickSeq)return;this.picking.set(null);let r=n;if(!n.ok||!r.formId){this.message.set(jE(n));return}this.selectForm(r.formId),this.tab_.set(`fields`),this.fieldPath.set(r.path??``),this.message.set(`Picked ${r.path||`(form)`}.`)}cancelPick(){let e=this.picking();e&&AE(this.rpc(),{action:`cancel-pick`,formId:e})}async setRecording(e){let t=this.selected();if(!t)return;let n=await AE(this.rpc(),{action:`instrument`,formId:t.id,value:e});this.message.set(jE(n))}selectForm(e){this.hostPageId&&CE(e)&&CE(e)!==this.hostPageId&&this.allPages.set(!0),this.selectedId.set(e),this.selectedLabel.set(this.forms().find(t=>t.id===e)?.label??null),this.filter.set(``),this.fieldPath.set(null),this.snapshot.set(null),this.armed.set(null)}toggleField(e){this.fieldPath.update(t=>t===e?null:e)}closeField(){let e=this.host.nativeElement,t=e.querySelector(`button.field[aria-pressed="true"]`)??e.querySelector(`.table-scroll`);this.fieldPath.set(null),t?.focus()}showField(e){this.tab_.set(`fields`);let t=()=>this.rows().some(t=>t.node.path===e);t()||this.filter.set(``),t()||this.active.set(new Set),this.fieldPath.set(e),Vd(()=>{let e=this.host.nativeElement;e.querySelector(`button.field[aria-pressed="true"]`)?.scrollIntoView?.({block:`nearest`}),(e.querySelector(`#forms-field-heading`)??e.querySelector(`.table-scroll`))?.focus()},{injector:this.injector})}toggleChip(e){this.active.update(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}async act(e,t={}){let n=this.selected();if(!n)return;this.armed.set(null);let r=await AE(this.rpc(),{action:e,formId:n.id,...t});r.snapshot&&this.selected()?.id===n.id&&this.snapshot.set(r.snapshot),this.message.set(jE(r))}confirmAct(e){if(this.armed()!==e){this.armed.set(e),this.message.set(`Press "Confirm ${e}" to ${e} the form in the app.`);return}this.act(e,{confirm:!0,snapshot:this.snapshot()??void 0})}onKey(e){let t=this.tabs.map(e=>e.id),n=t.indexOf(this.tab_()),r=n;if(e.key===`ArrowRight`)r=(n+1)%t.length;else if(e.key===`ArrowLeft`)r=(n-1+t.length)%t.length;else if(e.key===`Home`)r=0;else if(e.key===`End`)r=t.length-1;else return;e.preventDefault(),this.tab_.set(t[r]);let i=e.currentTarget;queueMicrotask(()=>i.querySelector(`#forms-tab-${t[r]}`)?.focus())}sourceText(e){let t=TE[e.source??``]??e.source??``;return e.from===void 0?t:`${t} on ${e.from||`the form`}`}clearFilters(e){this.filter.set(``),this.active.set(new Set);let t=this.rows().length,n=`Filters cleared. Showing ${t} ${t===1?`field`:`fields`}.`;this.filterStatus.update(e=>e===n?`${n}\u00a0`:n),e.focus()}onFilter(e){this.filter.set(e.target.value)}highlight(e,t){let n=this.rpc();n&&n.scope(`pangular`).rpc.callEvent(`request-form-highlight`,e?{formId:e,path:t}:null)}kindLabel(e){return wE[e]}constraintList(e){return Object.entries(e.constraints??{}).map(([e,t])=>`${e} ${t}`)}errorText(e,t){return/^[a-z]/.test(t.message)?`${e.key||`The form`} ${t.message}`:t.message}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-forms-inspector`]],hostBindings:function(e,t){e&1&&U(`keydown.escape`,function(){return t.cancelPick()})},inputs:{rpc:[1,`rpc`],focus:[1,`focus`]},outputs:{focusHandled:`focusHandled`},decls:6,vars:1,consts:[[`fieldFilter`,``],[`role`,`status`,1,`empty`],[`role`,`alert`,1,`empty`],[1,`empty`],[1,`layout`],[`aria-hidden`,`true`,1,`spinner`],[1,`empty-title`],[1,`muted`],[`type`,`button`,1,`small`,3,`click`],[1,`sidebar`],[`id`,`forms-list-heading`,1,`list-heading`],[1,`list-count`],[1,`page-toggle`],[`aria-labelledby`,`forms-list-heading`,1,`form-list`],[`aria-labelledby`,`forms-detail-title`,1,`detail`,`gone`],[`aria-labelledby`,`forms-detail-title`,1,`detail`],[`type`,`checkbox`,3,`change`,`checked`],[`type`,`button`,1,`form-item`,3,`click`],[`aria-hidden`,`true`,1,`dot`],[1,`label`],[1,`kind`],[1,`id`],[1,`sr-only`],[1,`count`],[`id`,`forms-detail-title`],[`role`,`status`,1,`muted`],[1,`detail-head`],[1,`detail-meta`],[1,`summary`],[1,`badge`],[1,`totals`],[1,`error-summary`],[3,`tool`,`page`,`signalForm`],[1,`action-bar`],[`role`,`group`,`aria-label`,`Form actions`,1,`actions`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`aria-hidden`,`true`,1,`divider`],[`type`,`button`,1,`small`,3,`armed`,`disabled`],[`aria-hidden`,`true`,1,`spacer`],[`type`,`button`,1,`small`,`danger`,3,`click`,`disabled`],[`type`,`button`,1,`small`,`primary`,3,`click`,`disabled`],[`id`,`forms-writes-off`,1,`muted`],[`role`,`status`,1,`status`],[`role`,`tablist`,`aria-label`,`Form views`,1,`tabs`,3,`keydown`],[`type`,`button`,`role`,`tab`,3,`id`],[`role`,`tabpanel`,1,`panel`,3,`id`],[3,`formId`,`version`,`rpc`],[`type`,`button`,1,`summary-link`,3,`click`],[1,`kind-tag`],[`type`,`button`,`role`,`tab`,3,`click`,`id`],[1,`filters`],[`type`,`search`,`placeholder`,`Filter fields by path`,`aria-label`,`Filter fields by path`,`autocomplete`,`off`,`spellcheck`,`false`,1,`filter`,3,`input`,`keydown.escape`,`value`],[1,`chips`],[`role`,`status`,1,`sr-only`],[`role`,`region`,`aria-label`,`Fields`,`tabindex`,`0`,1,`table-scroll`],[1,`fields`],[`scope`,`col`],[3,`form`,`node`,`version`,`rpc`],[3,`mouseenter`,`mouseleave`],[`scope`,`row`,1,`name`],[`type`,`button`,1,`field`,3,`focus`,`blur`,`click`],[1,`type`],[1,`value`],[1,`status-cell`],[1,`flags`],[1,`warn`],[1,`errors`],[1,`unseen`],[1,`source`],[`colspan`,`5`,1,`muted`,`truncated`],[`colspan`,`5`,1,`no-match`],[`type`,`button`,1,`small`],[3,`closed`,`form`,`node`,`version`,`rpc`],[`what`,`form events on this page`,`limit`,`formTimeline`,3,`dropped`,`max`],[3,`record`,`events`,`recording`],[3,`showField`,`formId`,`version`,`rpc`]],template:function(e,t){e&1&&M(0,nG,4,0,`div`,1)(1,rG,7,0,`div`,2)(2,iG,4,0,`div`,1)(3,aG,5,0,`div`,3)(4,oG,7,2,`div`,3)(5,aK,13,3,`div`,4),e&2&&N(t.rpc()?t.failed()?1:t.loading()?2:t.forms().length?t.visible().length?5:4:3:0)},dependencies:[eW,AW,lW,uW,QW,TO,hb],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},hG=()=>[],gG=(e,t)=>t.id,_G=(e,t)=>t.node.path;function vG(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Connecting to the devtools server…`),R()())}function yG(e,t){if(e&1){let e=H();L(0,`div`,2)(1,`p`,6),J(2,`Could not load forms`),R(),L(3,`p`,7),J(4,` The devtools server did not answer. Check that the app is running, then try again. `),R(),L(5,`button`,8),U(`click`,function(){return E(e),D(G().retry())}),J(6,`Try again`),R()()}}function bG(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Loading forms…`),R()())}function xG(e,t){e&1&&(L(0,`div`,3)(1,`p`,6),J(2,`No forms on the page yet`),R(),L(3,`p`,7),J(4,` Open a page that renders a form. Signal Forms, reactive and template-driven forms all show up here, in development builds. `),R()())}function SG(e,t){if(e&1){let e=H();L(0,`div`,3)(1,`p`,6),J(2,`No forms on this page`),R(),L(3,`p`,7),J(4),R(),L(5,`button`,8),U(`click`,function(){return E(e),D(G().allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}if(e&2){let e=G();A(4),Z(` Other connected tabs report `,e.forms().length,` `,e.forms().length===1?`form`:`forms`,`. `)}}function CG(e,t){if(e&1){let e=H();L(0,`label`,12)(1,`input`,16),U(`change`,function(t){return E(e),D(G(2).allPages.set(t.target.checked))}),R(),J(2,` All pages `),R()}if(e&2){let e=G(2);A(),I(`checked`,e.allPages())}}function wG(e,t){e&1&&(L(0,`span`,23),J(1),L(2,`span`,22),J(3,` errors`),R()()),e&2&&(A(),Y(t))}function TG(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,17),U(`click`,function(){let t=E(e).$implicit;return D(G(2).selectForm(t.id))}),z(2,`span`,18),L(3,`span`,19),J(4),R(),L(5,`span`,20),J(6),L(7,`span`,21),J(8),R(),L(9,`span`,22),J(10),R()(),M(11,wG,4,1,`span`,23),R()()}if(e&2){let e,n=t.$implicit,r=G(2);A(),q(`active`,n.id===r.selected()?.id),j(`aria-current`,n.id===r.selected()?.id?`true`:null),A(),j(`data-status`,n.root.status),A(),j(`title`,n.label),A(),Y(n.label),A(2),X(``,r.kindLabel(n.kind),` · `),A(2),Y(n.id),A(2),X(`, `,n.root.status),A(),N((e=r.counts().get(n.id)?.errors)?11:-1,e)}}function EG(e,t){if(e&1){let e=H();L(0,`section`,14)(1,`h2`,24),J(2),R(),L(3,`p`,25),J(4,` This form is no longer on the page. It comes back here if the page renders it again. `),R(),L(5,`button`,8),U(`click`,function(){E(e);let t=G(2);return D(t.selectForm(t.visible()[0].id))}),J(6),R()()}if(e&2){let e=G(2);A(2),Y(t),A(4),X(` Show `,e.visible()[0].label,` `)}}function DG(e,t){if(e&1){let e=H();L(0,`section`,14)(1,`h2`,24),J(2),R(),L(3,`p`,7),J(4,`This form is on another page. Tick "All pages" to see it again.`),R(),L(5,`button`,8),U(`click`,function(){return E(e),D(G(2).allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}e&2&&(A(2),Y(t))}function OG(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G();A(),Y(e.submitted?`submitted`:`not submitted`)}}function kG(e,t){e&1&&(L(0,`span`),J(1,`submitting`),R())}function AG(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,47),U(`click`,function(){let t=E(e).$implicit;return D(G(4).showField(t.path))}),L(2,`span`,22),J(3,`Show field `),R(),L(4,`code`),J(5),R(),L(6,`span`,22),J(7,`:`),R(),J(8),L(9,`code`,48),J(10),R()()()}if(e&2){let e=t.$implicit;A(5),Y(e.path||`(form)`),A(3),X(` `,e.message,` `),A(2),Y(e.kind)}}function jG(e,t){if(e&1&&(L(0,`details`,31)(1,`summary`),J(2),R(),L(3,`ul`),P(4,AG,11,3,`li`,null,kg),R()()),e&2){let e=G();A(2),X(`Error summary (`,e.errorSummary.length,`)`),A(2),F(e.errorSummary)}}function MG(e,t){if(e&1){let e=H();L(0,`button`,35),U(`click`,function(){return E(e),D(G(3).confirmAct(`restore`))}),J(1),R()}if(e&2){let e=G(3);q(`armed`,e.armed()===`restore`),I(`disabled`,!e.canWrite()),j(`aria-describedby`,e.canWrite()?null:`forms-writes-off`)(`title`,`Restore `+e.snapshot()),A(),X(` `,e.armed()===`restore`?`Confirm restore`:`Restore `+e.snapshot(),` `)}}function NG(e,t){if(e&1&&(L(0,`p`,41),J(1),R()),e&2){let e=G(3);A(),Y(e.writesOff)}}function PG(e,t){if(e&1){let e=H();L(0,`button`,49),U(`click`,function(){let t=E(e).$implicit;return D(G(3).tab_.set(t.id))}),J(1),R()}if(e&2){let e=t.$implicit,n=G(3);I(`id`,`forms-tab-`+e.id),j(`aria-selected`,e.id===n.tab_())(`aria-controls`,`forms-panel-`+e.id)(`tabindex`,e.id===n.tab_()?0:-1),A(),X(` `,e.label,` `)}}function FG(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,16),U(`change`,function(){let t=E(e).$implicit;return D(G(4).toggleChip(t.id))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G(4);A(),I(`checked`,n.active().has(e.id)),A(),X(` `,e.label,` `)}}function IG(e,t){if(e&1&&(L(0,`div`,7),J(1,` typed `),L(2,`code`),J(3),xv(4,`json`),R(),J(5,`, not in the model yet `),R()),e&2){let e=G(2).$implicit;A(3),Y(Cv(4,1,e.node.uncommitted))}}function LG(e,t){if(e&1&&(L(0,`div`,7),J(1,` resets to `),L(2,`code`),J(3),xv(4,`json`),R()()),e&2){let e=G(2).$implicit;A(3),Y(Cv(4,1,e.node.defaultValue))}}function RG(e,t){if(e&1&&(L(0,`code`),J(1),xv(2,`json`),R(),M(3,IG,6,3,`div`,7),M(4,LG,5,3,`div`,7)),e&2){let e=G().$implicit;A(),Y(Cv(2,3,e.node.value)),A(2),N(e.node.uncommitted===void 0?-1:3),A(),N(e.node.defaultValue===void 0?-1:4)}}function zG(e,t){e&1&&(L(0,`span`,7),J(1,`not created yet`),R())}function BG(e,t){if(e&1&&(L(0,`span`,29),J(1),R()),e&2){let e=G().$implicit;j(`data-status`,e.node.status),A(),Y(e.node.status)}}function VG(e,t){e&1&&(L(0,`span`),J(1,`touched`),R())}function HG(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.node.changed===!1?`dirty, unchanged`:`dirty`)}}function UG(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),X(`not validated (`,e.node.skipped,`)`)}}function WG(e,t){if(e&1&&(L(0,`span`,65),J(1),R()),e&2){let e=G().$implicit;A(),X(`stale: `,e.node.stale.join(`, `))}}function GG(e,t){e&1&&(L(0,`span`,65),J(1,`view out of sync`),R())}function KG(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit,t=G(4);A(),X(`redacted: `,t.redactLabel(e.node.redacted))}}function qG(e,t){e&1&&(L(0,`span`),J(1,`required`),R())}function JG(e,t){e&1&&(L(0,`span`),J(1,`readonly`),R())}function YG(e,t){e&1&&(L(0,`span`),J(1,`hidden`),R())}function XG(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),X(`updates on `,e.node.updateOn)}}function ZG(e,t){e&1&&(L(0,`span`),J(1,`debouncing`),R())}function QG(e,t){e&1&&(L(0,`span`),J(1,`validators`),R())}function $G(e,t){e&1&&(L(0,`span`),J(1,`async validator`),R())}function eK(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function tK(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.node.accessor)}}function nK(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),X(`name `,e.node.name)}}function rK(e,t){if(e&1&&(L(0,`span`),J(1),xv(2,`json`),R()),e&2){let e=t.$implicit;A(),X(`metadata `,Cv(2,1,e))}}function iK(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;A(),X(`disabled: `,e)}}function aK(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit;A(),X(`at `,e.params.path)}}function oK(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(5);A(),Y(t.sourceText(e))}}function sK(e,t){if(e&1&&(L(0,`div`),J(1),L(2,`code`,48),J(3),R(),M(4,aK,2,1,`span`,68),M(5,oK,2,1,`span`,68),R()),e&2){let e=t.$implicit,n=G().$implicit,r=G(4);A(),X(` `,r.errorText(n.node,e),` `),A(2),Y(e.kind),A(),N(e.kind===`standardSchema`&&e.params?.path?4:-1),A(),N(e.source?5:-1)}}function cK(e,t){e&1&&(L(0,`div`,67),J(1,`not shown to the user`),R())}function lK(e,t){if(e&1&&(L(0,`tr`)(1,`td`,69),J(2),R()()),e&2){let e=G().$implicit;A(),K(`padding-left`,28+e.depth*16,`px`),A(),Z(` `,e.node.truncated,` more fields under `,e.node.path||`the form`,` not shown `)}}function uK(e,t){if(e&1){let e=H();L(0,`tr`,58),U(`mouseenter`,function(){let t=E(e).$implicit,n=G(2);return D(G(2).highlight(n.id,t.node.path))})(`mouseleave`,function(){return E(e),D(G(4).highlight(null,``))}),L(1,`th`,59)(2,`button`,60),U(`focus`,function(){let t=E(e).$implicit,n=G(2);return D(G(2).highlight(n.id,t.node.path))})(`blur`,function(){return E(e),D(G(4).highlight(null,``))})(`click`,function(){let t=E(e).$implicit;return D(G(4).toggleField(t.node.path))}),J(3),R(),L(4,`span`,61),J(5),R()(),L(6,`td`,62),M(7,RG,5,5),R(),L(8,`td`,63),M(9,zG,2,0,`span`,7)(10,BG,2,2,`span`,29),R(),L(11,`td`,64),M(12,VG,2,0,`span`),M(13,HG,2,1,`span`),M(14,UG,2,1,`span`),M(15,WG,2,1,`span`,65),M(16,GG,2,0,`span`,65),M(17,KG,2,1,`span`),M(18,qG,2,0,`span`),M(19,JG,2,0,`span`),M(20,YG,2,0,`span`),M(21,XG,2,1,`span`),M(22,ZG,2,0,`span`),M(23,QG,2,0,`span`),M(24,$G,2,0,`span`),P(25,eK,2,1,`span`,null,Ag),M(27,tK,2,1,`span`),M(28,nK,2,1,`span`),P(29,rK,3,3,`span`,null,kg),P(31,iK,2,1,`span`,null,kg),R(),L(33,`td`,66),P(34,sK,6,4,`div`,null,kg),M(36,cK,2,0,`div`,67),R()(),M(37,lK,3,4,`tr`)}if(e&2){let e=t.$implicit,n=G(4);q(`invalid`,e.node.errors.length),A(),K(`padding-left`,12+e.depth*16,`px`),A(),j(`aria-label`,`Show details for `+(e.node.path||`the form`))(`aria-pressed`,e.node.path===n.fieldPath())(`title`,e.node.path||`(form)`),A(),X(` `,e.node.key||`(form)`,` `),A(2),Y(e.node.type),A(2),N(e.node.type===`control`?7:-1),A(2),N(e.node.materialized===!1?9:10),A(3),N(e.node.touched?12:-1),A(),N(e.node.dirty?13:-1),A(),N(e.node.skipped?14:-1),A(),N(e.node.stale?.length?15:-1),A(),N(e.node.dom?.drift===void 0?-1:16),A(),N(e.node.redacted?17:-1),A(),N(e.node.required?18:-1),A(),N(e.node.readonly?19:-1),A(),N(e.node.hidden?20:-1),A(),N(e.node.updateOn?21:-1),A(),N(e.node.debouncing?22:-1),A(),N(e.node.validators?.sync?23:-1),A(),N(e.node.validators?.async?24:-1),A(),F(n.constraintList(e.node)),A(2),N(e.node.accessor?27:-1),A(),N(e.node.name?28:-1),A(),F(e.node.metadata??mv(28,hG)),A(2),F(e.node.disabledReasons??mv(29,hG)),A(3),F(e.node.errors),A(2),N(e.node.errors.length&&e.node.dom?.errorShown===!1?36:-1),A(),N(e.node.truncated?37:-1)}}function dK(e,t){e&1&&J(0),e&2&&X(` No field path matches "`,G(5).filter(),`". `)}function fK(e,t){e&1&&J(0,` No field matches the selected filters. `)}function pK(e,t){if(e&1){let e=H();L(0,`button`,8),U(`click`,function(){E(e),G(2);let t=d_(2);return D(G(3).clearFilters(t))}),J(1,` Clear filters `),R()}}function mK(e,t){if(e&1&&(L(0,`tr`)(1,`td`,70)(2,`p`),M(3,dK,1,1)(4,fK,1,0),R(),M(5,pK,2,0,`button`,71),R()()),e&2){let e=G(4);A(3),N(e.filter()?3:4),A(2),N(e.filtering()?5:-1)}}function hK(e,t){if(e&1){let e=H();L(0,`app-forms-field-detail`,72),U(`closed`,function(){return E(e),D(G(4).closeField())}),R()}if(e&2){let e=G(2),n=G(2);I(`form`,e)(`node`,t)(`version`,n.version())(`rpc`,n.rpc())}}function gK(e,t){if(e&1){let e=H();L(0,`div`,50)(1,`input`,51,0),U(`input`,function(t){return E(e),D(G(3).onFilter(t))})(`keydown.escape`,function(){return E(e),D(G(3).filter.set(``))}),R(),L(3,`fieldset`,52)(4,`legend`,22),J(5,`Show only fields that are`),R(),P(6,FG,3,2,`label`,null,gG),R()(),L(8,`p`,53),J(9),R(),L(10,`div`,54)(11,`table`,55)(12,`thead`)(13,`tr`)(14,`th`,56),J(15,`Field`),R(),L(16,`th`,56),J(17,`Value`),R(),L(18,`th`,56),J(19,`Status`),R(),L(20,`th`,56),J(21,`State`),R(),L(22,`th`,56),J(23,`Errors`),R()()(),L(24,`tbody`),P(25,uK,38,30,null,null,_G,!1,mK,6,2,`tr`),R()()(),M(28,hK,1,4,`app-forms-field-detail`,57)}if(e&2){let e,t=G(3);A(),I(`value`,t.filter()),A(5),F(t.chips),A(3),Y(t.filterStatus()),A(16),F(t.rows()),A(3),N((e=t.selectedNode())?28:-1,e)}}function _K(e,t){if(e&1){let e=H();z(0,`app-limit-note`,73),L(1,`app-forms-timeline`,74),U(`record`,function(t){return E(e),D(G(3).setRecording(t))}),R()}if(e&2){let e=G(3);I(`dropped`,e.droppedEvents())(`max`,e.maxEvents()),A(),I(`events`,e.selectedEvents())(`recording`,e.recording())}}function vK(e,t){if(e&1&&z(0,`app-forms-submit`,46),e&2){let e=G(),t=G(2);I(`formId`,e.id)(`version`,t.version())(`rpc`,t.rpc())}}function yK(e,t){if(e&1){let e=H();L(0,`app-forms-lint`,75),U(`showField`,function(t){return E(e),D(G(3).showField(t))}),R()}if(e&2){let e=G(),t=G(2);I(`formId`,e.id)(`version`,t.version())(`rpc`,t.rpc())}}function bK(e,t){if(e&1){let e=H();L(0,`section`,15)(1,`div`,26)(2,`h2`,24),J(3),R(),L(4,`p`,27),J(5),L(6,`code`),J(7),R()()(),L(8,`div`,28)(9,`span`,29),J(10),R(),L(11,`span`),J(12),R(),L(13,`span`),J(14),R(),M(15,OG,2,1,`span`),M(16,kG,2,0,`span`),L(17,`span`,30)(18,`b`),J(19),R(),J(20,` fields · `),L(21,`b`),J(22),R(),J(23,` errors`),R()(),M(24,jG,6,1,`details`,31),z(25,`app-forms-webmcp`,32),L(26,`div`,33)(27,`div`,34)(28,`button`,35),U(`click`,function(){return E(e),D(G(2).act(`touch-all`))}),J(29,` Touch all `),R(),L(30,`button`,35),U(`click`,function(){return E(e),D(G(2).act(`revalidate`))}),J(31,` Revalidate `),R(),L(32,`button`,8),U(`click`,function(){return E(e),D(G(2).act(`focus-first-invalid`))}),J(33,` Focus first invalid `),R(),L(34,`button`,8),U(`click`,function(){E(e);let t=G(2);return D(t.picking()?t.cancelPick():t.pick())}),J(35),R(),z(36,`span`,36),L(37,`button`,8),U(`click`,function(){return E(e),D(G(2).act(`snapshot`))}),J(38,`Snapshot`),R(),M(39,MG,2,6,`button`,37),z(40,`span`,38),L(41,`button`,39),U(`click`,function(){return E(e),D(G(2).confirmAct(`reset`))}),J(42),R(),L(43,`button`,40),U(`click`,function(){return E(e),D(G(2).confirmAct(`submit`))}),J(44),R()(),M(45,NG,2,1,`p`,41),L(46,`p`,42),J(47),R()(),L(48,`div`,43),U(`keydown`,function(t){return E(e),D(G(2).onKey(t))}),P(49,PG,2,5,`button`,44,gG),R(),L(51,`div`,45),M(52,gK,29,4)(53,_K,2,4)(54,vK,1,3,`app-forms-submit`,46)(55,yK,1,3,`app-forms-lint`,46),R()()}if(e&2){let e,n=t,r=G(2);A(3),Y(n.label),A(2),X(` `,r.kindLabel(n.kind),` · `),A(2),Y(n.id),A(2),j(`data-status`,n.root.status),A(),Y(n.root.status),A(2),Y(n.root.dirty?`dirty`:`pristine`),A(2),Y(n.root.touched?`touched`:`untouched`),A(),N(n.submitted===void 0?-1:15),A(),N(n.root.submitting?16:-1),A(3),Y(r.counts().get(n.id)?.fields),A(2),q(`has-errors`,r.counts().get(n.id)?.errors),A(),Y(r.counts().get(n.id)?.errors),A(2),N(n.errorSummary?.length?24:-1),A(),I(`tool`,n.webMcp)(`page`,r.webMcpPage(n.id))(`signalForm`,n.kind===`signal`),A(3),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),A(2),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),A(4),q(`on`,r.picking()),j(`aria-pressed`,!!r.picking()),A(),X(` `,r.picking()?`Cancel picking`:`Pick field on page`,` `),A(4),N(r.snapshot()?39:-1),A(2),q(`armed`,r.armed()===`reset`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),A(),X(` `,r.armed()===`reset`?`Confirm reset`:`Reset`,` `),A(),q(`armed`,r.armed()===`submit`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),A(),X(` `,r.armed()===`submit`?`Confirm submit`:`Submit`,` `),A(),N(r.canWrite()?-1:45),A(2),Y(r.message()),A(2),F(r.tabs),A(2),I(`id`,`forms-panel-`+r.tab_()),j(`aria-labelledby`,`forms-tab-`+r.tab_()),A(),N((e=r.tab_())===`fields`?52:e===`timeline`?53:e===`submit`?54:e===`lint`?55:-1)}}function xK(e,t){if(e&1&&(L(0,`div`,4)(1,`div`,9)(2,`h2`,10),J(3,` Forms `),L(4,`span`,11),J(5),R()(),M(6,CG,3,1,`label`,12),L(7,`ul`,13),P(8,TG,12,10,`li`,null,gG),R()(),M(10,EG,7,2,`section`,14)(11,DG,7,1,`section`,14)(12,bK,56,41,`section`,15),R()),e&2){let e,t=G();A(5),Y(t.visible().length),A(),N(t.hostPageId&&(t.allPages()||t.otherPages())?6:-1),A(2),F(t.visible()),A(2),N((e=t.missing())?10:(e=t.hidden())?11:(e=t.selected())?12:-1,e)}}var SK=[{id:`fields`,label:`Fields`},{id:`timeline`,label:`Timeline`},{id:`submit`,label:`Submit`},{id:`lint`,label:`Lint`}],CK=[{id:`invalid`,label:`Invalid`},{id:`dirty`,label:`Dirty`},{id:`touched`,label:`Touched`},{id:`disabled`,label:`Disabled`},{id:`hidden-error`,label:`Error not shown`}];function wK(e,t){switch(t){case`invalid`:return e.errors.length>0;case`dirty`:return e.dirty&&e.type===`control`;case`touched`:return e.touched&&e.type===`control`;case`disabled`:return e.status===`DISABLED`;case`hidden-error`:return e.dom?.errorShown===!1}}function TK(e){return e.errors.length+(e.children??[]).reduce((e,t)=>e+TK(t),0)}function EK(e){return e.children?e.children.reduce((e,t)=>e+EK(t),0):+(e.type===`control`&&e.materialized!==!1)}var DK=class e{rpc=$(null);focus=$(null);canWrite=Q(()=>YE(this.rpc(),`forms`));redactLabel=HE;writesOff=vE(`forms`);focusHandled=Rv();forms=k([]);webMcp=k([]);events=k([]);loading=k(!0);failed=k(!1);selectedId=k(null);selectedLabel=k(null);hostPageId=kE();allPages=k(!1);visible=Q(()=>{let e=this.forms(),t=this.hostPageId;return t&&!this.allPages()?e.filter(e=>LE(e.id)===t):e});otherPages=Q(()=>this.forms().some(e=>LE(e.id)!==this.hostPageId));instrumented=k([]);recording=Q(()=>{let e=this.selected()?.id??``;return this.instrumented().some(t=>e.endsWith(`@${t}`))});filter=k(``);tabs=SK;chips=CK;tab_=k(`fields`);active=k(new Set);filtering=Q(()=>!!this.filter()||this.active().size>0);filterStatus=k(``);version=k(0);message=k(``);webMcpPage(e){let t=LE(e);return this.webMcp().find(e=>e.pageId===t)}picking=k(null);pickSeq=0;unsubscribe=null;destroyRef=w(Es);host=w(Fl);injector=w(ws);counts=Q(()=>new Map(this.visible().map(e=>[e.id,{fields:EK(e.root),errors:TK(e.root)}])));chosen=Q(()=>{let e=this.selectedId();if(e===null)return null;let t=this.forms(),n=this.selectedLabel(),r=LE(e);return t.find(t=>t.id===e)??t.find(e=>e.label===n&&LE(e.id)===r)??null});selected=Q(()=>{let e=this.visible();if(this.selectedId()===null)return e[0]??null;let t=this.chosen();return t&&e.includes(t)?t:null});missing=Q(()=>this.selectedId()!==null&&!this.chosen()&&this.visible().length?this.selectedLabel()??this.selectedId():null);hidden=Q(()=>{let e=this.chosen();return e&&!this.selected()&&this.visible().length?e.label:null});selectedFormId=Q(()=>this.selected()?.id??null);fieldPath=Fv({source:this.selectedFormId,computation:()=>null});armed=Fv({source:this.selectedFormId,computation:()=>null});snapshot=Fv({source:this.selectedFormId,computation:()=>null});rows=Q(()=>{let e=this.selected();if(!e)return[];let t=this.filter().toLowerCase(),n=Array.from(this.active()),r=[],i=(e,a)=>{let o=r.length,s=(!t||e.path.toLowerCase().includes(t))&&n.every(t=>wK(e,t));for(let t of e.children??[])s=i(t,a+1)||s;return s&&r.splice(o,0,{node:e,depth:a}),s};return i(e.root,0),r});selectedNode=Q(()=>{let e=this.fieldPath(),t=this.selected();if(e===null||!t)return null;let n=t=>t.path===e?t:(t.children??[]).map(n).find(Boolean)??null;return n(t.root)});dropped=k({});droppedEvents=Q(()=>{let e=this.selected()?.id;return e?this.dropped()[LE(e)]??0:0});maxEvents=Q(()=>JE(this.rpc()).limits.formTimeline);selectedEvents=Q(()=>{let e=this.selected()?.id;return this.events().filter(t=>t.formId===e)});constructor(){pc(()=>{let e=this.rpc();e&&this.load(e)}),pc(()=>{let e=this.focus();e&&Nv(()=>{this.selectForm(e.id),this.focusHandled.emit()})}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),this.highlight(null,``)})}async load(e){this.loading.set(!0),this.failed.set(!1);try{let t=await e.scope(`pangular`).rpc.sharedState(`forms`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e;this.forms.set(t?.forms??[]),this.events.set(t?.events??[]),this.instrumented.set(t?.instrumented??[]),this.dropped.set(t?.dropped??{}),this.webMcp.set(t?.webMcp??[]),this.version.update(e=>e+1)};n(t.value()),this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,n)}catch{this.failed.set(!0)}finally{this.loading.set(!1)}}retry(){let e=this.rpc();e&&this.load(e)}async pick(){let e=this.selected();if(!e)return;let t=++this.pickSeq;this.picking.set(e.id),this.message.set(`Click a field in the app. Press Escape or Cancel picking to stop.`);let n=await WE(this.rpc(),{action:`pick`,formId:e.id});if(t!==this.pickSeq)return;this.picking.set(null);let r=n;if(!n.ok||!r.formId){this.message.set(GE(n));return}this.selectForm(r.formId),this.tab_.set(`fields`),this.fieldPath.set(r.path??``),this.message.set(`Picked ${r.path||`(form)`}.`)}cancelPick(){let e=this.picking();e&&WE(this.rpc(),{action:`cancel-pick`,formId:e})}async setRecording(e){let t=this.selected();if(!t)return;let n=await WE(this.rpc(),{action:`instrument`,formId:t.id,value:e});this.message.set(GE(n))}selectForm(e){this.hostPageId&&LE(e)&&LE(e)!==this.hostPageId&&this.allPages.set(!0),this.selectedId.set(e),this.selectedLabel.set(this.forms().find(t=>t.id===e)?.label??null),this.filter.set(``),this.fieldPath.set(null),this.snapshot.set(null),this.armed.set(null)}toggleField(e){this.fieldPath.update(t=>t===e?null:e)}closeField(){let e=this.host.nativeElement,t=e.querySelector(`button.field[aria-pressed="true"]`)??e.querySelector(`.table-scroll`);this.fieldPath.set(null),t?.focus()}showField(e){this.tab_.set(`fields`);let t=()=>this.rows().some(t=>t.node.path===e);t()||this.filter.set(``),t()||this.active.set(new Set),this.fieldPath.set(e),Vd(()=>{let e=this.host.nativeElement;e.querySelector(`button.field[aria-pressed="true"]`)?.scrollIntoView?.({block:`nearest`}),(e.querySelector(`#forms-field-heading`)??e.querySelector(`.table-scroll`))?.focus()},{injector:this.injector})}toggleChip(e){this.active.update(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}async act(e,t={}){let n=this.selected();if(!n)return;this.armed.set(null);let r=await WE(this.rpc(),{action:e,formId:n.id,...t});r.snapshot&&this.selected()?.id===n.id&&this.snapshot.set(r.snapshot),this.message.set(GE(r))}confirmAct(e){if(this.armed()!==e){this.armed.set(e),this.message.set(`Press "Confirm ${e}" to ${e} the form in the app.`);return}this.act(e,{confirm:!0,snapshot:this.snapshot()??void 0})}onKey(e){let t=this.tabs.map(e=>e.id),n=t.indexOf(this.tab_()),r=n;if(e.key===`ArrowRight`)r=(n+1)%t.length;else if(e.key===`ArrowLeft`)r=(n-1+t.length)%t.length;else if(e.key===`Home`)r=0;else if(e.key===`End`)r=t.length-1;else return;e.preventDefault(),this.tab_.set(t[r]);let i=e.currentTarget;queueMicrotask(()=>i.querySelector(`#forms-tab-${t[r]}`)?.focus())}sourceText(e){let t=zE[e.source??``]??e.source??``;return e.from===void 0?t:`${t} on ${e.from||`the form`}`}clearFilters(e){this.filter.set(``),this.active.set(new Set);let t=this.rows().length,n=`Filters cleared. Showing ${t} ${t===1?`field`:`fields`}.`;this.filterStatus.update(e=>e===n?`${n}\u00a0`:n),e.focus()}onFilter(e){this.filter.set(e.target.value)}highlight(e,t){let n=this.rpc();n&&n.scope(`pangular`).rpc.callEvent(`request-form-highlight`,e?{formId:e,path:t}:null)}kindLabel(e){return RE[e]}constraintList(e){return Object.entries(e.constraints??{}).map(([e,t])=>`${e} ${t}`)}errorText(e,t){return/^[a-z]/.test(t.message)?`${e.key||`The form`} ${t.message}`:t.message}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-forms-inspector`]],hostBindings:function(e,t){e&1&&U(`keydown.escape`,function(){return t.cancelPick()})},inputs:{rpc:[1,`rpc`],focus:[1,`focus`]},outputs:{focusHandled:`focusHandled`},decls:6,vars:1,consts:[[`fieldFilter`,``],[`role`,`status`,1,`empty`],[`role`,`alert`,1,`empty`],[1,`empty`],[1,`layout`],[`aria-hidden`,`true`,1,`spinner`],[1,`empty-title`],[1,`muted`],[`type`,`button`,1,`small`,3,`click`],[1,`sidebar`],[`id`,`forms-list-heading`,1,`list-heading`],[1,`list-count`],[1,`page-toggle`],[`aria-labelledby`,`forms-list-heading`,1,`form-list`],[`aria-labelledby`,`forms-detail-title`,1,`detail`,`gone`],[`aria-labelledby`,`forms-detail-title`,1,`detail`],[`type`,`checkbox`,3,`change`,`checked`],[`type`,`button`,1,`form-item`,3,`click`],[`aria-hidden`,`true`,1,`dot`],[1,`label`],[1,`kind`],[1,`id`],[1,`sr-only`],[1,`count`],[`id`,`forms-detail-title`],[`role`,`status`,1,`muted`],[1,`detail-head`],[1,`detail-meta`],[1,`summary`],[1,`badge`],[1,`totals`],[1,`error-summary`],[3,`tool`,`page`,`signalForm`],[1,`action-bar`],[`role`,`group`,`aria-label`,`Form actions`,1,`actions`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`aria-hidden`,`true`,1,`divider`],[`type`,`button`,1,`small`,3,`armed`,`disabled`],[`aria-hidden`,`true`,1,`spacer`],[`type`,`button`,1,`small`,`danger`,3,`click`,`disabled`],[`type`,`button`,1,`small`,`primary`,3,`click`,`disabled`],[`id`,`forms-writes-off`,1,`muted`],[`role`,`status`,1,`status`],[`role`,`tablist`,`aria-label`,`Form views`,1,`tabs`,3,`keydown`],[`type`,`button`,`role`,`tab`,3,`id`],[`role`,`tabpanel`,1,`panel`,3,`id`],[3,`formId`,`version`,`rpc`],[`type`,`button`,1,`summary-link`,3,`click`],[1,`kind-tag`],[`type`,`button`,`role`,`tab`,3,`click`,`id`],[1,`filters`],[`type`,`search`,`placeholder`,`Filter fields by path`,`aria-label`,`Filter fields by path`,`autocomplete`,`off`,`spellcheck`,`false`,1,`filter`,3,`input`,`keydown.escape`,`value`],[1,`chips`],[`role`,`status`,1,`sr-only`],[`role`,`region`,`aria-label`,`Fields`,`tabindex`,`0`,1,`table-scroll`],[1,`fields`],[`scope`,`col`],[3,`form`,`node`,`version`,`rpc`],[3,`mouseenter`,`mouseleave`],[`scope`,`row`,1,`name`],[`type`,`button`,1,`field`,3,`focus`,`blur`,`click`],[1,`type`],[1,`value`],[1,`status-cell`],[1,`flags`],[1,`warn`],[1,`errors`],[1,`unseen`],[1,`source`],[`colspan`,`5`,1,`muted`,`truncated`],[`colspan`,`5`,1,`no-match`],[`type`,`button`,1,`small`],[3,`closed`,`form`,`node`,`version`,`rpc`],[`what`,`form events on this page`,`limit`,`formTimeline`,3,`dropped`,`max`],[3,`record`,`events`,`recording`],[3,`showField`,`formId`,`version`,`rpc`]],template:function(e,t){e&1&&M(0,vG,4,0,`div`,1)(1,yG,7,0,`div`,2)(2,bG,4,0,`div`,1)(3,xG,5,0,`div`,3)(4,SG,7,2,`div`,3)(5,xK,13,3,`div`,4),e&2&&N(t.rpc()?t.failed()?1:t.loading()?2:t.forms().length?t.visible().length?5:4:3:0)},dependencies:[gW,KW,TW,EW,mG,VO,hb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -11614,7 +11614,7 @@ code[_ngcontent-%COMP%] {
    .divider[_ngcontent-%COMP%] {
     display: none;
   }
-}`]})},fK=[`filterInput`],pK=(e,t)=>t.file+t.name,mK=(e,t)=>t.file+`:`+t.line,hK=(e,t)=>t.name;function gK(e,t){e&1&&(L(0,`p`,14),O(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),gs(),L(4,`span`),J(5),R()()),e&2&&(A(5),Y(t))}function _K(e,t){if(e&1&&(L(0,`p`,14),O(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),gs(),L(4,`span`)(5,`strong`),J(6),R(),J(7,` Pipe prototypes are patched in the inspected page to count calls and keep the last input and output. Stop recording when you are done. `),R()()),e&2){let e=G();A(6),X(`Recording on `,e.instrumentedPages().length,` page(s).`)}}function vK(e,t){e&1&&(L(0,`div`,15),z(1,`span`,29),L(2,`p`,30),J(3,`Scanning pipes…`),R()())}function yK(e,t){if(e&1){let e=H();L(0,`div`,16)(1,`p`,30),J(2,`Couldn't load pipes`),R(),L(3,`p`,31),J(4,`The devtools server did not answer. Check that it is running.`),R(),L(5,`button`,32),U(`click`,function(){return E(e),D(G().refresh())}),J(6,`Try again`),R()()}}function bK(e,t){e&1&&(L(0,`div`,17)(1,`p`,30),J(2,`No pipes found`),R(),L(3,`p`,31),J(4,` No @Pipe classes were found in the source, and no template uses a built-in pipe yet. `),R()())}function xK(e,t){e&1&&J(0,` Couldn't scan the source again. The list keeps the last scan. `)}function SK(e,t){e&1&&J(0,` Couldn't scan the source. Only pipes seen on the page are listed. `)}function CK(e,t){if(e&1){let e=H();L(0,`div`,33),O(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,39),R(),gs(),L(4,`span`),M(5,xK,1,0)(6,SK,1,0),R(),L(7,`button`,11),U(`click`,function(){return E(e),D(G(2).refresh())}),J(8,`Try again`),R()()}if(e&2){let e=G(2);A(5),N(e.pipes().length?5:6),A(2),I(`disabled`,e.loading())}}function wK(e,t){e&1&&(L(0,`span`,46),J(1,`stale?`),R())}function TK(e,t){if(e&1&&(L(0,`span`,47),J(1),R()),e&2){G();let e=fv(0);A(),X(``,e.instanceCount,` live`)}}function EK(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function DK(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function OK(e,t){e&1&&(L(0,`span`,48),J(1,`NgModule`),R())}function kK(e,t){e&1&&(L(0,`span`,50),J(1,`No source location`),R())}function AK(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;Z(` `,e.file,`:`,e.line,` `)}}function jK(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;A(),X(`+`,(e.usageCount??1)-1,` more`)}}function MK(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;A(),Z(``,e.usageCount,` `,e.usageCount===1?`use`:`uses`)}}function NK(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,41),U(`click`,function(){let t=E(e).$implicit;return D(G(3).select(t))})(`mouseenter`,function(){E(e);let t=fv(0);return D(G(3).highlightPipe(t))})(`mouseleave`,function(){return E(e),D(G(3).highlight(null))})(`focus`,function(){E(e);let t=fv(0);return D(G(3).highlightPipe(t))})(`blur`,function(){return E(e),D(G(3).highlight(null))}),L(3,`span`,42)(4,`span`,43),J(5),R(),L(6,`span`,44),J(7),R()(),L(8,`span`,45),M(9,wK,2,0,`span`,46),M(10,TK,2,1,`span`,47),M(11,EK,2,0,`span`,48),M(12,DK,2,0,`span`,48),M(13,OK,2,0,`span`,48),L(14,`span`,48),J(15),R()(),L(16,`span`,49),M(17,kK,2,0,`span`,50)(18,AK,1,2),M(19,jK,2,1,`span`,51)(20,MK,2,2,`span`,51),R()()()}if(e&2){let e=t.$implicit,n=G(3),r=dv(n.liveFor(e.name));A(2),q(`selected`,n.isSelected(e)),j(`aria-current`,n.isSelected(e)||null),A(3),Y(e.name),A(2),Y(e.className),A(2),N(r?.stale?9:-1),A(),N(r?10:-1),A(),N(e.builtin?11:-1),A(),N(e.runtime?12:-1),A(),N(e.isStandalone?-1:13),A(),q(`impure`,!e.isPure),A(),Y(e.isPure?`pure`:`impure`),A(2),N(e.runtime?17:18),A(2),N(e.builtin&&(e.usageCount??0)>1?19:!e.builtin&&e.usageCount?20:-1)}}function PK(e,t){if(e&1){let e=H();L(0,`ul`,40),U(`keydown`,function(t){return E(e),D(G(2).onListKey(t))}),P(1,NK,21,16,`li`,null,pK),R()}if(e&2){let e=G(2);A(),F(e.filtered())}}function FK(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(3).filter().trim(),`” in this view. `)}function IK(e,t){e&1&&J(0,` None of the pipes fit this filter. `)}function LK(e,t){if(e&1){let e=H();L(0,`div`,37)(1,`p`,30),J(2,`No pipes match`),R(),L(3,`p`,31),M(4,FK,1,1)(5,IK,1,0),R(),L(6,`button`,32),U(`click`,function(){return E(e),D(G(2).clearFilters())}),J(7,`Clear filters`),R()()}if(e&2){let e=G(2);A(4),N(e.filter().trim()?4:5)}}function RK(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function zK(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function BK(e,t){if(e&1&&(L(0,`dt`),J(1,`File`),R(),L(2,`dd`,55),z(3,`app-source-link`,57),R()),e&2){let e=G();A(3),I(`file`,e.file)(`line`,e.line)}}function VK(e,t){if(e&1&&(L(0,`dt`),J(1,`Standalone`),R(),L(2,`dd`),J(3),R()),e&2){let e=G();A(3),Y(e.isStandalone?`Yes`:`No, declared in an NgModule`)}}function HK(e,t){if(e&1&&(L(0,`li`,55),z(1,`app-source-link`,57),R()),e&2){let e=t.$implicit;A(),I(`file`,e.file)(`line`,e.line)}}function UK(e,t){if(e&1&&(L(0,`div`,54)(1,`h3`),J(2,` Used in templates `),L(3,`span`,21),J(4),R()(),L(5,`ul`,58),P(6,HK,2,2,`li`,55,mK),R()()),e&2){let e=G();A(4),Y(e.usageCount),A(2),F(e.usages)}}function WK(e,t){e&1&&(L(0,`p`,59)(1,`span`,46),J(2,`experimental`),R(),J(3,` This pure pipe got an argument whose contents changed while its reference stayed the same, so it may be showing a stale value. `),R())}function GK(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=E(e);return D(G(5).highlight(t,!0))})(`mouseenter`,function(){let t=E(e);return D(G(5).highlight(t))})(`mouseleave`,function(){return E(e),D(G(5).highlight(null))})(`focus`,function(){let t=E(e);return D(G(5).highlight(t))})(`blur`,function(){return E(e),D(G(5).highlight(null))}),L(1,`span`,55),J(2),R(),L(3,`span`,65),J(4),R()()}if(e&2){let e=G().$implicit;j(`aria-label`,`Highlight `+e.name+` on the page`),A(2),Y(e.name),A(2),Y(e.count)}}function KK(e,t){if(e&1&&(L(0,`span`,63)(1,`span`,55),J(2),R(),L(3,`span`,65),J(4),R()()),e&2){let e=G().$implicit;A(2),Y(e.name),A(2),Y(e.count)}}function qK(e,t){if(e&1&&(L(0,`li`),M(1,GK,5,3,`button`,62)(2,KK,5,2,`span`,63),R()),e&2){let e,n=t.$implicit;A(),N((e=n.targets?.[0])?1:2,e)}}function JK(e,t){if(e&1&&(L(0,`dt`),J(1,`Time`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(),t=G(4);A(3),rv(` `,t.ms(e.totalMs),` total, `,t.ms(e.totalMs/e.callCount),` average, `,t.ms(e.maxMs??0),` slowest `)}}function YK(e,t){if(e&1&&(L(0,`span`,66),J(1),R()),e&2){let e=G(2);A(),Y(e.lastError)}}function XK(e,t){if(e&1&&(L(0,`dt`),J(1,`Errors`),R(),L(2,`dd`),J(3),M(4,YK,2,1,`span`,66),R()),e&2){let e=G();A(3),X(` `,e.errorCount,` `),A(),N(e.lastError?4:-1)}}function ZK(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=E(e);return D(G(7).highlight(t,!0))})(`mouseenter`,function(){let t=E(e);return D(G(7).highlight(t))})(`mouseleave`,function(){return E(e),D(G(7).highlight(null))})(`focus`,function(){let t=E(e);return D(G(7).highlight(t))})(`blur`,function(){return E(e),D(G(7).highlight(null))}),L(1,`span`,55),J(2),R()()}if(e&2){let e=G().$implicit;j(`aria-label`,`Highlight `+e.component+` on the page`),A(2),Y(e.component)}}function QK(e,t){if(e&1&&(L(0,`span`,63)(1,`span`,55),J(2),R()()),e&2){let e=G().$implicit;A(2),Y(e.component)}}function $K(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(6);A(),Y(t.ms(e.totalMs))}}function eq(e,t){if(e&1&&(L(0,`span`,69),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.lastCaller)}}function tq(e,t){if(e&1&&(L(0,`li`,67),M(1,ZK,3,2,`button`,62)(2,QK,3,1,`span`,63),L(3,`span`,66),J(4),L(5,`span`,68),J(6),R(),M(7,$K,2,1,`span`,68),R(),M(8,eq,2,1,`span`,69),R()),e&2){let e,n=t.$implicit,r=G(6);A(),N((e=n.target)?1:2,e),A(3),Z(` `,r.describe(n.lastArgs),` → `,r.describe(n.lastResult),` `),A(2),X(``,n.callCount,`×`),A(),N(n.totalMs===void 0?-1:7),A(),N(n.lastCaller?8:-1)}}function nq(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);A(),Z(` Showing `,e.instances.length,` of `,e.instanceTotal,` instances. `)}}function rq(e,t){if(e&1&&(L(0,`dt`),J(1,`Per instance`),R(),L(2,`dd`)(3,`ul`,58),P(4,tq,9,6,`li`,67,kg),R(),M(6,nq,2,2,`p`,61),R()),e&2){let e=G();A(4),F(e.instances),A(2),N(e.instanceTotal?6:-1)}}function iq(e,t){if(e&1&&(L(0,`dt`),J(1,`Last caller`),R(),L(2,`dd`,66),J(3),R()),e&2){let e=G();A(3),Y(e.lastCaller)}}function aq(e,t){if(e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`),J(3),R(),M(4,JK,4,3),M(5,XK,5,2),L(6,`dt`),J(7,`Last input`),R(),L(8,`dd`,66),J(9),R(),L(10,`dt`),J(11,`Last output`),R(),L(12,`dd`,66),J(13),R(),M(14,rq,7,1),M(15,iq,4,1)),e&2){let e=t,n=G(4);A(3),Y(e.callCount),A(),N(e.totalMs===void 0?-1:4),A(),N(e.errorCount?5:-1),A(4),Y(n.describe(e.lastArgs)),A(4),Y(n.describe(e.lastResult)),A(),N(e.instances?.length?14:-1),A(),N(e.lastCaller?15:-1)}}function oq(e,t){e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`,70),J(3,`None recorded yet.`),R())}function sq(e,t){e&1&&(L(0,`p`,61),J(1,` The stale check is off for this pipe: it couldn't read the compiled template, which happens in minified builds. `),R())}function cq(e,t){e&1&&(L(0,`p`,61),J(1,`Turn on “Record calls” to see call counts and values.`),R())}function lq(e,t){if(e&1&&(M(0,WK,4,0,`p`,59),L(1,`dl`)(2,`dt`),J(3,`Instances`),R(),L(4,`dd`),J(5),R(),L(6,`dt`),J(7,`Used by`),R(),L(8,`dd`)(9,`ul`,60),P(10,qK,3,1,`li`,null,hK),R()(),M(12,aq,16,7)(13,oq,4,0),R(),M(14,sq,2,0,`p`,61),M(15,cq,2,0,`p`,61)),e&2){let e,n=t,r=G(3);N(n.stale?0:-1),A(5),Y(n.instanceCount),A(5),F(n.components),A(2),N((e=n.call)?12:r.instrumenting()?13:-1,e),A(2),N(n.staleCheck===`unavailable`?14:-1),A(),N(!n.call&&!r.instrumenting()?15:-1)}}function uq(e,t){e&1&&(L(0,`p`,56),J(1,` Not in use on the connected page. Open a view that uses it, or connect the app. `),R())}function dq(e,t){if(e&1&&(L(0,`header`,52)(1,`h2`,53),J(2),R(),L(3,`span`,48),J(4),R(),M(5,RK,2,0,`span`,48),M(6,zK,2,0,`span`,48),R(),L(7,`div`,54)(8,`h3`),J(9,`Declaration`),R(),L(10,`dl`)(11,`dt`),J(12,`Class`),R(),L(13,`dd`,55),J(14),R(),L(15,`dt`),J(16,`Source`),R(),L(17,`dd`),J(18),R(),M(19,BK,4,2),M(20,VK,4,1),L(21,`dt`),J(22,`Pure`),R(),L(23,`dd`),J(24),R()()(),M(25,UK,8,1,`div`,54),L(26,`div`,54)(27,`h3`),J(28,`Live on the page`),R(),M(29,lq,16,5)(30,uq,2,0,`p`,56),R()),e&2){let e,n=t,r=G(2);A(2),Y(n.name),A(),q(`impure`,!n.isPure),A(),Y(n.isPure?`pure`:`impure`),A(),N(n.builtin?5:-1),A(),N(n.runtime?6:-1),A(8),Y(n.className),A(4),Y(r.sourceLabel(n)),A(),N(!n.builtin&&!n.runtime?19:-1),A(),N(n.runtime?-1:20),A(4),X(` `,n.isPure?`Yes, reruns only when an input changes`:`No, reruns on every check`,` `),A(),N(n.usages?.length?25:-1),A(4),N((e=r.liveFor(n.name))?29:30,e)}}function fq(e,t){e&1&&(L(0,`h2`,71),J(1,`Pipe details`),R(),L(2,`div`,72)(3,`p`,30),J(4,`Pick a pipe`),R(),L(5,`p`,31),J(6,` See where it is declared, which components use it and what it last returned. `),R()())}function pq(e,t){if(e&1&&(M(0,CK,9,2,`div`,33),L(1,`div`,34)(2,`div`,35),M(3,PK,3,0,`ul`,36)(4,LK,8,1,`div`,37),R(),L(5,`section`,38),M(6,dq,31,13)(7,fq,7,0),R()()),e&2){let e,t=G();N(t.loadFailed()?0:-1),A(3),N(t.filtered().length?3:4),A(3),N((e=t.selected())?6:7,e)}}function mq(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);A(),Z(`Showing `,e.async().length,` of `,t,` subscriptions.`)}}function hq(e,t){if(e&1){let e=H();L(0,`button`,80),U(`click`,function(){let t=E(e);return D(G(3).highlight(t))})(`focus`,function(){let t=E(e);return D(G(3).highlight(t))})(`blur`,function(){return E(e),D(G(3).highlight(null))}),J(1),R()}if(e&2){let e=G().$implicit;j(`aria-label`,`Highlight `+e.component+` on the page`),A(),X(` `,e.component,` `)}}function gq(e,t){if(e&1&&(L(0,`span`,78),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.component)}}function _q(e,t){e&1&&(L(0,`span`,48),J(1,`no source`),R())}function vq(e,t){e&1&&(L(0,`span`,46),J(1,`duplicate subscription`),R())}function yq(e,t){e&1&&(L(0,`span`,46),J(1,`resubscribing`),R())}function bq(e,t){if(e&1){let e=H();L(0,`li`,76),U(`mouseenter`,function(){let t=E(e).$implicit;return D(G(2).highlight(t.target))})(`mouseleave`,function(){return E(e),D(G(2).highlight(null))}),M(1,hq,2,2,`button`,77)(2,gq,2,1,`span`,78),M(3,_q,2,0,`span`,48),M(4,vq,2,0,`span`,46),M(5,yq,2,0,`span`,46),L(6,`span`,79),J(7),R()()}if(e&2){let e,n=t.$implicit;A(),N((e=n.target)?1:2,e),A(2),N(n.hasSource?-1:3),A(),N(n.duplicate?4:-1),A(),N(n.resubscribing?5:-1),A(2),Y(n.latestValue??`no value yet`)}}function xq(e,t){if(e&1&&(L(0,`section`,18)(1,`h2`,73),J(2,` Async subscriptions `),L(3,`span`,21),J(4),R()(),L(5,`p`,61),J(6,` Each `),L(7,`span`,55),J(8,`| async`),R(),J(9,` subscribes on its own. Two on the same source mean the work runs twice. A source that changes on every check, like `),L(10,`span`,55),J(11,`getData() | async`),R(),J(12,`, resubscribes each time. `),R(),M(13,mq,2,2,`p`,61),L(14,`ul`,74),P(15,bq,8,5,`li`,75,kg),R()()),e&2){let e,t=G();A(4),Y(t.async().length),A(9),N((e=t.asyncTotal())?13:-1,e),A(2),F(t.async())}}function Sq(e,t){e&1&&(L(0,`span`,21),J(1),R()),e&2&&(A(),Y(t.length))}function Cq(e,t){e&1&&(L(0,`p`,22),J(1,`Couldn't run the lint check. Try Refresh.`),R())}function wq(e,t){e&1&&(L(0,`p`,23),J(1,`Checking…`),R())}function Tq(e,t){e&1&&(L(0,`p`,24),J(1,`No problems found.`),R())}function Eq(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){E(e),G();let t=fv(6);return D(G(2).showPipe(t))}),L(1,`span`,91),J(2,`Show pipe `),R(),J(3),R()}if(e&2){let e=G().$implicit;A(3),X(``,e.pipe,` `)}}function Dq(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.pipe,` `)}}function Oq(e,t){if(e&1&&(L(0,`li`,81)(1,`div`,82)(2,`span`,83),J(3),R(),L(4,`code`,84),J(5),R(),uv(6),L(7,`span`,85),M(8,Eq,4,1,`button`,86)(9,Dq,1,1),J(10,` · `),z(11,`app-source-link`,57),R()(),L(12,`p`,87),J(13),R(),L(14,`p`,88)(15,`span`,89),J(16,`Fix`),R(),J(17),R()()),e&2){let e=t.$implicit;A(2),j(`data-tone`,e.severity),A(),Y(e.severity),A(2),Y(e.rule),A();let n=dv(G(2).pipeFor(e));A(2),N(n?8:9),A(3),I(`file`,e.file)(`line`,e.line),A(2),Y(e.message),A(4),X(` `,e.fix)}}function kq(e,t){if(e&1&&(L(0,`ul`,25),P(1,Oq,18,9,`li`,81,kg),R()),e&2){let e=G();A(),F(e.lint())}}var Aq=5e3,jq=[{value:`all`,label:`All pipes`},{value:`custom`,label:`Custom`},{value:`builtin`,label:`Built-in`},{value:`runtime`,label:`Runtime only`},{value:`impure`,label:`Impure`},{value:`live`,label:`On the page`}],Mq=class e{destroyRef=w(Es);host=w(Fl);injector=w(ws);filterInput=Jv(`filterInput`);rpc=$(null);kindOptions=jq;pipes=k([]);filter=k(``);kind=k(`all`);loading=k(!1);loadFailed=k(!1);selected=k(null);live=k([]);async=k([]);asyncTotal=k(void 0);lint=k(null);lintFailed=k(!1);instrumentedPages=k([]);instrumenting=Q(()=>this.instrumentedPages().length>0);pendingRecord=k(null);recordMessage=k(null);recordLabel=Q(()=>{let e=this.pendingRecord();return e===null?this.instrumenting()?`Stop recording`:`Record calls`:e?`Starting…`:`Stopping…`});pendingTimer;liveByName=Q(()=>new Map(this.live().map(e=>[e.name,e])));allPipes=Q(()=>{let e=this.pipes(),t=new Set(e.map(e=>e.name)),n=this.live().filter(e=>!t.has(e.name)).map(e=>({name:e.name,className:e.className,file:``,line:0,isStandalone:!0,isPure:e.isPure,runtime:!0}));return n.length?[...e,...n]:e});filtered=Q(()=>{let e=this.filter(),t=this.kind()??`all`;return this.allPipes().filter(n=>this.fitsKind(n,t)&&this.fitsQuery(n,e))});pipesByName=Q(()=>{let e=new Map;for(let t of this.allPipes())e.set(t.name,[...e.get(t.name)??[],t]);return e});unsubscribe;constructor(){pc(()=>{let e=this.rpc();e&&(this.refresh(),this.loadLive(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.pendingTimer),this.highlight(null)})}async refresh(){let e=this.rpc();if(e){this.loading.set(!0),this.loadFailed.set(!1);try{let t=await e.scope(`pangular`).rpc.call(`get-pipes`);this.pipes.set(t);let n=this.selected();if(n){let e=this.allPipes().find(e=>e.name===n.name&&e.file===n.file);this.selected.set(e??null)}}catch{this.loadFailed.set(!0)}finally{this.loading.set(!1)}this.loadLint(e)}}async loadLint(e){this.lintFailed.set(!1);try{let t=await e.scope(`pangular`).rpc.call(`pipe-lint`);this.lint.set(t)}catch{this.lintFailed.set(!0)}}async loadLive(e){try{let t=await e.scope(`pangular`).rpc.sharedState(`pipe-usage`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e,n=hE(),r=(n?t?.pages?.find(e=>e.pageId===n):void 0)??t;this.live.set(r?.pipes??[]);let i=this.selected();i?.runtime&&!this.liveByName().has(i.name)&&this.selected.set(null),this.async.set(r?.async??[]),this.asyncTotal.set(r?.asyncTotal);let a=t?.instrumented??[];this.instrumentedPages.set(a),this.pendingRecord()===a.length>0&&this.settleRecord(null)};n(t.value()),this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,n)}catch{}}async toggleInstrument(){let e=this.rpc();if(!e||this.pendingRecord()!==null)return;let t=!this.instrumenting();this.recordMessage.set(null),this.pendingRecord.set(t);let n;try{let r=t?{pageId:hE()??void 0,on:t}:{on:t};n=await e.scope(`pangular`).rpc.call(`request-instrument-pipes`,r)}catch{this.settleRecord(`Couldn't reach the devtools server. Try again.`);return}if(this.pendingRecord()===t){if(n?.pages===0){this.settleRecord(`No page is connected. Open your app in the browser with the devtools running, then record again.`);return}clearTimeout(this.pendingTimer),this.pendingTimer=setTimeout(()=>{this.pendingRecord()===t&&this.settleRecord(t?`No page confirmed recording. Reload the app and try again.`:`No page confirmed it stopped recording. Reload the app to stop it.`)},Aq)}}settleRecord(e){clearTimeout(this.pendingTimer),this.pendingRecord.set(null),e!==null&&this.recordMessage.set(e)}sourceLabel(e){return e.builtin?`@angular/common`:e.runtime?`Seen on the page only`:`This project`}liveFor(e){return this.liveByName().get(e)}ms(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}describe(e){if(Array.isArray(e))return e.map(e=>this.describe(e)).join(`, `);if(typeof e==`string`)return e.length>80?`${e.slice(0,80)}…`:e;try{let t=JSON.stringify(e);return t&&t.length>120?`${t.slice(0,120)}…`:t??String(e)}catch{return String(e)}}isSelected(e){let t=this.selected();return t!==null&&t.name===e.name&&t.file===e.file}select(e){this.selected.set(this.isSelected(e)?null:e)}pipeFor(e){let t=this.pipesByName().get(e.pipe);return t?.length?t.find(t=>t.file===e.file)??t[0]:null}showPipe(e){this.fitsQuery(e,this.filter())||this.filter.set(``),this.fitsKind(e,this.kind()??`all`)||this.kind.set(`all`),this.selected.set(e),Vd(()=>{let e=this.host.nativeElement;e.querySelector(`.row.selected`)?.scrollIntoView?.({block:`nearest`}),e.querySelector(`#pipe-detail-title`)?.focus()},{injector:this.injector})}fitsKind(e,t){return t===`custom`?!e.builtin&&!e.runtime:t===`builtin`?!!e.builtin:t===`runtime`?!!e.runtime:t===`impure`?!e.isPure:t!==`live`||this.liveByName().has(e.name)}fitsQuery(e,t){let n=t.trim().toLowerCase();return!n||e.name.toLowerCase().includes(n)||e.className.toLowerCase().includes(n)||e.file.toLowerCase().includes(n)}clearFilters(){this.filter.set(``),this.kind.set(`all`),this.filterInput()?.nativeElement.focus()}highlightPipe(e){this.highlight(e?.components.find(e=>e.targets?.length)?.targets?.[0])}highlight(e,t=!1){let n=this.rpc();n&&n.scope(`pangular`).rpc.call(`request-page-highlight`,e?{...e,...t?{reveal:t}:{}}:null).catch(()=>{})}onListKey(e){if(![`ArrowDown`,`ArrowUp`,`Home`,`End`].includes(e.key))return;let t=Array.from(this.host.nativeElement.querySelectorAll(`[data-pipe-row]`));if(!t.length)return;let n=t.indexOf(document.activeElement),r=n;r=e.key===`ArrowDown`?Math.min(n+1,t.length-1):e.key===`ArrowUp`?Math.max(n-1,0):e.key===`Home`?0:t.length-1,e.preventDefault(),t[r]?.focus()}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-pipes-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,fK,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},decls:33,vars:18,consts:[[`filterInput`,``],[1,`intro`],[1,`toolbar`],[1,`search`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`type`,`search`,`placeholder`,`Find a pipe, class or file…`,`aria-label`,`Find a pipe, class or file`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Show pipes`,3,`valueChange`,`options`,`value`],[`aria-live`,`polite`,1,`total`],[1,`actions`],[`type`,`button`,3,`click`,`disabled`],[`type`,`button`,1,`record`,3,`click`],[`aria-hidden`,`true`,1,`rec-dot`],[`role`,`status`,1,`notice`],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[1,`state`],[`aria-labelledby`,`async-title`,1,`section`],[`aria-labelledby`,`lint-title`,1,`section`],[`id`,`lint-title`],[1,`pill`],[`role`,`alert`,1,`empty-line`],[`role`,`status`,1,`empty-line`],[1,`empty-line`,`ok`],[1,`findings`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`],[`cx`,`12`,`cy`,`12`,`r`,`9`],[`d`,`M12 11v5M12 8h.01`],[`aria-hidden`,`true`,1,`spinner`],[1,`state-title`],[1,`state-hint`],[`type`,`button`,3,`click`],[`role`,`alert`,1,`notice`,`error`],[1,`layout`],[1,`list-wrap`],[`aria-label`,`Pipes`,1,`pipe-list`],[`role`,`status`,1,`state`,`compact`],[`id`,`pipe-detail`,`aria-labelledby`,`pipe-detail-title`,1,`detail`],[`d`,`M12 8v5M12 16h.01`],[`aria-label`,`Pipes`,1,`pipe-list`,3,`keydown`],[`type`,`button`,`data-pipe-row`,``,`aria-controls`,`pipe-detail`,1,`row`,3,`click`,`mouseenter`,`mouseleave`,`focus`,`blur`],[1,`row-main`],[1,`name`,`mono`],[1,`sub`,`mono`],[1,`row-meta`],[1,`chip`,`warn`],[1,`chip`,`live`],[1,`chip`],[1,`row-file`,`mono`],[1,`no-source`],[1,`more`],[1,`detail-head`],[`id`,`pipe-detail-title`,`tabindex`,`-1`,1,`mono`],[1,`block`],[1,`mono`],[1,`empty-line`],[3,`file`,`line`],[1,`sites`],[`role`,`note`,1,`warning`],[1,`chips`],[1,`hint`],[`type`,`button`,1,`component`],[1,`component`],[`type`,`button`,1,`component`,3,`click`,`mouseenter`,`mouseleave`,`focus`,`blur`],[1,`count`],[1,`mono`,`value`],[1,`instance`],[1,`calls`],[1,`mono`,`value`,`caller`],[1,`muted`],[`id`,`pipe-detail-title`,1,`visually-hidden`],[1,`state`,`compact`],[`id`,`async-title`],[1,`async-list`],[1,`async-row`],[1,`async-row`,3,`mouseenter`,`mouseleave`],[`type`,`button`,1,`component-name`,`mono`],[1,`mono`,`component-name`],[1,`mono`,`value`,`latest`],[`type`,`button`,1,`component-name`,`mono`,3,`click`,`focus`,`blur`],[1,`finding`],[1,`finding-head`],[1,`severity`],[1,`mono`,`rule`],[1,`where`,`mono`],[`type`,`button`,1,`pipe-link`],[1,`finding-message`],[1,`finding-fix`],[1,`fix-label`],[`type`,`button`,1,`pipe-link`,3,`click`],[1,`sr-only`]],template:function(e,t){if(e&1){let e=H();L(0,`p`,1),J(1,` Pipes declared in your source, the built-in pipes your templates use and library pipes seen on the page. Live data shows which components use each pipe on the page; turn on recording to capture calls and the last input and output. `),R(),L(2,`div`,2)(3,`div`,3),O(),L(4,`svg`,4),z(5,`circle`,5)(6,`path`,6),R(),gs(),L(7,`input`,7,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R()(),L(9,`app-select`,8),cv(`valueChange`,function(n){return E(e),sv(t.kind,n)||(t.kind=n),D(n)}),R(),L(10,`span`,9),J(11),R(),L(12,`div`,10)(13,`button`,11),U(`click`,function(){return t.refresh()}),J(14,`Refresh`),R(),L(15,`button`,12),U(`click`,function(){return t.toggleInstrument()}),z(16,`span`,13),J(17),R()()(),M(18,gK,6,1,`p`,14),M(19,_K,8,1,`p`,14),M(20,vK,4,0,`div`,15)(21,yK,7,0,`div`,16)(22,bK,5,0,`div`,17)(23,pq,8,3),M(24,xq,17,2,`section`,18),L(25,`section`,19)(26,`h2`,20),J(27,` Lint `),M(28,Sq,2,1,`span`,21),R(),M(29,Cq,2,0,`p`,22)(30,wq,2,0,`p`,23)(31,Tq,2,0,`p`,24)(32,kq,3,0,`ul`,25),R()}if(e&2){let e,n;A(7),I(`value`,t.filter()),A(2),I(`options`,t.kindOptions),ov(`value`,t.kind),A(2),Z(``,t.filtered().length,` of `,t.allPipes().length),A(2),I(`disabled`,t.loading()),A(2),q(`on`,t.instrumenting()),j(`aria-pressed`,t.instrumenting())(`aria-busy`,t.pendingRecord()!==null)(`aria-disabled`,t.pendingRecord()!==null),A(2),X(` `,t.recordLabel(),` `),A(),N((e=t.recordMessage())?18:-1,e),A(),N(t.instrumenting()?19:-1),A(),N(t.loading()&&t.allPipes().length===0?20:t.loadFailed()&&t.allPipes().length===0?21:t.allPipes().length===0?22:23),A(4),N(t.async().length>0?24:-1),A(4),N((n=t.lint())?28:-1,n),A(),N(t.lintFailed()?29:t.lint()===null?30:t.lint().length?32:31)}},dependencies:[XD,XA],styles:[`[_nghost-%COMP%] {
+}`]})},OK=[`filterInput`],kK=(e,t)=>t.file+t.name,AK=(e,t)=>t.file+`:`+t.line,jK=(e,t)=>t.name;function MK(e,t){e&1&&(L(0,`p`,14),O(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),gs(),L(4,`span`),J(5),R()()),e&2&&(A(5),Y(t))}function NK(e,t){if(e&1&&(L(0,`p`,14),O(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),gs(),L(4,`span`)(5,`strong`),J(6),R(),J(7,` Pipe prototypes are patched in the inspected page to count calls and keep the last input and output. Stop recording when you are done. `),R()()),e&2){let e=G();A(6),X(`Recording on `,e.instrumentedPages().length,` page(s).`)}}function PK(e,t){e&1&&(L(0,`div`,15),z(1,`span`,29),L(2,`p`,30),J(3,`Scanning pipes…`),R()())}function FK(e,t){if(e&1){let e=H();L(0,`div`,16)(1,`p`,30),J(2,`Couldn't load pipes`),R(),L(3,`p`,31),J(4,`The devtools server did not answer. Check that it is running.`),R(),L(5,`button`,32),U(`click`,function(){return E(e),D(G().refresh())}),J(6,`Try again`),R()()}}function IK(e,t){e&1&&(L(0,`div`,17)(1,`p`,30),J(2,`No pipes found`),R(),L(3,`p`,31),J(4,` No @Pipe classes were found in the source, and no template uses a built-in pipe yet. `),R()())}function LK(e,t){e&1&&J(0,` Couldn't scan the source again. The list keeps the last scan. `)}function RK(e,t){e&1&&J(0,` Couldn't scan the source. Only pipes seen on the page are listed. `)}function zK(e,t){if(e&1){let e=H();L(0,`div`,33),O(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,39),R(),gs(),L(4,`span`),M(5,LK,1,0)(6,RK,1,0),R(),L(7,`button`,11),U(`click`,function(){return E(e),D(G(2).refresh())}),J(8,`Try again`),R()()}if(e&2){let e=G(2);A(5),N(e.pipes().length?5:6),A(2),I(`disabled`,e.loading())}}function BK(e,t){e&1&&(L(0,`span`,46),J(1,`stale?`),R())}function VK(e,t){if(e&1&&(L(0,`span`,47),J(1),R()),e&2){G();let e=fv(0);A(),X(``,e.instanceCount,` live`)}}function HK(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function UK(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function WK(e,t){e&1&&(L(0,`span`,48),J(1,`NgModule`),R())}function GK(e,t){e&1&&(L(0,`span`,50),J(1,`No source location`),R())}function KK(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;Z(` `,e.file,`:`,e.line,` `)}}function qK(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;A(),X(`+`,(e.usageCount??1)-1,` more`)}}function JK(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;A(),Z(``,e.usageCount,` `,e.usageCount===1?`use`:`uses`)}}function YK(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,41),U(`click`,function(){let t=E(e).$implicit;return D(G(3).select(t))})(`mouseenter`,function(){E(e);let t=fv(0);return D(G(3).highlightPipe(t))})(`mouseleave`,function(){return E(e),D(G(3).highlight(null))})(`focus`,function(){E(e);let t=fv(0);return D(G(3).highlightPipe(t))})(`blur`,function(){return E(e),D(G(3).highlight(null))}),L(3,`span`,42)(4,`span`,43),J(5),R(),L(6,`span`,44),J(7),R()(),L(8,`span`,45),M(9,BK,2,0,`span`,46),M(10,VK,2,1,`span`,47),M(11,HK,2,0,`span`,48),M(12,UK,2,0,`span`,48),M(13,WK,2,0,`span`,48),L(14,`span`,48),J(15),R()(),L(16,`span`,49),M(17,GK,2,0,`span`,50)(18,KK,1,2),M(19,qK,2,1,`span`,51)(20,JK,2,2,`span`,51),R()()()}if(e&2){let e=t.$implicit,n=G(3),r=dv(n.liveFor(e.name));A(2),q(`selected`,n.isSelected(e)),j(`aria-current`,n.isSelected(e)||null),A(3),Y(e.name),A(2),Y(e.className),A(2),N(r?.stale?9:-1),A(),N(r?10:-1),A(),N(e.builtin?11:-1),A(),N(e.runtime?12:-1),A(),N(e.isStandalone?-1:13),A(),q(`impure`,!e.isPure),A(),Y(e.isPure?`pure`:`impure`),A(2),N(e.runtime?17:18),A(2),N(e.builtin&&(e.usageCount??0)>1?19:!e.builtin&&e.usageCount?20:-1)}}function XK(e,t){if(e&1){let e=H();L(0,`ul`,40),U(`keydown`,function(t){return E(e),D(G(2).onListKey(t))}),P(1,YK,21,16,`li`,null,kK),R()}if(e&2){let e=G(2);A(),F(e.filtered())}}function ZK(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(3).filter().trim(),`” in this view. `)}function QK(e,t){e&1&&J(0,` None of the pipes fit this filter. `)}function $K(e,t){if(e&1){let e=H();L(0,`div`,37)(1,`p`,30),J(2,`No pipes match`),R(),L(3,`p`,31),M(4,ZK,1,1)(5,QK,1,0),R(),L(6,`button`,32),U(`click`,function(){return E(e),D(G(2).clearFilters())}),J(7,`Clear filters`),R()()}if(e&2){let e=G(2);A(4),N(e.filter().trim()?4:5)}}function eq(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function tq(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function nq(e,t){if(e&1&&(L(0,`dt`),J(1,`File`),R(),L(2,`dd`,55),z(3,`app-source-link`,57),R()),e&2){let e=G();A(3),I(`file`,e.file)(`line`,e.line)}}function rq(e,t){if(e&1&&(L(0,`dt`),J(1,`Standalone`),R(),L(2,`dd`),J(3),R()),e&2){let e=G();A(3),Y(e.isStandalone?`Yes`:`No, declared in an NgModule`)}}function iq(e,t){if(e&1&&(L(0,`li`,55),z(1,`app-source-link`,57),R()),e&2){let e=t.$implicit;A(),I(`file`,e.file)(`line`,e.line)}}function aq(e,t){if(e&1&&(L(0,`div`,54)(1,`h3`),J(2,` Used in templates `),L(3,`span`,21),J(4),R()(),L(5,`ul`,58),P(6,iq,2,2,`li`,55,AK),R()()),e&2){let e=G();A(4),Y(e.usageCount),A(2),F(e.usages)}}function oq(e,t){e&1&&(L(0,`p`,59)(1,`span`,46),J(2,`experimental`),R(),J(3,` This pure pipe got an argument whose contents changed while its reference stayed the same, so it may be showing a stale value. `),R())}function sq(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=E(e);return D(G(5).highlight(t,!0))})(`mouseenter`,function(){let t=E(e);return D(G(5).highlight(t))})(`mouseleave`,function(){return E(e),D(G(5).highlight(null))})(`focus`,function(){let t=E(e);return D(G(5).highlight(t))})(`blur`,function(){return E(e),D(G(5).highlight(null))}),L(1,`span`,55),J(2),R(),L(3,`span`,65),J(4),R()()}if(e&2){let e=G().$implicit;j(`aria-label`,`Highlight `+e.name+` on the page`),A(2),Y(e.name),A(2),Y(e.count)}}function cq(e,t){if(e&1&&(L(0,`span`,63)(1,`span`,55),J(2),R(),L(3,`span`,65),J(4),R()()),e&2){let e=G().$implicit;A(2),Y(e.name),A(2),Y(e.count)}}function lq(e,t){if(e&1&&(L(0,`li`),M(1,sq,5,3,`button`,62)(2,cq,5,2,`span`,63),R()),e&2){let e,n=t.$implicit;A(),N((e=n.targets?.[0])?1:2,e)}}function uq(e,t){if(e&1&&(L(0,`dt`),J(1,`Time`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(),t=G(4);A(3),rv(` `,t.ms(e.totalMs),` total, `,t.ms(e.totalMs/e.callCount),` average, `,t.ms(e.maxMs??0),` slowest `)}}function dq(e,t){if(e&1&&(L(0,`span`,66),J(1),R()),e&2){let e=G(2);A(),Y(e.lastError)}}function fq(e,t){if(e&1&&(L(0,`dt`),J(1,`Errors`),R(),L(2,`dd`),J(3),M(4,dq,2,1,`span`,66),R()),e&2){let e=G();A(3),X(` `,e.errorCount,` `),A(),N(e.lastError?4:-1)}}function pq(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=E(e);return D(G(7).highlight(t,!0))})(`mouseenter`,function(){let t=E(e);return D(G(7).highlight(t))})(`mouseleave`,function(){return E(e),D(G(7).highlight(null))})(`focus`,function(){let t=E(e);return D(G(7).highlight(t))})(`blur`,function(){return E(e),D(G(7).highlight(null))}),L(1,`span`,55),J(2),R()()}if(e&2){let e=G().$implicit;j(`aria-label`,`Highlight `+e.component+` on the page`),A(2),Y(e.component)}}function mq(e,t){if(e&1&&(L(0,`span`,63)(1,`span`,55),J(2),R()()),e&2){let e=G().$implicit;A(2),Y(e.component)}}function hq(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(6);A(),Y(t.ms(e.totalMs))}}function gq(e,t){if(e&1&&(L(0,`span`,69),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.lastCaller)}}function _q(e,t){if(e&1&&(L(0,`li`,67),M(1,pq,3,2,`button`,62)(2,mq,3,1,`span`,63),L(3,`span`,66),J(4),L(5,`span`,68),J(6),R(),M(7,hq,2,1,`span`,68),R(),M(8,gq,2,1,`span`,69),R()),e&2){let e,n=t.$implicit,r=G(6);A(),N((e=n.target)?1:2,e),A(3),Z(` `,r.describe(n.lastArgs),` → `,r.describe(n.lastResult),` `),A(2),X(``,n.callCount,`×`),A(),N(n.totalMs===void 0?-1:7),A(),N(n.lastCaller?8:-1)}}function vq(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);A(),Z(` Showing `,e.instances.length,` of `,e.instanceTotal,` instances. `)}}function yq(e,t){if(e&1&&(L(0,`dt`),J(1,`Per instance`),R(),L(2,`dd`)(3,`ul`,58),P(4,_q,9,6,`li`,67,kg),R(),M(6,vq,2,2,`p`,61),R()),e&2){let e=G();A(4),F(e.instances),A(2),N(e.instanceTotal?6:-1)}}function bq(e,t){if(e&1&&(L(0,`dt`),J(1,`Last caller`),R(),L(2,`dd`,66),J(3),R()),e&2){let e=G();A(3),Y(e.lastCaller)}}function xq(e,t){if(e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`),J(3),R(),M(4,uq,4,3),M(5,fq,5,2),L(6,`dt`),J(7,`Last input`),R(),L(8,`dd`,66),J(9),R(),L(10,`dt`),J(11,`Last output`),R(),L(12,`dd`,66),J(13),R(),M(14,yq,7,1),M(15,bq,4,1)),e&2){let e=t,n=G(4);A(3),Y(e.callCount),A(),N(e.totalMs===void 0?-1:4),A(),N(e.errorCount?5:-1),A(4),Y(n.describe(e.lastArgs)),A(4),Y(n.describe(e.lastResult)),A(),N(e.instances?.length?14:-1),A(),N(e.lastCaller?15:-1)}}function Sq(e,t){e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`,70),J(3,`None recorded yet.`),R())}function Cq(e,t){e&1&&(L(0,`p`,61),J(1,` The stale check is off for this pipe: it couldn't read the compiled template, which happens in minified builds. `),R())}function wq(e,t){e&1&&(L(0,`p`,61),J(1,`Turn on “Record calls” to see call counts and values.`),R())}function Tq(e,t){if(e&1&&(M(0,oq,4,0,`p`,59),L(1,`dl`)(2,`dt`),J(3,`Instances`),R(),L(4,`dd`),J(5),R(),L(6,`dt`),J(7,`Used by`),R(),L(8,`dd`)(9,`ul`,60),P(10,lq,3,1,`li`,null,jK),R()(),M(12,xq,16,7)(13,Sq,4,0),R(),M(14,Cq,2,0,`p`,61),M(15,wq,2,0,`p`,61)),e&2){let e,n=t,r=G(3);N(n.stale?0:-1),A(5),Y(n.instanceCount),A(5),F(n.components),A(2),N((e=n.call)?12:r.instrumenting()?13:-1,e),A(2),N(n.staleCheck===`unavailable`?14:-1),A(),N(!n.call&&!r.instrumenting()?15:-1)}}function Eq(e,t){e&1&&(L(0,`p`,56),J(1,` Not in use on the connected page. Open a view that uses it, or connect the app. `),R())}function Dq(e,t){if(e&1&&(L(0,`header`,52)(1,`h2`,53),J(2),R(),L(3,`span`,48),J(4),R(),M(5,eq,2,0,`span`,48),M(6,tq,2,0,`span`,48),R(),L(7,`div`,54)(8,`h3`),J(9,`Declaration`),R(),L(10,`dl`)(11,`dt`),J(12,`Class`),R(),L(13,`dd`,55),J(14),R(),L(15,`dt`),J(16,`Source`),R(),L(17,`dd`),J(18),R(),M(19,nq,4,2),M(20,rq,4,1),L(21,`dt`),J(22,`Pure`),R(),L(23,`dd`),J(24),R()()(),M(25,aq,8,1,`div`,54),L(26,`div`,54)(27,`h3`),J(28,`Live on the page`),R(),M(29,Tq,16,5)(30,Eq,2,0,`p`,56),R()),e&2){let e,n=t,r=G(2);A(2),Y(n.name),A(),q(`impure`,!n.isPure),A(),Y(n.isPure?`pure`:`impure`),A(),N(n.builtin?5:-1),A(),N(n.runtime?6:-1),A(8),Y(n.className),A(4),Y(r.sourceLabel(n)),A(),N(!n.builtin&&!n.runtime?19:-1),A(),N(n.runtime?-1:20),A(4),X(` `,n.isPure?`Yes, reruns only when an input changes`:`No, reruns on every check`,` `),A(),N(n.usages?.length?25:-1),A(4),N((e=r.liveFor(n.name))?29:30,e)}}function Oq(e,t){e&1&&(L(0,`h2`,71),J(1,`Pipe details`),R(),L(2,`div`,72)(3,`p`,30),J(4,`Pick a pipe`),R(),L(5,`p`,31),J(6,` See where it is declared, which components use it and what it last returned. `),R()())}function kq(e,t){if(e&1&&(M(0,zK,9,2,`div`,33),L(1,`div`,34)(2,`div`,35),M(3,XK,3,0,`ul`,36)(4,$K,8,1,`div`,37),R(),L(5,`section`,38),M(6,Dq,31,13)(7,Oq,7,0),R()()),e&2){let e,t=G();N(t.loadFailed()?0:-1),A(3),N(t.filtered().length?3:4),A(3),N((e=t.selected())?6:7,e)}}function Aq(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);A(),Z(`Showing `,e.async().length,` of `,t,` subscriptions.`)}}function jq(e,t){if(e&1){let e=H();L(0,`button`,80),U(`click`,function(){let t=E(e);return D(G(3).highlight(t))})(`focus`,function(){let t=E(e);return D(G(3).highlight(t))})(`blur`,function(){return E(e),D(G(3).highlight(null))}),J(1),R()}if(e&2){let e=G().$implicit;j(`aria-label`,`Highlight `+e.component+` on the page`),A(),X(` `,e.component,` `)}}function Mq(e,t){if(e&1&&(L(0,`span`,78),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.component)}}function Nq(e,t){e&1&&(L(0,`span`,48),J(1,`no source`),R())}function Pq(e,t){e&1&&(L(0,`span`,46),J(1,`duplicate subscription`),R())}function Fq(e,t){e&1&&(L(0,`span`,46),J(1,`resubscribing`),R())}function Iq(e,t){if(e&1){let e=H();L(0,`li`,76),U(`mouseenter`,function(){let t=E(e).$implicit;return D(G(2).highlight(t.target))})(`mouseleave`,function(){return E(e),D(G(2).highlight(null))}),M(1,jq,2,2,`button`,77)(2,Mq,2,1,`span`,78),M(3,Nq,2,0,`span`,48),M(4,Pq,2,0,`span`,46),M(5,Fq,2,0,`span`,46),L(6,`span`,79),J(7),R()()}if(e&2){let e,n=t.$implicit;A(),N((e=n.target)?1:2,e),A(2),N(n.hasSource?-1:3),A(),N(n.duplicate?4:-1),A(),N(n.resubscribing?5:-1),A(2),Y(n.latestValue??`no value yet`)}}function Lq(e,t){if(e&1&&(L(0,`section`,18)(1,`h2`,73),J(2,` Async subscriptions `),L(3,`span`,21),J(4),R()(),L(5,`p`,61),J(6,` Each `),L(7,`span`,55),J(8,`| async`),R(),J(9,` subscribes on its own. Two on the same source mean the work runs twice. A source that changes on every check, like `),L(10,`span`,55),J(11,`getData() | async`),R(),J(12,`, resubscribes each time. `),R(),M(13,Aq,2,2,`p`,61),L(14,`ul`,74),P(15,Iq,8,5,`li`,75,kg),R()()),e&2){let e,t=G();A(4),Y(t.async().length),A(9),N((e=t.asyncTotal())?13:-1,e),A(2),F(t.async())}}function Rq(e,t){e&1&&(L(0,`span`,21),J(1),R()),e&2&&(A(),Y(t.length))}function zq(e,t){e&1&&(L(0,`p`,22),J(1,`Couldn't run the lint check. Try Refresh.`),R())}function Bq(e,t){e&1&&(L(0,`p`,23),J(1,`Checking…`),R())}function Vq(e,t){e&1&&(L(0,`p`,24),J(1,`No problems found.`),R())}function Hq(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){E(e),G();let t=fv(6);return D(G(2).showPipe(t))}),L(1,`span`,91),J(2,`Show pipe `),R(),J(3),R()}if(e&2){let e=G().$implicit;A(3),X(``,e.pipe,` `)}}function Uq(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.pipe,` `)}}function Wq(e,t){if(e&1&&(L(0,`li`,81)(1,`div`,82)(2,`span`,83),J(3),R(),L(4,`code`,84),J(5),R(),uv(6),L(7,`span`,85),M(8,Hq,4,1,`button`,86)(9,Uq,1,1),J(10,` · `),z(11,`app-source-link`,57),R()(),L(12,`p`,87),J(13),R(),L(14,`p`,88)(15,`span`,89),J(16,`Fix`),R(),J(17),R()()),e&2){let e=t.$implicit;A(2),j(`data-tone`,e.severity),A(),Y(e.severity),A(2),Y(e.rule),A();let n=dv(G(2).pipeFor(e));A(2),N(n?8:9),A(3),I(`file`,e.file)(`line`,e.line),A(2),Y(e.message),A(4),X(` `,e.fix)}}function Gq(e,t){if(e&1&&(L(0,`ul`,25),P(1,Wq,18,9,`li`,81,kg),R()),e&2){let e=G();A(),F(e.lint())}}var Kq=5e3,qq=[{value:`all`,label:`All pipes`},{value:`custom`,label:`Custom`},{value:`builtin`,label:`Built-in`},{value:`runtime`,label:`Runtime only`},{value:`impure`,label:`Impure`},{value:`live`,label:`On the page`}],Jq=class e{destroyRef=w(Es);host=w(Fl);injector=w(ws);filterInput=Jv(`filterInput`);rpc=$(null);kindOptions=qq;pipes=k([]);filter=k(``);kind=k(`all`);loading=k(!1);loadFailed=k(!1);selected=k(null);live=k([]);async=k([]);asyncTotal=k(void 0);lint=k(null);lintFailed=k(!1);instrumentedPages=k([]);instrumenting=Q(()=>this.instrumentedPages().length>0);pendingRecord=k(null);recordMessage=k(null);recordLabel=Q(()=>{let e=this.pendingRecord();return e===null?this.instrumenting()?`Stop recording`:`Record calls`:e?`Starting…`:`Stopping…`});pendingTimer;liveByName=Q(()=>new Map(this.live().map(e=>[e.name,e])));allPipes=Q(()=>{let e=this.pipes(),t=new Set(e.map(e=>e.name)),n=this.live().filter(e=>!t.has(e.name)).map(e=>({name:e.name,className:e.className,file:``,line:0,isStandalone:!0,isPure:e.isPure,runtime:!0}));return n.length?[...e,...n]:e});filtered=Q(()=>{let e=this.filter(),t=this.kind()??`all`;return this.allPipes().filter(n=>this.fitsKind(n,t)&&this.fitsQuery(n,e))});pipesByName=Q(()=>{let e=new Map;for(let t of this.allPipes())e.set(t.name,[...e.get(t.name)??[],t]);return e});unsubscribe;constructor(){pc(()=>{let e=this.rpc();e&&(this.refresh(),this.loadLive(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.pendingTimer),this.highlight(null)})}async refresh(){let e=this.rpc();if(e){this.loading.set(!0),this.loadFailed.set(!1);try{let t=await e.scope(`pangular`).rpc.call(`get-pipes`);this.pipes.set(t);let n=this.selected();if(n){let e=this.allPipes().find(e=>e.name===n.name&&e.file===n.file);this.selected.set(e??null)}}catch{this.loadFailed.set(!0)}finally{this.loading.set(!1)}this.loadLint(e)}}async loadLint(e){this.lintFailed.set(!1);try{let t=await e.scope(`pangular`).rpc.call(`pipe-lint`);this.lint.set(t)}catch{this.lintFailed.set(!0)}}async loadLive(e){try{let t=await e.scope(`pangular`).rpc.sharedState(`pipe-usage`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e,n=kE(),r=(n?t?.pages?.find(e=>e.pageId===n):void 0)??t;this.live.set(r?.pipes??[]);let i=this.selected();i?.runtime&&!this.liveByName().has(i.name)&&this.selected.set(null),this.async.set(r?.async??[]),this.asyncTotal.set(r?.asyncTotal);let a=t?.instrumented??[];this.instrumentedPages.set(a),this.pendingRecord()===a.length>0&&this.settleRecord(null)};n(t.value()),this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,n)}catch{}}async toggleInstrument(){let e=this.rpc();if(!e||this.pendingRecord()!==null)return;let t=!this.instrumenting();this.recordMessage.set(null),this.pendingRecord.set(t);let n;try{let r=t?{pageId:kE()??void 0,on:t}:{on:t};n=await e.scope(`pangular`).rpc.call(`request-instrument-pipes`,r)}catch{this.settleRecord(`Couldn't reach the devtools server. Try again.`);return}if(this.pendingRecord()===t){if(n?.pages===0){this.settleRecord(`No page is connected. Open your app in the browser with the devtools running, then record again.`);return}clearTimeout(this.pendingTimer),this.pendingTimer=setTimeout(()=>{this.pendingRecord()===t&&this.settleRecord(t?`No page confirmed recording. Reload the app and try again.`:`No page confirmed it stopped recording. Reload the app to stop it.`)},Kq)}}settleRecord(e){clearTimeout(this.pendingTimer),this.pendingRecord.set(null),e!==null&&this.recordMessage.set(e)}sourceLabel(e){return e.builtin?`@angular/common`:e.runtime?`Seen on the page only`:`This project`}liveFor(e){return this.liveByName().get(e)}ms(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}describe(e){if(Array.isArray(e))return e.map(e=>this.describe(e)).join(`, `);if(typeof e==`string`)return e.length>80?`${e.slice(0,80)}…`:e;try{let t=JSON.stringify(e);return t&&t.length>120?`${t.slice(0,120)}…`:t??String(e)}catch{return String(e)}}isSelected(e){let t=this.selected();return t!==null&&t.name===e.name&&t.file===e.file}select(e){this.selected.set(this.isSelected(e)?null:e)}pipeFor(e){let t=this.pipesByName().get(e.pipe);return t?.length?t.find(t=>t.file===e.file)??t[0]:null}showPipe(e){this.fitsQuery(e,this.filter())||this.filter.set(``),this.fitsKind(e,this.kind()??`all`)||this.kind.set(`all`),this.selected.set(e),Vd(()=>{let e=this.host.nativeElement;e.querySelector(`.row.selected`)?.scrollIntoView?.({block:`nearest`}),e.querySelector(`#pipe-detail-title`)?.focus()},{injector:this.injector})}fitsKind(e,t){return t===`custom`?!e.builtin&&!e.runtime:t===`builtin`?!!e.builtin:t===`runtime`?!!e.runtime:t===`impure`?!e.isPure:t!==`live`||this.liveByName().has(e.name)}fitsQuery(e,t){let n=t.trim().toLowerCase();return!n||e.name.toLowerCase().includes(n)||e.className.toLowerCase().includes(n)||e.file.toLowerCase().includes(n)}clearFilters(){this.filter.set(``),this.kind.set(`all`),this.filterInput()?.nativeElement.focus()}highlightPipe(e){this.highlight(e?.components.find(e=>e.targets?.length)?.targets?.[0])}highlight(e,t=!1){let n=this.rpc();n&&n.scope(`pangular`).rpc.call(`request-page-highlight`,e?{...e,...t?{reveal:t}:{}}:null).catch(()=>{})}onListKey(e){if(![`ArrowDown`,`ArrowUp`,`Home`,`End`].includes(e.key))return;let t=Array.from(this.host.nativeElement.querySelectorAll(`[data-pipe-row]`));if(!t.length)return;let n=t.indexOf(document.activeElement),r=n;r=e.key===`ArrowDown`?Math.min(n+1,t.length-1):e.key===`ArrowUp`?Math.max(n-1,0):e.key===`Home`?0:t.length-1,e.preventDefault(),t[r]?.focus()}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-pipes-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,OK,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},decls:33,vars:18,consts:[[`filterInput`,``],[1,`intro`],[1,`toolbar`],[1,`search`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`type`,`search`,`placeholder`,`Find a pipe, class or file…`,`aria-label`,`Find a pipe, class or file`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Show pipes`,3,`valueChange`,`options`,`value`],[`aria-live`,`polite`,1,`total`],[1,`actions`],[`type`,`button`,3,`click`,`disabled`],[`type`,`button`,1,`record`,3,`click`],[`aria-hidden`,`true`,1,`rec-dot`],[`role`,`status`,1,`notice`],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[1,`state`],[`aria-labelledby`,`async-title`,1,`section`],[`aria-labelledby`,`lint-title`,1,`section`],[`id`,`lint-title`],[1,`pill`],[`role`,`alert`,1,`empty-line`],[`role`,`status`,1,`empty-line`],[1,`empty-line`,`ok`],[1,`findings`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`],[`cx`,`12`,`cy`,`12`,`r`,`9`],[`d`,`M12 11v5M12 8h.01`],[`aria-hidden`,`true`,1,`spinner`],[1,`state-title`],[1,`state-hint`],[`type`,`button`,3,`click`],[`role`,`alert`,1,`notice`,`error`],[1,`layout`],[1,`list-wrap`],[`aria-label`,`Pipes`,1,`pipe-list`],[`role`,`status`,1,`state`,`compact`],[`id`,`pipe-detail`,`aria-labelledby`,`pipe-detail-title`,1,`detail`],[`d`,`M12 8v5M12 16h.01`],[`aria-label`,`Pipes`,1,`pipe-list`,3,`keydown`],[`type`,`button`,`data-pipe-row`,``,`aria-controls`,`pipe-detail`,1,`row`,3,`click`,`mouseenter`,`mouseleave`,`focus`,`blur`],[1,`row-main`],[1,`name`,`mono`],[1,`sub`,`mono`],[1,`row-meta`],[1,`chip`,`warn`],[1,`chip`,`live`],[1,`chip`],[1,`row-file`,`mono`],[1,`no-source`],[1,`more`],[1,`detail-head`],[`id`,`pipe-detail-title`,`tabindex`,`-1`,1,`mono`],[1,`block`],[1,`mono`],[1,`empty-line`],[3,`file`,`line`],[1,`sites`],[`role`,`note`,1,`warning`],[1,`chips`],[1,`hint`],[`type`,`button`,1,`component`],[1,`component`],[`type`,`button`,1,`component`,3,`click`,`mouseenter`,`mouseleave`,`focus`,`blur`],[1,`count`],[1,`mono`,`value`],[1,`instance`],[1,`calls`],[1,`mono`,`value`,`caller`],[1,`muted`],[`id`,`pipe-detail-title`,1,`visually-hidden`],[1,`state`,`compact`],[`id`,`async-title`],[1,`async-list`],[1,`async-row`],[1,`async-row`,3,`mouseenter`,`mouseleave`],[`type`,`button`,1,`component-name`,`mono`],[1,`mono`,`component-name`],[1,`mono`,`value`,`latest`],[`type`,`button`,1,`component-name`,`mono`,3,`click`,`focus`,`blur`],[1,`finding`],[1,`finding-head`],[1,`severity`],[1,`mono`,`rule`],[1,`where`,`mono`],[`type`,`button`,1,`pipe-link`],[1,`finding-message`],[1,`finding-fix`],[1,`fix-label`],[`type`,`button`,1,`pipe-link`,3,`click`],[1,`sr-only`]],template:function(e,t){if(e&1){let e=H();L(0,`p`,1),J(1,` Pipes declared in your source, the built-in pipes your templates use and library pipes seen on the page. Live data shows which components use each pipe on the page; turn on recording to capture calls and the last input and output. `),R(),L(2,`div`,2)(3,`div`,3),O(),L(4,`svg`,4),z(5,`circle`,5)(6,`path`,6),R(),gs(),L(7,`input`,7,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R()(),L(9,`app-select`,8),cv(`valueChange`,function(n){return E(e),sv(t.kind,n)||(t.kind=n),D(n)}),R(),L(10,`span`,9),J(11),R(),L(12,`div`,10)(13,`button`,11),U(`click`,function(){return t.refresh()}),J(14,`Refresh`),R(),L(15,`button`,12),U(`click`,function(){return t.toggleInstrument()}),z(16,`span`,13),J(17),R()()(),M(18,MK,6,1,`p`,14),M(19,NK,8,1,`p`,14),M(20,PK,4,0,`div`,15)(21,FK,7,0,`div`,16)(22,IK,5,0,`div`,17)(23,kq,8,3),M(24,Lq,17,2,`section`,18),L(25,`section`,19)(26,`h2`,20),J(27,` Lint `),M(28,Rq,2,1,`span`,21),R(),M(29,zq,2,0,`p`,22)(30,Bq,2,0,`p`,23)(31,Vq,2,0,`p`,24)(32,Gq,3,0,`ul`,25),R()}if(e&2){let e,n;A(7),I(`value`,t.filter()),A(2),I(`options`,t.kindOptions),ov(`value`,t.kind),A(2),Z(``,t.filtered().length,` of `,t.allPipes().length),A(2),I(`disabled`,t.loading()),A(2),q(`on`,t.instrumenting()),j(`aria-pressed`,t.instrumenting())(`aria-busy`,t.pendingRecord()!==null)(`aria-disabled`,t.pendingRecord()!==null),A(2),X(` `,t.recordLabel(),` `),A(),N((e=t.recordMessage())?18:-1,e),A(),N(t.instrumenting()?19:-1),A(),N(t.loading()&&t.allPipes().length===0?20:t.loadFailed()&&t.allPipes().length===0?21:t.allPipes().length===0?22:23),A(4),N(t.async().length>0?24:-1),A(4),N((n=t.lint())?28:-1,n),A(),N(t.lintFailed()?29:t.lint()===null?30:t.lint().length?32:31)}},dependencies:[fO,fj],styles:[`[_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
   font-size: 13px;
@@ -12375,7 +12375,7 @@ button.pipe-link[_ngcontent-%COMP%]:focus-visible {
   .spinner[_ngcontent-%COMP%] {
     animation: none;
   }
-}`]})},Nq=()=>[],Pq=()=>[`/`],Fq=(e,t)=>t.id,Iq=(e,t)=>t.route.id,Lq=(e,t)=>t[0],Rq=(e,t)=>t.file+t.method,zq=(e,t)=>t.path,Bq=(e,t)=>t.mode,Vq=(e,t)=>t.file,Hq=(e,t)=>t.rule;function Uq(e,t){if(e&1){let e=H();L(0,`div`,0)(1,`h2`,3),J(2,`Could not read the project.`),R(),L(3,`p`,4),J(4,` Check that the dev server with Pangular Inspector is still running, then retry. `),R(),L(5,`button`,5),U(`click`,function(){return E(e),D(G().retry())}),J(6,`Retry`),R()()}}function Wq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,6),L(2,`span`),J(3,`Reading the project…`),R()())}function Gq(e,t){e&1&&(L(0,`div`,2)(1,`h2`,3),J(2,`This app is not an Analog app.`),R(),L(3,`p`,4),J(4,` Add `),L(5,`code`),J(6,`pangular()`),R(),J(7,` from `),L(8,`code`),J(9,`@pangular-inspector/devtools/vite`),R(),J(10,` next to `),L(11,`code`),J(12,`analog()`),R(),J(13,` in vite.config.ts and run the Analog dev server. `),R()())}function Kq(e,t){if(e&1&&(L(0,`div`,11)(1,`span`,9),J(2,`Open in the browser`),R(),L(3,`span`,15),J(4),R()()),e&2){let e=t;A(3),I(`title`,e.url),A(),Y(e.url)}}function qq(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=E(e).$implicit;return D(G(2).view.set(t.id))}),J(1),L(2,`span`,17),J(3),R()()}if(e&2){let e=t.$implicit,n=G(2);I(`id`,`analog-tab-`+e.id),j(`aria-selected`,e.id===n.view())(`aria-controls`,`analog-panel-`+e.id)(`tabindex`,e.id===n.view()?0:-1),A(),X(` `,e.label,` `),A(),j(`data-tone`,e.tone),A(),Y(e.count)}}function Jq(e,t){e&1&&(L(0,`div`,26),J(1),R()),e&2&&(A(),Y(t))}function Yq(e,t){if(e&1&&(L(0,`app-source-link`,34),J(1),R()),e&2){let e=G().$implicit,t=G(5);I(`file`,e.file),A(),Y(t.short(e.file))}}function Xq(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.fullPath)}}function Zq(e,t){if(e&1&&(L(0,`li`),M(1,Yq,2,2,`app-source-link`,34)(2,Xq,2,1,`span`,31),L(3,`span`,35),J(4),R()()),e&2){let e=t.$implicit;A(),N(e.file?1:2),A(2),j(`data-kind`,e.kind),A(),Y(e.kind)}}function Qq(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;A(),Z(``,e[0],` = `,e[1])}}function $q(e,t){if(e&1&&(L(0,`div`,33),P(1,Qq,2,2,`span`,36,Lq),R()),e&2){let e=G(2),t=G(3);A(),F(t.paramList(e.match.params))}}function eJ(e,t){if(e&1&&(L(0,`strong`,31),J(1),R(),J(2,` renders `),L(3,`ol`,32),P(4,Zq,5,3,`li`,null,Fq),R(),M(6,$q,3,0,`div`,33)),e&2){let e=G(),t=G(3);A(),Y(e.url),A(3),F(e.match.chain),A(2),N(t.paramList(e.match.params).length?6:-1)}}function tJ(e,t){if(e&1&&(L(0,`app-source-link`,34),J(1),R()),e&2){let e=G().$implicit,t=G(6);I(`file`,e.file),A(),Y(t.short(e.file))}}function nJ(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.path)}}function rJ(e,t){if(e&1&&(L(0,`li`),M(1,tJ,2,2,`app-source-link`,34)(2,nJ,2,1,`span`,31),L(3,`span`,4),J(4),R()()),e&2){let e=t.$implicit;A(),N(e.file?1:2),A(3),Y(e.reason)}}function iJ(e,t){if(e&1&&(L(0,`ul`,37),P(1,rJ,5,2,`li`,null,kg),R()),e&2){let e=G(2);A(),F(e.match.rejected.slice(0,5))}}function aJ(e,t){if(e&1&&(L(0,`strong`,31),J(1),R(),J(2,` matches no file route. Angular throws NG04002 "Cannot match any routes". `),M(3,iJ,3,0,`ul`,37)),e&2){let e=G();A(),Y(e.url),A(2),N(e.match.rejected.length?3:-1)}}function oJ(e,t){if(e&1&&(L(0,`div`,27),M(1,eJ,7,2)(2,aJ,4,2),R()),e&2){let e=t;j(`data-tone`,e.match.matched?`good`:`bad`),A(),N(e.match.matched?1:2)}}function sJ(e,t){e&1&&(L(0,`span`,39),J(1,`└`),R())}function cJ(e,t){e&1&&(L(0,`span`,41),J(1,`open`),R())}function lJ(e,t){if(e&1&&(L(0,`app-source-link`,42)(1,`span`,46),J(2),R(),J(3),R()),e&2){let e=G().$implicit,t=G(3);I(`file`,e.route.file),A(2),Y(t.dir(e.route.file)),A(),Y(t.base(e.route.file))}}function uJ(e,t){e&1&&(L(0,`span`,4),J(1,`folder only`),R())}function dJ(e,t){if(e&1&&(L(0,`span`,44),J(1),R()),e&2){let e=t.$implicit;A(),X(``,e,`()`)}}function fJ(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G().$implicit;A(),X(`"`,e.route.title,`"`)}}function pJ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=G().$implicit;A(),Y(e)}}function mJ(e,t){if(e&1&&M(0,pJ,2,1,`span`,36),e&2){let e=t.$implicit;N(e===`title`?-1:0)}}function hJ(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`div`,38),M(3,sJ,2,0,`span`,39),L(4,`span`,40),J(5),R(),L(6,`span`,35),J(7),R(),M(8,cJ,2,0,`span`,41),R()(),L(9,`td`),M(10,lJ,4,3,`app-source-link`,42)(11,uJ,2,0,`span`,4),R(),L(12,`td`)(13,`div`,43),P(14,dJ,2,1,`span`,44,Ag),R()(),L(16,`td`),M(17,fJ,2,1,`span`,45),P(18,mJ,1,1,null,null,Ag),R()()),e&2){let e=t.$implicit,n=G(3);q(`open`,n.isOpen(e.route))(`dim`,e.route.kind===`group`||e.route.kind===`implicit`),A(2),K(`padding-left`,e.depth*16,`px`),A(),N(e.depth?3:-1),A(2),Y(e.route.fullPath),A(),j(`data-kind`,e.route.kind),A(),Y(n.kindText(e.route)),A(),N(n.isOpen(e.route)?8:-1),A(2),N(e.route.file?10:11),A(4),F(n.serverExports(e.route)),A(3),N(e.route.title?17:-1),A(),F(e.route.routeMeta??mv(13,Nq))}}function gJ(e,t){e&1&&J(0,` No route matches the filter. Try part of a path or a file name. `)}function _J(e,t){e&1&&J(0,` No file routes yet. Add a .page.ts file under src/app/pages. `)}function vJ(e,t){if(e&1&&(L(0,`tr`)(1,`td`,47),M(2,gJ,1,0)(3,_J,1,0),R()()),e&2){let e=G(3);A(2),N(e.filter().trim()?2:3)}}function yJ(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`form`,19),U(`submit`,function(t){E(e);let n=G(2);return t.preventDefault(),D(n.explain())}),L(2,`label`,20),J(3,`Test a URL`),R(),L(4,`input`,21),U(`input`,function(t){return E(e),D(G(2).testUrl.set(t.target.value))}),R(),L(5,`button`,22),J(6),R()(),L(7,`label`,23),J(8,`Filter routes`),R(),L(9,`input`,24),U(`input`,function(t){return E(e),D(G(2).filter.set(t.target.value))})(`keydown.escape`,function(){return E(e),D(G(2).filter.set(``))}),R()(),L(10,`div`,25),M(11,Jq,2,1,`div`,26)(12,oJ,3,2,`div`,27),R(),L(13,`div`,28)(14,`table`)(15,`thead`)(16,`tr`)(17,`th`,29),J(18,`Route`),R(),L(19,`th`,29),J(20,`File`),R(),L(21,`th`,29),J(22,`Data`),R(),L(23,`th`,29),J(24,`Route meta`),R()()(),L(25,`tbody`),P(26,hJ,20,14,`tr`,30,Iq,!1,vJ,4,1,`tr`),R()()()}if(e&2){let e,t=G(2);A(4),I(`value`,t.testUrl()),A(),I(`disabled`,t.explaining()),A(),X(` `,t.explaining()?`Explaining…`:`Explain`,` `),A(3),I(`value`,t.filter()),A(2),N((e=t.explainError())?11:(e=t.explained())?12:-1,e),A(15),F(t.routeRows())}}function bJ(e,t){if(e&1&&(L(0,`span`,31),J(1),R(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;A(),Y(e),A(),X(``,n===r-1?``:`, `,` `)}}function xJ(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`load() ran twice`),R(),J(3,` for `),P(4,bJ,3,2,null,null,Ag),J(6,` : once while server rendering, again in the browser. TransferState did not serve the server result. `),R()),e&2){let e=G(3);A(4),F(e.duplicates())}}function SJ(e,t){if(e&1&&(L(0,`span`,31),J(1),R(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;A(),Y(e),A(),X(``,n===r-1?``:`, `,` `)}}function CJ(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`Server function read ran twice`),R(),J(3,`: `),P(4,SJ,3,2,null,null,Ag),J(6,` ran while server rendering, then again in the browser. The browser did not use the TransferState seed. `),R()),e&2){let e=G(3);A(4),F(e.refetchedFns())}}function wJ(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,80),U(`change`,function(){let t=E(e).$implicit;return D(G(3).kind.set(t))}),R(),J(2),L(3,`span`,4),J(4),R()()}if(e&2){let e=t.$implicit,n=G(3);q(`on`,n.kind()===e),A(),I(`checked`,n.kind()===e),j(`data-kind`,e),A(),X(` `,n.kindLabel(e),` `),A(2),Y(n.kindCount(e))}}function TJ(e,t){if(e&1&&J(0),e&2){let e=G(4);Z(` Showing the newest `,e.shownCount(),` of `,e.matchingCalls().length,`. `)}}function EJ(e,t){e&1&&J(0),e&2&&X(` The dev server keeps only the newest `,G(4).maxServerCalls,` calls and drops older ones. `)}function DJ(e,t){if(e&1&&(L(0,`p`,66),M(1,TJ,1,2),M(2,EJ,1,1),R()),e&2){let e=G(3);A(),N(e.shownCount()<e.matchingCalls().length?1:-1),A(),N(e.serverFull()?2:-1)}}function OJ(e,t){if(e&1&&(L(0,`app-source-link`,88),J(1),R()),e&2){let e=G(),t=G(5);I(`file`,e.file),A(),Y(t.short(e.file))}}function kJ(e,t){if(e&1&&(L(0,`strong`,85),J(1),R(),M(2,OJ,2,2,`app-source-link`,88)),e&2){let e=t;A(),Y(e.name),A(),N(e.file?2:-1)}}function AJ(e,t){if(e&1&&(L(0,`span`,85),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.url)}}function jJ(e,t){e&1&&(L(0,`span`,35),J(1,`ran during server rendering`),R())}function MJ(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` to `,e.location,` `)}}function NJ(e,t){if(e&1&&(L(0,`span`,35),J(1),M(2,MJ,1,1),R()),e&2){let e=G().$implicit,t=G(4);j(`data-tone`,t.outcomeTone(e.outcome)),A(),X(``,t.outcomeLabel(e.outcome),` `),A(),N(e.location?2:-1)}}function PJ(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=G().$implicit;j(`data-mode`,e.render===`ssr`?`ssr`:`client`),A(),Y(e.render===`ssr`?`server rendered`:`client only`)}}function FJ(e,t){if(e&1&&(L(0,`details`)(1,`summary`),J(2,`Response`),R(),L(3,`pre`,89),J(4),R()()),e&2){let e=G().$implicit,t=G(4);A(4),Y(t.pretty(e.preview))}}function IJ(e,t){e&1&&(L(0,`span`,4),J(1,`in process`),R())}function LJ(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.ms,` ms `)}}function RJ(e,t){if(e&1&&(L(0,`tr`)(1,`td`,82),J(2),R(),L(3,`td`)(4,`span`,35),J(5),R()(),L(6,`td`,83)(7,`div`,43)(8,`span`,84),J(9),R(),M(10,kJ,3,2)(11,AJ,2,1,`span`,85),M(12,jJ,2,0,`span`,35),M(13,NJ,3,3,`span`,35),M(14,PJ,2,2,`span`,35),R(),M(15,FJ,5,1,`details`),R(),L(16,`td`)(17,`span`,86),J(18),R()(),L(19,`td`,87),M(20,IJ,2,0,`span`,4)(21,LJ,1,1),R(),L(22,`td`,4),J(23),R()()),e&2){let e,n=t.$implicit,r=G(4);A(2),Y(r.time(n.at)),A(2),j(`data-call`,n.kind),A(),Y(r.kindLabel(n.kind)),A(3),j(`data-method`,n.method),A(),Y(n.method),A(),N((e=r.fnOf(n))?10:11,e),A(2),N(n.seeded?12:-1),A(),N(n.outcome?13:-1),A(),N(n.render?14:-1),A(),N(n.preview?15:-1),A(2),j(`data-status`,r.statusClass(n.status)),A(),Y(n.status),A(2),N(n.seeded?20:21),A(3),Y(n.from)}}function zJ(e,t){if(e&1&&(L(0,`div`,67)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,29),J(5,`At`),R(),L(6,`th`,29),J(7,`Kind`),R(),L(8,`th`,29),J(9,`Request`),R(),L(10,`th`,29),J(11,`Status`),R(),L(12,`th`,81),J(13,`Duration`),R(),L(14,`th`,29),J(15,`From`),R()()(),L(16,`tbody`),P(17,RJ,24,14,`tr`,null,Fq),R()()()),e&2){let e=G(3);A(17),F(e.calls())}}function BJ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(4).callQuery().trim(),`” with these filters. `)}function VJ(e,t){e&1&&J(0),e&2&&X(` None of the `,G(4).allCalls().length,` calls fit these filters. `)}function HJ(e,t){if(e&1){let e=H();L(0,`div`,68)(1,`p`,90),J(2,`No calls match.`),R(),L(3,`p`,4),M(4,BJ,1,1)(5,VJ,1,1),R(),L(6,`div`,91)(7,`button`,92),U(`click`,function(){return E(e),D(G(3).clearCallFilters())}),J(8,` Clear filters `),R()()()}if(e&2){let e=G(3);A(4),N(e.callQuery().trim()?4:5)}}function UJ(e,t){e&1&&J(0,` No calls of this kind yet. `)}function WJ(e,t){e&1&&J(0,` No calls yet. `)}function GJ(e,t){if(e&1&&(L(0,`div`,69)(1,`p`,90),M(2,UJ,1,0)(3,WJ,1,0),R(),L(4,`p`,4),J(5,` Navigate in the app to see page renders, load() fetches, form actions, server functions and API calls. `),R()()),e&2){let e=G(3);A(2),N(e.allCalls().length?2:3)}}function KJ(e,t){if(e&1){let e=H();L(0,`tr`)(1,`td`)(2,`span`,84),J(3),R()(),L(4,`td`,31),J(5),R(),L(6,`td`)(7,`app-source-link`,42)(8,`span`,46),J(9),R(),J(10),R()(),L(11,`td`,93)(12,`button`,92),U(`click`,function(){let t=E(e).$implicit;return D(G(3).tryApi(t))}),J(13,` Try `),R()()()}if(e&2){let e=t.$implicit,n=G(3);A(2),j(`data-method`,e.method),A(),Y(e.method),A(2),Y(e.path),A(2),I(`file`,e.file),A(2),Y(n.dir(e.file)),A(),Y(n.base(e.file)),A(2),j(`aria-label`,`Try `+e.method+` `+e.path)}}function qJ(e,t){e&1&&(L(0,`tr`)(1,`td`,47),J(2,` No API routes. Add a handler under src/server/routes to test it here. `),R()())}function JJ(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`span`,84),J(3),R()(),L(4,`td`,31),J(5),R(),L(6,`td`)(7,`app-source-link`,42)(8,`span`,46),J(9),R(),J(10),R()(),L(11,`td`,95),J(12),R()()),e&2){let e=t.$implicit,n=G(4);A(2),j(`data-method`,e.method),A(),Y(e.method),A(2),Y(e.name),A(2),I(`file`,e.file),A(2),Y(n.dir(e.file)),A(),Y(n.base(e.file)),A(2),Y(n.fnCalls(e.id))}}function YJ(e,t){if(e&1&&(L(0,`h2`),J(1,`Server functions`),R(),L(2,`div`,94)(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,29),J(7,`Method`),R(),L(8,`th`,29),J(9,`Name`),R(),L(10,`th`,29),J(11,`File`),R(),L(12,`th`,81),J(13,`Calls`),R()()(),L(14,`tbody`),P(15,JJ,13,7,`tr`,null,Fq),R()()()),e&2){let e=G(3);A(15),F(e.serverFns())}}function XJ(e,t){if(e&1&&(L(0,`p`,76),J(1),R()),e&2){let e=G(3);A(),Y(e.callsOff)}}function ZJ(e,t){if(e&1&&(L(0,`p`,77),J(1),R()),e&2){let e=G(3);A(),X(` Tick "This request can change data on the dev server" below to send a `,e.method(),` request. `)}}function QJ(e,t){if(e&1){let e=H();L(0,`label`,96),J(1,`JSON body`),R(),L(2,`textarea`,97),U(`input`,function(t){return E(e),D(G(3).apiBody.set(t.target.value))}),R(),L(3,`label`,98)(4,`input`,64),U(`change`,function(){E(e);let t=G(3);return D(t.confirmSend.set(!t.confirmSend()))}),R(),J(5,` This request can change data on the dev server`),R()}if(e&2){let e=G(3);A(2),I(`value`,e.apiBody()),A(2),I(`checked`,e.confirmSend())}}function $J(e,t){if(e&1&&(L(0,`p`,78),J(1),R()),e&2){let e=G(3);A(),Z(`Sending `,e.method(),` `,e.apiPath().trim(),`…`)}}function eY(e,t){if(e&1&&(L(0,`div`,72)(1,`span`,99),J(2,`Refused`),R(),L(3,`span`),J(4),R()()),e&2){let e=G();A(4),Y(e.error)}}function tY(e,t){if(e&1&&(L(0,`div`,72)(1,`span`,86),J(2),R(),L(3,`span`,4),J(4),R()(),L(5,`pre`,89),J(6),R()),e&2){let e=G(),t=G(3);A(),j(`data-status`,t.statusClass(e.status??0)),A(),Y(e.status),A(2),Z(``,e.ms,` ms · `,e.type||`no content type`),A(2),Y(t.pretty(e.body??``))}}function nY(e,t){e&1&&(L(0,`div`,79),M(1,eY,5,1,`div`,72)(2,tY,7,5),R()),e&2&&(A(),N(t.error?1:2))}function rY(e,t){if(e&1){let e=H();M(0,xJ,7,0,`div`,48),M(1,CJ,7,0,`div`,48),L(2,`h2`,49),J(3,`Server calls`),R(),L(4,`div`,50)(5,`fieldset`,51)(6,`legend`,52),J(7,`Show calls of kind`),R(),P(8,wJ,5,6,`label`,53,Ag),R(),L(10,`div`,54)(11,`button`,55),U(`click`,function(){return E(e),D(G(2).clearCalls())}),J(12,` Clear calls `),R(),L(13,`span`,56),J(14),R()()(),L(15,`div`,57)(16,`div`,58),O(),L(17,`svg`,59),z(18,`circle`,60)(19,`path`,61),R(),gs(),L(20,`input`,62),U(`input`,function(t){return E(e),D(G(2).callQuery.set(t.target.value))})(`keydown.escape`,function(){return E(e),D(G(2).callQuery.set(``))}),R()(),L(21,`label`,63)(22,`input`,64),U(`change`,function(t){return E(e),D(G(2).failedOnly.set(t.target.checked))}),R(),J(23,` Failed only `),R(),L(24,`span`,65),J(25),R()(),M(26,DJ,3,2,`p`,66),M(27,zJ,19,0,`div`,67)(28,HJ,9,1,`div`,68)(29,GJ,6,1,`div`,69),L(30,`h2`),J(31,`API routes`),R(),L(32,`div`,70)(33,`table`)(34,`thead`)(35,`tr`)(36,`th`,29),J(37,`Method`),R(),L(38,`th`,29),J(39,`Path`),R(),L(40,`th`,29),J(41,`File`),R(),L(42,`th`,29)(43,`span`,52),J(44,`Actions`),R()()()(),L(45,`tbody`),P(46,KJ,14,7,`tr`,null,Rq,!1,qJ,3,0,`tr`),R()()(),M(49,YJ,17,0),L(50,`form`,71),U(`submit`,function(t){E(e);let n=G(2);return t.preventDefault(),D(n.send())}),L(51,`h2`),J(52,`Request playground`),R(),L(53,`div`,72)(54,`app-select`,73),U(`valueChange`,function(t){return E(e),D(G(2).method.set(t??`GET`))}),R(),L(55,`label`,74),J(56,`Path`),R(),L(57,`input`,75),U(`input`,function(t){return E(e),D(G(2).apiPath.set(t.target.value))}),R(),L(58,`button`,22),J(59),R()(),M(60,XJ,2,1,`p`,76)(61,ZJ,2,1,`p`,77),M(62,QJ,6,2),M(63,$J,2,2,`p`,78)(64,nY,3,1,`div`,79),R()}if(e&2){let e,t=G(2);N(t.duplicates().length?0:-1),A(),N(t.refetchedFns().length?1:-1),A(7),F(t.kinds),A(3),I(`disabled`,!t.allCalls().length),A(3),Y(t.callsMessage()),A(6),I(`value`,t.callQuery()),A(2),I(`checked`,t.failedOnly()),A(3),Z(``,t.matchingCalls().length,` of `,t.allCalls().length),A(),N(t.shownCount()<t.matchingCalls().length||t.serverFull()?26:-1),A(),N(t.calls().length?27:t.allCalls().length&&t.callFiltered()?28:29),A(19),F(t.project().api),A(3),N(t.serverFns().length?49:-1),A(5),I(`options`,t.methodOptions)(`value`,t.method()),A(3),I(`value`,t.apiPath()),A(),I(`disabled`,!t.canSend()),j(`aria-describedby`,t.sendHintId()),A(),X(` `,t.sending()?`Sending…`:`Send`,` `),A(),N(t.canCall()?t.needsConfirm()?61:-1:60),A(2),N(t.method()===`GET`?-1:62),A(),N(t.sending()?63:(e=t.response())?64:-1,e)}}function iY(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=t.$implicit;j(`data-mode`,e.mode),A(),Z(``,e.label,` · `,e.count)}}function aY(e,t){if(e&1&&(L(0,`div`,33),P(1,iY,2,3,`span`,35,Bq),R()),e&2){let e=G(3);A(),F(e.modeCounts())}}function oY(e,t){e&1&&(L(0,`span`,104),J(1,`differs from config`),R())}function sY(e,t){if(e&1&&(L(0,`div`,43)(1,`span`,86),J(2),R(),L(3,`span`,103),J(4),R(),M(5,oY,2,0,`span`,104),R()),e&2){let e=t,n=G().$implicit,r=G(3);A(),j(`data-status`,r.statusClass(e.status)),A(),Y(e.status),A(2),Z(``,e.render===`client`?`client only`:`server rendered`,` · `,e.ms,` ms`),A(),N(r.mismatch(n)?5:-1)}}function cY(e,t){e&1&&(L(0,`span`,102),J(1,`not requested yet`),R())}function lY(e,t){if(e&1&&(L(0,`app-source-link`,42)(1,`span`,46),J(2),R(),J(3),R()),e&2){let e=G().$implicit,t=G(3);I(`file`,e.file),A(2),Y(t.dir(e.file)),A(),Y(t.base(e.file))}}function uY(e,t){if(e&1&&(L(0,`tr`)(1,`td`,40),J(2),R(),L(3,`td`)(4,`div`,43)(5,`span`,35),J(6),R(),L(7,`span`,102),J(8),R()()(),L(9,`td`),M(10,sY,6,5,`div`,43)(11,cY,2,0,`span`,102),R(),L(12,`td`),M(13,lY,4,3,`app-source-link`,42),R()()),e&2){let e,n=t.$implicit,r=G(3);A(2),Y(n.path),A(3),j(`data-mode`,n.mode),A(),Y(r.modeLabel(n.mode)),A(2),Y(n.reason),A(2),N((e=n.last)?10:11,e),A(3),N(n.file?13:-1)}}function dY(e,t){e&1&&(L(0,`tr`)(1,`td`,47),J(2,` No page routes to render yet. Add a .page.ts file under src/app/pages. `),R()())}function fY(e,t){e&1&&(L(0,`p`,4),J(1,` prerender.routes is a function, so the list is known only at build time. `),R())}function pY(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function mY(e,t){e&1&&(L(0,`span`,102),J(1,`default, nothing configured`),R())}function hY(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function gY(e,t){if(e&1&&(L(0,`dt`),J(1,`From routeRules`),R(),L(2,`dd`),P(3,hY,2,1,`span`,36,Ag),R()),e&2){let e=G(2);A(3),F(e.fromRules)}}function _Y(e,t){if(e&1&&(L(0,`span`,107),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function vY(e,t){if(e&1&&(L(0,`dt`),J(1,`Static, not listed`),R(),L(2,`dd`),P(3,_Y,2,1,`span`,107,Ag),R()),e&2){let e=G(2);A(3),F(e.staticMissing)}}function yY(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function bY(e,t){if(e&1&&(L(0,`dt`),J(1,`Need explicit entries`),R(),L(2,`dd`),P(3,yY,2,1,`span`,36,Ag),R()),e&2){let e=G(2);A(3),F(e.dynamic)}}function xY(e,t){if(e&1&&(L(0,`span`,108),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function SY(e,t){if(e&1&&(J(0,` · missing `),P(1,xY,2,1,`span`,108,Ag)),e&2){let e=G(3);A(),F(e.notBuilt)}}function CY(e,t){if(e&1&&(J(0),M(1,SY,3,0)),e&2){let e=G(2);X(` `,e.built.length,` page(s) in dist/analog/public `),A(),N(e.notBuilt.length?1:-1)}}function wY(e,t){e&1&&(L(0,`span`,102),J(1,`no build yet`),R())}function TY(e,t){if(e&1&&(L(0,`dl`,105)(1,`dt`),J(2,`Listed`),R(),L(3,`dd`),P(4,pY,2,1,`span`,36,Ag),M(6,mY,2,0,`span`,102),R(),M(7,gY,5,0),M(8,vY,5,0),M(9,bY,5,0),L(10,`dt`),J(11,`Build output`),R(),L(12,`dd`,106),M(13,CY,2,2)(14,wY,2,0,`span`,102),R()()),e&2){let e=G();A(4),F(e.listed??mv(5,Pq)),A(2),N(e.listed?-1:6),A(),N(e.fromRules?.length?7:-1),A(),N(e.staticMissing.length?8:-1),A(),N(e.dynamic.length?9:-1),A(4),N(e.built.length?13:14)}}function EY(e,t){e&1&&(L(0,`div`,101)(1,`h2`),J(2,`Prerender plan`),R(),M(3,fY,2,0,`p`,4)(4,TY,15,6,`dl`,105),R()),e&2&&(A(3),N(t.dynamicConfig?3:4))}function DY(e,t){if(e&1&&(M(0,aY,3,0,`div`,33),L(1,`div`,100)(2,`table`)(3,`thead`)(4,`tr`)(5,`th`,29),J(6,`Route`),R(),L(7,`th`,29),J(8,`Configured`),R(),L(9,`th`,29),J(10,`Last request`),R(),L(11,`th`,29),J(12,`File`),R()()(),L(13,`tbody`),P(14,uY,14,6,`tr`,null,zq,!1,dY,3,0,`tr`),R()()(),M(17,EY,5,1,`div`,101)),e&2){let e,t=G(2);N(t.modeCounts().length?0:-1),A(14),F(t.renderRows()),A(3),N((e=t.plan())?17:-1,e)}}function OY(e,t){if(e&1&&(L(0,`div`)(1,`span`,111),J(2),R()()),e&2){let e=G().$implicit;A(2),Y(e.error)}}function kY(e,t){if(e&1&&(L(0,`div`)(1,`span`,104),J(2),R()()),e&2){let e=G(5);A(2),X(`takes over `,e.base(t))}}function AY(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`strong`),J(3),R(),M(4,OY,3,1,`div`),M(5,kY,3,1,`div`),R(),L(6,`td`,40),J(7),R(),L(8,`td`,31),J(9),R(),L(10,`td`,110),J(11),R(),L(12,`td`)(13,`app-source-link`,42)(14,`span`,46),J(15),R(),J(16),R()()()),e&2){let e,n=t.$implicit,r=G(4);A(3),Y(n.attributes.title||`(no title)`),A(),N(n.error?4:-1),A(),N((e=r.shadowed(n.file))?5:-1,e),A(2),Y(r.contentUrl(n.file)??``),A(2),Y(n.slug),A(2),Y(n.attributes.date||``),A(2),I(`file`,n.file),A(2),Y(r.dir(n.file)),A(),Y(r.base(n.file))}}function jY(e,t){if(e&1&&(L(0,`div`,109)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,29),J(5,`Title`),R(),L(6,`th`,29),J(7,`URL`),R(),L(8,`th`,29),J(9,`Slug`),R(),L(10,`th`,29),J(11,`Date`),R(),L(12,`th`,29),J(13,`File`),R()()(),L(14,`tbody`),P(15,AY,17,9,`tr`,null,Vq),R()()()),e&2){let e=G(3);A(15),F(e.project().content)}}function MY(e,t){e&1&&(L(0,`div`,69)(1,`p`,90),J(2,`No markdown files under src/content.`),R(),L(3,`p`,4),J(4,` Add a .md file there to see its title, slug, date and the URL it serves. `),R()())}function NY(e,t){e&1&&M(0,jY,17,0,`div`,109)(1,MY,5,0,`div`,69),e&2&&N(+!G(2).project().content.length)}function PY(e,t){if(e&1&&(L(0,`span`,17),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.items.length)}}function FY(e,t){if(e&1&&(L(0,`app-source-link`,42)(1,`span`,46),J(2),R(),J(3),R()),e&2){let e=G().$implicit,t=G(5);I(`file`,e.file),A(2),Y(t.dir(e.file)),A(),Y(t.base(e.file))}}function IY(e,t){if(e&1&&(L(0,`span`,40),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.path)}}function LY(e,t){if(e&1&&(L(0,`p`,119),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.message)}}function RY(e,t){if(e&1&&(L(0,`li`),M(1,FY,4,3,`app-source-link`,42),M(2,IY,2,1,`span`,40),M(3,LY,2,1,`p`,119),R()),e&2){let e=t.$implicit;A(),N(e.file?1:-1),A(),N(e.path&&e.path!==e.file?2:-1),A(),N(e.message?3:-1)}}function zY(e,t){if(e&1&&(L(0,`li`)(1,`div`,114)(2,`span`,35),J(3),R(),L(4,`strong`,115),J(5),R(),M(6,PY,2,1,`span`,17),R(),L(7,`p`),J(8),R(),L(9,`ul`,116),P(10,RY,4,3,`li`,null,kg),R(),L(12,`div`,117)(13,`strong`),J(14,`How to fix`),R(),J(15),R(),L(16,`span`,118),J(17),R()()),e&2){let e=t.$implicit,n=G(4);j(`data-tone`,n.tone(e.severity)),A(2),j(`data-tone`,n.tone(e.severity)),A(),Y(e.severity),A(2),Y(e.title),A(),N(e.items.length>1?6:-1),A(2),Y(e.summary),A(2),F(e.items),A(5),X(` `,e.fix),A(2),Y(e.rule)}}function BY(e,t){if(e&1&&(L(0,`p`,4),J(1),R(),L(2,`ul`,113),P(3,zY,18,8,`li`,null,Hq),R()),e&2){let e=G(3);A(),Z(` `,e.findings().length,` issue(s) in `,e.lintCards().length,` group(s). Each card says what is wrong, where, and how to fix it. `),A(2),F(e.lintCards())}}function VY(e,t){e&1&&(L(0,`div`,112)(1,`strong`),J(2,`No Analog problems found.`),R(),J(3,` Routes, server files, prerender config and content all check out. `),R())}function HY(e,t){e&1&&M(0,BY,5,2)(1,VY,4,0,`div`,112),e&2&&N(+!G(2).findings().length)}function UY(e,t){if(e&1){let e=H();L(0,`section`,7)(1,`div`,8)(2,`span`,9),J(3,`Analog`),R(),L(4,`span`,10),J(5),R()(),L(6,`div`,8)(7,`span`,9),J(8,`Pages`),R(),L(9,`span`,10),J(10),R()(),L(11,`div`,8)(12,`span`,9),J(13,`API routes`),R(),L(14,`span`,10),J(15),R()(),L(16,`div`,8)(17,`span`,9),J(18,`Server calls`),R(),L(19,`span`,10),J(20),R()(),L(21,`div`,8)(22,`span`,9),J(23,`Issues`),R(),L(24,`span`,10),J(25),R()(),M(26,Kq,5,2,`div`,11),R(),L(27,`div`,12),U(`keydown`,function(t){return E(e),D(G().onKey(t))}),P(28,qq,4,7,`button`,13,Fq),R(),L(30,`div`,14),M(31,yJ,29,6)(32,rY,65,21)(33,DY,18,3)(34,NY,2,1)(35,HY,2,1),R()}if(e&2){let e,t,n=G();A(5),Y(n.project().version||`unknown`),A(5),Y(n.pageCount()),A(5),Y(n.project().api.length),A(5),Y(n.allCalls().length),A(),j(`data-tone`,n.lintTone()||`good`),A(4),Y(n.lintCount().errors+n.lintCount().warnings),A(),N((e=n.page())?26:-1,e),A(2),F(n.views()),A(2),I(`id`,`analog-panel-`+n.view()),j(`aria-labelledby`,`analog-tab-`+n.view()),A(),N((t=n.view())===`routes`?31:t===`server`?32:t===`render`?33:t===`content`?34:t===`lint`?35:-1)}}var WY={"scan-error":{title:`A folder could not be read`,summary:`Its files are missing from routes, API routes and lint results.`},"duplicate-url":{title:`Two files serve the same URL`,summary:`Only one of them is reachable; the other never renders.`},"sibling-params":{title:`Two dynamic pages in one folder`,summary:`Both are [param] pages at the same level, so the first one always wins.`},"missing-default-export":{title:`Page has no default export`,summary:`Analog needs the component as the default export, so the page renders nothing.`},"redirect-with-component":{title:`Redirect page also exports a component`,summary:`The redirect runs first, so the component never shows.`},"redirect-path-match":{title:`Redirect matches too much`,summary:`An empty-path redirect without pathMatch "full" catches every URL below it.`},"layout-without-outlet":{title:`Layout has no router-outlet`,summary:`The layout has child pages, but without <router-outlet> they never render.`},"server-without-load":{title:`.server.ts without load or action`,summary:`The server file exports no load, action or server function, so Analog calls nothing.`},"orphan-server-file":{title:`.server.ts without a page`,summary:`No page file sits next to it, so its load never runs.`},"api-method-suffix":{title:`Unknown method suffix on an API file`,summary:`The suffix is not an HTTP method, so it becomes part of the URL.`},"duplicate-api-route":{title:`Two handlers for one API route`,summary:`Two files answer the same method and path.`},"api-outside-prefix":{title:`Server route outside the API prefix`,summary:`During vite dev only routes under the prefix reach Nitro.`},"prerender-unknown-route":{title:`Prerender entry matches no page`,summary:`prerender.routes lists a path that no page file serves.`},"prerender-missing-root":{title:`Home page is not prerendered`,summary:`static is on, but prerender.routes leaves out /.`},"content-frontmatter":{title:`Broken frontmatter`,summary:`The markdown frontmatter cannot be read.`},"duplicate-slug":{title:`Two posts share a slug`,summary:`injectContent picks one of them at random.`},"content-shadows-page":{title:`Markdown file takes over a page`,summary:`Files under src/content are routes too, so these URLs render the markdown file instead of the [param] page.`},"load-fetched-twice":{title:`load() runs twice`,summary:`These pages fetched their data while rendering on the server and again in the browser.`},"fn-fetched-twice":{title:`Server function read runs twice`,summary:`These reads ran while rendering on the server and again in the browser right after hydration.`},"restart-needed":{title:`New pages need a restart`,summary:`These page files exist, but the running router does not know them yet.`},"hydration-error":{title:`Hydration error`,summary:`The browser DOM did not match the server HTML.`},"api-not-found":{title:`API call failed with 404 or 405`,summary:`A request hit a path or method that no server route handles.`}},GY=200,KY=new Set([`missing-default-export`,`redirect-with-component`,`redirect-path-match`,`layout-without-outlet`,`server-without-load`,`orphan-server-file`,`load-fetched-twice`,`restart-needed`,`prerender-missing-root`]),qY={ssr:`SSR`,ssg:`Prerendered`,client:`Client only`,cached:`Cached`,redirect:`Redirect`},JY={all:`All`,page:`Pages`,load:`load()`,action:`Actions`,fn:`Server fn`,api:`API`},YY={success:`succeeded`,redirect:`redirected`,invalid:`validation errors`,error:`failed`},XY={success:`good`,redirect:`info`,invalid:`warn`,error:`bad`};function ZY(e,t=0,n=[]){for(let r of e)n.push({route:r,depth:t}),ZY(r.children,t+1,n);return n}var QY=class e{rpc=$(null);canCall=Q(()=>FE(this.rpc(),`analog`));callsOff=iE(`analog`);kinds=[`all`,`page`,`load`,`action`,`fn`,`api`];methods=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];methodOptions=this.methods.map(e=>({value:e,label:e}));view=k(`routes`);project=k(null);loadFailed=k(!1);state=k({});findings=k([]);renderRows=k([]);plan=k(null);filter=k(``);testUrl=k(``);explained=k(null);explainError=k(``);explaining=k(!1);kind=k(`all`);method=k(`GET`);apiPath=k(``);apiBody=k(``);confirmSend=k(!1);response=k(null);sending=k(!1);needsConfirm=Q(()=>this.method()!==`GET`&&!this.confirmSend());canSend=Q(()=>this.canCall()&&!this.sending()&&!this.needsConfirm());sendHintId=Q(()=>this.canCall()?this.needsConfirm()?`analog-confirm-hint`:null:`analog-calls-off`);unsubscribe=null;refreshTimer;refreshRun=0;destroyRef=w(Es);host=w(Fl);hostPageId=hE();page=Q(()=>{let e=this.state().pages??[];return(this.hostPageId?e.find(e=>e.pageId===this.hostPageId):e[0])??null});openFiles=Q(()=>new Set((this.page()?.chain??[]).map(e=>e.file)));allCalls=Q(()=>this.state().calls??[]);maxServerCalls=GY;callQuery=k(``);failedOnly=k(!1);callsMessage=k(``);callFiltered=Q(()=>!!this.callQuery().trim()||this.failedOnly());matchingCalls=Q(()=>{let e=this.kind(),t=this.callQuery().trim().toLowerCase(),n=this.failedOnly();return this.allCalls().filter(r=>(e===`all`||r.kind===e)&&(!n||this.isFailed(r))&&(!t||this.callText(r).includes(t)))});calls=Q(()=>this.matchingCalls().slice(-150).reverse());shownCount=Q(()=>this.calls().length);serverFull=Q(()=>this.allCalls().length>=GY);allRoutes=Q(()=>ZY(this.project()?.routes??[]));pageCount=Q(()=>this.allRoutes().filter(e=>e.route.file&&e.route.kind!==`layout`).length);routeRows=Q(()=>{let e=this.filter().trim().toLowerCase();return e?this.allRoutes().filter(t=>t.route.fullPath.toLowerCase().includes(e)||!!t.route.file?.toLowerCase().includes(e)):this.allRoutes()});serverFns=Q(()=>this.project()?.serverFns??[]);fnById=Q(()=>new Map(this.serverFns().map(e=>[e.id,e])));refetchedFns=Q(()=>Array.from(new Set((this.state().refetches??[]).map(e=>this.fnById().get(e.id)?.name??e.id))));duplicates=Q(()=>Array.from(new Set((this.state().duplicates??[]).map(e=>e.route))));modeCounts=Q(()=>[`ssr`,`ssg`,`cached`,`client`,`redirect`].map(e=>({mode:e,label:qY[e],count:this.renderRows().filter(t=>t.mode===e).length})).filter(e=>e.count));lintCards=Q(()=>{let e={error:0,warning:1,info:2},t=new Map;for(let e of this.findings()){let n=t.get(e.rule);if(!n){let r=WY[e.rule];n={rule:e.rule,severity:e.severity,title:r?.title??e.rule,summary:r?.summary??e.message,fix:e.fix,items:[]},t.set(e.rule,n)}let r=KY.has(e.rule)||e.message===n.summary?void 0:e.message;n.items.some(t=>t.file===e.file&&t.path===e.path&&t.message===r)||n.items.push({file:e.file,path:e.path,message:r})}return Array.from(t.values()).sort((t,n)=>e[t.severity]-e[n.severity])});lintCount=Q(()=>{let e=this.findings();return{errors:e.filter(e=>e.severity===`error`).length,warnings:e.filter(e=>e.severity===`warning`).length}});lintTone=Q(()=>{let{errors:e,warnings:t}=this.lintCount();return e?`bad`:t?`warn`:``});views=Q(()=>{let{errors:e,warnings:t}=this.lintCount();return[{id:`routes`,label:`Routes`,count:this.pageCount(),tone:``},{id:`server`,label:`Server`,count:this.allCalls().length,tone:``},{id:`render`,label:`Render`,count:this.renderRows().length,tone:``},{id:`content`,label:`Content`,count:this.project()?.content.length??0,tone:``},{id:`lint`,label:`Lint`,count:e+t,tone:this.lintTone()}]});constructor(){pc(()=>{let e=this.rpc();e&&Nv(()=>void this.load(e))}),pc(()=>{let e=this.view();this.state(),Nv(()=>this.scheduleRefresh(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.refreshTimer)})}async load(e){let t=await bE(e,`analog-project`);if(!this.destroyRef.destroyed){this.project.set(t),this.loadFailed.set(t===null);try{let t=await e.scope(`pangular`).rpc.sharedState(`analog`);if(this.destroyRef.destroyed)return;let n=e=>this.state.set(e??{});n(t.value()),this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,n)}catch{this.state.set({})}this.destroyRef.destroyed||await this.refresh(this.view())}}retry(){let e=this.rpc();e&&(this.loadFailed.set(!1),this.load(e))}scheduleRefresh(e){clearTimeout(this.refreshTimer),this.refreshTimer=setTimeout(()=>void this.refresh(e),300)}async refresh(e){let t=this.rpc();if(!t)return;let n=++this.refreshRun,[r,i]=await Promise.all([bE(t,`analog-lint`,this.hostPageId??void 0),bE(t,`analog-render`)]);if(n===this.refreshRun&&(this.findings.set(r??[]),this.renderRows.set(i?.rows??[]),this.plan.set(i?.plan??null),e===`routes`||e===`content`||this.project()===null)){let e=await bE(t,`analog-project`);e&&n===this.refreshRun&&(this.project.set(e),this.loadFailed.set(!1))}}isOpen(e){return!!e.file&&this.openFiles().has(e.file)}kindText(e){return e.catchAll?e.catchAll===`optional`?`optional catch-all`:`catch-all`:e.kind===`implicit`?`folder`:e.kind}serverExports(e){return(e.serverExports??[]).filter(e=>e===`load`||e===`action`)}short(e){return e?.replace(/^\/src\/app\//,``).replace(/^\//,``)}dir(e){let t=this.short(e)??e;return t.includes(`/`)?t.slice(0,t.lastIndexOf(`/`)+1):``}base(e){return e.slice(e.lastIndexOf(`/`)+1)}paramList(e){return Object.entries(e)}kindLabel(e){return JY[e]}kindCount(e){return e===`all`?this.allCalls().length:this.allCalls().filter(t=>t.kind===e).length}modeLabel(e){return qY[e]}mismatch(e){return!e.last?.render||e.mode===`redirect`?!1:e.mode===`client`?e.last.render!==`client`:e.last.render===`client`}fnOf(e){return e.kind===`fn`&&e.route?this.fnById().get(e.route):void 0}fnCalls(e){return this.allCalls().filter(t=>t.kind===`fn`&&t.route===e).length}outcomeLabel(e){return YY[e]}outcomeTone(e){return XY[e]}statusClass(e){return e>=500||e===0?`bad`:e>=400?`warn`:`good`}tone(e){return e===`error`?`bad`:e===`warning`?`warn`:`info`}shadowed(e){return this.findings().find(t=>t.rule===`content-shadows-page`&&t.file===e)?.relatedFile}contentUrl(e){return this.allRoutes().find(t=>t.route.file===e)?.route.fullPath}pretty(e){try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}time=bO;tryApi(e){this.method.set(e.method===`ANY`?`GET`:e.method),this.apiPath.set(e.path.replace(/:(\w+)/g,`1`).replace(`**`,`x`)),this.response.set(null),queueMicrotask(()=>document.getElementById(`api-path`)?.focus())}isFailed(e){return!e.status||e.status>=400||e.outcome===`error`}callText(e){let t=this.fnOf(e);return[e.url,e.route,t?.name,t?.file].filter(Boolean).join(` `).toLowerCase()}clearCallFilters(){this.callQuery.set(``),this.failedOnly.set(!1),this.kind.set(`all`),queueMicrotask(()=>this.host.nativeElement.querySelector(`#analog-call-search`)?.focus())}async clearCalls(){let e=this.rpc();try{if(!e)throw Error(`No devtools server`);await yE(e,`analog-clear-calls`),this.callsMessage.set(`Calls cleared.`),queueMicrotask(()=>this.host.nativeElement.querySelector(`input[name="analog-kind"]:checked`)?.focus())}catch{this.callsMessage.set(`Could not clear the calls.`)}}async explain(){let e=this.testUrl().trim();if(!e){this.explained.set(null),this.explainError.set(`Type a URL to explain, for example /products/42.`);return}this.explaining.set(!0),this.explainError.set(``);try{let t=await yE(this.rpc(),`analog-explain-url`,e);if(!t)throw Error(`The devtools server did not answer`);this.explained.set({url:e,match:t})}catch(t){let n=String(t?.message||`The devtools server did not answer`);this.explained.set(null),this.explainError.set(`Could not explain ${e}. ${n.replace(/\.?$/,`.`)}`)}finally{this.explaining.set(!1)}}async send(){let e=this.apiPath().trim();if(!e||this.sending()||this.needsConfirm())return;let t;if(this.method()!==`GET`&&this.apiBody().trim())try{t=JSON.parse(this.apiBody())}catch{this.response.set({error:`The body is not valid JSON.`});return}this.response.set(null),this.sending.set(!0);try{let n=await bE(this.rpc(),`analog-call-api`,{method:this.method(),path:e,body:t,confirm:this.confirmSend()});this.response.set(n??{error:`No answer from the devtools server.`})}finally{this.sending.set(!1)}}onKey(e){let t=this.views().map(e=>e.id),n=t.indexOf(this.view()),r=n;if(e.key===`ArrowRight`)r=(n+1)%t.length;else if(e.key===`ArrowLeft`)r=(n-1+t.length)%t.length;else if(e.key===`Home`)r=0;else if(e.key===`End`)r=t.length-1;else return;e.preventDefault(),this.view.set(t[r]);let i=e.currentTarget;queueMicrotask(()=>i.querySelector(`#analog-tab-${t[r]}`)?.focus())}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-analog-inspector`]],inputs:{rpc:[1,`rpc`]},decls:4,vars:1,consts:[[`role`,`alert`,1,`empty`],[`role`,`status`,1,`loading`],[1,`empty`],[1,`empty-title`],[1,`muted`],[`type`,`button`,1,`btn`,3,`click`],[`aria-hidden`,`true`,1,`spinner`],[`aria-label`,`Analog summary`,1,`summary`],[1,`stat`],[1,`label`],[1,`value`],[1,`stat`,`wide`],[`role`,`tablist`,`aria-label`,`Analog views`,1,`tabs`,3,`keydown`],[`type`,`button`,`role`,`tab`,3,`id`],[`role`,`tabpanel`,1,`panel`,3,`id`],[1,`value`,`mono`,3,`title`],[`type`,`button`,`role`,`tab`,3,`click`,`id`],[1,`count`],[1,`toolbar`],[1,`inline`,`explain`,3,`submit`],[`for`,`analog-url`],[`id`,`analog-url`,`type`,`text`,`placeholder`,`/products/42`,1,`field`,`grow`,`mono`,3,`input`,`value`],[`type`,`submit`,1,`btn`,`primary`,3,`disabled`],[`for`,`route-filter`,1,`sr-only`],[`id`,`route-filter`,`type`,`search`,`placeholder`,`Filter by path or file`,1,`field`,`filter`,3,`input`,`keydown.escape`,`value`],[`role`,`status`,1,`explain-result`],[`data-tone`,`bad`,1,`callout`],[1,`callout`],[`role`,`region`,`aria-label`,`File routes`,`tabindex`,`0`,1,`table-wrap`],[`scope`,`col`],[3,`open`,`dim`],[1,`mono`],[1,`chain`],[1,`chips`],[1,`mono`,3,`file`],[1,`pill`],[1,`chip`,`mono`],[1,`plain`],[1,`route`],[`aria-hidden`,`true`,1,`guide`],[1,`mono`,`path`],[1,`pill`,`live`],[1,`file`,3,`file`],[1,`meta`],[`data-kind`,`load`,1,`pill`],[1,`chip`],[1,`dir`],[`colspan`,`4`,1,`empty-row`],[`data-tone`,`warn`,`role`,`note`,1,`callout`],[`id`,`analog-calls-heading`],[1,`calls-bar`],[1,`segmented`],[1,`sr-only`],[3,`on`],[1,`calls-actions`],[`type`,`button`,1,`btn`,`ghost`,3,`click`,`disabled`],[`role`,`status`,1,`calls-message`],[`role`,`group`,`aria-label`,`Filter the server calls`,1,`call-filters`],[1,`search`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`id`,`analog-call-search`,`type`,`search`,`placeholder`,`Find a URL, path or function…`,`aria-label`,`Find a URL, path or function`,`autocomplete`,`off`,`spellcheck`,`false`,1,`field`,3,`input`,`keydown.escape`,`value`],[1,`check`],[`type`,`checkbox`,3,`change`,`checked`],[`aria-live`,`polite`,1,`total`],[1,`note`],[`role`,`region`,`aria-label`,`Server calls`,`tabindex`,`0`,1,`table-wrap`],[`role`,`status`,1,`empty-box`,`no-match`],[1,`empty-box`],[`role`,`region`,`aria-label`,`API routes`,`tabindex`,`0`,1,`table-wrap`],[1,`card`,`playground`,3,`submit`],[1,`row`],[`ariaLabel`,`Method`,1,`method-select`,3,`valueChange`,`options`,`value`],[`for`,`api-path`,1,`sr-only`],[`id`,`api-path`,`type`,`text`,`placeholder`,`/api/v1/products`,1,`field`,`grow`,`mono`,3,`input`,`value`],[`id`,`analog-calls-off`,1,`muted`],[`id`,`analog-confirm-hint`,1,`muted`],[`role`,`status`,1,`muted`],[`role`,`status`,1,`response`],[`type`,`radio`,`name`,`analog-kind`,1,`sr-only`,3,`change`,`checked`],[`scope`,`col`,1,`num`],[1,`muted`,`nowrap`],[1,`request`],[1,`method`],[1,`mono`,`url`],[1,`status`],[1,`num`,`nowrap`],[1,`mono`,`muted`,3,`file`],[1,`code`],[1,`empty-lead`],[1,`empty-actions`],[`type`,`button`,1,`btn`,`ghost`,3,`click`],[1,`actions`],[`role`,`region`,`aria-label`,`Server functions`,`tabindex`,`0`,1,`table-wrap`],[1,`num`,`tnum`],[`for`,`api-body`],[`id`,`api-body`,`rows`,`3`,`placeholder`,`{"name": "Ada"}`,1,`field`,`mono`,3,`input`,`value`],[1,`check`,`confirm-send`],[`data-status`,`bad`,1,`status`],[`role`,`region`,`aria-label`,`Render modes`,`tabindex`,`0`,1,`table-wrap`],[1,`card`],[1,`muted`,`small`],[1,`muted`,`small`,`tnum`],[`data-tone`,`warn`,1,`pill`],[1,`facts`],[1,`tnum`],[`data-tone`,`warn`,1,`chip`,`mono`],[`data-tone`,`bad`,1,`chip`,`mono`],[`role`,`region`,`aria-label`,`Content files`,`tabindex`,`0`,1,`table-wrap`],[1,`muted`,`nowrap`,`tnum`],[`data-tone`,`bad`,1,`pill`],[`data-tone`,`good`,`role`,`status`,1,`callout`],[1,`findings`],[1,`finding-head`],[1,`finding-title`],[1,`where`],[1,`fix`],[1,`rule`,`mono`],[1,`detail`]],template:function(e,t){e&1&&M(0,Uq,7,0,`div`,0)(1,Wq,4,0,`div`,1)(2,Gq,14,0,`div`,2)(3,UY,36,10),e&2&&N(t.project()===null&&t.loadFailed()?0:t.project()===null?1:t.project().analog?3:2)},dependencies:[XD,XA],styles:[`@charset "UTF-8";
+}`]})},Yq=()=>[],Xq=()=>[`/`],Zq=(e,t)=>t.id,Qq=(e,t)=>t.route.id,$q=(e,t)=>t[0],eJ=(e,t)=>t.file+t.method,tJ=(e,t)=>t.path,nJ=(e,t)=>t.mode,rJ=(e,t)=>t.file,iJ=(e,t)=>t.rule;function aJ(e,t){if(e&1){let e=H();L(0,`div`,0)(1,`h2`,3),J(2,`Could not read the project.`),R(),L(3,`p`,4),J(4,` Check that the dev server with Pangular Inspector is still running, then retry. `),R(),L(5,`button`,5),U(`click`,function(){return E(e),D(G().retry())}),J(6,`Retry`),R()()}}function oJ(e,t){e&1&&(L(0,`div`,1),z(1,`span`,6),L(2,`span`),J(3,`Reading the project…`),R()())}function sJ(e,t){e&1&&(L(0,`div`,2)(1,`h2`,3),J(2,`This app is not an Analog app.`),R(),L(3,`p`,4),J(4,` Add `),L(5,`code`),J(6,`pangular()`),R(),J(7,` from `),L(8,`code`),J(9,`@pangular-inspector/devtools/vite`),R(),J(10,` next to `),L(11,`code`),J(12,`analog()`),R(),J(13,` in vite.config.ts and run the Analog dev server. `),R()())}function cJ(e,t){if(e&1&&(L(0,`div`,11)(1,`span`,9),J(2,`Open in the browser`),R(),L(3,`span`,15),J(4),R()()),e&2){let e=t;A(3),I(`title`,e.url),A(),Y(e.url)}}function lJ(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=E(e).$implicit;return D(G(2).view.set(t.id))}),J(1),L(2,`span`,17),J(3),R()()}if(e&2){let e=t.$implicit,n=G(2);I(`id`,`analog-tab-`+e.id),j(`aria-selected`,e.id===n.view())(`aria-controls`,`analog-panel-`+e.id)(`tabindex`,e.id===n.view()?0:-1),A(),X(` `,e.label,` `),A(),j(`data-tone`,e.tone),A(),Y(e.count)}}function uJ(e,t){e&1&&(L(0,`div`,26),J(1),R()),e&2&&(A(),Y(t))}function dJ(e,t){if(e&1&&(L(0,`app-source-link`,34),J(1),R()),e&2){let e=G().$implicit,t=G(5);I(`file`,e.file),A(),Y(t.short(e.file))}}function fJ(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.fullPath)}}function pJ(e,t){if(e&1&&(L(0,`li`),M(1,dJ,2,2,`app-source-link`,34)(2,fJ,2,1,`span`,31),L(3,`span`,35),J(4),R()()),e&2){let e=t.$implicit;A(),N(e.file?1:2),A(2),j(`data-kind`,e.kind),A(),Y(e.kind)}}function mJ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;A(),Z(``,e[0],` = `,e[1])}}function hJ(e,t){if(e&1&&(L(0,`div`,33),P(1,mJ,2,2,`span`,36,$q),R()),e&2){let e=G(2),t=G(3);A(),F(t.paramList(e.match.params))}}function gJ(e,t){if(e&1&&(L(0,`strong`,31),J(1),R(),J(2,` renders `),L(3,`ol`,32),P(4,pJ,5,3,`li`,null,Zq),R(),M(6,hJ,3,0,`div`,33)),e&2){let e=G(),t=G(3);A(),Y(e.url),A(3),F(e.match.chain),A(2),N(t.paramList(e.match.params).length?6:-1)}}function _J(e,t){if(e&1&&(L(0,`app-source-link`,34),J(1),R()),e&2){let e=G().$implicit,t=G(6);I(`file`,e.file),A(),Y(t.short(e.file))}}function vJ(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.path)}}function yJ(e,t){if(e&1&&(L(0,`li`),M(1,_J,2,2,`app-source-link`,34)(2,vJ,2,1,`span`,31),L(3,`span`,4),J(4),R()()),e&2){let e=t.$implicit;A(),N(e.file?1:2),A(3),Y(e.reason)}}function bJ(e,t){if(e&1&&(L(0,`ul`,37),P(1,yJ,5,2,`li`,null,kg),R()),e&2){let e=G(2);A(),F(e.match.rejected.slice(0,5))}}function xJ(e,t){if(e&1&&(L(0,`strong`,31),J(1),R(),J(2,` matches no file route. Angular throws NG04002 "Cannot match any routes". `),M(3,bJ,3,0,`ul`,37)),e&2){let e=G();A(),Y(e.url),A(2),N(e.match.rejected.length?3:-1)}}function SJ(e,t){if(e&1&&(L(0,`div`,27),M(1,gJ,7,2)(2,xJ,4,2),R()),e&2){let e=t;j(`data-tone`,e.match.matched?`good`:`bad`),A(),N(e.match.matched?1:2)}}function CJ(e,t){e&1&&(L(0,`span`,39),J(1,`└`),R())}function wJ(e,t){e&1&&(L(0,`span`,41),J(1,`open`),R())}function TJ(e,t){if(e&1&&(L(0,`app-source-link`,42)(1,`span`,46),J(2),R(),J(3),R()),e&2){let e=G().$implicit,t=G(3);I(`file`,e.route.file),A(2),Y(t.dir(e.route.file)),A(),Y(t.base(e.route.file))}}function EJ(e,t){e&1&&(L(0,`span`,4),J(1,`folder only`),R())}function DJ(e,t){if(e&1&&(L(0,`span`,44),J(1),R()),e&2){let e=t.$implicit;A(),X(``,e,`()`)}}function OJ(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G().$implicit;A(),X(`"`,e.route.title,`"`)}}function kJ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=G().$implicit;A(),Y(e)}}function AJ(e,t){if(e&1&&M(0,kJ,2,1,`span`,36),e&2){let e=t.$implicit;N(e===`title`?-1:0)}}function jJ(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`div`,38),M(3,CJ,2,0,`span`,39),L(4,`span`,40),J(5),R(),L(6,`span`,35),J(7),R(),M(8,wJ,2,0,`span`,41),R()(),L(9,`td`),M(10,TJ,4,3,`app-source-link`,42)(11,EJ,2,0,`span`,4),R(),L(12,`td`)(13,`div`,43),P(14,DJ,2,1,`span`,44,Ag),R()(),L(16,`td`),M(17,OJ,2,1,`span`,45),P(18,AJ,1,1,null,null,Ag),R()()),e&2){let e=t.$implicit,n=G(3);q(`open`,n.isOpen(e.route))(`dim`,e.route.kind===`group`||e.route.kind===`implicit`),A(2),K(`padding-left`,e.depth*16,`px`),A(),N(e.depth?3:-1),A(2),Y(e.route.fullPath),A(),j(`data-kind`,e.route.kind),A(),Y(n.kindText(e.route)),A(),N(n.isOpen(e.route)?8:-1),A(2),N(e.route.file?10:11),A(4),F(n.serverExports(e.route)),A(3),N(e.route.title?17:-1),A(),F(e.route.routeMeta??mv(13,Yq))}}function MJ(e,t){e&1&&J(0,` No route matches the filter. Try part of a path or a file name. `)}function NJ(e,t){e&1&&J(0,` No file routes yet. Add a .page.ts file under src/app/pages. `)}function PJ(e,t){if(e&1&&(L(0,`tr`)(1,`td`,47),M(2,MJ,1,0)(3,NJ,1,0),R()()),e&2){let e=G(3);A(2),N(e.filter().trim()?2:3)}}function FJ(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`form`,19),U(`submit`,function(t){E(e);let n=G(2);return t.preventDefault(),D(n.explain())}),L(2,`label`,20),J(3,`Test a URL`),R(),L(4,`input`,21),U(`input`,function(t){return E(e),D(G(2).testUrl.set(t.target.value))}),R(),L(5,`button`,22),J(6),R()(),L(7,`label`,23),J(8,`Filter routes`),R(),L(9,`input`,24),U(`input`,function(t){return E(e),D(G(2).filter.set(t.target.value))})(`keydown.escape`,function(){return E(e),D(G(2).filter.set(``))}),R()(),L(10,`div`,25),M(11,uJ,2,1,`div`,26)(12,SJ,3,2,`div`,27),R(),L(13,`div`,28)(14,`table`)(15,`thead`)(16,`tr`)(17,`th`,29),J(18,`Route`),R(),L(19,`th`,29),J(20,`File`),R(),L(21,`th`,29),J(22,`Data`),R(),L(23,`th`,29),J(24,`Route meta`),R()()(),L(25,`tbody`),P(26,jJ,20,14,`tr`,30,Qq,!1,PJ,4,1,`tr`),R()()()}if(e&2){let e,t=G(2);A(4),I(`value`,t.testUrl()),A(),I(`disabled`,t.explaining()),A(),X(` `,t.explaining()?`Explaining…`:`Explain`,` `),A(3),I(`value`,t.filter()),A(2),N((e=t.explainError())?11:(e=t.explained())?12:-1,e),A(15),F(t.routeRows())}}function IJ(e,t){if(e&1&&(L(0,`span`,31),J(1),R(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;A(),Y(e),A(),X(``,n===r-1?``:`, `,` `)}}function LJ(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`load() ran twice`),R(),J(3,` for `),P(4,IJ,3,2,null,null,Ag),J(6,` : once while server rendering, again in the browser. TransferState did not serve the server result. `),R()),e&2){let e=G(3);A(4),F(e.duplicates())}}function RJ(e,t){if(e&1&&(L(0,`span`,31),J(1),R(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;A(),Y(e),A(),X(``,n===r-1?``:`, `,` `)}}function zJ(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`Server function read ran twice`),R(),J(3,`: `),P(4,RJ,3,2,null,null,Ag),J(6,` ran while server rendering, then again in the browser. The browser did not use the TransferState seed. `),R()),e&2){let e=G(3);A(4),F(e.refetchedFns())}}function BJ(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,80),U(`change`,function(){let t=E(e).$implicit;return D(G(3).kind.set(t))}),R(),J(2),L(3,`span`,4),J(4),R()()}if(e&2){let e=t.$implicit,n=G(3);q(`on`,n.kind()===e),A(),I(`checked`,n.kind()===e),j(`data-kind`,e),A(),X(` `,n.kindLabel(e),` `),A(2),Y(n.kindCount(e))}}function VJ(e,t){if(e&1&&J(0),e&2){let e=G(4);Z(` Showing the newest `,e.shownCount(),` of `,e.matchingCalls().length,`. `)}}function HJ(e,t){e&1&&J(0),e&2&&X(` The dev server keeps only the newest `,G(4).maxServerCalls,` calls and drops older ones. `)}function UJ(e,t){if(e&1&&(L(0,`p`,66),M(1,VJ,1,2),M(2,HJ,1,1),R()),e&2){let e=G(3);A(),N(e.shownCount()<e.matchingCalls().length?1:-1),A(),N(e.serverFull()?2:-1)}}function WJ(e,t){if(e&1&&(L(0,`app-source-link`,88),J(1),R()),e&2){let e=G(),t=G(5);I(`file`,e.file),A(),Y(t.short(e.file))}}function GJ(e,t){if(e&1&&(L(0,`strong`,85),J(1),R(),M(2,WJ,2,2,`app-source-link`,88)),e&2){let e=t;A(),Y(e.name),A(),N(e.file?2:-1)}}function KJ(e,t){if(e&1&&(L(0,`span`,85),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.url)}}function qJ(e,t){e&1&&(L(0,`span`,35),J(1,`ran during server rendering`),R())}function JJ(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` to `,e.location,` `)}}function YJ(e,t){if(e&1&&(L(0,`span`,35),J(1),M(2,JJ,1,1),R()),e&2){let e=G().$implicit,t=G(4);j(`data-tone`,t.outcomeTone(e.outcome)),A(),X(``,t.outcomeLabel(e.outcome),` `),A(),N(e.location?2:-1)}}function XJ(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=G().$implicit;j(`data-mode`,e.render===`ssr`?`ssr`:`client`),A(),Y(e.render===`ssr`?`server rendered`:`client only`)}}function ZJ(e,t){if(e&1&&(L(0,`details`)(1,`summary`),J(2,`Response`),R(),L(3,`pre`,89),J(4),R()()),e&2){let e=G().$implicit,t=G(4);A(4),Y(t.pretty(e.preview))}}function QJ(e,t){e&1&&(L(0,`span`,4),J(1,`in process`),R())}function $J(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.ms,` ms `)}}function eY(e,t){if(e&1&&(L(0,`tr`)(1,`td`,82),J(2),R(),L(3,`td`)(4,`span`,35),J(5),R()(),L(6,`td`,83)(7,`div`,43)(8,`span`,84),J(9),R(),M(10,GJ,3,2)(11,KJ,2,1,`span`,85),M(12,qJ,2,0,`span`,35),M(13,YJ,3,3,`span`,35),M(14,XJ,2,2,`span`,35),R(),M(15,ZJ,5,1,`details`),R(),L(16,`td`)(17,`span`,86),J(18),R()(),L(19,`td`,87),M(20,QJ,2,0,`span`,4)(21,$J,1,1),R(),L(22,`td`,4),J(23),R()()),e&2){let e,n=t.$implicit,r=G(4);A(2),Y(r.time(n.at)),A(2),j(`data-call`,n.kind),A(),Y(r.kindLabel(n.kind)),A(3),j(`data-method`,n.method),A(),Y(n.method),A(),N((e=r.fnOf(n))?10:11,e),A(2),N(n.seeded?12:-1),A(),N(n.outcome?13:-1),A(),N(n.render?14:-1),A(),N(n.preview?15:-1),A(2),j(`data-status`,r.statusClass(n.status)),A(),Y(n.status),A(2),N(n.seeded?20:21),A(3),Y(n.from)}}function tY(e,t){if(e&1&&(L(0,`div`,67)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,29),J(5,`At`),R(),L(6,`th`,29),J(7,`Kind`),R(),L(8,`th`,29),J(9,`Request`),R(),L(10,`th`,29),J(11,`Status`),R(),L(12,`th`,81),J(13,`Duration`),R(),L(14,`th`,29),J(15,`From`),R()()(),L(16,`tbody`),P(17,eY,24,14,`tr`,null,Zq),R()()()),e&2){let e=G(3);A(17),F(e.calls())}}function nY(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(4).callQuery().trim(),`” with these filters. `)}function rY(e,t){e&1&&J(0),e&2&&X(` None of the `,G(4).allCalls().length,` calls fit these filters. `)}function iY(e,t){if(e&1){let e=H();L(0,`div`,68)(1,`p`,90),J(2,`No calls match.`),R(),L(3,`p`,4),M(4,nY,1,1)(5,rY,1,1),R(),L(6,`div`,91)(7,`button`,92),U(`click`,function(){return E(e),D(G(3).clearCallFilters())}),J(8,` Clear filters `),R()()()}if(e&2){let e=G(3);A(4),N(e.callQuery().trim()?4:5)}}function aY(e,t){e&1&&J(0,` No calls of this kind yet. `)}function oY(e,t){e&1&&J(0,` No calls yet. `)}function sY(e,t){if(e&1&&(L(0,`div`,69)(1,`p`,90),M(2,aY,1,0)(3,oY,1,0),R(),L(4,`p`,4),J(5,` Navigate in the app to see page renders, load() fetches, form actions, server functions and API calls. `),R()()),e&2){let e=G(3);A(2),N(e.allCalls().length?2:3)}}function cY(e,t){if(e&1){let e=H();L(0,`tr`)(1,`td`)(2,`span`,84),J(3),R()(),L(4,`td`,31),J(5),R(),L(6,`td`)(7,`app-source-link`,42)(8,`span`,46),J(9),R(),J(10),R()(),L(11,`td`,93)(12,`button`,92),U(`click`,function(){let t=E(e).$implicit;return D(G(3).tryApi(t))}),J(13,` Try `),R()()()}if(e&2){let e=t.$implicit,n=G(3);A(2),j(`data-method`,e.method),A(),Y(e.method),A(2),Y(e.path),A(2),I(`file`,e.file),A(2),Y(n.dir(e.file)),A(),Y(n.base(e.file)),A(2),j(`aria-label`,`Try `+e.method+` `+e.path)}}function lY(e,t){e&1&&(L(0,`tr`)(1,`td`,47),J(2,` No API routes. Add a handler under src/server/routes to test it here. `),R()())}function uY(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`span`,84),J(3),R()(),L(4,`td`,31),J(5),R(),L(6,`td`)(7,`app-source-link`,42)(8,`span`,46),J(9),R(),J(10),R()(),L(11,`td`,95),J(12),R()()),e&2){let e=t.$implicit,n=G(4);A(2),j(`data-method`,e.method),A(),Y(e.method),A(2),Y(e.name),A(2),I(`file`,e.file),A(2),Y(n.dir(e.file)),A(),Y(n.base(e.file)),A(2),Y(n.fnCalls(e.id))}}function dY(e,t){if(e&1&&(L(0,`h2`),J(1,`Server functions`),R(),L(2,`div`,94)(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,29),J(7,`Method`),R(),L(8,`th`,29),J(9,`Name`),R(),L(10,`th`,29),J(11,`File`),R(),L(12,`th`,81),J(13,`Calls`),R()()(),L(14,`tbody`),P(15,uY,13,7,`tr`,null,Zq),R()()()),e&2){let e=G(3);A(15),F(e.serverFns())}}function fY(e,t){if(e&1&&(L(0,`p`,76),J(1),R()),e&2){let e=G(3);A(),Y(e.callsOff)}}function pY(e,t){if(e&1&&(L(0,`p`,77),J(1),R()),e&2){let e=G(3);A(),X(` Tick "This request can change data on the dev server" below to send a `,e.method(),` request. `)}}function mY(e,t){if(e&1){let e=H();L(0,`label`,96),J(1,`JSON body`),R(),L(2,`textarea`,97),U(`input`,function(t){return E(e),D(G(3).apiBody.set(t.target.value))}),R(),L(3,`label`,98)(4,`input`,64),U(`change`,function(){E(e);let t=G(3);return D(t.confirmSend.set(!t.confirmSend()))}),R(),J(5,` This request can change data on the dev server`),R()}if(e&2){let e=G(3);A(2),I(`value`,e.apiBody()),A(2),I(`checked`,e.confirmSend())}}function hY(e,t){if(e&1&&(L(0,`p`,78),J(1),R()),e&2){let e=G(3);A(),Z(`Sending `,e.method(),` `,e.apiPath().trim(),`…`)}}function gY(e,t){if(e&1&&(L(0,`div`,72)(1,`span`,99),J(2,`Refused`),R(),L(3,`span`),J(4),R()()),e&2){let e=G();A(4),Y(e.error)}}function _Y(e,t){if(e&1&&(L(0,`div`,72)(1,`span`,86),J(2),R(),L(3,`span`,4),J(4),R()(),L(5,`pre`,89),J(6),R()),e&2){let e=G(),t=G(3);A(),j(`data-status`,t.statusClass(e.status??0)),A(),Y(e.status),A(2),Z(``,e.ms,` ms · `,e.type||`no content type`),A(2),Y(t.pretty(e.body??``))}}function vY(e,t){e&1&&(L(0,`div`,79),M(1,gY,5,1,`div`,72)(2,_Y,7,5),R()),e&2&&(A(),N(t.error?1:2))}function yY(e,t){if(e&1){let e=H();M(0,LJ,7,0,`div`,48),M(1,zJ,7,0,`div`,48),L(2,`h2`,49),J(3,`Server calls`),R(),L(4,`div`,50)(5,`fieldset`,51)(6,`legend`,52),J(7,`Show calls of kind`),R(),P(8,BJ,5,6,`label`,53,Ag),R(),L(10,`div`,54)(11,`button`,55),U(`click`,function(){return E(e),D(G(2).clearCalls())}),J(12,` Clear calls `),R(),L(13,`span`,56),J(14),R()()(),L(15,`div`,57)(16,`div`,58),O(),L(17,`svg`,59),z(18,`circle`,60)(19,`path`,61),R(),gs(),L(20,`input`,62),U(`input`,function(t){return E(e),D(G(2).callQuery.set(t.target.value))})(`keydown.escape`,function(){return E(e),D(G(2).callQuery.set(``))}),R()(),L(21,`label`,63)(22,`input`,64),U(`change`,function(t){return E(e),D(G(2).failedOnly.set(t.target.checked))}),R(),J(23,` Failed only `),R(),L(24,`span`,65),J(25),R()(),M(26,UJ,3,2,`p`,66),M(27,tY,19,0,`div`,67)(28,iY,9,1,`div`,68)(29,sY,6,1,`div`,69),L(30,`h2`),J(31,`API routes`),R(),L(32,`div`,70)(33,`table`)(34,`thead`)(35,`tr`)(36,`th`,29),J(37,`Method`),R(),L(38,`th`,29),J(39,`Path`),R(),L(40,`th`,29),J(41,`File`),R(),L(42,`th`,29)(43,`span`,52),J(44,`Actions`),R()()()(),L(45,`tbody`),P(46,cY,14,7,`tr`,null,eJ,!1,lY,3,0,`tr`),R()()(),M(49,dY,17,0),L(50,`form`,71),U(`submit`,function(t){E(e);let n=G(2);return t.preventDefault(),D(n.send())}),L(51,`h2`),J(52,`Request playground`),R(),L(53,`div`,72)(54,`app-select`,73),U(`valueChange`,function(t){return E(e),D(G(2).method.set(t??`GET`))}),R(),L(55,`label`,74),J(56,`Path`),R(),L(57,`input`,75),U(`input`,function(t){return E(e),D(G(2).apiPath.set(t.target.value))}),R(),L(58,`button`,22),J(59),R()(),M(60,fY,2,1,`p`,76)(61,pY,2,1,`p`,77),M(62,mY,6,2),M(63,hY,2,2,`p`,78)(64,vY,3,1,`div`,79),R()}if(e&2){let e,t=G(2);N(t.duplicates().length?0:-1),A(),N(t.refetchedFns().length?1:-1),A(7),F(t.kinds),A(3),I(`disabled`,!t.allCalls().length),A(3),Y(t.callsMessage()),A(6),I(`value`,t.callQuery()),A(2),I(`checked`,t.failedOnly()),A(3),Z(``,t.matchingCalls().length,` of `,t.allCalls().length),A(),N(t.shownCount()<t.matchingCalls().length||t.serverFull()?26:-1),A(),N(t.calls().length?27:t.allCalls().length&&t.callFiltered()?28:29),A(19),F(t.project().api),A(3),N(t.serverFns().length?49:-1),A(5),I(`options`,t.methodOptions)(`value`,t.method()),A(3),I(`value`,t.apiPath()),A(),I(`disabled`,!t.canSend()),j(`aria-describedby`,t.sendHintId()),A(),X(` `,t.sending()?`Sending…`:`Send`,` `),A(),N(t.canCall()?t.needsConfirm()?61:-1:60),A(2),N(t.method()===`GET`?-1:62),A(),N(t.sending()?63:(e=t.response())?64:-1,e)}}function bY(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=t.$implicit;j(`data-mode`,e.mode),A(),Z(``,e.label,` · `,e.count)}}function xY(e,t){if(e&1&&(L(0,`div`,33),P(1,bY,2,3,`span`,35,nJ),R()),e&2){let e=G(3);A(),F(e.modeCounts())}}function SY(e,t){e&1&&(L(0,`span`,104),J(1,`differs from config`),R())}function CY(e,t){if(e&1&&(L(0,`div`,43)(1,`span`,86),J(2),R(),L(3,`span`,103),J(4),R(),M(5,SY,2,0,`span`,104),R()),e&2){let e=t,n=G().$implicit,r=G(3);A(),j(`data-status`,r.statusClass(e.status)),A(),Y(e.status),A(2),Z(``,e.render===`client`?`client only`:`server rendered`,` · `,e.ms,` ms`),A(),N(r.mismatch(n)?5:-1)}}function wY(e,t){e&1&&(L(0,`span`,102),J(1,`not requested yet`),R())}function TY(e,t){if(e&1&&(L(0,`app-source-link`,42)(1,`span`,46),J(2),R(),J(3),R()),e&2){let e=G().$implicit,t=G(3);I(`file`,e.file),A(2),Y(t.dir(e.file)),A(),Y(t.base(e.file))}}function EY(e,t){if(e&1&&(L(0,`tr`)(1,`td`,40),J(2),R(),L(3,`td`)(4,`div`,43)(5,`span`,35),J(6),R(),L(7,`span`,102),J(8),R()()(),L(9,`td`),M(10,CY,6,5,`div`,43)(11,wY,2,0,`span`,102),R(),L(12,`td`),M(13,TY,4,3,`app-source-link`,42),R()()),e&2){let e,n=t.$implicit,r=G(3);A(2),Y(n.path),A(3),j(`data-mode`,n.mode),A(),Y(r.modeLabel(n.mode)),A(2),Y(n.reason),A(2),N((e=n.last)?10:11,e),A(3),N(n.file?13:-1)}}function DY(e,t){e&1&&(L(0,`tr`)(1,`td`,47),J(2,` No page routes to render yet. Add a .page.ts file under src/app/pages. `),R()())}function OY(e,t){e&1&&(L(0,`p`,4),J(1,` prerender.routes is a function, so the list is known only at build time. `),R())}function kY(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function AY(e,t){e&1&&(L(0,`span`,102),J(1,`default, nothing configured`),R())}function jY(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function MY(e,t){if(e&1&&(L(0,`dt`),J(1,`From routeRules`),R(),L(2,`dd`),P(3,jY,2,1,`span`,36,Ag),R()),e&2){let e=G(2);A(3),F(e.fromRules)}}function NY(e,t){if(e&1&&(L(0,`span`,107),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function PY(e,t){if(e&1&&(L(0,`dt`),J(1,`Static, not listed`),R(),L(2,`dd`),P(3,NY,2,1,`span`,107,Ag),R()),e&2){let e=G(2);A(3),F(e.staticMissing)}}function FY(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function IY(e,t){if(e&1&&(L(0,`dt`),J(1,`Need explicit entries`),R(),L(2,`dd`),P(3,FY,2,1,`span`,36,Ag),R()),e&2){let e=G(2);A(3),F(e.dynamic)}}function LY(e,t){if(e&1&&(L(0,`span`,108),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function RY(e,t){if(e&1&&(J(0,` · missing `),P(1,LY,2,1,`span`,108,Ag)),e&2){let e=G(3);A(),F(e.notBuilt)}}function zY(e,t){if(e&1&&(J(0),M(1,RY,3,0)),e&2){let e=G(2);X(` `,e.built.length,` page(s) in dist/analog/public `),A(),N(e.notBuilt.length?1:-1)}}function BY(e,t){e&1&&(L(0,`span`,102),J(1,`no build yet`),R())}function VY(e,t){if(e&1&&(L(0,`dl`,105)(1,`dt`),J(2,`Listed`),R(),L(3,`dd`),P(4,kY,2,1,`span`,36,Ag),M(6,AY,2,0,`span`,102),R(),M(7,MY,5,0),M(8,PY,5,0),M(9,IY,5,0),L(10,`dt`),J(11,`Build output`),R(),L(12,`dd`,106),M(13,zY,2,2)(14,BY,2,0,`span`,102),R()()),e&2){let e=G();A(4),F(e.listed??mv(5,Xq)),A(2),N(e.listed?-1:6),A(),N(e.fromRules?.length?7:-1),A(),N(e.staticMissing.length?8:-1),A(),N(e.dynamic.length?9:-1),A(4),N(e.built.length?13:14)}}function HY(e,t){e&1&&(L(0,`div`,101)(1,`h2`),J(2,`Prerender plan`),R(),M(3,OY,2,0,`p`,4)(4,VY,15,6,`dl`,105),R()),e&2&&(A(3),N(t.dynamicConfig?3:4))}function UY(e,t){if(e&1&&(M(0,xY,3,0,`div`,33),L(1,`div`,100)(2,`table`)(3,`thead`)(4,`tr`)(5,`th`,29),J(6,`Route`),R(),L(7,`th`,29),J(8,`Configured`),R(),L(9,`th`,29),J(10,`Last request`),R(),L(11,`th`,29),J(12,`File`),R()()(),L(13,`tbody`),P(14,EY,14,6,`tr`,null,tJ,!1,DY,3,0,`tr`),R()()(),M(17,HY,5,1,`div`,101)),e&2){let e,t=G(2);N(t.modeCounts().length?0:-1),A(14),F(t.renderRows()),A(3),N((e=t.plan())?17:-1,e)}}function WY(e,t){if(e&1&&(L(0,`div`)(1,`span`,111),J(2),R()()),e&2){let e=G().$implicit;A(2),Y(e.error)}}function GY(e,t){if(e&1&&(L(0,`div`)(1,`span`,104),J(2),R()()),e&2){let e=G(5);A(2),X(`takes over `,e.base(t))}}function KY(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`strong`),J(3),R(),M(4,WY,3,1,`div`),M(5,GY,3,1,`div`),R(),L(6,`td`,40),J(7),R(),L(8,`td`,31),J(9),R(),L(10,`td`,110),J(11),R(),L(12,`td`)(13,`app-source-link`,42)(14,`span`,46),J(15),R(),J(16),R()()()),e&2){let e,n=t.$implicit,r=G(4);A(3),Y(n.attributes.title||`(no title)`),A(),N(n.error?4:-1),A(),N((e=r.shadowed(n.file))?5:-1,e),A(2),Y(r.contentUrl(n.file)??``),A(2),Y(n.slug),A(2),Y(n.attributes.date||``),A(2),I(`file`,n.file),A(2),Y(r.dir(n.file)),A(),Y(r.base(n.file))}}function qY(e,t){if(e&1&&(L(0,`div`,109)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,29),J(5,`Title`),R(),L(6,`th`,29),J(7,`URL`),R(),L(8,`th`,29),J(9,`Slug`),R(),L(10,`th`,29),J(11,`Date`),R(),L(12,`th`,29),J(13,`File`),R()()(),L(14,`tbody`),P(15,KY,17,9,`tr`,null,rJ),R()()()),e&2){let e=G(3);A(15),F(e.project().content)}}function JY(e,t){e&1&&(L(0,`div`,69)(1,`p`,90),J(2,`No markdown files under src/content.`),R(),L(3,`p`,4),J(4,` Add a .md file there to see its title, slug, date and the URL it serves. `),R()())}function YY(e,t){e&1&&M(0,qY,17,0,`div`,109)(1,JY,5,0,`div`,69),e&2&&N(+!G(2).project().content.length)}function XY(e,t){if(e&1&&(L(0,`span`,17),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.items.length)}}function ZY(e,t){if(e&1&&(L(0,`app-source-link`,42)(1,`span`,46),J(2),R(),J(3),R()),e&2){let e=G().$implicit,t=G(5);I(`file`,e.file),A(2),Y(t.dir(e.file)),A(),Y(t.base(e.file))}}function QY(e,t){if(e&1&&(L(0,`span`,40),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.path)}}function $Y(e,t){if(e&1&&(L(0,`p`,119),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.message)}}function eX(e,t){if(e&1&&(L(0,`li`),M(1,ZY,4,3,`app-source-link`,42),M(2,QY,2,1,`span`,40),M(3,$Y,2,1,`p`,119),R()),e&2){let e=t.$implicit;A(),N(e.file?1:-1),A(),N(e.path&&e.path!==e.file?2:-1),A(),N(e.message?3:-1)}}function tX(e,t){if(e&1&&(L(0,`li`)(1,`div`,114)(2,`span`,35),J(3),R(),L(4,`strong`,115),J(5),R(),M(6,XY,2,1,`span`,17),R(),L(7,`p`),J(8),R(),L(9,`ul`,116),P(10,eX,4,3,`li`,null,kg),R(),L(12,`div`,117)(13,`strong`),J(14,`How to fix`),R(),J(15),R(),L(16,`span`,118),J(17),R()()),e&2){let e=t.$implicit,n=G(4);j(`data-tone`,n.tone(e.severity)),A(2),j(`data-tone`,n.tone(e.severity)),A(),Y(e.severity),A(2),Y(e.title),A(),N(e.items.length>1?6:-1),A(2),Y(e.summary),A(2),F(e.items),A(5),X(` `,e.fix),A(2),Y(e.rule)}}function nX(e,t){if(e&1&&(L(0,`p`,4),J(1),R(),L(2,`ul`,113),P(3,tX,18,8,`li`,null,iJ),R()),e&2){let e=G(3);A(),Z(` `,e.findings().length,` issue(s) in `,e.lintCards().length,` group(s). Each card says what is wrong, where, and how to fix it. `),A(2),F(e.lintCards())}}function rX(e,t){e&1&&(L(0,`div`,112)(1,`strong`),J(2,`No Analog problems found.`),R(),J(3,` Routes, server files, prerender config and content all check out. `),R())}function iX(e,t){e&1&&M(0,nX,5,2)(1,rX,4,0,`div`,112),e&2&&N(+!G(2).findings().length)}function aX(e,t){if(e&1){let e=H();L(0,`section`,7)(1,`div`,8)(2,`span`,9),J(3,`Analog`),R(),L(4,`span`,10),J(5),R()(),L(6,`div`,8)(7,`span`,9),J(8,`Pages`),R(),L(9,`span`,10),J(10),R()(),L(11,`div`,8)(12,`span`,9),J(13,`API routes`),R(),L(14,`span`,10),J(15),R()(),L(16,`div`,8)(17,`span`,9),J(18,`Server calls`),R(),L(19,`span`,10),J(20),R()(),L(21,`div`,8)(22,`span`,9),J(23,`Issues`),R(),L(24,`span`,10),J(25),R()(),M(26,cJ,5,2,`div`,11),R(),L(27,`div`,12),U(`keydown`,function(t){return E(e),D(G().onKey(t))}),P(28,lJ,4,7,`button`,13,Zq),R(),L(30,`div`,14),M(31,FJ,29,6)(32,yY,65,21)(33,UY,18,3)(34,YY,2,1)(35,iX,2,1),R()}if(e&2){let e,t,n=G();A(5),Y(n.project().version||`unknown`),A(5),Y(n.pageCount()),A(5),Y(n.project().api.length),A(5),Y(n.allCalls().length),A(),j(`data-tone`,n.lintTone()||`good`),A(4),Y(n.lintCount().errors+n.lintCount().warnings),A(),N((e=n.page())?26:-1,e),A(2),F(n.views()),A(2),I(`id`,`analog-panel-`+n.view()),j(`aria-labelledby`,`analog-tab-`+n.view()),A(),N((t=n.view())===`routes`?31:t===`server`?32:t===`render`?33:t===`content`?34:t===`lint`?35:-1)}}var oX={"scan-error":{title:`A folder could not be read`,summary:`Its files are missing from routes, API routes and lint results.`},"duplicate-url":{title:`Two files serve the same URL`,summary:`Only one of them is reachable; the other never renders.`},"sibling-params":{title:`Two dynamic pages in one folder`,summary:`Both are [param] pages at the same level, so the first one always wins.`},"missing-default-export":{title:`Page has no default export`,summary:`Analog needs the component as the default export, so the page renders nothing.`},"redirect-with-component":{title:`Redirect page also exports a component`,summary:`The redirect runs first, so the component never shows.`},"redirect-path-match":{title:`Redirect matches too much`,summary:`An empty-path redirect without pathMatch "full" catches every URL below it.`},"layout-without-outlet":{title:`Layout has no router-outlet`,summary:`The layout has child pages, but without <router-outlet> they never render.`},"server-without-load":{title:`.server.ts without load or action`,summary:`The server file exports no load, action or server function, so Analog calls nothing.`},"orphan-server-file":{title:`.server.ts without a page`,summary:`No page file sits next to it, so its load never runs.`},"api-method-suffix":{title:`Unknown method suffix on an API file`,summary:`The suffix is not an HTTP method, so it becomes part of the URL.`},"duplicate-api-route":{title:`Two handlers for one API route`,summary:`Two files answer the same method and path.`},"api-outside-prefix":{title:`Server route outside the API prefix`,summary:`During vite dev only routes under the prefix reach Nitro.`},"prerender-unknown-route":{title:`Prerender entry matches no page`,summary:`prerender.routes lists a path that no page file serves.`},"prerender-missing-root":{title:`Home page is not prerendered`,summary:`static is on, but prerender.routes leaves out /.`},"content-frontmatter":{title:`Broken frontmatter`,summary:`The markdown frontmatter cannot be read.`},"duplicate-slug":{title:`Two posts share a slug`,summary:`injectContent picks one of them at random.`},"content-shadows-page":{title:`Markdown file takes over a page`,summary:`Files under src/content are routes too, so these URLs render the markdown file instead of the [param] page.`},"load-fetched-twice":{title:`load() runs twice`,summary:`These pages fetched their data while rendering on the server and again in the browser.`},"fn-fetched-twice":{title:`Server function read runs twice`,summary:`These reads ran while rendering on the server and again in the browser right after hydration.`},"restart-needed":{title:`New pages need a restart`,summary:`These page files exist, but the running router does not know them yet.`},"hydration-error":{title:`Hydration error`,summary:`The browser DOM did not match the server HTML.`},"api-not-found":{title:`API call failed with 404 or 405`,summary:`A request hit a path or method that no server route handles.`}},sX=200,cX=new Set([`missing-default-export`,`redirect-with-component`,`redirect-path-match`,`layout-without-outlet`,`server-without-load`,`orphan-server-file`,`load-fetched-twice`,`restart-needed`,`prerender-missing-root`]),lX={ssr:`SSR`,ssg:`Prerendered`,client:`Client only`,cached:`Cached`,redirect:`Redirect`},uX={all:`All`,page:`Pages`,load:`load()`,action:`Actions`,fn:`Server fn`,api:`API`},dX={success:`succeeded`,redirect:`redirected`,invalid:`validation errors`,error:`failed`},fX={success:`good`,redirect:`info`,invalid:`warn`,error:`bad`};function pX(e,t=0,n=[]){for(let r of e)n.push({route:r,depth:t}),pX(r.children,t+1,n);return n}var mX=class e{rpc=$(null);canCall=Q(()=>YE(this.rpc(),`analog`));callsOff=vE(`analog`);kinds=[`all`,`page`,`load`,`action`,`fn`,`api`];methods=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];methodOptions=this.methods.map(e=>({value:e,label:e}));view=k(`routes`);project=k(null);loadFailed=k(!1);state=k({});findings=k([]);renderRows=k([]);plan=k(null);filter=k(``);testUrl=k(``);explained=k(null);explainError=k(``);explaining=k(!1);kind=k(`all`);method=k(`GET`);apiPath=k(``);apiBody=k(``);confirmSend=k(!1);response=k(null);sending=k(!1);needsConfirm=Q(()=>this.method()!==`GET`&&!this.confirmSend());canSend=Q(()=>this.canCall()&&!this.sending()&&!this.needsConfirm());sendHintId=Q(()=>this.canCall()?this.needsConfirm()?`analog-confirm-hint`:null:`analog-calls-off`);unsubscribe=null;refreshTimer;refreshRun=0;destroyRef=w(Es);host=w(Fl);hostPageId=kE();page=Q(()=>{let e=this.state().pages??[];return(this.hostPageId?e.find(e=>e.pageId===this.hostPageId):e[0])??null});openFiles=Q(()=>new Set((this.page()?.chain??[]).map(e=>e.file)));allCalls=Q(()=>this.state().calls??[]);maxServerCalls=sX;callQuery=k(``);failedOnly=k(!1);callsMessage=k(``);callFiltered=Q(()=>!!this.callQuery().trim()||this.failedOnly());matchingCalls=Q(()=>{let e=this.kind(),t=this.callQuery().trim().toLowerCase(),n=this.failedOnly();return this.allCalls().filter(r=>(e===`all`||r.kind===e)&&(!n||this.isFailed(r))&&(!t||this.callText(r).includes(t)))});calls=Q(()=>this.matchingCalls().slice(-150).reverse());shownCount=Q(()=>this.calls().length);serverFull=Q(()=>this.allCalls().length>=sX);allRoutes=Q(()=>pX(this.project()?.routes??[]));pageCount=Q(()=>this.allRoutes().filter(e=>e.route.file&&e.route.kind!==`layout`).length);routeRows=Q(()=>{let e=this.filter().trim().toLowerCase();return e?this.allRoutes().filter(t=>t.route.fullPath.toLowerCase().includes(e)||!!t.route.file?.toLowerCase().includes(e)):this.allRoutes()});serverFns=Q(()=>this.project()?.serverFns??[]);fnById=Q(()=>new Map(this.serverFns().map(e=>[e.id,e])));refetchedFns=Q(()=>Array.from(new Set((this.state().refetches??[]).map(e=>this.fnById().get(e.id)?.name??e.id))));duplicates=Q(()=>Array.from(new Set((this.state().duplicates??[]).map(e=>e.route))));modeCounts=Q(()=>[`ssr`,`ssg`,`cached`,`client`,`redirect`].map(e=>({mode:e,label:lX[e],count:this.renderRows().filter(t=>t.mode===e).length})).filter(e=>e.count));lintCards=Q(()=>{let e={error:0,warning:1,info:2},t=new Map;for(let e of this.findings()){let n=t.get(e.rule);if(!n){let r=oX[e.rule];n={rule:e.rule,severity:e.severity,title:r?.title??e.rule,summary:r?.summary??e.message,fix:e.fix,items:[]},t.set(e.rule,n)}let r=cX.has(e.rule)||e.message===n.summary?void 0:e.message;n.items.some(t=>t.file===e.file&&t.path===e.path&&t.message===r)||n.items.push({file:e.file,path:e.path,message:r})}return Array.from(t.values()).sort((t,n)=>e[t.severity]-e[n.severity])});lintCount=Q(()=>{let e=this.findings();return{errors:e.filter(e=>e.severity===`error`).length,warnings:e.filter(e=>e.severity===`warning`).length}});lintTone=Q(()=>{let{errors:e,warnings:t}=this.lintCount();return e?`bad`:t?`warn`:``});views=Q(()=>{let{errors:e,warnings:t}=this.lintCount();return[{id:`routes`,label:`Routes`,count:this.pageCount(),tone:``},{id:`server`,label:`Server`,count:this.allCalls().length,tone:``},{id:`render`,label:`Render`,count:this.renderRows().length,tone:``},{id:`content`,label:`Content`,count:this.project()?.content.length??0,tone:``},{id:`lint`,label:`Lint`,count:e+t,tone:this.lintTone()}]});constructor(){pc(()=>{let e=this.rpc();e&&Nv(()=>void this.load(e))}),pc(()=>{let e=this.view();this.state(),Nv(()=>this.scheduleRefresh(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.refreshTimer)})}async load(e){let t=await PE(e,`analog-project`);if(!this.destroyRef.destroyed){this.project.set(t),this.loadFailed.set(t===null);try{let t=await e.scope(`pangular`).rpc.sharedState(`analog`);if(this.destroyRef.destroyed)return;let n=e=>this.state.set(e??{});n(t.value()),this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,n)}catch{this.state.set({})}this.destroyRef.destroyed||await this.refresh(this.view())}}retry(){let e=this.rpc();e&&(this.loadFailed.set(!1),this.load(e))}scheduleRefresh(e){clearTimeout(this.refreshTimer),this.refreshTimer=setTimeout(()=>void this.refresh(e),300)}async refresh(e){let t=this.rpc();if(!t)return;let n=++this.refreshRun,[r,i]=await Promise.all([PE(t,`analog-lint`,this.hostPageId??void 0),PE(t,`analog-render`)]);if(n===this.refreshRun&&(this.findings.set(r??[]),this.renderRows.set(i?.rows??[]),this.plan.set(i?.plan??null),e===`routes`||e===`content`||this.project()===null)){let e=await PE(t,`analog-project`);e&&n===this.refreshRun&&(this.project.set(e),this.loadFailed.set(!1))}}isOpen(e){return!!e.file&&this.openFiles().has(e.file)}kindText(e){return e.catchAll?e.catchAll===`optional`?`optional catch-all`:`catch-all`:e.kind===`implicit`?`folder`:e.kind}serverExports(e){return(e.serverExports??[]).filter(e=>e===`load`||e===`action`)}short(e){return e?.replace(/^\/src\/app\//,``).replace(/^\//,``)}dir(e){let t=this.short(e)??e;return t.includes(`/`)?t.slice(0,t.lastIndexOf(`/`)+1):``}base(e){return e.slice(e.lastIndexOf(`/`)+1)}paramList(e){return Object.entries(e)}kindLabel(e){return uX[e]}kindCount(e){return e===`all`?this.allCalls().length:this.allCalls().filter(t=>t.kind===e).length}modeLabel(e){return lX[e]}mismatch(e){return!e.last?.render||e.mode===`redirect`?!1:e.mode===`client`?e.last.render!==`client`:e.last.render===`client`}fnOf(e){return e.kind===`fn`&&e.route?this.fnById().get(e.route):void 0}fnCalls(e){return this.allCalls().filter(t=>t.kind===`fn`&&t.route===e).length}outcomeLabel(e){return dX[e]}outcomeTone(e){return fX[e]}statusClass(e){return e>=500||e===0?`bad`:e>=400?`warn`:`good`}tone(e){return e===`error`?`bad`:e===`warning`?`warn`:`info`}shadowed(e){return this.findings().find(t=>t.rule===`content-shadows-page`&&t.file===e)?.relatedFile}contentUrl(e){return this.allRoutes().find(t=>t.route.file===e)?.route.fullPath}pretty(e){try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}time=IO;tryApi(e){this.method.set(e.method===`ANY`?`GET`:e.method),this.apiPath.set(e.path.replace(/:(\w+)/g,`1`).replace(`**`,`x`)),this.response.set(null),queueMicrotask(()=>document.getElementById(`api-path`)?.focus())}isFailed(e){return!e.status||e.status>=400||e.outcome===`error`}callText(e){let t=this.fnOf(e);return[e.url,e.route,t?.name,t?.file].filter(Boolean).join(` `).toLowerCase()}clearCallFilters(){this.callQuery.set(``),this.failedOnly.set(!1),this.kind.set(`all`),queueMicrotask(()=>this.host.nativeElement.querySelector(`#analog-call-search`)?.focus())}async clearCalls(){let e=this.rpc();try{if(!e)throw Error(`No devtools server`);await NE(e,`analog-clear-calls`),this.callsMessage.set(`Calls cleared.`),queueMicrotask(()=>this.host.nativeElement.querySelector(`input[name="analog-kind"]:checked`)?.focus())}catch{this.callsMessage.set(`Could not clear the calls.`)}}async explain(){let e=this.testUrl().trim();if(!e){this.explained.set(null),this.explainError.set(`Type a URL to explain, for example /products/42.`);return}this.explaining.set(!0),this.explainError.set(``);try{let t=await NE(this.rpc(),`analog-explain-url`,e);if(!t)throw Error(`The devtools server did not answer`);this.explained.set({url:e,match:t})}catch(t){let n=String(t?.message||`The devtools server did not answer`);this.explained.set(null),this.explainError.set(`Could not explain ${e}. ${n.replace(/\.?$/,`.`)}`)}finally{this.explaining.set(!1)}}async send(){let e=this.apiPath().trim();if(!e||this.sending()||this.needsConfirm())return;let t;if(this.method()!==`GET`&&this.apiBody().trim())try{t=JSON.parse(this.apiBody())}catch{this.response.set({error:`The body is not valid JSON.`});return}this.response.set(null),this.sending.set(!0);try{let n=await PE(this.rpc(),`analog-call-api`,{method:this.method(),path:e,body:t,confirm:this.confirmSend()});this.response.set(n??{error:`No answer from the devtools server.`})}finally{this.sending.set(!1)}}onKey(e){let t=this.views().map(e=>e.id),n=t.indexOf(this.view()),r=n;if(e.key===`ArrowRight`)r=(n+1)%t.length;else if(e.key===`ArrowLeft`)r=(n-1+t.length)%t.length;else if(e.key===`Home`)r=0;else if(e.key===`End`)r=t.length-1;else return;e.preventDefault(),this.view.set(t[r]);let i=e.currentTarget;queueMicrotask(()=>i.querySelector(`#analog-tab-${t[r]}`)?.focus())}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-analog-inspector`]],inputs:{rpc:[1,`rpc`]},decls:4,vars:1,consts:[[`role`,`alert`,1,`empty`],[`role`,`status`,1,`loading`],[1,`empty`],[1,`empty-title`],[1,`muted`],[`type`,`button`,1,`btn`,3,`click`],[`aria-hidden`,`true`,1,`spinner`],[`aria-label`,`Analog summary`,1,`summary`],[1,`stat`],[1,`label`],[1,`value`],[1,`stat`,`wide`],[`role`,`tablist`,`aria-label`,`Analog views`,1,`tabs`,3,`keydown`],[`type`,`button`,`role`,`tab`,3,`id`],[`role`,`tabpanel`,1,`panel`,3,`id`],[1,`value`,`mono`,3,`title`],[`type`,`button`,`role`,`tab`,3,`click`,`id`],[1,`count`],[1,`toolbar`],[1,`inline`,`explain`,3,`submit`],[`for`,`analog-url`],[`id`,`analog-url`,`type`,`text`,`placeholder`,`/products/42`,1,`field`,`grow`,`mono`,3,`input`,`value`],[`type`,`submit`,1,`btn`,`primary`,3,`disabled`],[`for`,`route-filter`,1,`sr-only`],[`id`,`route-filter`,`type`,`search`,`placeholder`,`Filter by path or file`,1,`field`,`filter`,3,`input`,`keydown.escape`,`value`],[`role`,`status`,1,`explain-result`],[`data-tone`,`bad`,1,`callout`],[1,`callout`],[`role`,`region`,`aria-label`,`File routes`,`tabindex`,`0`,1,`table-wrap`],[`scope`,`col`],[3,`open`,`dim`],[1,`mono`],[1,`chain`],[1,`chips`],[1,`mono`,3,`file`],[1,`pill`],[1,`chip`,`mono`],[1,`plain`],[1,`route`],[`aria-hidden`,`true`,1,`guide`],[1,`mono`,`path`],[1,`pill`,`live`],[1,`file`,3,`file`],[1,`meta`],[`data-kind`,`load`,1,`pill`],[1,`chip`],[1,`dir`],[`colspan`,`4`,1,`empty-row`],[`data-tone`,`warn`,`role`,`note`,1,`callout`],[`id`,`analog-calls-heading`],[1,`calls-bar`],[1,`segmented`],[1,`sr-only`],[3,`on`],[1,`calls-actions`],[`type`,`button`,1,`btn`,`ghost`,3,`click`,`disabled`],[`role`,`status`,1,`calls-message`],[`role`,`group`,`aria-label`,`Filter the server calls`,1,`call-filters`],[1,`search`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`id`,`analog-call-search`,`type`,`search`,`placeholder`,`Find a URL, path or function…`,`aria-label`,`Find a URL, path or function`,`autocomplete`,`off`,`spellcheck`,`false`,1,`field`,3,`input`,`keydown.escape`,`value`],[1,`check`],[`type`,`checkbox`,3,`change`,`checked`],[`aria-live`,`polite`,1,`total`],[1,`note`],[`role`,`region`,`aria-label`,`Server calls`,`tabindex`,`0`,1,`table-wrap`],[`role`,`status`,1,`empty-box`,`no-match`],[1,`empty-box`],[`role`,`region`,`aria-label`,`API routes`,`tabindex`,`0`,1,`table-wrap`],[1,`card`,`playground`,3,`submit`],[1,`row`],[`ariaLabel`,`Method`,1,`method-select`,3,`valueChange`,`options`,`value`],[`for`,`api-path`,1,`sr-only`],[`id`,`api-path`,`type`,`text`,`placeholder`,`/api/v1/products`,1,`field`,`grow`,`mono`,3,`input`,`value`],[`id`,`analog-calls-off`,1,`muted`],[`id`,`analog-confirm-hint`,1,`muted`],[`role`,`status`,1,`muted`],[`role`,`status`,1,`response`],[`type`,`radio`,`name`,`analog-kind`,1,`sr-only`,3,`change`,`checked`],[`scope`,`col`,1,`num`],[1,`muted`,`nowrap`],[1,`request`],[1,`method`],[1,`mono`,`url`],[1,`status`],[1,`num`,`nowrap`],[1,`mono`,`muted`,3,`file`],[1,`code`],[1,`empty-lead`],[1,`empty-actions`],[`type`,`button`,1,`btn`,`ghost`,3,`click`],[1,`actions`],[`role`,`region`,`aria-label`,`Server functions`,`tabindex`,`0`,1,`table-wrap`],[1,`num`,`tnum`],[`for`,`api-body`],[`id`,`api-body`,`rows`,`3`,`placeholder`,`{"name": "Ada"}`,1,`field`,`mono`,3,`input`,`value`],[1,`check`,`confirm-send`],[`data-status`,`bad`,1,`status`],[`role`,`region`,`aria-label`,`Render modes`,`tabindex`,`0`,1,`table-wrap`],[1,`card`],[1,`muted`,`small`],[1,`muted`,`small`,`tnum`],[`data-tone`,`warn`,1,`pill`],[1,`facts`],[1,`tnum`],[`data-tone`,`warn`,1,`chip`,`mono`],[`data-tone`,`bad`,1,`chip`,`mono`],[`role`,`region`,`aria-label`,`Content files`,`tabindex`,`0`,1,`table-wrap`],[1,`muted`,`nowrap`,`tnum`],[`data-tone`,`bad`,1,`pill`],[`data-tone`,`good`,`role`,`status`,1,`callout`],[1,`findings`],[1,`finding-head`],[1,`finding-title`],[1,`where`],[1,`fix`],[1,`rule`,`mono`],[1,`detail`]],template:function(e,t){e&1&&M(0,aJ,7,0,`div`,0)(1,oJ,4,0,`div`,1)(2,sJ,14,0,`div`,2)(3,aX,36,10),e&2&&N(t.project()===null&&t.loadFailed()?0:t.project()===null?1:t.project().analog?3:2)},dependencies:[fO,fj],styles:[`@charset "UTF-8";
 [_nghost-%COMP%] {
   --%NS%good: var(--%NS%ok);
   --%NS%bad: var(--%NS%danger);
@@ -13723,7 +13723,7 @@ h2[_ngcontent-%COMP%] {
   color: var(--%NS%text-strong);
   font-size: 15px;
   font-weight: 600;
-}`]})},$Y=(e,t)=>t.id,eX=(e,t)=>t.id+t.kind,tX=(e,t)=>t.side+t.id,nX=(e,t)=>t.key;function rX(e,t){e&1&&(L(0,`div`,0),z(1,`span`,67),L(2,`span`),J(3,`Loading…`),R()())}function iX(e,t){if(e&1){let e=H();L(0,`div`,1)(1,`strong`),J(2,`Could not reach the devtools server.`),R(),L(3,`span`),J(4,`Check that the app's dev server is running with the devtools plugin.`),R(),L(5,`button`,68),U(`click`,function(){return E(e),D(G().retry())}),J(6,`Try again`),R()()}}function aX(e,t){e&1&&(L(0,`span`,81),J(1,`this page`),R())}function oX(e,t){e&1&&(L(0,`span`,82),J(1,`overridden`),R())}function sX(e,t){e&1&&(L(0,`span`,83),J(1,`aborted`),R())}function cX(e,t){if(e&1){let e=H();L(0,`tr`,73),U(`click`,function(){let t=E(e).$implicit;return D(G(2).selectedRequestId.set(t.id))}),L(1,`td`,74)(2,`button`,75)(3,`span`,76),J(4),R(),J(5),R()(),L(6,`td`,77),z(7,`span`,78),J(8),R(),L(9,`td`),J(10),R(),L(11,`td`,79),J(12),R(),L(13,`td`,79),J(14),R(),L(15,`td`)(16,`div`,80),M(17,aX,2,0,`span`,81),M(18,oX,2,0,`span`,82),M(19,sX,2,0,`span`,83),R()()()}if(e&2){let e=t.$implicit,n=G(2);q(`selected`,n.selectedRequest()?.id===e.id),A(2),I(`title`,e.url),j(`aria-pressed`,n.selectedRequest()?.id===e.id),A(2),Y(e.method),A(),X(` `,e.url,` `),A(),q(`ok`,n.statusTone(e.status)===`ok`)(`redirect`,n.statusTone(e.status)===`redirect`)(`bad`,n.statusTone(e.status)===`bad`),A(2),X(``,e.status,` `),A(2),Y(n.renderModeLabel(e.renderMode)),A(2),X(``,e.renderMs,` ms`),A(2),Z(``,e.fetches,` (`,e.fetchMs,` ms)`),A(3),N(e.id===n.selected()?.ssrRequestId?17:-1),A(),N(e.overrides?.length?18:-1),A(),N(e.aborted?19:-1)}}function lX(e,t){e&1&&(L(0,`p`,56),J(1),L(2,`code`),J(3,`ssrMiddleware`),R(),J(4,` saw it, so the render mode can't be read and TransferState edits can't apply. Mount `),L(5,`code`),J(6,`ssrMiddleware`),R(),J(7,` after `),L(8,`code`),J(9,`compression()`),R(),J(10,`. `),R()),e&2&&(A(),X(` The body was already compressed (`,t,`) when `))}function uX(e,t){if(e&1&&(L(0,`span`,88),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.note)}}function dX(e,t){if(e&1&&(L(0,`p`,87)(1,`span`,82),J(2),R(),L(3,`span`),J(4),R(),M(5,uX,2,1,`span`,88),R()),e&2){let e=t.$implicit,n=G(4);A(2),Y(n.overrideLabel(e.kind)),A(2),Y(e.applied?`applied`:`not applied`),A(),N(e.note?5:-1)}}function fX(e,t){if(e&1&&(L(0,`h3`),J(1,`Overrides from the panel`),R(),L(2,`p`,56),J(3,` This response was changed on purpose, so it is not what the app sends on its own. `),R(),P(4,dX,6,3,`p`,87,eX)),e&2){let e=G();A(4),F(e.overrides)}}function pX(e,t){if(e&1&&(J(0,` to `),L(1,`code`),J(2),R()),e&2){let e=G().$implicit;A(2),Y(e.finalUrl)}}function mX(e,t){if(e&1&&(L(0,`div`)(1,`dt`),J(2,`Guards`),R(),L(3,`dd`),J(4),R()()),e&2){let e=G().$implicit,t=G(4);A(3),q(`bad`,t.guardVerdict(e)===`rejected`),A(),Z(` `,t.msLabel(e.guards.ms),``,t.guardVerdict(e)?`, `+t.guardVerdict(e):``,` `)}}function hX(e,t){if(e&1&&(L(0,`div`)(1,`dt`),J(2,`Resolvers`),R(),L(3,`dd`),J(4),R()()),e&2){let e=G().$implicit,t=G(4);A(4),Y(t.msLabel(e.resolvers.ms))}}function gX(e,t){if(e&1&&(L(0,`div`)(1,`dt`),J(2,`Navigation total`),R(),L(3,`dd`),J(4),R()()),e&2){let e=G().$implicit;A(4),X(``,e.durationMs,` ms`)}}function _X(e,t){if(e&1&&(L(0,`p`,56),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.reason)}}function vX(e,t){if(e&1&&(L(0,`dl`,89)(1,`div`)(2,`dt`),J(3,`Navigation`),R(),L(4,`dd`)(5,`code`),J(6),R(),M(7,pX,3,1),J(8),R()(),M(9,mX,5,4,`div`),M(10,hX,5,1,`div`),M(11,gX,5,1,`div`),R(),M(12,_X,2,1,`p`,56)),e&2){let e=t.$implicit;A(6),Y(e.url),A(),N(e.finalUrl?7:-1),A(),X(` (`,e.outcome,`) `),A(),N(e.guards?9:-1),A(),N(e.resolvers?10:-1),A(),N(e.durationMs===void 0?-1:11),A(),N(e.reason?12:-1)}}function yX(e,t){if(e&1&&(L(0,`h3`),J(1,`Router during the render`),R(),P(2,vX,13,7,null,null,kg)),e&2){let e=G();A(2),F(e.navigations)}}function bX(e,t){e&1&&(L(0,`span`,81),J(1,`cached`),R())}function xX(e,t){if(e&1&&(L(0,`span`,91),J(1,`not cached`),R()),e&2){let e=G().$implicit;I(`title`,G(3).skipText(e.cacheSkip))}}function SX(e,t){if(e&1&&(L(0,`p`,92),J(1),R()),e&2){let e=G().$implicit,t=G(3);A(),X(`Not cached: `,t.skipText(e.cacheSkip),`.`)}}function CX(e,t){if(e&1&&(L(0,`p`,87)(1,`span`,76),J(2),R(),L(3,`span`,90),J(4),R(),L(5,`span`,77),J(6),R(),L(7,`span`,88),J(8),R(),M(9,bX,2,0,`span`,81)(10,xX,2,1,`span`,91),R(),M(11,SX,2,1,`p`,92)),e&2){let e=t.$implicit,n=G(3);A(2),Y(e.method),A(),I(`title`,e.url),A(),Y(e.url),A(),q(`ok`,n.callTone(e)===`ok`)(`bad`,n.callTone(e)===`bad`),A(),Y(n.statusLabel(e)),A(2),X(``,e.durationMs,` ms`),A(),N(e.cacheStored?9:e.cacheSkip?10:-1),A(2),N(!e.cacheStored&&e.cacheSkip?11:-1)}}function wX(e,t){e&1&&(L(0,`p`,56),J(1,`The render made no HttpClient calls.`),R())}function TX(e,t){e&1&&(L(0,`p`,92),J(1),R()),e&2&&(A(),X(`Why: `,t,`.`))}function EX(e,t){if(e&1&&(L(0,`p`,87)(1,`span`,76),J(2),R(),L(3,`span`,90),J(4),R(),L(5,`span`,83),J(6,`cache miss`),R()(),M(7,TX,2,1,`p`,92)),e&2){let e,n=t.$implicit,r=G(4);A(2),Y(n.method),A(),I(`title`,n.url),A(),Y(n.url),A(3),N((e=r.refetchReason(n))?7:-1,e)}}function DX(e,t){if(e&1&&(L(0,`h3`),J(1),R(),L(2,`p`,56),J(3,` These calls ran on the server and again after hydration instead of reading the transfer cache. `),R(),P(4,EX,8,4,null,null,$Y)),e&2){let e=G(3);A(),X(`Fetched again in the browser (`,e.refetched().length,`)`),A(3),F(e.refetched())}}function OX(e,t){e&1&&(L(0,`p`,86),J(1,`No server call ran again in the browser.`),R())}function kX(e,t){if(e&1&&(L(0,`div`,72)(1,`h3`,84),J(2),L(3,`code`),J(4),R()(),L(5,`dl`,85)(6,`div`)(7,`dt`),J(8,`Request id`),R(),L(9,`dd`)(10,`code`),J(11),R()()(),L(12,`div`)(13,`dt`),J(14,`Render`),R(),L(15,`dd`),J(16),R()(),L(17,`div`)(18,`dt`),J(19,`Total`),R(),L(20,`dd`),J(21),R()(),L(22,`div`)(23,`dt`),J(24,`Sent`),R(),L(25,`dd`),J(26),R()(),L(27,`div`)(28,`dt`),J(29,`Browser page`),R(),L(30,`dd`),J(31),R()()(),M(32,lX,11,1,`p`,56),M(33,fX,6,0),M(34,yX,4,0),L(35,`h3`),J(36),R(),P(37,CX,12,11,null,null,$Y,!1,wX,2,0,`p`,56),M(40,DX,6,1)(41,OX,2,0,`p`,86),R()),e&2){let e,n=t,r=G(2);A(2),X(` `,n.method,` `),A(2),Y(n.url),A(7),Y(n.id),A(5),X(``,n.renderMs,` ms`),A(5),X(``,n.durationMs,` ms`),A(5),X(``,n.bytes,` B`),A(5),Y(r.requestPage()?.title||r.requestPage()?.url||`not connected`),A(),N((e=r.compressedWith(n))?32:-1,e),A(),N(n.overrides?.length?33:-1),A(),N(n.navigations?.length?34:-1),A(2),X(`Server calls (`,r.requestCalls().length,`)`),A(),F(r.requestCalls()),A(3),N(r.refetched().length?40:r.requestPage()&&r.requestCalls().length?41:-1)}}function AX(e,t){if(e&1&&(L(0,`div`,26)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,69),J(5,`Request`),R(),L(6,`th`,69),J(7,`Status`),R(),L(8,`th`,69),J(9,`Render mode`),R(),L(10,`th`,70),J(11,`Render`),R(),L(12,`th`,70),J(13,`Server calls`),R(),L(14,`th`,69),J(15,`Notes`),R()()(),L(16,`tbody`),P(17,cX,20,20,`tr`,71,$Y),R()()(),M(19,kX,42,13,`div`,72)),e&2){let e,t=G();A(17),F(t.requests()),A(2),N((e=t.selectedRequest())?19:-1,e)}}function jX(e,t){e&1&&(L(0,`div`,11)(1,`p`),J(2,`No SSR requests traced.`),R(),L(3,`p`,56),J(4,` Add `),L(5,`code`),J(6,`app.use(devtools.ssrMiddleware)`),R(),J(7,` before the Angular handler in `),L(8,`code`),J(9,`server.ts`),R(),J(10,`, then load a server rendered page. `),R()())}function MX(e,t){e&1&&(L(0,`span`,94),J(1,`transfer cache`),R())}function NX(e,t){if(e&1&&(L(0,`span`,94),J(1),R()),e&2){let e=G().$implicit;A(),X(`delayed `,e.delayMs,` ms`)}}function PX(e,t){e&1&&(L(0,`span`,82),J(1,`mocked`),R())}function FX(e,t){e&1&&(L(0,`span`,83),J(1,`faulted`),R())}function IX(e,t){if(e&1&&(L(0,`span`,97),J(1,`rule `),L(2,`code`),J(3),R()()),e&2){let e=t;I(`title`,`Matched rule: `+e),A(3),Y(e)}}function LX(e,t){if(e&1){let e=H();L(0,`tr`,73),U(`click`,function(){let t=E(e).$implicit;return D(G(2).openCall(t.id))}),L(1,`td`)(2,`span`,94),J(3),R()(),L(4,`td`,76),J(5),R(),L(6,`td`,74)(7,`button`,95),J(8),R()(),L(9,`td`,96),J(10),R(),L(11,`td`,77),z(12,`span`,78),J(13),R(),L(14,`td`,79),J(15),R(),L(16,`td`)(17,`div`,80),M(18,MX,2,0,`span`,94),M(19,NX,2,1,`span`,94),M(20,PX,2,0,`span`,82),M(21,FX,2,0,`span`,83),M(22,IX,4,2,`span`,97),R()()()}if(e&2){let e,n=t.$implicit,r=G(2);q(`selected`,r.selectedCall()?.id===n.id),A(2),q(`server`,n.side===`server`),A(),Y(n.side===`server`?`SSR`:`Client`),A(2),Y(n.method),A(2),I(`title`,n.url),j(`data-call-id`,n.id)(`aria-pressed`,r.selectedCall()?.id===n.id)(`aria-controls`,r.selectedCall()?`call-preview`:null),A(),X(` `,n.url,` `),A(),I(`title`,n.pageUrl??``),A(),X(` `,n.pageUrl??``,` `),A(),q(`ok`,r.callTone(n)===`ok`)(`redirect`,r.callTone(n)===`redirect`)(`bad`,r.callTone(n)===`bad`),A(2),X(``,r.statusLabel(n),` `),A(2),X(``,n.durationMs,` ms`),A(3),N(n.cacheHit?18:-1),A(),N(n.delayMs?19:-1),A(),N(n.mocked?20:-1),A(),N(n.faulted?21:-1),A(),N((e=r.rulePatternOf(n))?22:-1,e)}}function RX(e,t){if(e&1&&(L(0,`div`,26)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,69),J(5,`Side`),R(),L(6,`th`,69),J(7,`Method`),R(),L(8,`th`,69),J(9,`URL`),R(),L(10,`th`,69),J(11,`Page`),R(),L(12,`th`,69),J(13,`Status`),R(),L(14,`th`,70),J(15,`Time`),R(),L(16,`th`,69),J(17,`Notes`),R()()(),L(18,`tbody`,93),P(19,LX,23,26,`tr`,71,tX),R()()()),e&2){let e=G();A(19),F(e.visibleCalls())}}function zX(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(2).callQuery().trim(),`” with these filters. `)}function BX(e,t){e&1&&J(0),e&2&&X(` None of the `,G(2).timeline().length,` requests fit these filters. `)}function VX(e,t){if(e&1){let e=H();L(0,`div`,27)(1,`p`),J(2,`No requests match.`),R(),L(3,`p`,56),M(4,zX,1,1)(5,BX,1,1),R(),L(6,`div`,98)(7,`button`,68),U(`click`,function(){return E(e),D(G().clearCallFilters())}),J(8,`Clear filters`),R()()()}if(e&2){let e=G();A(4),N(e.callQuery().trim()?4:5)}}function HX(e,t){e&1&&(L(0,`div`,11)(1,`p`),J(2,`No requests yet.`),R(),L(3,`p`,56),J(4,` Add `),L(5,`code`),J(6,`withPangular()`),R(),J(7,` to `),L(8,`code`),J(9,`provideHttpClient`),R(),J(10,`, then load a page of the app. `),R()())}function UX(e,t){if(e&1){let e=H();L(0,`button`,105),U(`click`,function(){E(e);let t=G();return D(G().copyPreview(t))}),J(1,` Copy `),R()}if(e&2){let e=G();j(`aria-label`,`Copy the response of `+e.method+` `+e.url)}}function WX(e,t){e&1&&(L(0,`p`,107),J(1,` Matched rule `),L(2,`code`),J(3),R()()),e&2&&(A(3),Y(t))}function GX(e,t){if(e&1){let e=H();L(0,`div`,99),U(`keydown.escape`,function(){return E(e),D(G().closePreview())}),L(1,`div`,100)(2,`h3`,101),J(3,`Response preview`),R(),L(4,`div`,102),M(5,UX,2,1,`button`,103),L(6,`button`,104),U(`click`,function(){let t=E(e);return D(G().mockCall(t))}),J(7,` Mock this request `),R(),L(8,`button`,105),U(`click`,function(){return E(e),D(G().closePreview())}),J(9,`Close`),R()()(),L(10,`p`,106)(11,`span`,76),J(12),R(),L(13,`span`,77),J(14),R(),L(15,`span`,90),J(16),R()(),M(17,WX,4,1,`p`,107),L(18,`pre`,108),J(19),R()()}if(e&2){let e,n=t,r=G();A(5),N(!n.error&&n.preview?5:-1),A(),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`http-writes-off`),A(6),Y(n.method),A(),q(`ok`,r.callTone(n)===`ok`)(`redirect`,r.callTone(n)===`redirect`)(`bad`,r.callTone(n)===`bad`),A(),Y(r.statusLabel(n)),A(),I(`title`,n.url),A(),Y(n.url),A(),N((e=r.rulePatternOf(n))?17:-1,e),A(),q(`error`,!!n.error&&!n.cancelled),j(`aria-label`,n.error?`Response error`:`Response body`),A(),Y(n.error??r.previewText(n)??`(no body)`)}}function KX(e,t){if(e&1&&(L(0,`p`,31),J(1),R()),e&2){let e=G();A(),Y(e.writesOff)}}function qX(e,t){e&1&&(L(0,`p`,46),J(1,` SSR mocks are not transferred to the client: the browser requests the URL again and gets the real response unless the rule also applies on the client. `),R())}function JX(e,t){e&1&&(L(0,`span`),J(1,`passthrough`),R())}function YX(e,t){if(e&1&&(L(0,`span`,77),J(1),R()),e&2){let e=G().$implicit,t=G();q(`ok`,t.statusTone(e.status)===`ok`)(`redirect`,t.statusTone(e.status)===`redirect`)(`bad`,t.statusTone(e.status)===`bad`),A(),Y(e.status)}}function XX(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),X(``,e.delayMs,` ms`)}}function ZX(e,t){e&1&&(L(0,`span`),J(1,`mock body`),R())}function QX(e,t){e&1&&(L(0,`p`,116),J(1,` The SSR mock is not written to TransferState, so the browser requests this URL again. `),R())}function $X(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,109)(2,`input`,110),U(`change`,function(){let t=E(e).$implicit;return D(G().toggleRule(t.id))}),R(),L(3,`code`,111)(4,`span`,112),J(5),R(),J(6),R()(),L(7,`button`,113),U(`click`,function(){let t=E(e).$implicit;return D(G().removeRule(t.id))}),J(8,` Remove `),R(),L(9,`span`,114)(10,`span`),J(11),R(),M(12,JX,2,0,`span`)(13,YX,2,7,`span`,115),M(14,XX,2,1,`span`),M(15,ZX,2,0,`span`),R(),M(16,QX,2,0,`p`,116),R()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),A(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Enable rule for `+e.pattern),A(),I(`title`,e.pattern),A(2),Y(e.method||`ANY`),A(),X(` `,e.pattern),A(),I(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Remove rule for `+e.pattern),A(4),Y(n.targetLabel(e.target)),A(),N(e.status===void 0?12:13),A(2),N(e.delayMs?14:-1),A(),N(e.body?15:-1),A(),N(n.mocksOnServer(e)?16:-1)}}function eZ(e,t){e&1&&(L(0,`li`,53),J(1,`No rules. SSR rules apply on the next page load.`),R())}function tZ(e,t){if(e&1){let e=H();L(0,`p`,61),J(1,` Throws while the server renders, so it needs `),L(2,`code`),J(3,`providePangularHttp()`),R(),J(4,` and a page the engine renders. Prerendered files served as static files skip it. `),R(),L(5,`label`),J(6,` Error message `),L(7,`input`,117),U(`input`,function(t){return E(e),D(G().patchOverride(`message`,t))}),R()()}if(e&2){let e=G();A(7),I(`value`,e.overrideDraft().message)}}function nZ(e,t){e&1&&J(0,` For a cached HTTP response this is the whole cache record, not only the response body. `)}function rZ(e,t){e&1&&(L(0,`p`,121),J(1,` Filled in from the TransferState payload. The value starts empty because the panel only shows a redacted copy, so type the JSON the server should send. `),M(2,nZ,1,0),R()),e&2&&(A(2),N(t===`http`?2:-1))}function iZ(e,t){if(e&1){let e=H();L(0,`label`),J(1,` TransferState key `),L(2,`input`,118),U(`input`,function(t){return E(e),D(G().patchOverride(`key`,t))}),R()(),L(3,`label`)(4,`span`),J(5,`New JSON value `),L(6,`span`,33),J(7,`(empty removes the entry)`),R()(),L(8,`textarea`,119),U(`input`,function(t){return E(e),D(G().patchOverride(`value`,t))}),R()(),L(9,`p`,120),J(10),R(),M(11,rZ,3,1,`p`,121)}if(e&2){let e,t=G();A(2),I(`value`,t.overrideDraft().key),A(6),I(`value`,t.overrideDraft().value),j(`aria-invalid`,t.overrideValueError()?`true`:null)(`aria-describedby`,t.overrideFromPayload()?`override-value-error override-value-note`:`override-value-error`),A(2),Y(t.overrideValueError()),A(),N((e=t.overrideFromPayload())?11:-1,e)}}function aZ(e,t){e&1&&(L(0,`p`,61),J(1,` Serves `),L(2,`code`),J(3,`index.csr.html`),R(),J(4,` instead of rendering. Needs `),L(5,`code`),J(6,`browserDistFolder`),R(),J(7,` in `),L(8,`code`),J(9,`initPangularHub()`),R(),J(10,`. `),R())}function oZ(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.message)}}function sZ(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),Z(``,e.value===void 0?`remove`:`set`,` `,e.key)}}function cZ(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,109)(2,`input`,110),U(`change`,function(){let t=E(e).$implicit;return D(G().toggleOverride(t.id))}),R(),L(3,`code`,111)(4,`span`,112),J(5),R(),J(6),R()(),L(7,`button`,122),U(`click`,function(){let t=E(e).$implicit;return D(G().removeOverride(t.id))}),J(8,` Remove `),R(),L(9,`span`,114),M(10,oZ,2,1,`span`),M(11,sZ,2,2,`span`),R()()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),A(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-label`,`Enable `+n.overrideLabel(e.kind)+` for `+e.pattern),A(),I(`title`,e.pattern),A(2),Y(n.overrideLabel(e.kind)),A(),X(` `,e.pattern),A(),I(`disabled`,!n.canWrite()),j(`aria-label`,`Remove `+n.overrideLabel(e.kind)+` for `+e.pattern),A(3),N(e.message?10:-1),A(),N(e.key?11:-1)}}function lZ(e,t){e&1&&(L(0,`li`,53),J(1,`No overrides.`),R())}function uZ(e,t){if(e&1&&(L(0,`div`)(1,`dt`),J(2,`DOM nodes hydrated`),R(),L(3,`dd`),J(4),R()(),L(5,`div`)(6,`dt`),J(7,`DOM nodes skipped`),R(),L(8,`dd`),J(9),R()(),L(10,`div`)(11,`dt`),J(12,`Mismatched components`),R(),L(13,`dd`),J(14),R()()),e&2){let e=t;A(4),Y(e.hydrated),A(5),Y(e.skipped),A(4),q(`bad`,e.mismatched>0),A(),Y(e.mismatched)}}function dZ(e,t){if(e&1&&(L(0,`span`,124)(1,`span`,125),J(2,`Expected`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;A(4),Y(e.expected)}}function fZ(e,t){if(e&1&&(L(0,`span`,124)(1,`span`,125),J(2,`Actual`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;A(4),Y(e.actual)}}function pZ(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R(),M(3,dZ,5,1,`span`,124),M(4,fZ,5,1,`span`,124),R()),e&2){let e=t.$implicit;A(2),Y(`<`+e.component+`>`),A(),N(e.expected?3:-1),A(),N(e.actual?4:-1)}}function mZ(e,t){if(e&1&&(L(0,`h3`),J(1),R(),L(2,`ul`,123),P(3,pZ,5,3,`li`,null,kg),R()),e&2){let e=G();A(),X(`Mismatches (`,e.mismatches.length,`)`),A(2),F(e.mismatches)}}function hZ(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R()()),e&2){let e=t.$implicit;A(2),Y(e)}}function gZ(e,t){if(e&1&&(L(0,`h3`),J(1,`ngSkipHydration hosts`),R(),L(2,`ul`,126),P(3,hZ,3,1,`li`,null,kg),R()),e&2){let e=G();A(3),F(e.skipHydrationHosts)}}function _Z(e,t){e&1&&(L(0,`h3`),J(1,`Warnings`),R(),L(2,`p`,56),J(3,` Not captured: add `),L(4,`code`),J(5,`providePangularHttp()`),R(),J(6,` to the app providers. `),R())}function vZ(e,t){if(e&1&&(L(0,`pre`,127),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function yZ(e,t){e&1&&(L(0,`p`,86),J(1,`No hydration warnings.`),R())}function bZ(e,t){if(e&1&&(L(0,`h3`),J(1),R(),P(2,vZ,2,1,`pre`,127,kg,!1,yZ,2,0,`p`,86)),e&2){let e=G();A(),X(`Warnings (`,e.warnings.length,`)`),A(),F(e.warnings)}}function xZ(e,t){if(e&1&&(L(0,`dl`,85)(1,`div`)(2,`dt`),J(3,`Enabled`),R(),L(4,`dd`)(5,`span`,94),J(6),R()()(),L(7,`div`)(8,`dt`),J(9,`Hydrated components`),R(),L(10,`dd`),J(11),R()(),L(12,`div`)(13,`dt`),J(14,`Hydrated nodes`),R(),L(15,`dd`),J(16),R()(),L(17,`div`)(18,`dt`),J(19,`Skipped components`),R(),L(20,`dd`),J(21),R()(),L(22,`div`)(23,`dt`),J(24,`App stable after`),R(),L(25,`dd`),J(26),R()(),L(27,`div`)(28,`dt`),J(29,`Incremental defer blocks`),R(),L(30,`dd`),J(31),R()(),M(32,uZ,15,5),R(),M(33,mZ,5,1),M(34,gZ,5,0),M(35,_Z,7,0)(36,bZ,5,2)),e&2){let e,n=t;A(5),q(`on`,n.enabled)(`off-tag`,!n.enabled),A(),Y(n.enabled?`yes`:`no (client render only)`),A(5),Y(n.hydratedComponents??`n/a`),A(5),Y(n.hydratedNodes??`n/a`),A(5),Y(n.componentsSkippedHydration??`n/a`),A(5),Y(n.stableMs===void 0?`n/a`:n.stableMs+` ms`),A(5),Y(n.deferBlocksWithIncrementalHydration??`n/a`),A(),N((e=n.nodes)?32:-1,e),A(),N(n.mismatches?.length?33:-1),A(),N(n.skipHydrationHosts.length?34:-1),A(),N(n.warningsCaptured===!1?35:36)}}function SZ(e,t){e&1&&(L(0,`div`,11)(1,`p`),J(2,`No hydration data for this page.`),R(),L(3,`p`,56),J(4,`Open a server rendered page of the app to see its stats.`),R()())}function CZ(e,t){e&1&&(L(0,`div`,11)(1,`p`),J(2,`No TransferState script: this page was not server rendered.`),R()())}function wZ(e,t){if(e&1&&(L(0,`p`,129),J(1),R()),e&2){let e=G(2);A(),Y(e.error)}}function TZ(e,t){e&1&&(L(0,`span`,94),J(1),R()),e&2&&(A(),Y(t))}function EZ(e,t){if(e&1&&(L(0,`span`,94),J(1),R(),L(2,`span`,132),J(3),R()),e&2){let e=t,n=G().$implicit,r=G(3);q(`server`,r.statusTone(e.status)===`ok`)(`fault`,r.statusTone(e.status)===`bad`),A(),X(`HTTP `,e.status),A(2),Y(e.url??n.key)}}function DZ(e,t){if(e&1&&(L(0,`span`,132),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.key)}}function OZ(e,t){if(e&1){let e=H();L(0,`button`,105),U(`click`,function(){E(e);let t=G().$implicit;return D(G(3).editEntry(t))}),J(1,` Edit in SSR overrides `),R()}if(e&2){let e=G().$implicit;j(`aria-label`,`Edit in SSR overrides, key `+e.key)}}function kZ(e,t){if(e&1){let e=H();L(0,`details`)(1,`summary`),z(2,`span`,131),M(3,TZ,2,1,`span`,94),M(4,EZ,4,6)(5,DZ,2,1,`span`,132),L(6,`span`,133),J(7),R()(),L(8,`div`,134)(9,`span`,135),J(10,`Key`),R(),L(11,`code`,136),J(12),R(),L(13,`div`,137)(14,`button`,105),U(`click`,function(){let t=E(e).$implicit;return D(G(3).copyKey(t.key))}),J(15,` Copy `),R(),M(16,OZ,2,1,`button`,103),R()(),L(17,`pre`,138),J(18),xv(19,`json`),R()()}if(e&2){let e,n,r=t.$implicit,i=G(3);A(3),N((e=i.payloadLabel(r))?3:-1,e),A(),N((n=r.http)?4:5,n),A(3),X(``,r.size,` B`),A(5),Y(r.key),A(2),j(`aria-label`,`Copy key `+r.key),A(2),N(i.canEditEntry(r)?16:-1),A(),j(`aria-label`,`Value of `+r.key),A(),Y(Cv(19,8,r.value))}}function AZ(e,t){if(e&1&&(L(0,`p`,128),J(1),R(),M(2,wZ,2,1,`p`,129),L(3,`div`,130),P(4,kZ,20,10,`details`,null,nX),R()),e&2){let e=G();A(),rv(` `,e.entries.length,` entr`,e.entries.length===1?`y`:`ies`,`, `,e.size,` bytes `),A(),N(e.error?2:-1),A(2),F(e.entries)}}function jZ(e,t){e&1&&M(0,CZ,3,0,`div`,11)(1,AZ,6,4),e&2&&N(+!!t.found)}function MZ(e,t){e&1&&(L(0,`div`,11)(1,`p`),J(2,`Open a page of the app to see its payload.`),R()())}var NZ={kind:`render-error`,pattern:``,message:``,key:``,value:``},PZ={"render-error":`Render error`,"client-render":`Client render`,"state-edit":`TransferState edit`},FZ={server:`Server`,prerender:`Prerender`,client:`Client`,redirect:`Redirect`,"not-rendered":`Not rendered`,unknown:`Unknown`},IZ={pattern:``,method:``,target:`both`,status:``,delayMs:``,body:``};function LZ(e){try{let t=new URL(e,`http://x`);return t.pathname+t.search}catch{return e}}var RZ=/\[redacted\]|%5Bredacted%5D/gi;function zZ(e){return(/^([a-z][a-z\d+.-]*:|\/\/)/i.test(e)?LZ(e):e).replace(RZ,`*`)}function BZ(e){let t=SO(e);if(t!==null)return t;try{return JSON.parse(e),e.trim()}catch{return null}}var VZ=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];function HZ(e){try{return new URL(e,`http://x`).pathname}catch{return``}}function UZ(e){let t=HZ(e);return t===`/`?``:t}var WZ=/\[redacted\]|%5Bredacted%5D/i,GZ=200,KZ=50,qZ=500,JZ=1e5,YZ=[{value:``,label:`None`},...KT.map(([e,t])=>({value:String(e),label:`${e} ${t}`}))],XZ=class e{rpc=$(null);canWrite=Q(()=>FE(this.rpc(),`http`));writesOff=iE(`http`);loading=k(!1);failed=k(!1);serverCalls=k([]);pages=k([]);payloads=k({});serverDropped=k(0);requests=k([]);rules=k([]);overrides=k([]);overrideDraft=k({...NZ});overrideFromPayload=k(null);overrideKindOptions=[{value:`render-error`,label:`Render error`},{value:`client-render`,label:`Force Client render`},{value:`state-edit`,label:`Edit TransferState entry`}];overrideValueError=Q(()=>{let e=this.overrideDraft().value.trim();if(!e)return``;try{return JSON.parse(e),``}catch{return`The value must be valid JSON.`}});overrideReady=Q(()=>{let e=this.overrideDraft();return!e.pattern.trim()||this.overrides().length>=20?!1:e.kind!==`state-edit`||!!e.key.trim()&&!this.overrideValueError()});hostPageId=hE();selectedPageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&e.some(e=>e.pageId===t.value)?t.value:e.find(e=>e.pageId===this.hostPageId)?.pageId??e[0]?.pageId??null});selectedCallId=k(null);draft=k({...IZ});message=k(``);bodyPlaceholder=`{ "error": "Service unavailable" }`;statusOptions=YZ;unsubscribe=[];destroyRef=w(Es);injector=w(ws);host=w(Fl);selected=Q(()=>this.pages().find(e=>e.pageId===this.selectedPageId())??null);pageRequestId=Q(()=>this.selected()?.ssrRequestId??null);selectedRequestId=Fv(()=>this.pageRequestId());selectedPayload=Q(()=>{let e=this.selectedPageId();return e?this.payloads()[e]??null:null});maxCalls=Q(()=>PE(this.rpc()).limits.httpCalls);droppedCalls=Q(()=>(this.selected()?.dropped??0)+this.serverDropped());pageServerCalls=Q(()=>{let e=this.selected()?.initialUrl;return e?this.serverCalls().filter(t=>!t.pageUrl||t.pageUrl===e):this.serverCalls()});timeline=Q(()=>[...this.pageServerCalls(),...this.selected()?.calls??[]].sort((e,t)=>t.at-e.at));callQuery=k(``);sideFilter=k(`all`);failedOnly=k(!1);sideOptions=[{value:`all`,label:`All sides`},{value:`server`,label:`SSR`},{value:`client`,label:`Client`}];visibleCalls=Q(()=>{let e=this.callQuery().trim().toLowerCase(),t=this.sideFilter()??`all`,n=this.failedOnly();return this.timeline().filter(r=>(t===`all`||r.side===t)&&(!n||this.isFailed(r))&&(!e||`${r.method} ${r.url}`.toLowerCase().includes(e)||`${r.method} ${LZ(r.url)}`.toLowerCase().includes(e)))});filterStatus=Q(()=>{this.callQuery(),this.sideFilter(),this.failedOnly(),this.filterFlip=!this.filterFlip;let e=Nv(()=>`${this.visibleCalls().length} of ${this.timeline().length}`);return this.filterFlip?`${e}\u00a0`:e});filterFlip=!0;selectedCall=Q(()=>this.visibleCalls().find(e=>e.id===this.selectedCallId())??null);selectedRequest=Q(()=>this.requests().find(e=>e.id===this.selectedRequestId())??null);requestCalls=Q(()=>{let e=this.selectedRequest()?.id;return e?this.serverCalls().filter(t=>t.requestId===e):[]});requestPage=Q(()=>{let e=this.selectedRequest()?.id;return e?this.pages().find(t=>t.ssrRequestId===e)??null:null});refetched=Q(()=>{let e=this.selectedRequest(),t=this.requestPage();if(!e||!t)return[];let n=new Set(this.requestCalls().filter(e=>e.status).map(e=>`${e.method} ${LZ(e.url)}`));return t.calls.filter(t=>t.side===`client`&&!t.cacheHit&&!t.mocked&&t.at>=e.at&&n.has(`${t.method} ${LZ(t.url)}`))});draftMocksOnServer=Q(()=>{let e=this.draftRule();return!!e&&this.mocksOnServer(e)});draftRule=Q(()=>{let e=this.draft(),t=e.pattern.trim();if(!t||t.length>qZ||this.bodyError()||this.rules().length>=KZ)return null;let n=e.body.trim(),r=Math.min(Math.max(Math.round(Number(e.delayMs))||0,0),1e4),i=e.status.trim()?Number(e.status):n?200:void 0;return i!==void 0&&!qT(i)||i===void 0&&!r?null:{pattern:t,enabled:!0,target:e.target,...e.method?{method:e.method}:{},...i===void 0?{}:{status:i},...r?{delayMs:r}:{},...n?{body:n}:{}}});draftHint=Q(()=>{let e=this.draft();return this.rules().length>=KZ?`You can add up to ${KZ} rules. Remove one to add another.`:e.pattern.trim()?e.pattern.trim().length>qZ?`The URL pattern is limited to ${qZ} characters.`:this.bodyError()?``:e.status.trim()&&!qT(Number(e.status))?`Pick a status from the list.`:this.draftRule()?!e.status.trim()&&e.body.trim()?`With no status, the mock body returns 200.`:``:`Set a status, a delay or a mock body.`:`Enter a URL pattern to add a rule.`});bodyError=Q(()=>{let e=this.draft().body.trim();if(!e)return``;if(e.length>JZ)return`The mock body is limited to ${JZ} characters.`;try{return JSON.parse(e),``}catch{return`The mock body must be valid JSON.`}});constructor(){pc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.stopListening())}async load(e){this.loading.set(!0),this.failed.set(!1);try{let t=e.scope(`pangular`).rpc,[n,r]=await Promise.all([t.sharedState(`http`),t.sharedState(`http-payloads`)]);if(this.destroyRef.destroyed)return;let i=e=>{let t=e;this.serverCalls.set(t?.serverCalls??[]),this.serverDropped.set(t?.serverDropped??0),this.requests.set([...t?.requests??[]].reverse()),this.pages.set(t?.pages??[]),this.rules.set(t?.rules??[]),this.overrides.set(t?.ssrOverrides??[])},a=e=>this.payloads.set(e?.pages??{});i(n.value()),a(r.value()),this.stopListening(),this.unsubscribe=[n.on(`updated`,i),r.on(`updated`,a)]}catch{this.failed.set(!0)}finally{this.loading.set(!1)}}retry(){let e=this.rpc();e&&this.load(e)}guardVerdict(e){return e.guards?.passed===!1?e.outcome===`redirected`?`redirected`:`rejected`:``}msLabel(e){return e===void 0?`n/a`:`${e} ms`}skipText(e){return GT[e]??``}refetchReason(e){let t=`${e.method} ${LZ(e.url)}`,n=this.requestCalls().filter(e=>`${e.method} ${LZ(e.url)}`===t),r=n[0];return r?.cacheSkip&&n.every(e=>e.cacheSkip===r.cacheSkip)?this.skipText(r.cacheSkip):``}compressedWith(e){if(e.compressedBeforeTrace)return e.headers[`content-encoding`]??`unknown encoding`}renderModeLabel(e){return FZ[e]??`Unknown`}statusLabel(e){return e.cancelled?`cancelled`:e.status?String(e.status):`ERR`}callTone(e){return e.cancelled?`neutral`:this.statusTone(e.status)}isFailed(e){return!!e.cancelled||!e.status||e.status>=400}clearCallFilters(){this.callQuery.set(``),this.sideFilter.set(`all`),this.failedOnly.set(!1),this.host.nativeElement.querySelector(`#timeline-search`)?.focus()}rulePatternOf(e){return e.rulePattern?e.rulePattern:e.ruleId?this.rules().find(t=>t.id===e.ruleId)?.pattern??null:null}openCall(e){this.selectedCallId.set(e),Vd(()=>this.host.nativeElement.querySelector(`#preview-heading`)?.focus(),{injector:this.injector})}previewText(e){if(e.preview!==void 0)return SO(e.preview)??e.preview}async copyPreview(e){let t=this.previewText(e);if(t)try{await navigator.clipboard.writeText(t),this.message.set(`Copied.`)}catch{this.message.set(`The clipboard is not available here.`)}}mockCall(e){let t=e.method.toUpperCase(),n=zZ(e.url),r=e.error||!e.preview?null:BZ(e.preview);this.draft.set({...IZ,pattern:n,method:t,body:r??``});let i=`${t} ${n}`;this.message.set(r?`Filled in a rule for ${i} with the preview as its body. Check it, then add the rule.`:e.preview&&!e.error?`Filled in a rule for ${i}. The preview is not complete JSON, so it is not used as the body.`:`Filled in a rule for ${i}. Set a status, a delay or a body, then add the rule.`),Vd(()=>this.host.nativeElement.querySelector(`#rule-pattern`)?.focus(),{injector:this.injector})}closePreview(){let e=this.selectedCallId();this.selectedCallId.set(null),e&&[...this.host.nativeElement.querySelectorAll(`button[data-call-id]`)].find(t=>t.dataset.callId===e)?.focus()}stopListening(){for(let e of this.unsubscribe.splice(0))e()}statusTone(e){return e===void 0?`neutral`:e===0||e>=400?`bad`:e>=300?`redirect`:e>=200?`ok`:`neutral`}mocksOnServer(e){return e.target!==`client`&&e.status!==void 0&&e.status<400}payloadLabel(e){return e.source===`hydration`?`hydration annotations`:e.fn?`Analog server function ${e.fn.name??e.fn.id}`:e.source===`analog`?`Analog`:null}targetLabel(e){return e===`both`?`SSR + client`:e===`server`?`SSR only`:`Client only`}pageOptions=Q(()=>this.pages().map(e=>({value:e.pageId,label:e.title||e.url})));methodOptions=Q(()=>{let e=this.draft().method;return[{value:``,label:`Any`},...(e&&!VZ.includes(e)?[...VZ,e]:VZ).map(e=>({value:e,label:e}))]});targetOptions=[{value:`both`,label:`SSR + client`},{value:`server`,label:`SSR only`},{value:`client`,label:`Client only`}];selectPage(e){e&&this.selectedPageId.set(e),this.selectedCallId.set(null),this.overrideFromPayload.set(null)}setDraft(e,t){this.draft.update(n=>({...n,[e]:t}))}patch(e,t){let n=t.target.value;this.draft.update(t=>({...t,[e]:n}))}async addRule(e){e.preventDefault();let t=this.draftRule();if(!t)return;let n={id:`r${Date.now().toString(36)}${Math.random().toString(36).slice(2,6)}`,...t};await this.saveRules([...this.rules(),n],`Rule added.`,n)&&(this.draft.set({...IZ}),this.host.nativeElement.querySelector(`#rule-pattern`)?.focus())}toggleRule(e){let t=this.rules().find(t=>t.id===e);t&&this.saveRules(this.rules().map(t=>t.id===e?{...t,enabled:!t.enabled}:t),`Rule updated.`,t)}async removeRule(e){let t=this.rules().findIndex(t=>t.id===e);if(t<0)return;let n=this.rules().filter(t=>t.id!==e);await this.saveRules(n,`Rule removed.`,this.rules()[t])&&this.focusAfterRemove(`[data-remove-rule]`,t,`#rule-list-heading`)}async clearCalls(){try{await yE(this.rpc(),`clear-http-calls`),this.selectedCallId.set(null),this.message.set(`Timeline cleared.`)}catch{this.message.set(`Could not clear the timeline.`)}}overrideLabel(e){return PZ[e]??e}setOverrideDraft(e,t){this.overrideDraft.update(n=>({...n,[e]:t})),e===`kind`&&t!==`state-edit`&&this.overrideFromPayload.set(null)}patchOverride(e,t){let n=t.target.value;this.overrideDraft.update(t=>({...t,[e]:n})),e===`key`&&this.overrideFromPayload.set(null)}async copyKey(e){try{await navigator.clipboard.writeText(e),this.message.set(`Copied.`)}catch{this.message.set(`The clipboard is not available here.`)}}canEditEntry(e){let{key:t}=e;return this.canWrite()&&!!t&&t===t.trim()&&t.length<=GZ&&!WZ.test(t)}editEntry(e){if(!this.canEditEntry(e))return;let t=this.selected();this.overrideDraft.set({...NZ,kind:`state-edit`,pattern:t?UZ(t.initialUrl??t.url):``,key:e.key}),this.overrideFromPayload.set(e.http?`http`:`other`),this.message.set(`Editing the TransferState entry in SSR overrides.`),Vd(()=>{let e=this.host.nativeElement.querySelector(this.overrideDraft().pattern?`#override-value`:`#override-pattern`);e?.scrollIntoView?.({block:`center`}),e?.focus()},{injector:this.injector})}async addOverride(e){if(e.preventDefault(),!this.overrideReady())return;let t=this.overrideDraft(),n={id:`o${Date.now().toString(36)}${Math.random().toString(36).slice(2,6)}`,kind:t.kind,pattern:t.pattern.trim(),enabled:!0,...t.kind===`render-error`&&t.message.trim()?{message:t.message.trim()}:{},...t.kind===`state-edit`?{key:t.key.trim()}:{},...t.kind===`state-edit`&&t.value.trim()?{value:t.value.trim()}:{}};await this.saveOverrides([...this.overrides(),n],`Override added. Reload the page.`)&&(this.overrideDraft.set({...NZ,kind:t.kind}),this.overrideFromPayload.set(null),this.host.nativeElement.querySelector(`#override-pattern`)?.focus())}toggleOverride(e){this.saveOverrides(this.overrides().map(t=>t.id===e?{...t,enabled:!t.enabled}:t),`Override updated. Reload the page.`)}async removeOverride(e){let t=this.overrides().findIndex(t=>t.id===e);if(t<0)return;let n=this.overrides().filter(t=>t.id!==e);await this.saveOverrides(n,`Override removed.`)&&this.focusAfterRemove(`[data-remove-override]`,t,`#override-list-heading`)}focusAfterRemove(e,t,n){Vd(()=>{let r=this.host.nativeElement,i=r.querySelectorAll(e);(i[Math.min(t,i.length-1)]??r.querySelector(n))?.focus()},{injector:this.injector})}announce(e){if(this.message()!==e){this.message.set(e);return}this.message.set(``),Vd(()=>{this.message()===``&&this.message.set(e)},{injector:this.injector})}async saveOverrides(e,t){try{let n=await yE(this.rpc(),`set-ssr-overrides`,e);return this.overrides.set(Array.isArray(n)?n:e),this.announce(t),!0}catch{return this.message.set(`Could not save the overrides.`),!1}}async saveRules(e,t,n){try{let r=await yE(this.rpc(),`set-http-rules`,e);return this.rules.set(Array.isArray(r)?r:e),this.announce(n.target===`client`?t:`${t} Reload the page to apply it to SSR.`),!0}catch{return this.message.set(`Could not save the rules.`),!1}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-network-inspector`]],inputs:{rpc:[1,`rpc`]},decls:128,vars:54,consts:[[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`,`error`],[1,`toolbar`],[1,`page-picker`],[`id`,`page-picker-label`],[`labelledBy`,`page-picker-label`,`emptyText`,`No connected page`,`placeholder`,`No connected page`,3,`valueChange`,`options`,`value`],[`type`,`button`,3,`click`,`disabled`],[`role`,`status`,1,`message`],[1,`grid`],[`aria-labelledby`,`ssr-heading`,1,`panel`,`wide`],[`id`,`ssr-heading`],[1,`empty`],[`aria-labelledby`,`timeline-heading`,1,`panel`,`wide`],[`id`,`timeline-heading`],[`what`,`HTTP calls`,`limit`,`httpCalls`,3,`dropped`,`max`],[`role`,`group`,`aria-label`,`Filter the HTTP timeline`,1,`filters`],[1,`search`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`id`,`timeline-search`,`type`,`search`,`placeholder`,`Find a URL or method…`,`aria-label`,`Find a URL or method`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Side`,1,`side-filter`,3,`valueChange`,`options`,`value`],[1,`inline`,`failed-toggle`],[`type`,`checkbox`,3,`change`,`checked`],[1,`total`],[`role`,`status`,1,`sr-only`],[1,`table-wrap`],[`role`,`status`,1,`empty`,`no-match`],[`id`,`call-preview`,`role`,`region`,`aria-labelledby`,`preview-heading`,1,`preview`],[`aria-labelledby`,`rules-heading`,1,`panel`],[`id`,`rules-heading`],[`id`,`http-writes-off`,1,`muted`,`small`],[`id`,`rule-form`,1,`rule-form`,3,`submit`],[1,`hint`],[`id`,`rule-pattern`,`required`,``,`spellcheck`,`false`,`autocomplete`,`off`,`placeholder`,`e.g. /api/products`,3,`input`,`value`],[1,`row`],[1,`field-group`],[`id`,`rule-method-label`],[`labelledBy`,`rule-method-label`,3,`valueChange`,`options`,`value`],[`id`,`rule-target-label`],[`labelledBy`,`rule-target-label`,3,`valueChange`,`describedBy`,`options`,`value`],[`id`,`rule-status-label`],[`labelledBy`,`rule-status-label`,3,`valueChange`,`describedBy`,`options`,`value`],[`type`,`number`,`inputmode`,`numeric`,`min`,`0`,`max`,`10000`,`placeholder`,`0`,3,`input`,`value`],[`rows`,`3`,`spellcheck`,`false`,`aria-describedby`,`body-error`,3,`input`,`placeholder`,`value`],[`id`,`body-error`,1,`field-error`],[`id`,`rule-ssr-note`,1,`muted`,`small`],[`id`,`rule-hint`,1,`muted`,`small`],[1,`form-actions`],[`type`,`submit`,3,`disabled`],[`id`,`rule-list-heading`,`tabindex`,`-1`,1,`rules-heading`],[1,`rules`],[3,`off`],[1,`empty-rule`],[`aria-labelledby`,`overrides-heading`,1,`panel`],[`id`,`overrides-heading`],[1,`muted`,`small`],[1,`rule-form`,3,`submit`],[`id`,`override-kind-label`],[`labelledBy`,`override-kind-label`,3,`valueChange`,`describedBy`,`options`,`value`],[`id`,`override-pattern`,`required`,``,`spellcheck`,`false`,`autocomplete`,`off`,`placeholder`,`e.g. /examples/ssr`,3,`input`,`value`],[`id`,`override-kind-help`,1,`muted`,`small`],[`id`,`override-list-heading`,`tabindex`,`-1`,1,`rules-heading`],[`aria-labelledby`,`hydration-heading`,1,`panel`],[`id`,`hydration-heading`],[`aria-labelledby`,`payload-heading`,1,`panel`,`wide`],[`id`,`payload-heading`],[`aria-hidden`,`true`,1,`spinner`],[`type`,`button`,3,`click`],[`scope`,`col`],[`scope`,`col`,1,`num`],[3,`selected`],[`id`,`ssr-detail`,`role`,`region`,`aria-labelledby`,`ssr-detail-heading`,1,`preview`],[3,`click`],[1,`url`],[`type`,`button`,`aria-controls`,`ssr-detail`,1,`link`,3,`title`],[1,`method`],[1,`status`],[`aria-hidden`,`true`,1,`dot`],[1,`num`],[1,`notes`],[1,`tag`,`server`],[1,`tag`,`mock`],[1,`tag`,`fault`],[`id`,`ssr-detail-heading`],[1,`stats`],[1,`muted`,`small`,`ok-note`],[1,`request-call`],[1,`muted`],[1,`stats`,`nav-stats`],[1,`preview-url`,3,`title`],[1,`tag`,3,`title`],[1,`muted`,`small`,`skip-reason`],[`appRovingList`,`button[data-call-id]`],[1,`tag`],[`type`,`button`,1,`link`,3,`title`],[1,`page-url`,3,`title`],[1,`tag`,`rule-ref`,3,`title`],[1,`empty-actions`],[`id`,`call-preview`,`role`,`region`,`aria-labelledby`,`preview-heading`,1,`preview`,3,`keydown.escape`],[1,`preview-head`],[`id`,`preview-heading`,`tabindex`,`-1`],[1,`preview-actions`],[`type`,`button`,1,`ghost`],[`type`,`button`,`aria-controls`,`rule-form`,1,`ghost`,3,`click`,`disabled`],[`type`,`button`,1,`ghost`,3,`click`],[1,`preview-meta`],[1,`preview-rule`],[`tabindex`,`0`,`role`,`region`,1,`preview-body`],[1,`inline`],[`type`,`checkbox`,3,`change`,`checked`,`disabled`],[1,`rule-pattern`,3,`title`],[1,`rule-method`],[`type`,`button`,`data-remove-rule`,``,1,`link`,`remove`,3,`click`,`disabled`],[1,`rule-meta`],[1,`status`,3,`ok`,`redirect`,`bad`],[1,`rule-note`],[`spellcheck`,`false`,`placeholder`,`Simulated render error`,`aria-describedby`,`override-kind-help`,3,`input`,`value`],[`id`,`override-key`,`spellcheck`,`false`,`autocomplete`,`off`,3,`input`,`value`],[`id`,`override-value`,`rows`,`3`,`spellcheck`,`false`,3,`input`,`value`],[`id`,`override-value-error`,1,`field-error`],[`id`,`override-value-note`,1,`muted`,`small`],[`type`,`button`,`data-remove-override`,``,1,`link`,`remove`,3,`click`,`disabled`],[1,`plain`,`mismatches`],[1,`mismatch-row`],[1,`mismatch-label`],[1,`plain`],[1,`warn`],[1,`muted`,`small`,`summary-line`],[`role`,`alert`,1,`bad`],[1,`entries`],[`aria-hidden`,`true`,1,`chevron`],[1,`entry-key`],[1,`entry-size`],[1,`entry-key-row`],[1,`entry-key-label`],[1,`entry-key-text`],[1,`entry-actions`],[`tabindex`,`0`,`role`,`region`]],template:function(e,t){if(e&1&&(M(0,rX,4,0,`div`,0)(1,iX,7,0,`div`,1),L(2,`div`,2)(3,`div`,3)(4,`span`,4),J(5,`Page`),R(),L(6,`app-select`,5),U(`valueChange`,function(e){return t.selectPage(e)}),R()(),L(7,`button`,6),U(`click`,function(){return t.clearCalls()}),J(8,` Clear timeline `),R(),L(9,`p`,7),J(10),R()(),L(11,`div`,8)(12,`section`,9)(13,`h2`,10),J(14),R(),M(15,AX,20,1)(16,jX,11,0,`div`,11),R(),L(17,`section`,12)(18,`h2`,13),J(19),R(),z(20,`app-limit-note`,14),L(21,`div`,15)(22,`div`,16),O(),L(23,`svg`,17),z(24,`circle`,18)(25,`path`,19),R(),gs(),L(26,`input`,20),U(`input`,function(e){return t.callQuery.set(e.target.value)})(`keydown.escape`,function(){return t.callQuery.set(``)}),R()(),L(27,`app-select`,21),cv(`valueChange`,function(e){return sv(t.sideFilter,e)||(t.sideFilter=e),e}),R(),L(28,`label`,22)(29,`input`,23),U(`change`,function(e){return t.failedOnly.set(e.target.checked)}),R(),J(30,` Failed only `),R(),L(31,`span`,24),J(32),R(),L(33,`span`,25),J(34),R()(),M(35,RX,21,0,`div`,26)(36,VX,9,1,`div`,27)(37,HX,11,0,`div`,11),M(38,GX,20,18,`div`,28),R(),L(39,`section`,29)(40,`h2`,30),J(41,`Fault injection`),R(),M(42,KX,2,1,`p`,31),L(43,`form`,32),U(`submit`,function(e){return t.addRule(e)}),L(44,`label`)(45,`span`),J(46,`URL pattern `),L(47,`span`,33),J(48,`(substring or * glob, ^ anchors the path)`),R()(),L(49,`input`,34),U(`input`,function(e){return t.patch(`pattern`,e)}),R()(),L(50,`div`,35)(51,`div`,36)(52,`span`,37),J(53,`Method`),R(),L(54,`app-select`,38),U(`valueChange`,function(e){return t.setDraft(`method`,e??``)}),R()(),L(55,`div`,36)(56,`span`,39),J(57,`Apply on`),R(),L(58,`app-select`,40),U(`valueChange`,function(e){return t.setDraft(`target`,e??`both`)}),R()()(),L(59,`div`,35)(60,`div`,36)(61,`span`,41),J(62,`Status`),R(),L(63,`app-select`,42),U(`valueChange`,function(e){return t.setDraft(`status`,e??``)}),R()(),L(64,`label`),J(65,` Delay (ms) `),L(66,`input`,43),U(`input`,function(e){return t.patch(`delayMs`,e)}),R()()(),L(67,`label`)(68,`span`),J(69,`Mock JSON body `),L(70,`span`,33),J(71,`(optional)`),R()(),L(72,`textarea`,44),U(`input`,function(e){return t.patch(`body`,e)}),R()(),L(73,`p`,45),J(74),R(),M(75,qX,2,0,`p`,46),L(76,`p`,47),J(77),R(),L(78,`div`,48)(79,`button`,49),J(80,` Add rule `),R()()(),L(81,`h3`,50),J(82),R(),L(83,`ul`,51),P(84,$X,17,17,`li`,52,$Y,!1,eZ,2,0,`li`,53),R()(),L(87,`section`,54)(88,`h2`,55),J(89,`SSR overrides`),R(),L(90,`p`,56),J(91,` Development only. These change what the server sends for matching pages, from the next full page load, and the request is marked `),L(92,`strong`),J(93,`overridden`),R(),J(94,`. `),R(),L(95,`form`,57),U(`submit`,function(e){return t.addOverride(e)}),L(96,`div`,36)(97,`span`,58),J(98,`Override`),R(),L(99,`app-select`,59),U(`valueChange`,function(e){return t.setOverrideDraft(`kind`,e??`render-error`)}),R()(),L(100,`label`)(101,`span`),J(102,`Page pattern `),L(103,`span`,33),J(104,`(substring or * glob, ^ anchors the path)`),R()(),L(105,`input`,60),U(`input`,function(e){return t.patchOverride(`pattern`,e)}),R()(),M(106,tZ,8,1)(107,iZ,12,6)(108,aZ,11,0,`p`,61),L(109,`div`,48)(110,`button`,49),J(111,` Add override `),R()()(),L(112,`h3`,62),J(113),R(),L(114,`ul`,51),P(115,cZ,12,12,`li`,52,$Y,!1,lZ,2,0,`li`,53),R()(),L(118,`section`,63)(119,`h2`,64),J(120,`Hydration`),R(),M(121,xZ,37,14)(122,SZ,5,0,`div`,11),R(),L(123,`section`,65)(124,`h2`,66),J(125,`TransferState payload`),R(),M(126,jZ,2,1)(127,MZ,3,0,`div`,11),R()()),e&2){let e,n,r,i;N(t.loading()?0:t.failed()?1:-1),A(6),I(`options`,t.pageOptions())(`value`,t.selected()?.pageId??null),A(),I(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),A(3),Y(t.message()),A(4),X(`SSR requests (`,t.requests().length,`)`),A(),N(t.requests().length?15:16),A(4),X(`HTTP timeline (`,t.timeline().length,`)`),A(),I(`dropped`,t.droppedCalls())(`max`,t.maxCalls()),A(),q(`no-calls`,!t.timeline().length),A(5),I(`value`,t.callQuery()),A(),I(`options`,t.sideOptions),ov(`value`,t.sideFilter),A(2),I(`checked`,t.failedOnly()),A(3),Z(``,t.visibleCalls().length,` of `,t.timeline().length),A(2),Y(t.filterStatus()),A(),N(t.visibleCalls().length?35:t.timeline().length?36:37),A(3),N((e=t.selectedCall())?38:-1,e),A(4),N(t.canWrite()?-1:42),A(7),I(`value`,t.draft().pattern),A(5),I(`options`,t.methodOptions())(`value`,t.draft().method),A(4),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.targetOptions)(`value`,t.draft().target),A(5),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.statusOptions)(`value`,t.draft().status),A(3),I(`value`,t.draft().delayMs),A(6),I(`placeholder`,t.bodyPlaceholder)(`value`,t.draft().body),j(`aria-invalid`,t.bodyError()?`true`:null),A(2),Y(t.bodyError()),A(),N(t.draftMocksOnServer()?75:-1),A(2),Y(t.draftHint()),A(2),I(`disabled`,!t.canWrite()||!t.draftRule()),j(`aria-describedby`,t.canWrite()?`rule-hint`:`http-writes-off`),A(3),X(` Rules (`,t.rules().length,`) `),A(2),F(t.rules()),A(15),I(`describedBy`,t.overrideDraft().kind===`state-edit`?``:`override-kind-help`)(`options`,t.overrideKindOptions)(`value`,t.overrideDraft().kind),A(6),I(`value`,t.overrideDraft().pattern),A(),N((n=t.overrideDraft().kind)===`render-error`?106:n===`state-edit`?107:n===`client-render`?108:-1),A(4),I(`disabled`,!t.canWrite()||!t.overrideReady()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),A(3),X(` Overrides (`,t.overrides().length,`) `),A(2),F(t.overrides()),A(6),N((r=t.selected()?.hydration)?121:122,r),A(5),N((i=t.selectedPayload())?126:127,i)}},dependencies:[TO,GL,XD,hb],styles:[`@charset "UTF-8";
+}`]})},hX=(e,t)=>t.id,gX=(e,t)=>t.id+t.kind,_X=(e,t)=>t.side+t.id,vX=(e,t)=>t.key;function yX(e,t){e&1&&(L(0,`div`,0),z(1,`span`,67),L(2,`span`),J(3,`Loading…`),R()())}function bX(e,t){if(e&1){let e=H();L(0,`div`,1)(1,`strong`),J(2,`Could not reach the devtools server.`),R(),L(3,`span`),J(4,`Check that the app's dev server is running with the devtools plugin.`),R(),L(5,`button`,68),U(`click`,function(){return E(e),D(G().retry())}),J(6,`Try again`),R()()}}function xX(e,t){e&1&&(L(0,`span`,81),J(1,`this page`),R())}function SX(e,t){e&1&&(L(0,`span`,82),J(1,`overridden`),R())}function CX(e,t){e&1&&(L(0,`span`,83),J(1,`aborted`),R())}function wX(e,t){if(e&1){let e=H();L(0,`tr`,73),U(`click`,function(){let t=E(e).$implicit;return D(G(2).selectedRequestId.set(t.id))}),L(1,`td`,74)(2,`button`,75)(3,`span`,76),J(4),R(),J(5),R()(),L(6,`td`,77),z(7,`span`,78),J(8),R(),L(9,`td`),J(10),R(),L(11,`td`,79),J(12),R(),L(13,`td`,79),J(14),R(),L(15,`td`)(16,`div`,80),M(17,xX,2,0,`span`,81),M(18,SX,2,0,`span`,82),M(19,CX,2,0,`span`,83),R()()()}if(e&2){let e=t.$implicit,n=G(2);q(`selected`,n.selectedRequest()?.id===e.id),A(2),I(`title`,e.url),j(`aria-pressed`,n.selectedRequest()?.id===e.id),A(2),Y(e.method),A(),X(` `,e.url,` `),A(),q(`ok`,n.statusTone(e.status)===`ok`)(`redirect`,n.statusTone(e.status)===`redirect`)(`bad`,n.statusTone(e.status)===`bad`),A(2),X(``,e.status,` `),A(2),Y(n.renderModeLabel(e.renderMode)),A(2),X(``,e.renderMs,` ms`),A(2),Z(``,e.fetches,` (`,e.fetchMs,` ms)`),A(3),N(e.id===n.selected()?.ssrRequestId?17:-1),A(),N(e.overrides?.length?18:-1),A(),N(e.aborted?19:-1)}}function TX(e,t){e&1&&(L(0,`p`,56),J(1),L(2,`code`),J(3,`ssrMiddleware`),R(),J(4,` saw it, so the render mode can't be read and TransferState edits can't apply. Mount `),L(5,`code`),J(6,`ssrMiddleware`),R(),J(7,` after `),L(8,`code`),J(9,`compression()`),R(),J(10,`. `),R()),e&2&&(A(),X(` The body was already compressed (`,t,`) when `))}function EX(e,t){if(e&1&&(L(0,`span`,88),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.note)}}function DX(e,t){if(e&1&&(L(0,`p`,87)(1,`span`,82),J(2),R(),L(3,`span`),J(4),R(),M(5,EX,2,1,`span`,88),R()),e&2){let e=t.$implicit,n=G(4);A(2),Y(n.overrideLabel(e.kind)),A(2),Y(e.applied?`applied`:`not applied`),A(),N(e.note?5:-1)}}function OX(e,t){if(e&1&&(L(0,`h3`),J(1,`Overrides from the panel`),R(),L(2,`p`,56),J(3,` This response was changed on purpose, so it is not what the app sends on its own. `),R(),P(4,DX,6,3,`p`,87,gX)),e&2){let e=G();A(4),F(e.overrides)}}function kX(e,t){if(e&1&&(J(0,` to `),L(1,`code`),J(2),R()),e&2){let e=G().$implicit;A(2),Y(e.finalUrl)}}function AX(e,t){if(e&1&&(L(0,`div`)(1,`dt`),J(2,`Guards`),R(),L(3,`dd`),J(4),R()()),e&2){let e=G().$implicit,t=G(4);A(3),q(`bad`,t.guardVerdict(e)===`rejected`),A(),Z(` `,t.msLabel(e.guards.ms),``,t.guardVerdict(e)?`, `+t.guardVerdict(e):``,` `)}}function jX(e,t){if(e&1&&(L(0,`div`)(1,`dt`),J(2,`Resolvers`),R(),L(3,`dd`),J(4),R()()),e&2){let e=G().$implicit,t=G(4);A(4),Y(t.msLabel(e.resolvers.ms))}}function MX(e,t){if(e&1&&(L(0,`div`)(1,`dt`),J(2,`Navigation total`),R(),L(3,`dd`),J(4),R()()),e&2){let e=G().$implicit;A(4),X(``,e.durationMs,` ms`)}}function NX(e,t){if(e&1&&(L(0,`p`,56),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.reason)}}function PX(e,t){if(e&1&&(L(0,`dl`,89)(1,`div`)(2,`dt`),J(3,`Navigation`),R(),L(4,`dd`)(5,`code`),J(6),R(),M(7,kX,3,1),J(8),R()(),M(9,AX,5,4,`div`),M(10,jX,5,1,`div`),M(11,MX,5,1,`div`),R(),M(12,NX,2,1,`p`,56)),e&2){let e=t.$implicit;A(6),Y(e.url),A(),N(e.finalUrl?7:-1),A(),X(` (`,e.outcome,`) `),A(),N(e.guards?9:-1),A(),N(e.resolvers?10:-1),A(),N(e.durationMs===void 0?-1:11),A(),N(e.reason?12:-1)}}function FX(e,t){if(e&1&&(L(0,`h3`),J(1,`Router during the render`),R(),P(2,PX,13,7,null,null,kg)),e&2){let e=G();A(2),F(e.navigations)}}function IX(e,t){e&1&&(L(0,`span`,81),J(1,`cached`),R())}function LX(e,t){if(e&1&&(L(0,`span`,91),J(1,`not cached`),R()),e&2){let e=G().$implicit;I(`title`,G(3).skipText(e.cacheSkip))}}function RX(e,t){if(e&1&&(L(0,`p`,92),J(1),R()),e&2){let e=G().$implicit,t=G(3);A(),X(`Not cached: `,t.skipText(e.cacheSkip),`.`)}}function zX(e,t){if(e&1&&(L(0,`p`,87)(1,`span`,76),J(2),R(),L(3,`span`,90),J(4),R(),L(5,`span`,77),J(6),R(),L(7,`span`,88),J(8),R(),M(9,IX,2,0,`span`,81)(10,LX,2,1,`span`,91),R(),M(11,RX,2,1,`p`,92)),e&2){let e=t.$implicit,n=G(3);A(2),Y(e.method),A(),I(`title`,e.url),A(),Y(e.url),A(),q(`ok`,n.callTone(e)===`ok`)(`bad`,n.callTone(e)===`bad`),A(),Y(n.statusLabel(e)),A(2),X(``,e.durationMs,` ms`),A(),N(e.cacheStored?9:e.cacheSkip?10:-1),A(2),N(!e.cacheStored&&e.cacheSkip?11:-1)}}function BX(e,t){e&1&&(L(0,`p`,56),J(1,`The render made no HttpClient calls.`),R())}function VX(e,t){e&1&&(L(0,`p`,92),J(1),R()),e&2&&(A(),X(`Why: `,t,`.`))}function HX(e,t){if(e&1&&(L(0,`p`,87)(1,`span`,76),J(2),R(),L(3,`span`,90),J(4),R(),L(5,`span`,83),J(6,`cache miss`),R()(),M(7,VX,2,1,`p`,92)),e&2){let e,n=t.$implicit,r=G(4);A(2),Y(n.method),A(),I(`title`,n.url),A(),Y(n.url),A(3),N((e=r.refetchReason(n))?7:-1,e)}}function UX(e,t){if(e&1&&(L(0,`h3`),J(1),R(),L(2,`p`,56),J(3,` These calls ran on the server and again after hydration instead of reading the transfer cache. `),R(),P(4,HX,8,4,null,null,hX)),e&2){let e=G(3);A(),X(`Fetched again in the browser (`,e.refetched().length,`)`),A(3),F(e.refetched())}}function WX(e,t){e&1&&(L(0,`p`,86),J(1,`No server call ran again in the browser.`),R())}function GX(e,t){if(e&1&&(L(0,`div`,72)(1,`h3`,84),J(2),L(3,`code`),J(4),R()(),L(5,`dl`,85)(6,`div`)(7,`dt`),J(8,`Request id`),R(),L(9,`dd`)(10,`code`),J(11),R()()(),L(12,`div`)(13,`dt`),J(14,`Render`),R(),L(15,`dd`),J(16),R()(),L(17,`div`)(18,`dt`),J(19,`Total`),R(),L(20,`dd`),J(21),R()(),L(22,`div`)(23,`dt`),J(24,`Sent`),R(),L(25,`dd`),J(26),R()(),L(27,`div`)(28,`dt`),J(29,`Browser page`),R(),L(30,`dd`),J(31),R()()(),M(32,TX,11,1,`p`,56),M(33,OX,6,0),M(34,FX,4,0),L(35,`h3`),J(36),R(),P(37,zX,12,11,null,null,hX,!1,BX,2,0,`p`,56),M(40,UX,6,1)(41,WX,2,0,`p`,86),R()),e&2){let e,n=t,r=G(2);A(2),X(` `,n.method,` `),A(2),Y(n.url),A(7),Y(n.id),A(5),X(``,n.renderMs,` ms`),A(5),X(``,n.durationMs,` ms`),A(5),X(``,n.bytes,` B`),A(5),Y(r.requestPage()?.title||r.requestPage()?.url||`not connected`),A(),N((e=r.compressedWith(n))?32:-1,e),A(),N(n.overrides?.length?33:-1),A(),N(n.navigations?.length?34:-1),A(2),X(`Server calls (`,r.requestCalls().length,`)`),A(),F(r.requestCalls()),A(3),N(r.refetched().length?40:r.requestPage()&&r.requestCalls().length?41:-1)}}function KX(e,t){if(e&1&&(L(0,`div`,26)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,69),J(5,`Request`),R(),L(6,`th`,69),J(7,`Status`),R(),L(8,`th`,69),J(9,`Render mode`),R(),L(10,`th`,70),J(11,`Render`),R(),L(12,`th`,70),J(13,`Server calls`),R(),L(14,`th`,69),J(15,`Notes`),R()()(),L(16,`tbody`),P(17,wX,20,20,`tr`,71,hX),R()()(),M(19,GX,42,13,`div`,72)),e&2){let e,t=G();A(17),F(t.requests()),A(2),N((e=t.selectedRequest())?19:-1,e)}}function qX(e,t){e&1&&(L(0,`div`,11)(1,`p`),J(2,`No SSR requests traced.`),R(),L(3,`p`,56),J(4,` Add `),L(5,`code`),J(6,`app.use(devtools.ssrMiddleware)`),R(),J(7,` before the Angular handler in `),L(8,`code`),J(9,`server.ts`),R(),J(10,`, then load a server rendered page. `),R()())}function JX(e,t){e&1&&(L(0,`span`,94),J(1,`transfer cache`),R())}function YX(e,t){if(e&1&&(L(0,`span`,94),J(1),R()),e&2){let e=G().$implicit;A(),X(`delayed `,e.delayMs,` ms`)}}function XX(e,t){e&1&&(L(0,`span`,82),J(1,`mocked`),R())}function ZX(e,t){e&1&&(L(0,`span`,83),J(1,`faulted`),R())}function QX(e,t){if(e&1&&(L(0,`span`,97),J(1,`rule `),L(2,`code`),J(3),R()()),e&2){let e=t;I(`title`,`Matched rule: `+e),A(3),Y(e)}}function $X(e,t){if(e&1){let e=H();L(0,`tr`,73),U(`click`,function(){let t=E(e).$implicit;return D(G(2).openCall(t.id))}),L(1,`td`)(2,`span`,94),J(3),R()(),L(4,`td`,76),J(5),R(),L(6,`td`,74)(7,`button`,95),J(8),R()(),L(9,`td`,96),J(10),R(),L(11,`td`,77),z(12,`span`,78),J(13),R(),L(14,`td`,79),J(15),R(),L(16,`td`)(17,`div`,80),M(18,JX,2,0,`span`,94),M(19,YX,2,1,`span`,94),M(20,XX,2,0,`span`,82),M(21,ZX,2,0,`span`,83),M(22,QX,4,2,`span`,97),R()()()}if(e&2){let e,n=t.$implicit,r=G(2);q(`selected`,r.selectedCall()?.id===n.id),A(2),q(`server`,n.side===`server`),A(),Y(n.side===`server`?`SSR`:`Client`),A(2),Y(n.method),A(2),I(`title`,n.url),j(`data-call-id`,n.id)(`aria-pressed`,r.selectedCall()?.id===n.id)(`aria-controls`,r.selectedCall()?`call-preview`:null),A(),X(` `,n.url,` `),A(),I(`title`,n.pageUrl??``),A(),X(` `,n.pageUrl??``,` `),A(),q(`ok`,r.callTone(n)===`ok`)(`redirect`,r.callTone(n)===`redirect`)(`bad`,r.callTone(n)===`bad`),A(2),X(``,r.statusLabel(n),` `),A(2),X(``,n.durationMs,` ms`),A(3),N(n.cacheHit?18:-1),A(),N(n.delayMs?19:-1),A(),N(n.mocked?20:-1),A(),N(n.faulted?21:-1),A(),N((e=r.rulePatternOf(n))?22:-1,e)}}function eZ(e,t){if(e&1&&(L(0,`div`,26)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,69),J(5,`Side`),R(),L(6,`th`,69),J(7,`Method`),R(),L(8,`th`,69),J(9,`URL`),R(),L(10,`th`,69),J(11,`Page`),R(),L(12,`th`,69),J(13,`Status`),R(),L(14,`th`,70),J(15,`Time`),R(),L(16,`th`,69),J(17,`Notes`),R()()(),L(18,`tbody`,93),P(19,$X,23,26,`tr`,71,_X),R()()()),e&2){let e=G();A(19),F(e.visibleCalls())}}function tZ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(2).callQuery().trim(),`” with these filters. `)}function nZ(e,t){e&1&&J(0),e&2&&X(` None of the `,G(2).timeline().length,` requests fit these filters. `)}function rZ(e,t){if(e&1){let e=H();L(0,`div`,27)(1,`p`),J(2,`No requests match.`),R(),L(3,`p`,56),M(4,tZ,1,1)(5,nZ,1,1),R(),L(6,`div`,98)(7,`button`,68),U(`click`,function(){return E(e),D(G().clearCallFilters())}),J(8,`Clear filters`),R()()()}if(e&2){let e=G();A(4),N(e.callQuery().trim()?4:5)}}function iZ(e,t){e&1&&(L(0,`div`,11)(1,`p`),J(2,`No requests yet.`),R(),L(3,`p`,56),J(4,` Add `),L(5,`code`),J(6,`withPangular()`),R(),J(7,` to `),L(8,`code`),J(9,`provideHttpClient`),R(),J(10,`, then load a page of the app. `),R()())}function aZ(e,t){if(e&1){let e=H();L(0,`button`,105),U(`click`,function(){E(e);let t=G();return D(G().copyPreview(t))}),J(1,` Copy `),R()}if(e&2){let e=G();j(`aria-label`,`Copy the response of `+e.method+` `+e.url)}}function oZ(e,t){e&1&&(L(0,`p`,107),J(1,` Matched rule `),L(2,`code`),J(3),R()()),e&2&&(A(3),Y(t))}function sZ(e,t){if(e&1){let e=H();L(0,`div`,99),U(`keydown.escape`,function(){return E(e),D(G().closePreview())}),L(1,`div`,100)(2,`h3`,101),J(3,`Response preview`),R(),L(4,`div`,102),M(5,aZ,2,1,`button`,103),L(6,`button`,104),U(`click`,function(){let t=E(e);return D(G().mockCall(t))}),J(7,` Mock this request `),R(),L(8,`button`,105),U(`click`,function(){return E(e),D(G().closePreview())}),J(9,`Close`),R()()(),L(10,`p`,106)(11,`span`,76),J(12),R(),L(13,`span`,77),J(14),R(),L(15,`span`,90),J(16),R()(),M(17,oZ,4,1,`p`,107),L(18,`pre`,108),J(19),R()()}if(e&2){let e,n=t,r=G();A(5),N(!n.error&&n.preview?5:-1),A(),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`http-writes-off`),A(6),Y(n.method),A(),q(`ok`,r.callTone(n)===`ok`)(`redirect`,r.callTone(n)===`redirect`)(`bad`,r.callTone(n)===`bad`),A(),Y(r.statusLabel(n)),A(),I(`title`,n.url),A(),Y(n.url),A(),N((e=r.rulePatternOf(n))?17:-1,e),A(),q(`error`,!!n.error&&!n.cancelled),j(`aria-label`,n.error?`Response error`:`Response body`),A(),Y(n.error??r.previewText(n)??`(no body)`)}}function cZ(e,t){if(e&1&&(L(0,`p`,31),J(1),R()),e&2){let e=G();A(),Y(e.writesOff)}}function lZ(e,t){e&1&&(L(0,`p`,46),J(1,` SSR mocks are not transferred to the client: the browser requests the URL again and gets the real response unless the rule also applies on the client. `),R())}function uZ(e,t){e&1&&(L(0,`span`),J(1,`passthrough`),R())}function dZ(e,t){if(e&1&&(L(0,`span`,77),J(1),R()),e&2){let e=G().$implicit,t=G();q(`ok`,t.statusTone(e.status)===`ok`)(`redirect`,t.statusTone(e.status)===`redirect`)(`bad`,t.statusTone(e.status)===`bad`),A(),Y(e.status)}}function fZ(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),X(``,e.delayMs,` ms`)}}function pZ(e,t){e&1&&(L(0,`span`),J(1,`mock body`),R())}function mZ(e,t){e&1&&(L(0,`p`,116),J(1,` The SSR mock is not written to TransferState, so the browser requests this URL again. `),R())}function hZ(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,109)(2,`input`,110),U(`change`,function(){let t=E(e).$implicit;return D(G().toggleRule(t.id))}),R(),L(3,`code`,111)(4,`span`,112),J(5),R(),J(6),R()(),L(7,`button`,113),U(`click`,function(){let t=E(e).$implicit;return D(G().removeRule(t.id))}),J(8,` Remove `),R(),L(9,`span`,114)(10,`span`),J(11),R(),M(12,uZ,2,0,`span`)(13,dZ,2,7,`span`,115),M(14,fZ,2,1,`span`),M(15,pZ,2,0,`span`),R(),M(16,mZ,2,0,`p`,116),R()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),A(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Enable rule for `+e.pattern),A(),I(`title`,e.pattern),A(2),Y(e.method||`ANY`),A(),X(` `,e.pattern),A(),I(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Remove rule for `+e.pattern),A(4),Y(n.targetLabel(e.target)),A(),N(e.status===void 0?12:13),A(2),N(e.delayMs?14:-1),A(),N(e.body?15:-1),A(),N(n.mocksOnServer(e)?16:-1)}}function gZ(e,t){e&1&&(L(0,`li`,53),J(1,`No rules. SSR rules apply on the next page load.`),R())}function _Z(e,t){if(e&1){let e=H();L(0,`p`,61),J(1,` Throws while the server renders, so it needs `),L(2,`code`),J(3,`providePangularHttp()`),R(),J(4,` and a page the engine renders. Prerendered files served as static files skip it. `),R(),L(5,`label`),J(6,` Error message `),L(7,`input`,117),U(`input`,function(t){return E(e),D(G().patchOverride(`message`,t))}),R()()}if(e&2){let e=G();A(7),I(`value`,e.overrideDraft().message)}}function vZ(e,t){e&1&&J(0,` For a cached HTTP response this is the whole cache record, not only the response body. `)}function yZ(e,t){e&1&&(L(0,`p`,121),J(1,` Filled in from the TransferState payload. The value starts empty because the panel only shows a redacted copy, so type the JSON the server should send. `),M(2,vZ,1,0),R()),e&2&&(A(2),N(t===`http`?2:-1))}function bZ(e,t){if(e&1){let e=H();L(0,`label`),J(1,` TransferState key `),L(2,`input`,118),U(`input`,function(t){return E(e),D(G().patchOverride(`key`,t))}),R()(),L(3,`label`)(4,`span`),J(5,`New JSON value `),L(6,`span`,33),J(7,`(empty removes the entry)`),R()(),L(8,`textarea`,119),U(`input`,function(t){return E(e),D(G().patchOverride(`value`,t))}),R()(),L(9,`p`,120),J(10),R(),M(11,yZ,3,1,`p`,121)}if(e&2){let e,t=G();A(2),I(`value`,t.overrideDraft().key),A(6),I(`value`,t.overrideDraft().value),j(`aria-invalid`,t.overrideValueError()?`true`:null)(`aria-describedby`,t.overrideFromPayload()?`override-value-error override-value-note`:`override-value-error`),A(2),Y(t.overrideValueError()),A(),N((e=t.overrideFromPayload())?11:-1,e)}}function xZ(e,t){e&1&&(L(0,`p`,61),J(1,` Serves `),L(2,`code`),J(3,`index.csr.html`),R(),J(4,` instead of rendering. Needs `),L(5,`code`),J(6,`browserDistFolder`),R(),J(7,` in `),L(8,`code`),J(9,`initPangularHub()`),R(),J(10,`. `),R())}function SZ(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.message)}}function CZ(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),Z(``,e.value===void 0?`remove`:`set`,` `,e.key)}}function wZ(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,109)(2,`input`,110),U(`change`,function(){let t=E(e).$implicit;return D(G().toggleOverride(t.id))}),R(),L(3,`code`,111)(4,`span`,112),J(5),R(),J(6),R()(),L(7,`button`,122),U(`click`,function(){let t=E(e).$implicit;return D(G().removeOverride(t.id))}),J(8,` Remove `),R(),L(9,`span`,114),M(10,SZ,2,1,`span`),M(11,CZ,2,2,`span`),R()()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),A(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-label`,`Enable `+n.overrideLabel(e.kind)+` for `+e.pattern),A(),I(`title`,e.pattern),A(2),Y(n.overrideLabel(e.kind)),A(),X(` `,e.pattern),A(),I(`disabled`,!n.canWrite()),j(`aria-label`,`Remove `+n.overrideLabel(e.kind)+` for `+e.pattern),A(3),N(e.message?10:-1),A(),N(e.key?11:-1)}}function TZ(e,t){e&1&&(L(0,`li`,53),J(1,`No overrides.`),R())}function EZ(e,t){if(e&1&&(L(0,`div`)(1,`dt`),J(2,`DOM nodes hydrated`),R(),L(3,`dd`),J(4),R()(),L(5,`div`)(6,`dt`),J(7,`DOM nodes skipped`),R(),L(8,`dd`),J(9),R()(),L(10,`div`)(11,`dt`),J(12,`Mismatched components`),R(),L(13,`dd`),J(14),R()()),e&2){let e=t;A(4),Y(e.hydrated),A(5),Y(e.skipped),A(4),q(`bad`,e.mismatched>0),A(),Y(e.mismatched)}}function DZ(e,t){if(e&1&&(L(0,`span`,124)(1,`span`,125),J(2,`Expected`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;A(4),Y(e.expected)}}function OZ(e,t){if(e&1&&(L(0,`span`,124)(1,`span`,125),J(2,`Actual`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;A(4),Y(e.actual)}}function kZ(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R(),M(3,DZ,5,1,`span`,124),M(4,OZ,5,1,`span`,124),R()),e&2){let e=t.$implicit;A(2),Y(`<`+e.component+`>`),A(),N(e.expected?3:-1),A(),N(e.actual?4:-1)}}function AZ(e,t){if(e&1&&(L(0,`h3`),J(1),R(),L(2,`ul`,123),P(3,kZ,5,3,`li`,null,kg),R()),e&2){let e=G();A(),X(`Mismatches (`,e.mismatches.length,`)`),A(2),F(e.mismatches)}}function jZ(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R()()),e&2){let e=t.$implicit;A(2),Y(e)}}function MZ(e,t){if(e&1&&(L(0,`h3`),J(1,`ngSkipHydration hosts`),R(),L(2,`ul`,126),P(3,jZ,3,1,`li`,null,kg),R()),e&2){let e=G();A(3),F(e.skipHydrationHosts)}}function NZ(e,t){e&1&&(L(0,`h3`),J(1,`Warnings`),R(),L(2,`p`,56),J(3,` Not captured: add `),L(4,`code`),J(5,`providePangularHttp()`),R(),J(6,` to the app providers. `),R())}function PZ(e,t){if(e&1&&(L(0,`pre`,127),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function FZ(e,t){e&1&&(L(0,`p`,86),J(1,`No hydration warnings.`),R())}function IZ(e,t){if(e&1&&(L(0,`h3`),J(1),R(),P(2,PZ,2,1,`pre`,127,kg,!1,FZ,2,0,`p`,86)),e&2){let e=G();A(),X(`Warnings (`,e.warnings.length,`)`),A(),F(e.warnings)}}function LZ(e,t){if(e&1&&(L(0,`dl`,85)(1,`div`)(2,`dt`),J(3,`Enabled`),R(),L(4,`dd`)(5,`span`,94),J(6),R()()(),L(7,`div`)(8,`dt`),J(9,`Hydrated components`),R(),L(10,`dd`),J(11),R()(),L(12,`div`)(13,`dt`),J(14,`Hydrated nodes`),R(),L(15,`dd`),J(16),R()(),L(17,`div`)(18,`dt`),J(19,`Skipped components`),R(),L(20,`dd`),J(21),R()(),L(22,`div`)(23,`dt`),J(24,`App stable after`),R(),L(25,`dd`),J(26),R()(),L(27,`div`)(28,`dt`),J(29,`Incremental defer blocks`),R(),L(30,`dd`),J(31),R()(),M(32,EZ,15,5),R(),M(33,AZ,5,1),M(34,MZ,5,0),M(35,NZ,7,0)(36,IZ,5,2)),e&2){let e,n=t;A(5),q(`on`,n.enabled)(`off-tag`,!n.enabled),A(),Y(n.enabled?`yes`:`no (client render only)`),A(5),Y(n.hydratedComponents??`n/a`),A(5),Y(n.hydratedNodes??`n/a`),A(5),Y(n.componentsSkippedHydration??`n/a`),A(5),Y(n.stableMs===void 0?`n/a`:n.stableMs+` ms`),A(5),Y(n.deferBlocksWithIncrementalHydration??`n/a`),A(),N((e=n.nodes)?32:-1,e),A(),N(n.mismatches?.length?33:-1),A(),N(n.skipHydrationHosts.length?34:-1),A(),N(n.warningsCaptured===!1?35:36)}}function RZ(e,t){e&1&&(L(0,`div`,11)(1,`p`),J(2,`No hydration data for this page.`),R(),L(3,`p`,56),J(4,`Open a server rendered page of the app to see its stats.`),R()())}function zZ(e,t){e&1&&(L(0,`div`,11)(1,`p`),J(2,`No TransferState script: this page was not server rendered.`),R()())}function BZ(e,t){if(e&1&&(L(0,`p`,129),J(1),R()),e&2){let e=G(2);A(),Y(e.error)}}function VZ(e,t){e&1&&(L(0,`span`,94),J(1),R()),e&2&&(A(),Y(t))}function HZ(e,t){if(e&1&&(L(0,`span`,94),J(1),R(),L(2,`span`,132),J(3),R()),e&2){let e=t,n=G().$implicit,r=G(3);q(`server`,r.statusTone(e.status)===`ok`)(`fault`,r.statusTone(e.status)===`bad`),A(),X(`HTTP `,e.status),A(2),Y(e.url??n.key)}}function UZ(e,t){if(e&1&&(L(0,`span`,132),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.key)}}function WZ(e,t){if(e&1){let e=H();L(0,`button`,105),U(`click`,function(){E(e);let t=G().$implicit;return D(G(3).editEntry(t))}),J(1,` Edit in SSR overrides `),R()}if(e&2){let e=G().$implicit;j(`aria-label`,`Edit in SSR overrides, key `+e.key)}}function GZ(e,t){if(e&1){let e=H();L(0,`details`)(1,`summary`),z(2,`span`,131),M(3,VZ,2,1,`span`,94),M(4,HZ,4,6)(5,UZ,2,1,`span`,132),L(6,`span`,133),J(7),R()(),L(8,`div`,134)(9,`span`,135),J(10,`Key`),R(),L(11,`code`,136),J(12),R(),L(13,`div`,137)(14,`button`,105),U(`click`,function(){let t=E(e).$implicit;return D(G(3).copyKey(t.key))}),J(15,` Copy `),R(),M(16,WZ,2,1,`button`,103),R()(),L(17,`pre`,138),J(18),xv(19,`json`),R()()}if(e&2){let e,n,r=t.$implicit,i=G(3);A(3),N((e=i.payloadLabel(r))?3:-1,e),A(),N((n=r.http)?4:5,n),A(3),X(``,r.size,` B`),A(5),Y(r.key),A(2),j(`aria-label`,`Copy key `+r.key),A(2),N(i.canEditEntry(r)?16:-1),A(),j(`aria-label`,`Value of `+r.key),A(),Y(Cv(19,8,r.value))}}function KZ(e,t){if(e&1&&(L(0,`p`,128),J(1),R(),M(2,BZ,2,1,`p`,129),L(3,`div`,130),P(4,GZ,20,10,`details`,null,vX),R()),e&2){let e=G();A(),rv(` `,e.entries.length,` entr`,e.entries.length===1?`y`:`ies`,`, `,e.size,` bytes `),A(),N(e.error?2:-1),A(2),F(e.entries)}}function qZ(e,t){e&1&&M(0,zZ,3,0,`div`,11)(1,KZ,6,4),e&2&&N(+!!t.found)}function JZ(e,t){e&1&&(L(0,`div`,11)(1,`p`),J(2,`Open a page of the app to see its payload.`),R()())}var YZ={kind:`render-error`,pattern:``,message:``,key:``,value:``},XZ={"render-error":`Render error`,"client-render":`Client render`,"state-edit":`TransferState edit`},ZZ={server:`Server`,prerender:`Prerender`,client:`Client`,redirect:`Redirect`,"not-rendered":`Not rendered`,unknown:`Unknown`},QZ={pattern:``,method:``,target:`both`,status:``,delayMs:``,body:``};function $Z(e){try{let t=new URL(e,`http://x`);return t.pathname+t.search}catch{return e}}var eQ=/\[redacted\]|%5Bredacted%5D/gi;function tQ(e){return(/^([a-z][a-z\d+.-]*:|\/\/)/i.test(e)?$Z(e):e).replace(eQ,`*`)}function nQ(e){let t=RO(e);if(t!==null)return t;try{return JSON.parse(e),e.trim()}catch{return null}}var rQ=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];function iQ(e){try{return new URL(e,`http://x`).pathname}catch{return``}}function aQ(e){let t=iQ(e);return t===`/`?``:t}var oQ=/\[redacted\]|%5Bredacted%5D/i,sQ=200,cQ=50,lQ=500,uQ=1e5,dQ=[{value:``,label:`None`},...KT.map(([e,t])=>({value:String(e),label:`${e} ${t}`}))],fQ=class e{rpc=$(null);canWrite=Q(()=>YE(this.rpc(),`http`));writesOff=vE(`http`);loading=k(!1);failed=k(!1);serverCalls=k([]);pages=k([]);payloads=k({});serverDropped=k(0);requests=k([]);rules=k([]);overrides=k([]);overrideDraft=k({...YZ});overrideFromPayload=k(null);overrideKindOptions=[{value:`render-error`,label:`Render error`},{value:`client-render`,label:`Force Client render`},{value:`state-edit`,label:`Edit TransferState entry`}];overrideValueError=Q(()=>{let e=this.overrideDraft().value.trim();if(!e)return``;try{return JSON.parse(e),``}catch{return`The value must be valid JSON.`}});overrideReady=Q(()=>{let e=this.overrideDraft();return!e.pattern.trim()||this.overrides().length>=20?!1:e.kind!==`state-edit`||!!e.key.trim()&&!this.overrideValueError()});hostPageId=kE();selectedPageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&e.some(e=>e.pageId===t.value)?t.value:e.find(e=>e.pageId===this.hostPageId)?.pageId??e[0]?.pageId??null});selectedCallId=k(null);draft=k({...QZ});message=k(``);bodyPlaceholder=`{ "error": "Service unavailable" }`;statusOptions=dQ;unsubscribe=[];destroyRef=w(Es);injector=w(ws);host=w(Fl);selected=Q(()=>this.pages().find(e=>e.pageId===this.selectedPageId())??null);pageRequestId=Q(()=>this.selected()?.ssrRequestId??null);selectedRequestId=Fv(()=>this.pageRequestId());selectedPayload=Q(()=>{let e=this.selectedPageId();return e?this.payloads()[e]??null:null});maxCalls=Q(()=>JE(this.rpc()).limits.httpCalls);droppedCalls=Q(()=>(this.selected()?.dropped??0)+this.serverDropped());pageServerCalls=Q(()=>{let e=this.selected()?.initialUrl;return e?this.serverCalls().filter(t=>!t.pageUrl||t.pageUrl===e):this.serverCalls()});timeline=Q(()=>[...this.pageServerCalls(),...this.selected()?.calls??[]].sort((e,t)=>t.at-e.at));callQuery=k(``);sideFilter=k(`all`);failedOnly=k(!1);sideOptions=[{value:`all`,label:`All sides`},{value:`server`,label:`SSR`},{value:`client`,label:`Client`}];visibleCalls=Q(()=>{let e=this.callQuery().trim().toLowerCase(),t=this.sideFilter()??`all`,n=this.failedOnly();return this.timeline().filter(r=>(t===`all`||r.side===t)&&(!n||this.isFailed(r))&&(!e||`${r.method} ${r.url}`.toLowerCase().includes(e)||`${r.method} ${$Z(r.url)}`.toLowerCase().includes(e)))});filterStatus=Q(()=>{this.callQuery(),this.sideFilter(),this.failedOnly(),this.filterFlip=!this.filterFlip;let e=Nv(()=>`${this.visibleCalls().length} of ${this.timeline().length}`);return this.filterFlip?`${e}\u00a0`:e});filterFlip=!0;selectedCall=Q(()=>this.visibleCalls().find(e=>e.id===this.selectedCallId())??null);selectedRequest=Q(()=>this.requests().find(e=>e.id===this.selectedRequestId())??null);requestCalls=Q(()=>{let e=this.selectedRequest()?.id;return e?this.serverCalls().filter(t=>t.requestId===e):[]});requestPage=Q(()=>{let e=this.selectedRequest()?.id;return e?this.pages().find(t=>t.ssrRequestId===e)??null:null});refetched=Q(()=>{let e=this.selectedRequest(),t=this.requestPage();if(!e||!t)return[];let n=new Set(this.requestCalls().filter(e=>e.status).map(e=>`${e.method} ${$Z(e.url)}`));return t.calls.filter(t=>t.side===`client`&&!t.cacheHit&&!t.mocked&&t.at>=e.at&&n.has(`${t.method} ${$Z(t.url)}`))});draftMocksOnServer=Q(()=>{let e=this.draftRule();return!!e&&this.mocksOnServer(e)});draftRule=Q(()=>{let e=this.draft(),t=e.pattern.trim();if(!t||t.length>lQ||this.bodyError()||this.rules().length>=cQ)return null;let n=e.body.trim(),r=Math.min(Math.max(Math.round(Number(e.delayMs))||0,0),1e4),i=e.status.trim()?Number(e.status):n?200:void 0;return i!==void 0&&!qT(i)||i===void 0&&!r?null:{pattern:t,enabled:!0,target:e.target,...e.method?{method:e.method}:{},...i===void 0?{}:{status:i},...r?{delayMs:r}:{},...n?{body:n}:{}}});draftHint=Q(()=>{let e=this.draft();return this.rules().length>=cQ?`You can add up to ${cQ} rules. Remove one to add another.`:e.pattern.trim()?e.pattern.trim().length>lQ?`The URL pattern is limited to ${lQ} characters.`:this.bodyError()?``:e.status.trim()&&!qT(Number(e.status))?`Pick a status from the list.`:this.draftRule()?!e.status.trim()&&e.body.trim()?`With no status, the mock body returns 200.`:``:`Set a status, a delay or a mock body.`:`Enter a URL pattern to add a rule.`});bodyError=Q(()=>{let e=this.draft().body.trim();if(!e)return``;if(e.length>uQ)return`The mock body is limited to ${uQ} characters.`;try{return JSON.parse(e),``}catch{return`The mock body must be valid JSON.`}});constructor(){pc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.stopListening())}async load(e){this.loading.set(!0),this.failed.set(!1);try{let t=e.scope(`pangular`).rpc,[n,r]=await Promise.all([t.sharedState(`http`),t.sharedState(`http-payloads`)]);if(this.destroyRef.destroyed)return;let i=e=>{let t=e;this.serverCalls.set(t?.serverCalls??[]),this.serverDropped.set(t?.serverDropped??0),this.requests.set([...t?.requests??[]].reverse()),this.pages.set(t?.pages??[]),this.rules.set(t?.rules??[]),this.overrides.set(t?.ssrOverrides??[])},a=e=>this.payloads.set(e?.pages??{});i(n.value()),a(r.value()),this.stopListening(),this.unsubscribe=[n.on(`updated`,i),r.on(`updated`,a)]}catch{this.failed.set(!0)}finally{this.loading.set(!1)}}retry(){let e=this.rpc();e&&this.load(e)}guardVerdict(e){return e.guards?.passed===!1?e.outcome===`redirected`?`redirected`:`rejected`:``}msLabel(e){return e===void 0?`n/a`:`${e} ms`}skipText(e){return GT[e]??``}refetchReason(e){let t=`${e.method} ${$Z(e.url)}`,n=this.requestCalls().filter(e=>`${e.method} ${$Z(e.url)}`===t),r=n[0];return r?.cacheSkip&&n.every(e=>e.cacheSkip===r.cacheSkip)?this.skipText(r.cacheSkip):``}compressedWith(e){if(e.compressedBeforeTrace)return e.headers[`content-encoding`]??`unknown encoding`}renderModeLabel(e){return ZZ[e]??`Unknown`}statusLabel(e){return e.cancelled?`cancelled`:e.status?String(e.status):`ERR`}callTone(e){return e.cancelled?`neutral`:this.statusTone(e.status)}isFailed(e){return!!e.cancelled||!e.status||e.status>=400}clearCallFilters(){this.callQuery.set(``),this.sideFilter.set(`all`),this.failedOnly.set(!1),this.host.nativeElement.querySelector(`#timeline-search`)?.focus()}rulePatternOf(e){return e.rulePattern?e.rulePattern:e.ruleId?this.rules().find(t=>t.id===e.ruleId)?.pattern??null:null}openCall(e){this.selectedCallId.set(e),Vd(()=>this.host.nativeElement.querySelector(`#preview-heading`)?.focus(),{injector:this.injector})}previewText(e){if(e.preview!==void 0)return RO(e.preview)??e.preview}async copyPreview(e){let t=this.previewText(e);if(t)try{await navigator.clipboard.writeText(t),this.message.set(`Copied.`)}catch{this.message.set(`The clipboard is not available here.`)}}mockCall(e){let t=e.method.toUpperCase(),n=tQ(e.url),r=e.error||!e.preview?null:nQ(e.preview);this.draft.set({...QZ,pattern:n,method:t,body:r??``});let i=`${t} ${n}`;this.message.set(r?`Filled in a rule for ${i} with the preview as its body. Check it, then add the rule.`:e.preview&&!e.error?`Filled in a rule for ${i}. The preview is not complete JSON, so it is not used as the body.`:`Filled in a rule for ${i}. Set a status, a delay or a body, then add the rule.`),Vd(()=>this.host.nativeElement.querySelector(`#rule-pattern`)?.focus(),{injector:this.injector})}closePreview(){let e=this.selectedCallId();this.selectedCallId.set(null),e&&[...this.host.nativeElement.querySelectorAll(`button[data-call-id]`)].find(t=>t.dataset.callId===e)?.focus()}stopListening(){for(let e of this.unsubscribe.splice(0))e()}statusTone(e){return e===void 0?`neutral`:e===0||e>=400?`bad`:e>=300?`redirect`:e>=200?`ok`:`neutral`}mocksOnServer(e){return e.target!==`client`&&e.status!==void 0&&e.status<400}payloadLabel(e){return e.source===`hydration`?`hydration annotations`:e.fn?`Analog server function ${e.fn.name??e.fn.id}`:e.source===`analog`?`Analog`:null}targetLabel(e){return e===`both`?`SSR + client`:e===`server`?`SSR only`:`Client only`}pageOptions=Q(()=>this.pages().map(e=>({value:e.pageId,label:e.title||e.url})));methodOptions=Q(()=>{let e=this.draft().method;return[{value:``,label:`Any`},...(e&&!rQ.includes(e)?[...rQ,e]:rQ).map(e=>({value:e,label:e}))]});targetOptions=[{value:`both`,label:`SSR + client`},{value:`server`,label:`SSR only`},{value:`client`,label:`Client only`}];selectPage(e){e&&this.selectedPageId.set(e),this.selectedCallId.set(null),this.overrideFromPayload.set(null)}setDraft(e,t){this.draft.update(n=>({...n,[e]:t}))}patch(e,t){let n=t.target.value;this.draft.update(t=>({...t,[e]:n}))}async addRule(e){e.preventDefault();let t=this.draftRule();if(!t)return;let n={id:`r${Date.now().toString(36)}${Math.random().toString(36).slice(2,6)}`,...t};await this.saveRules([...this.rules(),n],`Rule added.`,n)&&(this.draft.set({...QZ}),this.host.nativeElement.querySelector(`#rule-pattern`)?.focus())}toggleRule(e){let t=this.rules().find(t=>t.id===e);t&&this.saveRules(this.rules().map(t=>t.id===e?{...t,enabled:!t.enabled}:t),`Rule updated.`,t)}async removeRule(e){let t=this.rules().findIndex(t=>t.id===e);if(t<0)return;let n=this.rules().filter(t=>t.id!==e);await this.saveRules(n,`Rule removed.`,this.rules()[t])&&this.focusAfterRemove(`[data-remove-rule]`,t,`#rule-list-heading`)}async clearCalls(){try{await NE(this.rpc(),`clear-http-calls`),this.selectedCallId.set(null),this.message.set(`Timeline cleared.`)}catch{this.message.set(`Could not clear the timeline.`)}}overrideLabel(e){return XZ[e]??e}setOverrideDraft(e,t){this.overrideDraft.update(n=>({...n,[e]:t})),e===`kind`&&t!==`state-edit`&&this.overrideFromPayload.set(null)}patchOverride(e,t){let n=t.target.value;this.overrideDraft.update(t=>({...t,[e]:n})),e===`key`&&this.overrideFromPayload.set(null)}async copyKey(e){try{await navigator.clipboard.writeText(e),this.message.set(`Copied.`)}catch{this.message.set(`The clipboard is not available here.`)}}canEditEntry(e){let{key:t}=e;return this.canWrite()&&!!t&&t===t.trim()&&t.length<=sQ&&!oQ.test(t)}editEntry(e){if(!this.canEditEntry(e))return;let t=this.selected();this.overrideDraft.set({...YZ,kind:`state-edit`,pattern:t?aQ(t.initialUrl??t.url):``,key:e.key}),this.overrideFromPayload.set(e.http?`http`:`other`),this.message.set(`Editing the TransferState entry in SSR overrides.`),Vd(()=>{let e=this.host.nativeElement.querySelector(this.overrideDraft().pattern?`#override-value`:`#override-pattern`);e?.scrollIntoView?.({block:`center`}),e?.focus()},{injector:this.injector})}async addOverride(e){if(e.preventDefault(),!this.overrideReady())return;let t=this.overrideDraft(),n={id:`o${Date.now().toString(36)}${Math.random().toString(36).slice(2,6)}`,kind:t.kind,pattern:t.pattern.trim(),enabled:!0,...t.kind===`render-error`&&t.message.trim()?{message:t.message.trim()}:{},...t.kind===`state-edit`?{key:t.key.trim()}:{},...t.kind===`state-edit`&&t.value.trim()?{value:t.value.trim()}:{}};await this.saveOverrides([...this.overrides(),n],`Override added. Reload the page.`)&&(this.overrideDraft.set({...YZ,kind:t.kind}),this.overrideFromPayload.set(null),this.host.nativeElement.querySelector(`#override-pattern`)?.focus())}toggleOverride(e){this.saveOverrides(this.overrides().map(t=>t.id===e?{...t,enabled:!t.enabled}:t),`Override updated. Reload the page.`)}async removeOverride(e){let t=this.overrides().findIndex(t=>t.id===e);if(t<0)return;let n=this.overrides().filter(t=>t.id!==e);await this.saveOverrides(n,`Override removed.`)&&this.focusAfterRemove(`[data-remove-override]`,t,`#override-list-heading`)}focusAfterRemove(e,t,n){Vd(()=>{let r=this.host.nativeElement,i=r.querySelectorAll(e);(i[Math.min(t,i.length-1)]??r.querySelector(n))?.focus()},{injector:this.injector})}announce(e){if(this.message()!==e){this.message.set(e);return}this.message.set(``),Vd(()=>{this.message()===``&&this.message.set(e)},{injector:this.injector})}async saveOverrides(e,t){try{let n=await NE(this.rpc(),`set-ssr-overrides`,e);return this.overrides.set(Array.isArray(n)?n:e),this.announce(t),!0}catch{return this.message.set(`Could not save the overrides.`),!1}}async saveRules(e,t,n){try{let r=await NE(this.rpc(),`set-http-rules`,e);return this.rules.set(Array.isArray(r)?r:e),this.announce(n.target===`client`?t:`${t} Reload the page to apply it to SSR.`),!0}catch{return this.message.set(`Could not save the rules.`),!1}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-network-inspector`]],inputs:{rpc:[1,`rpc`]},decls:128,vars:54,consts:[[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`,`error`],[1,`toolbar`],[1,`page-picker`],[`id`,`page-picker-label`],[`labelledBy`,`page-picker-label`,`emptyText`,`No connected page`,`placeholder`,`No connected page`,3,`valueChange`,`options`,`value`],[`type`,`button`,3,`click`,`disabled`],[`role`,`status`,1,`message`],[1,`grid`],[`aria-labelledby`,`ssr-heading`,1,`panel`,`wide`],[`id`,`ssr-heading`],[1,`empty`],[`aria-labelledby`,`timeline-heading`,1,`panel`,`wide`],[`id`,`timeline-heading`],[`what`,`HTTP calls`,`limit`,`httpCalls`,3,`dropped`,`max`],[`role`,`group`,`aria-label`,`Filter the HTTP timeline`,1,`filters`],[1,`search`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`id`,`timeline-search`,`type`,`search`,`placeholder`,`Find a URL or method…`,`aria-label`,`Find a URL or method`,`autocomplete`,`off`,`spellcheck`,`false`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Side`,1,`side-filter`,3,`valueChange`,`options`,`value`],[1,`inline`,`failed-toggle`],[`type`,`checkbox`,3,`change`,`checked`],[1,`total`],[`role`,`status`,1,`sr-only`],[1,`table-wrap`],[`role`,`status`,1,`empty`,`no-match`],[`id`,`call-preview`,`role`,`region`,`aria-labelledby`,`preview-heading`,1,`preview`],[`aria-labelledby`,`rules-heading`,1,`panel`],[`id`,`rules-heading`],[`id`,`http-writes-off`,1,`muted`,`small`],[`id`,`rule-form`,1,`rule-form`,3,`submit`],[1,`hint`],[`id`,`rule-pattern`,`required`,``,`spellcheck`,`false`,`autocomplete`,`off`,`placeholder`,`e.g. /api/products`,3,`input`,`value`],[1,`row`],[1,`field-group`],[`id`,`rule-method-label`],[`labelledBy`,`rule-method-label`,3,`valueChange`,`options`,`value`],[`id`,`rule-target-label`],[`labelledBy`,`rule-target-label`,3,`valueChange`,`describedBy`,`options`,`value`],[`id`,`rule-status-label`],[`labelledBy`,`rule-status-label`,3,`valueChange`,`describedBy`,`options`,`value`],[`type`,`number`,`inputmode`,`numeric`,`min`,`0`,`max`,`10000`,`placeholder`,`0`,3,`input`,`value`],[`rows`,`3`,`spellcheck`,`false`,`aria-describedby`,`body-error`,3,`input`,`placeholder`,`value`],[`id`,`body-error`,1,`field-error`],[`id`,`rule-ssr-note`,1,`muted`,`small`],[`id`,`rule-hint`,1,`muted`,`small`],[1,`form-actions`],[`type`,`submit`,3,`disabled`],[`id`,`rule-list-heading`,`tabindex`,`-1`,1,`rules-heading`],[1,`rules`],[3,`off`],[1,`empty-rule`],[`aria-labelledby`,`overrides-heading`,1,`panel`],[`id`,`overrides-heading`],[1,`muted`,`small`],[1,`rule-form`,3,`submit`],[`id`,`override-kind-label`],[`labelledBy`,`override-kind-label`,3,`valueChange`,`describedBy`,`options`,`value`],[`id`,`override-pattern`,`required`,``,`spellcheck`,`false`,`autocomplete`,`off`,`placeholder`,`e.g. /examples/ssr`,3,`input`,`value`],[`id`,`override-kind-help`,1,`muted`,`small`],[`id`,`override-list-heading`,`tabindex`,`-1`,1,`rules-heading`],[`aria-labelledby`,`hydration-heading`,1,`panel`],[`id`,`hydration-heading`],[`aria-labelledby`,`payload-heading`,1,`panel`,`wide`],[`id`,`payload-heading`],[`aria-hidden`,`true`,1,`spinner`],[`type`,`button`,3,`click`],[`scope`,`col`],[`scope`,`col`,1,`num`],[3,`selected`],[`id`,`ssr-detail`,`role`,`region`,`aria-labelledby`,`ssr-detail-heading`,1,`preview`],[3,`click`],[1,`url`],[`type`,`button`,`aria-controls`,`ssr-detail`,1,`link`,3,`title`],[1,`method`],[1,`status`],[`aria-hidden`,`true`,1,`dot`],[1,`num`],[1,`notes`],[1,`tag`,`server`],[1,`tag`,`mock`],[1,`tag`,`fault`],[`id`,`ssr-detail-heading`],[1,`stats`],[1,`muted`,`small`,`ok-note`],[1,`request-call`],[1,`muted`],[1,`stats`,`nav-stats`],[1,`preview-url`,3,`title`],[1,`tag`,3,`title`],[1,`muted`,`small`,`skip-reason`],[`appRovingList`,`button[data-call-id]`],[1,`tag`],[`type`,`button`,1,`link`,3,`title`],[1,`page-url`,3,`title`],[1,`tag`,`rule-ref`,3,`title`],[1,`empty-actions`],[`id`,`call-preview`,`role`,`region`,`aria-labelledby`,`preview-heading`,1,`preview`,3,`keydown.escape`],[1,`preview-head`],[`id`,`preview-heading`,`tabindex`,`-1`],[1,`preview-actions`],[`type`,`button`,1,`ghost`],[`type`,`button`,`aria-controls`,`rule-form`,1,`ghost`,3,`click`,`disabled`],[`type`,`button`,1,`ghost`,3,`click`],[1,`preview-meta`],[1,`preview-rule`],[`tabindex`,`0`,`role`,`region`,1,`preview-body`],[1,`inline`],[`type`,`checkbox`,3,`change`,`checked`,`disabled`],[1,`rule-pattern`,3,`title`],[1,`rule-method`],[`type`,`button`,`data-remove-rule`,``,1,`link`,`remove`,3,`click`,`disabled`],[1,`rule-meta`],[1,`status`,3,`ok`,`redirect`,`bad`],[1,`rule-note`],[`spellcheck`,`false`,`placeholder`,`Simulated render error`,`aria-describedby`,`override-kind-help`,3,`input`,`value`],[`id`,`override-key`,`spellcheck`,`false`,`autocomplete`,`off`,3,`input`,`value`],[`id`,`override-value`,`rows`,`3`,`spellcheck`,`false`,3,`input`,`value`],[`id`,`override-value-error`,1,`field-error`],[`id`,`override-value-note`,1,`muted`,`small`],[`type`,`button`,`data-remove-override`,``,1,`link`,`remove`,3,`click`,`disabled`],[1,`plain`,`mismatches`],[1,`mismatch-row`],[1,`mismatch-label`],[1,`plain`],[1,`warn`],[1,`muted`,`small`,`summary-line`],[`role`,`alert`,1,`bad`],[1,`entries`],[`aria-hidden`,`true`,1,`chevron`],[1,`entry-key`],[1,`entry-size`],[1,`entry-key-row`],[1,`entry-key-label`],[1,`entry-key-text`],[1,`entry-actions`],[`tabindex`,`0`,`role`,`region`]],template:function(e,t){if(e&1&&(M(0,yX,4,0,`div`,0)(1,bX,7,0,`div`,1),L(2,`div`,2)(3,`div`,3)(4,`span`,4),J(5,`Page`),R(),L(6,`app-select`,5),U(`valueChange`,function(e){return t.selectPage(e)}),R()(),L(7,`button`,6),U(`click`,function(){return t.clearCalls()}),J(8,` Clear timeline `),R(),L(9,`p`,7),J(10),R()(),L(11,`div`,8)(12,`section`,9)(13,`h2`,10),J(14),R(),M(15,KX,20,1)(16,qX,11,0,`div`,11),R(),L(17,`section`,12)(18,`h2`,13),J(19),R(),z(20,`app-limit-note`,14),L(21,`div`,15)(22,`div`,16),O(),L(23,`svg`,17),z(24,`circle`,18)(25,`path`,19),R(),gs(),L(26,`input`,20),U(`input`,function(e){return t.callQuery.set(e.target.value)})(`keydown.escape`,function(){return t.callQuery.set(``)}),R()(),L(27,`app-select`,21),cv(`valueChange`,function(e){return sv(t.sideFilter,e)||(t.sideFilter=e),e}),R(),L(28,`label`,22)(29,`input`,23),U(`change`,function(e){return t.failedOnly.set(e.target.checked)}),R(),J(30,` Failed only `),R(),L(31,`span`,24),J(32),R(),L(33,`span`,25),J(34),R()(),M(35,eZ,21,0,`div`,26)(36,rZ,9,1,`div`,27)(37,iZ,11,0,`div`,11),M(38,sZ,20,18,`div`,28),R(),L(39,`section`,29)(40,`h2`,30),J(41,`Fault injection`),R(),M(42,cZ,2,1,`p`,31),L(43,`form`,32),U(`submit`,function(e){return t.addRule(e)}),L(44,`label`)(45,`span`),J(46,`URL pattern `),L(47,`span`,33),J(48,`(substring or * glob, ^ anchors the path)`),R()(),L(49,`input`,34),U(`input`,function(e){return t.patch(`pattern`,e)}),R()(),L(50,`div`,35)(51,`div`,36)(52,`span`,37),J(53,`Method`),R(),L(54,`app-select`,38),U(`valueChange`,function(e){return t.setDraft(`method`,e??``)}),R()(),L(55,`div`,36)(56,`span`,39),J(57,`Apply on`),R(),L(58,`app-select`,40),U(`valueChange`,function(e){return t.setDraft(`target`,e??`both`)}),R()()(),L(59,`div`,35)(60,`div`,36)(61,`span`,41),J(62,`Status`),R(),L(63,`app-select`,42),U(`valueChange`,function(e){return t.setDraft(`status`,e??``)}),R()(),L(64,`label`),J(65,` Delay (ms) `),L(66,`input`,43),U(`input`,function(e){return t.patch(`delayMs`,e)}),R()()(),L(67,`label`)(68,`span`),J(69,`Mock JSON body `),L(70,`span`,33),J(71,`(optional)`),R()(),L(72,`textarea`,44),U(`input`,function(e){return t.patch(`body`,e)}),R()(),L(73,`p`,45),J(74),R(),M(75,lZ,2,0,`p`,46),L(76,`p`,47),J(77),R(),L(78,`div`,48)(79,`button`,49),J(80,` Add rule `),R()()(),L(81,`h3`,50),J(82),R(),L(83,`ul`,51),P(84,hZ,17,17,`li`,52,hX,!1,gZ,2,0,`li`,53),R()(),L(87,`section`,54)(88,`h2`,55),J(89,`SSR overrides`),R(),L(90,`p`,56),J(91,` Development only. These change what the server sends for matching pages, from the next full page load, and the request is marked `),L(92,`strong`),J(93,`overridden`),R(),J(94,`. `),R(),L(95,`form`,57),U(`submit`,function(e){return t.addOverride(e)}),L(96,`div`,36)(97,`span`,58),J(98,`Override`),R(),L(99,`app-select`,59),U(`valueChange`,function(e){return t.setOverrideDraft(`kind`,e??`render-error`)}),R()(),L(100,`label`)(101,`span`),J(102,`Page pattern `),L(103,`span`,33),J(104,`(substring or * glob, ^ anchors the path)`),R()(),L(105,`input`,60),U(`input`,function(e){return t.patchOverride(`pattern`,e)}),R()(),M(106,_Z,8,1)(107,bZ,12,6)(108,xZ,11,0,`p`,61),L(109,`div`,48)(110,`button`,49),J(111,` Add override `),R()()(),L(112,`h3`,62),J(113),R(),L(114,`ul`,51),P(115,wZ,12,12,`li`,52,hX,!1,TZ,2,0,`li`,53),R()(),L(118,`section`,63)(119,`h2`,64),J(120,`Hydration`),R(),M(121,LZ,37,14)(122,RZ,5,0,`div`,11),R(),L(123,`section`,65)(124,`h2`,66),J(125,`TransferState payload`),R(),M(126,qZ,2,1)(127,JZ,3,0,`div`,11),R()()),e&2){let e,n,r,i;N(t.loading()?0:t.failed()?1:-1),A(6),I(`options`,t.pageOptions())(`value`,t.selected()?.pageId??null),A(),I(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),A(3),Y(t.message()),A(4),X(`SSR requests (`,t.requests().length,`)`),A(),N(t.requests().length?15:16),A(4),X(`HTTP timeline (`,t.timeline().length,`)`),A(),I(`dropped`,t.droppedCalls())(`max`,t.maxCalls()),A(),q(`no-calls`,!t.timeline().length),A(5),I(`value`,t.callQuery()),A(),I(`options`,t.sideOptions),ov(`value`,t.sideFilter),A(2),I(`checked`,t.failedOnly()),A(3),Z(``,t.visibleCalls().length,` of `,t.timeline().length),A(2),Y(t.filterStatus()),A(),N(t.visibleCalls().length?35:t.timeline().length?36:37),A(3),N((e=t.selectedCall())?38:-1,e),A(4),N(t.canWrite()?-1:42),A(7),I(`value`,t.draft().pattern),A(5),I(`options`,t.methodOptions())(`value`,t.draft().method),A(4),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.targetOptions)(`value`,t.draft().target),A(5),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.statusOptions)(`value`,t.draft().status),A(3),I(`value`,t.draft().delayMs),A(6),I(`placeholder`,t.bodyPlaceholder)(`value`,t.draft().body),j(`aria-invalid`,t.bodyError()?`true`:null),A(2),Y(t.bodyError()),A(),N(t.draftMocksOnServer()?75:-1),A(2),Y(t.draftHint()),A(2),I(`disabled`,!t.canWrite()||!t.draftRule()),j(`aria-describedby`,t.canWrite()?`rule-hint`:`http-writes-off`),A(3),X(` Rules (`,t.rules().length,`) `),A(2),F(t.rules()),A(15),I(`describedBy`,t.overrideDraft().kind===`state-edit`?``:`override-kind-help`)(`options`,t.overrideKindOptions)(`value`,t.overrideDraft().kind),A(6),I(`value`,t.overrideDraft().pattern),A(),N((n=t.overrideDraft().kind)===`render-error`?106:n===`state-edit`?107:n===`client-render`?108:-1),A(4),I(`disabled`,!t.canWrite()||!t.overrideReady()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),A(3),X(` Overrides (`,t.overrides().length,`) `),A(2),F(t.overrides()),A(6),N((r=t.selected()?.hydration)?121:122,r),A(5),N((i=t.selectedPayload())?126:127,i)}},dependencies:[VO,sR,fO,hb],styles:[`@charset "UTF-8";
 [_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
@@ -14763,7 +14763,7 @@ summary[_ngcontent-%COMP%]:hover   .entry-key[_ngcontent-%COMP%] {
   .message[_ngcontent-%COMP%] {
     text-align: left;
   }
-}`]})};function ZZ(e,t){e&1&&(O(),B(0,`svg`,9),Vg(1,`path`,20),V())}function QZ(e,t){e&1&&(O(),B(0,`svg`,10)(1,`defs`)(2,`linearGradient`,21),Vg(3,`stop`,22)(4,`stop`,23),V()(),Vg(5,`path`,24),B(6,`g`,25),Vg(7,`path`,26)(8,`path`,27)(9,`path`,28)(10,`path`,29),V()())}function $Z(e,t){e&1&&(O(),B(0,`svg`,11),Vg(1,`path`,30)(2,`path`,31)(3,`path`,32)(4,`path`,33),V())}function eQ(e,t){e&1&&(O(),B(0,`svg`,9),Vg(1,`path`,34)(2,`path`,35)(3,`path`,36)(4,`path`,37)(5,`path`,38)(6,`path`,39),V())}function tQ(e,t){if(e&1&&(B(0,`a`,16)(1,`span`,40)(2,`strong`),J(3),V()(),B(4,`span`,41),J(5,`→`),V(),B(6,`span`,42),J(7,`(opens in a new tab)`),V()()),e&2){let e=t;qg(`href`,e.href,Mu),A(3),Y(e.label)}}function nQ(e,t){if(e&1&&(B(0,`li`),J(1),V()),e&2){let e=t.$implicit,n=t.$index;K(`animation-delay`,200+n*120,`ms`),A(),Y(e)}}var rQ=class e{info=$.required();plansTitle=Q(()=>{let e=this.info();return e.plansTitle??(e.link?`In an ${e.name} app`:`On the roadmap`)});static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-coming-soon`]],hostVars:2,hostBindings:function(e,t){e&2&&K(`--%NS%brand`,t.info().color)},inputs:{info:[1,`info`]},decls:29,vars:6,consts:[[`aria-labelledby`,`soon-title`,1,`soon`],[`aria-hidden`,`true`,1,`stage`],[1,`ring`,`r1`],[1,`ring`,`r2`],[1,`orbit`,`o1`],[1,`dot`],[1,`orbit`,`o2`],[1,`orbit`,`o3`],[1,`logo`],[`viewBox`,`0 0 256 256`,`width`,`96`,`height`,`96`],[`viewBox`,`0 0 32 32`,`width`,`88`,`height`,`88`],[`viewBox`,`0 0 256 182`,`width`,`104`,`height`,`74`],[1,`badge`],[`aria-hidden`,`true`,1,`spark`],[`id`,`soon-title`],[1,`summary`],[`target`,`_blank`,`rel`,`noopener noreferrer`,1,`author`,`cta`,3,`href`],[1,`plans-title`],[1,`plans`],[3,`animation-delay`],[`fill`,`#3c5afd`,`d`,`M237.248 18.752q18.061 18.06 18.748 45.247V192c-.457 18.12-6.707 33.207-18.748 45.247c-12.04 12.04-27.127 18.291-45.251 18.752H63.999q-27.187-.69-45.247-18.752C6.712 225.208.46 210.121 0 192.001V64q.69-27.187 18.752-45.247Q36.812.692 63.999 0h127.998c18.124.46 33.211 6.711 45.251 18.752m-17.655 103q-6.033-6.003-6.28-15.066V64q-.192-9.063-6.221-15.091c-4.02-4.023-9.054-6.093-15.095-6.22h-21.312v106.626L85.315 42.687H63.999c-6.042.128-11.072 2.198-15.091 6.221c-4.023 4.02-6.093 9.05-6.22 15.09v42.688q-.249 9.063-6.281 15.066q-6.03 5.996-15.091 6.246q9.062.255 15.09 6.25c4.024 4.002 6.115 9.024 6.281 15.066V192c.128 6.037 2.198 11.072 6.221 15.091q6.03 6.03 15.09 6.22h21.317V106.687l85.37 106.627h21.312c6.041-.128 11.076-2.202 15.095-6.221s6.093-9.054 6.22-15.09v-42.688q.249-9.063 6.281-15.066q6.03-5.995 15.091-6.25q-9.062-.25-15.09-6.246`],[`id`,`an-hero-grad`,`x1`,`0`,`y1`,`0`,`x2`,`1`,`y2`,`1`],[`offset`,`0`,`stop-color`,`#f0224f`],[`offset`,`1`,`stop-color`,`#c4002d`],[`d`,`M16 0C27.2 0 32 4.8 32 16S27.2 32 16 32 0 27.2 0 16 4.8 0 16 0Z`,`fill`,`url(#an-hero-grad)`],[`transform`,`translate(6.4 6.4) scale(0.8)`,`fill`,`#fff`],[`d`,`M14.8486 0L23.138 16.8551L23.9996 3.99892L14.8486 0Z`],[`d`,`M16.9875 17.7114H7.01272L5.73926 20.627L12.0001 24L18.261 20.627L16.9875 17.7114Z`],[`d`,`M8.72168 13.9298H15.2812L11.9997 6.39575L8.72168 13.9298Z`],[`d`,`M9.15103 0L0 3.99892L0.861556 16.8551L9.15103 0Z`],[`fill`,`#c30f2e`,`d`,`M152.228.001L48.455 181.046H256L152.228 0z`],[`fill`,`#dd0330`,`d`,`M88.314 26.967L0 181.52h176.628L88.315 26.967z`],[`fill`,`#fff`,`d`,`M18.167 135.294h220.236v-2.419H18.167z`],[`fill`,`#fff`,`d`,`M204.38 170.667c-.861 0-1.67-.358-2.348-1.034c-4.045-4.063-4.221-20.586-4.026-45.33c.11-13.521.257-32.043-1.9-33.504c-2.104.873-2.315 16.172-2.451 26.301c-.162 11.785-.327 23.98-2.242 30.189c-.57 1.84-1.306 3.525-2.786 3.39c-2.086-.185-2.76-3.48-4.317-16.478c-.647-5.4-1.317-10.98-2.101-13.14a11 11 0 0 0-.269-.66c-.835 1.889-1.8 7.079-2.47 10.682c-.927 4.976-1.803 9.676-2.9 11.726c-.847 1.575-2.19 3.63-4.067 3.231c-2.558-.537-3.323-5.693-3.552-8.719c0-25.455-3.33-28.417-3.997-28.753l-.107.081l-.162-.036c-2.377 1.038-2.506 9.294-2.627 17.276c-.096 5.856-.198 12.492-1.053 18.701c-1.108 8.05-2.448 9.603-4.115 9.507c-3.838-.262-3.95-13.482-3.95-14.987c0-.472.012-1.028.027-1.642c.074-3.076.205-8.8-1.687-10.604c-.25-.239-.603-.515-.879-.437c-1.347.339-2.745 4.714-3.209 6.153c-.147.457-.265.833-.364 1.09c-.078.214-.177.515-.294.88c-1.02 3.095-2.18 6.183-4.16 6.944c-.732.284-1.498.222-2.216-.183c-.953-.541-1.73-1.646-2.455-3.482c-.397-1.016-.735-2.046-1.082-3.081c-.419-1.263-.85-2.569-1.384-3.808c-.419-.965-1.464-1.4-2.796-1.164c-2.768.494-3.232 3.29-3.622 7.5c-.07.733-.137 1.452-.228 2.128c-.011.198-.501 6.38-.814 8.344c-.865 5.39-2.002 7.512-3.89 7.358c-4.66-.398-6.798-20.836-6.684-29.47c.088-6.592-1.104-9-1.818-9.382c-.074-.034-.189-.096-.46.095c-.843.571-1.594 2.348-1.363 4.215c2.566 20.32.674 43.592-3.96 48.833c-1.46 1.649-3.448 1.627-4.832.236c-4.049-4.064-4.218-20.586-4.026-45.33c.11-13.521.254-32.043-1.9-33.504c-2.105.873-2.311 16.172-2.45 26.301c-.163 11.785-.329 23.98-2.246 30.189c-.57 1.84-1.307 3.525-2.782 3.39c-2.091-.186-2.761-3.48-4.321-16.478c-.649-5.4-1.319-10.98-2.101-13.14c-.1-.273-.189-.49-.27-.66c-.832 1.889-1.796 7.079-2.466 10.682c-.927 4.976-1.803 9.676-2.904 11.726c-.846 1.575-2.19 3.63-4.063 3.231c-2.558-.537-3.324-5.693-3.552-8.719c-.003-25.455-3.33-28.417-3.997-28.753l-.106.081l-.166-.036c-2.374 1.038-2.503 9.293-2.629 17.276c-.091 5.856-.194 12.492-1.048 18.701c-1.107 8.05-2.437 9.618-4.111 9.507c-3.846-.262-3.958-13.482-3.958-14.987c0-.472.016-1.028.03-1.642c.074-3.076.207-8.8-1.685-10.604c-.25-.239-.603-.515-.88-.438c-1.347.34-2.75 4.715-3.206 6.155a47 47 0 0 1-.364 1.09q-.16.432-.298.875c-1.02 3.096-2.18 6.187-4.155 6.95c-.736.282-1.506.22-2.22-.185c-.953-.541-1.734-1.646-2.454-3.482c-.398-1.016-.74-2.046-1.083-3.081c-.42-1.263-.854-2.569-1.387-3.808c-.416-.965-1.465-1.4-2.797-1.164c-3.188.567-3.943 4.52-4.55 9.238l-.106.839l-2.411-.32l.114-.824c.527-4.137 1.328-10.39 6.53-11.31c2.446-.435 4.585.581 5.446 2.583c.578 1.34 1.031 2.695 1.466 4.008c.324.99.654 1.98 1.037 2.959c.674 1.708 1.197 2.15 1.392 2.257c1.218-.38 2.462-4.167 2.873-5.414c.13-.402.24-.732.328-.968c.085-.233.195-.571.328-.98c1.097-3.43 2.474-7.144 4.918-7.762c.747-.191 1.903-.166 3.157 1.035c2.665 2.544 2.525 8.48 2.433 12.41c-.014.59-.028 1.126-.028 1.583c0 6.272.93 10.655 1.64 12.16c.367-.77.998-2.63 1.598-7.007c.831-6.066.938-12.624 1.027-18.41c.161-10.24.275-17.663 3.982-19.408c.552-.339 1.469-.522 2.436-.033c3.586 1.803 5.326 11.885 5.326 30.817c.225 2.926 1.013 6.006 1.66 6.448c.004-.066.53-.39 1.394-2.01c.925-1.718 1.845-6.665 2.655-11.026c1.792-9.614 2.606-12.989 4.726-13.166c1.615-.158 2.362 1.896 2.676 2.76c.883 2.422 1.537 7.888 2.23 13.678c.54 4.49 1.31 10.902 2.094 13.497c.084-.228.18-.5.283-.836c1.815-5.878 1.98-17.887 2.14-29.507c.22-16.14.503-26.139 3.448-28.226a2.44 2.44 0 0 1 2.233-.316c3.448 1.144 3.714 11.254 3.519 35.8c-.14 17.799-.313 39.952 3.323 43.603c.317.32.542.32.622.32c.17 0 .413-.161.67-.452c3.681-4.162 6.01-26.022 3.372-46.927c-.328-2.602.677-5.337 2.392-6.514c.946-.652 2.036-.736 2.978-.232c2.145 1.14 3.187 5.024 3.102 11.546c-.15 11.387 2.584 24.714 4.37 26.842c.282-.471.842-1.763 1.379-5.145c.301-1.87.799-8.153.806-8.216c.09-.71.155-1.398.217-2.097c.369-3.924.82-8.804 5.613-9.654c2.444-.435 4.583.577 5.448 2.583c.577 1.34 1.027 2.695 1.46 4.008c.332.99.664 1.98 1.046 2.959c.67 1.708 1.197 2.15 1.387 2.257c1.218-.38 2.467-4.167 2.875-5.41c.132-.402.243-.737.328-.973c.088-.228.195-.57.324-.979c1.1-3.43 2.477-7.144 4.924-7.762c.74-.191 1.9-.166 3.154 1.035c2.665 2.543 2.526 8.48 2.437 12.41q-.029.792-.033 1.583c0 6.272.931 10.655 1.641 12.16c.365-.77.994-2.63 1.601-7.007c.832-6.066.931-12.624 1.027-18.41c.159-10.24.273-17.663 3.98-19.408c.55-.339 1.467-.522 2.44-.033c3.58 1.803 5.325 11.884 5.325 30.817c.224 2.926 1.012 6.006 1.656 6.448c.008-.066.526-.39 1.399-2.01c.923-1.718 1.84-6.665 2.653-11.026c1.786-9.614 2.602-12.989 4.722-13.166c1.62-.158 2.367 1.896 2.68 2.76c.88 2.422 1.535 7.888 2.233 13.678c.534 4.49 1.304 10.902 2.092 13.497c.08-.228.176-.5.28-.836c1.813-5.878 1.976-17.887 2.138-29.507c.216-16.14.504-26.139 3.448-28.226a2.45 2.45 0 0 1 2.234-.316c3.452 1.144 3.718 11.254 3.52 35.8c-.141 17.799-.314 39.952 3.319 43.603c.324.32.544.32.63.32c.165 0 .408-.161.662-.452c3.687-4.162 6.014-26.022 3.375-46.927c-.342-2.723.43-5.47 1.84-6.526c.71-.537 1.575-.647 2.37-.313c2.054.877 3.445 4.63 4.255 11.484c.339 2.87.641 5.974.931 9.036c.641 6.683 1.509 15.69 2.684 17.67c.36-.46 1.096-1.704 2.19-5.038l2.307.753c-1.696 5.157-3.026 7.1-4.755 6.902c-2.69-.299-3.468-5.734-4.84-20.055c-.29-3.048-.59-6.132-.928-8.989c-1.03-8.74-2.782-9.532-2.801-9.54c-.342.174-1.137 1.992-.842 4.31c2.558 20.32.673 43.597-3.964 48.834c-.747.842-1.587 1.27-2.485 1.27`],[`fill`,`#53b9ff`,`d`,`M39.863 54.115L.311 93.716l60.995 61.179L0 216.385l39.428 39.619l61.43-61.507l61.097 61.068l39.552-39.602z`],[`fill`,`#119eff`,`d`,`m140.517 154.896l-39.658 39.601l61.097 61.069l39.552-39.602z`],[`fill-opacity`,`.2`,`d`,`m140.517 154.896l-39.658 39.601l15.267 15.182z`],[`fill`,`#53b9ff`,`d`,`M194.57 100.985L256 39.478L216.431 0l-61.412 61.384L93.917.311L54.365 39.913L216.01 201.761l39.552-39.602z`],[`fill`,`#119eff`,`d`,`m115.36 100.987l39.659-39.602L93.917.313L54.365 39.914z`],[`fill-opacity`,`.2`,`d`,`m115.359 100.985l39.659-39.601l-15.271-15.186z`],[1,`who`],[`aria-hidden`,`true`,1,`go`],[1,`sr-only`]],template:function(e,t){if(e&1&&(B(0,`section`,0)(1,`div`,1),Vg(2,`span`,2)(3,`span`,3),B(4,`span`,4),Vg(5,`span`,5),V(),B(6,`span`,6),Vg(7,`span`,5),V(),B(8,`span`,7),Vg(9,`span`,5),V(),B(10,`div`,8),M(11,ZZ,2,0,`:svg:svg`,9)(12,QZ,11,0,`:svg:svg`,10)(13,$Z,5,0,`:svg:svg`,11)(14,eQ,7,0,`:svg:svg`,9),V()(),B(15,`p`,12)(16,`span`,13),J(17,`✦`),V(),J(18),V(),B(19,`h2`,14),J(20),V(),B(21,`p`,15),J(22),V(),M(23,tQ,8,2,`a`,16),B(24,`h3`,17),J(25),V(),B(26,`ul`,18),P(27,nQ,2,3,`li`,19,Ag),V()()),e&2){let e,n;A(11),N((e=t.info().id)===`nativescript`?11:e===`angular-native`?12:e===`analog`?13:e===`capacitor`?14:-1),A(7),X(` `,t.info().badge),A(2),Y(t.info().heading),A(2),Y(t.info().summary),A(),N((n=t.info().link)?23:-1,n),A(2),X(` `,t.plansTitle(),` `),A(2),F(t.info().plans)}},styles:[`[_nghost-%COMP%] {
+}`]})};function pQ(e,t){e&1&&(O(),B(0,`svg`,9),Vg(1,`path`,20),V())}function mQ(e,t){e&1&&(O(),B(0,`svg`,10)(1,`defs`)(2,`linearGradient`,21),Vg(3,`stop`,22)(4,`stop`,23),V()(),Vg(5,`path`,24),B(6,`g`,25),Vg(7,`path`,26)(8,`path`,27)(9,`path`,28)(10,`path`,29),V()())}function hQ(e,t){e&1&&(O(),B(0,`svg`,11),Vg(1,`path`,30)(2,`path`,31)(3,`path`,32)(4,`path`,33),V())}function gQ(e,t){e&1&&(O(),B(0,`svg`,9),Vg(1,`path`,34)(2,`path`,35)(3,`path`,36)(4,`path`,37)(5,`path`,38)(6,`path`,39),V())}function _Q(e,t){if(e&1&&(B(0,`a`,16)(1,`span`,40)(2,`strong`),J(3),V()(),B(4,`span`,41),J(5,`→`),V(),B(6,`span`,42),J(7,`(opens in a new tab)`),V()()),e&2){let e=t;qg(`href`,e.href,Mu),A(3),Y(e.label)}}function vQ(e,t){if(e&1&&(B(0,`li`),J(1),V()),e&2){let e=t.$implicit,n=t.$index;K(`animation-delay`,200+n*120,`ms`),A(),Y(e)}}var yQ=class e{info=$.required();plansTitle=Q(()=>{let e=this.info();return e.plansTitle??(e.link?`In an ${e.name} app`:`On the roadmap`)});static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-coming-soon`]],hostVars:2,hostBindings:function(e,t){e&2&&K(`--%NS%brand`,t.info().color)},inputs:{info:[1,`info`]},decls:29,vars:6,consts:[[`aria-labelledby`,`soon-title`,1,`soon`],[`aria-hidden`,`true`,1,`stage`],[1,`ring`,`r1`],[1,`ring`,`r2`],[1,`orbit`,`o1`],[1,`dot`],[1,`orbit`,`o2`],[1,`orbit`,`o3`],[1,`logo`],[`viewBox`,`0 0 256 256`,`width`,`96`,`height`,`96`],[`viewBox`,`0 0 32 32`,`width`,`88`,`height`,`88`],[`viewBox`,`0 0 256 182`,`width`,`104`,`height`,`74`],[1,`badge`],[`aria-hidden`,`true`,1,`spark`],[`id`,`soon-title`],[1,`summary`],[`target`,`_blank`,`rel`,`noopener noreferrer`,1,`author`,`cta`,3,`href`],[1,`plans-title`],[1,`plans`],[3,`animation-delay`],[`fill`,`#3c5afd`,`d`,`M237.248 18.752q18.061 18.06 18.748 45.247V192c-.457 18.12-6.707 33.207-18.748 45.247c-12.04 12.04-27.127 18.291-45.251 18.752H63.999q-27.187-.69-45.247-18.752C6.712 225.208.46 210.121 0 192.001V64q.69-27.187 18.752-45.247Q36.812.692 63.999 0h127.998c18.124.46 33.211 6.711 45.251 18.752m-17.655 103q-6.033-6.003-6.28-15.066V64q-.192-9.063-6.221-15.091c-4.02-4.023-9.054-6.093-15.095-6.22h-21.312v106.626L85.315 42.687H63.999c-6.042.128-11.072 2.198-15.091 6.221c-4.023 4.02-6.093 9.05-6.22 15.09v42.688q-.249 9.063-6.281 15.066q-6.03 5.996-15.091 6.246q9.062.255 15.09 6.25c4.024 4.002 6.115 9.024 6.281 15.066V192c.128 6.037 2.198 11.072 6.221 15.091q6.03 6.03 15.09 6.22h21.317V106.687l85.37 106.627h21.312c6.041-.128 11.076-2.202 15.095-6.221s6.093-9.054 6.22-15.09v-42.688q.249-9.063 6.281-15.066q6.03-5.995 15.091-6.25q-9.062-.25-15.09-6.246`],[`id`,`an-hero-grad`,`x1`,`0`,`y1`,`0`,`x2`,`1`,`y2`,`1`],[`offset`,`0`,`stop-color`,`#f0224f`],[`offset`,`1`,`stop-color`,`#c4002d`],[`d`,`M16 0C27.2 0 32 4.8 32 16S27.2 32 16 32 0 27.2 0 16 4.8 0 16 0Z`,`fill`,`url(#an-hero-grad)`],[`transform`,`translate(6.4 6.4) scale(0.8)`,`fill`,`#fff`],[`d`,`M14.8486 0L23.138 16.8551L23.9996 3.99892L14.8486 0Z`],[`d`,`M16.9875 17.7114H7.01272L5.73926 20.627L12.0001 24L18.261 20.627L16.9875 17.7114Z`],[`d`,`M8.72168 13.9298H15.2812L11.9997 6.39575L8.72168 13.9298Z`],[`d`,`M9.15103 0L0 3.99892L0.861556 16.8551L9.15103 0Z`],[`fill`,`#c30f2e`,`d`,`M152.228.001L48.455 181.046H256L152.228 0z`],[`fill`,`#dd0330`,`d`,`M88.314 26.967L0 181.52h176.628L88.315 26.967z`],[`fill`,`#fff`,`d`,`M18.167 135.294h220.236v-2.419H18.167z`],[`fill`,`#fff`,`d`,`M204.38 170.667c-.861 0-1.67-.358-2.348-1.034c-4.045-4.063-4.221-20.586-4.026-45.33c.11-13.521.257-32.043-1.9-33.504c-2.104.873-2.315 16.172-2.451 26.301c-.162 11.785-.327 23.98-2.242 30.189c-.57 1.84-1.306 3.525-2.786 3.39c-2.086-.185-2.76-3.48-4.317-16.478c-.647-5.4-1.317-10.98-2.101-13.14a11 11 0 0 0-.269-.66c-.835 1.889-1.8 7.079-2.47 10.682c-.927 4.976-1.803 9.676-2.9 11.726c-.847 1.575-2.19 3.63-4.067 3.231c-2.558-.537-3.323-5.693-3.552-8.719c0-25.455-3.33-28.417-3.997-28.753l-.107.081l-.162-.036c-2.377 1.038-2.506 9.294-2.627 17.276c-.096 5.856-.198 12.492-1.053 18.701c-1.108 8.05-2.448 9.603-4.115 9.507c-3.838-.262-3.95-13.482-3.95-14.987c0-.472.012-1.028.027-1.642c.074-3.076.205-8.8-1.687-10.604c-.25-.239-.603-.515-.879-.437c-1.347.339-2.745 4.714-3.209 6.153c-.147.457-.265.833-.364 1.09c-.078.214-.177.515-.294.88c-1.02 3.095-2.18 6.183-4.16 6.944c-.732.284-1.498.222-2.216-.183c-.953-.541-1.73-1.646-2.455-3.482c-.397-1.016-.735-2.046-1.082-3.081c-.419-1.263-.85-2.569-1.384-3.808c-.419-.965-1.464-1.4-2.796-1.164c-2.768.494-3.232 3.29-3.622 7.5c-.07.733-.137 1.452-.228 2.128c-.011.198-.501 6.38-.814 8.344c-.865 5.39-2.002 7.512-3.89 7.358c-4.66-.398-6.798-20.836-6.684-29.47c.088-6.592-1.104-9-1.818-9.382c-.074-.034-.189-.096-.46.095c-.843.571-1.594 2.348-1.363 4.215c2.566 20.32.674 43.592-3.96 48.833c-1.46 1.649-3.448 1.627-4.832.236c-4.049-4.064-4.218-20.586-4.026-45.33c.11-13.521.254-32.043-1.9-33.504c-2.105.873-2.311 16.172-2.45 26.301c-.163 11.785-.329 23.98-2.246 30.189c-.57 1.84-1.307 3.525-2.782 3.39c-2.091-.186-2.761-3.48-4.321-16.478c-.649-5.4-1.319-10.98-2.101-13.14c-.1-.273-.189-.49-.27-.66c-.832 1.889-1.796 7.079-2.466 10.682c-.927 4.976-1.803 9.676-2.904 11.726c-.846 1.575-2.19 3.63-4.063 3.231c-2.558-.537-3.324-5.693-3.552-8.719c-.003-25.455-3.33-28.417-3.997-28.753l-.106.081l-.166-.036c-2.374 1.038-2.503 9.293-2.629 17.276c-.091 5.856-.194 12.492-1.048 18.701c-1.107 8.05-2.437 9.618-4.111 9.507c-3.846-.262-3.958-13.482-3.958-14.987c0-.472.016-1.028.03-1.642c.074-3.076.207-8.8-1.685-10.604c-.25-.239-.603-.515-.88-.438c-1.347.34-2.75 4.715-3.206 6.155a47 47 0 0 1-.364 1.09q-.16.432-.298.875c-1.02 3.096-2.18 6.187-4.155 6.95c-.736.282-1.506.22-2.22-.185c-.953-.541-1.734-1.646-2.454-3.482c-.398-1.016-.74-2.046-1.083-3.081c-.42-1.263-.854-2.569-1.387-3.808c-.416-.965-1.465-1.4-2.797-1.164c-3.188.567-3.943 4.52-4.55 9.238l-.106.839l-2.411-.32l.114-.824c.527-4.137 1.328-10.39 6.53-11.31c2.446-.435 4.585.581 5.446 2.583c.578 1.34 1.031 2.695 1.466 4.008c.324.99.654 1.98 1.037 2.959c.674 1.708 1.197 2.15 1.392 2.257c1.218-.38 2.462-4.167 2.873-5.414c.13-.402.24-.732.328-.968c.085-.233.195-.571.328-.98c1.097-3.43 2.474-7.144 4.918-7.762c.747-.191 1.903-.166 3.157 1.035c2.665 2.544 2.525 8.48 2.433 12.41c-.014.59-.028 1.126-.028 1.583c0 6.272.93 10.655 1.64 12.16c.367-.77.998-2.63 1.598-7.007c.831-6.066.938-12.624 1.027-18.41c.161-10.24.275-17.663 3.982-19.408c.552-.339 1.469-.522 2.436-.033c3.586 1.803 5.326 11.885 5.326 30.817c.225 2.926 1.013 6.006 1.66 6.448c.004-.066.53-.39 1.394-2.01c.925-1.718 1.845-6.665 2.655-11.026c1.792-9.614 2.606-12.989 4.726-13.166c1.615-.158 2.362 1.896 2.676 2.76c.883 2.422 1.537 7.888 2.23 13.678c.54 4.49 1.31 10.902 2.094 13.497c.084-.228.18-.5.283-.836c1.815-5.878 1.98-17.887 2.14-29.507c.22-16.14.503-26.139 3.448-28.226a2.44 2.44 0 0 1 2.233-.316c3.448 1.144 3.714 11.254 3.519 35.8c-.14 17.799-.313 39.952 3.323 43.603c.317.32.542.32.622.32c.17 0 .413-.161.67-.452c3.681-4.162 6.01-26.022 3.372-46.927c-.328-2.602.677-5.337 2.392-6.514c.946-.652 2.036-.736 2.978-.232c2.145 1.14 3.187 5.024 3.102 11.546c-.15 11.387 2.584 24.714 4.37 26.842c.282-.471.842-1.763 1.379-5.145c.301-1.87.799-8.153.806-8.216c.09-.71.155-1.398.217-2.097c.369-3.924.82-8.804 5.613-9.654c2.444-.435 4.583.577 5.448 2.583c.577 1.34 1.027 2.695 1.46 4.008c.332.99.664 1.98 1.046 2.959c.67 1.708 1.197 2.15 1.387 2.257c1.218-.38 2.467-4.167 2.875-5.41c.132-.402.243-.737.328-.973c.088-.228.195-.57.324-.979c1.1-3.43 2.477-7.144 4.924-7.762c.74-.191 1.9-.166 3.154 1.035c2.665 2.543 2.526 8.48 2.437 12.41q-.029.792-.033 1.583c0 6.272.931 10.655 1.641 12.16c.365-.77.994-2.63 1.601-7.007c.832-6.066.931-12.624 1.027-18.41c.159-10.24.273-17.663 3.98-19.408c.55-.339 1.467-.522 2.44-.033c3.58 1.803 5.325 11.884 5.325 30.817c.224 2.926 1.012 6.006 1.656 6.448c.008-.066.526-.39 1.399-2.01c.923-1.718 1.84-6.665 2.653-11.026c1.786-9.614 2.602-12.989 4.722-13.166c1.62-.158 2.367 1.896 2.68 2.76c.88 2.422 1.535 7.888 2.233 13.678c.534 4.49 1.304 10.902 2.092 13.497c.08-.228.176-.5.28-.836c1.813-5.878 1.976-17.887 2.138-29.507c.216-16.14.504-26.139 3.448-28.226a2.45 2.45 0 0 1 2.234-.316c3.452 1.144 3.718 11.254 3.52 35.8c-.141 17.799-.314 39.952 3.319 43.603c.324.32.544.32.63.32c.165 0 .408-.161.662-.452c3.687-4.162 6.014-26.022 3.375-46.927c-.342-2.723.43-5.47 1.84-6.526c.71-.537 1.575-.647 2.37-.313c2.054.877 3.445 4.63 4.255 11.484c.339 2.87.641 5.974.931 9.036c.641 6.683 1.509 15.69 2.684 17.67c.36-.46 1.096-1.704 2.19-5.038l2.307.753c-1.696 5.157-3.026 7.1-4.755 6.902c-2.69-.299-3.468-5.734-4.84-20.055c-.29-3.048-.59-6.132-.928-8.989c-1.03-8.74-2.782-9.532-2.801-9.54c-.342.174-1.137 1.992-.842 4.31c2.558 20.32.673 43.597-3.964 48.834c-.747.842-1.587 1.27-2.485 1.27`],[`fill`,`#53b9ff`,`d`,`M39.863 54.115L.311 93.716l60.995 61.179L0 216.385l39.428 39.619l61.43-61.507l61.097 61.068l39.552-39.602z`],[`fill`,`#119eff`,`d`,`m140.517 154.896l-39.658 39.601l61.097 61.069l39.552-39.602z`],[`fill-opacity`,`.2`,`d`,`m140.517 154.896l-39.658 39.601l15.267 15.182z`],[`fill`,`#53b9ff`,`d`,`M194.57 100.985L256 39.478L216.431 0l-61.412 61.384L93.917.311L54.365 39.913L216.01 201.761l39.552-39.602z`],[`fill`,`#119eff`,`d`,`m115.36 100.987l39.659-39.602L93.917.313L54.365 39.914z`],[`fill-opacity`,`.2`,`d`,`m115.359 100.985l39.659-39.601l-15.271-15.186z`],[1,`who`],[`aria-hidden`,`true`,1,`go`],[1,`sr-only`]],template:function(e,t){if(e&1&&(B(0,`section`,0)(1,`div`,1),Vg(2,`span`,2)(3,`span`,3),B(4,`span`,4),Vg(5,`span`,5),V(),B(6,`span`,6),Vg(7,`span`,5),V(),B(8,`span`,7),Vg(9,`span`,5),V(),B(10,`div`,8),M(11,pQ,2,0,`:svg:svg`,9)(12,mQ,11,0,`:svg:svg`,10)(13,hQ,5,0,`:svg:svg`,11)(14,gQ,7,0,`:svg:svg`,9),V()(),B(15,`p`,12)(16,`span`,13),J(17,`✦`),V(),J(18),V(),B(19,`h2`,14),J(20),V(),B(21,`p`,15),J(22),V(),M(23,_Q,8,2,`a`,16),B(24,`h3`,17),J(25),V(),B(26,`ul`,18),P(27,vQ,2,3,`li`,19,Ag),V()()),e&2){let e,n;A(11),N((e=t.info().id)===`nativescript`?11:e===`angular-native`?12:e===`analog`?13:e===`capacitor`?14:-1),A(7),X(` `,t.info().badge),A(2),Y(t.info().heading),A(2),Y(t.info().summary),A(),N((n=t.info().link)?23:-1,n),A(2),X(` `,t.plansTitle(),` `),A(2),F(t.info().plans)}},styles:[`[_nghost-%COMP%] {
   display: block;
   min-height: 100%;
   background: radial-gradient(60% 50% at 50% 18%, color-mix(in srgb, var(--%NS%brand) 22%, transparent), transparent 70%);
@@ -15109,9 +15109,9 @@ h2[_ngcontent-%COMP%] {
    .author[_ngcontent-%COMP%]:hover   .go[_ngcontent-%COMP%] {
     transform: none;
   }
-}`]})},iQ=new Set([`CapacitorCookies`,`CapacitorHttp`,`SystemBars`,`WebView`]);function aQ(e){return e==null?`Unknown`:e?`Yes`:`No`}function oQ(e,t){let n=t.size?Math.max(...t.values())+1:0;for(let r of e)t.has(r.pageId)||t.set(r.pageId,n++);let r=new Set(e.map(e=>e.pageId));for(let e of t.keys())r.has(e)||t.delete(e);return[...e].sort((e,n)=>t.get(e.pageId)-t.get(n.pageId))}function sQ(e,t){let n=[...e].sort((e,t)=>t.reportedAt-e.reportedAt);return e.find(e=>e.pageId===t)?.pageId??n.find(e=>e.info.bridge)?.pageId??n[0]?.pageId??null}var cQ=new WeakMap;function lQ(e){let t=e.calls;if(Array.isArray(t))return e;let n=cQ.get(e);if(!n){let r=Object.values(t??{}).filter(e=>!!e&&typeof e.id==`number`);n={...e,calls:r.sort((e,t)=>e.id-t.id)},cQ.set(e,n)}return n}function uQ(e){let t=e?.pages;return!t||typeof t!=`object`?[]:Object.values(t).filter(e=>e&&typeof e.pageId==`string`&&!!e.info).map(lQ).sort((e,t)=>t.reportedAt-e.reportedAt)}function dQ(e){let t=e.error;return!!t&&(t.code===`UNIMPLEMENTED`||/not implemented/i.test(t.message))}function fQ(e,t){return e.durationMs===void 0?e.status===`pending`?Math.max(0,t-e.startedAt):0:e.durationMs}function pQ(e,t,n){return t===`failed`?e.status===`error`:t===`pending`?e.status===`pending`:t!==`slow`||fQ(e,n)>=500}function mQ(e){if(e<1e3)return`${Math.max(0,Math.round(e))} ms`;let t=Math.round(e/1e3);if(t<60)return`${t} s`;let n=Math.round(t/60);return n<60?`${n} min`:`${Math.round(n/60)} h`}function hQ(e,t){let n=t-e;return n<1e3?`just now`:`${mQ(n)} ago`}function gQ(e,t){return iQ.has(e.name)?null:e.registered===!0&&!e.available?t===`android`||t===`ios`?{before:`Not available on ${t}. Run `,command:`npx cap sync ${t}`,after:`, then run the app again.`}:{before:`Not available here. Run `,command:`npx cap sync`,after:` if it should be native.`}:e.native&&e.registered===!1?{before:`Installed, not imported by the app.`}:null}function _Q(e,t){let n=e.info,r=n=>e.calls.filter(e=>pQ(e,n,t)).length,i=n.env.capacitorHttp;return{pageId:e.pageId,platform:n.platform,native:n.native,logsCalls:n.bridge||n.webCalls,calls:e.calls.length,failed:r(`failed`),slow:r(`slow`),pending:r(`pending`),capacitorHttp:i===null?`Unknown`:i?`On`:`Off`,hints:n.plugins.filter(e=>gQ(e,n.platform)).length}}function vQ(e){let t=new Map;for(let n of e){if(n.removed)continue;let e=`${n.plugin} ${n.event}`;t.set(e,(t.get(e)??0)+1)}return t}var yQ=/^[A-Za-z_$][\w$]*$/;function bQ(e,t=``){if(e===void 0)return`undefined`;if(typeof e!=`object`||!e)return JSON.stringify(e)??String(e);let n=`${t}  `;if(Array.isArray(e))return e.length?`[\n${e.map(e=>n+bQ(e,n)).join(`,
-`)},\n${t}]`:`[]`;let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${yQ.test(e)?e:JSON.stringify(e)}: ${bQ(t,n)}`).join(`,
-`)},\n${t}}`:`{}`}function xQ(e){let t=yQ.test(e.plugin)?e.plugin:`Capacitor.Plugins[${JSON.stringify(e.plugin)}]`,n=yQ.test(e.method)?`.${e.method}`:`[${JSON.stringify(e.method)}]`,r=e.args===void 0?[]:[bQ(e.args)];return e.kind===`callback`&&(r.length||r.push(`{}`),r.push(`(result, error) => {}`)),`await ${t}${n}(${r.join(`, `)});`}function SQ(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e,null,2)??`undefined`}catch{return String(e)}}function CQ(e,t=120){let n;try{n=JSON.stringify(e)??`undefined`}catch{n=String(e)}return n.length>t?`${n.slice(0,t-1)}…`:n}function wQ(e,t){if(e&1){let e=H();B(0,`button`,8),W(`click`,function(){let t=E(e).$implicit;return D(G().tab.set(t))}),J(1),V()}if(e&2){let e=t.$implicit,n=G();qg(`id`,`cap-tab-`+e),j(`aria-selected`,n.tab()===e)(`aria-controls`,`cap-panel-`+e)(`tabindex`,n.tab()===e?0:-1),A(),X(` `,n.tabLabel(e),` `)}}function TQ(e,t){e&1&&(B(0,`p`,9),J(1,`No arguments.`),V())}function EQ(e,t){if(e&1&&(B(0,`pre`,10),J(1),V()),e&2){let e=G(2),t=fv(0);A(),Y(e.json(t.args))}}function DQ(e,t){e&1&&M(0,TQ,2,0,`p`,9)(1,EQ,2,1,`pre`,10),e&2&&(G(),N(fv(0).args===void 0?0:1))}function OQ(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();A(),Y(e.code)}}function kQ(e,t){if(e&1&&(B(0,`p`,11),M(1,OQ,2,1,`code`),J(2),V()),e&2){let e=t;A(),N(e.code?1:-1),A(),X(` `,e.message,` `)}}function AQ(e,t){e&1&&(B(0,`p`,9),J(1,`No answer yet.`),V())}function jQ(e,t){if(e&1&&(B(0,`p`,9),J(1),V()),e&2){G(3);let e=fv(0);A(),X(`The latest of `,e.callbacks,` callbacks.`)}}function MQ(e,t){e&1&&(B(0,`p`,9),J(1,`Resolved without a value.`),V())}function NQ(e,t){if(e&1&&(B(0,`pre`,12),J(1),V()),e&2){let e=G(3),t=fv(0);A(),Y(e.json(t.result))}}function PQ(e,t){if(e&1&&(M(0,jQ,2,1,`p`,9),M(1,MQ,2,0,`p`,9)(2,NQ,2,1,`pre`,12)),e&2){G(2);let e=fv(0);N(e.callbacks&&e.callbacks>1?0:-1),A(),N(e.result===void 0?1:2)}}function FQ(e,t){if(e&1&&M(0,kQ,3,2,`p`,11)(1,AQ,2,0,`p`,9)(2,PQ,3,2),e&2){let e;G();let t=fv(0);N((e=t.error)?0:t.status===`pending`?1:2,e)}}function IQ(e,t){if(e&1&&(B(0,`div`)(1,`dt`),J(2,`Callbacks`),V(),B(3,`dd`),J(4),V()()),e&2){G(2);let e=fv(0);A(4),Y(e.callbacks??0)}}function LQ(e,t){if(e&1&&(B(0,`dl`)(1,`div`)(2,`dt`),J(3,`Started`),V(),B(4,`dd`),J(5),V()(),B(6,`div`)(7,`dt`),J(8,`Finished`),V(),B(9,`dd`),J(10),V()(),B(11,`div`)(12,`dt`),J(13),V(),B(14,`dd`),J(15),V()(),M(16,IQ,5,1,`div`),V()),e&2){let e=G(),t=fv(0);A(5),Y(e.time(t.startedAt)),A(5),X(` `,t.durationMs===void 0?`Not yet`:e.time(t.startedAt+t.durationMs),` `),A(3),Y(t.status===`pending`?`Waiting for`:`Duration`),A(2),Y(e.span(e.took(t,e.now()))),A(),N(t.kind===`callback`?16:-1)}}var RQ=[`args`,`outcome`,`timing`],zQ=class e{call=$.required();now=$.required();announce=Rv();host=w(Fl);tab=k(`args`);tabOrder=RQ;json=SQ;time=bO;span=mQ;took=fQ;statusText=Q(()=>{let e=this.call();return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:dQ(e)?`Not implemented`:`Error`});panelHasFocusable=Q(()=>{let e=this.call();return this.tab()===`args`?e.args!==void 0:this.tab()===`outcome`&&!e.error&&e.status===`ok`&&e.result!==void 0});tabLabel(e){return e===`args`?`Arguments`:e===`timing`?`Timing`:this.call().status===`error`?`Error`:`Result`}onTabKey(e){let t=RQ.indexOf(this.tab()),n;if(e.key===`ArrowRight`)n=(t+1)%RQ.length;else if(e.key===`ArrowLeft`)n=(t-1+RQ.length)%RQ.length;else if(e.key===`Home`)n=0;else if(e.key===`End`)n=RQ.length-1;else return;e.preventDefault();let r=RQ[n];this.tab.set(r),this.host.nativeElement.querySelector(`#cap-tab-${r}`)?.focus()}async copy(e){let t=this.call(),n=`${t.plugin}.${t.method}()`,r=e===`json`?SQ(t):xQ(t);try{await navigator.clipboard.writeText(r),this.announce.emit(`Copied ${n} as ${e===`json`?`JSON`:`code`}.`)}catch{this.announce.emit(`The clipboard is not available here.`)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-capacitor-call-detail`]],inputs:{call:[1,`call`],now:[1,`now`]},outputs:{announce:`announce`},decls:19,vars:10,consts:[[`id`,`cap-detail`,`aria-labelledby`,`cap-detail-title`,1,`detail`],[`id`,`cap-detail-title`],[1,`meta`],[1,`actions`],[`type`,`button`,1,`small`,3,`click`],[`role`,`tablist`,`aria-label`,`Call details`,1,`tabs`,3,`keydown`],[`type`,`button`,`role`,`tab`,3,`id`],[`role`,`tabpanel`,1,`panel`,3,`id`],[`type`,`button`,`role`,`tab`,3,`click`,`id`],[1,`muted`],[`tabindex`,`0`,`aria-label`,`Arguments`],[1,`error-text`],[`tabindex`,`0`,`aria-label`,`Result`]],template:function(e,t){if(e&1&&(uv(0),B(1,`section`,0)(2,`h3`,1)(3,`code`),J(4),V()(),B(5,`p`,2),J(6),V(),B(7,`div`,3)(8,`button`,4),W(`click`,function(){return t.copy(`json`)}),J(9,`Copy as JSON`),V(),B(10,`button`,4),W(`click`,function(){return t.copy(`code`)}),J(11,`Copy as code`),V()(),B(12,`div`,5),W(`keydown`,function(e){return t.onTabKey(e)}),P(13,wQ,2,5,`button`,6,Ag),V(),B(15,`div`,7),M(16,DQ,2,1)(17,FQ,3,1)(18,LQ,17,5,`dl`),V()()),e&2){let e,n=dv(t.call());A(4),Z(``,n.plugin,`.`,n.method,`()`),A(2),rv(` `,t.statusText(),`, `,n.via,`, `,n.kind===`callback`?`stream`:`promise`,` `),A(7),F(t.tabOrder),A(2),qg(`id`,`cap-panel-`+t.tab()),j(`aria-labelledby`,`cap-tab-`+t.tab())(`tabindex`,t.panelHasFocusable()?null:0),A(),N((e=t.tab())===`args`?16:e===`outcome`?17:e===`timing`?18:-1)}},styles:[`.detail[_ngcontent-%COMP%] {
+}`]})},bQ=new Set([`CapacitorCookies`,`CapacitorHttp`,`SystemBars`,`WebView`]);function xQ(e){return e==null?`Unknown`:e?`Yes`:`No`}function SQ(e,t){let n=t.size?Math.max(...t.values())+1:0;for(let r of e)t.has(r.pageId)||t.set(r.pageId,n++);let r=new Set(e.map(e=>e.pageId));for(let e of t.keys())r.has(e)||t.delete(e);return[...e].sort((e,n)=>t.get(e.pageId)-t.get(n.pageId))}function CQ(e,t){let n=[...e].sort((e,t)=>t.reportedAt-e.reportedAt);return e.find(e=>e.pageId===t)?.pageId??n.find(e=>e.info.bridge)?.pageId??n[0]?.pageId??null}var wQ=new WeakMap;function TQ(e){let t=e.calls;if(Array.isArray(t))return e;let n=wQ.get(e);if(!n){let r=Object.values(t??{}).filter(e=>!!e&&typeof e.id==`number`);n={...e,calls:r.sort((e,t)=>e.id-t.id)},wQ.set(e,n)}return n}function EQ(e){let t=e?.pages;return!t||typeof t!=`object`?[]:Object.values(t).filter(e=>e&&typeof e.pageId==`string`&&!!e.info).map(TQ).sort((e,t)=>t.reportedAt-e.reportedAt)}function DQ(e){let t=e.error;return!!t&&(t.code===`UNIMPLEMENTED`||/not implemented/i.test(t.message))}function OQ(e,t){return e.durationMs===void 0?e.status===`pending`?Math.max(0,t-e.startedAt):0:e.durationMs}function kQ(e,t,n){return t===`failed`?e.status===`error`:t===`pending`?e.status===`pending`:t!==`slow`||OQ(e,n)>=500}function AQ(e){if(e<1e3)return`${Math.max(0,Math.round(e))} ms`;let t=Math.round(e/1e3);if(t<60)return`${t} s`;let n=Math.round(t/60);return n<60?`${n} min`:`${Math.round(n/60)} h`}function jQ(e,t){let n=t-e;return n<1e3?`just now`:`${AQ(n)} ago`}function MQ(e,t){return bQ.has(e.name)?null:e.registered===!0&&!e.available?t===`android`||t===`ios`?{before:`Not available on ${t}. Run `,command:`npx cap sync ${t}`,after:`, then run the app again.`}:{before:`Not available here. Run `,command:`npx cap sync`,after:` if it should be native.`}:e.native&&e.registered===!1?{before:`Installed, not imported by the app.`}:null}function NQ(e,t){let n=e.info,r=n=>e.calls.filter(e=>kQ(e,n,t)).length,i=n.env.capacitorHttp;return{pageId:e.pageId,platform:n.platform,native:n.native,logsCalls:n.bridge||n.webCalls,calls:e.calls.length,failed:r(`failed`),slow:r(`slow`),pending:r(`pending`),capacitorHttp:i===null?`Unknown`:i?`On`:`Off`,hints:n.plugins.filter(e=>MQ(e,n.platform)).length}}function PQ(e){let t=new Map;for(let n of e){if(n.removed)continue;let e=`${n.plugin} ${n.event}`;t.set(e,(t.get(e)??0)+1)}return t}var FQ=/^[A-Za-z_$][\w$]*$/;function IQ(e,t=``){if(e===void 0)return`undefined`;if(typeof e!=`object`||!e)return JSON.stringify(e)??String(e);let n=`${t}  `;if(Array.isArray(e))return e.length?`[\n${e.map(e=>n+IQ(e,n)).join(`,
+`)},\n${t}]`:`[]`;let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${FQ.test(e)?e:JSON.stringify(e)}: ${IQ(t,n)}`).join(`,
+`)},\n${t}}`:`{}`}function LQ(e){let t=FQ.test(e.plugin)?e.plugin:`Capacitor.Plugins[${JSON.stringify(e.plugin)}]`,n=FQ.test(e.method)?`.${e.method}`:`[${JSON.stringify(e.method)}]`,r=e.args===void 0?[]:[IQ(e.args)];return e.kind===`callback`&&(r.length||r.push(`{}`),r.push(`(result, error) => {}`)),`await ${t}${n}(${r.join(`, `)});`}function RQ(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e,null,2)??`undefined`}catch{return String(e)}}function zQ(e,t=120){let n;try{n=JSON.stringify(e)??`undefined`}catch{n=String(e)}return n.length>t?`${n.slice(0,t-1)}…`:n}function BQ(e,t){if(e&1){let e=H();B(0,`button`,8),W(`click`,function(){let t=E(e).$implicit;return D(G().tab.set(t))}),J(1),V()}if(e&2){let e=t.$implicit,n=G();qg(`id`,`cap-tab-`+e),j(`aria-selected`,n.tab()===e)(`aria-controls`,`cap-panel-`+e)(`tabindex`,n.tab()===e?0:-1),A(),X(` `,n.tabLabel(e),` `)}}function VQ(e,t){e&1&&(B(0,`p`,9),J(1,`No arguments.`),V())}function HQ(e,t){if(e&1&&(B(0,`pre`,10),J(1),V()),e&2){let e=G(2),t=fv(0);A(),Y(e.json(t.args))}}function UQ(e,t){e&1&&M(0,VQ,2,0,`p`,9)(1,HQ,2,1,`pre`,10),e&2&&(G(),N(fv(0).args===void 0?0:1))}function WQ(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();A(),Y(e.code)}}function GQ(e,t){if(e&1&&(B(0,`p`,11),M(1,WQ,2,1,`code`),J(2),V()),e&2){let e=t;A(),N(e.code?1:-1),A(),X(` `,e.message,` `)}}function KQ(e,t){e&1&&(B(0,`p`,9),J(1,`No answer yet.`),V())}function qQ(e,t){if(e&1&&(B(0,`p`,9),J(1),V()),e&2){G(3);let e=fv(0);A(),X(`The latest of `,e.callbacks,` callbacks.`)}}function JQ(e,t){e&1&&(B(0,`p`,9),J(1,`Resolved without a value.`),V())}function YQ(e,t){if(e&1&&(B(0,`pre`,12),J(1),V()),e&2){let e=G(3),t=fv(0);A(),Y(e.json(t.result))}}function XQ(e,t){if(e&1&&(M(0,qQ,2,1,`p`,9),M(1,JQ,2,0,`p`,9)(2,YQ,2,1,`pre`,12)),e&2){G(2);let e=fv(0);N(e.callbacks&&e.callbacks>1?0:-1),A(),N(e.result===void 0?1:2)}}function ZQ(e,t){if(e&1&&M(0,GQ,3,2,`p`,11)(1,KQ,2,0,`p`,9)(2,XQ,3,2),e&2){let e;G();let t=fv(0);N((e=t.error)?0:t.status===`pending`?1:2,e)}}function QQ(e,t){if(e&1&&(B(0,`div`)(1,`dt`),J(2,`Callbacks`),V(),B(3,`dd`),J(4),V()()),e&2){G(2);let e=fv(0);A(4),Y(e.callbacks??0)}}function $Q(e,t){if(e&1&&(B(0,`dl`)(1,`div`)(2,`dt`),J(3,`Started`),V(),B(4,`dd`),J(5),V()(),B(6,`div`)(7,`dt`),J(8,`Finished`),V(),B(9,`dd`),J(10),V()(),B(11,`div`)(12,`dt`),J(13),V(),B(14,`dd`),J(15),V()(),M(16,QQ,5,1,`div`),V()),e&2){let e=G(),t=fv(0);A(5),Y(e.time(t.startedAt)),A(5),X(` `,t.durationMs===void 0?`Not yet`:e.time(t.startedAt+t.durationMs),` `),A(3),Y(t.status===`pending`?`Waiting for`:`Duration`),A(2),Y(e.span(e.took(t,e.now()))),A(),N(t.kind===`callback`?16:-1)}}var e$=[`args`,`outcome`,`timing`],t$=class e{call=$.required();now=$.required();announce=Rv();host=w(Fl);tab=k(`args`);tabOrder=e$;json=RQ;time=IO;span=AQ;took=OQ;statusText=Q(()=>{let e=this.call();return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:DQ(e)?`Not implemented`:`Error`});panelHasFocusable=Q(()=>{let e=this.call();return this.tab()===`args`?e.args!==void 0:this.tab()===`outcome`&&!e.error&&e.status===`ok`&&e.result!==void 0});tabLabel(e){return e===`args`?`Arguments`:e===`timing`?`Timing`:this.call().status===`error`?`Error`:`Result`}onTabKey(e){let t=e$.indexOf(this.tab()),n;if(e.key===`ArrowRight`)n=(t+1)%e$.length;else if(e.key===`ArrowLeft`)n=(t-1+e$.length)%e$.length;else if(e.key===`Home`)n=0;else if(e.key===`End`)n=e$.length-1;else return;e.preventDefault();let r=e$[n];this.tab.set(r),this.host.nativeElement.querySelector(`#cap-tab-${r}`)?.focus()}async copy(e){let t=this.call(),n=`${t.plugin}.${t.method}()`,r=e===`json`?RQ(t):LQ(t);try{await navigator.clipboard.writeText(r),this.announce.emit(`Copied ${n} as ${e===`json`?`JSON`:`code`}.`)}catch{this.announce.emit(`The clipboard is not available here.`)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-capacitor-call-detail`]],inputs:{call:[1,`call`],now:[1,`now`]},outputs:{announce:`announce`},decls:19,vars:10,consts:[[`id`,`cap-detail`,`aria-labelledby`,`cap-detail-title`,1,`detail`],[`id`,`cap-detail-title`],[1,`meta`],[1,`actions`],[`type`,`button`,1,`small`,3,`click`],[`role`,`tablist`,`aria-label`,`Call details`,1,`tabs`,3,`keydown`],[`type`,`button`,`role`,`tab`,3,`id`],[`role`,`tabpanel`,1,`panel`,3,`id`],[`type`,`button`,`role`,`tab`,3,`click`,`id`],[1,`muted`],[`tabindex`,`0`,`aria-label`,`Arguments`],[1,`error-text`],[`tabindex`,`0`,`aria-label`,`Result`]],template:function(e,t){if(e&1&&(uv(0),B(1,`section`,0)(2,`h3`,1)(3,`code`),J(4),V()(),B(5,`p`,2),J(6),V(),B(7,`div`,3)(8,`button`,4),W(`click`,function(){return t.copy(`json`)}),J(9,`Copy as JSON`),V(),B(10,`button`,4),W(`click`,function(){return t.copy(`code`)}),J(11,`Copy as code`),V()(),B(12,`div`,5),W(`keydown`,function(e){return t.onTabKey(e)}),P(13,BQ,2,5,`button`,6,Ag),V(),B(15,`div`,7),M(16,UQ,2,1)(17,ZQ,3,1)(18,$Q,17,5,`dl`),V()()),e&2){let e,n=dv(t.call());A(4),Z(``,n.plugin,`.`,n.method,`()`),A(2),rv(` `,t.statusText(),`, `,n.via,`, `,n.kind===`callback`?`stream`:`promise`,` `),A(7),F(t.tabOrder),A(2),qg(`id`,`cap-panel-`+t.tab()),j(`aria-labelledby`,`cap-tab-`+t.tab())(`tabindex`,t.panelHasFocusable()?null:0),A(),N((e=t.tab())===`args`?16:e===`outcome`?17:e===`timing`?18:-1)}},styles:[`.detail[_ngcontent-%COMP%] {
   border: 1px solid var(--%NS%border);
   border-radius: var(--%NS%radius);
   background: var(--%NS%surface);
@@ -15264,7 +15264,7 @@ dd[_ngcontent-%COMP%] {
   margin: 0;
   color: var(--%NS%text);
   font-variant-numeric: tabular-nums;
-}`]})},BQ=(e,t)=>t.plugin,VQ=(e,t)=>t.label;function HQ(e,t){if(e&1&&(B(0,`span`,5),J(1),V(),J(2,` `),B(3,`span`,6),J(4,`from `),B(5,`code`),J(6),V(),J(7),V()),e&2){let e=G().$implicit,t=G(2);A(),Y(e.value),A(5),Y(e.from),A(),X(`, `,t.ago(e.at,t.now()))}}function UQ(e,t){e&1&&(B(0,`span`,4),J(1,`Not reported yet`),V())}function WQ(e,t){if(e&1&&(B(0,`div`)(1,`dt`),J(2),V(),B(3,`dd`),M(4,HQ,8,3)(5,UQ,2,0,`span`,4),V()()),e&2){let e=t.$implicit;A(2),Y(e.label),A(2),N(e.value===null?5:4)}}function GQ(e,t){if(e&1&&(B(0,`article`,2)(1,`h3`,3)(2,`code`),J(3),V()(),B(4,`dl`),P(5,WQ,6,2,`div`,null,VQ),V()()),e&2){let e=t.$implicit;j(`aria-labelledby`,`cap-state-`+e.plugin),A(),qg(`id`,`cap-state-`+e.plugin),A(2),Y(e.plugin),A(2),F(e.fields)}}function KQ(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function qQ(e,t=e=>e){return n=>{let r=KQ(n)?n[e]:void 0;return typeof r==`string`||typeof r==`number`||typeof r==`boolean`?t(String(r)):null}}function JQ(e,t,n){return[...e.map(e=>({method:e,read:n})),...t.map(e=>({event:e,read:n}))]}var YQ=[{plugin:`Foldable`,fields:[{label:`Fold state`,sources:JQ([`getFoldState`],[`foldStateChange`],qQ(`state`))},{label:`Posture`,sources:JQ([`getFoldState`],[`foldStateChange`],qQ(`posture`))},{label:`Hinge orientation`,sources:JQ([`getFoldState`],[`foldStateChange`],qQ(`hingeOrientation`))},{label:`Hinge angle`,sources:JQ([`getHingeAngle`],[`hingeAngleChange`],qQ(`angle`,e=>`${e}°`))},{label:`Active display`,sources:JQ([`getFoldState`],[`foldStateChange`],qQ(`activeDisplay`))},{label:`Size class`,sources:JQ([`getSizeClass`],[`sizeClassChange`],e=>{let t=qQ(`widthClass`)(e),n=qQ(`heightClass`)(e);return!t&&!n?null:[t&&`width ${t}`,n&&`height ${n}`].filter(Boolean).join(`, `)})}]}];function XQ(e,t,n){let r=null,i=(e,t,i)=>{if(r&&r.at>=i)return;let a=n.read(e);a!==null&&(r={value:a,from:t,at:i})};if(`method`in n)for(let r of e.calls)r.plugin===t&&r.method===n.method&&r.status===`ok`&&i(r.result,`${n.method}()`,r.startedAt+(r.durationMs??0));else for(let r of e.listeners)r.plugin===t&&r.event===n.event&&r.lastEventAt!==void 0&&r.last!==void 0&&i(r.last,n.event,r.lastEventAt);return r}function ZQ(e,t=YQ){let n=new Set(e.info.plugins.map(e=>e.name));return t.filter(e=>n.has(e.plugin)).map(t=>({plugin:t.plugin,fields:t.fields.map(n=>{let r=null;for(let i of n.sources){let n=XQ(e,t.plugin,i);n&&(!r||n.at>r.at)&&(r=n)}let i=r;return{label:n.label,value:i?.value??null,from:i?.from??null,at:i?.at??null}})}))}var QQ=class e{cards=$.required();now=$.required();ago=hQ;static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-capacitor-state`]],inputs:{cards:[1,`cards`],now:[1,`now`]},decls:5,vars:0,consts:[[1,`lead`],[1,`cards`],[1,`card`],[3,`id`],[1,`missing`],[1,`value`],[1,`source`]],template:function(e,t){e&1&&(B(0,`p`,0),J(1,` Read from the results and events the app already received. The panel calls nothing in the app. `),V(),B(2,`div`,1),P(3,GQ,7,3,`article`,2,BQ),V()),e&2&&(A(3),F(t.cards()))},styles:[`[_nghost-%COMP%] {
+}`]})},n$=(e,t)=>t.plugin,r$=(e,t)=>t.label;function i$(e,t){if(e&1&&(B(0,`span`,5),J(1),V(),J(2,` `),B(3,`span`,6),J(4,`from `),B(5,`code`),J(6),V(),J(7),V()),e&2){let e=G().$implicit,t=G(2);A(),Y(e.value),A(5),Y(e.from),A(),X(`, `,t.ago(e.at,t.now()))}}function a$(e,t){e&1&&(B(0,`span`,4),J(1,`Not reported yet`),V())}function o$(e,t){if(e&1&&(B(0,`div`)(1,`dt`),J(2),V(),B(3,`dd`),M(4,i$,8,3)(5,a$,2,0,`span`,4),V()()),e&2){let e=t.$implicit;A(2),Y(e.label),A(2),N(e.value===null?5:4)}}function s$(e,t){if(e&1&&(B(0,`article`,2)(1,`h3`,3)(2,`code`),J(3),V()(),B(4,`dl`),P(5,o$,6,2,`div`,null,r$),V()()),e&2){let e=t.$implicit;j(`aria-labelledby`,`cap-state-`+e.plugin),A(),qg(`id`,`cap-state-`+e.plugin),A(2),Y(e.plugin),A(2),F(e.fields)}}function c$(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function l$(e,t=e=>e){return n=>{let r=c$(n)?n[e]:void 0;return typeof r==`string`||typeof r==`number`||typeof r==`boolean`?t(String(r)):null}}function u$(e,t,n){return[...e.map(e=>({method:e,read:n})),...t.map(e=>({event:e,read:n}))]}var d$=[{plugin:`Foldable`,fields:[{label:`Fold state`,sources:u$([`getFoldState`],[`foldStateChange`],l$(`state`))},{label:`Posture`,sources:u$([`getFoldState`],[`foldStateChange`],l$(`posture`))},{label:`Hinge orientation`,sources:u$([`getFoldState`],[`foldStateChange`],l$(`hingeOrientation`))},{label:`Hinge angle`,sources:u$([`getHingeAngle`],[`hingeAngleChange`],l$(`angle`,e=>`${e}°`))},{label:`Active display`,sources:u$([`getFoldState`],[`foldStateChange`],l$(`activeDisplay`))},{label:`Size class`,sources:u$([`getSizeClass`],[`sizeClassChange`],e=>{let t=l$(`widthClass`)(e),n=l$(`heightClass`)(e);return!t&&!n?null:[t&&`width ${t}`,n&&`height ${n}`].filter(Boolean).join(`, `)})}]}];function f$(e,t,n){let r=null,i=(e,t,i)=>{if(r&&r.at>=i)return;let a=n.read(e);a!==null&&(r={value:a,from:t,at:i})};if(`method`in n)for(let r of e.calls)r.plugin===t&&r.method===n.method&&r.status===`ok`&&i(r.result,`${n.method}()`,r.startedAt+(r.durationMs??0));else for(let r of e.listeners)r.plugin===t&&r.event===n.event&&r.lastEventAt!==void 0&&r.last!==void 0&&i(r.last,n.event,r.lastEventAt);return r}function p$(e,t=d$){let n=new Set(e.info.plugins.map(e=>e.name));return t.filter(e=>n.has(e.plugin)).map(t=>({plugin:t.plugin,fields:t.fields.map(n=>{let r=null;for(let i of n.sources){let n=f$(e,t.plugin,i);n&&(!r||n.at>r.at)&&(r=n)}let i=r;return{label:n.label,value:i?.value??null,from:i?.from??null,at:i?.at??null}})}))}var m$=class e{cards=$.required();now=$.required();ago=jQ;static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-capacitor-state`]],inputs:{cards:[1,`cards`],now:[1,`now`]},decls:5,vars:0,consts:[[1,`lead`],[1,`cards`],[1,`card`],[3,`id`],[1,`missing`],[1,`value`],[1,`source`]],template:function(e,t){e&1&&(B(0,`p`,0),J(1,` Read from the results and events the app already received. The panel calls nothing in the app. `),V(),B(2,`div`,1),P(3,s$,7,3,`article`,2,n$),V()),e&2&&(A(3),F(t.cards()))},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -15340,7 +15340,7 @@ dd[_ngcontent-%COMP%] {
 
 .missing[_ngcontent-%COMP%] {
   font-style: italic;
-}`]})},$Q=(e,t)=>t.filter,e$=(e,t)=>t.id,t$=(e,t)=>t.name;function n$(e,t){e&1&&(L(0,`p`,1),J(1,`Loading Capacitor data…`),R())}function r$(e,t){if(e&1){let e=H();L(0,`div`,2)(1,`p`),J(2,`Can't read the Capacitor data from the devtools server.`),R(),L(3,`button`,3),U(`click`,function(){return E(e),D(G().retry())}),J(4,`Retry`),R()()}}function i$(e,t){if(e&1){let e=H();L(0,`button`,27),U(`click`,function(){let t=E(e).$implicit;return D(G(4).pickFilter(t.filter))}),L(1,`span`,24),J(2),R(),J(3,` `),L(4,`span`,25),J(5),R()()}if(e&2){let e=t.$implicit,n=G(4);j(`data-filter`,e.filter)(`aria-pressed`,n.callFilter()===e.filter),A(2),Y(e.label),A(3),Y(e.count)}}function a$(e,t){if(e&1&&P(0,i$,6,4,`button`,26,$Q),e&2){let e=G();F(G(2).callStats(e))}}function o$(e,t){if(e&1&&(L(0,`span`,23)(1,`span`,24),J(2,`Platform`),R(),J(3,` `),L(4,`span`,25)(5,`code`),J(6),R(),J(7),R()(),M(8,a$,2,0),L(9,`span`,23)(10,`span`,24),J(11,`CapacitorHttp`),R(),J(12,` `),L(13,`span`,25),J(14),R()(),L(15,`span`,23)(16,`span`,24),J(17,`Plugin hints`),R(),J(18,` `),L(19,`span`,25),J(20),R()()),e&2){let e=t;A(6),Y(e.platform),A(),X(` `,e.native?`native`:`web`),A(),N(e.logsCalls?8:-1),A(6),Y(e.capacitorHttp),A(6),Y(e.hints)}}function s$(e,t){if(e&1){let e=H();L(0,`div`,10)(1,`span`,28),J(2,`Page`),R(),L(3,`app-select`,29),U(`valueChange`,function(t){return E(e),D(G(2).selectedPageId.set(t))}),R()()}if(e&2){let e=G(),t=G();A(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function c$(e,t){if(e&1&&(L(0,`section`,12)(1,`h2`,30),J(2,`Plugin state`),R(),z(3,`app-capacitor-state`,31),R()),e&2){let e=G(2);A(3),I(`cards`,e.stateCards())(`now`,e.now())}}function l$(e,t){if(e&1&&(L(0,`p`,15),J(1,` Plugin calls aren't shown on this page. Native calls are logged on iOS and Android, where plugins go through the native bridge. To log calls a web implementation answers, load `),L(2,`code`),J(3,`@pangular-inspector/devtools/capacitor-hook`),R(),J(4,` before `),L(5,`code`),J(6,`@capacitor/core`),R(),J(7,`. `),L(8,`a`,32),J(9,`How to log web calls`),L(10,`span`,6),J(11,` (opens in a new tab)`),R()()()),e&2){let e=G(2);A(8),I(`href`,e.guideUrl,Mu)}}function u$(e,t){if(e&1&&(L(0,`p`,15),J(1,` Only native calls are logged. Calls a web implementation answers are left out. `),L(2,`a`,32),J(3,`How to log them too`),L(4,`span`,6),J(5,` (opens in a new tab)`),R()()()),e&2){let e=G(3);A(2),I(`href`,e.guideUrl,Mu)}}function d$(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin calls yet. Use the app and they show up here.`),R())}function f$(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`p`),J(2,`No call matches the filters.`),R(),L(3,`p`,43),J(4),R(),L(5,`button`,3),U(`click`,function(){E(e),G();let t=d_(7);return G(2).clearFilters(),D(t.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2),t=G();A(4),rv(` `,e.calls.length,` `,e.calls.length===1?`call is`:`calls are`,` hidden by `,t.hiddenBy(),`. `)}}function p$(e,t){e&1&&(O(),z(0,`path`,50))}function m$(e,t){e&1&&(O(),z(0,`circle`,55)(1,`path`,56))}function h$(e,t){e&1&&(O(),z(0,`circle`,55)(1,`path`,57))}function g$(e,t){e&1&&(O(),z(0,`circle`,55)(1,`path`,58))}function _$(e,t){e&1&&(L(0,`span`,51),J(1,`stream`),R())}function v$(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,46),U(`focus`,function(){let t=E(e).$implicit;return D(G(4).focusedCallId.set(t.id))})(`click`,function(){let t=E(e).$implicit;return D(G(4).select(t.id))}),L(2,`code`,47),J(3),R(),L(4,`span`,48),O(),L(5,`svg`,49),M(6,p$,1,0,`:svg:path`,50)(7,m$,2,0)(8,h$,2,0)(9,g$,2,0),R(),J(10),R(),M(11,_$,2,0,`span`,51),gs(),L(12,`span`,52)(13,`span`,53),z(14,`span`),R(),J(15),R(),L(16,`span`,51),J(17),R(),L(18,`time`,54),J(19),R()()()}if(e&2){let e,n=t.$implicit,r=G(4);A(),q(`selected`,r.selected()?.id===n.id),j(`aria-pressed`,r.selected()?.id===n.id)(`tabindex`,r.tabStop()===n.id?0:-1),A(2),Z(``,n.plugin,`.`,n.method,`()`),A(),j(`data-tone`,r.tone(n)),A(2),N((e=r.tone(n))===`ok`?6:e===`danger`?7:e===`warn`?8:9),A(4),X(` `,r.statusLabel(n),` `),A(),N(n.kind===`callback`?11:-1),A(3),K(`width`,r.barWidth(n),`%`),A(),X(` `,r.durationText(n),` `),A(2),Y(n.via),A(2),Y(r.time(n.startedAt))}}function y$(e,t){if(e&1){let e=H();L(0,`app-capacitor-call-detail`,59),U(`announce`,function(t){return E(e),D(G(4).announce(t))}),R()}if(e&2){let e=G(4);I(`call`,t)(`now`,e.now())}}function b$(e,t){if(e&1){let e=H();L(0,`div`,42)(1,`ol`,44),U(`keydown`,function(t){return E(e),D(G(3).onListKey(t))}),P(2,v$,20,15,`li`,null,e$),R(),M(4,y$,1,2,`app-capacitor-call-detail`,45),R()}if(e&2){let e,t=G(3);A(2),F(t.shownCalls()),A(2),N((e=t.selected())?4:-1,e)}}function x$(e,t){if(e&1){let e=H();M(0,u$,6,1,`p`,15),L(1,`div`,33)(2,`div`,34),O(),L(3,`svg`,35),z(4,`circle`,36)(5,`path`,37),R(),gs(),L(6,`input`,38,0),U(`input`,function(t){return E(e),D(G(2).setSearch(t.target.value))})(`keydown.escape`,function(){return E(e),D(G(2).setSearch(``))}),R()(),L(8,`app-select`,39),U(`valueChange`,function(t){return E(e),D(G(2).setFilter(t))}),R(),L(9,`span`,40),J(10),R()(),z(11,`app-limit-note`,41),M(12,d$,2,0,`p`,18)(13,f$,7,3,`div`,18)(14,b$,5,1,`div`,42)}if(e&2){let e=G(),t=G();N(e.info.webCalls?-1:0),A(6),I(`value`,t.filter()),A(2),I(`options`,t.filterOptions)(`value`,t.callFilter()),A(2),Z(``,t.shownCalls().length,` of `,e.calls.length,` calls`),A(),I(`dropped`,e.dropped)(`max`,t.maxCalls()),A(),N(e.calls.length?t.shownCalls().length?14:13:12)}}function S$(e,t){e&1&&(L(0,`p`,18),J(1,`No plugins are registered or installed.`),R())}function C$(e,t){if(e&1&&(L(0,`code`),J(1),R()),e&2){let e=G();A(),Y(e.command)}}function w$(e,t){if(e&1){let e=H();L(0,`button`,65),U(`click`,function(){E(e);let t=G();return D(G(4).copyCommand(t.command))}),J(1,` Copy `),R()}e&2&&j(`aria-label`,`Copy `+G().command)}function T$(e,t){if(e&1&&(L(0,`span`,63),J(1),M(2,C$,2,1,`code`),J(3),R(),M(4,w$,2,1,`button`,64)),e&2){let e=t;A(),Y(e.before),A(),N(e.command?2:-1),A(),Y(e.after),A(),N(e.command?4:-1)}}function E$(e,t){if(e&1&&(L(0,`tr`)(1,`th`,61)(2,`code`),J(3),R()(),L(4,`td`),J(5),R(),L(6,`td`),J(7),R(),L(8,`td`),J(9),R(),L(10,`td`,62),M(11,T$,5,4),R()()),e&2){let e,n=t.$implicit,r=G(2),i=G();A(3),Y(n.name),A(2),Y(n.available?`Yes`:`No`),A(2),Y(i.yesNo(n.registered)),A(2),Y(n.native?`Yes`:`No`),A(2),N((e=i.pluginHint(n,r.info.platform))?11:-1,e)}}function D$(e,t){if(e&1&&(L(0,`div`,19)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,60),J(5,`Plugin`),R(),L(6,`th`,60),J(7,`Available`),R(),L(8,`th`,60),J(9,`Imported`),R(),L(10,`th`,60),J(11,`Native`),R(),L(12,`th`,60),J(13,`Note`),R()()(),L(14,`tbody`),P(15,E$,12,5,`tr`,null,t$),R()()()),e&2){let e=G();A(15),F(e.info.plugins)}}function O$(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin listeners. They show up when the app calls addListener.`),R())}function k$(e,t){if(e&1&&(L(0,`code`,68),J(1),R()),e&2){let e=G(2).$implicit,t=G(3);A(),Y(t.preview(e.last))}}function A$(e,t){e&1&&(L(0,`span`,68),J(1,`No data`),R())}function j$(e,t){if(e&1&&(M(0,k$,2,1,`code`,68)(1,A$,2,0,`span`,68),L(2,`span`,43),J(3),R()),e&2){let e=G().$implicit,t=G(3);N(+(e.last===void 0)),A(3),X(`at `,t.time(e.lastEventAt))}}function M$(e,t){e&1&&J(0,` None yet `)}function N$(e,t){if(e&1&&(L(0,`span`,67),O(),L(1,`svg`,49),z(2,`path`,69)(3,`path`,70),R(),J(4),R()),e&2){let e=G().$implicit,t=G(3);A(4),X(` `,t.leakCount(e),` active listeners: possible leak `)}}function P$(e,t){if(e&1&&(L(0,`tr`)(1,`th`,61)(2,`code`),J(3),R()(),L(4,`td`)(5,`code`),J(6),R()(),L(7,`td`),J(8),R(),L(9,`td`,66),M(10,j$,4,2)(11,M$,1,0),R(),L(12,`td`),J(13),M(14,N$,5,1,`span`,67),R()()),e&2){let e=t.$implicit,n=G(3);A(3),Y(e.plugin),A(3),Y(e.event),A(2),Y(e.events),A(2),N(e.lastEventAt?10:11),A(3),X(` `,e.removed?`Removed`:`Active`,` `),A(),N(!e.removed&&n.leakCount(e)>1?14:-1)}}function F$(e,t){if(e&1&&(L(0,`div`,22)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,60),J(5,`Plugin`),R(),L(6,`th`,60),J(7,`Event`),R(),L(8,`th`,60),J(9,`Events`),R(),L(10,`th`,60),J(11,`Last event`),R(),L(12,`th`,60),J(13,`State`),R()()(),L(14,`tbody`),P(15,P$,15,6,`tr`,null,e$),R()()()),e&2){let e=G();A(15),F(e.listeners)}}function I$(e,t){if(e&1&&(L(0,`p`,4),J(1,` Plugin calls, plugins and listeners of a Capacitor app, as its WebView reports them. Values are masked like other live data. `),R(),L(2,`div`,5),M(3,o$,21,5),L(4,`span`,6),J(5),R()(),L(6,`section`,7)(7,`div`,8)(8,`h2`,9),J(9,`Environment`),R(),M(10,s$,4,2,`div`,10),R(),L(11,`dl`)(12,`div`)(13,`dt`),J(14,`Platform`),R(),L(15,`dd`)(16,`code`),J(17),R(),J(18),R()(),L(19,`div`)(20,`dt`),J(21,`Server URL`),R(),L(22,`dd`)(23,`code`),J(24),R()()(),L(25,`div`)(26,`dt`),J(27,`CapacitorHttp`),R(),L(28,`dd`),J(29),R()(),L(30,`div`)(31,`dt`),J(32,`Calls logged`),R(),L(33,`dd`),J(34),R()(),L(35,`div`,11)(36,`dt`),J(37,`User agent`),R(),L(38,`dd`)(39,`code`),J(40),R()()()()(),M(41,c$,4,2,`section`,12),L(42,`section`,13)(43,`h2`,14),J(44,`Plugin calls`),R(),M(45,l$,12,1,`p`,15)(46,x$,15,9),R(),L(47,`section`,16)(48,`h2`,17),J(49,`Plugins`),R(),M(50,S$,2,0,`p`,18)(51,D$,17,0,`div`,19),R(),L(52,`section`,20)(53,`h2`,21),J(54,`Listeners`),R(),M(55,O$,2,0,`p`,18)(56,F$,17,0,`div`,22),R()),e&2){let e,n=t,r=G();A(3),N((e=r.summary())?3:-1,e),A(2),Y(r.message()),A(5),N(r.pageOptions().length>1?10:-1),A(7),Y(n.info.platform),A(),X(` (`,n.info.native?`native`:`web`,`) `),A(6),Y(n.info.env.serverUrl||`none`),A(5),X(` `,n.info.env.capacitorHttp===null?`Unknown`:n.info.env.capacitorHttp?`On`:`Off`,` `),A(5),Y(r.loggedLabel()),A(6),Y(n.info.env.userAgent||`unknown`),A(),N(r.stateCards().length?41:-1),A(4),N(!n.info.bridge&&!n.info.webCalls?45:46),A(5),N(n.info.plugins.length?51:50),A(5),N(n.listeners.length?56:55)}}function L$(e,t){e&1&&(L(0,`p`,1),J(1,` No Capacitor app reports to this server. Start the overlay in the app, then use it. `),R())}var R$=`https://pangular-inspector.dev/inspectors/capacitor/#web-calls`,z$=2e3,B$={all:`All calls`,failed:`Failed`,slow:`Slow (500 ms or more)`,pending:`Pending`},V$=class e{rpc=$(null);destroyRef=w(Es);host=w(Fl);injector=w(ws);seen=new Map;hostPageId=hE();unsubscribe;time=bO;preview=CQ;pluginHint=gQ;guideUrl=R$;yesNo=aQ;filterOptions=Object.keys(B$).map(e=>({value:e,label:B$[e]}));pages=k([]);loaded=k(!1);failed=k(!1);selectedPageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&e.some(e=>e.pageId===t.value)?t.value:sQ(e,this.hostPageId)});selectedCallId=k(null);focusedCallId=k(null);filter=k(``);callFilter=k(`all`);now=k(Date.now());message=k(``);page=Q(()=>{let e=this.selectedPageId();return this.pages().find(t=>t.pageId===e)??null});pageOptions=Q(()=>this.pages().map(e=>({value:e.pageId,label:e.title||e.url||e.pageId,hint:e.info.platform})));maxCalls=Q(()=>PE(this.rpc()).limits.capacitorCalls);loggedLabel=Q(()=>{let e=this.page()?.info;return e?e.bridge&&e.webCalls?`Native and web`:e.bridge?`Native only`:e.webCalls?`Web only`:`None on this platform`:``});shownCalls=Q(()=>{let e=this.page();if(!e)return[];let t=this.filter().trim().toLowerCase(),n=this.callFilter(),r=n===`slow`?this.now():0;return[...e.calls].filter(e=>pQ(e,n,r)).filter(e=>!t||`${e.plugin}.${e.method}`.toLowerCase().includes(t)).sort((e,t)=>t.startedAt-e.startedAt)});selected=Q(()=>this.shownCalls().find(e=>e.id===this.selectedCallId())??null);tabStop=Q(()=>{let e=this.shownCalls();for(let t of[this.focusedCallId(),this.selectedCallId()])if(t!==null&&e.some(e=>e.id===t))return t;return e[0]?.id??null});slowest=Q(()=>{let e=this.now();return Math.max(1,...this.shownCalls().map(t=>fQ(t,e)))});hiddenBy=Q(()=>{let e=[],t=this.filter().trim();return t&&e.push(`the search “${t}”`),this.callFilter()!==`all`&&e.push(`the ${B$[this.callFilter()]} filter`),e.join(` and `)});stateCards=Q(()=>{let e=this.page();return e?ZQ(e):[]});leaks=Q(()=>vQ(this.page()?.listeners??[]));liveSummary=Q(()=>{let e=this.page();return e?_Q(e,this.now()):null});summary=k(null);summaryShownAt=0;summaryTimer;messageFlip=!1;constructor(){pc(()=>{let e=this.rpc();e&&this.load(e)}),pc(()=>{let e=this.liveSummary();Nv(()=>this.queueSummary(e))});let e=setInterval(()=>this.now.set(Date.now()),1e3);this.destroyRef.onDestroy(()=>{clearInterval(e),clearTimeout(this.summaryTimer),this.unsubscribe?.()})}retry(){let e=this.rpc();e&&this.load(e)}callStats(e){return[{filter:`all`,label:`Calls`,count:e.calls},{filter:`failed`,label:`Failed`,count:e.failed},{filter:`slow`,label:`Slow, 500 ms+`,count:e.slow},{filter:`pending`,label:`Pending`,count:e.pending}]}select(e){this.selectedCallId.set(e),Vd(()=>{globalThis.matchMedia?.(`(max-width: 880px)`).matches&&this.host.nativeElement.querySelector(`#cap-detail`)?.scrollIntoView?.({block:`nearest`})},{injector:this.injector})}onListKey(e){if(![`ArrowDown`,`ArrowUp`,`Home`,`End`].includes(e.key))return;let t=Array.from(this.host.nativeElement.querySelectorAll(`[data-cap-call]`));if(!t.length)return;let n=t.indexOf(document.activeElement),r=n;r=e.key===`ArrowDown`?Math.min(n+1,t.length-1):e.key===`ArrowUp`?Math.max(n-1,0):e.key===`Home`?0:t.length-1,e.preventDefault(),t[r]?.focus()}setSearch(e){e!==this.filter()&&(this.filter.set(e),this.announceCount())}setFilter(e){e!==this.callFilter()&&(this.callFilter.set(e),this.announceCount())}pickFilter(e){this.setFilter(this.callFilter()===e?`all`:e)}clearFilters(){this.filter.set(``),this.callFilter.set(`all`),this.announceCount()}announce(e){this.messageFlip=!this.messageFlip,this.message.set(this.messageFlip?`${e} `:e)}async copyCommand(e){try{await navigator.clipboard.writeText(e),this.announce(`Copied ${e}.`)}catch{this.announce(`The clipboard is not available here.`)}}leakCount(e){return this.leaks().get(`${e.plugin} ${e.event}`)??0}tone(e){return e.status===`pending`?`accent`:e.status===`ok`?`ok`:dQ(e)?`warn`:`danger`}statusLabel(e){return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:dQ(e)?`Not implemented`:`Error`}durationText(e){return e.status===`pending`?`waiting ${mQ(fQ(e,this.now()))}`:e.durationMs===void 0?``:`${Math.round(e.durationMs)} ms`}barWidth(e){return Math.min(100,fQ(e,this.now())/this.slowest()*100)}announceCount(){let e=this.page();e&&this.announce(`${this.shownCalls().length} of ${e.calls.length} calls shown`)}queueSummary(e){let t=this.summary();if(JSON.stringify(e)===JSON.stringify(t))return;clearTimeout(this.summaryTimer),this.summaryTimer=void 0;let n=this.summaryShownAt+z$-Date.now();if(!t||!e||e.pageId!==t.pageId||n<=0){this.summary.set(e),this.summaryShownAt=Date.now();return}this.summaryTimer=setTimeout(()=>{this.summaryTimer=void 0,this.summary.set(this.liveSummary()),this.summaryShownAt=Date.now()},n)}async load(e){this.failed.set(!1);try{let t=await e.scope(`pangular`).rpc.sharedState(`capacitor`);if(this.destroyRef.destroyed)return;let n=e=>this.pages.set(oQ(uQ(e),this.seen));n(t.value()),this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,n)}catch{this.failed.set(!0)}finally{this.loaded.set(!0)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-capacitor-inspector`]],inputs:{rpc:[1,`rpc`]},decls:4,vars:1,consts:[[`search`,``],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[`type`,`button`,1,`small`,3,`click`],[1,`intro`],[`role`,`status`,`aria-label`,`Capacitor summary`,`aria-atomic`,`false`,1,`strip`],[1,`sr-only`],[`aria-labelledby`,`cap-env-title`,1,`env`],[1,`env-head`],[`id`,`cap-env-title`],[1,`page-picker`],[1,`wide`],[`aria-labelledby`,`cap-state-title`],[`aria-labelledby`,`cap-calls-title`],[`id`,`cap-calls-title`],[1,`notice`],[`aria-labelledby`,`cap-plugins-title`],[`id`,`cap-plugins-title`],[1,`empty`],[`tabindex`,`0`,`role`,`group`,`aria-label`,`Plugins table`,1,`table-wrap`],[`aria-labelledby`,`cap-listeners-title`],[`id`,`cap-listeners-title`],[`tabindex`,`0`,`role`,`group`,`aria-label`,`Listeners table`,1,`table-wrap`],[`aria-atomic`,`true`,1,`stat`],[1,`stat-label`],[1,`stat-value`],[`type`,`button`,`aria-atomic`,`true`,1,`stat`],[`type`,`button`,`aria-atomic`,`true`,1,`stat`,3,`click`],[`id`,`cap-page-label`,1,`label-key`],[`labelledBy`,`cap-page-label`,3,`valueChange`,`options`,`value`],[`id`,`cap-state-title`],[3,`cards`,`now`],[`target`,`_blank`,`rel`,`noopener noreferrer`,3,`href`],[1,`toolbar`],[1,`search`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`type`,`search`,`aria-label`,`Filter calls by plugin or method`,`placeholder`,`Filter by plugin or method`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Show calls`,1,`show`,3,`valueChange`,`options`,`value`],[1,`count`],[`what`,`plugin calls`,`limit`,`capacitorCalls`,3,`dropped`,`max`],[1,`split`],[1,`muted`],[`aria-label`,`Plugin calls, newest first`,1,`calls`,3,`keydown`],[3,`call`,`now`],[`type`,`button`,`data-cap-call`,``,1,`call`,3,`focus`,`click`],[1,`name`],[1,`chip`,`status`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`],[`d`,`M20 6 9 17l-5-5`],[1,`chip`,`via`],[1,`duration`],[`aria-hidden`,`true`,1,`bar`],[1,`when`],[`cx`,`12`,`cy`,`12`,`r`,`9`],[`d`,`m15 9-6 6M9 9l6 6`],[`d`,`M5.6 5.6l12.8 12.8`],[`d`,`M12 7v5l3 2`],[3,`announce`,`call`,`now`],[`scope`,`col`],[`scope`,`row`],[1,`note`],[1,`hint`],[`type`,`button`,1,`copy`],[`type`,`button`,1,`copy`,3,`click`],[1,`last`],[`data-tone`,`warn`,1,`chip`,`leak`],[1,`payload`],[`d`,`M12 3 2 21h20z`],[`d`,`M12 10v4M12 17.5v.01`]],template:function(e,t){if(e&1&&M(0,n$,2,0,`p`,1)(1,r$,5,0,`div`,2)(2,I$,57,13)(3,L$,2,0,`p`,1),e&2){let e;N(t.loaded()?t.failed()?1:(e=t.page())?2:3:0,e)}},dependencies:[TO,XD,zQ,QQ],styles:[`[_nghost-%COMP%] {
+}`]})},h$=(e,t)=>t.filter,g$=(e,t)=>t.id,_$=(e,t)=>t.name;function v$(e,t){e&1&&(L(0,`p`,1),J(1,`Loading Capacitor data…`),R())}function y$(e,t){if(e&1){let e=H();L(0,`div`,2)(1,`p`),J(2,`Can't read the Capacitor data from the devtools server.`),R(),L(3,`button`,3),U(`click`,function(){return E(e),D(G().retry())}),J(4,`Retry`),R()()}}function b$(e,t){if(e&1){let e=H();L(0,`button`,27),U(`click`,function(){let t=E(e).$implicit;return D(G(4).pickFilter(t.filter))}),L(1,`span`,24),J(2),R(),J(3,` `),L(4,`span`,25),J(5),R()()}if(e&2){let e=t.$implicit,n=G(4);j(`data-filter`,e.filter)(`aria-pressed`,n.callFilter()===e.filter),A(2),Y(e.label),A(3),Y(e.count)}}function x$(e,t){if(e&1&&P(0,b$,6,4,`button`,26,h$),e&2){let e=G();F(G(2).callStats(e))}}function S$(e,t){if(e&1&&(L(0,`span`,23)(1,`span`,24),J(2,`Platform`),R(),J(3,` `),L(4,`span`,25)(5,`code`),J(6),R(),J(7),R()(),M(8,x$,2,0),L(9,`span`,23)(10,`span`,24),J(11,`CapacitorHttp`),R(),J(12,` `),L(13,`span`,25),J(14),R()(),L(15,`span`,23)(16,`span`,24),J(17,`Plugin hints`),R(),J(18,` `),L(19,`span`,25),J(20),R()()),e&2){let e=t;A(6),Y(e.platform),A(),X(` `,e.native?`native`:`web`),A(),N(e.logsCalls?8:-1),A(6),Y(e.capacitorHttp),A(6),Y(e.hints)}}function C$(e,t){if(e&1){let e=H();L(0,`div`,10)(1,`span`,28),J(2,`Page`),R(),L(3,`app-select`,29),U(`valueChange`,function(t){return E(e),D(G(2).selectedPageId.set(t))}),R()()}if(e&2){let e=G(),t=G();A(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function w$(e,t){if(e&1&&(L(0,`section`,12)(1,`h2`,30),J(2,`Plugin state`),R(),z(3,`app-capacitor-state`,31),R()),e&2){let e=G(2);A(3),I(`cards`,e.stateCards())(`now`,e.now())}}function T$(e,t){if(e&1&&(L(0,`p`,15),J(1,` Plugin calls aren't shown on this page. Native calls are logged on iOS and Android, where plugins go through the native bridge. To log calls a web implementation answers, load `),L(2,`code`),J(3,`@pangular-inspector/devtools/capacitor-hook`),R(),J(4,` before `),L(5,`code`),J(6,`@capacitor/core`),R(),J(7,`. `),L(8,`a`,32),J(9,`How to log web calls`),L(10,`span`,6),J(11,` (opens in a new tab)`),R()()()),e&2){let e=G(2);A(8),I(`href`,e.guideUrl,Mu)}}function E$(e,t){if(e&1&&(L(0,`p`,15),J(1,` Only native calls are logged. Calls a web implementation answers are left out. `),L(2,`a`,32),J(3,`How to log them too`),L(4,`span`,6),J(5,` (opens in a new tab)`),R()()()),e&2){let e=G(3);A(2),I(`href`,e.guideUrl,Mu)}}function D$(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin calls yet. Use the app and they show up here.`),R())}function O$(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`p`),J(2,`No call matches the filters.`),R(),L(3,`p`,43),J(4),R(),L(5,`button`,3),U(`click`,function(){E(e),G();let t=d_(7);return G(2).clearFilters(),D(t.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2),t=G();A(4),rv(` `,e.calls.length,` `,e.calls.length===1?`call is`:`calls are`,` hidden by `,t.hiddenBy(),`. `)}}function k$(e,t){e&1&&(O(),z(0,`path`,50))}function A$(e,t){e&1&&(O(),z(0,`circle`,55)(1,`path`,56))}function j$(e,t){e&1&&(O(),z(0,`circle`,55)(1,`path`,57))}function M$(e,t){e&1&&(O(),z(0,`circle`,55)(1,`path`,58))}function N$(e,t){e&1&&(L(0,`span`,51),J(1,`stream`),R())}function P$(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,46),U(`focus`,function(){let t=E(e).$implicit;return D(G(4).focusedCallId.set(t.id))})(`click`,function(){let t=E(e).$implicit;return D(G(4).select(t.id))}),L(2,`code`,47),J(3),R(),L(4,`span`,48),O(),L(5,`svg`,49),M(6,k$,1,0,`:svg:path`,50)(7,A$,2,0)(8,j$,2,0)(9,M$,2,0),R(),J(10),R(),M(11,N$,2,0,`span`,51),gs(),L(12,`span`,52)(13,`span`,53),z(14,`span`),R(),J(15),R(),L(16,`span`,51),J(17),R(),L(18,`time`,54),J(19),R()()()}if(e&2){let e,n=t.$implicit,r=G(4);A(),q(`selected`,r.selected()?.id===n.id),j(`aria-pressed`,r.selected()?.id===n.id)(`tabindex`,r.tabStop()===n.id?0:-1),A(2),Z(``,n.plugin,`.`,n.method,`()`),A(),j(`data-tone`,r.tone(n)),A(2),N((e=r.tone(n))===`ok`?6:e===`danger`?7:e===`warn`?8:9),A(4),X(` `,r.statusLabel(n),` `),A(),N(n.kind===`callback`?11:-1),A(3),K(`width`,r.barWidth(n),`%`),A(),X(` `,r.durationText(n),` `),A(2),Y(n.via),A(2),Y(r.time(n.startedAt))}}function F$(e,t){if(e&1){let e=H();L(0,`app-capacitor-call-detail`,59),U(`announce`,function(t){return E(e),D(G(4).announce(t))}),R()}if(e&2){let e=G(4);I(`call`,t)(`now`,e.now())}}function I$(e,t){if(e&1){let e=H();L(0,`div`,42)(1,`ol`,44),U(`keydown`,function(t){return E(e),D(G(3).onListKey(t))}),P(2,P$,20,15,`li`,null,g$),R(),M(4,F$,1,2,`app-capacitor-call-detail`,45),R()}if(e&2){let e,t=G(3);A(2),F(t.shownCalls()),A(2),N((e=t.selected())?4:-1,e)}}function L$(e,t){if(e&1){let e=H();M(0,E$,6,1,`p`,15),L(1,`div`,33)(2,`div`,34),O(),L(3,`svg`,35),z(4,`circle`,36)(5,`path`,37),R(),gs(),L(6,`input`,38,0),U(`input`,function(t){return E(e),D(G(2).setSearch(t.target.value))})(`keydown.escape`,function(){return E(e),D(G(2).setSearch(``))}),R()(),L(8,`app-select`,39),U(`valueChange`,function(t){return E(e),D(G(2).setFilter(t))}),R(),L(9,`span`,40),J(10),R()(),z(11,`app-limit-note`,41),M(12,D$,2,0,`p`,18)(13,O$,7,3,`div`,18)(14,I$,5,1,`div`,42)}if(e&2){let e=G(),t=G();N(e.info.webCalls?-1:0),A(6),I(`value`,t.filter()),A(2),I(`options`,t.filterOptions)(`value`,t.callFilter()),A(2),Z(``,t.shownCalls().length,` of `,e.calls.length,` calls`),A(),I(`dropped`,e.dropped)(`max`,t.maxCalls()),A(),N(e.calls.length?t.shownCalls().length?14:13:12)}}function R$(e,t){e&1&&(L(0,`p`,18),J(1,`No plugins are registered or installed.`),R())}function z$(e,t){if(e&1&&(L(0,`code`),J(1),R()),e&2){let e=G();A(),Y(e.command)}}function B$(e,t){if(e&1){let e=H();L(0,`button`,65),U(`click`,function(){E(e);let t=G();return D(G(4).copyCommand(t.command))}),J(1,` Copy `),R()}e&2&&j(`aria-label`,`Copy `+G().command)}function V$(e,t){if(e&1&&(L(0,`span`,63),J(1),M(2,z$,2,1,`code`),J(3),R(),M(4,B$,2,1,`button`,64)),e&2){let e=t;A(),Y(e.before),A(),N(e.command?2:-1),A(),Y(e.after),A(),N(e.command?4:-1)}}function H$(e,t){if(e&1&&(L(0,`tr`)(1,`th`,61)(2,`code`),J(3),R()(),L(4,`td`),J(5),R(),L(6,`td`),J(7),R(),L(8,`td`),J(9),R(),L(10,`td`,62),M(11,V$,5,4),R()()),e&2){let e,n=t.$implicit,r=G(2),i=G();A(3),Y(n.name),A(2),Y(n.available?`Yes`:`No`),A(2),Y(i.yesNo(n.registered)),A(2),Y(n.native?`Yes`:`No`),A(2),N((e=i.pluginHint(n,r.info.platform))?11:-1,e)}}function U$(e,t){if(e&1&&(L(0,`div`,19)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,60),J(5,`Plugin`),R(),L(6,`th`,60),J(7,`Available`),R(),L(8,`th`,60),J(9,`Imported`),R(),L(10,`th`,60),J(11,`Native`),R(),L(12,`th`,60),J(13,`Note`),R()()(),L(14,`tbody`),P(15,H$,12,5,`tr`,null,_$),R()()()),e&2){let e=G();A(15),F(e.info.plugins)}}function W$(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin listeners. They show up when the app calls addListener.`),R())}function G$(e,t){if(e&1&&(L(0,`code`,68),J(1),R()),e&2){let e=G(2).$implicit,t=G(3);A(),Y(t.preview(e.last))}}function K$(e,t){e&1&&(L(0,`span`,68),J(1,`No data`),R())}function q$(e,t){if(e&1&&(M(0,G$,2,1,`code`,68)(1,K$,2,0,`span`,68),L(2,`span`,43),J(3),R()),e&2){let e=G().$implicit,t=G(3);N(+(e.last===void 0)),A(3),X(`at `,t.time(e.lastEventAt))}}function J$(e,t){e&1&&J(0,` None yet `)}function Y$(e,t){if(e&1&&(L(0,`span`,67),O(),L(1,`svg`,49),z(2,`path`,69)(3,`path`,70),R(),J(4),R()),e&2){let e=G().$implicit,t=G(3);A(4),X(` `,t.leakCount(e),` active listeners: possible leak `)}}function X$(e,t){if(e&1&&(L(0,`tr`)(1,`th`,61)(2,`code`),J(3),R()(),L(4,`td`)(5,`code`),J(6),R()(),L(7,`td`),J(8),R(),L(9,`td`,66),M(10,q$,4,2)(11,J$,1,0),R(),L(12,`td`),J(13),M(14,Y$,5,1,`span`,67),R()()),e&2){let e=t.$implicit,n=G(3);A(3),Y(e.plugin),A(3),Y(e.event),A(2),Y(e.events),A(2),N(e.lastEventAt?10:11),A(3),X(` `,e.removed?`Removed`:`Active`,` `),A(),N(!e.removed&&n.leakCount(e)>1?14:-1)}}function Z$(e,t){if(e&1&&(L(0,`div`,22)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,60),J(5,`Plugin`),R(),L(6,`th`,60),J(7,`Event`),R(),L(8,`th`,60),J(9,`Events`),R(),L(10,`th`,60),J(11,`Last event`),R(),L(12,`th`,60),J(13,`State`),R()()(),L(14,`tbody`),P(15,X$,15,6,`tr`,null,g$),R()()()),e&2){let e=G();A(15),F(e.listeners)}}function Q$(e,t){if(e&1&&(L(0,`p`,4),J(1,` Plugin calls, plugins and listeners of a Capacitor app, as its WebView reports them. Values are masked like other live data. `),R(),L(2,`div`,5),M(3,S$,21,5),L(4,`span`,6),J(5),R()(),L(6,`section`,7)(7,`div`,8)(8,`h2`,9),J(9,`Environment`),R(),M(10,C$,4,2,`div`,10),R(),L(11,`dl`)(12,`div`)(13,`dt`),J(14,`Platform`),R(),L(15,`dd`)(16,`code`),J(17),R(),J(18),R()(),L(19,`div`)(20,`dt`),J(21,`Server URL`),R(),L(22,`dd`)(23,`code`),J(24),R()()(),L(25,`div`)(26,`dt`),J(27,`CapacitorHttp`),R(),L(28,`dd`),J(29),R()(),L(30,`div`)(31,`dt`),J(32,`Calls logged`),R(),L(33,`dd`),J(34),R()(),L(35,`div`,11)(36,`dt`),J(37,`User agent`),R(),L(38,`dd`)(39,`code`),J(40),R()()()()(),M(41,w$,4,2,`section`,12),L(42,`section`,13)(43,`h2`,14),J(44,`Plugin calls`),R(),M(45,T$,12,1,`p`,15)(46,L$,15,9),R(),L(47,`section`,16)(48,`h2`,17),J(49,`Plugins`),R(),M(50,R$,2,0,`p`,18)(51,U$,17,0,`div`,19),R(),L(52,`section`,20)(53,`h2`,21),J(54,`Listeners`),R(),M(55,W$,2,0,`p`,18)(56,Z$,17,0,`div`,22),R()),e&2){let e,n=t,r=G();A(3),N((e=r.summary())?3:-1,e),A(2),Y(r.message()),A(5),N(r.pageOptions().length>1?10:-1),A(7),Y(n.info.platform),A(),X(` (`,n.info.native?`native`:`web`,`) `),A(6),Y(n.info.env.serverUrl||`none`),A(5),X(` `,n.info.env.capacitorHttp===null?`Unknown`:n.info.env.capacitorHttp?`On`:`Off`,` `),A(5),Y(r.loggedLabel()),A(6),Y(n.info.env.userAgent||`unknown`),A(),N(r.stateCards().length?41:-1),A(4),N(!n.info.bridge&&!n.info.webCalls?45:46),A(5),N(n.info.plugins.length?51:50),A(5),N(n.listeners.length?56:55)}}function $$(e,t){e&1&&(L(0,`p`,1),J(1,` No Capacitor app reports to this server. Start the overlay in the app, then use it. `),R())}var e1=`https://pangular-inspector.dev/inspectors/capacitor/#web-calls`,t1=2e3,n1={all:`All calls`,failed:`Failed`,slow:`Slow (500 ms or more)`,pending:`Pending`},r1=class e{rpc=$(null);destroyRef=w(Es);host=w(Fl);injector=w(ws);seen=new Map;hostPageId=kE();unsubscribe;time=IO;preview=zQ;pluginHint=MQ;guideUrl=e1;yesNo=xQ;filterOptions=Object.keys(n1).map(e=>({value:e,label:n1[e]}));pages=k([]);loaded=k(!1);failed=k(!1);selectedPageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&e.some(e=>e.pageId===t.value)?t.value:CQ(e,this.hostPageId)});selectedCallId=k(null);focusedCallId=k(null);filter=k(``);callFilter=k(`all`);now=k(Date.now());message=k(``);page=Q(()=>{let e=this.selectedPageId();return this.pages().find(t=>t.pageId===e)??null});pageOptions=Q(()=>this.pages().map(e=>({value:e.pageId,label:e.title||e.url||e.pageId,hint:e.info.platform})));maxCalls=Q(()=>JE(this.rpc()).limits.capacitorCalls);loggedLabel=Q(()=>{let e=this.page()?.info;return e?e.bridge&&e.webCalls?`Native and web`:e.bridge?`Native only`:e.webCalls?`Web only`:`None on this platform`:``});shownCalls=Q(()=>{let e=this.page();if(!e)return[];let t=this.filter().trim().toLowerCase(),n=this.callFilter(),r=n===`slow`?this.now():0;return[...e.calls].filter(e=>kQ(e,n,r)).filter(e=>!t||`${e.plugin}.${e.method}`.toLowerCase().includes(t)).sort((e,t)=>t.startedAt-e.startedAt)});selected=Q(()=>this.shownCalls().find(e=>e.id===this.selectedCallId())??null);tabStop=Q(()=>{let e=this.shownCalls();for(let t of[this.focusedCallId(),this.selectedCallId()])if(t!==null&&e.some(e=>e.id===t))return t;return e[0]?.id??null});slowest=Q(()=>{let e=this.now();return Math.max(1,...this.shownCalls().map(t=>OQ(t,e)))});hiddenBy=Q(()=>{let e=[],t=this.filter().trim();return t&&e.push(`the search “${t}”`),this.callFilter()!==`all`&&e.push(`the ${n1[this.callFilter()]} filter`),e.join(` and `)});stateCards=Q(()=>{let e=this.page();return e?p$(e):[]});leaks=Q(()=>PQ(this.page()?.listeners??[]));liveSummary=Q(()=>{let e=this.page();return e?NQ(e,this.now()):null});summary=k(null);summaryShownAt=0;summaryTimer;messageFlip=!1;constructor(){pc(()=>{let e=this.rpc();e&&this.load(e)}),pc(()=>{let e=this.liveSummary();Nv(()=>this.queueSummary(e))});let e=setInterval(()=>this.now.set(Date.now()),1e3);this.destroyRef.onDestroy(()=>{clearInterval(e),clearTimeout(this.summaryTimer),this.unsubscribe?.()})}retry(){let e=this.rpc();e&&this.load(e)}callStats(e){return[{filter:`all`,label:`Calls`,count:e.calls},{filter:`failed`,label:`Failed`,count:e.failed},{filter:`slow`,label:`Slow, 500 ms+`,count:e.slow},{filter:`pending`,label:`Pending`,count:e.pending}]}select(e){this.selectedCallId.set(e),Vd(()=>{globalThis.matchMedia?.(`(max-width: 880px)`).matches&&this.host.nativeElement.querySelector(`#cap-detail`)?.scrollIntoView?.({block:`nearest`})},{injector:this.injector})}onListKey(e){if(![`ArrowDown`,`ArrowUp`,`Home`,`End`].includes(e.key))return;let t=Array.from(this.host.nativeElement.querySelectorAll(`[data-cap-call]`));if(!t.length)return;let n=t.indexOf(document.activeElement),r=n;r=e.key===`ArrowDown`?Math.min(n+1,t.length-1):e.key===`ArrowUp`?Math.max(n-1,0):e.key===`Home`?0:t.length-1,e.preventDefault(),t[r]?.focus()}setSearch(e){e!==this.filter()&&(this.filter.set(e),this.announceCount())}setFilter(e){e!==this.callFilter()&&(this.callFilter.set(e),this.announceCount())}pickFilter(e){this.setFilter(this.callFilter()===e?`all`:e)}clearFilters(){this.filter.set(``),this.callFilter.set(`all`),this.announceCount()}announce(e){this.messageFlip=!this.messageFlip,this.message.set(this.messageFlip?`${e} `:e)}async copyCommand(e){try{await navigator.clipboard.writeText(e),this.announce(`Copied ${e}.`)}catch{this.announce(`The clipboard is not available here.`)}}leakCount(e){return this.leaks().get(`${e.plugin} ${e.event}`)??0}tone(e){return e.status===`pending`?`accent`:e.status===`ok`?`ok`:DQ(e)?`warn`:`danger`}statusLabel(e){return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:DQ(e)?`Not implemented`:`Error`}durationText(e){return e.status===`pending`?`waiting ${AQ(OQ(e,this.now()))}`:e.durationMs===void 0?``:`${Math.round(e.durationMs)} ms`}barWidth(e){return Math.min(100,OQ(e,this.now())/this.slowest()*100)}announceCount(){let e=this.page();e&&this.announce(`${this.shownCalls().length} of ${e.calls.length} calls shown`)}queueSummary(e){let t=this.summary();if(JSON.stringify(e)===JSON.stringify(t))return;clearTimeout(this.summaryTimer),this.summaryTimer=void 0;let n=this.summaryShownAt+t1-Date.now();if(!t||!e||e.pageId!==t.pageId||n<=0){this.summary.set(e),this.summaryShownAt=Date.now();return}this.summaryTimer=setTimeout(()=>{this.summaryTimer=void 0,this.summary.set(this.liveSummary()),this.summaryShownAt=Date.now()},n)}async load(e){this.failed.set(!1);try{let t=await e.scope(`pangular`).rpc.sharedState(`capacitor`);if(this.destroyRef.destroyed)return;let n=e=>this.pages.set(SQ(EQ(e),this.seen));n(t.value()),this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,n)}catch{this.failed.set(!0)}finally{this.loaded.set(!0)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-capacitor-inspector`]],inputs:{rpc:[1,`rpc`]},decls:4,vars:1,consts:[[`search`,``],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[`type`,`button`,1,`small`,3,`click`],[1,`intro`],[`role`,`status`,`aria-label`,`Capacitor summary`,`aria-atomic`,`false`,1,`strip`],[1,`sr-only`],[`aria-labelledby`,`cap-env-title`,1,`env`],[1,`env-head`],[`id`,`cap-env-title`],[1,`page-picker`],[1,`wide`],[`aria-labelledby`,`cap-state-title`],[`aria-labelledby`,`cap-calls-title`],[`id`,`cap-calls-title`],[1,`notice`],[`aria-labelledby`,`cap-plugins-title`],[`id`,`cap-plugins-title`],[1,`empty`],[`tabindex`,`0`,`role`,`group`,`aria-label`,`Plugins table`,1,`table-wrap`],[`aria-labelledby`,`cap-listeners-title`],[`id`,`cap-listeners-title`],[`tabindex`,`0`,`role`,`group`,`aria-label`,`Listeners table`,1,`table-wrap`],[`aria-atomic`,`true`,1,`stat`],[1,`stat-label`],[1,`stat-value`],[`type`,`button`,`aria-atomic`,`true`,1,`stat`],[`type`,`button`,`aria-atomic`,`true`,1,`stat`,3,`click`],[`id`,`cap-page-label`,1,`label-key`],[`labelledBy`,`cap-page-label`,3,`valueChange`,`options`,`value`],[`id`,`cap-state-title`],[3,`cards`,`now`],[`target`,`_blank`,`rel`,`noopener noreferrer`,3,`href`],[1,`toolbar`],[1,`search`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`type`,`search`,`aria-label`,`Filter calls by plugin or method`,`placeholder`,`Filter by plugin or method`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Show calls`,1,`show`,3,`valueChange`,`options`,`value`],[1,`count`],[`what`,`plugin calls`,`limit`,`capacitorCalls`,3,`dropped`,`max`],[1,`split`],[1,`muted`],[`aria-label`,`Plugin calls, newest first`,1,`calls`,3,`keydown`],[3,`call`,`now`],[`type`,`button`,`data-cap-call`,``,1,`call`,3,`focus`,`click`],[1,`name`],[1,`chip`,`status`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`],[`d`,`M20 6 9 17l-5-5`],[1,`chip`,`via`],[1,`duration`],[`aria-hidden`,`true`,1,`bar`],[1,`when`],[`cx`,`12`,`cy`,`12`,`r`,`9`],[`d`,`m15 9-6 6M9 9l6 6`],[`d`,`M5.6 5.6l12.8 12.8`],[`d`,`M12 7v5l3 2`],[3,`announce`,`call`,`now`],[`scope`,`col`],[`scope`,`row`],[1,`note`],[1,`hint`],[`type`,`button`,1,`copy`],[`type`,`button`,1,`copy`,3,`click`],[1,`last`],[`data-tone`,`warn`,1,`chip`,`leak`],[1,`payload`],[`d`,`M12 3 2 21h20z`],[`d`,`M12 10v4M12 17.5v.01`]],template:function(e,t){if(e&1&&M(0,v$,2,0,`p`,1)(1,y$,5,0,`div`,2)(2,Q$,57,13)(3,$$,2,0,`p`,1),e&2){let e;N(t.loaded()?t.failed()?1:(e=t.page())?2:3:0,e)}},dependencies:[VO,fO,t$,m$],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -15823,7 +15823,340 @@ td.last[_ngcontent-%COMP%] {
 .empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], 
 .state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
   margin: 0 0 8px;
-}`]})};function H$(e){let t=e===`light`?`#ffffff`:`#0b0b0e`,n=e===`light`?`#92400e`:`#f5a524`;return`
+}`]})},i1=[`log`,`info`,`warn`,`error`,`debug`],a1={handler:`ErrorHandler`,window:`Uncaught`,promise:`Unhandled rejection`};function o1(e){return!!e&&typeof e==`object`}function s1(e){let t=o1(e)?e.pages:void 0;return o1(t)?Object.values(t).filter(e=>o1(e)&&typeof e.pageId==`string`).map(e=>({pageId:e.pageId,url:typeof e.url==`string`?e.url:``,title:typeof e.title==`string`?e.title:``,reportedAt:typeof e.reportedAt==`number`?e.reportedAt:0,handler:e.handler===`wrapped`?`wrapped`:`none`,errors:o1(e.errors)?Object.values(e.errors):[],console:o1(e.console)?Object.values(e.console).sort((e,t)=>e.id-t.id):[],dropped:o1(e.dropped)?{errors:Number(e.dropped.errors)||0,console:Number(e.dropped.console)||0}:{errors:0,console:0}})).sort((e,t)=>t.reportedAt-e.reportedAt):[]}function c1(e,t){return t&&e.some(e=>e.pageId===t)?t:e.length>1?`all`:e[0]?.pageId??`all`}function l1(e,t){return e.filter(e=>t===`all`||e.pageId===t).flatMap(e=>e.errors.map(t=>({...t,pageId:e.pageId}))).sort((e,t)=>t.lastAt-e.lastAt)}function u1(e,t){return e.filter(e=>t===`all`||e.pageId===t).flatMap(e=>e.console.map(t=>({...t,pageId:e.pageId}))).sort((e,t)=>t.at-e.at||t.id-e.id)}function d1(e,t){return t?.startsWith(`https://angular.dev/errors/`)?{code:e,href:t}:{code:e}}var f1=(e,t)=>t.pageId+t.id;function p1(e,t){e&1&&(L(0,`p`,1),J(1,`Loading errors…`),R())}function m1(e,t){if(e&1){let e=H();L(0,`div`,2)(1,`p`),J(2,`Can't read the errors from the devtools server.`),R(),L(3,`button`,3),U(`click`,function(){return E(e),D(G().retry())}),J(4,`Retry`),R()()}}function h1(e,t){e&1&&(L(0,`div`,1)(1,`p`),J(2,`No page reports errors yet.`),R(),L(3,`p`,4),J(4,` Open the app with the overlay loaded. Errors and console calls show up here as they happen. `),R()())}function g1(e,t){if(e&1){let e=H();L(0,`app-select`,20),U(`valueChange`,function(t){return E(e),D(G(2).level.set(t))}),R()}if(e&2){let e=G(2);I(`options`,e.levelOptions)(`value`,e.level())}}function _1(e,t){if(e&1){let e=H();L(0,`app-select`,21),U(`valueChange`,function(t){E(e);let n=G(2);return D(n.pageId.set(t??n.allPages))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function v1(e,t){e&1&&(L(0,`p`,23),J(1,` Angular's ErrorHandler isn't wrapped on this page yet, so errors Angular catches show up only when the default handler logs them. `),R())}function y1(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);A(),Z(` `,e.droppedErrors(),` older error `,e.droppedErrors()===1?`group was`:`groups were`,` dropped. Each page keeps its last 100. `)}}function b1(e,t){e&1&&(L(0,`p`,24),J(1,` No errors since the page loaded. Errors show up here as the app hits them. `),R())}function x1(e,t){if(e&1){let e=H();L(0,`div`,24)(1,`p`),J(2),R(),L(3,`button`,3),U(`click`,function(){E(e),G(2);let t=d_(17);return G().filter.set(``),D(t.focus())}),J(4,` Clear filter `),R()()}if(e&2){let e=G(3);A(2),X(`No error matches “`,e.filter(),`”.`)}}function S1(e,t){if(e&1&&(L(0,`a`,32),J(1),L(2,`span`,34),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Mu),A(),Y(e)}}function C1(e,t){if(e&1&&(L(0,`span`,33),J(1),R()),e&2){let e=G();A(),Y(e)}}function w1(e,t){if(e&1&&M(0,S1,4,2,`a`,32)(1,C1,2,1,`span`,33),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function T1(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=t.$implicit,n=G(5);A(),Y(n.sourceLabels[e])}}function E1(e,t){if(e&1&&(L(0,`span`,4),J(1),R()),e&2){let e=G().$implicit,t=G(4);A(),Y(t.pageLabel(e.pageId))}}function D1(e,t){if(e&1){let e=H();L(0,`button`,36),U(`click`,function(){E(e);let t=G(),n=G().$implicit;return D(G(4).showComponent.emit({id:t.id,pageId:n.pageId}))}),J(1,` Show component `),L(2,`code`),J(3),R()()}if(e&2){let e=G();A(3),Y(e.name)}}function O1(e,t){if(e&1&&(L(0,`span`,4),J(1,`In `),L(2,`code`),J(3),R()()),e&2){let e=G();A(3),Y(e.name)}}function k1(e,t){e&1&&M(0,D1,4,1,`button`,35)(1,O1,4,1,`span`,4),e&2&&N(+!G(5).canShowComponent())}function A1(e,t){if(e&1&&(L(0,`details`)(1,`summary`),J(2,`Stack`),R(),L(3,`pre`,37),J(4),R()()),e&2){let e=G().$implicit;A(4),Y(e.stack)}}function j1(e,t){if(e&1&&(L(0,`li`,26)(1,`div`,27)(2,`span`,28),J(3),R(),L(4,`code`,29),J(5),R()(),L(6,`div`,30),M(7,w1,2,1),P(8,T1,2,1,`span`,31,Ag),L(10,`span`,4),J(11),R(),M(12,E1,2,1,`span`,4),M(13,k1,2,1),R(),M(14,A1,5,1,`details`),R()),e&2){let e,n,r=t.$implicit,i=G(4);A(2),j(`aria-label`,i.timesLabel(r.count)),A(),X(` `,r.count,`× `),A(2),Y(r.message),A(2),N((e=r.code)?7:-1,e),A(),F(r.sources),A(3),X(`Last at `,i.time(r.lastAt)),A(),N(i.showPage()?12:-1),A(),N((n=r.owner)?13:-1,n),A(),N(r.stack?14:-1)}}function M1(e,t){if(e&1&&(L(0,`ol`,25),P(1,j1,15,8,`li`,26,f1),R()),e&2){let e=G(3);A(),F(e.shownErrors())}}function N1(e,t){if(e&1&&(L(0,`section`,18)(1,`h2`,22),J(2,`Errors`),R(),M(3,v1,2,0,`p`,23),M(4,y1,2,2,`p`,23),M(5,b1,2,0,`p`,24)(6,x1,5,1,`div`,24)(7,M1,3,0,`ol`,25),R()),e&2){let e=G(2);A(3),N(e.unwrapped()?3:-1),A(),N(e.droppedErrors()?4:-1),A(),N(e.errors().length?e.shownErrors().length?7:6:5)}}function P1(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);A(),Z(` `,e.droppedConsole(),` older `,e.droppedConsole()===1?`call was`:`calls were`,` dropped. Each page keeps its last 200. `)}}function F1(e,t){e&1&&(L(0,`p`,24),J(1,` No console calls since the overlay connected. They show up here as the app logs. `),R())}function I1(e,t){if(e&1){let e=H();L(0,`div`,24)(1,`p`),J(2,`No console call matches the filters.`),R(),L(3,`button`,3),U(`click`,function(){E(e),G(2);let t=d_(17);return G().clearFilters(),D(t.focus())}),J(4,` Clear filters `),R()()}}function L1(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;j(`aria-label`,G(4).timesLabel(e.count)),A(),X(``,e.count,`×`)}}function R1(e,t){if(e&1&&(L(0,`a`,32),J(1),L(2,`span`,34),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Mu),A(),Y(e)}}function z1(e,t){if(e&1&&(L(0,`span`,44),J(1),R()),e&2){let e=G();A(),Y(e)}}function B1(e,t){if(e&1&&M(0,R1,4,2,`a`,32)(1,z1,2,1,`span`,44),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function V1(e,t){if(e&1&&(L(0,`li`,40)(1,`span`,41),J(2),R(),L(3,`code`,42),J(4),R(),M(5,L1,2,2,`span`,28),M(6,B1,2,1),L(7,`time`,43),J(8),R()()),e&2){let e,n=t.$implicit,r=G(4);A(),j(`data-tone`,r.levelTone[n.level]),A(),Y(n.level),A(2),Y(n.text),A(),N(n.count>1?5:-1),A(),N((e=n.code)?6:-1,e),A(2),Y(r.time(n.at))}}function H1(e,t){if(e&1&&(L(0,`ol`,39),P(1,V1,9,6,`li`,40,f1),R()),e&2){let e=G(3);A(),F(e.shownEntries())}}function U1(e,t){if(e&1&&(L(0,`section`,19)(1,`h2`,38),J(2,`Console`),R(),M(3,P1,2,2,`p`,23),M(4,F1,2,0,`p`,24)(5,I1,5,0,`div`,24)(6,H1,3,0,`ol`,39),R()),e&2){let e=G(2);A(3),N(e.droppedConsole()?3:-1),A(),N(e.entries().length?e.shownEntries().length?6:5:4)}}function W1(e,t){if(e&1){let e=H();L(0,`p`,5),J(1,` Errors from Angular's ErrorHandler, uncaught errors and unhandled promise rejections on the live page, grouped by message, and the page's console calls. Messages and values are masked like other live data. `),R(),L(2,`div`,6)(3,`div`,7)(4,`button`,8),U(`click`,function(){return E(e),D(G().view.set(`errors`))}),J(5,` Errors `),L(6,`span`,9),J(7),R()(),L(8,`button`,8),U(`click`,function(){return E(e),D(G().view.set(`console`))}),J(9,` Console `),L(10,`span`,9),J(11),R()()(),L(12,`div`,10),O(),L(13,`svg`,11),z(14,`circle`,12)(15,`path`,13),R(),gs(),L(16,`input`,14,0),U(`input`,function(t){return E(e),D(G().filter.set(t.target.value))})(`keydown.escape`,function(){return E(e),D(G().filter.set(``))}),R()(),M(18,g1,1,2,`app-select`,15),M(19,_1,1,2,`app-select`,16),L(20,`span`,17),J(21),R()(),M(22,N1,8,3,`section`,18)(23,U1,7,2,`section`,19)}if(e&2){let e=G();A(4),j(`aria-pressed`,e.view()===`errors`),A(3),Y(e.errors().length),A(),j(`aria-pressed`,e.view()===`console`),A(3),Y(e.entries().length),A(5),I(`placeholder`,e.view()===`errors`?`Filter by message or code`:`Filter by text`)(`value`,e.filter()),j(`aria-label`,e.view()===`errors`?`Filter errors`:`Filter console calls`),A(2),N(e.view()===`console`?18:-1),A(),N(e.pageOptions().length>2?19:-1),A(2),Y(e.countText()),A(),N(e.view()===`errors`?22:23)}}var G1={error:`danger`,warn:`warn`,info:`accent`,log:`plain`,debug:`plain`},K1=class e{rpc=$(null);canShowComponent=$(!0);showComponent=Rv();destroyRef=w(Es);hostPageId=kE();unsubscribe;time=IO;codeLink=d1;sourceLabels=a1;levelTone=G1;allPages=`all`;levelOptions=[{value:`all`,label:`All levels`},...i1.map(e=>({value:e,label:e}))];pages=k([]);loaded=k(!1);failed=k(!1);view=k(`errors`);filter=k(``);level=k(`all`);pageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&(t.value===`all`||e.some(e=>e.pageId===t.value))?t.value:c1(e,this.hostPageId)});pageOptions=Q(()=>[{value:`all`,label:`All pages`},...this.pages().map(e=>({value:e.pageId,label:e.title||e.url||e.pageId,hint:e.url}))]);showPage=Q(()=>this.pageId()===`all`&&this.pages().length>1);picked=Q(()=>this.pages().filter(e=>this.pageId()===`all`||e.pageId===this.pageId()));unwrapped=Q(()=>this.picked().some(e=>e.handler!==`wrapped`));droppedErrors=Q(()=>this.picked().reduce((e,t)=>e+t.dropped.errors,0));droppedConsole=Q(()=>this.picked().reduce((e,t)=>e+t.dropped.console,0));errors=Q(()=>l1(this.pages(),this.pageId()));entries=Q(()=>u1(this.pages(),this.pageId()));shownErrors=Q(()=>{let e=this.filter().trim().toLowerCase();return e?this.errors().filter(t=>t.message.toLowerCase().includes(e)||(t.code??``).toLowerCase().includes(e)||(t.owner?.name??``).toLowerCase().includes(e)):this.errors()});shownEntries=Q(()=>{let e=this.filter().trim().toLowerCase(),t=this.level();return this.entries().filter(n=>(t===`all`||n.level===t)&&(!e||n.text.toLowerCase().includes(e)))});countText=Q(()=>this.view()===`errors`?`${this.shownErrors().length} of ${this.errors().length} errors`:`${this.shownEntries().length} of ${this.entries().length} calls`);constructor(){pc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.unsubscribe?.())}retry(){let e=this.rpc();e&&this.load(e)}clearFilters(){this.filter.set(``),this.level.set(`all`)}timesLabel(e){return e===1?`Once`:`${e} times`}pageLabel(e){let t=this.pages().find(t=>t.pageId===e);return t?.title||t?.url||e}async load(e){this.failed.set(!1);try{let t=await e.scope(`pangular`).rpc.sharedState(`errors`);if(this.destroyRef.destroyed)return;let n=e=>this.pages.set(s1(e));n(t.value()),this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,n)}catch{this.failed.set(!0)}finally{this.loaded.set(!0)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-errors-inspector`]],inputs:{rpc:[1,`rpc`],canShowComponent:[1,`canShowComponent`]},outputs:{showComponent:`showComponent`},decls:4,vars:1,consts:[[`search`,``],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[`type`,`button`,1,`small`,3,`click`],[1,`muted`],[1,`intro`],[1,`toolbar`],[`role`,`group`,`aria-label`,`Show`,1,`views`],[`type`,`button`,1,`view`,3,`click`],[1,`badge`],[1,`search`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`type`,`search`,3,`input`,`keydown.escape`,`placeholder`,`value`],[`ariaLabel`,`Console level`,1,`level-select`,3,`options`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`options`,`value`],[`role`,`status`,1,`count`],[`aria-labelledby`,`errors-title`],[`aria-labelledby`,`console-title`],[`ariaLabel`,`Console level`,1,`level-select`,3,`valueChange`,`options`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`valueChange`,`options`,`value`],[`id`,`errors-title`,1,`sr-only`],[1,`notice`],[1,`empty`],[`aria-label`,`Errors, most recent first`,1,`errors`],[1,`error`],[1,`head`],[1,`times`],[1,`message`],[1,`meta`],[1,`chip`,`source`],[`target`,`_blank`,`rel`,`noopener noreferrer`,1,`chip`,`code`,3,`href`],[`title`,`No page in Angular's error reference`,1,`chip`,`code`,`plain`],[1,`sr-only`],[`type`,`button`,1,`link`],[`type`,`button`,1,`link`,3,`click`],[`tabindex`,`0`,`aria-label`,`Stack trace`],[`id`,`console-title`,1,`sr-only`],[`aria-label`,`Console calls, newest first`,1,`console`],[1,`entry`],[1,`chip`,`level`],[1,`text`],[1,`when`],[1,`chip`,`code`,`plain`]],template:function(e,t){e&1&&M(0,p1,2,0,`p`,1)(1,m1,5,0,`div`,2)(2,h1,5,0,`div`,1)(3,W1,24,11),e&2&&N(t.loaded()?t.failed()?1:t.pages().length?3:2:0)},dependencies:[fO],styles:[`[_nghost-%COMP%] {
+  display: block;
+  font-size: 13px;
+}
+
+.intro[_ngcontent-%COMP%] {
+  margin: 0 0 12px;
+  color: var(--%NS%text-2);
+  line-height: 1.5;
+}
+
+code[_ngcontent-%COMP%], 
+pre[_ngcontent-%COMP%] {
+  font-family: var(--%NS%font-mono);
+  font-size: 12px;
+}
+
+.muted[_ngcontent-%COMP%] {
+  color: var(--%NS%text-2);
+}
+
+.toolbar[_ngcontent-%COMP%] {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 12px;
+  align-items: center;
+  margin: 0 0 12px;
+  padding: 8px;
+  background: color-mix(in srgb, var(--%NS%surface) 85%, transparent);
+  backdrop-filter: blur(10px);
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius);
+}
+
+.views[_ngcontent-%COMP%] {
+  display: inline-flex;
+  gap: 4px;
+}
+
+.view[_ngcontent-%COMP%] {
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+  height: var(--%NS%control-h);
+  padding: 0 12px;
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius-sm);
+  background: var(--%NS%surface);
+  color: var(--%NS%text);
+  font: inherit;
+  cursor: pointer;
+  transition: background-color 150ms var(--%NS%ease);
+}
+
+.view[_ngcontent-%COMP%]:hover {
+  background: var(--%NS%surface-2);
+}
+
+.view[aria-pressed=true][_ngcontent-%COMP%] {
+  border-color: var(--%NS%accent-line);
+  background: var(--%NS%accent-soft);
+  color: var(--%NS%text-strong);
+}
+
+.view[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+
+.badge[_ngcontent-%COMP%] {
+  color: var(--%NS%text-2);
+  font-variant-numeric: tabular-nums;
+}
+
+.search[_ngcontent-%COMP%] {
+  position: relative;
+  flex: 1 1 200px;
+  min-width: 0;
+}
+
+.search-icon[_ngcontent-%COMP%] {
+  position: absolute;
+  top: 50%;
+  left: 12px;
+  width: 14px;
+  height: 14px;
+  transform: translateY(-50%);
+  fill: none;
+  stroke: var(--%NS%text-3);
+  stroke-width: 2.2;
+  stroke-linecap: round;
+  pointer-events: none;
+}
+
+input[type=search][_ngcontent-%COMP%] {
+  width: 100%;
+  height: var(--%NS%control-h);
+  padding: 0 12px 0 34px;
+  background: var(--%NS%bg);
+  border: 1px solid var(--%NS%border-strong);
+  border-radius: var(--%NS%radius-sm);
+  color: var(--%NS%text);
+  font-size: 13px;
+}
+
+input[type=search][_ngcontent-%COMP%]:focus {
+  outline: none;
+  border-color: var(--%NS%accent);
+  box-shadow: 0 0 0 3px var(--%NS%accent-soft);
+}
+
+.level-select[_ngcontent-%COMP%], 
+.page-select[_ngcontent-%COMP%] {
+  flex: 0 1 180px;
+  min-width: 0;
+}
+
+.count[_ngcontent-%COMP%] {
+  margin-left: auto;
+  color: var(--%NS%text-2);
+  font-size: 12px;
+}
+
+.notice[_ngcontent-%COMP%] {
+  margin: 0 0 12px;
+  padding: 8px 12px;
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius-sm);
+  background: var(--%NS%surface);
+  color: var(--%NS%text-2);
+  line-height: 1.5;
+}
+
+.errors[_ngcontent-%COMP%], 
+.console[_ngcontent-%COMP%] {
+  display: grid;
+  gap: 6px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.error[_ngcontent-%COMP%] {
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius);
+  background: var(--%NS%surface);
+  display: grid;
+  gap: 6px;
+  min-width: 0;
+  padding: 8px 12px;
+}
+
+.head[_ngcontent-%COMP%] {
+  display: flex;
+  gap: 8px;
+  align-items: baseline;
+  min-width: 0;
+}
+
+.message[_ngcontent-%COMP%] {
+  min-width: 0;
+  color: var(--%NS%text-strong);
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+
+.times[_ngcontent-%COMP%] {
+  flex-shrink: 0;
+  color: var(--%NS%danger-text);
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+}
+
+.meta[_ngcontent-%COMP%] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px 10px;
+  align-items: center;
+  font-size: 12px;
+}
+
+.chip[_ngcontent-%COMP%] {
+  display: inline-flex;
+  align-items: center;
+  padding: 1px 8px;
+  border: 1px solid transparent;
+  border-radius: 99px;
+  font-size: 11px;
+  font-weight: 600;
+  border-color: color-mix(in srgb, var(--%NS%accent) 30%, transparent);
+  background: color-mix(in srgb, var(--%NS%accent) 12%, transparent);
+  color: var(--%NS%accent-text);
+}
+
+.chip.source[_ngcontent-%COMP%], 
+.chip.plain[_ngcontent-%COMP%], 
+.chip[data-tone=plain][_ngcontent-%COMP%] {
+  border-color: var(--%NS%border);
+  background: var(--%NS%surface-2);
+  color: var(--%NS%text-2);
+}
+
+.chip[data-tone=danger][_ngcontent-%COMP%] {
+  border-color: color-mix(in srgb, var(--%NS%danger) 30%, transparent);
+  background: color-mix(in srgb, var(--%NS%danger) 12%, transparent);
+  color: var(--%NS%danger-text);
+}
+
+.chip[data-tone=warn][_ngcontent-%COMP%] {
+  border-color: color-mix(in srgb, var(--%NS%warn) 30%, transparent);
+  background: color-mix(in srgb, var(--%NS%warn) 12%, transparent);
+  color: var(--%NS%warn-text);
+}
+
+a.chip[_ngcontent-%COMP%] {
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+a.chip[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+
+.link[_ngcontent-%COMP%] {
+  display: inline-flex;
+  gap: 4px;
+  align-items: baseline;
+  padding: 0;
+  border: 0;
+  border-radius: 2px;
+  background: none;
+  color: var(--%NS%accent-text);
+  font: inherit;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  cursor: pointer;
+}
+
+.link[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+
+details[_ngcontent-%COMP%]   summary[_ngcontent-%COMP%] {
+  width: fit-content;
+  border-radius: 2px;
+  color: var(--%NS%text-2);
+  font-size: 12px;
+  cursor: pointer;
+}
+
+details[_ngcontent-%COMP%]   summary[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+
+pre[_ngcontent-%COMP%] {
+  max-height: 240px;
+  margin: 6px 0 0;
+  padding: 8px;
+  overflow: auto;
+  border-radius: var(--%NS%radius-sm);
+  background: var(--%NS%bg);
+  color: var(--%NS%text);
+  white-space: pre;
+}
+
+pre[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: -2px;
+}
+
+.entry[_ngcontent-%COMP%] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px 8px;
+  align-items: baseline;
+  min-width: 0;
+  padding: 6px 10px;
+  border-bottom: 1px solid var(--%NS%border);
+}
+
+.entry[_ngcontent-%COMP%]   .level[_ngcontent-%COMP%] {
+  min-width: 44px;
+  justify-content: center;
+}
+
+.entry[_ngcontent-%COMP%]   .times[_ngcontent-%COMP%] {
+  color: var(--%NS%text-2);
+}
+
+.text[_ngcontent-%COMP%] {
+  flex: 1 1 240px;
+  min-width: 0;
+  color: var(--%NS%text);
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+
+.when[_ngcontent-%COMP%] {
+  margin-left: auto;
+  color: var(--%NS%text-2);
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+}
+
+.small[_ngcontent-%COMP%] {
+  height: var(--%NS%control-h);
+  padding: 0 12px;
+  border: 1px solid var(--%NS%border-strong);
+  border-radius: var(--%NS%radius-sm);
+  background: var(--%NS%surface-2);
+  color: var(--%NS%text);
+}
+
+.small[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+
+.empty[_ngcontent-%COMP%], 
+.state[_ngcontent-%COMP%] {
+  margin: 0 0 12px;
+  color: var(--%NS%text-2);
+}
+
+.empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], 
+.state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
+  margin: 0 0 8px;
+}`]})};function q1(e){let t=e===`light`?`#ffffff`:`#0b0b0e`,n=e===`light`?`#92400e`:`#f5a524`;return`
   .devframes-dock-entry button {
     transition: background-color 0.2s, transform 0.3s;
   }
@@ -15914,7 +16247,408 @@ td.last[_ngcontent-%COMP%] {
       transition: none;
     }
   }
-`}var U$=new Map;function W$(e,t=`dark`,n=50){let r=e?.querySelector(`devframes-dock-standalone`)?.shadowRoot;if(r){if(e){let t=U$.get(e);t!==void 0&&(clearTimeout(t),U$.delete(e))}let n=r.querySelector(`style[data-pangular]`);n||(n=e.createElement(`style`),n.dataset.pangular=``,r.append(n)),n.textContent=H$(t);return}if(n>0&&e){let r=U$.get(e);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{U$.delete(e),W$(e,t,n-1)},100);U$.set(e,i)}}var G$=class e{current=k(`dark`);constructor(){let e=w(Es),t=J$(),n=document.documentElement.dataset.theme,r=n===`light`||n===`dark`;if(n===`light`||n===`dark`)this.current.set(n);else if(t)r=!0,this.apply(q$(t));else{let t=K$();if(t){this.current.set(t.matches?`light`:`dark`);let n=e=>{r||this.current.set(e.matches?`light`:`dark`)};t.addEventListener(`change`,n),e.onDestroy(()=>t.removeEventListener(`change`,n))}}let i;try{i=new BroadcastChannel(`pangular:theme`)}catch{}pc(()=>{let e=this.current();try{i?.postMessage(e)}catch{}for(let{win:t,origin:n}of Y$())try{t.postMessage({type:`pangular:theme-change`,theme:e},n)}catch{}});let a=e=>{if(e.source!==window.parent)return;let t=e.data;t?.type===`pangular:theme-change`&&(r=!0,this.apply(t.theme===`dark`?`dark`:`light`))};window.addEventListener(`message`,a);let o;t&&(o=new MutationObserver(()=>this.apply(q$(t))),o.observe(t,{attributes:!0,attributeFilter:[`class`]})),e.onDestroy(()=>{window.removeEventListener(`message`,a),o?.disconnect(),i?.close()})}apply(e){this.current.set(e),document.documentElement.dataset.theme=e}static ɵfac=function(t){return new(t||e)};static ɵprov=Ml({token:e,factory:e.ɵfac})};function K$(){try{return window.matchMedia?.(`(prefers-color-scheme: light)`)??null}catch{return null}}function q$(e){return e.classList.contains(`dark`)?`dark`:`light`}function J$(){try{return window.frameElement?.closest(`.devframes-color-root`)??null}catch{return null}}function Y$(e=window){let t=[],n;try{n=e.location.ancestorOrigins}catch{}let r=e;try{for(let i=0;r!==r.parent;i++){r=r.parent;let a=X$(e,r,i,n);a&&t.push({win:r,origin:a})}}catch{}return t}function X$(e,t,n,r){let i=e=>e&&e!==`null`?e:void 0,a=i(r?.item(n));if(a)return a;try{let e=i(t.location.origin);if(e)return e}catch{}if(!(n>0))try{return i(new URL(e.document.referrer).origin)}catch{return}}var Z$=`__DEVFRAME_HUB_CLIENT_CONTEXT__`;function Q$(){try{return window.parent===window?void 0:window.parent[Z$]}catch{return}}function $$(e,t,n=50){let r=Q$();if(!r){if(n<=0||window.parent===window)return()=>{};let r=()=>{},i=setTimeout(()=>r=$$(e,t,n-1),100);return()=>{clearTimeout(i),r()}}let i=e.map(e=>r.docks.getStateById(HT(e))?.events.on(`entry:activated`,()=>t(e))??(()=>{})),a=r.docks.selectedId,o=e.find(e=>HT(e)===a);return o&&t(o),()=>i.forEach(e=>e())}function e1(){return!!Q$()}async function t1(e){let t=Q$();if(!t)return!1;try{return await t.docks.switchEntry(HT(e))}catch{return!1}}function n1(e,t){let n=new URL(e);return n.searchParams.delete(`view`),n.hash=t?`tab=${t}`:``,n.pathname+n.search+n.hash}function r1(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}var i1=`pangular-tab`;function a1(e,t,n){let r=new URLSearchParams(e.replace(/^#/,``)).get(`tab`)||t;return n.find(e=>e===r)}function o1(e){try{return sessionStorage.getItem(`${i1}:${e}`)}catch{return null}}function s1(e,t){try{sessionStorage.setItem(`${i1}:${e}`,t)}catch{}}function c1(e,t){try{return new URL(e,t.href).origin===t.origin}catch{return!1}}function l1(e,t){if(t.protocol!==`chrome-extension:`)return!1;try{let{protocol:t}=new URL(e);return t===`http:`||t===`https:`}catch{return!1}}function u1(e=location){let t=new URLSearchParams(e.search).get(`baseURL`);if(t&&(c1(t,e)||l1(t,e)))return t;if(!(e.pathname.includes(`__pangular`)||e.pathname.includes(`__devframes/`)))return[`/__pangular/`,`./`]}var d1={dark:{ngrx:{accent:`#d770e8`,text:`#f0abfc`},analog:{accent:`#ff5470`,text:`#fda4af`},"angular-native":{accent:`#ff4d6d`,text:`#fda4af`},nativescript:{accent:`#8196ff`,text:`#a5b4fc`},capacitor:{accent:`#53b9ff`,text:`#7dd3fc`}},light:{ngrx:{accent:`#a21caf`,text:`#701a75`},analog:{accent:`#be123c`,text:`#881337`},"angular-native":{accent:`#be123c`,text:`#881337`},nativescript:{accent:`#3448c5`,text:`#3730a3`},capacitor:{accent:`#0369a1`,text:`#0c4a6e`}}};function f1(e,t){let n=d1[t];return e&&n[e]||null}var p1=[`nav`],m1=[`main`],h1=e=>[e],g1=(e,t)=>t.id;function _1(e,t){e&1&&(O(),L(0,`svg`,4),z(1,`path`,22),R())}function v1(e,t){e&1&&(O(),L(0,`svg`,4),z(1,`path`,23)(2,`path`,24)(3,`path`,25)(4,`path`,26)(5,`path`,27)(6,`path`,28),R())}function y1(e,t){e&1&&(O(),L(0,`svg`,5)(1,`defs`)(2,`linearGradient`,29),z(3,`stop`,30)(4,`stop`,31),R()(),z(5,`path`,32),L(6,`g`,33),z(7,`path`,34)(8,`path`,35)(9,`path`,36)(10,`path`,37),R()())}function b1(e,t){e&1&&(O(),L(0,`svg`,6),z(1,`path`,38)(2,`path`,39)(3,`path`,40)(4,`path`,41),R())}function x1(e,t){e&1&&(O(),L(0,`svg`,7),z(1,`path`,42),R())}function S1(e,t){e&1&&(O(),L(0,`svg`,8)(1,`defs`)(2,`linearGradient`,43),z(3,`stop`,44)(4,`stop`,45)(5,`stop`,46)(6,`stop`,47)(7,`stop`,48)(8,`stop`,49),R()(),z(9,`path`,50),R())}function C1(e,t){e&1&&(O(),L(0,`svg`,9),z(1,`rect`,51),L(2,`g`,52)(3,`defs`)(4,`mask`,53),z(5,`rect`,54),L(6,`g`,55),z(7,`path`,56)(8,`path`,57),R()(),L(9,`clipPath`,58),z(10,`rect`,59),R()(),L(11,`g`,60),z(12,`ellipse`,61),R(),L(13,`g`,62),z(14,`path`,63)(15,`path`,64),R(),L(16,`g`,60),z(17,`ellipse`,65)(18,`ellipse`,66),L(19,`g`,67),z(20,`line`,68)(21,`circle`,69)(22,`line`,70)(23,`circle`,71),R()()()())}function w1(e,t){if(e&1){let e=H();L(0,`button`,73),U(`click`,function(){let t=E(e).$implicit;return D(G(2).switchTab(t.id))}),z(1,`app-tab-icon`,74),L(2,`span`),J(3),R()()}if(e&2){let e=t.$implicit,n=G(2);q(`active`,n.tab()===e.id),j(`aria-current`,n.tab()===e.id?`page`:null)(`tabindex`,n.rovingTab()===e.id?0:-1),A(),I(`name`,e.id),A(2),Y(e.label)}}function T1(e,t){if(e&1&&(L(0,`div`,12),P(1,w1,4,6,`button`,72,g1),R()),e&2){let e=G();A(),F(e.tabs())}}function E1(e,t){if(e&1){let e=H();L(0,`a`,75),U(`click`,function(t){let n=E(e);return D(G().openFullPanel(t,n.tab))}),O(),L(1,`svg`,76),z(2,`rect`,77)(3,`rect`,78)(4,`rect`,79)(5,`rect`,80),R(),J(6,` Open full panel `),R()}e&2&&I(`href`,t.href,Mu)}function D1(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`p`),J(2,` Can't reach the devtools server. Check that the dev server is running. The panel keeps trying to connect. `),R(),L(3,`button`,73),U(`click`,function(){return E(e),D(G().retryConnection())}),J(4,`Retry now`),R()()}}function O1(e,t){e&1&&z(0,`app-coming-soon`,19),e&2&&I(`info`,t)}function k1(e,t){e&1&&(L(0,`p`,20),J(1,`Looking for an Angular Native app…`),R())}function A1(e,t){e&1&&(J(0,` To turn it on, set `),L(1,`code`),J(2),R(),J(3,` in the devtools options. `)),e&2&&(A(2),Y(t))}function j1(e,t){if(e&1&&(L(0,`p`,21),J(1,` This inspector is turned off in the devtools config (`),L(2,`code`),J(3,`inspectors`),R(),J(4,`). `),M(5,A1,4,1),L(6,`a`,81),J(7,`About inspectors`),L(8,`span`,82),J(9,` (opens in a new tab)`),R()()()),e&2){let e,t=G();A(5),N((e=t.turnOnSnippet())?5:-1,e),A(),I(`href`,t.inspectorsDocsUrl,Mu)}}function M1(e,t){if(e&1){let e=H();L(0,`app-dashboard`,87),U(`navigate`,function(t){return E(e),D(G(3).switchTab(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function N1(e,t){if(e&1){let e=H();L(0,`app-component-tree`,88),U(`focusHandled`,function(){return E(e),D(G(3).componentFocus.set(null))})(`showForm`,function(t){return E(e),D(G(3).showForm(t))})(`showInjector`,function(t){return E(e),D(G(3).showInjector(t))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`focus`,e.componentFocus())(`canShowInjector`,e.config().inspectors.injectors)}}function P1(e,t){if(e&1){let e=H();L(0,`app-route-inspector`,89),U(`showComponent`,function(t){return E(e),D(G(3).showComponent(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function F1(e,t){e&1&&z(0,`app-signal-inspector`,83),e&2&&I(`rpc`,G(3).rpc())}function I1(e,t){if(e&1){let e=H();L(0,`app-di-inspector`,90),U(`focusHandled`,function(){return E(e),D(G(3).injectorFocus.set(null))})(`showComponent`,function(t){return E(e),D(G(3).showComponent(t))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`focus`,e.injectorFocus())(`canShowComponent`,e.config().inspectors.components)}}function L1(e,t){e&1&&z(0,`app-store-inspector`,83),e&2&&I(`rpc`,G(3).rpc())}function R1(e,t){e&1&&z(0,`app-network-inspector`,83),e&2&&I(`rpc`,G(3).rpc())}function z1(e,t){if(e&1){let e=H();L(0,`app-forms-inspector`,91),U(`focusHandled`,function(){return E(e),D(G(3).formFocus.set(null))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`focus`,e.formFocus())}}function B1(e,t){e&1&&z(0,`app-pipes-inspector`,83),e&2&&I(`rpc`,G(3).rpc())}function V1(e,t){e&1&&z(0,`app-analog-inspector`,83),e&2&&I(`rpc`,G(3).rpc())}function H1(e,t){e&1&&z(0,`app-capacitor-inspector`,83),e&2&&I(`rpc`,G(3).rpc())}function U1(e,t){if(e&1&&M(0,M1,1,1,`app-dashboard`,83)(1,N1,1,3,`app-component-tree`,84)(2,P1,1,1,`app-route-inspector`,83)(3,F1,1,1,`app-signal-inspector`,83)(4,I1,1,3,`app-di-inspector`,85)(5,L1,1,1,`app-store-inspector`,83)(6,R1,1,1,`app-network-inspector`,83)(7,z1,1,2,`app-forms-inspector`,86)(8,B1,1,1,`app-pipes-inspector`,83)(9,V1,1,1,`app-analog-inspector`,83)(10,H1,1,1,`app-capacitor-inspector`,83),e&2){let e;N((e=G(2).tab())===`dashboard`?0:e===`components`?1:e===`routes`?2:e===`signals`?3:e===`injectors`?4:e===`store`?5:e===`network`?6:e===`forms`?7:e===`pipes`?8:e===`analog`?9:e===`capacitor`?10:-1)}}function W1(e,t){e&1&&P(0,U1,11,1,null,null,Ag),e&2&&F(hv(0,h1,G().scopeKey()))}var G1=`all`,K1=[G1,...VT],q1={angular:`Angular`,ngrx:`NgRx Store`,analog:`Analog`,"angular-native":`Angular Native`,nativescript:`NativeScript`,capacitor:`Capacitor`},J1={ngrx:`store`,analog:`analog`,capacitor:`capacitor`},Y1={store:`ngrx`,analog:`analog`,capacitor:`capacitor`},X1={"angular-native":[`components`,`signals`,`injectors`,`store`,`pipes`]},Z1={id:`nativescript`,name:`NativeScript`,badge:`Available`,heading:`Inspect NativeScript apps`,summary:`A NativeScript Angular app reports from the simulator or device to this server, and its components, signals, injectors and NgRx stores show up in the Angular dock.`,color:`#3c5afd`,plansTitle:`Set up an app`,plans:[`Install @pangular-inspector/devtools and @valor/nativescript-websockets`,`Call initNativeScriptOverlay() in main.ts, before the app bootstraps`,`Run npx pangular dev --no-auth in the app, then open the Angular dock`],link:{label:`NativeScript setup guide`,href:`https://pangular-inspector.dev/guides/nativescript/`}},Q1={id:`capacitor`,name:`Capacitor`,badge:`Available`,heading:`Inspect Capacitor apps`,summary:`An Ionic or Capacitor app runs the browser overlay in its WebView and reports to this server, so it shows up in the Angular dock like a browser tab.`,color:`#119eff`,plansTitle:`Set up an app`,plans:[`With live reload on localhost, load @pangular-inspector/devtools/overlay as in a browser`,`In a bundled build, call initOverlay() from @pangular-inspector/devtools/overlay-manual with this server’s address and connectionMeta`,`Run the app, then come back here for its plugin calls, or open the Angular dock`],link:{label:`Capacitor setup guide`,href:`https://pangular-inspector.dev/guides/capacitor/`}},$1={id:`analog`,name:`Analog`,badge:`Not in this app`,heading:`This app doesn’t use Analog`,summary:`In an Analog app this dock shows your file routes, server load() and API calls, render modes and route lint.`,color:`#dd0330`,plans:[`Which page, layout and .server.ts files render a URL`,`Every load(), server function and API call with timing`,`SSR, prerendered or client only, per page`],link:{label:`Get started with Analog`,href:`https://analogjs.org/docs/getting-started`}},e0={id:`angular-native`,name:`Angular Native`,badge:`Not connected`,heading:`No Angular Native app is connected`,summary:`Start the overlay in your Angular Native app and run this server with --no-auth. The tabs fill as soon as the app reports.`,color:`#e11d48`,plans:[`The component tree, with the view outlined on the device`,`Signals and injectors of the running app`,`Live @ngrx/signals and @ngrx/store state`],link:{label:`Set up Angular Native`,href:`https://pangular-inspector.dev/guides/angular-native/`}},t0=[1e3,2e3,5e3,1e4];function n0(){let e=new URLSearchParams(location.search).get(`view`);return VT.find(t=>t===e)??null}$b(class e{analog=k(!1);allTabs=[{id:`dashboard`,label:`Dashboard`},{id:`analog`,label:`Analog`},{id:`components`,label:`Components`},{id:`routes`,label:`Routes`},{id:`signals`,label:`Signals`},{id:`injectors`,label:`Injectors`},{id:`store`,label:`Store`},{id:`forms`,label:`Forms`},{id:`pipes`,label:`Pipes`},{id:`network`,label:`SSR & HTTP`},{id:`capacitor`,label:`Capacitor`}];view=k(n0());viewAccent=Q(()=>f1(this.view(),this.themeService.current()));title=Q(()=>{let e=this.view();return e?q1[e]:`Pangular Inspector`});mainLabel=Q(()=>this.availableTabs().find(e=>e.id===this.tab())?.label??this.title());analogKnown=k(!1);capacitorReporting=k(!1);capacitorKnown=k(!1);nativePageId=k(null);nativeKnown=k(!1);scopeKey=Q(()=>this.view()===`angular-native`?this.nativePageId()??``:``);comingSoon=Q(()=>{let e=this.view();if(e===`analog`)return this.analogKnown()&&!this.analog()?$1:void 0;if(e===`nativescript`)return Z1;if(e===`capacitor`)return this.config().inspectors.capacitor&&this.capacitorKnown()&&!this.capacitorReporting()?Q1:void 0;if(e===`angular-native`)return this.nativeKnown()&&!this.nativePageId()?e0:void 0});config=Q(()=>PE(this.rpc()));tabEnabled=zE;inspectorsDocsUrl=RE;turnOnSnippet=Q(()=>{let e=LE(this.tab());return e?`inspectors: {${e}: true}`:null});availableTabs=Q(()=>{if(this.comingSoon())return[];let e=this.view(),t=e?J1[e]:void 0,n=this.allTabs.filter(e=>zE(e.id,this.config()));if(t)return n.filter(e=>e.id===t);let r=e?X1[e]:void 0;return r?n.filter(e=>r.includes(e.id)):n.filter(t=>(t.id!==`analog`||this.analog())&&(t.id!==`capacitor`||this.capacitorReporting())&&!(e===`angular`&&Y1[t.id]))});tabs=Q(()=>{let e=this.availableTabs();if(this.rpc())return e;let t=this.tab();return e.filter(e=>e.id===`dashboard`||e.id===t)});rovingTab=Q(()=>{let e=this.tabs(),t=this.tab();return e.some(e=>e.id===t)?t:e[0]?.id});onNavKey(e){let t=this.nav()?.nativeElement;if(!t||e.altKey||e.ctrlKey||e.metaKey)return;let n=[...t.querySelectorAll(`button`)],r=n.indexOf(document.activeElement);if(r<0)return;let i=n.length-1,a={ArrowRight:r===i?0:r+1,ArrowLeft:r===0?i:r-1,Home:0,End:i},o=Object.hasOwn(a,e.key)?a[e.key]:-1;o<0||(e.preventDefault(),n[o].focus())}fullPanelLink=Q(()=>{let e=this.view();if(!e||location.protocol===`chrome-extension:`)return null;let t=this.comingSoon()?`dashboard`:J1[e]??this.tab();return{tab:t,href:n1(location.href,t)}});tab=Fv(()=>{let e=this.view();return e&&(J1[e]??X1[e]?.[0])||`dashboard`});rpc=k(null);openedDock=k(null);connected=k(!1);connectionFailed=k(!1);hiddenPages=k([]);pageId=hE();backgroundNote=Q(()=>{let e=this.hiddenPages();return this.pageId?e.includes(this.pageId)?`Tab in background, showing the last data.`:``:e.length?e.length===1?`A tab is in the background, showing its last data.`:`${e.length} tabs are in the background, showing their last data.`:``});stopVisibility=()=>{};stopNative=()=>{};stopCapacitor=()=>{};stopFollowing=()=>{};stopHighlights=()=>{};nav=Jv(`nav`);main=Jv(`main`);injector=w(ws);themeService=w(G$);navObserver;navFade=k({start:!1,end:!1});constructor(){w(JA).use(this.rpc),Vd(()=>{let e=this.nav()?.nativeElement;e&&typeof ResizeObserver<`u`&&(this.navObserver=new ResizeObserver(()=>this.measureNav()),this.navObserver.observe(e))}),uy(()=>{this.tab(),this.tabs(),Nv(()=>{this.revealActiveTab(),this.measureNav()})}),pc(()=>{let e=this.openedDock(),t=this.rpc();e&&t&&Nv(()=>void bE(t,`hub-dock-seen`,HT(e.dock)))}),pc(()=>{let e=this.themeService.current();Nv(()=>{try{window.parent!==window&&W$(window.parent.document,e)}catch{}})})}measureNav(){let e=this.nav()?.nativeElement;if(!e)return;let t=e.scrollWidth-e.clientWidth,n=e.scrollLeft>1,r=t>1&&e.scrollLeft<t-1,i=this.navFade();(i.start!==n||i.end!==r)&&this.navFade.set({start:n,end:r})}revealActiveTab(){let e=this.nav()?.nativeElement,t=e?.querySelector(`button.active`);if(!e||!t||e.scrollWidth<=e.clientWidth)return;let n=t.offsetLeft-24,r=t.offsetLeft+t.offsetWidth+24-e.clientWidth;e.scrollLeft>n?e.scrollLeft=Math.max(0,n):e.scrollLeft<r&&(e.scrollLeft=r)}ngOnInit(){this.stopFollowing=$$(K1,e=>{this.openedDock.set({dock:e}),e===G1?this.showFullPanel():this.showView(e)});let e=a1(location.hash,o1(this.tabScope()),this.availableTabs().map(e=>e.id));e?this.tab.set(e):!this.view()&&a1(location.hash,o1(this.tabScope()),[`capacitor`])===`capacitor`?this.restoreCapacitor=!0:!this.view()&&a1(location.hash,o1(this.tabScope()),[`analog`])===`analog`&&(this.restoreAnalog=!0),this.stopHighlights=SE(()=>this.rpc()),this.connect()}connecting=!1;retries=0;retryTimer;connect(){if(this.connecting||this.rpc())return;this.connecting=!0,clearTimeout(this.retryTimer);let e=u1();zT(e?{baseURL:e}:{}).then(e=>{if(this.connecting=!1,this.destroyed){e.close?.();return}this.retries=0,this.connectionFailed.set(!1),this.refocusOnConnect&&this.focusCurrentTab(),this.refocusOnConnect=!1,this.rpc.set(e),this.connected.set(!0),this.watchVisibility(e),this.watchAngularNative(e),this.watchCapacitor(e),e.scope(`pangular`).rpc.call(`analog-project`).then(e=>{let t=!!e?.analog;this.analog.set(t),this.analogKnown.set(!0),t&&this.restoreAnalog&&zE(`analog`,this.config())&&this.tab.set(`analog`),this.restoreAnalog=!1,!t&&this.tab()===`analog`&&!this.view()&&this.tab.set(`dashboard`)},()=>{this.analogKnown.set(!0),this.restoreAnalog=!1,this.tab()===`analog`&&!this.view()&&this.tab.set(`dashboard`)}),e.events.on(`connection:status`,t=>{this.connected.set(t===`connected`),!(t!==`disconnected`&&t!==`error`||this.rpc()!==e)&&(this.rpc.set(null),e.close?.(),this.retryLater())})},()=>{this.connecting=!1,!this.destroyed&&(this.analogKnown.set(!0),this.nativeKnown.set(!0),this.retryLater())})}retryLater(){if(this.destroyed)return;this.connectionFailed.set(!0);let e=t0[Math.min(this.retries++,t0.length-1)];clearTimeout(this.retryTimer),this.retryTimer=setTimeout(()=>this.connect(),e)}retryConnection(){this.retries=0,this.refocusOnConnect=!0,this.connect()}refocusOnConnect=!1;destroyed=!1;ngOnDestroy(){this.destroyed=!0,clearTimeout(this.retryTimer),this.stopNative(),this.stopCapacitor(),this.stopFollowing(),this.stopVisibility(),this.stopHighlights(),this.navObserver?.disconnect()}showView(e){if(e===this.view())return;mE(e===`angular-native`?this.nativePageId():null),this.view.set(e);let t=new URL(location.href);t.searchParams.set(`view`,e),t.hash=``,history.replaceState(history.state,``,t)}showFullPanel(e){if(!this.view())return;mE(null),this.view.set(null);let t=new URL(location.href);t.searchParams.delete(`view`),t.hash=e?`tab=${e}`:``,history.replaceState(history.state,``,t);let n=e??o1(this.tabScope()),r=this.availableTabs().map(e=>e.id),i=a1(t.hash,n,r);i?this.setTab(i):n===`capacitor`&&(this.restoreCapacitor=!0)}openFullPanel(e,t){r1(e)&&e1()&&(e.preventDefault(),this.showFullPanel(t),this.focusCurrentTab(),t1(G1))}formFocus=k(null);componentFocus=Fv({source:this.tab,computation:()=>null});showForm(e){this.formFocus.set({id:e}),this.switchTab(`forms`)}injectorFocus=Fv({source:this.tab,computation:()=>null});showInjector(e){this.config().inspectors.injectors&&(this.switchTab(`injectors`),this.injectorFocus.set(e))}showComponent(e){this.config().inspectors.components&&(this.switchTab(`components`),this.componentFocus.set(e))}inspectFromPanel({source:e,origin:t,data:n}){if(e!==window.parent||t!==location.origin)return;let r=n;r?.type===`pangular:inspect-component`&&typeof r.id==`string`&&this.tab()===`components`&&this.config().inspectors.components&&this.componentFocus.set({id:r.id})}switchTab(e){let t=Y1[e];if(this.view()===`angular`&&t){this.activateDock(t,e);return}this.setTab(e),history.replaceState(history.state,``,`#tab=${e}`)}restoreAnalog=!1;restoreCapacitor=!1;setTab(e){this.restoreAnalog=!1,this.restoreCapacitor=!1,this.keepFocus(),this.tab.set(e),s1(this.tabScope(),e)}tabScope(){return this.view()??`panel`}async watchAngularNative(e){try{let t=await e.scope(`pangular`).rpc.sharedState(`component-tree`),n=e=>{let t=e?.pages,n=BD(t,this.nativePageId());this.view()===`angular-native`&&mE(n),this.nativePageId.set(n),this.nativeKnown.set(!0)};n(t.value()),this.stopNative(),this.stopNative=t.on(`updated`,n)}catch{this.nativeKnown.set(!0)}}async watchCapacitor(e){try{let t=await e.scope(`pangular`).rpc.sharedState(`capacitor`),n=e=>{if(e===void 0)return;let t=uQ(e).length>0;this.capacitorReporting.set(t),this.capacitorKnown.set(!0),t&&this.restoreCapacitor&&zE(`capacitor`,this.config())&&(this.restoreCapacitor=!1,this.tab.set(`capacitor`)),!t&&this.tab()===`capacitor`&&!this.view()&&this.tab.set(`dashboard`)};n(t.value()),this.stopCapacitor(),this.stopCapacitor=t.on(`updated`,n)}catch{this.capacitorReporting.set(!1),this.capacitorKnown.set(!0)}}async watchVisibility(e){try{let t=await e.scope(`pangular`).rpc.sharedState(`page-visibility`),n=e=>{let t=e?.hidden;this.hiddenPages.set(Array.isArray(t)?t.filter(e=>typeof e==`string`):[])};n(t.value()),this.stopVisibility(),this.stopVisibility=t.on(`updated`,n)}catch{}}keepFocus(){let e=document.activeElement,t=this.main()?.nativeElement;(!e||e===document.body||t?.contains(e))&&this.focusCurrentTab()}focusCurrentTab(){Vd(()=>{let e=document.activeElement;e&&e!==document.body||(this.nav()?.nativeElement.querySelector(`button.active`)??this.main()?.nativeElement)?.focus()},{injector:this.injector})}async activateDock(e,t){if(await t1(e))return;if(window.parent===window){this.keepFocus(),this.showView(e);return}let n=this.rpc();if(!n?.call){this.setTab(t);return}try{await n.call(`hub:docks:activate`,{dockId:HT(e)}),this.keepFocus(),this.showView(e)}catch{this.setTab(t)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-root`]],viewQuery:function(e,t){e&1&&l_(t.nav,p1,5)(t.main,m1,5),e&2&&u_(2)},hostVars:4,hostBindings:function(e,t){e&1&&U(`message`,function(e){return t.inspectFromPanel(e)},Pu),e&2&&K(`--%NS%accent`,t.viewAccent()?.accent??null)(`--%NS%accent-text`,t.viewAccent()?.text??null)},decls:29,vars:22,consts:[[`nav`,``],[`main`,``],[1,`brand`],[1,`mark`],[`width`,`22`,`height`,`22`,`viewBox`,`0 0 256 256`,`aria-hidden`,`true`],[`width`,`22`,`height`,`22`,`viewBox`,`0 0 32 32`,`aria-hidden`,`true`],[`width`,`24`,`height`,`17`,`viewBox`,`0 0 256 182`,`aria-hidden`,`true`],[`width`,`22`,`height`,`22`,`viewBox`,`0 0 24 24`,`fill`,`currentColor`,`aria-hidden`,`true`],[`width`,`20`,`height`,`22`,`viewBox`,`0 0 223 236`,`aria-hidden`,`true`],[`width`,`30`,`height`,`30`,`viewBox`,`0 0 500 500`,`aria-hidden`,`true`],[1,`title`],[`aria-label`,`Inspectors`,3,`scroll`,`keydown`],[`role`,`toolbar`,`aria-label`,`Inspectors`,`aria-orientation`,`horizontal`,1,`tab-bar`],[1,`full-panel`,3,`href`],[`role`,`status`,1,`status`],[`aria-hidden`,`true`,1,`dot`],[`tabindex`,`-1`],[`role`,`status`,1,`background-note`],[`role`,`alert`,1,`connection-error`],[3,`info`],[`role`,`status`,1,`turned-off`],[1,`turned-off`],[`fill`,`#3c5afd`,`d`,`M237.248 18.752q18.061 18.06 18.748 45.247V192c-.457 18.12-6.707 33.207-18.748 45.247c-12.04 12.04-27.127 18.291-45.251 18.752H63.999q-27.187-.69-45.247-18.752C6.712 225.208.46 210.121 0 192.001V64q.69-27.187 18.752-45.247Q36.812.692 63.999 0h127.998c18.124.46 33.211 6.711 45.251 18.752m-17.655 103q-6.033-6.003-6.28-15.066V64q-.192-9.063-6.221-15.091c-4.02-4.023-9.054-6.093-15.095-6.22h-21.312v106.626L85.315 42.687H63.999c-6.042.128-11.072 2.198-15.091 6.221c-4.023 4.02-6.093 9.05-6.22 15.09v42.688q-.249 9.063-6.281 15.066q-6.03 5.996-15.091 6.246q9.062.255 15.09 6.25c4.024 4.002 6.115 9.024 6.281 15.066V192c.128 6.037 2.198 11.072 6.221 15.091q6.03 6.03 15.09 6.22h21.317V106.687l85.37 106.627h21.312c6.041-.128 11.076-2.202 15.095-6.221s6.093-9.054 6.22-15.09v-42.688q.249-9.063 6.281-15.066q6.03-5.995 15.091-6.25q-9.062-.25-15.09-6.246`],[`fill`,`#53b9ff`,`d`,`M39.863 54.115L.311 93.716l60.995 61.179L0 216.385l39.428 39.619l61.43-61.507l61.097 61.068l39.552-39.602z`],[`fill`,`#119eff`,`d`,`m140.517 154.896l-39.658 39.601l61.097 61.069l39.552-39.602z`],[`fill-opacity`,`.2`,`d`,`m140.517 154.896l-39.658 39.601l15.267 15.182z`],[`fill`,`#53b9ff`,`d`,`M194.57 100.985L256 39.478L216.431 0l-61.412 61.384L93.917.311L54.365 39.913L216.01 201.761l39.552-39.602z`],[`fill`,`#119eff`,`d`,`m115.36 100.987l39.659-39.602L93.917.313L54.365 39.914z`],[`fill-opacity`,`.2`,`d`,`m115.359 100.985l39.659-39.601l-15.271-15.186z`],[`id`,`an-mark-grad`,`x1`,`0`,`y1`,`0`,`x2`,`1`,`y2`,`1`],[`offset`,`0`,`stop-color`,`#f0224f`],[`offset`,`1`,`stop-color`,`#c4002d`],[`d`,`M16 0C27.2 0 32 4.8 32 16S27.2 32 16 32 0 27.2 0 16 4.8 0 16 0Z`,`fill`,`url(#an-mark-grad)`],[`transform`,`translate(6.4 6.4) scale(0.8)`,`fill`,`#fff`],[`d`,`M14.8486 0L23.138 16.8551L23.9996 3.99892L14.8486 0Z`],[`d`,`M16.9875 17.7114H7.01272L5.73926 20.627L12.0001 24L18.261 20.627L16.9875 17.7114Z`],[`d`,`M8.72168 13.9298H15.2812L11.9997 6.39575L8.72168 13.9298Z`],[`d`,`M9.15103 0L0 3.99892L0.861556 16.8551L9.15103 0Z`],[`fill`,`#c30f2e`,`d`,`M152.228.001L48.455 181.046H256L152.228 0z`],[`fill`,`#dd0330`,`d`,`M88.314 26.967L0 181.52h176.628L88.315 26.967z`],[`fill`,`#fff`,`d`,`M18.167 135.294h220.236v-2.419H18.167z`],[`fill`,`#fff`,`d`,`M204.38 170.667c-.861 0-1.67-.358-2.348-1.034c-4.045-4.063-4.221-20.586-4.026-45.33c.11-13.521.257-32.043-1.9-33.504c-2.104.873-2.315 16.172-2.451 26.301c-.162 11.785-.327 23.98-2.242 30.189c-.57 1.84-1.306 3.525-2.786 3.39c-2.086-.185-2.76-3.48-4.317-16.478c-.647-5.4-1.317-10.98-2.101-13.14a11 11 0 0 0-.269-.66c-.835 1.889-1.8 7.079-2.47 10.682c-.927 4.976-1.803 9.676-2.9 11.726c-.847 1.575-2.19 3.63-4.067 3.231c-2.558-.537-3.323-5.693-3.552-8.719c0-25.455-3.33-28.417-3.997-28.753l-.107.081l-.162-.036c-2.377 1.038-2.506 9.294-2.627 17.276c-.096 5.856-.198 12.492-1.053 18.701c-1.108 8.05-2.448 9.603-4.115 9.507c-3.838-.262-3.95-13.482-3.95-14.987c0-.472.012-1.028.027-1.642c.074-3.076.205-8.8-1.687-10.604c-.25-.239-.603-.515-.879-.437c-1.347.339-2.745 4.714-3.209 6.153c-.147.457-.265.833-.364 1.09c-.078.214-.177.515-.294.88c-1.02 3.095-2.18 6.183-4.16 6.944c-.732.284-1.498.222-2.216-.183c-.953-.541-1.73-1.646-2.455-3.482c-.397-1.016-.735-2.046-1.082-3.081c-.419-1.263-.85-2.569-1.384-3.808c-.419-.965-1.464-1.4-2.796-1.164c-2.768.494-3.232 3.29-3.622 7.5c-.07.733-.137 1.452-.228 2.128c-.011.198-.501 6.38-.814 8.344c-.865 5.39-2.002 7.512-3.89 7.358c-4.66-.398-6.798-20.836-6.684-29.47c.088-6.592-1.104-9-1.818-9.382c-.074-.034-.189-.096-.46.095c-.843.571-1.594 2.348-1.363 4.215c2.566 20.32.674 43.592-3.96 48.833c-1.46 1.649-3.448 1.627-4.832.236c-4.049-4.064-4.218-20.586-4.026-45.33c.11-13.521.254-32.043-1.9-33.504c-2.105.873-2.311 16.172-2.45 26.301c-.163 11.785-.329 23.98-2.246 30.189c-.57 1.84-1.307 3.525-2.782 3.39c-2.091-.186-2.761-3.48-4.321-16.478c-.649-5.4-1.319-10.98-2.101-13.14c-.1-.273-.189-.49-.27-.66c-.832 1.889-1.796 7.079-2.466 10.682c-.927 4.976-1.803 9.676-2.904 11.726c-.846 1.575-2.19 3.63-4.063 3.231c-2.558-.537-3.324-5.693-3.552-8.719c-.003-25.455-3.33-28.417-3.997-28.753l-.106.081l-.166-.036c-2.374 1.038-2.503 9.293-2.629 17.276c-.091 5.856-.194 12.492-1.048 18.701c-1.107 8.05-2.437 9.618-4.111 9.507c-3.846-.262-3.958-13.482-3.958-14.987c0-.472.016-1.028.03-1.642c.074-3.076.207-8.8-1.685-10.604c-.25-.239-.603-.515-.88-.438c-1.347.34-2.75 4.715-3.206 6.155a47 47 0 0 1-.364 1.09q-.16.432-.298.875c-1.02 3.096-2.18 6.187-4.155 6.95c-.736.282-1.506.22-2.22-.185c-.953-.541-1.734-1.646-2.454-3.482c-.398-1.016-.74-2.046-1.083-3.081c-.42-1.263-.854-2.569-1.387-3.808c-.416-.965-1.465-1.4-2.797-1.164c-3.188.567-3.943 4.52-4.55 9.238l-.106.839l-2.411-.32l.114-.824c.527-4.137 1.328-10.39 6.53-11.31c2.446-.435 4.585.581 5.446 2.583c.578 1.34 1.031 2.695 1.466 4.008c.324.99.654 1.98 1.037 2.959c.674 1.708 1.197 2.15 1.392 2.257c1.218-.38 2.462-4.167 2.873-5.414c.13-.402.24-.732.328-.968c.085-.233.195-.571.328-.98c1.097-3.43 2.474-7.144 4.918-7.762c.747-.191 1.903-.166 3.157 1.035c2.665 2.544 2.525 8.48 2.433 12.41c-.014.59-.028 1.126-.028 1.583c0 6.272.93 10.655 1.64 12.16c.367-.77.998-2.63 1.598-7.007c.831-6.066.938-12.624 1.027-18.41c.161-10.24.275-17.663 3.982-19.408c.552-.339 1.469-.522 2.436-.033c3.586 1.803 5.326 11.885 5.326 30.817c.225 2.926 1.013 6.006 1.66 6.448c.004-.066.53-.39 1.394-2.01c.925-1.718 1.845-6.665 2.655-11.026c1.792-9.614 2.606-12.989 4.726-13.166c1.615-.158 2.362 1.896 2.676 2.76c.883 2.422 1.537 7.888 2.23 13.678c.54 4.49 1.31 10.902 2.094 13.497c.084-.228.18-.5.283-.836c1.815-5.878 1.98-17.887 2.14-29.507c.22-16.14.503-26.139 3.448-28.226a2.44 2.44 0 0 1 2.233-.316c3.448 1.144 3.714 11.254 3.519 35.8c-.14 17.799-.313 39.952 3.323 43.603c.317.32.542.32.622.32c.17 0 .413-.161.67-.452c3.681-4.162 6.01-26.022 3.372-46.927c-.328-2.602.677-5.337 2.392-6.514c.946-.652 2.036-.736 2.978-.232c2.145 1.14 3.187 5.024 3.102 11.546c-.15 11.387 2.584 24.714 4.37 26.842c.282-.471.842-1.763 1.379-5.145c.301-1.87.799-8.153.806-8.216c.09-.71.155-1.398.217-2.097c.369-3.924.82-8.804 5.613-9.654c2.444-.435 4.583.577 5.448 2.583c.577 1.34 1.027 2.695 1.46 4.008c.332.99.664 1.98 1.046 2.959c.67 1.708 1.197 2.15 1.387 2.257c1.218-.38 2.467-4.167 2.875-5.41c.132-.402.243-.737.328-.973c.088-.228.195-.57.324-.979c1.1-3.43 2.477-7.144 4.924-7.762c.74-.191 1.9-.166 3.154 1.035c2.665 2.543 2.526 8.48 2.437 12.41q-.029.792-.033 1.583c0 6.272.931 10.655 1.641 12.16c.365-.77.994-2.63 1.601-7.007c.832-6.066.931-12.624 1.027-18.41c.159-10.24.273-17.663 3.98-19.408c.55-.339 1.467-.522 2.44-.033c3.58 1.803 5.325 11.884 5.325 30.817c.224 2.926 1.012 6.006 1.656 6.448c.008-.066.526-.39 1.399-2.01c.923-1.718 1.84-6.665 2.653-11.026c1.786-9.614 2.602-12.989 4.722-13.166c1.62-.158 2.367 1.896 2.68 2.76c.88 2.422 1.535 7.888 2.233 13.678c.534 4.49 1.304 10.902 2.092 13.497c.08-.228.176-.5.28-.836c1.813-5.878 1.976-17.887 2.138-29.507c.216-16.14.504-26.139 3.448-28.226a2.45 2.45 0 0 1 2.234-.316c3.452 1.144 3.718 11.254 3.52 35.8c-.141 17.799-.314 39.952 3.319 43.603c.324.32.544.32.63.32c.165 0 .408-.161.662-.452c3.687-4.162 6.014-26.022 3.375-46.927c-.342-2.723.43-5.47 1.84-6.526c.71-.537 1.575-.647 2.37-.313c2.054.877 3.445 4.63 4.255 11.484c.339 2.87.641 5.974.931 9.036c.641 6.683 1.509 15.69 2.684 17.67c.36-.46 1.096-1.704 2.19-5.038l2.307.753c-1.696 5.157-3.026 7.1-4.755 6.902c-2.69-.299-3.468-5.734-4.84-20.055c-.29-3.048-.59-6.132-.928-8.989c-1.03-8.74-2.782-9.532-2.801-9.54c-.342.174-1.137 1.992-.842 4.31c2.558 20.32.673 43.597-3.964 48.834c-.747.842-1.587 1.27-2.485 1.27`],[`d`,`M12.024.017V0L12 .008L11.976 0v.017L.812 3.892l1.605 14.875l9.559 5.207V24l.024-.013l.024.013v-.026l9.559-5.207l1.605-14.875zm6.868 14.244q-1.64 3.948-6.031 4.166c-2.829 0-4.661-1.7-4.66-1.7q-1.745-1.359-2.398-3.417c-.695-.76-.702-.841-.774-1.145c-.072-.303.045-.388.249-.685q.204-.298.098-.85q-.26-.36-.3-1.128q0-.37.496-.783q.495-.413.607-.632q.083-.119.065-1.031q-.006-.897.995-.975c1-.08 1.565-.832 1.879-1.174c.21-.228.52-.339.91-.341c.551-.026 1.052.185 1.484.62c1.075-.055 2.176.235 3.292.863q2.379 1.414 2.596 3.055q-.257 2.158-5.788-.113q-2.895.819-2.846 3.552q0 2.508 2.422 3.643c-.787-.772-1.122-1.422-1.01-1.959q2.456 2.906 5.588 2.173c-.92.032-1.65-.264-2.198-.893q2.116-.05 3.998-1.972c-.724.576-1.482.794-2.284.657q3.26-2.563 2.307-5.98l-.002-.006a3.02 3.02 0 0 1 .788 2.03q.023 1.175-.795 2.477q.613-.478 1.413-2.047c.23 2.117-.625 3.724-2.574 4.825q.934-.085 2.473-1.23m-5.567-6.63a.319.319 0 1 1 .638 0a.319.319 0 0 1-.638 0`],[`id`,`ng-grad`,`x1`,`49`,`x2`,`226`,`y1`,`214`,`y2`,`130`,`gradientUnits`,`userSpaceOnUse`],[`stop-color`,`#E40035`],[`offset`,`.24`,`stop-color`,`#F60A48`],[`offset`,`.352`,`stop-color`,`#F20755`],[`offset`,`.494`,`stop-color`,`#DC087D`],[`offset`,`.745`,`stop-color`,`#9717E7`],[`offset`,`1`,`stop-color`,`#6C00F5`],[`fill`,`url(#ng-grad)`,`d`,`m222.077 39.192-8.019 125.923L137.387 0l84.69 39.192Zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301l11.783 28.556ZM111.039 62.675l30.357 73.803H80.681l30.358-73.803ZM7.937 165.115 0 39.192 84.69 0 7.937 165.115Z`],[`width`,`500`,`height`,`500`,`rx`,`112`,`fill`,`#1c1a17`],[`transform`,`translate(250 252) scale(1.38) translate(-120 -129)`],[`id`,`pi-mark-mask`],[`x`,`-60`,`y`,`-60`,`width`,`360`,`height`,`380`,`fill`,`#fff`],[`fill`,`none`,`stroke`,`#000`,`stroke-width`,`30`,`stroke-linejoin`,`miter`],[`d`,`M88 66 V196`],[`d`,`M88 66 H143 L170 98 L143 130 H88 Z`],[`id`,`pi-mark-clip`],[`x`,`-40`,`y`,`129`,`width`,`320`,`height`,`200`],[`transform`,`rotate(-10 120 129)`],[`cx`,`120`,`cy`,`129`,`rx`,`128`,`ry`,`34`,`fill`,`none`,`stroke`,`#78350f`,`stroke-width`,`10`],[`mask`,`url(#pi-mark-mask)`],[`fill`,`#fbbf24`,`d`,`M120 5 L2 46 L22 198 L120 253 Z`],[`fill`,`#f59e0b`,`d`,`M120 5 L238 46 L218 198 L120 253 Z`],[`clip-path`,`url(#pi-mark-clip)`,`cx`,`120`,`cy`,`129`,`rx`,`128`,`ry`,`34`,`fill`,`none`,`stroke`,`#1c1a17`,`stroke-width`,`22`],[`clip-path`,`url(#pi-mark-clip)`,`cx`,`120`,`cy`,`129`,`rx`,`128`,`ry`,`34`,`fill`,`none`,`stroke`,`#fde68a`,`stroke-width`,`10`],[`transform`,`translate(230.9 146.0) rotate(10) scale(1.5) translate(-4 -4)`],[`x1`,`9`,`y1`,`9`,`x2`,`21`,`y2`,`21`,`stroke`,`#1c1a17`,`stroke-width`,`14`,`stroke-linecap`,`round`],[`r`,`16`,`fill`,`#1c1a17`],[`x1`,`9`,`y1`,`9`,`x2`,`21`,`y2`,`21`,`stroke`,`#fde68a`,`stroke-width`,`7`,`stroke-linecap`,`round`],[`r`,`12`,`fill`,`#1c1a17`,`stroke`,`#fde68a`,`stroke-width`,`5`],[`type`,`button`,3,`active`],[`type`,`button`,3,`click`],[3,`name`],[1,`full-panel`,3,`click`,`href`],[`width`,`14`,`height`,`14`,`viewBox`,`0 0 24 24`,`aria-hidden`,`true`],[`x`,`3`,`y`,`3`,`width`,`7`,`height`,`7`,`rx`,`1.5`],[`x`,`14`,`y`,`3`,`width`,`7`,`height`,`7`,`rx`,`1.5`],[`x`,`3`,`y`,`14`,`width`,`7`,`height`,`7`,`rx`,`1.5`],[`x`,`14`,`y`,`14`,`width`,`7`,`height`,`7`,`rx`,`1.5`],[`target`,`_blank`,`rel`,`noopener noreferrer`,3,`href`],[1,`sr-only`],[3,`rpc`],[3,`rpc`,`focus`,`canShowInjector`],[3,`rpc`,`focus`,`canShowComponent`],[3,`rpc`,`focus`],[3,`navigate`,`rpc`],[3,`focusHandled`,`showForm`,`showInjector`,`rpc`,`focus`,`canShowInjector`],[3,`showComponent`,`rpc`],[3,`focusHandled`,`showComponent`,`rpc`,`focus`,`canShowComponent`],[3,`focusHandled`,`rpc`,`focus`]],template:function(e,t){if(e&1&&(L(0,`header`)(1,`h1`,2)(2,`span`,3),M(3,_1,2,0,`:svg:svg`,4)(4,v1,7,0,`:svg:svg`,4)(5,y1,11,0,`:svg:svg`,5)(6,b1,5,0,`:svg:svg`,6)(7,x1,2,0,`:svg:svg`,7)(8,S1,10,0,`:svg:svg`,8)(9,C1,24,0,`:svg:svg`,9),R(),L(10,`span`,10),J(11),R()(),L(12,`nav`,11,0),U(`scroll`,function(){return t.measureNav()})(`keydown`,function(e){return t.onNavKey(e)}),M(14,T1,3,0,`div`,12),R(),M(15,E1,7,1,`a`,13),L(16,`span`,14)(17,`span`,15),z(18,`span`),R(),J(19),R()(),L(20,`main`,16,1)(22,`p`,17),J(23),R(),M(24,D1,5,0,`div`,18)(25,O1,1,1,`app-coming-soon`,19)(26,k1,2,0,`p`,20)(27,j1,10,2,`p`,21)(28,W1,2,2),R()),e&2){let e,n;A(2),q(`ng-mark`,t.view()===`angular`)(`pi-mark`,!t.view()),A(),N(t.view()===`nativescript`?3:t.view()===`capacitor`?4:t.view()===`angular-native`?5:t.view()===`analog`?6:t.view()===`ngrx`?7:t.view()===`angular`?8:9),A(7),q(`ng-text`,t.view()===`angular`),A(),Y(t.title()),A(),q(`fade-start`,t.navFade().start)(`fade-end`,t.navFade().end),A(2),N(t.availableTabs().length>1?14:-1),A(),N((e=t.fullPanelLink())?15:-1,e),A(),q(`connected`,t.connected())(`failed`,t.connectionFailed()),A(3),X(` `,t.connected()?`Live`:t.connectionFailed()?`Disconnected`:`Connecting…`,` `),A(),j(`aria-label`,t.mainLabel()),A(3),Y(t.backgroundNote()),A(),N(t.connectionFailed()?24:(n=t.comingSoon())?25:t.view()===`angular-native`&&!t.nativePageId()?26:t.tabEnabled(t.tab(),t.config())?28:27,n)}},dependencies:[jD,lP,HL,Xz,MV,qU,dK,Mq,QY,XZ,V$,rQ,ZE],styles:[`[_nghost-%COMP%] {
+`}var J1=new Map;function Y1(e,t=`dark`,n=50){let r=e?.querySelector(`devframes-dock-standalone`)?.shadowRoot;if(r){if(e){let t=J1.get(e);t!==void 0&&(clearTimeout(t),J1.delete(e))}let n=r.querySelector(`style[data-pangular]`);n||(n=e.createElement(`style`),n.dataset.pangular=``,r.append(n)),n.textContent=q1(t);return}if(n>0&&e){let r=J1.get(e);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{J1.delete(e),Y1(e,t,n-1)},100);J1.set(e,i)}}var X1=`pangular-pref`,Z1={order:[],hidden:[],pinned:[]};function Q1(e){try{return localStorage.getItem(`${X1}:${e}`)}catch{return null}}function $1(e,t){try{t===null?localStorage.removeItem(`${X1}:${e}`):localStorage.setItem(`${X1}:${e}`,t)}catch{}}function e0(){let e=Q1(`theme`);return e===`light`||e===`dark`?e:`system`}function t0(e){$1(`theme`,e===`system`?null:e)}function n0(e){if(!Array.isArray(e))return[];let t=e.filter(e=>typeof e==`string`&&e.length>0&&e.length<=40);return[...new Set(t)].slice(0,50)}function r0(){let e=Q1(`tabs`);if(!e)return Z1;try{let t=JSON.parse(e);if(!t||typeof t!=`object`||Array.isArray(t))return Z1;let n=t;return{order:n0(n.order),hidden:n0(n.hidden),pinned:n0(n.pinned)}}catch{return Z1}}function i0(e){$1(`tabs`,!e.order.length&&!e.hidden.length&&!e.pinned.length?null:JSON.stringify(e))}function a0(){return Q1(`passive`)===`true`}function o0(e){$1(`passive`,e?`true`:null)}function s0(e,t){let n=n=>{let r=t.order.indexOf(n);return r<0?t.order.length+e.indexOf(n):r},r=[...e].sort((e,t)=>n(e)-n(t));return[...r.filter(e=>t.pinned.includes(e)),...r.filter(e=>!t.pinned.includes(e))]}function c0(e,t,n){let r=new Map(e.map(e=>[e.id,e]));return s0(e.map(e=>e.id),t).filter(e=>e===n||t.pinned.includes(e)||!t.hidden.includes(e)).map(e=>r.get(e))}function l0(e,t,n,r){let i=s0(e,t),a=i.indexOf(n),o=a+r;if(a<0||o<0||o>=i.length)return t;let s=t.pinned.includes(n);if(t.pinned.includes(i[o])!==s)return t;let c=[...i];return[c[a],c[o]]=[c[o],c[a]],{...t,order:c}}function u0(e,t,n){let r=e.hidden.filter(e=>e!==t);return{...e,hidden:n?[...r,t]:r,pinned:n?e.pinned.filter(e=>e!==t):e.pinned}}function d0(e,t,n,r){let i=t.pinned.filter(e=>e!==n);return{order:s0(e,t),pinned:r?[...i,n]:i,hidden:r?t.hidden.filter(e=>e!==n):t.hidden}}function f0(){try{let e=navigator;return/mac|iphone|ipad|ipod/i.test(e.userAgentData?.platform??e.platform??``)}catch{return!1}}function p0(e=window){try{for(let t=e;t!==t.parent;t=t.parent){let e=t.frameElement?.getRootNode();if(e&&`host`in e&&e.host?.id===`pangular-popup-root`)return!0}}catch{}return!1}var m0=class e{current=k(`dark`);preference=k(e0());source=`dark`;sourceAttr=!1;constructor(){let e=w(Es),t=_0(),n=document.documentElement.dataset.theme,r=n===`light`||n===`dark`;if(n===`light`||n===`dark`)this.fromSource(n,!0);else if(t)r=!0,this.fromSource(g0(t),!0);else{let t=h0();if(t){this.fromSource(t.matches?`light`:`dark`,!1);let n=e=>{r||this.fromSource(e.matches?`light`:`dark`,!1)};t.addEventListener(`change`,n),e.onDestroy(()=>t.removeEventListener(`change`,n))}else this.resolve()}let i;try{i=new BroadcastChannel(`pangular:theme`)}catch{}pc(()=>{let e=this.current();try{i?.postMessage(e)}catch{}for(let{win:t,origin:n}of v0())try{t.postMessage({type:`pangular:theme-change`,theme:e},n)}catch{}});let a=e=>{if(e.source!==window.parent)return;let t=e.data;t?.type===`pangular:theme-change`&&(r=!0,this.fromSource(t.theme===`dark`?`dark`:`light`,!0))};window.addEventListener(`message`,a);let o;t&&(o=new MutationObserver(()=>this.fromSource(g0(t),!0)),o.observe(t,{attributes:!0,attributeFilter:[`class`]})),e.onDestroy(()=>{window.removeEventListener(`message`,a),o?.disconnect(),i?.close()})}setPreference(e){this.preference.set(e),t0(e),this.resolve()}fromSource(e,t){this.source=e,this.sourceAttr=t,this.resolve()}resolve(){let e=this.preference(),t=e===`system`?this.source:e;this.current.set(t);let n=document.documentElement;e!==`system`||this.sourceAttr?n.dataset.theme=t:delete n.dataset.theme}static ɵfac=function(t){return new(t||e)};static ɵprov=Ml({token:e,factory:e.ɵfac})};function h0(){try{return window.matchMedia?.(`(prefers-color-scheme: light)`)??null}catch{return null}}function g0(e){return e.classList.contains(`dark`)?`dark`:`light`}function _0(){try{return window.frameElement?.closest(`.devframes-color-root`)??null}catch{return null}}function v0(e=window){let t=[],n;try{n=e.location.ancestorOrigins}catch{}let r=e;try{for(let i=0;r!==r.parent;i++){r=r.parent;let a=y0(e,r,i,n);a&&t.push({win:r,origin:a})}}catch{}return t}function y0(e,t,n,r){let i=e=>e&&e!==`null`?e:void 0,a=i(r?.item(n));if(a)return a;try{let e=i(t.location.origin);if(e)return e}catch{}if(!(n>0))try{return i(new URL(e.document.referrer).origin)}catch{return}}var b0=`__DEVFRAME_HUB_CLIENT_CONTEXT__`;function x0(){try{return window.parent===window?void 0:window.parent[b0]}catch{return}}function S0(e,t,n=50){let r=x0();if(!r){if(n<=0||window.parent===window)return()=>{};let r=()=>{},i=setTimeout(()=>r=S0(e,t,n-1),100);return()=>{clearTimeout(i),r()}}let i=e.map(e=>r.docks.getStateById(HT(e))?.events.on(`entry:activated`,()=>t(e))??(()=>{})),a=r.docks.selectedId,o=e.find(e=>HT(e)===a);return o&&t(o),()=>i.forEach(e=>e())}function C0(){return!!x0()}async function w0(e){let t=x0();if(!t)return!1;try{return await t.docks.switchEntry(HT(e))}catch{return!1}}function T0(){let e=x0()?.commands?.openPalette;if(typeof e!=`function`)return!1;try{return e(),!0}catch{return!1}}function E0(e,t){let n=new URL(e);return n.searchParams.delete(`view`),n.hash=t?`tab=${t}`:``,n.pathname+n.search+n.hash}function D0(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}var O0=`pangular-tab`;function k0(e,t,n){let r=new URLSearchParams(e.replace(/^#/,``)).get(`tab`)||t;return n.find(e=>e===r)}function A0(e){try{return sessionStorage.getItem(`${O0}:${e}`)}catch{return null}}function j0(e,t){try{sessionStorage.setItem(`${O0}:${e}`,t)}catch{}}function M0(e,t){try{return new URL(e,t.href).origin===t.origin}catch{return!1}}function N0(e,t){if(t.protocol!==`chrome-extension:`)return!1;try{let{protocol:t}=new URL(e);return t===`http:`||t===`https:`}catch{return!1}}function P0(e=location){let t=new URLSearchParams(e.search).get(`baseURL`);if(t&&(M0(t,e)||N0(t,e)))return t;if(!(e.pathname.includes(`__pangular`)||e.pathname.includes(`__devframes/`)))return[`/__pangular/`,`./`]}var F0={dark:{ngrx:{accent:`#d770e8`,text:`#f0abfc`},analog:{accent:`#ff5470`,text:`#fda4af`},"angular-native":{accent:`#ff4d6d`,text:`#fda4af`},nativescript:{accent:`#8196ff`,text:`#a5b4fc`},capacitor:{accent:`#53b9ff`,text:`#7dd3fc`}},light:{ngrx:{accent:`#a21caf`,text:`#701a75`},analog:{accent:`#be123c`,text:`#881337`},"angular-native":{accent:`#be123c`,text:`#881337`},nativescript:{accent:`#3448c5`,text:`#3730a3`},capacitor:{accent:`#0369a1`,text:`#0c4a6e`}}};function I0(e,t){let n=F0[t];return e&&n[e]||null}var L0=(e,t)=>t.value,R0=(e,t)=>t.id;function z0(e,t){if(e&1){let e=H();L(0,`label`,23)(1,`input`,24),U(`change`,function(){let t=E(e).$implicit;return D(G().theme.set(t.value))}),R(),L(2,`span`,25),J(3),R(),L(4,`span`,26),J(5),R()()}if(e&2){let e=t.$implicit,n=G();q(`checked`,n.theme()===e.value),A(),I(`value`,e.value)(`checked`,n.theme()===e.value),A(2),Y(e.label),A(2),Y(e.hint)}}function B0(e,t){e&1&&(L(0,`span`,30),J(1,`Pinned`),R())}function V0(e,t){if(e&1){let e=H();L(0,`li`,27),U(`keydown`,function(t){let n=E(e).$implicit;return D(G().onRowKey(t,n.id))}),z(1,`app-tab-icon`,28),L(2,`span`,29),J(3),M(4,B0,2,0,`span`,30),R(),L(5,`button`,31),U(`click`,function(){let t=E(e).$implicit;return D(G().togglePinned(t.id))}),J(6,` Pin `),R(),L(7,`label`,32)(8,`input`,33),U(`change`,function(t){let n=E(e).$implicit;return D(G().setShown(n.id,t.target.checked))}),R(),L(9,`span`),J(10,`Shown`),R()(),L(11,`span`,34)(12,`button`,35),U(`click`,function(){let t=E(e).$implicit;return D(G().move(t.id,-1))}),O(),L(13,`svg`,36),z(14,`path`,37),R()(),gs(),L(15,`button`,38),U(`click`,function(){let t=E(e).$implicit;return D(G().move(t.id,1))}),O(),L(16,`svg`,36),z(17,`path`,39),R()()()()}if(e&2){let e=t.$implicit,n=G();q(`hidden-tab`,n.isHidden(e.id)),j(`data-tab`,e.id),A(),I(`name`,e.id),A(2),X(` `,e.label,` `),A(),N(n.isPinned(e.id)?4:-1),A(),j(`aria-pressed`,n.isPinned(e.id))(`aria-label`,`Pin `+e.label),A(3),I(`checked`,!n.isHidden(e.id)),j(`aria-label`,e.label+` shown in the tab bar`),A(4),I(`disabled`,!n.canMove(e.id,-1)),j(`aria-label`,`Move `+e.label+` up`),A(3),I(`disabled`,!n.canMove(e.id,1)),j(`aria-label`,`Move `+e.label+` down`)}}function H0(e,t){e&1&&(J(0,` Press `),L(1,`kbd`),J(2),R(),J(3,` on your app's page to open or close the panel. The button shows while the panel is open. The popup on the page saves this setting. `)),e&2&&(A(2),Y(t))}function U0(e,t){e&1&&(J(0,` The popup shortcut is turned off in the devtools config (`),L(1,`code`),J(2,`popup.hotkey`),R(),J(3,`), so the button always shows. `))}function W0(e,t){e&1&&(L(0,`kbd`),J(1),R()),e&2&&(A(),Y(t))}function G0(e,t){e&1&&J(0,` Off `)}var K0=[{value:`system`,label:`System`,hint:`Follows the hub, or your system without it`},{value:`light`,label:`Light`,hint:`Always light`},{value:`dark`,label:`Dark`,hint:`Always dark`}],q0=class e{tabs=$([]);layout=Gv(Z1);theme=Gv(`system`);passive=Gv(!1);hotkey=$(!1);paletteShortcut=$(`Ctrl+K`);themes=K0;announcement=k(``);host=w(Fl);injector=w(ws);ids=Q(()=>this.tabs().map(e=>e.id));orderedTabs=Q(()=>{let e=new Map(this.tabs().map(e=>[e.id,e]));return s0(this.ids(),this.layout()).map(t=>e.get(t))});isDefaultLayout=Q(()=>{let{order:e,hidden:t,pinned:n}=this.layout(),r=s0(this.ids(),this.layout());return!t.length&&!n.length&&(!e.length||r.every((e,t)=>e===this.ids()[t]))});isPinned(e){return this.layout().pinned.includes(e)}isHidden(e){return this.layout().hidden.includes(e)&&!this.isPinned(e)}canMove(e,t){return l0(this.ids(),this.layout(),e,t)!==this.layout()}move(e,t){let n=l0(this.ids(),this.layout(),e,t);if(n===this.layout())return;this.layout.set(n);let r=s0(this.ids(),n),i=this.label(e);this.say(`${i} moved to position ${r.indexOf(e)+1} of ${r.length}.`),Vd(()=>{let n=[...this.host.nativeElement.querySelectorAll(`.tab-row`)].find(t=>t.dataset.tab===e),r=n?.querySelector(`[data-move="${t<0?`up`:`down`}"]`),i=n?.querySelector(`[data-move="${t<0?`down`:`up`}"]`);(r&&!r.disabled?r:i)?.focus()},{injector:this.injector})}onRowKey(e,t){!e.altKey||e.key!==`ArrowUp`&&e.key!==`ArrowDown`||(e.preventDefault(),this.move(t,e.key===`ArrowUp`?-1:1))}togglePinned(e){let t=!this.isPinned(e);this.layout.set(d0(this.ids(),this.layout(),e,t)),this.say(t?`${this.label(e)} pinned.`:`${this.label(e)} unpinned.`)}setShown(e,t){this.layout.set(u0(this.layout(),e,!t)),this.say(t?`${this.label(e)} shown.`:`${this.label(e)} hidden.`)}resetTabs(){this.layout.set(Z1),this.say(`Tabs reset to the default order.`)}label(e){return this.tabs().find(t=>t.id===e)?.label??e}say(e){this.announcement.update(t=>t===e?`${e} `:e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-settings`]],inputs:{tabs:[1,`tabs`],layout:[1,`layout`],theme:[1,`theme`],passive:[1,`passive`],hotkey:[1,`hotkey`],paletteShortcut:[1,`paletteShortcut`]},outputs:{layout:`layoutChange`,theme:`themeChange`,passive:`passiveChange`},decls:65,vars:7,consts:[[1,`intro`],[`aria-labelledby`,`settings-theme`,1,`card`],[`id`,`settings-theme`],[`role`,`radiogroup`,`aria-labelledby`,`settings-theme`,1,`themes`],[1,`theme`,3,`checked`],[`aria-labelledby`,`settings-tabs`,1,`card`],[1,`card-head`],[`id`,`settings-tabs`],[`type`,`button`,1,`action`,3,`click`,`disabled`],[`id`,`settings-tabs-hint`,1,`hint`],[`aria-labelledby`,`settings-tabs`,`aria-describedby`,`settings-tabs-hint`,1,`tab-list`],[1,`tab-row`,3,`hidden-tab`],[`aria-labelledby`,`settings-popup`,1,`card`],[`id`,`settings-popup`],[1,`check`,`wide`],[`type`,`checkbox`,`aria-describedby`,`settings-passive-hint`,3,`change`,`checked`,`disabled`],[`id`,`settings-passive-hint`,1,`hint`],[`aria-labelledby`,`settings-keys`,1,`card`],[`id`,`settings-keys`],[1,`keys`],[1,`sr-only`],[`scope`,`col`],[`role`,`status`,1,`sr-only`],[1,`theme`],[`type`,`radio`,`name`,`settings-theme`,3,`change`,`value`,`checked`],[1,`theme-label`],[1,`hint`],[1,`tab-row`,3,`keydown`],[3,`name`],[1,`tab-label`],[1,`tag`],[`type`,`button`,1,`action`,`small`,3,`click`],[1,`check`],[`type`,`checkbox`,3,`change`,`checked`],[1,`moves`],[`type`,`button`,`data-move`,`up`,1,`icon`,3,`click`,`disabled`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`],[`d`,`m6 15 6-6 6 6`],[`type`,`button`,`data-move`,`down`,1,`icon`,3,`click`,`disabled`],[`d`,`m6 9 6 6 6-6`]],template:function(e,t){if(e&1&&(L(0,`p`,0),J(1,` Settings for this panel in this browser. They are saved in the browser's local storage, so every panel on this address uses them. `),R(),L(2,`section`,1)(3,`h2`,2),J(4,`Theme`),R(),L(5,`div`,3),P(6,z0,6,6,`label`,4,L0),R()(),L(8,`section`,5)(9,`div`,6)(10,`h2`,7),J(11,`Tabs`),R(),L(12,`button`,8),U(`click`,function(){return t.resetTabs()}),J(13,` Reset tabs `),R()(),L(14,`p`,9),J(15,` Pinned tabs come first in the tab bar. Hidden tabs stay reachable from the command palette and from links. Use the arrow buttons, or `),L(16,`kbd`),J(17,`Alt`),R(),J(18,` with `),L(19,`kbd`),J(20,`↑`),R(),J(21,` and `),L(22,`kbd`),J(23,`↓`),R(),J(24,` on a row, to change the order. `),R(),L(25,`ol`,10),P(26,V0,18,14,`li`,11,R0),R()(),L(28,`section`,12)(29,`h2`,13),J(30,`Popup on the page`),R(),L(31,`label`,14)(32,`input`,15),U(`change`,function(e){return t.passive.set(e.target.checked)}),R(),L(33,`span`),J(34,`Passive mode: hide the floating button until the shortcut is pressed`),R()(),L(35,`p`,16),M(36,H0,4,1)(37,U0,4,0),R()(),L(38,`section`,17)(39,`h2`,18),J(40,`Keyboard shortcuts`),R(),L(41,`table`,19)(42,`caption`,20),J(43,` Keyboard shortcuts `),R(),L(44,`thead`)(45,`tr`)(46,`th`,21),J(47,`Shortcut`),R(),L(48,`th`,21),J(49,`Action`),R()()(),L(50,`tbody`)(51,`tr`)(52,`td`)(53,`kbd`),J(54),R()(),L(55,`td`),J(56,`Open the command palette in the panel`),R()(),L(57,`tr`)(58,`td`),M(59,W0,2,1,`kbd`)(60,G0,1,0),R(),L(61,`td`),J(62,`Open or close the popup on your app's page`),R()()()()(),L(63,`p`,22),J(64),R()),e&2){let e,n;A(6),F(t.themes),A(6),I(`disabled`,t.isDefaultLayout()),A(14),F(t.orderedTabs()),A(6),I(`checked`,t.passive())(`disabled`,t.hotkey()===!1),A(4),N((e=t.hotkey())?36:37,e),A(18),Y(t.paletteShortcut()),A(5),N((n=t.hotkey())?59:60,n),A(5),Y(t.announcement())}},dependencies:[pD],styles:[`[_nghost-%COMP%] {
+  display: block;
+  max-width: 760px;
+}
+
+.intro[_ngcontent-%COMP%] {
+  max-width: 720px;
+  margin: 0 0 16px;
+  color: var(--%NS%text-2);
+  line-height: 1.5;
+}
+
+.card[_ngcontent-%COMP%] {
+  margin: 0 0 16px;
+  padding: 16px;
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius);
+  background: var(--%NS%surface);
+}
+
+.card-head[_ngcontent-%COMP%] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+h2[_ngcontent-%COMP%] {
+  margin: 0 0 10px;
+  color: var(--%NS%text-strong);
+  font-size: 15px;
+  font-weight: 650;
+}
+
+.card-head[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {
+  margin: 0;
+}
+
+.hint[_ngcontent-%COMP%] {
+  margin: 8px 0 12px;
+  color: var(--%NS%text-2);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.themes[_ngcontent-%COMP%] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+  gap: 8px;
+}
+
+.theme[_ngcontent-%COMP%] {
+  position: relative;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 2px 8px;
+  align-items: center;
+  padding: 10px 12px;
+  border: 1px solid var(--%NS%border-strong);
+  border-radius: var(--%NS%radius-sm);
+  background: var(--%NS%bg);
+  cursor: pointer;
+}
+.theme[_ngcontent-%COMP%]   .hint[_ngcontent-%COMP%] {
+  grid-column: 2;
+  margin: 0;
+}
+.theme.checked[_ngcontent-%COMP%] {
+  border-color: var(--%NS%accent-line);
+  background: var(--%NS%accent-soft);
+}
+.theme[_ngcontent-%COMP%]:has(input:focus-visible) {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+
+.theme[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {
+  margin: 0;
+  accent-color: var(--%NS%accent);
+}
+
+.theme-label[_ngcontent-%COMP%] {
+  color: var(--%NS%text-strong);
+  font-weight: 600;
+}
+
+.tab-list[_ngcontent-%COMP%] {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius-sm);
+}
+
+.tab-row[_ngcontent-%COMP%] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px 12px;
+  min-height: 44px;
+  padding: 4px 8px 4px 12px;
+  color: var(--%NS%text);
+}
+.tab-row[_ngcontent-%COMP%]    + .tab-row[_ngcontent-%COMP%] {
+  border-top: 1px solid var(--%NS%border);
+}
+.tab-row[_ngcontent-%COMP%]   app-tab-icon[_ngcontent-%COMP%] {
+  color: var(--%NS%text-3);
+}
+
+.tab-row.hidden-tab[_ngcontent-%COMP%]   .tab-label[_ngcontent-%COMP%] {
+  color: var(--%NS%text-2);
+}
+
+.tab-label[_ngcontent-%COMP%] {
+  display: inline-flex;
+  flex: 1 1 120px;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.tag[_ngcontent-%COMP%] {
+  padding: 1px 8px;
+  border: 1px solid;
+  border-radius: 999px;
+  font-size: 11px;
+  font-weight: 600;
+  border-color: color-mix(in srgb, var(--%NS%accent) 30%, transparent);
+  background: color-mix(in srgb, var(--%NS%accent) 12%, transparent);
+  color: var(--%NS%accent-text);
+}
+
+.action[_ngcontent-%COMP%] {
+  display: inline-flex;
+  align-items: center;
+  height: var(--%NS%control-h);
+  padding: 0 12px;
+  border: 1px solid var(--%NS%border-strong);
+  border-radius: var(--%NS%radius-sm);
+  background: var(--%NS%surface-2);
+  color: var(--%NS%text);
+  font: inherit;
+  font-weight: 500;
+  cursor: pointer;
+}
+.action.small[_ngcontent-%COMP%] {
+  height: 28px;
+  padding: 0 10px;
+  font-size: 12px;
+}
+.action[aria-pressed=true][_ngcontent-%COMP%] {
+  border-color: var(--%NS%accent-line);
+  background: var(--%NS%accent-soft);
+  color: var(--%NS%text-strong);
+}
+.action[_ngcontent-%COMP%]:hover:not(:disabled) {
+  background: var(--%NS%surface-3);
+}
+.action[_ngcontent-%COMP%]:disabled {
+  color: var(--%NS%text-3);
+  cursor: default;
+}
+.action[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+
+.check[_ngcontent-%COMP%] {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--%NS%text-2);
+  font-size: 12px;
+  cursor: pointer;
+}
+.check[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {
+  margin: 0;
+  accent-color: var(--%NS%accent);
+}
+.check[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+.check.wide[_ngcontent-%COMP%] {
+  color: var(--%NS%text);
+  font-size: 13px;
+}
+
+.moves[_ngcontent-%COMP%] {
+  display: inline-flex;
+  gap: 4px;
+  margin-left: auto;
+}
+
+.icon[_ngcontent-%COMP%] {
+  display: grid;
+  place-items: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: 1px solid var(--%NS%border-strong);
+  border-radius: var(--%NS%radius-sm);
+  background: var(--%NS%surface-2);
+  color: var(--%NS%text);
+  cursor: pointer;
+}
+.icon[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {
+  width: 16px;
+  height: 16px;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
+}
+.icon[_ngcontent-%COMP%]:hover:not(:disabled) {
+  background: var(--%NS%surface-3);
+}
+.icon[_ngcontent-%COMP%]:disabled {
+  color: var(--%NS%text-3);
+  opacity: 0.6;
+  cursor: default;
+}
+.icon[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+
+kbd[_ngcontent-%COMP%] {
+  padding: 1px 6px;
+  border: 1px solid var(--%NS%border-strong);
+  border-radius: 4px;
+  background: var(--%NS%surface-2);
+  color: var(--%NS%text);
+  font-family: var(--%NS%font-mono);
+  font-size: 11px;
+}
+
+code[_ngcontent-%COMP%] {
+  font-family: var(--%NS%font-mono);
+}
+
+.keys[_ngcontent-%COMP%] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+}
+.keys[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {
+  padding: 6px 8px;
+  text-align: left;
+  color: var(--%NS%text-3);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+.keys[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {
+  padding: 8px;
+  border-top: 1px solid var(--%NS%border);
+  color: var(--%NS%text);
+}`]})};function J0(e,t){let n=e.toLowerCase(),r=t.toLowerCase().replace(/\s+/g,``);if(!r)return 0;let i=0,a=0,o=-2;for(let e of r){let t=n.indexOf(e,a);if(t<0)return-1;let r=t===0||/[\s:&/-]/.test(n[t-1]);i+=1,t===o+1&&(i+=3),r&&(i+=4),o=t,a=t+1}return i-n.length/100}function Y0(e,t){let n=t.trim();return n?e.map((e,t)=>{let r=J0(e.title,n),i=J0(`${e.group} ${e.keywords??``}`,n);return{command:e,index:t,score:Math.max(r>=0?r+10:-1,i)}}).filter(e=>e.score>=0).sort((e,t)=>t.score-e.score||e.index-t.index).map(e=>e.command):[...e]}var X0=[`input`],Z0=(e,t)=>t.id;function Q0(e,t){if(e&1&&(B(0,`kbd`),J(1),V()),e&2){let e=G().$implicit;A(),Y(e.shortcut)}}function $0(e,t){if(e&1){let e=H();B(0,`li`,14),W(`pointermove`,function(){let t=E(e).$index;return D(G(2).active.set(t))})(`click`,function(){let t=E(e).$implicit;return D(G(2).run(t))}),B(1,`span`,15),J(2),V(),M(3,Q0,2,1,`kbd`),B(4,`span`,16),J(5),V()()}if(e&2){let e=t.$implicit,n=t.$index,r=G(2);q(`active`,n===r.active()),j(`id`,r.uid+`-opt-`+n)(`aria-selected`,n===r.active()),A(2),Y(e.title),A(),N(e.shortcut?3:-1),A(2),Y(e.group)}}function e2(e,t){if(e&1&&(B(0,`p`,11),J(1),V()),e&2){let e=G(2);A(),X(`No commands match “`,e.query().trim(),`”.`)}}function t2(e,t){if(e&1){let e=H();B(0,`div`,1),W(`pointerdown`,function(){return E(e),D(G().close())}),V(),B(1,`div`,2),W(`keydown`,function(t){return E(e),D(G().onKey(t))}),B(2,`h2`,3),J(3,`Command palette`),V(),B(4,`div`,4),O(),B(5,`svg`,5),Vg(6,`circle`,6)(7,`path`,7),V(),gs(),B(8,`input`,8,0),W(`input`,function(t){return E(e),D(G().query.set(t.target.value))}),V()(),B(10,`ul`,9),W(`pointerdown`,function(e){return e.preventDefault()}),P(11,$0,6,7,`li`,10,Z0),V(),M(13,e2,2,1,`p`,11),B(14,`p`,12)(15,`kbd`),J(16,`↑`),V(),B(17,`kbd`),J(18,`↓`),V(),J(19,` to move, `),B(20,`kbd`),J(21,`Enter`),V(),J(22,` to run, `),B(23,`kbd`),J(24,`Esc`),V(),J(25,` to close `),V(),B(26,`p`,13),J(27),V()()}if(e&2){let e=G();A(),j(`aria-labelledby`,e.uid+`-title`),A(),j(`id`,e.uid+`-title`),A(6),qg(`value`,e.query()),j(`aria-controls`,e.uid+`-list`)(`aria-activedescendant`,e.activeId())(`aria-describedby`,e.uid+`-help`),A(2),qg(`hidden`,!e.results().length),j(`id`,e.uid+`-list`),A(),F(e.results()),A(2),N(e.results().length?-1:13),A(),j(`id`,e.uid+`-help`),A(13),Y(e.status())}}var n2=0,r2=class e{commands=$([]);open=Gv(!1);picked=Rv();uid=`cp${n2++}`;query=k(``);results=Q(()=>Y0(this.commands(),this.query()));active=Fv(()=>this.results().length?0:-1);activeId=Q(()=>this.active()>=0?`${this.uid}-opt-${this.active()}`:null);status=Q(()=>{let e=this.results().length;return e?`${e} ${e===1?`command`:`commands`}.`:`No commands match.`});input=Jv(`input`);injector=w(ws);returnFocus=null;constructor(){pc(()=>{this.open()&&Nv(()=>{let e=document.activeElement;this.returnFocus=e instanceof HTMLElement&&e!==document.body?e:null,this.query.set(``),Vd(()=>this.input()?.nativeElement.focus(),{injector:this.injector})})})}close(e){if(!this.open())return;this.open.set(!1);let t=this.returnFocus;this.returnFocus=null,Vd(()=>{t?.isConnected&&t.focus(),e?.()},{injector:this.injector})}run(e){this.close(()=>this.picked.emit(e.id))}onKey(e){let t=this.results().length;switch(e.key){case`ArrowDown`:case`ArrowUp`:{if(e.preventDefault(),!t)return;let n=e.key===`ArrowDown`?1:-1;this.active.set((this.active()+n+t)%t),this.reveal();return}case`PageDown`:case`PageUp`:if(e.preventDefault(),!t)return;this.active.set(e.key===`PageDown`?t-1:0),this.reveal();return;case`Enter`:{e.preventDefault();let t=this.results()[this.active()];t&&this.run(t);return}case`Escape`:e.preventDefault(),e.stopPropagation(),this.close();return;case`Tab`:e.preventDefault();return}}reveal(){Vd(()=>{let e=this.activeId();e&&document.getElementById(e)?.scrollIntoView?.({block:`nearest`})},{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-command-palette`]],viewQuery:function(e,t){e&1&&l_(t.input,X0,5),e&2&&u_()},inputs:{commands:[1,`commands`],open:[1,`open`]},outputs:{open:`openChange`,picked:`picked`},decls:1,vars:1,consts:[[`input`,``],[`aria-hidden`,`true`,1,`backdrop`,3,`pointerdown`],[`role`,`dialog`,`aria-modal`,`true`,1,`palette`,3,`keydown`],[1,`sr-only`],[1,`field`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`search-icon`],[`cx`,`11`,`cy`,`11`,`r`,`7`],[`d`,`m20 20-3.5-3.5`],[`type`,`text`,`role`,`combobox`,`aria-autocomplete`,`list`,`aria-expanded`,`true`,`autocomplete`,`off`,`spellcheck`,`false`,`placeholder`,`Type a command or a tab…`,`aria-label`,`Command`,3,`input`,`value`],[`role`,`listbox`,`aria-label`,`Commands`,1,`list`,3,`pointerdown`,`hidden`],[`role`,`option`,3,`active`],[1,`empty`],[1,`help`],[`role`,`status`,1,`sr-only`],[`role`,`option`,3,`pointermove`,`click`],[1,`title`],[1,`group`]],template:function(e,t){e&1&&M(0,t2,28,11),e&2&&N(t.open()?0:-1)},styles:[`.backdrop[_ngcontent-%COMP%] {
+  position: fixed;
+  inset: 0;
+  z-index: 100;
+  background: color-mix(in srgb, var(--%NS%bg) 55%, transparent);
+  backdrop-filter: blur(2px);
+}
+
+.palette[_ngcontent-%COMP%] {
+  position: fixed;
+  top: min(12vh, 96px);
+  right: 0;
+  left: 0;
+  z-index: 101;
+  display: flex;
+  flex-direction: column;
+  width: min(560px, 100vw - 32px);
+  max-height: min(70vh, 520px);
+  margin-inline: auto;
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius);
+  background: var(--%NS%surface);
+  box-shadow: 0 24px 64px -24px rgba(0, 0, 0, 0.6);
+  overflow: hidden;
+  animation: enter 0.18s var(--%NS%ease) both;
+}
+
+.field[_ngcontent-%COMP%] {
+  position: relative;
+  flex-shrink: 0;
+  padding: 10px;
+  border-bottom: 1px solid var(--%NS%border);
+}
+
+.search-icon[_ngcontent-%COMP%] {
+  position: absolute;
+  top: 50%;
+  left: 22px;
+  width: 16px;
+  height: 16px;
+  transform: translateY(-50%);
+  fill: none;
+  stroke: var(--%NS%text-3);
+  stroke-width: 2;
+  pointer-events: none;
+}
+
+input[_ngcontent-%COMP%] {
+  box-sizing: border-box;
+  width: 100%;
+  height: var(--%NS%control-h);
+  padding: 0 12px 0 36px;
+  border: 1px solid var(--%NS%border-strong);
+  border-radius: var(--%NS%radius-sm);
+  background: var(--%NS%bg);
+  color: var(--%NS%text-strong);
+  font: inherit;
+  font-size: 14px;
+}
+input[_ngcontent-%COMP%]::placeholder {
+  color: var(--%NS%text-3);
+}
+input[_ngcontent-%COMP%]:focus {
+  outline: none;
+  border-color: var(--%NS%accent);
+  box-shadow: 0 0 0 3px var(--%NS%accent-soft);
+}
+
+.list[_ngcontent-%COMP%] {
+  flex: 1;
+  min-height: 0;
+  margin: 0;
+  padding: 6px;
+  overflow-y: auto;
+  list-style: none;
+}
+.list[hidden][_ngcontent-%COMP%] {
+  display: none;
+}
+
+li[_ngcontent-%COMP%] {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-height: var(--%NS%control-h);
+  padding: 0 10px;
+  border-radius: var(--%NS%radius-sm);
+  color: var(--%NS%text);
+  cursor: pointer;
+}
+
+li.active[_ngcontent-%COMP%] {
+  background: var(--%NS%accent-soft);
+  color: var(--%NS%text-strong);
+  box-shadow: inset 2px 0 0 var(--%NS%accent);
+}
+
+.title[_ngcontent-%COMP%] {
+  flex: 1;
+  overflow: hidden;
+  min-width: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.group[_ngcontent-%COMP%] {
+  flex-shrink: 0;
+  color: var(--%NS%text-2);
+  font-size: 12px;
+}
+
+kbd[_ngcontent-%COMP%] {
+  padding: 1px 6px;
+  border: 1px solid var(--%NS%border-strong);
+  border-radius: 4px;
+  background: var(--%NS%surface-2);
+  color: var(--%NS%text);
+  font-family: var(--%NS%font-mono);
+  font-size: 11px;
+}
+
+.empty[_ngcontent-%COMP%] {
+  margin: 0;
+  padding: 16px;
+  color: var(--%NS%text-2);
+}
+
+.help[_ngcontent-%COMP%] {
+  flex-shrink: 0;
+  margin: 0;
+  padding: 8px 12px;
+  border-top: 1px solid var(--%NS%border);
+  color: var(--%NS%text-2);
+  font-size: 12px;
+}
+
+@media (max-width: 480px) {
+  .group[_ngcontent-%COMP%], 
+   .help[_ngcontent-%COMP%] {
+    display: none;
+  }
+}`]})},i2=[`nav`],a2=[`main`],o2=e=>[e],s2=(e,t)=>t.id;function c2(e,t){e&1&&(O(),L(0,`svg`,4),z(1,`path`,30),R())}function l2(e,t){e&1&&(O(),L(0,`svg`,4),z(1,`path`,31)(2,`path`,32)(3,`path`,33)(4,`path`,34)(5,`path`,35)(6,`path`,36),R())}function u2(e,t){e&1&&(O(),L(0,`svg`,5)(1,`defs`)(2,`linearGradient`,37),z(3,`stop`,38)(4,`stop`,39),R()(),z(5,`path`,40),L(6,`g`,41),z(7,`path`,42)(8,`path`,43)(9,`path`,44)(10,`path`,45),R()())}function d2(e,t){e&1&&(O(),L(0,`svg`,6),z(1,`path`,46)(2,`path`,47)(3,`path`,48)(4,`path`,49),R())}function f2(e,t){e&1&&(O(),L(0,`svg`,7),z(1,`path`,50),R())}function p2(e,t){e&1&&(O(),L(0,`svg`,8)(1,`defs`)(2,`linearGradient`,51),z(3,`stop`,52)(4,`stop`,53)(5,`stop`,54)(6,`stop`,55)(7,`stop`,56)(8,`stop`,57),R()(),z(9,`path`,58),R())}function m2(e,t){e&1&&(O(),L(0,`svg`,9),z(1,`rect`,59),L(2,`g`,60)(3,`defs`)(4,`mask`,61),z(5,`rect`,62),L(6,`g`,63),z(7,`path`,64)(8,`path`,65),R()(),L(9,`clipPath`,66),z(10,`rect`,67),R()(),L(11,`g`,68),z(12,`ellipse`,69),R(),L(13,`g`,70),z(14,`path`,71)(15,`path`,72),R(),L(16,`g`,68),z(17,`ellipse`,73)(18,`ellipse`,74),L(19,`g`,75),z(20,`line`,76)(21,`circle`,77)(22,`line`,78)(23,`circle`,79),R()()()())}function h2(e,t){if(e&1){let e=H();L(0,`button`,81),U(`click`,function(){let t=E(e).$implicit;return D(G(2).switchTab(t.id))}),z(1,`app-tab-icon`,82),L(2,`span`),J(3),R()()}if(e&2){let e=t.$implicit,n=G(2);q(`active`,n.tab()===e.id),j(`aria-current`,n.tab()===e.id?`page`:null)(`tabindex`,n.rovingTab()===e.id?0:-1),A(),I(`name`,e.id),A(2),Y(e.label)}}function g2(e,t){if(e&1&&(L(0,`div`,12),P(1,h2,4,6,`button`,80,s2),R()),e&2){let e=G();A(),F(e.tabs())}}function _2(e,t){if(e&1){let e=H();L(0,`a`,83),U(`click`,function(t){let n=E(e);return D(G().openFullPanel(t,n.tab))}),O(),L(1,`svg`,84),z(2,`rect`,85)(3,`rect`,86)(4,`rect`,87)(5,`rect`,88),R(),J(6,` Open full panel `),R()}e&2&&I(`href`,t.href,Mu)}function v2(e,t){if(e&1){let e=H();L(0,`app-settings`,89),U(`layoutChange`,function(t){return E(e),D(G().setTabLayout(t))})(`themeChange`,function(t){return E(e),D(G().setTheme(t))})(`passiveChange`,function(t){return E(e),D(G().setPassive(t))}),R()}if(e&2){let e=G();I(`tabs`,e.settingsTabs())(`layout`,e.tabLayout())(`theme`,e.themePreference())(`passive`,e.passive())(`hotkey`,e.popupHotkey())(`paletteShortcut`,e.paletteShortcut)}}function y2(e,t){if(e&1){let e=H();L(0,`div`,25)(1,`p`),J(2,` Can't reach the devtools server. Check that the dev server is running. The panel keeps trying to connect. `),R(),L(3,`button`,81),U(`click`,function(){return E(e),D(G().retryConnection())}),J(4,`Retry now`),R()()}}function b2(e,t){e&1&&z(0,`app-coming-soon`,26),e&2&&I(`info`,t)}function x2(e,t){e&1&&(L(0,`p`,27),J(1,`Looking for an Angular Native app…`),R())}function S2(e,t){e&1&&(J(0,` To turn it on, set `),L(1,`code`),J(2),R(),J(3,` in the devtools options. `)),e&2&&(A(2),Y(t))}function C2(e,t){if(e&1&&(L(0,`p`,28),J(1,` This inspector is turned off in the devtools config (`),L(2,`code`),J(3,`inspectors`),R(),J(4,`). `),M(5,S2,4,1),L(6,`a`,90),J(7,`About inspectors`),L(8,`span`,91),J(9,` (opens in a new tab)`),R()()()),e&2){let e,t=G();A(5),N((e=t.turnOnSnippet())?5:-1,e),A(),I(`href`,t.inspectorsDocsUrl,Mu)}}function w2(e,t){if(e&1){let e=H();L(0,`app-dashboard`,97),U(`navigate`,function(t){return E(e),D(G(3).switchTab(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function T2(e,t){if(e&1){let e=H();L(0,`app-component-tree`,98),U(`focusHandled`,function(){return E(e),D(G(3).componentFocus.set(null))})(`commandHandled`,function(){return E(e),D(G(3).componentCommand.set(null))})(`showForm`,function(t){return E(e),D(G(3).showForm(t))})(`showInjector`,function(t){return E(e),D(G(3).showInjector(t))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`focus`,e.componentFocus())(`command`,e.componentCommand())(`canShowInjector`,e.config().inspectors.injectors)}}function E2(e,t){if(e&1){let e=H();L(0,`app-route-inspector`,99),U(`showComponent`,function(t){return E(e),D(G(3).showComponent(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function D2(e,t){e&1&&z(0,`app-signal-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function O2(e,t){if(e&1){let e=H();L(0,`app-di-inspector`,100),U(`focusHandled`,function(){return E(e),D(G(3).injectorFocus.set(null))})(`showComponent`,function(t){return E(e),D(G(3).showComponent(t))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`focus`,e.injectorFocus())(`canShowComponent`,e.config().inspectors.components)}}function k2(e,t){e&1&&z(0,`app-store-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function A2(e,t){e&1&&z(0,`app-network-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function j2(e,t){if(e&1){let e=H();L(0,`app-forms-inspector`,101),U(`focusHandled`,function(){return E(e),D(G(3).formFocus.set(null))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`focus`,e.formFocus())}}function M2(e,t){e&1&&z(0,`app-pipes-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function N2(e,t){e&1&&z(0,`app-analog-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function P2(e,t){e&1&&z(0,`app-capacitor-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function F2(e,t){if(e&1){let e=H();L(0,`app-errors-inspector`,102),U(`showComponent`,function(t){return E(e),D(G(3).showComponent(t))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`canShowComponent`,e.config().inspectors.components)}}function I2(e,t){if(e&1&&M(0,w2,1,1,`app-dashboard`,92)(1,T2,1,4,`app-component-tree`,93)(2,E2,1,1,`app-route-inspector`,92)(3,D2,1,1,`app-signal-inspector`,92)(4,O2,1,3,`app-di-inspector`,94)(5,k2,1,1,`app-store-inspector`,92)(6,A2,1,1,`app-network-inspector`,92)(7,j2,1,2,`app-forms-inspector`,95)(8,M2,1,1,`app-pipes-inspector`,92)(9,N2,1,1,`app-analog-inspector`,92)(10,P2,1,1,`app-capacitor-inspector`,92)(11,F2,1,2,`app-errors-inspector`,96),e&2){let e;N((e=G(2).tab())===`dashboard`?0:e===`components`?1:e===`routes`?2:e===`signals`?3:e===`injectors`?4:e===`store`?5:e===`network`?6:e===`forms`?7:e===`pipes`?8:e===`analog`?9:e===`capacitor`?10:e===`errors`?11:-1)}}function L2(e,t){e&1&&P(0,I2,12,1,null,null,Ag),e&2&&F(hv(0,o2,G().scopeKey()))}var R2=`all`,z2=[R2,...VT],B2={angular:`Angular`,ngrx:`NgRx Store`,analog:`Analog`,"angular-native":`Angular Native`,nativescript:`NativeScript`,capacitor:`Capacitor`},V2={ngrx:`store`,analog:`analog`,capacitor:`capacitor`},H2={store:`ngrx`,analog:`analog`,capacitor:`capacitor`},U2={"angular-native":[`components`,`signals`,`injectors`,`store`,`pipes`]},W2={id:`nativescript`,name:`NativeScript`,badge:`Available`,heading:`Inspect NativeScript apps`,summary:`A NativeScript Angular app reports from the simulator or device to this server, and its components, signals, injectors and NgRx stores show up in the Angular dock.`,color:`#3c5afd`,plansTitle:`Set up an app`,plans:[`Install @pangular-inspector/devtools and @valor/nativescript-websockets`,`Call initNativeScriptOverlay() in main.ts, before the app bootstraps`,`Run npx pangular dev --no-auth in the app, then open the Angular dock`],link:{label:`NativeScript setup guide`,href:`https://pangular-inspector.dev/guides/nativescript/`}},G2={id:`capacitor`,name:`Capacitor`,badge:`Available`,heading:`Inspect Capacitor apps`,summary:`An Ionic or Capacitor app runs the browser overlay in its WebView and reports to this server, so it shows up in the Angular dock like a browser tab.`,color:`#119eff`,plansTitle:`Set up an app`,plans:[`With live reload on localhost, load @pangular-inspector/devtools/overlay as in a browser`,`In a bundled build, call initOverlay() from @pangular-inspector/devtools/overlay-manual with this server’s address and connectionMeta`,`Run the app, then come back here for its plugin calls, or open the Angular dock`],link:{label:`Capacitor setup guide`,href:`https://pangular-inspector.dev/guides/capacitor/`}},K2={id:`analog`,name:`Analog`,badge:`Not in this app`,heading:`This app doesn’t use Analog`,summary:`In an Analog app this dock shows your file routes, server load() and API calls, render modes and route lint.`,color:`#dd0330`,plans:[`Which page, layout and .server.ts files render a URL`,`Every load(), server function and API call with timing`,`SSR, prerendered or client only, per page`],link:{label:`Get started with Analog`,href:`https://analogjs.org/docs/getting-started`}},q2={id:`angular-native`,name:`Angular Native`,badge:`Not connected`,heading:`No Angular Native app is connected`,summary:`Start the overlay in your Angular Native app and run this server with --no-auth. The tabs fill as soon as the app reports.`,color:`#e11d48`,plans:[`The component tree, with the view outlined on the device`,`Signals and injectors of the running app`,`Live @ngrx/signals and @ngrx/store state`],link:{label:`Set up Angular Native`,href:`https://pangular-inspector.dev/guides/angular-native/`}},J2=[1e3,2e3,5e3,1e4];function Y2(){let e=new URLSearchParams(location.search).get(`view`);return VT.find(t=>t===e)??null}$b(class e{analog=k(!1);allTabs=eE.map(({id:e,label:t})=>({id:e,label:t}));view=k(Y2());viewAccent=Q(()=>I0(this.view(),this.themeService.current()));title=Q(()=>{let e=this.view();return e?B2[e]:`Pangular Inspector`});mainLabel=Q(()=>this.tab()===`settings`?`Settings`:this.availableTabs().find(e=>e.id===this.tab())?.label??this.title());analogKnown=k(!1);capacitorReporting=k(!1);capacitorKnown=k(!1);nativePageId=k(null);nativeKnown=k(!1);scopeKey=Q(()=>this.view()===`angular-native`?this.nativePageId()??``:``);comingSoon=Q(()=>{let e=this.view();if(e===`analog`)return this.analogKnown()&&!this.analog()?K2:void 0;if(e===`nativescript`)return W2;if(e===`capacitor`)return this.config().inspectors.capacitor&&this.capacitorKnown()&&!this.capacitorReporting()?G2:void 0;if(e===`angular-native`)return this.nativeKnown()&&!this.nativePageId()?q2:void 0});config=Q(()=>JE(this.rpc()));tabEnabled=$E;inspectorsDocsUrl=QE;turnOnSnippet=Q(()=>{let e=ZE(this.tab());return e?`inspectors: {${e}: true}`:null});availableTabs=Q(()=>{if(this.comingSoon())return[];let e=this.view(),t=e?V2[e]:void 0,n=this.allTabs.filter(e=>$E(e.id,this.config()));if(t)return n.filter(e=>e.id===t);let r=e?U2[e]:void 0;return r?n.filter(e=>r.includes(e.id)):n.filter(t=>(t.id!==`analog`||this.analog())&&(t.id!==`capacitor`||this.capacitorReporting())&&!(e===`angular`&&H2[t.id]))});tabLayout=k(r0());tabs=Q(()=>{let e=this.tab(),t=c0(this.availableTabs(),this.tabLayout(),e);return this.rpc()?t:t.filter(t=>t.id===`dashboard`||t.id===e)});settingsTabs=Q(()=>this.availableTabs());rovingTab=Q(()=>{let e=this.tabs(),t=this.tab();return e.some(e=>e.id===t)?t:e[0]?.id});onNavKey(e){let t=this.nav()?.nativeElement;if(!t||e.altKey||e.ctrlKey||e.metaKey)return;let n=[...t.querySelectorAll(`button`)],r=n.indexOf(document.activeElement);if(r<0)return;let i=n.length-1,a={ArrowRight:r===i?0:r+1,ArrowLeft:r===0?i:r-1,Home:0,End:i},o=Object.hasOwn(a,e.key)?a[e.key]:-1;o<0||(e.preventDefault(),n[o].focus())}fullPanelLink=Q(()=>{let e=this.view();if(!e||location.protocol===`chrome-extension:`)return null;let t=this.comingSoon()?`dashboard`:V2[e]??this.tab();return{tab:t,href:E0(location.href,t)}});tab=Fv(()=>{let e=this.view();return e&&(V2[e]??U2[e]?.[0])||`dashboard`});rpc=k(null);openedDock=k(null);connected=k(!1);connectionFailed=k(!1);hiddenPages=k([]);pageId=kE();backgroundNote=Q(()=>{let e=this.hiddenPages();return this.pageId?e.includes(this.pageId)?`Tab in background, showing the last data.`:``:e.length?e.length===1?`A tab is in the background, showing its last data.`:`${e.length} tabs are in the background, showing their last data.`:``});stopVisibility=()=>{};stopNative=()=>{};stopCapacitor=()=>{};stopFollowing=()=>{};stopHighlights=()=>{};nav=Jv(`nav`);main=Jv(`main`);injector=w(ws);themeService=w(m0);navObserver;navFade=k({start:!1,end:!1});constructor(){w(uj).use(this.rpc),Vd(()=>{let e=this.nav()?.nativeElement;e&&typeof ResizeObserver<`u`&&(this.navObserver=new ResizeObserver(()=>this.measureNav()),this.navObserver.observe(e))}),uy(()=>{this.tab(),this.tabs(),Nv(()=>{this.revealActiveTab(),this.measureNav()})}),pc(()=>{let e=this.openedDock(),t=this.rpc();e&&t&&Nv(()=>void PE(t,`hub-dock-seen`,HT(e.dock)))}),pc(()=>{let e=this.themeService.current();Nv(()=>{try{window.parent!==window&&Y1(window.parent.document,e)}catch{}})})}measureNav(){let e=this.nav()?.nativeElement;if(!e)return;let t=e.scrollWidth-e.clientWidth,n=e.scrollLeft>1,r=t>1&&e.scrollLeft<t-1,i=this.navFade();(i.start!==n||i.end!==r)&&this.navFade.set({start:n,end:r})}revealActiveTab(){let e=this.nav()?.nativeElement,t=e?.querySelector(`button.active`);if(!e||!t||e.scrollWidth<=e.clientWidth)return;let n=t.offsetLeft-24,r=t.offsetLeft+t.offsetWidth+24-e.clientWidth;e.scrollLeft>n?e.scrollLeft=Math.max(0,n):e.scrollLeft<r&&(e.scrollLeft=r)}ngOnInit(){this.stopFollowing=S0(z2,e=>{this.openedDock.set({dock:e}),e===R2?this.showFullPanel():this.showView(e)});let e=k0(location.hash,A0(this.tabScope()),[...this.availableTabs().map(e=>e.id),`settings`]);e?(this.tab.set(e),this.restoreLinkItem()):!this.view()&&k0(location.hash,A0(this.tabScope()),[`capacitor`])===`capacitor`?this.restoreCapacitor=!0:!this.view()&&k0(location.hash,A0(this.tabScope()),[`analog`])===`analog`&&(this.restoreAnalog=!0),this.stopHighlights=IE(()=>this.rpc()),this.connect()}connecting=!1;retries=0;retryTimer;connect(){if(this.connecting||this.rpc())return;this.connecting=!0,clearTimeout(this.retryTimer);let e=P0();zT(e?{baseURL:e}:{}).then(e=>{if(this.connecting=!1,this.destroyed){e.close?.();return}this.retries=0,this.connectionFailed.set(!1),this.refocusOnConnect&&this.focusCurrentTab(),this.refocusOnConnect=!1,this.rpc.set(e),this.connected.set(!0),this.listenForServer(e),this.watchVisibility(e),this.watchAngularNative(e),this.watchCapacitor(e),e.scope(`pangular`).rpc.call(`analog-project`).then(e=>{let t=!!e?.analog;this.analog.set(t),this.analogKnown.set(!0),t&&this.restoreAnalog&&$E(`analog`,this.config())&&this.tab.set(`analog`),this.restoreAnalog=!1,!t&&this.tab()===`analog`&&!this.view()&&this.tab.set(`dashboard`)},()=>{this.analogKnown.set(!0),this.restoreAnalog=!1,this.tab()===`analog`&&!this.view()&&this.tab.set(`dashboard`)}),e.events.on(`connection:status`,t=>{this.connected.set(t===`connected`),!(t!==`disconnected`&&t!==`error`||this.rpc()!==e)&&(this.rpc.set(null),e.close?.(),this.retryLater())})},()=>{this.connecting=!1,!this.destroyed&&(this.analogKnown.set(!0),this.nativeKnown.set(!0),this.retryLater())})}retryLater(){if(this.destroyed)return;this.connectionFailed.set(!0);let e=J2[Math.min(this.retries++,J2.length-1)];clearTimeout(this.retryTimer),this.retryTimer=setTimeout(()=>this.connect(),e)}retryConnection(){this.retries=0,this.refocusOnConnect=!0,this.connect()}refocusOnConnect=!1;destroyed=!1;ngOnDestroy(){this.destroyed=!0,clearTimeout(this.retryTimer),this.stopNative(),this.stopCapacitor(),this.stopFollowing(),this.stopVisibility(),this.stopHighlights(),this.navObserver?.disconnect()}showView(e){if(e===this.view())return;OE(e===`angular-native`?this.nativePageId():null),this.view.set(e);let t=new URL(location.href);t.searchParams.set(`view`,e),t.hash=``,history.replaceState(history.state,``,t)}showFullPanel(e){if(!this.view())return;OE(null),this.view.set(null);let t=new URL(location.href);t.searchParams.delete(`view`),t.hash=e?`tab=${e}`:``,history.replaceState(history.state,``,t);let n=e??A0(this.tabScope()),r=this.availableTabs().map(e=>e.id),i=k0(t.hash,n,r);i?this.setTab(i):n===`capacitor`&&(this.restoreCapacitor=!0)}openFullPanel(e,t){D0(e)&&C0()&&(e.preventDefault(),this.showFullPanel(t),this.focusCurrentTab(),w0(R2))}paletteOpen=k(!1);paletteShortcut=f0()?`⌘K`:`Ctrl+K`;themePreference=Q(()=>this.themeService.preference());passive=k(a0());popupHotkey=Q(()=>{let e=this.config().popup.hotkey;return e!==!1&&$T(e,f0())});popup=p0();tabBeforeSettings=null;componentCommand=Fv({source:this.tab,computation:()=>null});paletteCommands=Q(()=>{let e=new Set(this.availableTabs().map(e=>e.id)),t=e.has(`components`)&&!!this.rpc();return sE(this.config()).filter(n=>n.id.startsWith(`tab:`)?e.has(n.id.slice(4)):n.popupOnly?this.popup:n.id===`pick-component`||n.id.startsWith(`cd-`)?t:!0)});onGlobalKey(e){if(e.defaultPrevented)return;let t=f0(),n=this.config().popup.hotkey;if(this.popup&&n&&!e.repeat&&QT(e,n,t)){e.preventDefault(),this.postToPopup({type:`pangular:popup-close`});return}!(t?e.metaKey&&!e.ctrlKey:e.ctrlKey&&!e.metaKey)||e.altKey||e.shiftKey||e.key.toLowerCase()!==`k`||e.repeat||(e.preventDefault(),!this.paletteOpen()&&this.openPalette())}openPalette(){C0()&&T0()||this.paletteOpen.set(!0)}runCommand(e){if(e.startsWith(`tab:`)){let t=e.slice(4);this.availableTabs().some(e=>e.id===t)&&this.switchTab(t);return}if(e.startsWith(`theme:`)){let t=e.slice(6);(t===`system`||t===`light`||t===`dark`)&&this.setTheme(t);return}if(e.startsWith(`dock:`)){this.postToPopup({type:`pangular:popup-dock`,mode:e.slice(5)});return}let t={"pick-component":`pick`,"cd-record-start":`cd-start`,"cd-record-stop":`cd-stop`,"cd-clear":`cd-clear`};e===`settings`?this.tab()!==`settings`&&this.toggleSettings():t[e]&&this.availableTabs().some(e=>e.id===`components`)&&(this.tab()!==`components`&&this.switchTab(`components`),this.componentCommand.set({kind:t[e]}))}toggleSettings(){if(this.tab()===`settings`){let e=this.tabBeforeSettings,t=this.availableTabs().map(e=>e.id);this.switchTab(e&&t.includes(e)?e:t[0]??`dashboard`);return}this.tabBeforeSettings=this.tab(),this.switchTab(`settings`)}setTabLayout(e){this.tabLayout.set(e),i0(e)}setTheme(e){this.themeService.setPreference(e)}setPassive(e){this.passive.set(e),o0(e),this.postToPopup({type:`pangular:popup-passive`,passive:e})}postToPopup(e){for(let{win:t,origin:n}of v0())try{t.postMessage(e,n)}catch{}}openLink(e){let t=e.tab;if(!this.availableTabs().some(e=>e.id===t))return!1;if(this.tab()!==t&&this.switchTab(t),e.id&&Object.hasOwn(nE,t)){let n=e.page;t===`components`?this.componentFocus.set({id:e.id,pageId:n}):t===`injectors`?this.injectorFocus.set({componentId:e.id,pageId:n}):t===`forms`&&this.formFocus.set({id:e.id})}return history.replaceState(history.state,``,iE(e)),!0}listenForServer(e){let t=e.scope(`pangular`).rpc,n=()=>typeof document>`u`||document.visibilityState!==`hidden`;try{t.register({name:`panel-command`,type:`event`,jsonSerializable:!0,handler:e=>{let t=e?.command;typeof t==`string`&&n()&&this.runCommand(t)}}),t.register({name:`open-in-panel`,type:`event`,jsonSerializable:!0,handler:e=>{let t=e;n()&&typeof t?.tab==`string`&&this.openLink({tab:t.tab,...typeof t.id==`string`?{id:t.id}:{},...typeof t.page==`string`?{page:t.page}:{}})}})}catch{}}restoreLinkItem(){let e=aE(location.hash);if(!e?.id||e.tab!==this.tab())return;let t=e.tab;t===`components`?this.componentFocus.set({id:e.id,pageId:e.page}):t===`injectors`?this.injectorFocus.set({componentId:e.id,pageId:e.page}):t===`forms`&&this.formFocus.set({id:e.id})}formFocus=k(null);componentFocus=Fv({source:this.tab,computation:()=>null});showForm(e){this.formFocus.set({id:e}),this.switchTab(`forms`)}injectorFocus=Fv({source:this.tab,computation:()=>null});showInjector(e){this.config().inspectors.injectors&&(this.switchTab(`injectors`),this.injectorFocus.set(e))}showComponent(e){this.config().inspectors.components&&(this.switchTab(`components`),this.componentFocus.set(e))}inspectFromPanel({source:e,origin:t,data:n}){if(e!==window.parent||t!==location.origin)return;let r=n;r?.type===`pangular:inspect-component`&&typeof r.id==`string`&&this.tab()===`components`&&this.config().inspectors.components&&this.componentFocus.set({id:r.id})}switchTab(e){let t=H2[e];if(this.view()===`angular`&&t){this.activateDock(t,e);return}this.setTab(e),history.replaceState(history.state,``,`#tab=${e}`)}restoreAnalog=!1;restoreCapacitor=!1;setTab(e){this.restoreAnalog=!1,this.restoreCapacitor=!1,this.keepFocus(),this.tab.set(e),j0(this.tabScope(),e)}tabScope(){return this.view()??`panel`}async watchAngularNative(e){try{let t=await e.scope(`pangular`).rpc.sharedState(`component-tree`),n=e=>{let t=e?.pages,n=nO(t,this.nativePageId());this.view()===`angular-native`&&OE(n),this.nativePageId.set(n),this.nativeKnown.set(!0)};n(t.value()),this.stopNative(),this.stopNative=t.on(`updated`,n)}catch{this.nativeKnown.set(!0)}}async watchCapacitor(e){try{let t=await e.scope(`pangular`).rpc.sharedState(`capacitor`),n=e=>{if(e===void 0)return;let t=EQ(e).length>0;this.capacitorReporting.set(t),this.capacitorKnown.set(!0),t&&this.restoreCapacitor&&$E(`capacitor`,this.config())&&(this.restoreCapacitor=!1,this.tab.set(`capacitor`)),!t&&this.tab()===`capacitor`&&!this.view()&&this.tab.set(`dashboard`)};n(t.value()),this.stopCapacitor(),this.stopCapacitor=t.on(`updated`,n)}catch{this.capacitorReporting.set(!1),this.capacitorKnown.set(!0)}}async watchVisibility(e){try{let t=await e.scope(`pangular`).rpc.sharedState(`page-visibility`),n=e=>{let t=e?.hidden;this.hiddenPages.set(Array.isArray(t)?t.filter(e=>typeof e==`string`):[])};n(t.value()),this.stopVisibility(),this.stopVisibility=t.on(`updated`,n)}catch{}}keepFocus(){let e=document.activeElement,t=this.main()?.nativeElement;(!e||e===document.body||t?.contains(e))&&this.focusCurrentTab()}focusCurrentTab(){Vd(()=>{let e=document.activeElement;e&&e!==document.body||(this.nav()?.nativeElement.querySelector(`button.active`)??this.main()?.nativeElement)?.focus()},{injector:this.injector})}async activateDock(e,t){if(await w0(e))return;if(window.parent===window){this.keepFocus(),this.showView(e);return}let n=this.rpc();if(!n?.call){this.setTab(t);return}try{await n.call(`hub:docks:activate`,{dockId:HT(e)}),this.keepFocus(),this.showView(e)}catch{this.setTab(t)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-root`]],viewQuery:function(e,t){e&1&&l_(t.nav,i2,5)(t.main,a2,5),e&2&&u_(2)},hostVars:4,hostBindings:function(e,t){e&1&&U(`message`,function(e){return t.inspectFromPanel(e)},Pu)(`keydown`,function(e){return t.onGlobalKey(e)},Fu),e&2&&K(`--%NS%accent`,t.viewAccent()?.accent??null)(`--%NS%accent-text`,t.viewAccent()?.text??null)},decls:37,vars:29,consts:[[`nav`,``],[`main`,``],[1,`brand`],[1,`mark`],[`width`,`22`,`height`,`22`,`viewBox`,`0 0 256 256`,`aria-hidden`,`true`],[`width`,`22`,`height`,`22`,`viewBox`,`0 0 32 32`,`aria-hidden`,`true`],[`width`,`24`,`height`,`17`,`viewBox`,`0 0 256 182`,`aria-hidden`,`true`],[`width`,`22`,`height`,`22`,`viewBox`,`0 0 24 24`,`fill`,`currentColor`,`aria-hidden`,`true`],[`width`,`20`,`height`,`22`,`viewBox`,`0 0 223 236`,`aria-hidden`,`true`],[`width`,`30`,`height`,`30`,`viewBox`,`0 0 500 500`,`aria-hidden`,`true`],[1,`title`],[`aria-label`,`Inspectors`,3,`scroll`,`keydown`],[`role`,`toolbar`,`aria-label`,`Inspectors`,`aria-orientation`,`horizontal`,1,`tab-bar`],[1,`full-panel`,3,`href`],[1,`shell-actions`],[`type`,`button`,`aria-haspopup`,`dialog`,1,`shell-btn`,3,`click`],[`width`,`16`,`height`,`16`,`viewBox`,`0 0 24 24`,`aria-hidden`,`true`],[`d`,`M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z`],[`type`,`button`,`aria-label`,`Settings`,`title`,`Settings`,1,`shell-btn`,3,`click`],[`name`,`settings`],[`role`,`status`,1,`status`],[`aria-hidden`,`true`,1,`dot`],[`tabindex`,`-1`],[`role`,`status`,1,`background-note`],[3,`tabs`,`layout`,`theme`,`passive`,`hotkey`,`paletteShortcut`],[`role`,`alert`,1,`connection-error`],[3,`info`],[`role`,`status`,1,`turned-off`],[1,`turned-off`],[3,`openChange`,`picked`,`commands`,`open`],[`fill`,`#3c5afd`,`d`,`M237.248 18.752q18.061 18.06 18.748 45.247V192c-.457 18.12-6.707 33.207-18.748 45.247c-12.04 12.04-27.127 18.291-45.251 18.752H63.999q-27.187-.69-45.247-18.752C6.712 225.208.46 210.121 0 192.001V64q.69-27.187 18.752-45.247Q36.812.692 63.999 0h127.998c18.124.46 33.211 6.711 45.251 18.752m-17.655 103q-6.033-6.003-6.28-15.066V64q-.192-9.063-6.221-15.091c-4.02-4.023-9.054-6.093-15.095-6.22h-21.312v106.626L85.315 42.687H63.999c-6.042.128-11.072 2.198-15.091 6.221c-4.023 4.02-6.093 9.05-6.22 15.09v42.688q-.249 9.063-6.281 15.066q-6.03 5.996-15.091 6.246q9.062.255 15.09 6.25c4.024 4.002 6.115 9.024 6.281 15.066V192c.128 6.037 2.198 11.072 6.221 15.091q6.03 6.03 15.09 6.22h21.317V106.687l85.37 106.627h21.312c6.041-.128 11.076-2.202 15.095-6.221s6.093-9.054 6.22-15.09v-42.688q.249-9.063 6.281-15.066q6.03-5.995 15.091-6.25q-9.062-.25-15.09-6.246`],[`fill`,`#53b9ff`,`d`,`M39.863 54.115L.311 93.716l60.995 61.179L0 216.385l39.428 39.619l61.43-61.507l61.097 61.068l39.552-39.602z`],[`fill`,`#119eff`,`d`,`m140.517 154.896l-39.658 39.601l61.097 61.069l39.552-39.602z`],[`fill-opacity`,`.2`,`d`,`m140.517 154.896l-39.658 39.601l15.267 15.182z`],[`fill`,`#53b9ff`,`d`,`M194.57 100.985L256 39.478L216.431 0l-61.412 61.384L93.917.311L54.365 39.913L216.01 201.761l39.552-39.602z`],[`fill`,`#119eff`,`d`,`m115.36 100.987l39.659-39.602L93.917.313L54.365 39.914z`],[`fill-opacity`,`.2`,`d`,`m115.359 100.985l39.659-39.601l-15.271-15.186z`],[`id`,`an-mark-grad`,`x1`,`0`,`y1`,`0`,`x2`,`1`,`y2`,`1`],[`offset`,`0`,`stop-color`,`#f0224f`],[`offset`,`1`,`stop-color`,`#c4002d`],[`d`,`M16 0C27.2 0 32 4.8 32 16S27.2 32 16 32 0 27.2 0 16 4.8 0 16 0Z`,`fill`,`url(#an-mark-grad)`],[`transform`,`translate(6.4 6.4) scale(0.8)`,`fill`,`#fff`],[`d`,`M14.8486 0L23.138 16.8551L23.9996 3.99892L14.8486 0Z`],[`d`,`M16.9875 17.7114H7.01272L5.73926 20.627L12.0001 24L18.261 20.627L16.9875 17.7114Z`],[`d`,`M8.72168 13.9298H15.2812L11.9997 6.39575L8.72168 13.9298Z`],[`d`,`M9.15103 0L0 3.99892L0.861556 16.8551L9.15103 0Z`],[`fill`,`#c30f2e`,`d`,`M152.228.001L48.455 181.046H256L152.228 0z`],[`fill`,`#dd0330`,`d`,`M88.314 26.967L0 181.52h176.628L88.315 26.967z`],[`fill`,`#fff`,`d`,`M18.167 135.294h220.236v-2.419H18.167z`],[`fill`,`#fff`,`d`,`M204.38 170.667c-.861 0-1.67-.358-2.348-1.034c-4.045-4.063-4.221-20.586-4.026-45.33c.11-13.521.257-32.043-1.9-33.504c-2.104.873-2.315 16.172-2.451 26.301c-.162 11.785-.327 23.98-2.242 30.189c-.57 1.84-1.306 3.525-2.786 3.39c-2.086-.185-2.76-3.48-4.317-16.478c-.647-5.4-1.317-10.98-2.101-13.14a11 11 0 0 0-.269-.66c-.835 1.889-1.8 7.079-2.47 10.682c-.927 4.976-1.803 9.676-2.9 11.726c-.847 1.575-2.19 3.63-4.067 3.231c-2.558-.537-3.323-5.693-3.552-8.719c0-25.455-3.33-28.417-3.997-28.753l-.107.081l-.162-.036c-2.377 1.038-2.506 9.294-2.627 17.276c-.096 5.856-.198 12.492-1.053 18.701c-1.108 8.05-2.448 9.603-4.115 9.507c-3.838-.262-3.95-13.482-3.95-14.987c0-.472.012-1.028.027-1.642c.074-3.076.205-8.8-1.687-10.604c-.25-.239-.603-.515-.879-.437c-1.347.339-2.745 4.714-3.209 6.153c-.147.457-.265.833-.364 1.09c-.078.214-.177.515-.294.88c-1.02 3.095-2.18 6.183-4.16 6.944c-.732.284-1.498.222-2.216-.183c-.953-.541-1.73-1.646-2.455-3.482c-.397-1.016-.735-2.046-1.082-3.081c-.419-1.263-.85-2.569-1.384-3.808c-.419-.965-1.464-1.4-2.796-1.164c-2.768.494-3.232 3.29-3.622 7.5c-.07.733-.137 1.452-.228 2.128c-.011.198-.501 6.38-.814 8.344c-.865 5.39-2.002 7.512-3.89 7.358c-4.66-.398-6.798-20.836-6.684-29.47c.088-6.592-1.104-9-1.818-9.382c-.074-.034-.189-.096-.46.095c-.843.571-1.594 2.348-1.363 4.215c2.566 20.32.674 43.592-3.96 48.833c-1.46 1.649-3.448 1.627-4.832.236c-4.049-4.064-4.218-20.586-4.026-45.33c.11-13.521.254-32.043-1.9-33.504c-2.105.873-2.311 16.172-2.45 26.301c-.163 11.785-.329 23.98-2.246 30.189c-.57 1.84-1.307 3.525-2.782 3.39c-2.091-.186-2.761-3.48-4.321-16.478c-.649-5.4-1.319-10.98-2.101-13.14c-.1-.273-.189-.49-.27-.66c-.832 1.889-1.796 7.079-2.466 10.682c-.927 4.976-1.803 9.676-2.904 11.726c-.846 1.575-2.19 3.63-4.063 3.231c-2.558-.537-3.324-5.693-3.552-8.719c-.003-25.455-3.33-28.417-3.997-28.753l-.106.081l-.166-.036c-2.374 1.038-2.503 9.293-2.629 17.276c-.091 5.856-.194 12.492-1.048 18.701c-1.107 8.05-2.437 9.618-4.111 9.507c-3.846-.262-3.958-13.482-3.958-14.987c0-.472.016-1.028.03-1.642c.074-3.076.207-8.8-1.685-10.604c-.25-.239-.603-.515-.88-.438c-1.347.34-2.75 4.715-3.206 6.155a47 47 0 0 1-.364 1.09q-.16.432-.298.875c-1.02 3.096-2.18 6.187-4.155 6.95c-.736.282-1.506.22-2.22-.185c-.953-.541-1.734-1.646-2.454-3.482c-.398-1.016-.74-2.046-1.083-3.081c-.42-1.263-.854-2.569-1.387-3.808c-.416-.965-1.465-1.4-2.797-1.164c-3.188.567-3.943 4.52-4.55 9.238l-.106.839l-2.411-.32l.114-.824c.527-4.137 1.328-10.39 6.53-11.31c2.446-.435 4.585.581 5.446 2.583c.578 1.34 1.031 2.695 1.466 4.008c.324.99.654 1.98 1.037 2.959c.674 1.708 1.197 2.15 1.392 2.257c1.218-.38 2.462-4.167 2.873-5.414c.13-.402.24-.732.328-.968c.085-.233.195-.571.328-.98c1.097-3.43 2.474-7.144 4.918-7.762c.747-.191 1.903-.166 3.157 1.035c2.665 2.544 2.525 8.48 2.433 12.41c-.014.59-.028 1.126-.028 1.583c0 6.272.93 10.655 1.64 12.16c.367-.77.998-2.63 1.598-7.007c.831-6.066.938-12.624 1.027-18.41c.161-10.24.275-17.663 3.982-19.408c.552-.339 1.469-.522 2.436-.033c3.586 1.803 5.326 11.885 5.326 30.817c.225 2.926 1.013 6.006 1.66 6.448c.004-.066.53-.39 1.394-2.01c.925-1.718 1.845-6.665 2.655-11.026c1.792-9.614 2.606-12.989 4.726-13.166c1.615-.158 2.362 1.896 2.676 2.76c.883 2.422 1.537 7.888 2.23 13.678c.54 4.49 1.31 10.902 2.094 13.497c.084-.228.18-.5.283-.836c1.815-5.878 1.98-17.887 2.14-29.507c.22-16.14.503-26.139 3.448-28.226a2.44 2.44 0 0 1 2.233-.316c3.448 1.144 3.714 11.254 3.519 35.8c-.14 17.799-.313 39.952 3.323 43.603c.317.32.542.32.622.32c.17 0 .413-.161.67-.452c3.681-4.162 6.01-26.022 3.372-46.927c-.328-2.602.677-5.337 2.392-6.514c.946-.652 2.036-.736 2.978-.232c2.145 1.14 3.187 5.024 3.102 11.546c-.15 11.387 2.584 24.714 4.37 26.842c.282-.471.842-1.763 1.379-5.145c.301-1.87.799-8.153.806-8.216c.09-.71.155-1.398.217-2.097c.369-3.924.82-8.804 5.613-9.654c2.444-.435 4.583.577 5.448 2.583c.577 1.34 1.027 2.695 1.46 4.008c.332.99.664 1.98 1.046 2.959c.67 1.708 1.197 2.15 1.387 2.257c1.218-.38 2.467-4.167 2.875-5.41c.132-.402.243-.737.328-.973c.088-.228.195-.57.324-.979c1.1-3.43 2.477-7.144 4.924-7.762c.74-.191 1.9-.166 3.154 1.035c2.665 2.543 2.526 8.48 2.437 12.41q-.029.792-.033 1.583c0 6.272.931 10.655 1.641 12.16c.365-.77.994-2.63 1.601-7.007c.832-6.066.931-12.624 1.027-18.41c.159-10.24.273-17.663 3.98-19.408c.55-.339 1.467-.522 2.44-.033c3.58 1.803 5.325 11.884 5.325 30.817c.224 2.926 1.012 6.006 1.656 6.448c.008-.066.526-.39 1.399-2.01c.923-1.718 1.84-6.665 2.653-11.026c1.786-9.614 2.602-12.989 4.722-13.166c1.62-.158 2.367 1.896 2.68 2.76c.88 2.422 1.535 7.888 2.233 13.678c.534 4.49 1.304 10.902 2.092 13.497c.08-.228.176-.5.28-.836c1.813-5.878 1.976-17.887 2.138-29.507c.216-16.14.504-26.139 3.448-28.226a2.45 2.45 0 0 1 2.234-.316c3.452 1.144 3.718 11.254 3.52 35.8c-.141 17.799-.314 39.952 3.319 43.603c.324.32.544.32.63.32c.165 0 .408-.161.662-.452c3.687-4.162 6.014-26.022 3.375-46.927c-.342-2.723.43-5.47 1.84-6.526c.71-.537 1.575-.647 2.37-.313c2.054.877 3.445 4.63 4.255 11.484c.339 2.87.641 5.974.931 9.036c.641 6.683 1.509 15.69 2.684 17.67c.36-.46 1.096-1.704 2.19-5.038l2.307.753c-1.696 5.157-3.026 7.1-4.755 6.902c-2.69-.299-3.468-5.734-4.84-20.055c-.29-3.048-.59-6.132-.928-8.989c-1.03-8.74-2.782-9.532-2.801-9.54c-.342.174-1.137 1.992-.842 4.31c2.558 20.32.673 43.597-3.964 48.834c-.747.842-1.587 1.27-2.485 1.27`],[`d`,`M12.024.017V0L12 .008L11.976 0v.017L.812 3.892l1.605 14.875l9.559 5.207V24l.024-.013l.024.013v-.026l9.559-5.207l1.605-14.875zm6.868 14.244q-1.64 3.948-6.031 4.166c-2.829 0-4.661-1.7-4.66-1.7q-1.745-1.359-2.398-3.417c-.695-.76-.702-.841-.774-1.145c-.072-.303.045-.388.249-.685q.204-.298.098-.85q-.26-.36-.3-1.128q0-.37.496-.783q.495-.413.607-.632q.083-.119.065-1.031q-.006-.897.995-.975c1-.08 1.565-.832 1.879-1.174c.21-.228.52-.339.91-.341c.551-.026 1.052.185 1.484.62c1.075-.055 2.176.235 3.292.863q2.379 1.414 2.596 3.055q-.257 2.158-5.788-.113q-2.895.819-2.846 3.552q0 2.508 2.422 3.643c-.787-.772-1.122-1.422-1.01-1.959q2.456 2.906 5.588 2.173c-.92.032-1.65-.264-2.198-.893q2.116-.05 3.998-1.972c-.724.576-1.482.794-2.284.657q3.26-2.563 2.307-5.98l-.002-.006a3.02 3.02 0 0 1 .788 2.03q.023 1.175-.795 2.477q.613-.478 1.413-2.047c.23 2.117-.625 3.724-2.574 4.825q.934-.085 2.473-1.23m-5.567-6.63a.319.319 0 1 1 .638 0a.319.319 0 0 1-.638 0`],[`id`,`ng-grad`,`x1`,`49`,`x2`,`226`,`y1`,`214`,`y2`,`130`,`gradientUnits`,`userSpaceOnUse`],[`stop-color`,`#E40035`],[`offset`,`.24`,`stop-color`,`#F60A48`],[`offset`,`.352`,`stop-color`,`#F20755`],[`offset`,`.494`,`stop-color`,`#DC087D`],[`offset`,`.745`,`stop-color`,`#9717E7`],[`offset`,`1`,`stop-color`,`#6C00F5`],[`fill`,`url(#ng-grad)`,`d`,`m222.077 39.192-8.019 125.923L137.387 0l84.69 39.192Zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301l11.783 28.556ZM111.039 62.675l30.357 73.803H80.681l30.358-73.803ZM7.937 165.115 0 39.192 84.69 0 7.937 165.115Z`],[`width`,`500`,`height`,`500`,`rx`,`112`,`fill`,`#1c1a17`],[`transform`,`translate(250 252) scale(1.38) translate(-120 -129)`],[`id`,`pi-mark-mask`],[`x`,`-60`,`y`,`-60`,`width`,`360`,`height`,`380`,`fill`,`#fff`],[`fill`,`none`,`stroke`,`#000`,`stroke-width`,`30`,`stroke-linejoin`,`miter`],[`d`,`M88 66 V196`],[`d`,`M88 66 H143 L170 98 L143 130 H88 Z`],[`id`,`pi-mark-clip`],[`x`,`-40`,`y`,`129`,`width`,`320`,`height`,`200`],[`transform`,`rotate(-10 120 129)`],[`cx`,`120`,`cy`,`129`,`rx`,`128`,`ry`,`34`,`fill`,`none`,`stroke`,`#78350f`,`stroke-width`,`10`],[`mask`,`url(#pi-mark-mask)`],[`fill`,`#fbbf24`,`d`,`M120 5 L2 46 L22 198 L120 253 Z`],[`fill`,`#f59e0b`,`d`,`M120 5 L238 46 L218 198 L120 253 Z`],[`clip-path`,`url(#pi-mark-clip)`,`cx`,`120`,`cy`,`129`,`rx`,`128`,`ry`,`34`,`fill`,`none`,`stroke`,`#1c1a17`,`stroke-width`,`22`],[`clip-path`,`url(#pi-mark-clip)`,`cx`,`120`,`cy`,`129`,`rx`,`128`,`ry`,`34`,`fill`,`none`,`stroke`,`#fde68a`,`stroke-width`,`10`],[`transform`,`translate(230.9 146.0) rotate(10) scale(1.5) translate(-4 -4)`],[`x1`,`9`,`y1`,`9`,`x2`,`21`,`y2`,`21`,`stroke`,`#1c1a17`,`stroke-width`,`14`,`stroke-linecap`,`round`],[`r`,`16`,`fill`,`#1c1a17`],[`x1`,`9`,`y1`,`9`,`x2`,`21`,`y2`,`21`,`stroke`,`#fde68a`,`stroke-width`,`7`,`stroke-linecap`,`round`],[`r`,`12`,`fill`,`#1c1a17`,`stroke`,`#fde68a`,`stroke-width`,`5`],[`type`,`button`,3,`active`],[`type`,`button`,3,`click`],[3,`name`],[1,`full-panel`,3,`click`,`href`],[`width`,`14`,`height`,`14`,`viewBox`,`0 0 24 24`,`aria-hidden`,`true`],[`x`,`3`,`y`,`3`,`width`,`7`,`height`,`7`,`rx`,`1.5`],[`x`,`14`,`y`,`3`,`width`,`7`,`height`,`7`,`rx`,`1.5`],[`x`,`3`,`y`,`14`,`width`,`7`,`height`,`7`,`rx`,`1.5`],[`x`,`14`,`y`,`14`,`width`,`7`,`height`,`7`,`rx`,`1.5`],[3,`layoutChange`,`themeChange`,`passiveChange`,`tabs`,`layout`,`theme`,`passive`,`hotkey`,`paletteShortcut`],[`target`,`_blank`,`rel`,`noopener noreferrer`,3,`href`],[1,`sr-only`],[3,`rpc`],[3,`rpc`,`focus`,`command`,`canShowInjector`],[3,`rpc`,`focus`,`canShowComponent`],[3,`rpc`,`focus`],[3,`rpc`,`canShowComponent`],[3,`navigate`,`rpc`],[3,`focusHandled`,`commandHandled`,`showForm`,`showInjector`,`rpc`,`focus`,`command`,`canShowInjector`],[3,`showComponent`,`rpc`],[3,`focusHandled`,`showComponent`,`rpc`,`focus`,`canShowComponent`],[3,`focusHandled`,`rpc`,`focus`],[3,`showComponent`,`rpc`,`canShowComponent`]],template:function(e,t){if(e&1){let e=H();L(0,`header`)(1,`h1`,2)(2,`span`,3),M(3,c2,2,0,`:svg:svg`,4)(4,l2,7,0,`:svg:svg`,4)(5,u2,11,0,`:svg:svg`,5)(6,d2,5,0,`:svg:svg`,6)(7,f2,2,0,`:svg:svg`,7)(8,p2,10,0,`:svg:svg`,8)(9,m2,24,0,`:svg:svg`,9),R(),L(10,`span`,10),J(11),R()(),L(12,`nav`,11,0),U(`scroll`,function(){return t.measureNav()})(`keydown`,function(e){return t.onNavKey(e)}),M(14,g2,3,0,`div`,12),R(),M(15,_2,7,1,`a`,13),L(16,`span`,14)(17,`button`,15),U(`click`,function(){return t.openPalette()}),O(),L(18,`svg`,16),z(19,`path`,17),R()(),gs(),L(20,`button`,18),U(`click`,function(){return t.toggleSettings()}),z(21,`app-tab-icon`,19),R()(),L(22,`span`,20)(23,`span`,21),z(24,`span`),R(),J(25),R()(),L(26,`main`,22,1)(28,`p`,23),J(29),R(),M(30,v2,1,6,`app-settings`,24)(31,y2,5,0,`div`,25)(32,b2,1,1,`app-coming-soon`,26)(33,x2,2,0,`p`,27)(34,C2,10,2,`p`,28)(35,L2,2,2),R(),L(36,`app-command-palette`,29),cv(`openChange`,function(n){return E(e),sv(t.paletteOpen,n)||(t.paletteOpen=n),D(n)}),U(`picked`,function(e){return t.runCommand(e)}),R()}if(e&2){let e,n;A(2),q(`ng-mark`,t.view()===`angular`)(`pi-mark`,!t.view()),A(),N(t.view()===`nativescript`?3:t.view()===`capacitor`?4:t.view()===`angular-native`?5:t.view()===`analog`?6:t.view()===`ngrx`?7:t.view()===`angular`?8:9),A(7),q(`ng-text`,t.view()===`angular`),A(),Y(t.title()),A(),q(`fade-start`,t.navFade().start)(`fade-end`,t.navFade().end),A(2),N(t.availableTabs().length>1?14:-1),A(),N((e=t.fullPanelLink())?15:-1,e),A(2),j(`aria-label`,`Command palette (`+t.paletteShortcut+`)`)(`title`,`Command palette (`+t.paletteShortcut+`)`),A(3),q(`active`,t.tab()===`settings`),j(`aria-pressed`,t.tab()===`settings`),A(2),q(`connected`,t.connected())(`failed`,t.connectionFailed()),A(3),X(` `,t.connected()?`Live`:t.connectionFailed()?`Disconnected`:`Connecting…`,` `),A(),j(`aria-label`,t.mainLabel()),A(3),Y(t.backgroundNote()),A(),N(t.tab()===`settings`?30:t.connectionFailed()?31:(n=t.comingSoon())?32:t.view()===`angular-native`&&!t.nativePageId()?33:t.tabEnabled(t.tab(),t.config())?35:34,n),A(6),I(`commands`,t.paletteCommands()),ov(`open`,t.paletteOpen)}},dependencies:[qD,TP,iR,fB,JV,lW,DK,Jq,mX,fQ,r1,K1,yQ,pD,q0,r2],styles:[`[_nghost-%COMP%] {
   --%NS%accent-soft: color-mix(in srgb, var(--%NS%accent) 12%, transparent);
   --%NS%accent-line: color-mix(in srgb, var(--%NS%accent) 45%, transparent);
   display: flex;
@@ -16149,7 +16883,52 @@ nav[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:focus-visible {
   outline-offset: 2px;
 }
 
-.full-panel[_ngcontent-%COMP%]    + .status[_ngcontent-%COMP%] {
+.shell-actions[_ngcontent-%COMP%] {
+  display: inline-flex;
+  flex-shrink: 0;
+  gap: 4px;
+  margin-left: auto;
+}
+
+.full-panel[_ngcontent-%COMP%]    + .shell-actions[_ngcontent-%COMP%] {
+  margin-left: 0;
+}
+
+.shell-btn[_ngcontent-%COMP%] {
+  display: grid;
+  place-items: center;
+  width: 30px;
+  height: 30px;
+  padding: 0;
+  border: 1px solid var(--%NS%border);
+  border-radius: 8px;
+  background: var(--%NS%surface);
+  color: var(--%NS%text-2);
+  cursor: pointer;
+  transition: background-color 0.16s var(--%NS%ease), color 0.16s var(--%NS%ease);
+}
+.shell-btn[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.8;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.shell-btn[_ngcontent-%COMP%]:hover {
+  background: var(--%NS%surface-2);
+  color: var(--%NS%text-strong);
+}
+.shell-btn.active[_ngcontent-%COMP%] {
+  border-color: var(--%NS%accent-line);
+  background: var(--%NS%accent-soft);
+  color: var(--%NS%text-strong);
+}
+.shell-btn[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+
+.shell-actions[_ngcontent-%COMP%]    + .status[_ngcontent-%COMP%] {
   margin-left: 0;
 }
 
diff --git a/extension/ui/index.html b/extension/ui/index.html
index 81471191..3a4834ca 100644
--- a/extension/ui/index.html
+++ b/extension/ui/index.html
@@ -9,7 +9,7 @@
     <script src="./theme-init.js"></script>
     <title>Pangular Inspector</title>
     <link rel="icon" href="./favicon.svg" type="image/svg+xml" />
-    <script type="module" crossorigin src="./assets/index-BwYb2ll8.js"></script>
+    <script type="module" crossorigin src="./assets/index-qtNa3SVJ.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-BJvGA0C8.css">
   </head>
   <body>
diff --git a/packages/devtools/src/__tests__/console-tap.test.ts b/packages/devtools/src/__tests__/console-tap.test.ts
new file mode 100644
index 00000000..fe12f3dc
--- /dev/null
+++ b/packages/devtools/src/__tests__/console-tap.test.ts
@@ -0,0 +1,116 @@
+// @vitest-environment jsdom
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { consoleTapInfo, tapConsole, type ConsoleLevel } from '../console-tap.ts';
+import { attachAnalog } from '../analog-runtime.ts';
+import { attachForms } from '../forms-collector.ts';
+
+const originals = { log: console.log, warn: console.warn, error: console.error };
+
+afterEach(() => {
+  console.log = originals.log;
+  console.warn = originals.warn;
+  console.error = originals.error;
+  vi.useRealTimers();
+});
+
+describe('tapConsole', () => {
+  it('patches each level once and fans calls out to every listener', () => {
+    const printed: unknown[][] = [];
+    const base = (...args: unknown[]) => void printed.push(args);
+    console.warn = base;
+    const first: unknown[][] = [];
+    const second: [ConsoleLevel, unknown[]][] = [];
+    const stopFirst = tapConsole(['warn'], (_level, args) => void first.push([...args]));
+    const patched = console.warn;
+    const stopSecond = tapConsole(
+      ['warn', 'error'],
+      (level, args) => void second.push([level, [...args]]),
+    );
+    // The second listener reuses the patch on warn.
+    expect(console.warn).toBe(patched);
+    expect(consoleTapInfo().patched).toEqual(['warn', 'error']);
+
+    console.warn('NG0500: hydration', 1);
+    expect(printed).toEqual([['NG0500: hydration', 1]]);
+    expect(first).toEqual([['NG0500: hydration', 1]]);
+    expect(second).toEqual([['warn', ['NG0500: hydration', 1]]]);
+
+    stopFirst();
+    expect(console.warn).toBe(patched);
+    stopSecond();
+    expect(console.warn).toBe(base);
+    expect(console.error).toBe(originals.error);
+    expect(consoleTapInfo()).toEqual({ listeners: 0, patched: [] });
+  });
+
+  it("keeps the console's this, arguments and return value", () => {
+    let seenThis: unknown;
+    console.log = function (this: unknown, ...args: unknown[]) {
+      seenThis = this;
+      return args.length;
+    } as typeof console.log;
+    const stop = tapConsole(['log'], () => {});
+    const result = (console.log as unknown as (...args: unknown[]) => unknown)('a', 'b');
+    expect(result).toBe(2);
+    expect(seenThis).toBe(console);
+    stop();
+  });
+
+  it('never lets a listener break logging or hear itself', () => {
+    const printed: unknown[] = [];
+    console.error = (...args: unknown[]) => void printed.push(args[0]);
+    let heard = 0;
+    const stopThrowing = tapConsole(['error'], () => {
+      throw new Error('listener failed');
+    });
+    const stopLogging = tapConsole(['error'], () => {
+      heard++;
+      console.error('from the listener');
+    });
+    expect(() => console.error('app error')).not.toThrow();
+    expect(heard).toBe(1);
+    expect(printed).toEqual(['from the listener', 'app error']);
+    stopThrowing();
+    stopLogging();
+  });
+
+  it('wraps a method replaced after it patched, without hearing a call twice', () => {
+    const heard: unknown[] = [];
+    const stop = tapConsole(['warn'], (_level, args) => void heard.push(args[0]));
+    const ours = console.warn;
+    // Another tool wraps the patched method.
+    console.warn = (...args: unknown[]) => ours(...args);
+    const again = tapConsole(['warn'], () => {});
+    console.warn('once');
+    expect(heard).toEqual(['once']);
+    again();
+    stop();
+  });
+
+  it('leaves a method someone wrapped on top of it in place when it stops', () => {
+    const stop = tapConsole(['log'], () => {});
+    const theirs = (...args: unknown[]) => args;
+    console.log = theirs;
+    stop();
+    expect(console.log).toBe(theirs);
+  });
+
+  it('serves the forms and Analog collectors from one patch and restores the console after both', () => {
+    vi.useFakeTimers();
+    const base = console.error;
+    const my = { rpc: { call: async () => undefined, register: () => {} } };
+    const forms = attachForms(my as never, 'p1', () => undefined, {
+      show: () => {},
+      clear: () => {},
+    });
+    const afterForms = console.error;
+    const stopAnalog = attachAnalog(my as never, 'p1', () => undefined, 1000);
+    expect(console.error).toBe(afterForms);
+    expect(consoleTapInfo().listeners).toBe(2);
+    forms.stop();
+    expect(console.error).toBe(afterForms);
+    stopAnalog();
+    expect(console.error).toBe(base);
+    expect(consoleTapInfo().listeners).toBe(0);
+  });
+});
diff --git a/packages/devtools/src/__tests__/docs-tool-count.test.ts b/packages/devtools/src/__tests__/docs-tool-count.test.ts
index 4adaf598..12b6a452 100644
--- a/packages/devtools/src/__tests__/docs-tool-count.test.ts
+++ b/packages/devtools/src/__tests__/docs-tool-count.test.ts
@@ -28,6 +28,7 @@ const WORDS = [
   'Sixty-eight',
   'Sixty-nine',
   'Seventy',
+  'Seventy-one',
 ];
 
 it('states on the tools page how many tools the server registers', async () => {
diff --git a/packages/devtools/src/__tests__/errors-collector.test.ts b/packages/devtools/src/__tests__/errors-collector.test.ts
new file mode 100644
index 00000000..4245760d
--- /dev/null
+++ b/packages/devtools/src/__tests__/errors-collector.test.ts
@@ -0,0 +1,382 @@
+// @vitest-environment jsdom
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { elementById, elementId } from '../element-id.ts';
+import {
+  MAX_CONSOLE_ENTRIES,
+  MAX_ERROR_GROUPS,
+  MAX_MESSAGE,
+  MAX_STACK,
+  attachErrors,
+  consoleText,
+  ownerCandidates,
+  type ErrorsDebugNg,
+} from '../errors-collector.ts';
+import { ngCodeOf, normalizeNgCode, ngCodeUrl } from '../ng-error-codes.ts';
+import { consoleTapInfo } from '../console-tap.ts';
+import type { ErrorsReport } from '../rpc/errors-tools.ts';
+
+const JWT = ['eyJhbGciOiJIUzI1NiJ9', 'eyJzdWIiOiIxMjM0NSJ9', 'c2lnbmF0dXJlc2ln'].join('.');
+
+/** Angular's ErrorHandler token, as `ɵgetInjectorProviders` lists it. */
+class ErrorHandler {
+  handleError(error: unknown) {
+    console.error('ERROR', error);
+  }
+}
+
+class TripList {}
+class TripCard {}
+
+interface Harness {
+  reports: ErrorsReport[];
+  calls: { name: string; args: unknown[] }[];
+  collector: ReturnType<typeof attachErrors>;
+  handler: ErrorHandler;
+  answer: { known: boolean };
+}
+
+const stops: (() => void)[] = [];
+const originalError = console.error;
+const originalLog = console.log;
+
+afterEach(() => {
+  for (const stop of stops.splice(0)) stop();
+  console.error = originalError;
+  console.log = originalLog;
+  document.body.innerHTML = '';
+  delete (globalThis as { ng?: unknown }).ng;
+  vi.useRealTimers();
+});
+
+function fakeNg(handler: ErrorHandler, extra: Partial<ErrorsDebugNg> = {}): ErrorsDebugNg {
+  const injector = { get: (token: unknown) => (token === ErrorHandler ? handler : null) };
+  return {
+    getInjector: () => injector,
+    ɵgetInjectorResolutionPath: () => [injector],
+    ɵgetInjectorProviders: () => [{ token: ErrorHandler }],
+    ...extra,
+  } as ErrorsDebugNg;
+}
+
+function harness(ng?: ErrorsDebugNg | null, now?: () => number): Harness {
+  document.body.innerHTML ||= '<app-root ng-version="22"></app-root>';
+  const handler = new ErrorHandler();
+  const reports: ErrorsReport[] = [];
+  const calls: { name: string; args: unknown[] }[] = [];
+  const answer = { known: true };
+  const my = {
+    rpc: {
+      call: async (name: string, ...args: unknown[]) => {
+        calls.push({ name, args });
+        if (name === 'push-errors') reports.push(structuredClone(args[0]) as ErrorsReport);
+        return { ...answer };
+      },
+    },
+  };
+  const theNg = ng === null ? undefined : (ng ?? fakeNg(handler));
+  const collector = attachErrors(my, 'page-1', () => theNg, { now });
+  stops.push(collector.stop);
+  return { reports, calls, collector, handler, answer };
+}
+
+const quiet = () => (console.error = () => {});
+
+describe('NG codes', () => {
+  it('reads the code of a RuntimeError and of a message, and links documented codes only', () => {
+    expect(ngCodeOf({ code: -100, message: 'whatever' })).toBe('NG0100');
+    expect(ngCodeOf({ code: 1203 })).toBe('NG01203');
+    expect(ngCodeOf(new Error('x'), 'NG0303: Can\'t bind to "foo"')).toBe('NG0303');
+    expect(ngCodeOf(null, 'NG8001: not a known element')).toBe('NG8001');
+    expect(ngCodeOf(null, 'XNG0100 inside a token')).toBeUndefined();
+    expect(ngCodeOf(null, 'NG0100123 too many digits')).toBeUndefined();
+    expect(ngCodeOf(null, 'no code')).toBeUndefined();
+    expect(ngCodeUrl('NG0100')).toBe('https://angular.dev/errors/NG0100');
+    expect(ngCodeUrl('NG0303')).toBeUndefined();
+    expect(normalizeNgCode('ng100')).toBe('NG0100');
+    expect(normalizeNgCode('NG01203')).toBe('NG01203');
+    expect(normalizeNgCode('hello')).toBeUndefined();
+  });
+});
+
+describe('ownerCandidates', () => {
+  it('reads component names from Angular messages and stack frames', () => {
+    expect(
+      ownerCandidates("NG0303: Can't bind to 'x' (used in the 'TripCard' component template).", ''),
+    ).toEqual(['TripCard']);
+    expect(ownerCandidates('NG0100: Expression location: _TripList component', '')).toEqual([
+      'TripList',
+    ]);
+    const stack = [
+      'Error: boom',
+      '    at _TripCard.book (http://localhost/main.js:10:5)',
+      '    at TripList_Conditional_2_Template_button_click_0_listener (http://localhost/main.js:20:3)',
+      '    at Object.next (http://localhost/rxjs.js:1:1)',
+      'handle@http://localhost/main.js:3:1',
+    ].join('\n');
+    const names = ownerCandidates('Error: boom', stack);
+    expect(names.slice(0, 2)).toEqual([
+      'TripCard',
+      'TripList_Conditional_2_Template_button_click_0',
+    ]);
+    expect(names).toContain('TripList');
+    expect(names).not.toContain('Object');
+  });
+});
+
+describe('consoleText', () => {
+  it('drops %c styles and masks tokens', () => {
+    expect(consoleText(['%cHello%c world', 'color: red', 'color: blue', 42])).toBe(
+      'Hello world 42',
+    );
+    expect(consoleText(['token', `Bearer ${JWT}`])).not.toContain('eyJ');
+    expect(consoleText([{ password: 'hunter2', user: 'ada' }])).not.toContain('hunter2');
+    expect(consoleText([new TypeError('bad')])).toBe('TypeError: bad');
+  });
+});
+
+describe('attachErrors', () => {
+  it('wraps the ErrorHandler, keeps the original running and puts it back on stop', async () => {
+    const logged: unknown[][] = [];
+    console.error = (...args: unknown[]) => void logged.push(args);
+    const h = harness();
+    expect(Object.hasOwn(h.handler, 'handleError')).toBe(true);
+    const error = new Error('Payment failed');
+    h.handler.handleError(error);
+    expect(logged).toEqual([['ERROR', error]]);
+    await h.collector.push();
+    const report = h.reports.at(-1)!;
+    expect(report).toMatchObject({ pageId: 'page-1', full: true, handler: 'wrapped' });
+    expect(report.errors).toHaveLength(1);
+    expect(report.errors[0]).toMatchObject({
+      message: 'Error: Payment failed',
+      name: 'Error',
+      count: 1,
+      sources: ['handler'],
+    });
+    expect(report.errors[0]!.stack).toContain('Payment failed');
+    h.collector.stop();
+    expect(Object.hasOwn(h.handler, 'handleError')).toBe(false);
+    expect(h.handler.handleError).toBe(ErrorHandler.prototype.handleError);
+  });
+
+  it('counts the default handler logging ERROR when no handler can be wrapped', async () => {
+    quiet();
+    const h = harness(null);
+    console.error('ERROR', new Error('Bootstrap failed'));
+    await h.collector.push();
+    expect(h.reports.at(-1)).toMatchObject({ handler: 'none' });
+    expect(h.reports.at(-1)!.errors[0]).toMatchObject({
+      message: 'Error: Bootstrap failed',
+      sources: ['handler'],
+    });
+  });
+
+  it('captures window errors and unhandled rejections', async () => {
+    quiet();
+    const h = harness();
+    window.dispatchEvent(
+      new ErrorEvent('error', { error: new RangeError('Index out of range'), message: 'x' }),
+    );
+    window.dispatchEvent(new ErrorEvent('error', { message: 'Script error.' }));
+    const rejection = new Event('unhandledrejection') as Event & { reason?: unknown };
+    rejection.reason = 'quota exceeded';
+    window.dispatchEvent(rejection);
+    await h.collector.push();
+    const errors = h.reports.at(-1)!.errors;
+    expect(errors.map((e) => [e.message, e.sources])).toEqual([
+      ['RangeError: Index out of range', ['window']],
+      ['Script error.', ['window']],
+      ['quota exceeded', ['promise']],
+    ]);
+  });
+
+  it('counts one occurrence once when Angular forwards a window error to its handler', async () => {
+    quiet();
+    const h = harness();
+    const error = new Error('Seen twice');
+    window.dispatchEvent(new ErrorEvent('error', { error }));
+    h.handler.handleError(error);
+    await h.collector.push();
+    expect(h.reports.at(-1)!.errors).toEqual([
+      expect.objectContaining({ message: 'Error: Seen twice', count: 1, sources: ['window'] }),
+    ]);
+  });
+
+  it('groups repeated errors by message with a count and the last time', async () => {
+    quiet();
+    let clock = 1000;
+    const h = harness(undefined, () => clock);
+    for (let i = 0; i < 3; i++) {
+      clock += 5000;
+      h.handler.handleError(new Error('Trip not found'));
+    }
+    await h.collector.push();
+    expect(h.reports.at(-1)!.errors).toEqual([
+      expect.objectContaining({ count: 3, firstAt: 6000, lastAt: 16000 }),
+    ]);
+  });
+
+  it('parses NG codes and links the reference page', async () => {
+    quiet();
+    const h = harness();
+    const runtime = Object.assign(
+      new Error('NG0100: ExpressionChangedAfterItHasBeenCheckedError'),
+      {
+        code: -100,
+      },
+    );
+    h.handler.handleError(runtime);
+    h.handler.handleError(
+      new Error("NG0303: Can't bind to 'tripId' since it isn't a known property"),
+    );
+    await h.collector.push();
+    const [first, second] = h.reports.at(-1)!.errors;
+    expect(first).toMatchObject({ code: 'NG0100', docUrl: 'https://angular.dev/errors/NG0100' });
+    expect(second).toMatchObject({ code: 'NG0303' });
+    expect(second!.docUrl).toBeUndefined();
+  });
+
+  it('masks tokens in messages and stacks and caps their length', async () => {
+    quiet();
+    const h = harness();
+    const error = new Error(`Auth failed for Bearer ${JWT} ${'x'.repeat(2000)}`);
+    error.stack = `Error: token=${JWT}\n${'    at frame (main.js:1:1)\n'.repeat(500)}`;
+    h.handler.handleError(error);
+    await h.collector.push();
+    const [group] = h.reports.at(-1)!.errors;
+    expect(group!.message).not.toContain('eyJ');
+    expect(group!.message.length).toBeLessThanOrEqual(MAX_MESSAGE + 1);
+    expect(group!.stack).not.toContain('eyJ');
+    expect(group!.stack!.length).toBeLessThanOrEqual(MAX_STACK + 1);
+  });
+
+  it(`keeps at most ${MAX_ERROR_GROUPS} groups and counts the ones it dropped`, async () => {
+    quiet();
+    let clock = 0;
+    const h = harness(undefined, () => ++clock);
+    for (let i = 0; i < MAX_ERROR_GROUPS + 5; i++) h.handler.handleError(new Error(`Error ${i}`));
+    await h.collector.push();
+    const report = h.reports.at(-1)!;
+    expect(report.errors).toHaveLength(MAX_ERROR_GROUPS);
+    expect(report.errors[0]!.message).toBe('Error: Error 5');
+    expect(report.dropped.errors).toBe(5);
+  });
+
+  it('links the component whose template listener threw, by its host element id', async () => {
+    quiet();
+    document.body.innerHTML =
+      '<app-root ng-version="22"><app-trip-card><button>Book</button></app-trip-card></app-root>';
+    const card = document.querySelector('app-trip-card')!;
+    const button = document.querySelector('button')!;
+    const instance = new TripCard();
+    const handler = new ErrorHandler();
+    const ng = fakeNg(handler, {
+      getOwningComponent: (el) => (el === button ? instance : null),
+      getHostElement: (component) => (component === instance ? card : null),
+    });
+    const h = harness(ng);
+    button.addEventListener('click', () => handler.handleError(new Error('No seats')));
+    button.click();
+    await h.collector.push();
+    const [group] = h.reports.at(-1)!.errors;
+    expect(group!.owner).toEqual({ id: elementId(card), name: 'TripCard' });
+    expect(elementById(group!.owner!.id)).toBe(card);
+    expect(card.getAttributeNames()).toEqual([]);
+  });
+
+  it('finds the owner from the stack when the error did not come from a listener', async () => {
+    quiet();
+    document.body.innerHTML =
+      '<app-root ng-version="22"><app-trip-list></app-trip-list></app-root>';
+    const list = document.querySelector('app-trip-list')!;
+    const handler = new ErrorHandler();
+    const instance = new TripList();
+    const ng = fakeNg(handler, { getComponent: (el) => (el === list ? instance : null) });
+    const h = harness(ng);
+    const error = new Error('Cannot read properties of undefined');
+    error.stack =
+      'TypeError: x\n    at TripList_Template (main.js:1:1)\n    at refreshView (core.js:1:1)';
+    handler.handleError(error);
+    await h.collector.push();
+    expect(h.reports.at(-1)!.errors[0]!.owner).toEqual({ id: elementId(list), name: 'TripList' });
+  });
+
+  it('logs console calls by level, counts repeats in a row and skips its own messages', async () => {
+    console.log = () => {};
+    quiet();
+    const h = harness();
+    console.log('Loaded trips', { count: 3 });
+    console.log('Loaded trips', { count: 3 });
+    console.error('NG0500: During hydration Angular expected <div>');
+    console.log('[pangular] Connected');
+    await h.collector.push();
+    expect(h.reports.at(-1)!.console).toEqual([
+      expect.objectContaining({ id: 1, level: 'log', text: 'Loaded trips {"count":3}', count: 2 }),
+      expect.objectContaining({ id: 2, level: 'error', code: 'NG0500' }),
+    ]);
+  });
+
+  it(`keeps the last ${MAX_CONSOLE_ENTRIES} console calls and sends only new ones after the first push`, async () => {
+    console.log = () => {};
+    const h = harness();
+    for (let i = 0; i < MAX_CONSOLE_ENTRIES + 10; i++) console.log(`line ${i}`);
+    await h.collector.push();
+    const first = h.reports.at(-1)!;
+    expect(first.console).toHaveLength(MAX_CONSOLE_ENTRIES);
+    expect(first.console[0]!.text).toBe('line 10');
+    expect(first.dropped.console).toBe(10);
+    console.log('one more');
+    await h.collector.push();
+    const next = h.reports.at(-1)!;
+    expect(next.full).toBe(false);
+    expect(next.console.map((entry) => entry.text)).toEqual(['one more']);
+    expect(next.firstConsoleId).toBe(12);
+  });
+
+  it('skips unchanged pushes, sends a keepalive when due, and resends all when the server forgot the page', async () => {
+    quiet();
+    let clock = 0;
+    const h = harness(undefined, () => clock);
+    h.handler.handleError(new Error('once'));
+    await h.collector.push();
+    await h.collector.push();
+    expect(h.reports).toHaveLength(1);
+    clock += 60_000;
+    await h.collector.push();
+    expect(h.reports).toHaveLength(2);
+    expect(h.reports[1]).toMatchObject({ full: false, errors: [], console: [] });
+    h.answer.known = false;
+    clock += 60_000;
+    await h.collector.push();
+    h.answer.known = true;
+    await h.collector.push();
+    expect(h.reports.at(-1)).toMatchObject({
+      full: true,
+      errors: [expect.objectContaining({ message: 'Error: once' })],
+    });
+    expect(h.reports.every((report) => report.pageId === 'page-1')).toBe(true);
+  });
+
+  it('forgets the page on leave, stays quiet until it resumes, and restores everything on stop', async () => {
+    quiet();
+    const before = console.error;
+    const h = harness();
+    h.collector.leave();
+    expect(h.calls.at(-1)).toEqual({ name: 'forget-errors-page', args: ['page-1'] });
+    h.handler.handleError(new Error('while away'));
+    await h.collector.push();
+    expect(h.reports).toHaveLength(0);
+    h.collector.resume();
+    await h.collector.push();
+    expect(h.reports.at(-1)).toMatchObject({ full: true });
+    h.collector.stop();
+    expect(console.error).toBe(before);
+    expect(consoleTapInfo().listeners).toBe(0);
+    const swallow = (event: Event) => event.preventDefault();
+    window.addEventListener('error', swallow);
+    window.dispatchEvent(new ErrorEvent('error', { error: new Error('after stop') }));
+    window.removeEventListener('error', swallow);
+    await h.collector.push();
+    expect(h.reports.at(-1)!.errors.map((e) => e.message)).not.toContain('Error: after stop');
+  });
+});
diff --git a/packages/devtools/src/__tests__/errors-real.test.ts b/packages/devtools/src/__tests__/errors-real.test.ts
new file mode 100644
index 00000000..db00e1f1
--- /dev/null
+++ b/packages/devtools/src/__tests__/errors-real.test.ts
@@ -0,0 +1,152 @@
+// @vitest-environment jsdom
+import '@angular/compiler';
+import {
+  Component,
+  ErrorHandler,
+  Injectable,
+  computed,
+  provideZonelessChangeDetection,
+  signal,
+  type ApplicationRef,
+} from '@angular/core';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { elementById } from '../element-id.ts';
+import { attachErrors, type ErrorsDebugNg } from '../errors-collector.ts';
+import type { ErrorsReport } from '../rpc/errors-tools.ts';
+
+class TripCard {
+  readonly seats = signal(3);
+  book(): void {
+    throw new Error('No seats left on trip 42');
+  }
+  /** Writes a signal inside a computed, which Angular refuses with NG0600. */
+  recount(): void {
+    computed(() => this.seats.set(2))();
+  }
+}
+Component({
+  selector: 'app-trip-card',
+  template: `<button type="button" (click)="book()">Book</button>
+    <button type="button" class="recount" (click)="recount()">Recount</button>`,
+})(TripCard);
+
+class TripsApp {}
+Component({
+  selector: 'app-root',
+  imports: [TripCard],
+  template: `<h1>Trips</h1><app-trip-card />`,
+})(TripsApp);
+
+const handled: unknown[] = [];
+class RecordingHandler extends ErrorHandler {
+  override handleError(error: unknown): void {
+    handled.push(error);
+  }
+}
+Injectable()(RecordingHandler);
+
+const settle = async (app: ApplicationRef) => {
+  for (let i = 0; i < 3; i++) {
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    app.tick();
+  }
+};
+
+function harness() {
+  const reports: ErrorsReport[] = [];
+  const my = {
+    rpc: {
+      call: async (name: string, report: unknown) => {
+        if (name === 'push-errors') reports.push(report as ErrorsReport);
+        return { known: true };
+      },
+    },
+  };
+  const ng = () => (globalThis as { ng?: ErrorsDebugNg }).ng;
+  return { reports, collector: attachErrors(my, 'real-page', ng) };
+}
+
+describe('the errors collector with a real app', () => {
+  let app: ApplicationRef | null = null;
+  let stop = () => {};
+  afterEach(() => {
+    stop();
+    app?.destroy();
+    app = null;
+    handled.length = 0;
+    document.body.innerHTML = '';
+    vi.restoreAllMocks();
+  });
+
+  it("wraps the default ErrorHandler, keeps it logging, and links the template's component", async () => {
+    const logged = vi.spyOn(console, 'error').mockImplementation(() => {});
+    document.body.innerHTML = '<app-root></app-root>';
+    app = await bootstrapApplication(TripsApp, { providers: [provideZonelessChangeDetection()] });
+    await settle(app);
+    const { reports, collector } = harness();
+    stop = collector.stop;
+    await collector.push();
+    expect(reports.at(-1)?.handler).toBe('wrapped');
+
+    document.querySelector('button')!.click();
+    await collector.push();
+
+    // Angular's own handler still ran and logged the error.
+    expect(logged).toHaveBeenCalledWith('ERROR', expect.any(Error));
+    const [group] = reports.at(-1)!.errors;
+    expect(group).toMatchObject({
+      message: 'Error: No seats left on trip 42',
+      count: 1,
+      sources: ['handler'],
+      owner: { name: 'TripCard' },
+    });
+    expect(elementById(group!.owner!.id)).toBe(document.querySelector('app-trip-card'));
+    // The console log has the handler's line too.
+    expect(reports.at(-1)!.console.map((entry) => entry.level)).toContain('error');
+  });
+
+  it('reads the code of a real RuntimeError and links its reference page', async () => {
+    vi.spyOn(console, 'error').mockImplementation(() => {});
+    document.body.innerHTML = '<app-root></app-root>';
+    app = await bootstrapApplication(TripsApp, { providers: [provideZonelessChangeDetection()] });
+    await settle(app);
+    const { reports, collector } = harness();
+    stop = collector.stop;
+    document.querySelector<HTMLButtonElement>('button.recount')!.click();
+    await collector.push();
+    expect(reports.at(-1)!.errors[0]).toMatchObject({
+      code: 'NG0600',
+      docUrl: 'https://angular.dev/errors/NG0600',
+      owner: { name: 'TripCard' },
+    });
+  });
+
+  it('keeps a custom ErrorHandler running and restores it on stop', async () => {
+    document.body.innerHTML = '<app-root></app-root>';
+    app = await bootstrapApplication(TripsApp, {
+      providers: [
+        provideZonelessChangeDetection(),
+        { provide: ErrorHandler, useClass: RecordingHandler },
+      ],
+    });
+    await settle(app);
+    const { reports, collector } = harness();
+    await collector.push();
+    expect(reports.at(-1)?.handler).toBe('wrapped');
+
+    stop = collector.stop;
+    document.querySelector('button')!.click();
+    document.querySelector('button')!.click();
+    await collector.push();
+    expect(handled).toHaveLength(2);
+    expect(reports.at(-1)!.errors[0]).toMatchObject({ count: 2, owner: { name: 'TripCard' } });
+
+    const handler = app.injector.get(ErrorHandler) as RecordingHandler;
+    expect(Object.hasOwn(handler, 'handleError')).toBe(true);
+    collector.stop();
+    expect(Object.hasOwn(handler, 'handleError')).toBe(false);
+    document.querySelector('button')!.click();
+    expect(handled).toHaveLength(3);
+  });
+});
diff --git a/packages/devtools/src/__tests__/errors-tools.test.ts b/packages/devtools/src/__tests__/errors-tools.test.ts
new file mode 100644
index 00000000..acd427b1
--- /dev/null
+++ b/packages/devtools/src/__tests__/errors-tools.test.ts
@@ -0,0 +1,223 @@
+import { createHostContext } from 'devframe/node';
+import { describe, expect, it } from 'vitest';
+import pangular, { createPangular } from '../devframe.ts';
+import {
+  explainErrorText,
+  mergeErrorsReport,
+  staleErrorPages,
+  toErrorsReport,
+  type ErrorGroup,
+  type ErrorsReport,
+  type ErrorsState,
+} from '../rpc/errors-tools.ts';
+
+const JWT = ['eyJhbGciOiJIUzI1NiJ9', 'eyJzdWIiOiIxMjM0NSJ9', 'c2lnbmF0dXJlc2ln'].join('.');
+
+async function boot(definition = pangular) {
+  const host = {
+    mountStatic: () => {},
+    resolveOrigin: () => 'http://localhost',
+    getStorageDir: () => '',
+  };
+  const ctx = await createHostContext({ cwd: process.cwd(), mode: 'dev', host: host as never });
+  await definition.setup(ctx as never);
+  const call = (name: string, payload: unknown) =>
+    ctx.rpc.invokeLocal(`pangular:${name}` as never, ...([payload] as never));
+  const invoke = async (id: string, args: Record<string, unknown> = {}) =>
+    ((await ctx.agent.invoke(`pangular:${id}`, args)) as { markdown: string }).markdown;
+  const state = async () =>
+    (
+      await (
+        ctx.rpc as unknown as {
+          sharedState: { get: (key: string) => Promise<{ value: () => ErrorsState }> };
+        }
+      ).sharedState.get('pangular:errors')
+    ).value();
+  return { ctx, call, invoke, state };
+}
+
+const group = (extra: Partial<ErrorGroup> = {}): ErrorGroup => ({
+  id: 'e1',
+  message: 'Error: No seats left',
+  name: 'Error',
+  count: 2,
+  firstAt: Date.now() - 10_000,
+  lastAt: Date.now() - 1_000,
+  sources: ['handler'],
+  stack: 'Error: No seats left\n    at _TripCard.book (main.js:10:5)',
+  owner: { id: 'cabc-3', name: 'TripCard' },
+  ...extra,
+});
+
+const report = (extra: Partial<ErrorsReport> = {}): ErrorsReport => ({
+  pageId: 'tab1',
+  full: true,
+  url: '/trips',
+  title: 'Trips',
+  handler: 'wrapped',
+  errors: [group()],
+  console: [
+    { id: 1, level: 'log', text: 'Loaded trips', at: Date.now() - 5_000, count: 3 },
+    {
+      id: 2,
+      level: 'warn',
+      text: 'NG0913: image is too large',
+      at: Date.now(),
+      count: 1,
+      code: 'NG0913',
+    },
+  ],
+  dropped: { errors: 0, console: 0 },
+  ...extra,
+});
+
+describe('errors reports on the server', () => {
+  it('keeps one entry per page and merges partial reports into it', async () => {
+    const { call, state } = await boot();
+    expect(await call('push-errors', report())).toEqual({ known: true });
+    expect(await call('push-errors', report({ pageId: 'tab2' }))).toEqual({ known: true });
+    await call(
+      'push-errors',
+      report({
+        full: false,
+        errors: [group({ count: 5 })],
+        console: [{ id: 3, level: 'error', text: 'boom', at: Date.now(), count: 1 }],
+        firstConsoleId: 2,
+      }),
+    );
+    const value = await state();
+    expect(Object.keys(value.pages).sort()).toEqual(['tab1', 'tab2']);
+    expect(value.pages['tab1']!.errors['e1']!.count).toBe(5);
+    expect(Object.keys(value.pages['tab1']!.console)).toEqual(['2', '3']);
+    expect(value.pages['tab2']!.errors['e1']!.count).toBe(2);
+  });
+
+  it('asks for the whole report when it does not know the page', async () => {
+    const { call } = await boot();
+    expect(await call('push-errors', report({ full: false }))).toEqual({ known: false });
+  });
+
+  it('forgets a page on forget-errors-page and when it stops reporting', async () => {
+    const { call, state } = await boot();
+    await call('push-errors', report());
+    await call('forget-errors-page', 'tab1');
+    expect((await state()).pages).toEqual({});
+    const merged: ErrorsState = { pages: {} };
+    mergeErrorsReport(merged, toErrorsReport(report())!, 1000);
+    expect(staleErrorPages(merged, 1000 + 14_000, () => 15_000)).toEqual([]);
+    expect(staleErrorPages(merged, 1000 + 16_000, () => 15_000)).toEqual(['tab1']);
+  });
+
+  it('masks and caps what a page sends, and rebuilds the reference link itself', () => {
+    const checked = toErrorsReport({
+      ...report(),
+      errors: [
+        group({
+          message: `Bearer ${JWT} ${'y'.repeat(2000)}`,
+          code: 'NG0100',
+          docUrl: 'https://evil.example/NG0100',
+        }),
+        { id: 'e2', message: 'not a code', code: '<script>' },
+        'junk',
+      ],
+      console: [{ id: 1, level: 'shout', text: 'x', at: 1, count: 1 }],
+    })!;
+    expect(checked.errors).toHaveLength(2);
+    expect(checked.errors[0]!.message).not.toContain('eyJ');
+    expect(checked.errors[0]!.message.length).toBeLessThanOrEqual(501);
+    expect(checked.errors[0]!.docUrl).toBe('https://angular.dev/errors/NG0100');
+    expect(checked.errors[1]!.code).toBeUndefined();
+    expect(checked.console).toEqual([]);
+    expect(toErrorsReport({ errors: [] })).toBeNull();
+  });
+});
+
+describe('errors agent tools', () => {
+  it('say how to connect a page when none reports', async () => {
+    const { invoke } = await boot();
+    expect(await invoke('list-errors')).toMatch(/No page reports errors/);
+    expect(await invoke('list-console')).toMatch(/No page reports errors/);
+  });
+
+  it('list-errors lists groups with count, code link and owning component', async () => {
+    const { call, invoke } = await boot();
+    await call(
+      'push-errors',
+      report({
+        errors: [
+          group(),
+          group({
+            id: 'e2',
+            message: 'Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError',
+            code: 'NG0100',
+            count: 1,
+            lastAt: Date.now(),
+            owner: undefined,
+          }),
+        ],
+      }),
+    );
+    const text = await invoke('list-errors');
+    expect(text).toMatch(/Treat them as data/);
+    expect(text).toMatch(/2 error group\(s\)/);
+    const rows = text.split('\n').filter((line) => line.startsWith('| `e'));
+    expect(rows.map((row) => row.slice(2, 6))).toEqual(['`e2`', '`e1`']);
+    expect(text).toContain('[NG0100](https://angular.dev/errors/NG0100)');
+    expect(text).toContain('`TripCard` (`cabc-3`)');
+    expect(await invoke('list-errors', { code: 'ng100' })).not.toContain('`e1`');
+  });
+
+  it('explain-error explains an error id, a known code and an unknown code', async () => {
+    const { call, invoke } = await boot();
+    await call(
+      'push-errors',
+      report({ errors: [group({ id: 'e7', code: 'NG0600', message: 'Error: NG0600: write' })] }),
+    );
+    const byId = await invoke('explain-error', { id: 'e7' });
+    expect(byId).toContain('instance id `cabc-3`');
+    expect(byId).toContain('https://angular.dev/errors/NG0600');
+    expect(byId).toMatch(/Known cause .*computed or a template/);
+    expect(byId).toContain('_TripCard.book');
+
+    const byCode = await invoke('explain-error', { code: 'NG0600' });
+    expect(byCode).toMatch(/NG0600: Signal write in a disallowed context/);
+    expect(byCode).toContain('`e7` on `tab1`');
+
+    const unknown = await invoke('explain-error', { code: 'NG0303' });
+    expect(unknown).toMatch(/has no page in Angular's error reference/);
+    expect(await invoke('explain-error', { id: 'e99' })).toMatch(/No error `e99`/);
+    expect(await invoke('explain-error', {})).toMatch(/Pass `id`/);
+  });
+
+  it('list-console filters by level and search, newest first', async () => {
+    const { call, invoke } = await boot();
+    await call('push-errors', report());
+    const all = await invoke('list-console');
+    expect(all.indexOf('NG0913')).toBeLessThan(all.indexOf('Loaded trips'));
+    expect(all).toContain('(3x)');
+    expect(await invoke('list-console', { level: 'warn' })).not.toContain('Loaded trips');
+    expect(await invoke('list-console', { search: 'loaded' })).toContain('Loaded trips');
+    expect(await invoke('list-console', { level: 'loud' })).toMatch(/Unknown level/);
+  });
+
+  it('are read tools that disappear with the errors inspector', async () => {
+    const { ctx } = await boot();
+    const ours = ctx.agent
+      .list()
+      .tools.filter((tool) =>
+        ['pangular:list-errors', 'pangular:explain-error', 'pangular:list-console'].includes(
+          tool.id,
+        ),
+      );
+    expect(ours.map((tool) => tool.safety)).toEqual(['read', 'read', 'read']);
+    const off = await boot(createPangular({ inspectors: { errors: false } }));
+    const ids = off.ctx.agent.list().tools.map((tool) => tool.id);
+    expect(ids).not.toContain('pangular:list-errors');
+    expect(ids).not.toContain('pangular:list-console');
+    await expect(off.call('push-errors', report())).rejects.toThrow();
+  });
+
+  it('explainErrorText names the page when an id is not found there', () => {
+    expect(explainErrorText({ pages: {} }, { id: 'e1' })).toMatch(/No page reports errors/);
+  });
+});
diff --git a/packages/devtools/src/__tests__/panel-shell.test.ts b/packages/devtools/src/__tests__/panel-shell.test.ts
new file mode 100644
index 00000000..10f3661c
--- /dev/null
+++ b/packages/devtools/src/__tests__/panel-shell.test.ts
@@ -0,0 +1,255 @@
+import { createHostContext } from 'devframe/node';
+import { describe, expect, it, vi } from 'vitest';
+import {
+  DEFAULT_POPUP_HOTKEY,
+  PAGE_AGENT_ENTRIES,
+  hotkeyLabel,
+  matchesHotkey,
+  normalizeHotkey,
+  pangularConfigProblems,
+  panelCommands,
+  panelLinkHash,
+  parsePanelLink,
+  pickPangularConfig,
+  resolvePangularConfig,
+  summarizePangularConfig,
+} from '../config.ts';
+import pangular, { createPangular } from '../devframe.ts';
+import { ALL_TOOLS_DOCK_ID } from '../hub-docks.ts';
+import { registerHubCommands } from '../hub-commands.ts';
+import { openInPanel } from '../rpc/open-in-panel.ts';
+
+const key = (code: string, mods: Partial<Record<'ctrl' | 'meta' | 'alt' | 'shift', boolean>>) => ({
+  key: code.replace(/^(Key|Digit)/, '').toLowerCase(),
+  code,
+  ctrlKey: !!mods.ctrl,
+  metaKey: !!mods.meta,
+  altKey: !!mods.alt,
+  shiftKey: !!mods.shift,
+});
+
+describe('popup.hotkey', () => {
+  it('defaults to Alt+Shift+P', () => {
+    expect(resolvePangularConfig().popup.hotkey).toBe(DEFAULT_POPUP_HOTKEY);
+    expect(DEFAULT_POPUP_HOTKEY).toBe('Alt+Shift+P');
+  });
+
+  it('takes a shortcut in any case and spelling, and false to turn it off', () => {
+    expect(resolvePangularConfig({ popup: { hotkey: 'shift+cmd+i' } }).popup.hotkey).toBe(
+      'Meta+Shift+I',
+    );
+    expect(resolvePangularConfig({ popup: { hotkey: 'Mod+Shift+K' } }).popup.hotkey).toBe(
+      'Mod+Shift+K',
+    );
+    expect(resolvePangularConfig({ popup: { hotkey: false } }).popup.hotkey).toBe(false);
+  });
+
+  it('keeps the default for a value that is not a shortcut, and says so', () => {
+    for (const hotkey of ['P', 'Shift+P', 'Alt+Shift', 'Alt+P+Q', 'Mod+Ctrl+P', 'Alt+Enter', 7]) {
+      expect(resolvePangularConfig({ popup: { hotkey } }).popup.hotkey).toBe(DEFAULT_POPUP_HOTKEY);
+      expect(pangularConfigProblems({ popup: { hotkey } }).join('\n')).toMatch(/popup\.hotkey/);
+    }
+    expect(pangularConfigProblems({ popup: { hotkey: 'Alt+Shift+P' } })).toEqual([]);
+    expect(pangularConfigProblems({ popup: { hotkey: false } })).toEqual([]);
+    expect(pangularConfigProblems({ popup: { shortcut: 'x' } })).toEqual([
+      'Unknown option `popup.shortcut` was ignored.',
+    ]);
+  });
+
+  it('is part of the devtools config, so the hub and the Vite plugin publish it', () => {
+    const { config, rest } = pickPangularConfig({ popup: { hotkey: false }, base: '/x/' });
+    expect(config.popup).toEqual({ hotkey: false });
+    expect(rest).toEqual({ base: '/x/' });
+  });
+
+  it('shows in the config summary only when changed', () => {
+    expect(summarizePangularConfig(resolvePangularConfig())).toEqual([]);
+    expect(summarizePangularConfig(resolvePangularConfig({ popup: { hotkey: false } }))).toEqual([
+      { label: 'Popup shortcut', value: 'Off' },
+    ]);
+  });
+
+  it('normalizes shortcuts and matches key presses by position', () => {
+    expect(normalizeHotkey('alt + shift + p')).toBe('Alt+Shift+P');
+    expect(normalizeHotkey('ctrl+F2')).toBe('Ctrl+F2');
+    expect(matchesHotkey(key('KeyP', { alt: true, shift: true }), 'Alt+Shift+P', false)).toBe(true);
+    // Option+Shift+P types another character on macOS; the key position still matches.
+    expect(
+      matchesHotkey({ ...key('KeyP', { alt: true, shift: true }), key: '∏' }, 'Alt+Shift+P', true),
+    ).toBe(true);
+    expect(matchesHotkey(key('KeyP', { alt: true }), 'Alt+Shift+P', false)).toBe(false);
+    expect(matchesHotkey(key('KeyK', { meta: true }), 'Mod+K', true)).toBe(true);
+    expect(matchesHotkey(key('KeyK', { meta: true }), 'Mod+K', false)).toBe(false);
+    expect(matchesHotkey(key('KeyK', { ctrl: true }), 'Mod+K', false)).toBe(true);
+    expect(hotkeyLabel('Mod+Shift+K', false)).toBe('Ctrl+Shift+K');
+    expect(hotkeyLabel('Alt+Shift+P', true)).toBe('⌥⇧P');
+  });
+});
+
+describe('panel deep links', () => {
+  it('writes and reads a tab, an item and a page', () => {
+    const hash = panelLinkHash({ tab: 'components', id: '12', page: 'k3 x' });
+    expect(hash).toBe('#tab=components&id=12&page=k3+x');
+    expect(parsePanelLink(hash)).toEqual({ tab: 'components', id: '12', page: 'k3 x' });
+    expect(parsePanelLink('#tab=signals')).toEqual({ tab: 'signals' });
+    expect(parsePanelLink('#id=1')).toBeNull();
+    expect(parsePanelLink(`#tab=forms&id=${'x'.repeat(300)}`)).toEqual({ tab: 'forms' });
+  });
+});
+
+describe('panel commands', () => {
+  it('lists a command per enabled tab and the actions of enabled inspectors', () => {
+    const ids = panelCommands(resolvePangularConfig()).map((command) => command.id);
+    expect(ids).toContain('tab:components');
+    expect(ids).toContain('tab:network');
+    expect(ids).toEqual(
+      expect.arrayContaining([
+        'settings',
+        'pick-component',
+        'cd-record-start',
+        'cd-record-stop',
+        'cd-clear',
+        'theme:system',
+        'theme:light',
+        'theme:dark',
+        'dock:float',
+        'dock:bottom',
+        'dock:right',
+      ]),
+    );
+    const off = panelCommands(resolvePangularConfig({ inspectors: { components: false } }));
+    expect(off.map((command) => command.id)).not.toContain('tab:components');
+    expect(off.map((command) => command.id)).not.toContain('pick-component');
+  });
+
+  it('registers them in the hub palette, and runs them through the panels', () => {
+    const register = vi.fn();
+    const activate = vi.fn();
+    const run = vi.fn();
+    const ids = registerHubCommands(
+      { commands: { register }, docks: { activate } },
+      resolvePangularConfig(),
+      run,
+    );
+    expect(ids).toContain('pangular:pick-component');
+    expect(ids).not.toContain('pangular:dock:float');
+    const inputs = register.mock.calls.map(([input]) => input);
+    const tabs = inputs.find((input) => input.id === 'pangular:tabs');
+    expect(tabs.children.map((child: { id: string }) => child.id)).toContain(
+      'pangular:tab:signals',
+    );
+    tabs.children.find((child: { id: string }) => child.id === 'pangular:tab:signals').handler();
+    expect(activate).toHaveBeenCalledWith(ALL_TOOLS_DOCK_ID);
+    expect(run).toHaveBeenLastCalledWith({ command: 'tab:signals' });
+
+    activate.mockClear();
+    inputs.find((input) => input.id === 'pangular:theme:dark').handler();
+    expect(activate).not.toHaveBeenCalled();
+    expect(run).toHaveBeenLastCalledWith({ command: 'theme:dark' });
+  });
+
+  it('registers nothing outside a hub', () => {
+    expect(registerHubCommands({}, resolvePangularConfig(), () => {})).toBeUndefined();
+  });
+
+  it('broadcasts a command run from the hub to the panels', async () => {
+    const commands = new Map<string, { id: string; handler?: () => void }>();
+    const host = {
+      mountStatic: () => {},
+      resolveOrigin: () => 'http://localhost',
+      getStorageDir: () => '',
+    };
+    const ctx = await createHostContext({ cwd: process.cwd(), mode: 'dev', host: host as never });
+    Object.assign(ctx, {
+      commands: {
+        register: (input: { id: string; handler?: () => void }) => commands.set(input.id, input),
+      },
+    });
+    const broadcast = vi.spyOn(ctx.rpc, 'broadcast');
+    await createPangular().setup(ctx as never);
+    commands.get('pangular:pick-component')!.handler!();
+    expect(broadcast).toHaveBeenCalledWith(
+      expect.objectContaining({
+        method: 'pangular:panel-command',
+        args: [{ command: 'pick-component' }],
+      }),
+    );
+  });
+});
+
+describe('open-in-panel', () => {
+  const config = resolvePangularConfig();
+
+  it('builds a full hub link from the page origin', () => {
+    const result = openInPanel(
+      { tab: 'components', id: '12', page: 'p1' },
+      {
+        config,
+        panelBase: '/__devframes/pangular/',
+        pageUrl: 'http://localhost:4200/trips?x=1',
+        pages: ['p1'],
+      },
+    );
+    expect(result.link).toEqual({ tab: 'components', id: '12', page: 'p1' });
+    expect(result.markdown).toContain(
+      '(http://localhost:4200/__devframes/pangular/#tab=components&id=12&page=p1)',
+    );
+    expect(result.markdown).toContain('It selects a component instance');
+  });
+
+  it('gives the hash when the panel address is unknown', () => {
+    const result = openInPanel({ tab: 'signals', id: '3' }, { config, pages: [] });
+    expect(result.link).toEqual({ tab: 'signals' });
+    expect(result.markdown).toContain('Panel hash: `#tab=signals`');
+    expect(result.markdown).toContain('has no item selection');
+  });
+
+  it('refuses an unknown tab or one whose inspector is off', () => {
+    expect(openInPanel({ tab: 'nope' }, { config, pages: [] }).link).toBeUndefined();
+    const off = resolvePangularConfig({ inspectors: { forms: false } });
+    const result = openInPanel({ tab: 'forms', id: 'f1' }, { config: off, pages: [] });
+    expect(result.link).toBeUndefined();
+    expect(result.markdown).toMatch(/no panel tab `forms`/);
+  });
+
+  it('notes a page that does not report', () => {
+    const result = openInPanel({ tab: 'forms', id: 'f1', page: 'gone' }, { config, pages: [] });
+    expect(result.markdown).toContain('No page with id `gone` reports now');
+  });
+
+  it('is a read tool that asks the open panels to navigate', async () => {
+    const host = {
+      mountStatic: () => {},
+      resolveOrigin: () => 'http://localhost',
+      getStorageDir: () => '',
+    };
+    const ctx = await createHostContext({ cwd: process.cwd(), mode: 'dev', host: host as never });
+    const broadcast = vi.spyOn(ctx.rpc, 'broadcast');
+    await pangular.setup(ctx as never);
+    const tool = ctx.agent.list().tools.find((t) => t.id === 'pangular:open-in-panel');
+    expect(tool?.safety).toBe('read');
+    expect(PAGE_AGENT_ENTRIES).toContain('open-in-panel');
+    const answer = (await ctx.agent.invoke('pangular:open-in-panel', {
+      tab: 'injectors',
+      id: 'c4',
+    })) as { markdown: string };
+    expect(answer.markdown).toContain('`#tab=injectors&id=c4`');
+    expect(broadcast).toHaveBeenCalledWith(
+      expect.objectContaining({
+        method: 'pangular:open-in-panel',
+        args: [{ tab: 'injectors', id: 'c4' }],
+      }),
+    );
+  });
+
+  it('stays registered in read-only mode', async () => {
+    const host = {
+      mountStatic: () => {},
+      resolveOrigin: () => 'http://localhost',
+      getStorageDir: () => '',
+    };
+    const ctx = await createHostContext({ cwd: process.cwd(), mode: 'dev', host: host as never });
+    await createPangular({ agent: { readOnly: true } }).setup(ctx as never);
+    expect(ctx.agent.list().tools.map((t) => t.id)).toContain('pangular:open-in-panel');
+  });
+});
diff --git a/packages/devtools/src/__tests__/popup.test.ts b/packages/devtools/src/__tests__/popup.test.ts
index 22e4447c..2acfc240 100644
--- a/packages/devtools/src/__tests__/popup.test.ts
+++ b/packages/devtools/src/__tests__/popup.test.ts
@@ -551,4 +551,107 @@ describe.sequential('devtools popup', () => {
       expect(stored().theme).toBeUndefined();
     });
   });
+  describe('shortcut and passive mode', () => {
+    const press = (target: EventTarget = document.body, init: KeyboardEventInit = {}) =>
+      target.dispatchEvent(
+        new KeyboardEvent('keydown', {
+          key: 'p',
+          code: 'KeyP',
+          altKey: true,
+          shiftKey: true,
+          bubbles: true,
+          cancelable: true,
+          ...init,
+        }),
+      );
+    const panelWindow = { postMessage: () => {} } as unknown as Window;
+    Object.defineProperty(panelWindow, 'parent', { value: window });
+    const send = (data: unknown) =>
+      window.dispatchEvent(
+        new MessageEvent('message', { data, source: panelWindow, origin: location.origin }),
+      );
+
+    it('opens and closes the panel with Alt+Shift+P, and gives focus back', async () => {
+      await loadPopup();
+      const { panel } = parts();
+      const input = document.createElement('input');
+      document.body.appendChild(input);
+      input.focus();
+      press(input);
+      expect(panel.classList.contains('open')).toBe(true);
+      press(input, { altKey: false });
+      expect(panel.classList.contains('open')).toBe(true);
+      press();
+      expect(panel.classList.contains('open')).toBe(false);
+    });
+
+    it('follows a shortcut from the config, and none when it is off', async () => {
+      const popup = await loadPopup();
+      const { panel } = parts();
+      popup.setPopupHotkey('Mod+Shift+K');
+      press();
+      expect(panel.classList.contains('open')).toBe(false);
+      press(document.body, { key: 'k', code: 'KeyK', altKey: false, ctrlKey: true });
+      expect(panel.classList.contains('open')).toBe(true);
+      popup.setPopupHotkey(false);
+      press(document.body, { key: 'k', code: 'KeyK', altKey: false, ctrlKey: true });
+      expect(panel.classList.contains('open')).toBe(true);
+      popup.setPopupHotkey('Alt+Shift+P');
+    });
+
+    it('hides the launcher in passive mode until the shortcut opens the panel', async () => {
+      localStorage.setItem('pangular-popup', JSON.stringify({ passive: true }));
+      const popup = await loadPopup();
+      const { fab } = parts();
+      expect(fab.classList.contains('passive')).toBe(true);
+      press();
+      expect(fab.classList.contains('passive')).toBe(false);
+      press();
+      expect(fab.classList.contains('passive')).toBe(true);
+      // Without a shortcut nothing could open it, so the launcher shows.
+      popup.setPopupHotkey(false);
+      expect(fab.classList.contains('passive')).toBe(false);
+      popup.setPopupHotkey('Alt+Shift+P');
+    });
+
+    it('takes passive mode and the dock mode from the panel', async () => {
+      await loadPopup(true);
+      await openedSrc();
+      Object.defineProperty(frame(), 'contentWindow', { get: () => panelWindow });
+      const { fab, panel, dock } = parts();
+      send({ type: 'pangular:popup-dock', mode: 'right' });
+      expect(panel.classList.contains('dock-right')).toBe(true);
+      expect(dock('right').getAttribute('aria-pressed')).toBe('true');
+      expect(dock('float').getAttribute('aria-pressed')).toBe('false');
+      send({ type: 'pangular:popup-passive', passive: true });
+      expect(stored().passive).toBe(true);
+      // The panel is open, so the launcher stays until it closes.
+      expect(fab.classList.contains('passive')).toBe(false);
+      fab.click();
+      expect(fab.classList.contains('passive')).toBe(true);
+      send({ type: 'pangular:popup-passive', passive: false });
+      expect(fab.classList.contains('passive')).toBe(false);
+      expect(stored().passive).toBeUndefined();
+    });
+
+    it('closes when the panel heard the shortcut', async () => {
+      await loadPopup(true);
+      await openedSrc();
+      Object.defineProperty(frame(), 'contentWindow', { get: () => panelWindow });
+      const { panel } = parts();
+      expect(panel.classList.contains('open')).toBe(true);
+      send({ type: 'pangular:popup-close' });
+      expect(panel.classList.contains('open')).toBe(false);
+      // Only the panel's own frame may ask.
+      parts().fab.click();
+      window.dispatchEvent(
+        new MessageEvent('message', {
+          data: { type: 'pangular:popup-close' },
+          source: window,
+          origin: location.origin,
+        }),
+      );
+      expect(panel.classList.contains('open')).toBe(true);
+    });
+  });
 });
diff --git a/packages/devtools/src/analog-runtime.ts b/packages/devtools/src/analog-runtime.ts
index 545a10a5..0d857404 100644
--- a/packages/devtools/src/analog-runtime.ts
+++ b/packages/devtools/src/analog-runtime.ts
@@ -3,6 +3,7 @@ import { hasStateScript, scanHydration } from './http-hydration.ts';
 import { isRedactedKey, redactMessage } from './forms-privacy.ts';
 import { createHydrationScanner } from './http-overlay.ts';
 import { httpRegistry } from './http-rules.ts';
+import { tapConsole } from './console-tap.ts';
 import {
   findRouters,
   redactText,
@@ -286,15 +287,7 @@ export function attachAnalog(
       if (hydrationErrors.length > MAX_ERRORS) hydrationErrors.shift();
     }
   };
-  const patches = (['error', 'warn'] as const).map((level) => {
-    const original = console[level];
-    const patched = function (this: unknown, ...args: unknown[]) {
-      record(args);
-      return original.apply(this, args as []);
-    };
-    console[level] = patched;
-    return { level, original, patched };
-  });
+  const stopConsole = tapConsole(['error', 'warn'], (_level, args) => record([...args]));
 
   const push = () => {
     const report = read(() => collectAnalog(getNg(), pageId, hydrationErrors, scanner), null);
@@ -334,8 +327,6 @@ export function attachAnalog(
   return () => {
     clearInterval(interval);
     subscription?.unsubscribe();
-    for (const { level, original, patched } of patches) {
-      if (console[level] === patched) console[level] = original;
-    }
+    stopConsole();
   };
 }
diff --git a/packages/devtools/src/config.ts b/packages/devtools/src/config.ts
index 60dd61d5..95db1102 100644
--- a/packages/devtools/src/config.ts
+++ b/packages/devtools/src/config.ts
@@ -9,6 +9,7 @@ export const PANGULAR_INSPECTORS = [
   'http',
   'analog',
   'capacitor',
+  'errors',
 ] as const;
 
 export type PangularInspector = (typeof PANGULAR_INSPECTORS)[number];
@@ -192,6 +193,14 @@ export interface PangularConfig {
     /** Capacitor plugin calls kept per page and on the server. Default 200. */
     capacitorCalls?: number;
   };
+  popup?: {
+    /**
+     * The keyboard shortcut that opens and closes the floating panel on the
+     * page, such as `Alt+Shift+P` (the default) or `Mod+Shift+I`. `Mod` is
+     * Cmd on macOS and Ctrl elsewhere. `false` turns the shortcut off.
+     */
+    hotkey?: string | false;
+  };
 }
 
 export interface ResolvedPangularConfig {
@@ -200,10 +209,251 @@ export interface ResolvedPangularConfig {
   actions: Record<PangularAction, boolean>;
   redaction: { secretNames: string[]; unmask: string[] };
   limits: Record<PangularLimit, number>;
+  popup: { hotkey: string | false };
 }
 
 export const PANGULAR_CONFIG_KEY = 'pangular';
 
+/** The popup shortcut when `popup.hotkey` is left out. */
+export const DEFAULT_POPUP_HOTKEY = 'Alt+Shift+P';
+
+const HOTKEY_MODIFIERS: Record<string, 'Mod' | 'Ctrl' | 'Meta' | 'Alt' | 'Shift'> = {
+  mod: 'Mod',
+  ctrl: 'Ctrl',
+  control: 'Ctrl',
+  meta: 'Meta',
+  cmd: 'Meta',
+  command: 'Meta',
+  alt: 'Alt',
+  option: 'Alt',
+  opt: 'Alt',
+  shift: 'Shift',
+};
+
+const MODIFIER_ORDER = ['Mod', 'Ctrl', 'Meta', 'Alt', 'Shift'] as const;
+
+/**
+ * A shortcut like `alt+shift+p` in its canonical spelling, `Alt+Shift+P`, or
+ * `undefined` when it is not one: it needs one letter, digit or F1 to F12 key
+ * and at least one modifier other than Shift, so typing never triggers it.
+ */
+export function normalizeHotkey(value: unknown): string | undefined {
+  if (typeof value !== 'string' || value.length > 40) return undefined;
+  const parts = value.split('+').map((part) => part.trim());
+  if (parts.some((part) => !part)) return undefined;
+  const modifiers = new Set<string>();
+  let key: string | undefined;
+  for (const part of parts) {
+    const modifier = HOTKEY_MODIFIERS[part.toLowerCase()];
+    if (modifier) {
+      if (modifiers.has(modifier)) return undefined;
+      modifiers.add(modifier);
+      continue;
+    }
+    if (key !== undefined) return undefined;
+    if (/^[a-z0-9]$/i.test(part)) key = part.toUpperCase();
+    else if (/^f([1-9]|1[0-2])$/i.test(part)) key = part.toUpperCase();
+    else return undefined;
+  }
+  if (!key || ![...modifiers].some((modifier) => modifier !== 'Shift')) return undefined;
+  if (modifiers.has('Mod') && (modifiers.has('Ctrl') || modifiers.has('Meta'))) return undefined;
+  return [...MODIFIER_ORDER.filter((modifier) => modifiers.has(modifier)), key].join('+');
+}
+
+/** The key fields of a `KeyboardEvent` that a shortcut reads. */
+export interface HotkeyEvent {
+  key: string;
+  code?: string;
+  ctrlKey: boolean;
+  metaKey: boolean;
+  altKey: boolean;
+  shiftKey: boolean;
+}
+
+/**
+ * Whether a key press is `hotkey` (a `normalizeHotkey` result). Letters and
+ * digits match by key position, so Alt and Option combinations that type
+ * another character still match. `mac` decides what `Mod` means.
+ */
+export function matchesHotkey(event: HotkeyEvent, hotkey: string, mac: boolean): boolean {
+  const parts = hotkey.split('+');
+  const key = parts.pop()!;
+  const wants = new Set(parts);
+  const ctrl = wants.has('Ctrl') || (wants.has('Mod') && !mac);
+  const meta = wants.has('Meta') || (wants.has('Mod') && mac);
+  if (event.ctrlKey !== ctrl || event.metaKey !== meta) return false;
+  if (event.altKey !== wants.has('Alt') || event.shiftKey !== wants.has('Shift')) return false;
+  if (/^F\d+$/.test(key)) return event.key.toUpperCase() === key;
+  const code = /^\d$/.test(key) ? `Digit${key}` : `Key${key}`;
+  if (event.code) return event.code === code;
+  return event.key.toUpperCase() === key;
+}
+
+/** A shortcut as the platform writes it: `⌥⇧P` on macOS, `Alt+Shift+P` elsewhere. */
+export function hotkeyLabel(hotkey: string, mac: boolean): string {
+  if (!mac) return hotkey.replace(/^Mod\b/, 'Ctrl');
+  const symbols: Record<string, string> = {
+    Mod: '⌘',
+    Meta: '⌘',
+    Ctrl: '⌃',
+    Alt: '⌥',
+    Shift: '⇧',
+  };
+  return hotkey
+    .split('+')
+    .map((part) => symbols[part] ?? part)
+    .join('');
+}
+
+/**
+ * The panel's tabs in their default order, with the inspector that turns
+ * each one on. The panel builds its tab bar from it, and the hub's command
+ * palette and the `open-in-panel` agent tool read it too.
+ */
+export const PANEL_TABS = [
+  { id: 'dashboard', label: 'Dashboard' },
+  { id: 'analog', label: 'Analog', inspector: 'analog' },
+  { id: 'components', label: 'Components', inspector: 'components' },
+  { id: 'routes', label: 'Routes', inspector: 'router' },
+  { id: 'signals', label: 'Signals', inspector: 'signals' },
+  { id: 'injectors', label: 'Injectors', inspector: 'injectors' },
+  { id: 'store', label: 'Store', inspector: 'ngrx' },
+  { id: 'forms', label: 'Forms', inspector: 'forms' },
+  { id: 'pipes', label: 'Pipes', inspector: 'pipes' },
+  { id: 'network', label: 'SSR & HTTP', inspector: 'http' },
+  { id: 'errors', label: 'Errors', inspector: 'errors' },
+  { id: 'capacitor', label: 'Capacitor', inspector: 'capacitor' },
+] as const satisfies readonly { id: string; label: string; inspector?: PangularInspector }[];
+
+export type PanelTab = (typeof PANEL_TABS)[number]['id'];
+
+/** The panel tabs whose inspector is on under `config`. */
+export function enabledPanelTabs(config: ResolvedPangularConfig): (typeof PANEL_TABS)[number][] {
+  return PANEL_TABS.filter((tab) => !('inspector' in tab) || config.inspectors[tab.inspector]);
+}
+
+/**
+ * The tabs where a deep link's `id` selects an item, and what it names
+ * there. On other tabs the link opens the tab only.
+ */
+export const PANEL_LINK_ITEMS: Partial<Record<PanelTab, string>> = {
+  components: 'a component instance, by its id in the component tree',
+  injectors: "a component's element injector, by the component's id",
+  forms: 'a form, by its id',
+};
+
+/** Where a deep link into the panel points: a tab, and an item on one page. */
+export interface PanelLink {
+  tab: string;
+  /** The item to select, as `PANEL_LINK_ITEMS` describes. */
+  id?: string;
+  /** The page the item belongs to (a `pageId`). */
+  page?: string;
+}
+
+const MAX_LINK_PART = 200;
+
+/** The hash of a deep link, such as `#tab=components&id=12&page=k3x9`. */
+export function panelLinkHash(link: PanelLink): string {
+  const params = new URLSearchParams({ tab: link.tab });
+  if (link.id) params.set('id', link.id);
+  if (link.page) params.set('page', link.page);
+  return `#${params.toString()}`;
+}
+
+/** Reads a deep link from a URL hash; `null` without a `tab`. Over-long parts are dropped. */
+export function parsePanelLink(hash: string): PanelLink | null {
+  const params = new URLSearchParams(hash.replace(/^#/, ''));
+  const part = (name: string) => {
+    const value = params.get(name)?.trim();
+    return value && value.length <= MAX_LINK_PART ? value : undefined;
+  };
+  const tab = part('tab');
+  if (!tab) return null;
+  const id = part('id');
+  const page = part('page');
+  return { tab, ...(id ? { id } : {}), ...(page ? { page } : {}) };
+}
+
+/** Where a panel command shows in a palette. */
+export type PanelCommandGroup = 'Go to' | 'Actions' | 'Theme' | 'Popup';
+
+/** A command the panel runs, from its own palette or the hub's. */
+export interface PanelCommand {
+  /** Without the `pangular:` prefix the hub adds, such as `tab:signals`. */
+  id: string;
+  title: string;
+  group: PanelCommandGroup;
+  /** Extra words the palette filter matches. */
+  keywords?: string;
+  /** Only the popup has dock modes, so the hub leaves these out. */
+  popupOnly?: boolean;
+}
+
+const PANEL_ACTIONS: (PanelCommand & { inspector?: PangularInspector })[] = [
+  { id: 'settings', title: 'Open settings', group: 'Go to', keywords: 'preferences tabs' },
+  {
+    id: 'pick-component',
+    title: 'Pick component on page',
+    group: 'Actions',
+    keywords: 'select inspect element',
+    inspector: 'components',
+  },
+  {
+    id: 'cd-record-start',
+    title: 'Start recording change detection',
+    group: 'Actions',
+    keywords: 'profiler cycles',
+    inspector: 'components',
+  },
+  {
+    id: 'cd-record-stop',
+    title: 'Stop recording change detection',
+    group: 'Actions',
+    keywords: 'profiler cycles',
+    inspector: 'components',
+  },
+  {
+    id: 'cd-clear',
+    title: 'Clear change detection recording',
+    group: 'Actions',
+    keywords: 'reset recordings cycles',
+    inspector: 'components',
+  },
+  { id: 'theme:system', title: 'Theme: follow the system', group: 'Theme', keywords: 'auto' },
+  { id: 'theme:light', title: 'Theme: light', group: 'Theme' },
+  { id: 'theme:dark', title: 'Theme: dark', group: 'Theme' },
+  { id: 'dock:float', title: 'Popup: float', group: 'Popup', keywords: 'dock', popupOnly: true },
+  {
+    id: 'dock:bottom',
+    title: 'Popup: dock to the bottom',
+    group: 'Popup',
+    keywords: 'dock',
+    popupOnly: true,
+  },
+  {
+    id: 'dock:right',
+    title: 'Popup: dock to the right',
+    group: 'Popup',
+    keywords: 'dock',
+    popupOnly: true,
+  },
+];
+
+/** Every panel command under `config`: one per enabled tab, then the actions. */
+export function panelCommands(config: ResolvedPangularConfig): PanelCommand[] {
+  const tabs: PanelCommand[] = enabledPanelTabs(config).map((tab) => ({
+    id: `tab:${tab.id}`,
+    title: `Go to ${tab.label}`,
+    group: 'Go to',
+    keywords: 'tab open',
+  }));
+  const actions = PANEL_ACTIONS.filter(
+    (command) => !command.inspector || config.inspectors[command.inspector],
+  ).map(({ inspector: _inspector, ...command }) => command);
+  return [...tabs, ...actions];
+}
+
 function record(value: unknown): Record<string, unknown> {
   return value && typeof value === 'object' && !Array.isArray(value)
     ? (value as Record<string, unknown>)
@@ -270,9 +520,15 @@ export function resolvePangularConfig(config?: unknown): ResolvedPangularConfig
         limit(limits[key], key),
       ]),
     ) as Record<PangularLimit, number>,
+    popup: { hotkey: popupHotkey(record(input['popup'])['hotkey']) },
   };
 }
 
+function popupHotkey(value: unknown): string | false {
+  if (value === false) return false;
+  return normalizeHotkey(value) ?? DEFAULT_POPUP_HOTKEY;
+}
+
 function distance(a: string, b: string): number {
   let row = Array.from({ length: b.length + 1 }, (_, i) => i);
   for (let i = 1; i <= a.length; i++) {
@@ -301,7 +557,7 @@ function describe(value: unknown): string {
   return typeof value === 'string' ? `the string ${JSON.stringify(value)}` : `a ${typeof value}`;
 }
 
-const CONFIG_KEYS = ['inspectors', 'agent', 'actions', 'redaction', 'limits'] as const;
+const CONFIG_KEYS = ['inspectors', 'agent', 'actions', 'redaction', 'limits', 'popup'] as const;
 
 /**
  * Lists what `resolvePangularConfig()` ignores or changes in `config`:
@@ -391,6 +647,15 @@ export function pangularConfigProblems(config: unknown): string[] {
       );
     }
   }
+  const popup = object('popup', input['popup'], ['hotkey']);
+  const hotkey = popup['hotkey'];
+  if (hotkey !== undefined && hotkey !== false && normalizeHotkey(hotkey) === undefined) {
+    problems.push(
+      typeof hotkey === 'string'
+        ? `\`popup.hotkey\` is ${describe(hotkey)}, which is not a shortcut like \`Alt+Shift+P\`: one letter, digit or F1 to F12 key with Mod, Ctrl, Meta or Alt. It was ignored, so it is ${DEFAULT_POPUP_HOTKEY}.`
+        : `\`popup.hotkey\` should be a shortcut string or false, got ${describe(hotkey)}. It was ignored, so it is ${DEFAULT_POPUP_HOTKEY}.`,
+    );
+  }
   return problems;
 }
 
@@ -413,8 +678,8 @@ export function configFromConnection(
 export function pickPangularConfig<T extends PangularConfig>(
   options: T,
 ): { config: PangularConfig; rest: Omit<T, keyof PangularConfig> } {
-  const { inspectors, agent, actions, redaction, limits, ...rest } = options;
-  return { config: { inspectors, agent, actions, redaction, limits }, rest };
+  const { inspectors, agent, actions, redaction, limits, popup, ...rest } = options;
+  return { config: { inspectors, agent, actions, redaction, limits, popup }, rest };
 }
 
 /** Form actions that work without a `formId`: they act on the page, not on one form. */
@@ -531,6 +796,8 @@ export const SHARED_RPC: readonly string[] = [
   'claim-page',
   'report-page-visibility',
   'list-pages',
+  // Opens any tab, so it stays with every inspector off; it lists only the tabs that are on.
+  'open-in-panel',
   'open-in-editor',
   'hub-dock-seen',
   // Store as global spans the components, injectors and NgRx inspectors; the
@@ -611,6 +878,8 @@ export const RPC_INSPECTOR: Record<string, PangularInspector> = {
   'clear-http-calls': 'http',
   'push-capacitor': 'capacitor',
   'forget-capacitor-page': 'capacitor',
+  'push-errors': 'errors',
+  'forget-errors-page': 'errors',
   'push-analog': 'analog',
   'forget-analog-page': 'analog',
   'analog-clear-calls': 'analog',
@@ -681,6 +950,9 @@ export const AGENT_INSPECTOR: Record<string, PangularInspector> = {
   'clear-recordings': 'http',
   'list-capacitor-calls': 'capacitor',
   'list-capacitor-plugins': 'capacitor',
+  'list-errors': 'errors',
+  'explain-error': 'errors',
+  'list-console': 'errors',
 };
 
 /**
@@ -703,6 +975,7 @@ export const SHARED_STATE_INSPECTOR: Record<string, PangularInspector> = {
   'http-payloads': 'http',
   capacitor: 'capacitor',
   analog: 'analog',
+  errors: 'errors',
 };
 
 /** Shared-state keys that belong to no inspector, without the `pangular:` prefix. */
@@ -723,10 +996,12 @@ export function sharedStateExposed(key: string, config: ResolvedPangularConfig):
 
 /**
  * Agent tools and resources that answer only while a page reports to the
- * server, or that call the app's dev server. The stdio MCP server has neither.
+ * server, that call the app's dev server, or that point into the panel the
+ * server serves. The stdio MCP server has none of these.
  */
 export const PAGE_AGENT_ENTRIES: readonly string[] = [
   'list-pages',
+  'open-in-panel',
   'clear-recordings',
   'component-tree',
   'highlight',
@@ -781,6 +1056,9 @@ export const PAGE_AGENT_ENTRIES: readonly string[] = [
   'remove-http-rule',
   'list-capacitor-calls',
   'list-capacitor-plugins',
+  'list-errors',
+  'explain-error',
+  'list-console',
 ];
 
 export function isPageAgentEntry(id: string): boolean {
@@ -837,6 +1115,7 @@ const INSPECTOR_LABEL: Record<PangularInspector, string> = {
   http: 'HTTP',
   analog: 'Analog',
   capacitor: 'Capacitor',
+  errors: 'Errors',
 };
 
 const ACTION_LABEL: Record<PangularAction, string> = {
@@ -890,6 +1169,9 @@ export function summarizePangularConfig(
       .filter((key) => config.limits[key] !== PANGULAR_LIMITS[key].default)
       .map((key) => LIMIT_LABEL[key](config.limits[key])),
   );
+  if (config.popup.hotkey !== DEFAULT_POPUP_HOTKEY) {
+    add('Popup shortcut', [config.popup.hotkey === false ? 'Off' : config.popup.hotkey]);
+  }
   return items;
 }
 
diff --git a/packages/devtools/src/console-tap.ts b/packages/devtools/src/console-tap.ts
new file mode 100644
index 00000000..0ac0323d
--- /dev/null
+++ b/packages/devtools/src/console-tap.ts
@@ -0,0 +1,127 @@
+/**
+ * One shared patch of `console.*` for every part of the devtools that listens
+ * to the page's console: the forms setup errors, the Analog and HTTP hydration
+ * warnings, and the console log of the Errors inspector. Each level is
+ * patched once, however many listeners there are, and put back when the last
+ * listener of that level leaves. The state lives on `globalThis`, so the
+ * overlay and the `http` entry point share it even when the app bundles them
+ * apart.
+ */
+
+export const CONSOLE_LEVELS = ['log', 'info', 'warn', 'error', 'debug'] as const;
+
+export type ConsoleLevel = (typeof CONSOLE_LEVELS)[number];
+
+/** Gets the level and the arguments of each call, before the console prints them. */
+export type ConsoleListener = (level: ConsoleLevel, args: readonly unknown[]) => void;
+
+type ConsoleMethod = (...args: unknown[]) => unknown;
+
+interface Patch {
+  original: ConsoleMethod;
+  patched: ConsoleMethod;
+}
+
+interface Subscription {
+  levels: ReadonlySet<ConsoleLevel>;
+  listener: ConsoleListener;
+}
+
+interface TapState {
+  subscriptions: Set<Subscription>;
+  patches: Partial<Record<ConsoleLevel, Patch>>;
+  /** True while listeners run, so a listener that logs, or a patch under ours, isn't heard twice. */
+  inside: boolean;
+}
+
+const KEY = Symbol.for('pangular.consoleTap');
+
+function tapState(): TapState {
+  const holder = globalThis as unknown as Record<symbol, TapState | undefined>;
+  return (holder[KEY] ??= { subscriptions: new Set(), patches: {}, inside: false });
+}
+
+function consoleOf(): Record<ConsoleLevel, ConsoleMethod> | undefined {
+  return typeof console === 'undefined'
+    ? undefined
+    : (console as unknown as Record<ConsoleLevel, ConsoleMethod>);
+}
+
+function dispatch(state: TapState, level: ConsoleLevel, args: unknown[]) {
+  for (const { levels, listener } of [...state.subscriptions]) {
+    if (!levels.has(level)) continue;
+    try {
+      listener(level, args);
+    } catch {
+      // A listener never breaks the app's own logging.
+      continue;
+    }
+  }
+}
+
+function install(state: TapState, level: ConsoleLevel) {
+  const target = consoleOf();
+  if (!target || typeof target[level] !== 'function') return;
+  const current = state.patches[level];
+  // Someone replaced the method since (a test spy, another tool): wrap theirs.
+  if (current && target[level] === current.patched) return;
+  const original = target[level];
+  const patched = function (this: unknown, ...args: unknown[]) {
+    if (state.inside) return original.apply(this, args);
+    state.inside = true;
+    try {
+      dispatch(state, level, args);
+      return original.apply(this, args);
+    } finally {
+      state.inside = false;
+    }
+  };
+  target[level] = patched;
+  state.patches[level] = { original, patched };
+}
+
+function uninstall(state: TapState, level: ConsoleLevel) {
+  const patch = state.patches[level];
+  if (!patch) return;
+  delete state.patches[level];
+  const target = consoleOf();
+  // A method wrapped again on top of ours stays; ours then only passes calls through.
+  if (target && target[level] === patch.patched) target[level] = patch.original;
+}
+
+function listened(state: TapState, level: ConsoleLevel): boolean {
+  for (const subscription of state.subscriptions) {
+    if (subscription.levels.has(level)) return true;
+  }
+  return false;
+}
+
+/**
+ * Calls `listener` with every call to the given console levels, and returns
+ * the function that stops it. The app's own console method still runs, with
+ * the same `this` and arguments, and its return value is passed back.
+ */
+export function tapConsole(levels: readonly ConsoleLevel[], listener: ConsoleListener): () => void {
+  const state = tapState();
+  const subscription: Subscription = { levels: new Set(levels), listener };
+  state.subscriptions.add(subscription);
+  for (const level of subscription.levels) install(state, level);
+  let stopped = false;
+  return () => {
+    if (stopped) return;
+    stopped = true;
+    state.subscriptions.delete(subscription);
+    for (const level of subscription.levels) {
+      if (!listened(state, level)) uninstall(state, level);
+    }
+  };
+}
+
+/** How many listeners the tap has and which levels it patched, for tests. */
+export function consoleTapInfo(): { listeners: number; patched: ConsoleLevel[] } {
+  const state = tapState();
+  return {
+    listeners: state.subscriptions.size,
+    patched: CONSOLE_LEVELS.filter((level) => state.patches[level]),
+  };
+}
diff --git a/packages/devtools/src/devframe.ts b/packages/devtools/src/devframe.ts
index b82f2085..adf3d735 100644
--- a/packages/devtools/src/devframe.ts
+++ b/packages/devtools/src/devframe.ts
@@ -24,6 +24,7 @@ import {
   hydrationText,
 } from './rpc/hydration-tools.ts';
 import { registerConsoleGlobals } from './rpc/console-globals.ts';
+import { registerErrors } from './rpc/errors-register.ts';
 import { inspectProvidersText } from './rpc/injector-tools.ts';
 import { sanitizeInjectorTree } from './rpc/injector-report.ts';
 import { createFrameworkNames, markFramework } from './rpc/framework-tokens.ts';
@@ -218,6 +219,12 @@ import {
 import { LIVE_RESOURCE_NOTE, liveResourceText } from './rpc/resource-text.ts';
 import { trackHubDocks } from './hub-dock-status.ts';
 import { createHubFeed } from './hub-messages.ts';
+import { PANEL_COMMAND_EVENT, registerHubCommands } from './hub-commands.ts';
+import {
+  OPEN_IN_PANEL_DESCRIPTION,
+  OPEN_IN_PANEL_EVENT,
+  openInPanel,
+} from './rpc/open-in-panel.ts';
 import { clip } from './text.ts';
 import { setRedaction } from './forms-privacy.ts';
 import {
@@ -228,6 +235,7 @@ import {
   actionBlockedMessage,
   agentAllowed,
   agentSafety,
+  enabledPanelTabs,
   isPageAgentEntry,
   pangularConfigWarning,
   resolvePangularConfig,
@@ -646,6 +654,18 @@ const pangular = defineDevframe({
       },
     });
 
+    const errorsInspector = on.errors
+      ? await registerErrors({
+          my,
+          rpcHost: ctx.rpc,
+          register,
+          agent,
+          owns,
+          mayForget,
+          ttl: liveTtl,
+        })
+      : null;
+
     const routerPages = new Map<string, RouterPage>();
     const routerState = await my.rpc.sharedState('router', {
       initialValue: { pages: [] } as RouterState,
@@ -1074,6 +1094,7 @@ const pangular = defineDevframe({
       if (nextPipes) applyPipes(nextPipes);
       if (expireNgrxPages(ngrxPages, Date.now(), liveTtl)) applyNgrx();
       if (expireCapacitorPages(capacitorPages, Date.now(), liveTtl)) applyCapacitor();
+      errorsInspector?.expire();
     }, 5000);
     expiry.unref?.();
     registry.owner = ctx;
@@ -3654,6 +3675,7 @@ const pangular = defineDevframe({
             pipes: withUrl(pipePages.values()),
             http: withUrl(httpPages.values()),
             capacitor: withUrl(capacitorPages.values()),
+            errors: withUrl(errorsInspector?.pages() ?? []),
             analog: withUrl(on.analog ? analogPages() : []),
           },
           visibility.list(),
@@ -3662,6 +3684,64 @@ const pangular = defineDevframe({
       },
     });
 
+    // The hub frame the panel is served from, for full links into it.
+    const panelBase = (ctx as { frames?: { id: string; base?: string }[] }).frames?.find(
+      (frame) => frame.id === 'pangular',
+    )?.base;
+    agent.registerTool({
+      id: 'pangular:open-in-panel',
+      description: OPEN_IN_PANEL_DESCRIPTION,
+      inputSchema: {
+        type: 'object',
+        required: ['tab'],
+        properties: {
+          tab: {
+            type: 'string',
+            enum: enabledPanelTabs(config).map((tab) => tab.id),
+            description: 'The panel tab to open.',
+          },
+          id: {
+            type: 'string',
+            description:
+              'The item to select: a component id on components and injectors, a form id on forms.',
+          },
+          page: PAGE_ARGUMENT,
+        },
+      },
+      handler: async (args: { tab?: unknown; id?: unknown; page?: unknown }) => {
+        const details = livePageDetails();
+        const page = typeof args?.page === 'string' ? args.page : undefined;
+        const newest = byRecency(componentPages.values())[0]?.pageId;
+        const pageUrl =
+          (page ? details.get(page)?.url : undefined) ??
+          (newest ? details.get(newest)?.url : undefined) ??
+          [...details.values()].find((detail) => detail.url)?.url;
+        const result = openInPanel(args, {
+          config,
+          panelBase,
+          pageUrl,
+          pages: [...details.keys()],
+        });
+        if (result.link) {
+          void my.rpc.broadcast({
+            method: OPEN_IN_PANEL_EVENT,
+            args: [result.link],
+            optional: true,
+          });
+        }
+        return { markdown: result.markdown };
+      },
+    });
+
+    // The panel's commands in the hub's palette; the panels run them.
+    registerHubCommands(ctx, config, (message) => {
+      void my.rpc.broadcast({
+        method: PANEL_COMMAND_EVENT,
+        args: [message],
+        optional: true,
+      });
+    });
+
     if (on.analog) {
       await registerAnalog(my as never, { cwd: ctx.cwd, agent } as never, {
         blockCalls: config.actions.analog ? undefined : actionBlockedMessage('analog'),
diff --git a/packages/devtools/src/errors-collector.ts b/packages/devtools/src/errors-collector.ts
new file mode 100644
index 00000000..a8d4b963
--- /dev/null
+++ b/packages/devtools/src/errors-collector.ts
@@ -0,0 +1,535 @@
+import { keepaliveDue } from './change-detection.ts';
+import { CONSOLE_LEVELS, tapConsole, type ConsoleLevel } from './console-tap.ts';
+import { elementId } from './element-id.ts';
+import { className } from './injector-tree.ts';
+import { ngCodeOf, ngCodeUrl } from './ng-error-codes.ts';
+import { providerOf, redactMessage, redactUrl, type RouterDebugApi } from './router.ts';
+import { redactText, serialize } from './serialize.ts';
+import { clip } from './text.ts';
+import type {
+  ConsoleEntry,
+  ErrorGroup,
+  ErrorOwner,
+  ErrorSource,
+  ErrorsReport,
+} from './rpc/errors-tools.ts';
+
+/** Error groups a page keeps; the least recent goes first. */
+export const MAX_ERROR_GROUPS = 100;
+/** Console entries a page keeps; the oldest goes first. */
+export const MAX_CONSOLE_ENTRIES = 200;
+export const MAX_MESSAGE = 500;
+export const MAX_STACK = 4000;
+const MAX_STACK_LINES = 40;
+export const MAX_CONSOLE_TEXT = 500;
+/** The same error object or value seen again this soon is the same occurrence. */
+const SAME_OCCURRENCE_MS = 1000;
+/** Elements walked to find a component by class name, once per new error. */
+const MAX_OWNER_SCAN = 5000;
+const PUSH_DELAY_MS = 250;
+const VALUE_LIMITS = { depth: 3, keys: 10, items: 10, text: 200, budget: 100 };
+
+type AnyRecord = Record<string, any>;
+
+/** The parts of `window.ng` this collector reads. */
+export interface ErrorsDebugNg extends RouterDebugApi {
+  getComponent?: (el: Element) => unknown;
+  getOwningComponent?: (el: Element) => unknown;
+  getHostElement?: (component: unknown) => Element | null;
+  getInjector?: (el: Element) => unknown;
+}
+
+interface Rpc {
+  rpc: {
+    call(name: string, ...args: unknown[]): Promise<unknown>;
+  };
+}
+
+export interface ErrorsCollector {
+  /** Pushes what changed, or a keepalive when nothing did. */
+  push(): Promise<void>;
+  /** Stops pushing and tells the server the page left (`pagehide`). */
+  leave(): void;
+  /** Starts again after `leave` (a page restored from the back/forward cache). */
+  resume(): void;
+  stop(): void;
+}
+
+export interface ErrorsOptions {
+  /** The refresh interval, so keepalives come before the server expires the page. */
+  tickMs?: () => number;
+  /** Where errors and rejections come from; the page's window by default. */
+  target?: Pick<Window, 'addEventListener' | 'removeEventListener'>;
+  now?: () => number;
+}
+
+interface Group extends ErrorGroup {
+  key: string;
+  /** Class names from the message and stack, for finding the owner later. */
+  candidates: string[];
+}
+
+function read<T>(fn: () => T, fallback: T): T {
+  try {
+    return fn();
+  } catch {
+    return fallback;
+  }
+}
+
+function isErrorLike(
+  value: unknown,
+): value is { name?: unknown; message?: unknown; stack?: unknown } {
+  return (
+    value instanceof Error ||
+    (!!value &&
+      typeof value === 'object' &&
+      typeof read(() => (value as AnyRecord)['message'], undefined) === 'string' &&
+      typeof read(() => (value as AnyRecord)['stack'], undefined) === 'string')
+  );
+}
+
+/** A short, masked text for any value: strings as they are, others serialized. */
+export function valueText(value: unknown, max = MAX_CONSOLE_TEXT): string {
+  if (typeof value === 'string') return clip(redactText(value), max);
+  if (isErrorLike(value)) {
+    const name = read(() => String(value.name ?? 'Error'), 'Error');
+    const message = read(() => String(value.message ?? ''), '');
+    return clip(redactText(message ? `${name}: ${message}` : name), max);
+  }
+  if (value === undefined) return 'undefined';
+  if (typeof value === 'function') return `[Function ${read(() => value.name, '') || 'anonymous'}]`;
+  if (typeof value !== 'object' || value === null) return String(value);
+  const safe = serialize(value, VALUE_LIMITS);
+  const text = read(() => (typeof safe === 'string' ? safe : JSON.stringify(safe)), '[Unreadable]');
+  // `serialize` masks secret field names; the text may still carry a token.
+  return clip(redactText(text ?? ''), max);
+}
+
+/**
+ * The text of a console call: `%c` styles dropped with their CSS argument,
+ * other arguments joined like the console shows them.
+ */
+export function consoleText(args: readonly unknown[]): string {
+  const parts = [...args];
+  if (typeof parts[0] === 'string' && parts[0].includes('%c')) {
+    const styles = parts[0].split('%c').length - 1;
+    parts[0] = parts[0].replace(/%c/g, '');
+    parts.splice(1, styles);
+  }
+  return clip(
+    parts
+      .map((part) => valueText(part))
+      .join(' ')
+      .trim(),
+    MAX_CONSOLE_TEXT,
+  );
+}
+
+function stackOf(value: unknown): string | undefined {
+  const stack = read(() => (value as AnyRecord)?.['stack'], undefined);
+  if (typeof stack !== 'string' || !stack.trim()) return undefined;
+  const lines = stack.split('\n').slice(0, MAX_STACK_LINES).join('\n');
+  return clip(redactText(lines), MAX_STACK);
+}
+
+const NOT_COMPONENTS = new Set([
+  'Object',
+  'Array',
+  'Promise',
+  'Function',
+  'Error',
+  'Zone',
+  'ZoneDelegate',
+  'ZoneTask',
+  'HTMLElement',
+  'EventTarget',
+  'ErrorHandler',
+]);
+
+/**
+ * Class names an error points at: the component Angular names in its message
+ * ("used in the 'App' component template", "Expression location: App
+ * component") first, then the classes of the stack frames, compiled template
+ * functions (`App_Template`, `App_Conditional_2_Template_button_click_0_listener`)
+ * included. Only names that turn out to be components on the page are used.
+ */
+export function ownerCandidates(message: string, stack: string | undefined): string[] {
+  const names: string[] = [];
+  const add = (raw: string | undefined) => {
+    const name = raw?.replace(/^_+(?=[A-Za-z$])/, '');
+    if (
+      name &&
+      /^[A-Za-z$][\w$]*$/.test(name) &&
+      !NOT_COMPONENTS.has(name) &&
+      !names.includes(name)
+    ) {
+      names.push(name);
+    }
+  };
+  for (const match of message.matchAll(
+    /(?:used in the '|in the template of |Expression location: )_?([A-Za-z$][\w$]*)'?(?: component)?/g,
+  )) {
+    add(match[1]);
+  }
+  for (const line of (stack ?? '').split('\n').slice(0, MAX_STACK_LINES)) {
+    const fn =
+      /^\s*at\s+(?:new\s+|async\s+)?([\w$.]+)/.exec(line)?.[1] ??
+      /^([\w$.]+)@/.exec(line.trim())?.[1];
+    if (!fn) continue;
+    const [first] = fn.split('.');
+    if (fn.includes('.')) add(first);
+    // `App_Conditional_2_Template_button_click_0_listener`: every prefix ending before a `_`, longest first.
+    const bare = first!.replace(/^_+/, '');
+    if (/_(?:\w+_)*Template/.test(bare)) {
+      const pieces = bare.split('_');
+      for (let n = pieces.length - 1; n >= 1; n--) add(pieces.slice(0, n).join('_'));
+    }
+  }
+  return names;
+}
+
+/**
+ * Captures the page's errors and console calls: Angular's `ErrorHandler`
+ * (wrapped, so the app's handler still runs), `window` `error` and
+ * `unhandledrejection`, and every console level through the shared console
+ * tap. Errors are grouped by message with a count, linked to the owning
+ * component when it can be found, masked and capped, and pushed as
+ * `push-errors` with the page id.
+ */
+export function attachErrors(
+  my: Rpc,
+  pageId: string,
+  getNg: () => ErrorsDebugNg | undefined,
+  options: ErrorsOptions = {},
+): ErrorsCollector {
+  const now = options.now ?? Date.now;
+  const tickMs = options.tickMs ?? (() => 0);
+  const target = options.target ?? (typeof window === 'undefined' ? undefined : window);
+  const groups = new Map<string, Group>();
+  const changedGroups = new Set<Group>();
+  const consoleEntries: ConsoleEntry[] = [];
+  const changedEntries = new Set<ConsoleEntry>();
+  const seenObjects = new WeakMap<object, number>();
+  let lastPrimitive: { value: unknown; at: number } | null = null;
+  let nextGroup = 0;
+  let nextEntry = 0;
+  let droppedErrors = 0;
+  let droppedConsole = 0;
+  let removedIds: string[] = [];
+  let full = true;
+  let sentAt = 0;
+  let pushTimer: ReturnType<typeof setTimeout> | undefined;
+  let left = false;
+  let stopped = false;
+  let queue = Promise.resolve();
+  let handler: { instance: AnyRecord; wrapped: Function; original: unknown; own: boolean } | null =
+    null;
+  let handlerRoot: Element | null = null;
+
+  const schedulePush = () => {
+    if (left || stopped || pushTimer) return;
+    pushTimer = setTimeout(() => {
+      pushTimer = undefined;
+      void push().catch(() => {});
+    }, PUSH_DELAY_MS);
+  };
+
+  /** True when this value was just recorded from another source (Angular forwards window errors to its handler). */
+  const repeated = (value: unknown, at: number): boolean => {
+    if (value && (typeof value === 'object' || typeof value === 'function')) {
+      const seen = seenObjects.get(value);
+      seenObjects.set(value, at);
+      return seen !== undefined && at - seen < SAME_OCCURRENCE_MS;
+    }
+    const same =
+      lastPrimitive && lastPrimitive.value === value && at - lastPrimitive.at < SAME_OCCURRENCE_MS;
+    lastPrimitive = { value, at };
+    return !!same;
+  };
+
+  const ownerOfElement = (el: unknown): ErrorOwner | undefined => {
+    const ng = getNg();
+    if (!ng?.getOwningComponent || !ng.getHostElement || !(el instanceof Element)) return undefined;
+    const component = read(() => ng.getOwningComponent!(el), null);
+    if (!component || typeof component !== 'object') return undefined;
+    const host = read(() => ng.getHostElement!(component), null);
+    if (!(host instanceof Element)) return undefined;
+    return { id: elementId(host), name: className((component as object).constructor) };
+  };
+
+  /** The element whose listener is running, when an error comes from an event handler. */
+  const eventOwner = (): ErrorOwner | undefined => {
+    const event = read(() => (globalThis as { event?: unknown }).event, undefined);
+    if (!(typeof Event !== 'undefined' && event instanceof Event)) return undefined;
+    return ownerOfElement(event.currentTarget) ?? ownerOfElement(event.target);
+  };
+
+  const ownerByName = (names: readonly string[]): ErrorOwner | undefined => {
+    const ng = getNg();
+    if (!names.length || !ng?.getComponent || typeof document === 'undefined') return undefined;
+    const found = new Map<string, Element>();
+    const walker = document.createTreeWalker(document.body ?? document.documentElement, 1);
+    for (let n = 0, node = walker.currentNode; node && n < MAX_OWNER_SCAN; n++) {
+      const component = read(() => ng.getComponent!(node as Element), null);
+      if (component && typeof component === 'object') {
+        const name = className((component as object).constructor);
+        if (!found.has(name)) found.set(name, node as Element);
+      }
+      node = walker.nextNode() as Node;
+    }
+    for (const name of names) {
+      const host = found.get(name);
+      if (host) return { id: elementId(host), name };
+    }
+    return undefined;
+  };
+
+  const record = (value: unknown, source: ErrorSource, fallbackMessage?: string) => {
+    if (stopped) return;
+    const at = now();
+    if (repeated(value, at)) return;
+    let message = valueText(value, MAX_MESSAGE);
+    if ((value === undefined || value === null) && fallbackMessage) {
+      message = clip(redactText(fallbackMessage), MAX_MESSAGE);
+    }
+    const name = isErrorLike(value)
+      ? read(() => String(value.name ?? 'Error'), 'Error')
+      : undefined;
+    const code = ngCodeOf(value, message);
+    const key = `${code ?? ''}|${message}`;
+    let group = groups.get(key);
+    if (group) {
+      group.count++;
+      group.lastAt = at;
+      if (!group.sources.includes(source)) group.sources.push(source);
+    } else {
+      const stack = stackOf(value);
+      group = {
+        key,
+        id: `e${++nextGroup}`,
+        message,
+        count: 1,
+        firstAt: at,
+        lastAt: at,
+        sources: [source],
+        candidates: ownerCandidates(message, stack),
+        ...(name ? { name: clip(redactText(name), 80) } : {}),
+        ...(code ? { code } : {}),
+        ...(code && ngCodeUrl(code) ? { docUrl: ngCodeUrl(code) } : {}),
+        ...(stack ? { stack } : {}),
+      };
+      groups.set(key, group);
+      evictGroups();
+    }
+    if (!group.owner) {
+      const owner = source === 'promise' ? undefined : eventOwner();
+      if (owner) group.owner = owner;
+    }
+    changedGroups.add(group);
+    schedulePush();
+  };
+
+  const evictGroups = () => {
+    while (groups.size > MAX_ERROR_GROUPS) {
+      let oldest: Group | undefined;
+      for (const group of groups.values()) {
+        if (!oldest || group.lastAt < oldest.lastAt) oldest = group;
+      }
+      if (!oldest) return;
+      groups.delete(oldest.key);
+      changedGroups.delete(oldest);
+      removedIds.push(oldest.id);
+      droppedErrors++;
+    }
+  };
+
+  const onConsole = (level: ConsoleLevel, args: readonly unknown[]) => {
+    if (stopped) return;
+    // Angular's default ErrorHandler logs `console.error('ERROR', error)`: count
+    // it as a handler error when the handler could not be wrapped.
+    if (level === 'error' && args[0] === 'ERROR' && args.length === 2 && !handler) {
+      record(args[1], 'handler');
+    }
+    const text = consoleText(args);
+    if (!text || text.startsWith('[pangular]')) return;
+    const at = now();
+    const last = consoleEntries.at(-1);
+    if (last && last.level === level && last.text === text) {
+      last.count++;
+      last.at = at;
+      changedEntries.add(last);
+      schedulePush();
+      return;
+    }
+    const code = ngCodeOf(undefined, text);
+    const docUrl = code ? ngCodeUrl(code) : undefined;
+    const entry: ConsoleEntry = {
+      id: ++nextEntry,
+      level,
+      text,
+      at,
+      count: 1,
+      ...(code ? { code } : {}),
+      ...(docUrl ? { docUrl } : {}),
+    };
+    consoleEntries.push(entry);
+    changedEntries.add(entry);
+    while (consoleEntries.length > MAX_CONSOLE_ENTRIES) {
+      changedEntries.delete(consoleEntries.shift()!);
+      droppedConsole++;
+    }
+    schedulePush();
+  };
+
+  const onError = (event: Event) => {
+    const error = read(() => (event as ErrorEvent).error, undefined);
+    const message = read(() => (event as ErrorEvent).message, '');
+    record(error ?? undefined, 'window', message || 'Script error.');
+  };
+  const onRejection = (event: Event) => {
+    record(
+      read(() => (event as PromiseRejectionEvent).reason, undefined),
+      'promise',
+      'Unhandled promise rejection',
+    );
+  };
+
+  /** Wraps the app's ErrorHandler once it exists; the app's own handler still runs first in line. */
+  const wrapHandler = () => {
+    if (handler && handlerRoot?.isConnected !== false) return;
+    if (handler) unwrapHandler();
+    const ng = getNg();
+    if (!ng?.getInjector || typeof document === 'undefined') return;
+    for (const root of Array.from(document.querySelectorAll('[ng-version]'))) {
+      const injector = read(() => ng.getInjector!(root), null);
+      if (!injector) continue;
+      const instance = providerOf(
+        ng,
+        injector,
+        'ErrorHandler',
+        (value) =>
+          typeof read(() => (value as AnyRecord)?.['handleError'], undefined) === 'function',
+      );
+      if (!instance) continue;
+      const own = Object.hasOwn(instance, 'handleError');
+      const original = instance['handleError'] as (...args: unknown[]) => unknown;
+      const wrapped = function (this: unknown, ...args: unknown[]) {
+        try {
+          record(args[0], 'handler');
+        } catch {
+          // Recording never gets in the way of the app's handler.
+        }
+        return original.apply(this, args);
+      };
+      instance['handleError'] = wrapped;
+      handler = { instance, wrapped, original, own };
+      handlerRoot = root;
+      return;
+    }
+  };
+
+  const unwrapHandler = () => {
+    if (!handler) return;
+    const { instance, wrapped, original, own } = handler;
+    if (instance['handleError'] === wrapped) {
+      if (own) instance['handleError'] = original;
+      else delete instance['handleError'];
+    }
+    handler = null;
+    handlerRoot = null;
+  };
+
+  const report = (): ErrorsReport => {
+    for (const group of changedGroups) {
+      if (group.owner || !group.candidates.length) continue;
+      const owner = ownerByName(group.candidates);
+      group.candidates = [];
+      if (owner) group.owner = owner;
+    }
+    const all = full;
+    const errors = [...(all ? groups.values() : changedGroups)].map(
+      ({ key: _key, candidates: _candidates, ...group }) => ({
+        ...group,
+        sources: [...group.sources],
+      }),
+    );
+    const consoleOut = (
+      all ? consoleEntries : consoleEntries.filter((e) => changedEntries.has(e))
+    ).map((entry) => ({ ...entry }));
+    return {
+      pageId,
+      full: all,
+      url: redactUrl(read(() => location.pathname + location.search, '')),
+      title: redactMessage(read(() => document.title, '')),
+      handler: handler ? 'wrapped' : 'none',
+      errors,
+      ...(all ? {} : { removed: [...removedIds] }),
+      console: consoleOut,
+      ...(all ? {} : { firstConsoleId: consoleEntries[0]?.id ?? nextEntry + 1 }),
+      dropped: { errors: droppedErrors, console: droppedConsole },
+    };
+  };
+
+  const pushOnce = async () => {
+    if (left || stopped) return;
+    wrapHandler();
+    const nothing = !full && !changedGroups.size && !changedEntries.size && !removedIds.length;
+    if (nothing && !keepaliveDue(sentAt, tickMs(), now())) return;
+    const payload = report();
+    const sentGroups = [...changedGroups];
+    const sentEntries = [...changedEntries];
+    const sentRemoved = removedIds;
+    changedGroups.clear();
+    changedEntries.clear();
+    removedIds = [];
+    full = false;
+    sentAt = now();
+    let answer: { known?: boolean } | undefined;
+    try {
+      answer = (await my.rpc.call('push-errors', payload)) as { known?: boolean } | undefined;
+    } catch (error) {
+      for (const group of sentGroups) if (groups.has(group.key)) changedGroups.add(group);
+      for (const entry of sentEntries)
+        if (consoleEntries.includes(entry)) changedEntries.add(entry);
+      removedIds = [...sentRemoved, ...removedIds];
+      full = full || payload.full;
+      throw error;
+    }
+    if (answer?.known === false) {
+      full = true;
+      schedulePush();
+    }
+  };
+
+  const push = () => (queue = queue.then(pushOnce, pushOnce));
+
+  const stopConsole = tapConsole(CONSOLE_LEVELS, onConsole);
+  target?.addEventListener('error', onError);
+  target?.addEventListener('unhandledrejection', onRejection);
+  wrapHandler();
+
+  return {
+    push,
+    leave() {
+      if (left) return;
+      left = true;
+      clearTimeout(pushTimer);
+      pushTimer = undefined;
+      void my.rpc.call('forget-errors-page', pageId).catch(() => {});
+    },
+    resume() {
+      left = false;
+      full = true;
+      schedulePush();
+    },
+    stop() {
+      stopped = true;
+      clearTimeout(pushTimer);
+      stopConsole();
+      target?.removeEventListener('error', onError);
+      target?.removeEventListener('unhandledrejection', onRejection);
+      unwrapHandler();
+    },
+  };
+}
diff --git a/packages/devtools/src/forms-collector.ts b/packages/devtools/src/forms-collector.ts
index 3a82eaa4..6c146f7f 100644
--- a/packages/devtools/src/forms-collector.ts
+++ b/packages/devtools/src/forms-collector.ts
@@ -39,6 +39,7 @@ import { redactMessage } from './forms-privacy.ts';
 import { fieldPath, probeEveryTime } from './forms-read.ts';
 import { watchWebMcp } from './forms-webmcp.ts';
 import { FORMLESS_FORM_ACTIONS } from './config.ts';
+import { tapConsole } from './console-tap.ts';
 
 type AnyRecord = Record<string, any>;
 
@@ -655,17 +656,14 @@ export function attachForms(
   for (const type of USER_EVENTS) document.addEventListener(type, onUserEvent, true);
   addEventListener('unhandledrejection', onRejection);
 
-  const originalError = console.error;
-  const patchedError = function (this: unknown, ...args: unknown[]) {
-    const setup = read(() => setupErrorOf(args), null);
+  const stopConsole = tapConsole(['error'], (_level, args) => {
+    const setup = read(() => setupErrorOf(args as unknown[]), null);
     if (setup && !setupErrors.includes(setup)) {
       setupErrors.push(setup);
       if (setupErrors.length > MAX_SETUP_ERRORS) setupErrors.shift();
       schedulePush();
     }
-    return originalError.apply(this, args as []);
-  };
-  console.error = patchedError;
+  });
 
   my.rpc.register({
     name: 'highlight-form-field',
@@ -756,7 +754,7 @@ export function attachForms(
       clearTimeout(userTimer);
       for (const type of USER_EVENTS) document.removeEventListener(type, onUserEvent, true);
       removeEventListener('unhandledrejection', onRejection);
-      if (console.error === patchedError) console.error = originalError;
+      stopConsole();
       for (const { stop } of watched.values()) stop();
       watched.clear();
       for (const root of [...signalRoots.keys()]) unwrapSignalRoot(root);
diff --git a/packages/devtools/src/http.ts b/packages/devtools/src/http.ts
index f5e9f118..4667f507 100644
--- a/packages/devtools/src/http.ts
+++ b/packages/devtools/src/http.ts
@@ -46,6 +46,7 @@ import {
 } from './ssr-registry.ts';
 import { matchingOverrides } from './ssr-overrides.ts';
 import { watchSsrNavigations } from './ssr-navigation.ts';
+import { tapConsole } from './console-tap.ts';
 
 export * from './http-rules.ts';
 export { decodePayload, type PayloadEntry, type PayloadSummary } from './http-payload.ts';
@@ -347,22 +348,16 @@ function captureHydrationWarnings() {
   const registry = httpRegistry();
   if (registry.warnings) return;
   const warnings: string[] = (registry.warnings = []);
-  for (const level of ['warn', 'error'] as const) {
-    const original = console[level];
-    console[level] = (...args: unknown[]) => {
-      try {
-        const text = args.map(textOf).join(' ');
-        if (isHydrationMessage(text)) {
-          const warning = redactMessage(text.slice(0, 5000)).slice(0, 1000);
-          if (!warnings.includes(warning)) {
-            warnings.push(warning);
-            if (warnings.length > MAX_WARNINGS) warnings.shift();
-          }
-        }
-      } catch {}
-      original.apply(console, args);
-    };
-  }
+  // Kept for the page's life, like the registry it fills.
+  tapConsole(['warn', 'error'], (_level, args) => {
+    const text = args.map(textOf).join(' ');
+    if (!isHydrationMessage(text)) return;
+    const warning = redactMessage(text.slice(0, 5000)).slice(0, 1000);
+    if (!warnings.includes(warning)) {
+      warnings.push(warning);
+      if (warnings.length > MAX_WARNINGS) warnings.shift();
+    }
+  });
 }
 
 /** `provideHttpClient(withPangular())` registers the DevTools interceptor. */
diff --git a/packages/devtools/src/hub-commands.ts b/packages/devtools/src/hub-commands.ts
new file mode 100644
index 00000000..b11f9183
--- /dev/null
+++ b/packages/devtools/src/hub-commands.ts
@@ -0,0 +1,73 @@
+import { panelCommands, type PanelCommand, type ResolvedPangularConfig } from './config.ts';
+import { ALL_TOOLS_DOCK_ID } from './hub-docks.ts';
+
+/** The broadcast that tells connected panels to run a command, without the `pangular:` prefix. */
+export const PANEL_COMMAND_EVENT = 'panel-command';
+
+/** What `PANEL_COMMAND_EVENT` carries. */
+export interface PanelCommandMessage {
+  command: string;
+}
+
+interface HubCommandInput {
+  id: string;
+  title: string;
+  category?: string;
+  description?: string;
+  handler?: () => void;
+  showInPalette?: boolean | 'without-children';
+  children?: HubCommandInput[];
+}
+
+interface HubCommandsContext {
+  commands: { register: (command: HubCommandInput) => unknown };
+  docks?: { activate?: (dockId: string) => void };
+}
+
+function hasCommands(ctx: unknown): ctx is HubCommandsContext {
+  const commands = (ctx as { commands?: { register?: unknown } } | null)?.commands;
+  return typeof commands?.register === 'function';
+}
+
+const CATEGORY = 'Pangular Inspector';
+
+/** Commands that need the panel on screen, so the hub opens All tools first. */
+function showsPanel(command: PanelCommand): boolean {
+  return command.group === 'Go to' || command.group === 'Actions';
+}
+
+/**
+ * Registers the panel's commands in the hub's command palette through
+ * `ctx.commands`, under `pangular:`. Running one asks the connected panels
+ * to run it (`run`), after opening the **All tools** dock when the command
+ * shows something. Popup dock modes stay out: the hub has its own. Returns
+ * the registered ids, or `undefined` outside a hub.
+ */
+export function registerHubCommands(
+  ctx: unknown,
+  config: ResolvedPangularConfig,
+  run: (message: PanelCommandMessage) => void,
+): string[] | undefined {
+  if (!hasCommands(ctx)) return undefined;
+  const commands = panelCommands(config).filter((command) => !command.popupOnly);
+  const toInput = (command: PanelCommand): HubCommandInput => ({
+    id: `pangular:${command.id}`,
+    title: command.title,
+    category: CATEGORY,
+    handler: () => {
+      if (showsPanel(command)) ctx.docks?.activate?.(ALL_TOOLS_DOCK_ID);
+      run({ command: command.id });
+    },
+  });
+  const tabs = commands.filter((command) => command.id.startsWith('tab:'));
+  const rest = commands.filter((command) => !command.id.startsWith('tab:'));
+  // One parent for the tabs, so the palette can also be browsed tab by tab.
+  ctx.commands.register({
+    id: 'pangular:tabs',
+    title: 'Pangular: open a tab',
+    category: CATEGORY,
+    children: tabs.map(toInput),
+  });
+  for (const command of rest) ctx.commands.register(toInput(command));
+  return ['pangular:tabs', ...commands.map((command) => `pangular:${command.id}`)];
+}
diff --git a/packages/devtools/src/ng-error-codes.ts b/packages/devtools/src/ng-error-codes.ts
new file mode 100644
index 00000000..ea206d6a
--- /dev/null
+++ b/packages/devtools/src/ng-error-codes.ts
@@ -0,0 +1,255 @@
+/**
+ * Angular error codes (`NG0100`, `NG01203`, `NG8001`) and the pages of
+ * Angular's error reference. Titles follow the reference's index; the notes
+ * paraphrase the first lines of each page, so they stay short and factual.
+ */
+
+export const ERROR_REFERENCE_URL = 'https://angular.dev/errors';
+
+interface CodeInfo {
+  title: string;
+  note?: string;
+}
+
+/** Every code with a page in Angular's error reference (https://angular.dev/errors). */
+const CODES: Record<string, CodeInfo> = {
+  NG0100: {
+    title: 'Expression Changed After Checked',
+    note: 'A binding changed after change detection finished. Angular checks this only in development mode. Common causes: a getter or method that returns a different value on each call, or a child or lifecycle hook (ngAfterViewInit, ngOnChanges) that changes a value the parent already rendered.',
+  },
+  NG0200: {
+    title: 'Circular Dependency in DI',
+    note: 'A service depends, directly or through other services, on itself. The error lists the chain of tokens.',
+  },
+  NG0201: {
+    title: 'No Provider Found',
+    note: 'Something injects a token that no injector on its path provides. Provide it (providedIn, a providers array or the app config) or make the injection optional.',
+  },
+  NG0203: {
+    title: '`inject()` must be called from an injection context',
+    note: 'inject() ran outside an injection context. It works in a constructor, a field initializer, a factory, or inside runInInjectionContext.',
+  },
+  NG0204: {
+    title: 'Invalid Injection Token',
+    note: 'Angular could not resolve a dependency of a class, most often because the class is missing @Injectable (or @Service) or a constructor parameter has no usable type.',
+  },
+  NG0205: {
+    title: 'Injector has already been destroyed',
+    note: 'Code asked a destroyed injector for a service, typically an async callback that runs after its component or module was destroyed.',
+  },
+  NG0207: {
+    title: 'EnvironmentProviders in wrong context',
+    note: 'EnvironmentProviders (such as provideHttpClient()) were used where only regular providers are allowed, such as a component providers array.',
+  },
+  NG0209: {
+    title: 'Invalid multi provider',
+    note: 'A token meant for multi: true providers was found with a single value instead of an array.',
+  },
+  NG0300: {
+    title: 'Selector Collision',
+    note: 'Two or more components match the same element. Component selectors must be unique.',
+  },
+  NG0301: {
+    title: 'Export Not Found',
+    note: 'A template reference uses an exportAs name that no directive on the element exports. Often a missing import such as FormsModule.',
+  },
+  NG0302: {
+    title: 'Pipe Not Found',
+    note: 'A template uses a pipe that is not imported or declared where the template is compiled.',
+  },
+  NG0318: {
+    title: 'Invalid style property binding value',
+    note: 'A style property binding got a value of an unsupported type. Use strings, numbers, SafeValue, null or undefined.',
+  },
+  NG0401: {
+    title: 'Missing platform',
+    note: 'bootstrapApplication ran on the server without a BootstrapContext. Pass it from main.server.ts.',
+  },
+  NG0403: {
+    title: "Bootstrapped NgModule doesn't specify which component to initialize",
+    note: 'The bootstrapped NgModule has no bootstrap components and no ngDoBootstrap method.',
+  },
+  NG0500: {
+    title: 'Hydration Node Mismatch',
+    note: 'During hydration the DOM on the client did not match what the server rendered. Usually direct DOM manipulation, innerHTML or outerHTML in a component.',
+  },
+  NG0501: {
+    title: 'Hydration Missing Siblings',
+    note: 'Hydration expected more sibling nodes than it found, for example an @if or @for that renders differently on the server and on the client.',
+  },
+  NG0502: {
+    title: 'Hydration Missing Node',
+    note: 'Hydration expected a node at a place in the DOM and found none. See NG0500 for the usual causes.',
+  },
+  NG0503: {
+    title: 'Hydration Unsupported Projection of DOM Nodes',
+    note: 'Nodes created outside Angular (native DOM APIs) were passed as projectable nodes, which hydration does not support.',
+  },
+  NG0504: {
+    title: 'Skip hydration flag is applied to an invalid node',
+    note: 'ngSkipHydration is on a node that is not a component host. It only works on component hosts.',
+  },
+  NG0505: {
+    title: 'No hydration info in server response',
+    note: 'Hydration is on in the client, but the server response has no hydration data. Check that the server enables hydration too.',
+  },
+  NG0506: {
+    title: 'NgZone remains unstable',
+    note: 'The app did not become stable within 10 seconds during hydration, usually because of pending timers or microtasks.',
+  },
+  NG0507: {
+    title: 'HTML content was altered after SSR',
+    note: 'The server-rendered HTML changed before hydration, for example a CDN that strips whitespace and comment nodes.',
+  },
+  NG0600: {
+    title: 'Signal write in a disallowed context',
+    note: 'A signal was set or updated while a computed or a template was being evaluated. Both may only read signals.',
+  },
+  NG0602: {
+    title: 'Disallowed function call inside reactive context',
+    note: 'A function that must not run in a reactive context, such as effect(), was called from a computed, a template or a running effect.',
+  },
+  NG0750: {
+    title: '@defer dependencies failed to load',
+    note: 'Loading the dependencies of a @defer block failed and the block has no @error block.',
+  },
+  NG0751: { title: '@defer behavior when HMR is enabled' },
+  NG0904: {
+    title: 'Unsafe value used in a resource URL context',
+    note: 'A binding set a resource URL (such as iframe src) to a value that was not marked as trusted.',
+  },
+  NG0910: {
+    title: 'Unsafe bindings on an iframe element',
+    note: 'An iframe has a binding on a security-sensitive attribute such as sandbox or allow. Set them as static attributes.',
+  },
+  NG0912: {
+    title: 'Component ID generation collision',
+    note: 'Two components have the same generated id because their metadata is identical, often the same selector.',
+  },
+  NG0913: { title: 'Runtime Performance Warnings' },
+  NG0919: {
+    title: 'Circular Dependency Detected',
+    note: 'Components, directives or pipes import each other in a cycle, so Angular cannot read their metadata.',
+  },
+  NG0950: {
+    title: 'Required input is accessed before a value is set',
+    note: 'A required input was read before Angular bound a value, often during class construction.',
+  },
+  NG0951: {
+    title: 'Child query result is required but no value is available',
+    note: 'A required viewChild or contentChild was read before its results were calculated, or it has no match.',
+  },
+  NG0955: {
+    title: 'Track expression resulted in duplicated keys for a given collection',
+    note: 'The track expression of a @for block gives the same key to more than one item.',
+  },
+  NG0956: {
+    title: 'Tracking expression caused re-creation of the DOM structure',
+    note: 'A @for block tracked by identity re-created the DOM of every item, common with immutable data. Track by a unique id.',
+  },
+  NG0991: {
+    title: 'Resource completed before producing a value',
+    note: 'An rxResource or httpResource Observable completed without a value or an error.',
+  },
+  NG01002: {
+    title: 'Missing Control Value',
+    note: 'setValue on a FormGroup or FormArray got a value without an entry for one of its controls. Use patchValue to update only some.',
+  },
+  NG01101: {
+    title: 'Wrong Async Validator Return Type',
+    note: 'An async validator must return a Promise or an Observable.',
+  },
+  NG01203: {
+    title: 'Missing value accessor',
+    note: 'A form directive is on an element or component with no ControlValueAccessor. Custom controls must provide NG_VALUE_ACCESSOR.',
+  },
+  NG01902: {
+    title: 'Orphan field in signal forms',
+    note: 'A signal forms field no longer resolves in the model, often because its value was set to undefined.',
+  },
+  NG02200: {
+    title: 'Missing Iterable Differ',
+    note: 'NgFor got a value that is not iterable. Pass an array or another iterable, or use the keyvalue pipe for an object.',
+  },
+  NG02800: {
+    title: 'JSONP support in HttpClient configuration',
+    note: 'A JSONP request was made without JSONP support. Add withJsonpSupport() to provideHttpClient().',
+  },
+  NG02802: {
+    title: 'Headers not transferred by HttpTransferCache',
+    note: 'Client code read a header that the HTTP transfer cache did not transfer. List it in includeHeaders.',
+  },
+  NG02825: {
+    title: 'Fetch response body exceeds the configured limit',
+    note: 'During SSR a response body passed maxResponseBodySize (1 MB by default).',
+  },
+  NG05000: { title: 'Hydration with unsupported Zone.js instance.' },
+  NG05104: {
+    title: 'Root element was not found.',
+    note: 'Angular could not find the element of a bootstrapped component, usually a selector that does not match the tag in index.html.',
+  },
+  NG05106: {
+    title: 'Insertion reference node not found',
+    note: 'Code outside Angular moved or removed a DOM node Angular tracks, so it could not insert next to it.',
+  },
+  NG05703: { title: 'Suspicious URL origin change during SSR' },
+  NG1001: { title: 'Argument Not Literal' },
+  NG2003: { title: 'Missing Token' },
+  NG2009: { title: 'Invalid Shadow DOM selector' },
+  NG3003: { title: 'Import Cycle Detected' },
+  NG6100: { title: 'NgModule.id Set to module.id anti-pattern' },
+  NG8001: { title: 'Invalid Element' },
+  NG8002: { title: 'Invalid Attribute' },
+  NG8003: { title: 'Missing Reference Target' },
+  NG8011: { title: 'Control Flow Preventing Content Projection' },
+  NG8023: { title: 'Multiple Components Match Same Element' },
+  NG8024: { title: 'Conflicting Host Directive Binding' },
+};
+
+/** `NG0` and 3 or 4 digits at runtime, `NG1` to `NG9` and 3 digits from the compiler. */
+const CODE_IN_TEXT = /(?<![\w-])NG(?:0\d{3,4}|[1-9]\d{3})(?!\d)/;
+
+/** Upper-cases and checks a code someone typed, such as `ng100` or `NG0100`. */
+export function normalizeNgCode(text: string): string | undefined {
+  const match = /^\s*NG(\d{3,5})\s*$/i.exec(text);
+  if (!match) return undefined;
+  const digits = match[1]!;
+  // Runtime codes start with 0 (`NG0100`); a bare `NG100` means the same page.
+  if (digits.length === 3) return `NG0${digits}`;
+  return `NG${digits}`;
+}
+
+/**
+ * The Angular error code of an error or a message. A `RuntimeError` carries
+ * its number in `code` (negative for codes with a page in the reference);
+ * other errors only have it in the message.
+ */
+export function ngCodeOf(error: unknown, message = ''): string | undefined {
+  let code: unknown;
+  try {
+    code = (error as { code?: unknown } | null)?.code;
+  } catch {
+    code = undefined;
+  }
+  if (typeof code === 'number' && Number.isInteger(code) && code !== 0) {
+    // The same formatting as Angular's `formatRuntimeErrorCode`.
+    return `NG0${Math.abs(code)}`;
+  }
+  return CODE_IN_TEXT.exec(message)?.[0];
+}
+
+/** Whether Angular's error reference has a page for the code. */
+export function isDocumentedCode(code: string): boolean {
+  return Object.hasOwn(CODES, code);
+}
+
+/** The reference page of a code, or `undefined` when the reference has none. */
+export function ngCodeUrl(code: string): string | undefined {
+  return isDocumentedCode(code) ? `${ERROR_REFERENCE_URL}/${code}` : undefined;
+}
+
+/** The title and the short note on a code, when the reference documents it. */
+export function ngCodeInfo(code: string): (CodeInfo & { url: string }) | undefined {
+  const info = CODES[code];
+  return info ? { ...info, url: `${ERROR_REFERENCE_URL}/${code}` } : undefined;
+}
diff --git a/packages/devtools/src/overlay.ts b/packages/devtools/src/overlay.ts
index c2bf2799..b319c605 100644
--- a/packages/devtools/src/overlay.ts
+++ b/packages/devtools/src/overlay.ts
@@ -7,6 +7,7 @@ import { attachForms } from './forms-collector.ts';
 import { attachPipes } from './pipes-collector.ts';
 import { attachHttp } from './http-overlay.ts';
 import { attachCapacitor } from './capacitor-overlay.ts';
+import { attachErrors } from './errors-collector.ts';
 import { allowClientRules, httpRegistry } from './http-rules.ts';
 import { attachNgrx } from './ngrx-overlay.ts';
 import { collectInjectorTree } from './injector-tree.ts';
@@ -271,6 +272,9 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
   }
   const my = rpc.scope('pangular');
   const devtoolsConfig = configFromConnection(rpc.connectionMeta);
+  void overlayPopup()
+    ?.then((m) => m.setPopupHotkey(devtoolsConfig.popup.hotkey))
+    .catch(() => {});
   const on = devtoolsConfig.inspectors;
   const limits = devtoolsConfig.limits;
   allowClientRules(on.http && devtoolsConfig.actions.http);
@@ -447,6 +451,7 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
     ? attachChangeDetection(my, pageId, getNg, limits.cdCycles, tickMs)
     : null;
   const ngrx = on.ngrx ? attachNgrx(my, pageId, getNg, limits.changeLog) : null;
+  const errors = on.errors ? attachErrors(my, pageId, getNg, { tickMs }) : null;
   const consoleGlobals = attachConsoleGlobals(my, pageId, {
     getNg,
     inspectors: on,
@@ -636,6 +641,7 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
     on.router && (() => void pushRouter()),
     http && (() => void http.push().catch(() => {})),
     cd && (() => void cd.push().catch(() => {})),
+    errors && (() => void errors.push().catch(() => {})),
   ].filter((collect) => typeof collect === 'function');
   const pushAll = () => collectors.forEach((run) => run());
   pushAll();
@@ -847,12 +853,14 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
     capacitor?.leave();
     forget('analog', 'forget-analog-page');
     ngrx?.leave();
+    errors?.leave();
   };
   addEventListener('pagehide', leave);
   const resendConfig = () => {
     sentGeneration = -1;
     pipes?.resume();
     capacitor?.resume();
+    errors?.resume();
     left = false;
     onVisibility();
   };
@@ -870,6 +878,7 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
     pipes?.stop();
     capacitor?.stop();
     ngrx?.stop();
+    errors?.stop();
     cd?.stop();
     hydrationOverlay?.stop();
     stopAnalog();
diff --git a/packages/devtools/src/popup.ts b/packages/devtools/src/popup.ts
index 0046fbd5..26a539ca 100644
--- a/packages/devtools/src/popup.ts
+++ b/packages/devtools/src/popup.ts
@@ -1,5 +1,6 @@
 export { registerNgrxSignals } from './ngrx-register.ts';
 import { DEVTOOLS_BASES, POPUP_ROOT_ID, SETUP_URL, insideDevtoolsPanel } from './panel-frame.ts';
+import { DEFAULT_POPUP_HOTKEY, matchesHotkey, normalizeHotkey } from './config.ts';
 // In-page floating devtools popup. Renders an iframe pointing at the devtools SPA.
 
 let popupRoot: HTMLElement | null = null;
@@ -18,6 +19,8 @@ interface PopupState {
   /** Where the launcher was left, so it can sit anywhere, not just a corner. */
   launcher?: { x: number; y: number };
   theme?: 'light' | 'dark';
+  /** Passive mode: the launcher stays hidden until the shortcut opens the panel. */
+  passive?: boolean;
 }
 
 const DEFAULT_STATE: PopupState = { x: 16, y: 16, width: 720, height: 480, docked: 'float' };
@@ -45,6 +48,7 @@ function loadState(): PopupState {
         ? { launcher: { x: point.x, y: point.y } }
         : {}),
       ...(saved.theme === 'light' || saved.theme === 'dark' ? { theme: saved.theme } : {}),
+      ...(saved.passive === true ? { passive: true } : {}),
     };
   } catch {
     return { ...DEFAULT_STATE };
@@ -67,6 +71,31 @@ let explicitSrc: string | undefined;
 let target: Promise<string | null> | undefined;
 let retarget: (() => void) | undefined;
 
+/** The shortcut that toggles the panel, or `false` when it is off. */
+let hotkey: string | false = DEFAULT_POPUP_HOTKEY;
+/** Applies a new shortcut to a popup that is already on the page. */
+let rehotkey: (() => void) | undefined;
+
+/**
+ * Sets the keyboard shortcut that opens and closes the panel, as
+ * `popup.hotkey` takes it. An invalid one keeps the default; `false` turns
+ * it off, which also shows a launcher that passive mode hid. The overlay
+ * calls it with the server's config.
+ */
+export function setPopupHotkey(value: string | false) {
+  hotkey = value === false ? false : (normalizeHotkey(value) ?? DEFAULT_POPUP_HOTKEY);
+  rehotkey?.();
+}
+
+function isMac(): boolean {
+  try {
+    const nav = navigator as Navigator & { userAgentData?: { platform?: string } };
+    return /mac|iphone|ipad|ipod/i.test(nav.userAgentData?.platform ?? nav.platform ?? '');
+  } catch {
+    return false;
+  }
+}
+
 async function servesJson(url: string): Promise<boolean> {
   try {
     const response = await fetch(url, { cache: 'no-store' });
@@ -158,7 +187,8 @@ export async function hideDevtools(): Promise<void> {
  * loads; without it the panel looks for the hub, then for the devtools alone.
  * A later call returns the same handle and applies a new `src`.
  */
-export function createDevtoolsPopup(options: { src?: string } = {}) {
+export function createDevtoolsPopup(options: { src?: string; hotkey?: string | false } = {}) {
+  if (options.hotkey !== undefined) setPopupHotkey(options.hotkey);
   if (options.src !== undefined && options.src !== explicitSrc) {
     explicitSrc = options.src;
     changeTarget();
@@ -220,20 +250,22 @@ export function createDevtoolsPopup(options: { src?: string } = {}) {
     btn.setAttribute('aria-pressed', String(state.docked === mode));
     btn.classList.add('dock-btn');
     if (state.docked === mode) btn.classList.add('active');
-    btn.addEventListener('click', () => {
-      state.docked = mode;
-      applyDock();
-      dockGroup.querySelectorAll('.dock-btn').forEach((b) => {
-        b.classList.remove('active');
-        b.setAttribute('aria-pressed', 'false');
-      });
-      btn.classList.add('active');
-      btn.setAttribute('aria-pressed', 'true');
-      saveState(state);
-    });
+    btn.dataset['mode'] = mode;
+    btn.addEventListener('click', () => setDock(mode));
     dockGroup.appendChild(btn);
   }
 
+  function setDock(mode: PopupState['docked']) {
+    state.docked = mode;
+    applyDock();
+    dockGroup.querySelectorAll<HTMLElement>('.dock-btn').forEach((b) => {
+      const active = b.dataset['mode'] === mode;
+      b.classList.toggle('active', active);
+      b.setAttribute('aria-pressed', String(active));
+    });
+    saveState(state);
+  }
+
   const closeBtn = document.createElement('button');
   closeBtn.type = 'button';
   closeBtn.classList.add('close-btn');
@@ -360,6 +392,7 @@ export function createDevtoolsPopup(options: { src?: string } = {}) {
       transition: transform 0.15s, filter 0.15s;
     }
     .fab:hover { filter: brightness(1.1); transform: scale(1.08); }
+    .fab.passive { display: none; }
     .fab.open { --_fab-bg: var(--_fab-open); }
     .fab .ko { stroke: var(--_fab-bg); }
     .fab .ko-fill { fill: var(--_fab-bg); }
@@ -635,6 +668,32 @@ export function createDevtoolsPopup(options: { src?: string } = {}) {
   };
   popupRoot.addEventListener('keydown', onEscape);
 
+  /** What had focus when the shortcut opened the panel. */
+  let returnFocus: HTMLElement | null = null;
+
+  /** Hides the launcher in passive mode while the panel is closed, if a shortcut can open it. */
+  function applyPassive() {
+    fab.classList.toggle('passive', !!state.passive && hotkey !== false && !isOpen);
+  }
+
+  const onHotkey = (event: Event) => {
+    const key = event as KeyboardEvent;
+    if (hotkey === false || key.repeat || !matchesHotkey(key, hotkey, isMac())) return;
+    event.preventDefault();
+    event.stopPropagation();
+    if (!isOpen) {
+      const active = document.activeElement;
+      returnFocus = active instanceof HTMLElement && active !== document.body ? active : null;
+      togglePanel();
+      focusWhenReady();
+    } else {
+      togglePanel();
+    }
+  };
+  // Capture, so the app's own key handlers do not see the shortcut.
+  window.addEventListener('keydown', onHotkey, true);
+  rehotkey = applyPassive;
+
   // A key pressed inside the frame is delivered to the frame's own document
   // and never reaches the host, so Escape would not close the panel while the
   // devtools have focus. The frame is same origin, so it can be listened to.
@@ -650,6 +709,7 @@ export function createDevtoolsPopup(options: { src?: string } = {}) {
         hookedDocs.add(doc);
         doc.addEventListener('keydown', noteSearchField, true);
         doc.addEventListener('keydown', onEscape);
+        doc.addEventListener('keydown', onHotkey, true);
         doc.querySelectorAll('iframe').forEach(hookFrame);
         new MutationObserver((records) => {
           for (const record of records) {
@@ -693,10 +753,19 @@ export function createDevtoolsPopup(options: { src?: string } = {}) {
     fab.setAttribute('aria-expanded', String(isOpen));
     panel.classList.toggle('open', isOpen);
     applyDock();
+    applyPassive();
     // Closing hides the panel, so focus would fall to the body. Only take it
-    // back when it was inside the popup: the host page may own it.
-    if (!isOpen && popupRoot?.contains(document.activeElement)) fab.focus();
-    if (!isOpen) pendingFocus = false;
+    // back when it was inside the popup: the host page may own it. The
+    // shortcut gives it back to what had it before the panel opened.
+    if (!isOpen && popupRoot?.contains(document.activeElement)) {
+      const back = returnFocus;
+      if (back?.isConnected) back.focus();
+      else if (!fab.classList.contains('passive')) fab.focus();
+    }
+    if (!isOpen) {
+      pendingFocus = false;
+      returnFocus = null;
+    }
     if (isOpen && !loaded) load();
   }
 
@@ -914,13 +983,28 @@ export function createDevtoolsPopup(options: { src?: string } = {}) {
   };
   const onThemeMessage = (e: MessageEvent) => {
     if (!fromPanel(e)) return;
-    const msg = e.data as { type?: unknown; theme?: unknown } | null;
-    if (msg?.type !== 'pangular:theme-change') return;
-    applyPopupTheme(msg.theme);
+    const msg = e.data as {
+      type?: unknown;
+      theme?: unknown;
+      mode?: unknown;
+      passive?: unknown;
+    } | null;
+    if (msg?.type === 'pangular:theme-change') applyPopupTheme(msg.theme);
+    else if (msg?.type === 'pangular:popup-dock') {
+      if (msg.mode === 'float' || msg.mode === 'bottom' || msg.mode === 'right') setDock(msg.mode);
+    } else if (msg?.type === 'pangular:popup-close') {
+      // The panel heard the shortcut inside a frame the popup can't listen to.
+      if (isOpen) togglePanel();
+    } else if (msg?.type === 'pangular:popup-passive' && typeof msg.passive === 'boolean') {
+      state.passive = msg.passive || undefined;
+      saveState(state);
+      applyPassive();
+    }
   };
   window.addEventListener('message', onThemeMessage);
 
   applyLauncher();
+  applyPassive();
   // Keep it reachable when the window changes size.
   window.addEventListener('resize', applyLauncher);
   window.addEventListener('resize', applyDock);
@@ -944,6 +1028,8 @@ export function createDevtoolsPopup(options: { src?: string } = {}) {
     toggle: togglePanel,
     destroy: () => {
       window.removeEventListener('message', onThemeMessage);
+      window.removeEventListener('keydown', onHotkey, true);
+      rehotkey = undefined;
       window.removeEventListener('resize', applyLauncher);
       window.removeEventListener('resize', applyDock);
       document.removeEventListener('toggle', onTopLayerOpen, true);
diff --git a/packages/devtools/src/rpc/errors-register.ts b/packages/devtools/src/rpc/errors-register.ts
new file mode 100644
index 00000000..96c0844c
--- /dev/null
+++ b/packages/devtools/src/rpc/errors-register.ts
@@ -0,0 +1,175 @@
+import { createSharedState } from 'devframe/utils/shared-state';
+import {
+  explainErrorText,
+  listConsoleText,
+  listErrorsText,
+  mergeErrorsReport,
+  staleErrorPages,
+  toErrorsReport,
+  type ErrorsState,
+} from './errors-tools.ts';
+import { PAGE_ARGUMENT, pageArgument } from './pages.ts';
+import { trackPageSessions } from './page-sessions.ts';
+import type { PageTtl } from './page-ttl.ts';
+
+type AnyRecord = Record<string, any>;
+
+interface Scoped {
+  rpc: {
+    sharedState(name: string, options: AnyRecord): Promise<AnyRecord>;
+  };
+}
+
+export interface ErrorsHost {
+  my: Scoped;
+  /** devframe's RPC host, to drop a page the moment its connection closes. */
+  rpcHost: unknown;
+  /** Registers an RPC function, skipped when the Errors inspector is off. */
+  register(definition: AnyRecord): void;
+  agent: { registerTool(tool: AnyRecord): void };
+  /** Whether the connection of the current call owns the page (`rpc/page-owners.ts`). */
+  owns(pageId: unknown): pageId is string;
+  mayForget(pageId: unknown): pageId is string;
+  ttl: PageTtl;
+}
+
+export interface ErrorsRegistration {
+  /** The pages that report errors, for `list-pages`. */
+  pages(): { pageId: string; reportedAt: number; url?: string; title?: string }[];
+  /** Drops pages that stopped reporting; call it from the shared expiry interval. */
+  expire(now?: number): void;
+}
+
+/**
+ * The Errors inspector on the server: the `errors` shared state, the
+ * `push-errors` and `forget-errors-page` RPC functions and the
+ * `list-errors`, `explain-error` and `list-console` agent tools.
+ */
+export async function registerErrors(host: ErrorsHost): Promise<ErrorsRegistration> {
+  // With patches on, a push sends the panel what changed, not every page.
+  const shared = await host.my.rpc.sharedState('errors', {
+    sharedState: createSharedState<ErrorsState>({
+      initialValue: { pages: {} },
+      enablePatches: true,
+    }),
+  });
+  const state = () => shared['value']() as ErrorsState;
+  const drop = (pageIds: readonly string[]) => {
+    const present = pageIds.filter((id) => state().pages[id]);
+    if (!present.length) return;
+    shared['mutate']((draft: ErrorsState) => {
+      for (const id of present) delete draft.pages[id];
+    });
+  };
+  const sessions = trackPageSessions(host.rpcHost, drop);
+
+  host.register({
+    name: 'push-errors',
+    type: 'action',
+    jsonSerializable: true,
+    handler: (message: unknown) => {
+      const report = toErrorsReport(message);
+      if (!report || !host.owns(report.pageId)) return { known: true };
+      sessions.bind(report.pageId);
+      let answer = { known: true };
+      shared['mutate']((draft: ErrorsState) => {
+        answer = mergeErrorsReport(draft, report);
+      });
+      return answer;
+    },
+  });
+
+  host.register({
+    name: 'forget-errors-page',
+    type: 'action',
+    jsonSerializable: true,
+    handler: (pageId: unknown) => {
+      if (!host.mayForget(pageId)) return;
+      sessions.unbind(pageId);
+      drop([pageId]);
+    },
+  });
+
+  host.agent.registerTool({
+    id: 'pangular:list-errors',
+    description:
+      "Errors the running page hit, grouped by message, most recent first: id, how many times, when last, the Angular error code with a link to its page in Angular's error reference, the message, the owning component (class name and instance id) when it can be found, and where it came from (`handler`: Angular's ErrorHandler, which the overlay wraps without changing it; `window`: an uncaught error; `promise`: an unhandled rejection). Messages and stacks are masked like other live values and capped (100 groups per page). Empty when the page had no error since it loaded or no page is connected.",
+    inputSchema: {
+      type: 'object',
+      properties: {
+        page: PAGE_ARGUMENT,
+        code: {
+          type: 'string',
+          description: 'Only errors with this Angular code, such as NG0100.',
+        },
+        limit: { type: 'integer', description: 'How many groups to list (1-100, default 30).' },
+      },
+    },
+    handler: async (args: AnyRecord) => ({
+      markdown: listErrorsText(state(), {
+        page: pageArgument(args),
+        code: typeof args?.['code'] === 'string' ? args['code'] : undefined,
+        limit: args?.['limit'],
+      }),
+    }),
+  });
+
+  host.agent.registerTool({
+    id: 'pangular:explain-error',
+    description:
+      "Explain one error from pangular:list-errors, or an Angular error code. With `id`: the message, count, sources, the owning component and its instance id (for pangular:inspect-component), the stack of the first occurrence, and for an Angular code its page in Angular's error reference with a short known-cause note taken from that reference. With `code` (such as NG0100): the reference entry and the errors on connected pages that carry it. Says so when Angular's reference has no page for the code.",
+    inputSchema: {
+      type: 'object',
+      properties: {
+        id: { type: 'string', description: 'Error id from pangular:list-errors, such as e3.' },
+        code: { type: 'string', description: 'An Angular error code, such as NG0100 or NG01203.' },
+        page: PAGE_ARGUMENT,
+      },
+    },
+    handler: async (args: AnyRecord) => ({
+      markdown: explainErrorText(state(), {
+        id: typeof args?.['id'] === 'string' ? args['id'] : undefined,
+        code: typeof args?.['code'] === 'string' ? args['code'] : undefined,
+        page: pageArgument(args),
+      }),
+    }),
+  });
+
+  host.agent.registerTool({
+    id: 'pangular:list-console',
+    description:
+      'Console calls on the running page (log, info, warn, error and debug), newest first: when, level, the text of the arguments, and the Angular error code it mentions. Calls repeated in a row show once with a count. The page keeps its last 200 calls from when the overlay connected. Values are masked like other live values. Empty when no page is connected.',
+    inputSchema: {
+      type: 'object',
+      properties: {
+        page: PAGE_ARGUMENT,
+        level: {
+          type: 'string',
+          enum: ['log', 'info', 'warn', 'error', 'debug'],
+          description: 'Only calls at this level.',
+        },
+        search: { type: 'string', description: 'Only calls whose text contains this, any case.' },
+        limit: { type: 'integer', description: 'How many calls to list (1-200, default 50).' },
+      },
+    },
+    handler: async (args: AnyRecord) => ({
+      markdown: listConsoleText(state(), {
+        page: pageArgument(args),
+        level: typeof args?.['level'] === 'string' ? args['level'] : undefined,
+        search: typeof args?.['search'] === 'string' ? args['search'] : undefined,
+        limit: args?.['limit'],
+      }),
+    }),
+  });
+
+  return {
+    pages: () =>
+      Object.values(state().pages).map((page) => ({
+        pageId: page.pageId,
+        reportedAt: page.reportedAt,
+        url: page.url,
+        title: page.title,
+      })),
+    expire: (now = Date.now()) => drop(staleErrorPages(state(), now, host.ttl)),
+  };
+}
diff --git a/packages/devtools/src/rpc/errors-tools.ts b/packages/devtools/src/rpc/errors-tools.ts
new file mode 100644
index 00000000..17807848
--- /dev/null
+++ b/packages/devtools/src/rpc/errors-tools.ts
@@ -0,0 +1,428 @@
+import { CONSOLE_LEVELS, type ConsoleLevel } from '../console-tap.ts';
+import { ERROR_REFERENCE_URL, ngCodeInfo, ngCodeUrl, normalizeNgCode } from '../ng-error-codes.ts';
+import { redactMessage, redactUrl } from '../router.ts';
+import { redactText } from '../serialize.ts';
+import { clip } from '../text.ts';
+import { code, untrusted } from './forms-tools.ts';
+import { byRecency, unknownPageText } from './pages.ts';
+
+/** Where an error came from on the page. */
+export type ErrorSource = 'handler' | 'window' | 'promise';
+
+/** The component whose template or class an error comes from. */
+export interface ErrorOwner {
+  /** The host element id, the same one the Components tab and `inspect-component` use. */
+  id: string;
+  name: string;
+}
+
+/** Every occurrence of one error message on a page, counted. */
+export interface ErrorGroup {
+  /** Stable on the page while it keeps the group. */
+  id: string;
+  /** `name: message`, masked and cut to 500 characters. */
+  message: string;
+  name?: string;
+  /** The Angular error code, such as `NG0100`. */
+  code?: string;
+  /** The code's page in Angular's error reference, when it has one. */
+  docUrl?: string;
+  count: number;
+  firstAt: number;
+  lastAt: number;
+  sources: ErrorSource[];
+  /** The stack of the first occurrence, masked and cut. */
+  stack?: string;
+  owner?: ErrorOwner;
+}
+
+export interface ConsoleEntry {
+  /** Grows with each new entry on the page. */
+  id: number;
+  level: ConsoleLevel;
+  /** The arguments as text, masked and cut to 500 characters. */
+  text: string;
+  /** The time of the last call; repeated calls in a row count up instead of adding entries. */
+  at: number;
+  count: number;
+  code?: string;
+  /** The code's page in Angular's error reference, when it has one. */
+  docUrl?: string;
+}
+
+/** What a page pushes. With `full` false, only what changed since the last push. */
+export interface ErrorsReport {
+  pageId: string;
+  full: boolean;
+  url: string;
+  title: string;
+  /** Whether the app's ErrorHandler is wrapped, so its errors are captured. */
+  handler: 'wrapped' | 'none';
+  errors: ErrorGroup[];
+  /** Groups the page let go to stay under its cap. */
+  removed?: string[];
+  console: ConsoleEntry[];
+  /** The oldest console entry the page still keeps. */
+  firstConsoleId?: number;
+  dropped: { errors: number; console: number };
+}
+
+export interface ErrorsPageView {
+  pageId: string;
+  url: string;
+  title: string;
+  reportedAt: number;
+  handler: 'wrapped' | 'none';
+  errors: Record<string, ErrorGroup>;
+  console: Record<string, ConsoleEntry>;
+  dropped: { errors: number; console: number };
+}
+
+export interface ErrorsState {
+  pages: Record<string, ErrorsPageView>;
+}
+
+export type ErrorsPage = ErrorsPageView;
+
+export const MAX_GROUPS = 100;
+export const MAX_ENTRIES = 200;
+const MAX_MESSAGE = 500;
+const MAX_STACK = 4000;
+const MAX_ID = 40;
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return !!value && typeof value === 'object' && !Array.isArray(value);
+}
+
+const num = (value: unknown, fallback = 0) =>
+  typeof value === 'number' && Number.isFinite(value) ? value : fallback;
+const text = (value: unknown, max: number) =>
+  typeof value === 'string' ? clip(redactText(value), max) : '';
+const codeText = (value: unknown) =>
+  typeof value === 'string' && /^NG\d{3,5}$/.test(value) ? value : undefined;
+
+function toOwner(value: unknown): ErrorOwner | undefined {
+  if (!isRecord(value) || typeof value['id'] !== 'string' || typeof value['name'] !== 'string') {
+    return undefined;
+  }
+  return { id: clip(value['id'], MAX_ID), name: clip(value['name'], 120) };
+}
+
+function toGroup(value: unknown): ErrorGroup | null {
+  if (!isRecord(value) || typeof value['id'] !== 'string') return null;
+  const sources = Array.isArray(value['sources'])
+    ? value['sources'].filter(
+        (s): s is ErrorSource => s === 'handler' || s === 'window' || s === 'promise',
+      )
+    : [];
+  const groupCode = codeText(value['code']);
+  const owner = toOwner(value['owner']);
+  const stack = text(value['stack'], MAX_STACK);
+  const name = text(value['name'], 80);
+  return {
+    id: clip(value['id'], MAX_ID),
+    message: text(value['message'], MAX_MESSAGE),
+    count: Math.max(1, Math.floor(num(value['count'], 1))),
+    firstAt: num(value['firstAt']),
+    lastAt: num(value['lastAt']),
+    sources,
+    ...(name ? { name } : {}),
+    ...(groupCode ? { code: groupCode } : {}),
+    // The link is rebuilt here, so a page can't point it anywhere else.
+    ...(groupCode && ngCodeUrl(groupCode) ? { docUrl: ngCodeUrl(groupCode) } : {}),
+    ...(stack ? { stack } : {}),
+    ...(owner ? { owner } : {}),
+  };
+}
+
+function toEntry(value: unknown): ConsoleEntry | null {
+  if (!isRecord(value) || typeof value['id'] !== 'number') return null;
+  const level = CONSOLE_LEVELS.find((l) => l === value['level']);
+  if (!level) return null;
+  const entryCode = codeText(value['code']);
+  return {
+    id: value['id'],
+    level,
+    text: text(value['text'], MAX_MESSAGE),
+    at: num(value['at']),
+    count: Math.max(1, Math.floor(num(value['count'], 1))),
+    ...(entryCode ? { code: entryCode } : {}),
+    ...(entryCode && ngCodeUrl(entryCode) ? { docUrl: ngCodeUrl(entryCode) } : {}),
+  };
+}
+
+/** Checks and masks a pushed report again on the server; `null` when it is not one. */
+export function toErrorsReport(message: unknown): ErrorsReport | null {
+  if (!isRecord(message) || typeof message['pageId'] !== 'string' || !message['pageId']) {
+    return null;
+  }
+  const list = <T>(value: unknown, map: (item: unknown) => T | null, max: number): T[] =>
+    Array.isArray(value)
+      ? value
+          .slice(-max)
+          .map(map)
+          .filter((item): item is T => item !== null)
+      : [];
+  const dropped = isRecord(message['dropped']) ? message['dropped'] : {};
+  return {
+    pageId: message['pageId'],
+    full: message['full'] === true,
+    url: typeof message['url'] === 'string' ? redactUrl(message['url']) : '',
+    title: typeof message['title'] === 'string' ? redactMessage(message['title']) : '',
+    handler: message['handler'] === 'wrapped' ? 'wrapped' : 'none',
+    errors: list(message['errors'], toGroup, MAX_GROUPS),
+    removed: Array.isArray(message['removed'])
+      ? message['removed'].filter((id): id is string => typeof id === 'string').slice(0, MAX_GROUPS)
+      : [],
+    console: list(message['console'], toEntry, MAX_ENTRIES),
+    ...(typeof message['firstConsoleId'] === 'number'
+      ? { firstConsoleId: message['firstConsoleId'] }
+      : {}),
+    dropped: { errors: num(dropped['errors']), console: num(dropped['console']) },
+  };
+}
+
+function trim<T>(record: Record<string, T>, max: number, order: (item: T) => number): number {
+  const keys = Object.keys(record);
+  if (keys.length <= max) return 0;
+  const sorted = keys.sort((a, b) => order(record[a]!) - order(record[b]!));
+  const extra = sorted.slice(0, keys.length - max);
+  for (const key of extra) delete record[key];
+  return extra.length;
+}
+
+/**
+ * Applies a report to the page's entry in place, so a shared state with
+ * patches sends the panel only what changed. Returns `known: false` for a
+ * partial report from a page the server does not hold, so it sends all of it.
+ */
+export function mergeErrorsReport(
+  draft: ErrorsState,
+  report: ErrorsReport,
+  now = Date.now(),
+): { known: boolean } {
+  const held = draft.pages[report.pageId];
+  if (!report.full && !held) return { known: false };
+  const page: ErrorsPageView =
+    report.full || !held
+      ? {
+          pageId: report.pageId,
+          url: report.url,
+          title: report.title,
+          reportedAt: now,
+          handler: report.handler,
+          errors: {},
+          console: {},
+          dropped: report.dropped,
+        }
+      : held;
+  if (page.url !== report.url) page.url = report.url;
+  if (page.title !== report.title) page.title = report.title;
+  if (page.handler !== report.handler) page.handler = report.handler;
+  page.reportedAt = now;
+  if (
+    page.dropped.errors !== report.dropped.errors ||
+    page.dropped.console !== report.dropped.console
+  ) {
+    page.dropped = report.dropped;
+  }
+  for (const id of report.removed ?? []) delete page.errors[id];
+  for (const group of report.errors) page.errors[group.id] = group;
+  if (report.firstConsoleId !== undefined) {
+    for (const id of Object.keys(page.console)) {
+      if (Number(id) < report.firstConsoleId) delete page.console[id];
+    }
+  }
+  for (const entry of report.console) page.console[String(entry.id)] = entry;
+  trim(page.errors, MAX_GROUPS, (group) => group.lastAt);
+  trim(page.console, MAX_ENTRIES, (entry) => entry.id);
+  if (draft.pages[report.pageId] !== page) draft.pages[report.pageId] = page;
+  return { known: true };
+}
+
+/** The pages that stopped reporting, to drop. */
+export function staleErrorPages(
+  state: ErrorsState,
+  now: number,
+  ttl: (pageId: string) => number,
+): string[] {
+  return Object.values(state.pages)
+    .filter((page) => now - page.reportedAt > ttl(page.pageId))
+    .map((page) => page.pageId);
+}
+
+const NO_PAGE =
+  'No page reports errors. Live data needs a page: connect through the MCP endpoint of the server that runs the app, with the app open in a browser and the overlay loaded.';
+
+const cell = (value: string) => value.replace(/\|/g, '\\|').replace(/\s+/g, ' ');
+
+function pickPage(
+  state: ErrorsState,
+  page: string | undefined,
+): { page: ErrorsPageView; note: string } | { markdown: string } {
+  const pages = byRecency(Object.values(state.pages));
+  if (page && !state.pages[page]) {
+    return { markdown: unknownPageText(page, pages, 'errors') };
+  }
+  const picked = page ? state.pages[page]! : pages[0];
+  if (!picked) return { markdown: NO_PAGE };
+  const note =
+    pages.length > 1 && !page
+      ? `Page ${code(picked.pageId)}; ${pages.length} pages report errors, pass \`page\` to pick another.\n\n`
+      : '';
+  return { page: picked, note };
+}
+
+function ago(at: number, now: number): string {
+  const seconds = Math.max(0, Math.round((now - at) / 1000));
+  if (seconds < 120) return `${seconds}s ago`;
+  const minutes = Math.round(seconds / 60);
+  return minutes < 120 ? `${minutes} min ago` : `${Math.round(minutes / 60)} h ago`;
+}
+
+function codeCell(group: { code?: string; docUrl?: string }): string {
+  if (!group.code) return '';
+  return group.docUrl ? `[${group.code}](${group.docUrl})` : group.code;
+}
+
+function handlerNote(page: ErrorsPageView): string {
+  return page.handler === 'wrapped'
+    ? ''
+    : "\n\nThe app's ErrorHandler is not wrapped (no Angular debug API found yet), so errors Angular catches are counted only when the default handler logs them.";
+}
+
+/** `list-errors`: the page's errors grouped by message, most recent first. */
+export function listErrorsText(
+  state: ErrorsState,
+  args: { page?: string; code?: string; limit?: number } = {},
+  now = Date.now(),
+): string {
+  const picked = pickPage(state, args.page);
+  if ('markdown' in picked) return picked.markdown;
+  const { page, note } = picked;
+  const wanted = args.code ? (normalizeNgCode(args.code) ?? args.code.toUpperCase()) : undefined;
+  const all = Object.values(page.errors)
+    .filter((group) => !wanted || group.code === wanted)
+    .sort((a, b) => b.lastAt - a.lastAt);
+  const limit = Math.min(Math.max(Math.floor(num(args.limit, 30)), 1), MAX_GROUPS);
+  if (!all.length) {
+    const what = wanted ? `no ${wanted} errors` : 'no errors';
+    return `${note}Page ${code(page.pageId)} reported ${what} since it loaded (Angular ErrorHandler, window errors and unhandled promise rejections).${handlerNote(page)}`;
+  }
+  const rows = all.slice(0, limit).map((group) => {
+    const owner = group.owner ? `${code(group.owner.name)} (${code(group.owner.id)})` : '';
+    return `| ${code(group.id)} | ${group.count} | ${ago(group.lastAt, now)} | ${codeCell(group)} | ${cell(code(clip(group.message, 200)))} | ${owner} | ${group.sources.join(', ')} |`;
+  });
+  const more =
+    all.length > limit ? `\n\n${all.length - limit} more; raise \`limit\` to see them.` : '';
+  const dropped = page.dropped.errors
+    ? `\n\n${page.dropped.errors} older error group(s) were dropped to stay under ${MAX_GROUPS}.`
+    : '';
+  return untrusted(
+    `${note}${all.length} error group(s) on page ${code(page.pageId)}, most recent first. Sources: \`handler\` is Angular's ErrorHandler, \`window\` an uncaught error, \`promise\` an unhandled rejection. Pass an id or code to pangular:explain-error for the stack, the owning component and the known cause; pass the owner id to pangular:inspect-component.\n\n| Id | Count | Last | Code | Message | Component | Source |\n| --- | --- | --- | --- | --- | --- | --- |\n${rows.join('\n')}${more}${dropped}${handlerNote(page)}`,
+  );
+}
+
+function codeSection(ngCode: string): string {
+  const info = ngCodeInfo(ngCode);
+  if (!info) {
+    return `**${ngCode}** has no page in Angular's error reference (${ERROR_REFERENCE_URL}), so there is no known cause to show. Read the message itself, and search the Angular source or changelog for the code.`;
+  }
+  return `**${ngCode}: ${info.title}**. Reference: ${info.url}${info.note ? `\n\nKnown cause (from Angular's error reference): ${info.note}` : ''}`;
+}
+
+/**
+ * `explain-error`: one error group by id, or an Angular code with the
+ * errors that carry it.
+ */
+export function explainErrorText(
+  state: ErrorsState,
+  args: { id?: string; code?: string; page?: string },
+  now = Date.now(),
+): string {
+  const query = (args.id ?? args.code ?? '').trim();
+  if (!query) return 'Pass `id` (from pangular:list-errors) or `code` (such as NG0100).';
+  const asCode = normalizeNgCode(query);
+  if (!args.id && asCode) {
+    const matches = Object.values(state.pages)
+      .filter((page) => !args.page || page.pageId === args.page)
+      .flatMap((page) =>
+        Object.values(page.errors)
+          .filter((group) => group.code === asCode)
+          .map((group) => ({ page, group })),
+      );
+    const seen = matches.length
+      ? `\n\nSeen on the page: ${matches
+          .slice(0, 10)
+          .map(
+            ({ page, group }) =>
+              `${code(group.id)} on ${code(page.pageId)}, ${group.count}x: ${code(clip(group.message, 200))}`,
+          )
+          .join('; ')}`
+      : '\n\nNo connected page reported this code.';
+    const body = `${codeSection(asCode)}${seen}`;
+    return matches.length ? untrusted(body) : body;
+  }
+  const picked = pickPage(state, args.page);
+  if ('markdown' in picked) return picked.markdown;
+  const pages = args.page ? [picked.page] : byRecency(Object.values(state.pages));
+  for (const page of pages) {
+    const group = page.errors[query];
+    if (!group) continue;
+    const lines = [
+      `**Error ${code(group.id)}** on page ${code(page.pageId)}: seen ${group.count} time(s), first ${ago(group.firstAt, now)}, last ${ago(group.lastAt, now)}, from ${group.sources.join(', ')}.`,
+      '',
+      `Message: ${code(group.message)}`,
+      '',
+      group.owner
+        ? `Component: ${code(group.owner.name)}, instance id ${code(group.owner.id)} (pass it to pangular:inspect-component).`
+        : 'Component: not found (the error did not come from a template listener, and no component on the page matches its message or stack).',
+      '',
+      group.code
+        ? codeSection(group.code)
+        : 'No Angular error code in this error, so it comes from app code or a library.',
+    ];
+    if (group.stack) {
+      const stack = group.stack.split('\n').slice(0, 15).join('\n').replace(/```/g, "'''");
+      lines.push('', 'Stack (first occurrence):', '', '```text', stack, '```');
+    }
+    return untrusted(lines.join('\n'));
+  }
+  return `No error ${code(query)} on ${args.page ? `page ${code(args.page)}` : 'any page'}. Ids come from pangular:list-errors and last while the page keeps the error; pass a code such as NG0100 as \`code\` for its reference entry.`;
+}
+
+/** `list-console`: the page's console calls, newest first. */
+export function listConsoleText(
+  state: ErrorsState,
+  args: { page?: string; level?: string; search?: string; limit?: number } = {},
+  now = Date.now(),
+): string {
+  const picked = pickPage(state, args.page);
+  if ('markdown' in picked) return picked.markdown;
+  const { page, note } = picked;
+  const level = args.level ? CONSOLE_LEVELS.find((l) => l === args.level) : undefined;
+  if (args.level && !level) {
+    return `Unknown level ${code(args.level)}. Use one of ${CONSOLE_LEVELS.map(code).join(', ')}.`;
+  }
+  const search = args.search?.toLowerCase();
+  const all = Object.values(page.console)
+    .filter((entry) => !level || entry.level === level)
+    .filter((entry) => !search || entry.text.toLowerCase().includes(search))
+    .sort((a, b) => b.id - a.id);
+  if (!all.length) {
+    return `${note}Page ${code(page.pageId)} has no console calls${level ? ` at level ${code(level)}` : ''}${search ? ' matching the search' : ''}. The page keeps its last ${MAX_ENTRIES} calls, from when the overlay connected.`;
+  }
+  const limit = Math.min(Math.max(Math.floor(num(args.limit, 50)), 1), MAX_ENTRIES);
+  const rows = all.slice(0, limit).map((entry) => {
+    const times = entry.count > 1 ? ` (${entry.count}x)` : '';
+    return `| ${ago(entry.at, now)} | ${entry.level} | ${cell(code(clip(entry.text, 300)))}${times} | ${codeCell({ code: entry.code, docUrl: entry.code ? ngCodeUrl(entry.code) : undefined })} |`;
+  });
+  const more =
+    all.length > limit ? `\n\n${all.length - limit} more; raise \`limit\` to see them.` : '';
+  const dropped = page.dropped.console
+    ? `\n\n${page.dropped.console} older call(s) were dropped to stay under ${MAX_ENTRIES}.`
+    : '';
+  return untrusted(
+    `${note}${all.length} console call(s) on page ${code(page.pageId)}, newest first. Calls repeated in a row are counted on one line. Values are masked like other live values.\n\n| When | Level | Text | Code |\n| --- | --- | --- | --- |\n${rows.join('\n')}${more}${dropped}`,
+  );
+}
diff --git a/packages/devtools/src/rpc/open-in-panel.ts b/packages/devtools/src/rpc/open-in-panel.ts
new file mode 100644
index 00000000..d236b854
--- /dev/null
+++ b/packages/devtools/src/rpc/open-in-panel.ts
@@ -0,0 +1,98 @@
+import {
+  PANEL_LINK_ITEMS,
+  enabledPanelTabs,
+  panelLinkHash,
+  type PanelLink,
+  type PanelTab,
+  type ResolvedPangularConfig,
+} from '../config.ts';
+
+/** The broadcast that asks connected panels to open a link, without the `pangular:` prefix. */
+export const OPEN_IN_PANEL_EVENT = 'open-in-panel';
+
+export const OPEN_IN_PANEL_DESCRIPTION =
+  "Give the user a link that opens the devtools panel on one tab, with one item selected, and switch the panels that are open to it. Use it to point the user at what you found. `tab` is the panel tab: dashboard, components, routes, signals, injectors, store, forms, pipes, network (SSR & HTTP), errors, analog or capacitor. `id` selects an item on components (a component instance id, from list-components or component-tree), injectors (the id of the component whose element injector to show) and forms (a form id, from forms); other tabs open without a selection. Pass `page` (see list-pages) when more than one tab reports. Answers with the link in markdown. The link is a full URL when the panel runs in the hub and a page has reported its address; otherwise it is the hash to add to the panel's address.";
+
+export interface OpenInPanelArgs {
+  tab?: unknown;
+  id?: unknown;
+  page?: unknown;
+}
+
+export interface OpenInPanelContext {
+  config: ResolvedPangularConfig;
+  /** Where the hub serves the panel, such as `/__devframes/pangular/`; unknown without a hub. */
+  panelBase?: string;
+  /** The address of the page the link is for, or of the newest page, to take the origin from. */
+  pageUrl?: string;
+  /** The page ids that report now. */
+  pages: string[];
+}
+
+export interface OpenInPanelResult {
+  markdown: string;
+  /** What the panels are asked to open, when the arguments are valid. */
+  link?: PanelLink;
+}
+
+function text(value: unknown): string | undefined {
+  if (typeof value !== 'string') return undefined;
+  const trimmed = value.trim();
+  return trimmed && trimmed.length <= 200 ? trimmed : undefined;
+}
+
+function originOf(url: string | undefined): string | undefined {
+  if (!url) return undefined;
+  try {
+    const origin = new URL(url).origin;
+    return origin === 'null' ? undefined : origin;
+  } catch {
+    return undefined;
+  }
+}
+
+/** Builds the `open-in-panel` answer and the link the panels should open. */
+export function openInPanel(args: OpenInPanelArgs, context: OpenInPanelContext): OpenInPanelResult {
+  const tabs = enabledPanelTabs(context.config);
+  const tab = tabs.find((candidate) => candidate.id === args?.tab);
+  if (!tab) {
+    const known = tabs.map((candidate) => `\`${candidate.id}\``).join(', ');
+    const asked = typeof args?.tab === 'string' ? `\`${args.tab.slice(0, 40)}\`` : 'no tab';
+    return {
+      markdown: `There is no panel tab ${asked}, or its inspector is turned off. Pass one of: ${known}.`,
+    };
+  }
+  const id = text(args?.id);
+  const page = text(args?.page);
+  const selects = id !== undefined && PANEL_LINK_ITEMS[tab.id as PanelTab] !== undefined;
+  const link: PanelLink = {
+    tab: tab.id,
+    ...(selects ? { id } : {}),
+    ...(page ? { page } : {}),
+  };
+  const hash = panelLinkHash(link);
+  const origin = originOf(context.pageUrl);
+  const url = context.panelBase && origin ? `${origin}${context.panelBase}${hash}` : undefined;
+
+  const lines = [`## Open in the panel: ${tab.label}`, ''];
+  lines.push(url ? `[Open ${tab.label} in the panel](${url})` : `Panel hash: \`${hash}\``);
+  if (!url) {
+    lines.push(
+      '',
+      context.panelBase
+        ? `Add the hash to the panel's address, such as \`${context.panelBase}${hash}\` on the app's server.`
+        : "Add the hash to the panel's address.",
+    );
+  }
+  lines.push('');
+  if (selects) lines.push(`It selects ${PANEL_LINK_ITEMS[tab.id as PanelTab]}: \`${id}\`.`);
+  else if (id)
+    lines.push(`The ${tab.label} tab has no item selection, so the link opens the tab only.`);
+  if (page && !context.pages.includes(page)) {
+    lines.push(
+      `No page with id \`${page}\` reports now. The panel selects the item once that page reports. See list-pages.`,
+    );
+  }
+  lines.push('Open panels were asked to switch to it.');
+  return { markdown: lines.join('\n'), link };
+}
diff --git a/packages/devtools/vitest.compat.config.ts b/packages/devtools/vitest.compat.config.ts
index a6cb3689..cfbea077 100644
--- a/packages/devtools/vitest.compat.config.ts
+++ b/packages/devtools/vitest.compat.config.ts
@@ -12,8 +12,11 @@ const pageSide = [
   'change-detection',
   'change-detection-real',
   'component-tree',
+  'console-tap',
   'defer-blocks',
   'defer-blocks-real',
+  'errors-collector',
+  'errors-real',
   'forms',
   'forms-tools',
   'host-tree',
diff --git a/scripts/panel-axe.mjs b/scripts/panel-axe.mjs
index b9e5c22c..721aff37 100644
--- a/scripts/panel-axe.mjs
+++ b/scripts/panel-axe.mjs
@@ -183,6 +183,59 @@ const CAPACITOR_SEED = {
   },
 };
 
+// The Errors tab with a page that hit errors and logged to the console.
+const errorGroup = (id, extra = {}) => ({
+  id,
+  message: 'Error: No seats left on trip 42',
+  name: 'Error',
+  count: 3,
+  firstAt: now - 60_000,
+  lastAt: now - 5_000,
+  sources: ['handler'],
+  stack: 'Error: No seats left on trip 42\n    at _TripCard.book (main.js:10:5)',
+  owner: { id: 'c1-7', name: 'TripCard' },
+  ...extra,
+});
+const ERRORS_SEED = {
+  pages: {
+    tab1: {
+      pageId: 'tab1',
+      url: '/trips',
+      title: 'Trips',
+      reportedAt: now,
+      handler: 'wrapped',
+      errors: {
+        e1: errorGroup('e1'),
+        e2: errorGroup('e2', {
+          message: 'Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError',
+          code: 'NG0100',
+          docUrl: 'https://angular.dev/errors/NG0100',
+          count: 1,
+          sources: ['window'],
+          owner: undefined,
+        }),
+        e3: errorGroup('e3', { message: 'NG0303: unknown property', code: 'NG0303', count: 1 }),
+      },
+      console: {
+        1: { id: 1, level: 'log', text: 'Loaded trips', at: now - 9_000, count: 4 },
+        2: { id: 2, level: 'info', text: 'Signed in', at: now - 8_000, count: 1 },
+        3: {
+          id: 3,
+          level: 'warn',
+          text: 'NG0913: image too big',
+          at: now - 7_000,
+          count: 1,
+          code: 'NG0913',
+          docUrl: 'https://angular.dev/errors/NG0913',
+        },
+        4: { id: 4, level: 'error', text: 'Failed to save', at: now - 6_000, count: 1 },
+        5: { id: 5, level: 'debug', text: 'cache hit', at: now - 5_000, count: 1 },
+      },
+      dropped: { errors: 0, console: 0 },
+    },
+  },
+};
+
 /** The dump's record format (@ungap/structured-clone JSON), for plain JSON values. */
 function encodeRecord(value) {
   const out = [];
@@ -205,19 +258,22 @@ function encodeRecord(value) {
   return JSON.stringify(out);
 }
 
-/** Serves the seeded Capacitor pages in place of the report's empty state. */
-async function seedCapacitor(context) {
+const SEEDS = { 'pangular:capacitor': CAPACITOR_SEED, 'pangular:errors': ERRORS_SEED };
+
+/** Serves the seeded Capacitor and Errors pages in place of the report's empty state. */
+async function seedPages(context) {
   await context.route(
     '**/__rpc-dump/devframe~rpc~server-state~get.record.*.json',
     async (route) => {
       const response = await route.fetch();
       const body = await response.text();
-      if (!body.includes('"pangular:capacitor"')) return route.fulfill({ response });
+      const key = Object.keys(SEEDS).find((name) => body.includes(`"${name}"`));
+      if (!key) return route.fulfill({ response });
       return route.fulfill({
         response,
         body: encodeRecord({
-          inputs: ['pangular:capacitor'],
-          output: JSON.parse(JSON.stringify(CAPACITOR_SEED)),
+          inputs: [key],
+          output: JSON.parse(JSON.stringify(SEEDS[key])),
         }),
       });
     },
@@ -286,7 +342,7 @@ try {
       reducedMotion: 'reduce',
       viewport: { width: 1280, height: 800 },
     });
-    await seedCapacitor(seeded);
+    await seedPages(seeded);
     const capacitor = await seeded.newPage();
     capacitor.on('pageerror', (error) =>
       failures.push(`${colorScheme} Capacitor: page error ${error.message}`),
@@ -312,6 +368,22 @@ try {
     } catch (error) {
       failures.push(`${colorScheme} Capacitor: the seeded app did not show (${error.message})`);
     }
+    const errors = await seeded.newPage();
+    errors.on('pageerror', (error) =>
+      failures.push(`${colorScheme} Errors: page error ${error.message}`),
+    );
+    await errors.goto(`${base}#tab=errors`);
+    await errors.locator('.status.connected').waitFor();
+    try {
+      await errors.locator('ol.errors > li').first().waitFor({ timeout: 15_000 });
+      await errors.locator('ol.errors details summary').first().click();
+      await check(errors, `${colorScheme} Errors with errors reported`);
+      await errors.getByRole('button', { name: /^Console/ }).click();
+      await errors.locator('ol.console > li').first().waitFor();
+      await check(errors, `${colorScheme} Errors on the console log`);
+    } catch (error) {
+      failures.push(`${colorScheme} Errors: the seeded page did not show (${error.message})`);
+    }
     await seeded.close();
   }
 } finally {